@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap";:root{color-scheme:dark;--font-ui: "Inter", system-ui, sans-serif;--font-show: "Poppins", "Inter", system-ui, sans-serif;--bg-0: #0b1220;--bg-1: #101a2f;--bg-2: #15213a;--bg-3: #0a1120;--panel: rgba(18, 28, 48, .9);--panel-2: rgba(20, 33, 57, .84);--text: #d7e4ff;--text-bright: #f1f6ff;--text-bright-alt: #e9f1ff;--text-bright-soft: #e3edff;--text-bright-cool: #d8e9ff;--text-info: #cfe1ff;--muted: rgba(180, 200, 232, .76);--cyan: #4d95ff;--cyan-soft: rgba(77, 149, 255, .38);--blue: #2f6cff;--blue-soft: rgba(47, 108, 255, .3);--danger: #ff6c81;--ok: #39d49a;--line: rgba(111, 156, 235, .28);--line-soft: rgba(111, 156, 235, .13);--grid-line: rgba(100, 139, 207, .08);--radius: 14px;--radius-lg: 20px;--shell-spot-1: rgba(47, 108, 255, .25);--shell-spot-2: rgba(77, 149, 255, .2);--shell-spot-3: rgba(58, 113, 255, .2);--conn-bg-top: rgba(24, 38, 66, .88);--conn-bg-bottom: rgba(17, 28, 50, .94);--conn-inset: rgba(111, 156, 235, .18);--conn-on-text: #b9f7df;--conn-on-border: rgba(57, 212, 154, .5);--conn-on-glow: rgba(57, 212, 154, .2);--conn-on-inset: rgba(57, 212, 154, .2);--conn-on-dot-glow: rgba(57, 212, 154, .7);--conn-off-text: #ffd0d8;--conn-off-border: rgba(255, 108, 129, .45);--title-glow-1: rgba(77, 149, 255, .28);--title-glow-2: rgba(47, 108, 255, .2);--tile-bg-top: rgba(27, 41, 69, .92);--tile-bg-bottom: rgba(20, 31, 54, .95);--tile-accent-wash: rgba(77, 149, 255, .12);--tile-shadow: rgba(4, 10, 22, .56);--tile-inset: rgba(77, 149, 255, .12);--tile-hover-shadow: rgba(4, 10, 22, .66);--tile-hover-glow: rgba(77, 149, 255, .18);--tile-primary-border: rgba(77, 149, 255, .4);--tile-primary-shadow: rgba(4, 10, 22, .72);--tile-primary-glow: rgba(47, 108, 255, .24);--tile-primary-inset: rgba(77, 149, 255, .2);--back-link-bg: rgba(22, 33, 58, .9);--vote-panel-top: rgba(24, 37, 64, .94);--vote-panel-bottom: rgba(18, 29, 52, .98);--vote-panel-spot: rgba(77, 149, 255, .2);--vote-panel-shadow: rgba(4, 10, 22, .68);--vote-panel-glow: rgba(47, 108, 255, .16);--status-border: rgba(77, 149, 255, .4);--status-bg: rgba(47, 108, 255, .14);--btn-bg-top: rgba(27, 41, 69, .94);--btn-bg-bottom: rgba(19, 31, 54, .98);--btn-shadow: rgba(4, 10, 22, .48);--btn-hover-shadow: rgba(4, 10, 22, .62);--btn-pressed-border: rgba(77, 149, 255, .64);--btn-pressed-shadow: rgba(4, 10, 22, .7);--btn-pressed-inset: rgba(77, 149, 255, .26);--btn-pressed-glow: rgba(77, 149, 255, .32);--locked-border: rgba(255, 108, 129, .42);--locked-bg: rgba(255, 108, 129, .15);--locked-text: #ffd0d8}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100%}.app-shell{position:relative;min-height:100vh;overflow-x:hidden;background:radial-gradient(90% 60% at 50% -10%,var(--shell-spot-1),transparent 58%),radial-gradient(65% 35% at 12% 84%,var(--shell-spot-2),transparent 60%),radial-gradient(60% 35% at 90% 78%,var(--shell-spot-3),transparent 62%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 45%,var(--bg-3) 100%)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 20%,black 38%,transparent 86%);mask-image:radial-gradient(ellipse 100% 80% at 50% 20%,black 38%,transparent 86%)}.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#070e1c2e,#070e1c94)}.page{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:clamp(1.2rem,4vw,2.6rem)}.page.vote{min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:5.2rem}.page__header{display:flex;justify-content:flex-end;margin-bottom:1.4rem}.page__header--split{justify-content:space-between;align-items:center}.conn-pill{display:inline-flex;align-items:center;gap:.48rem;padding:.38rem .92rem;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,var(--conn-bg-top),var(--conn-bg-bottom));font-size:.71rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);box-shadow:0 0 0 1px var(--conn-inset) inset}.conn-pill__dot{width:8px;height:8px;border-radius:50%}.conn-pill--on{color:var(--conn-on-text);border-color:var(--conn-on-border);box-shadow:0 0 24px var(--conn-on-glow),0 0 0 1px var(--conn-on-inset) inset}.conn-pill--on .conn-pill__dot{background:var(--ok);box-shadow:0 0 12px var(--conn-on-dot-glow)}.conn-pill--off{color:var(--conn-off-text);border-color:var(--conn-off-border)}.conn-pill--off .conn-pill__dot{background:var(--danger);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.hub__hero{margin-bottom:2.2rem}.hub__eyebrow{margin:0 0 .9rem;font-size:.78rem;letter-spacing:.12em;text-transform:none;color:var(--cyan);font-weight:800}.hub__title{margin:0 0 .95rem;font-family:var(--font-show);font-size:clamp(2rem,6.2vw,3.3rem);line-height:1.12;letter-spacing:.01em;text-transform:none;color:var(--text-bright);text-shadow:0 0 24px var(--title-glow-1),0 0 46px var(--title-glow-2)}.hub__title em{font-style:normal;color:var(--cyan)}.hub__lede{margin:0;max-width:46ch;color:var(--muted);font-size:1rem}.hub__actions{display:grid;gap:1rem}@media(min-width:680px){.hub__actions{grid-template-columns:1fr 1fr}}.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.32rem 1.35rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(165deg,var(--tile-bg-top),var(--tile-bg-bottom)),linear-gradient(90deg,var(--tile-accent-wash),transparent 30%);box-shadow:0 18px 50px var(--tile-shadow),0 0 0 1px var(--tile-inset) inset;text-decoration:none;color:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tile:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:12px;border:1px solid var(--line-soft);pointer-events:none}.tile:hover{transform:translateY(-2px);border-color:var(--cyan-soft);box-shadow:0 20px 58px var(--tile-hover-shadow),0 0 30px var(--tile-hover-glow),0 0 0 1px var(--tile-hover-glow) inset}.tile:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tile--primary{border-color:var(--tile-primary-border);box-shadow:0 20px 58px var(--tile-primary-shadow),0 0 34px var(--tile-primary-glow),0 0 0 1px var(--tile-primary-inset) inset}.tile__label{font-family:var(--font-show);font-size:1.16rem;letter-spacing:.01em;text-transform:none;color:var(--text-bright-alt)}.tile__hint{font-size:.84rem;color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .78rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;text-transform:none;letter-spacing:.02em;font-size:.72rem;font-weight:700;color:var(--muted);background:var(--back-link-bg)}.back-link:hover{color:var(--text-bright-cool);border-color:var(--cyan-soft)}.back-link:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.vote__panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,var(--vote-panel-top),var(--vote-panel-bottom)),radial-gradient(100% 60% at 100% 0%,var(--vote-panel-spot),transparent 70%);box-shadow:0 26px 72px var(--vote-panel-shadow),0 0 44px var(--vote-panel-glow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1.1rem;flex:1;overflow:hidden}.vote__title{margin:0 0 .52rem;font-family:var(--font-show);font-size:clamp(1.75rem,5vw,2.5rem);letter-spacing:.01em;text-transform:none;color:var(--text-bright-soft)}.vote__sub{margin:0 0 1rem;color:var(--muted)}.vote__status{margin:0 0 .95rem;border:1px solid var(--status-border);background:var(--status-bg);color:var(--text-info);border-radius:12px;padding:.68rem .95rem;font-size:.92rem}.vote__ack{margin:0 0 1rem;color:var(--muted);font-size:.94rem}.vote__ack strong{color:var(--cyan);font-weight:700}.vote__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;overflow:hidden}.vote__grid .vote-btn{align-items:center;justify-content:center;min-height:110px;padding:.85rem;text-align:center}.vote__grid .vote-btn:after{display:none}.vote__grid .vote-btn__num{font-size:clamp(2.25rem,8vw,3.1rem);color:var(--text-bright-soft)}.vote__status-pin{position:fixed;left:0;right:0;bottom:.85rem;display:flex;justify-content:center;pointer-events:none;z-index:20}.vote__status-pin .conn-pill{pointer-events:auto}.vote-btn{cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.32rem;width:100%;min-height:72px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,var(--btn-bg-top),var(--btn-bg-bottom));color:var(--text);font:inherit;padding:.78rem .92rem;text-align:left;box-shadow:0 12px 26px var(--btn-shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.vote-btn:after{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));opacity:.35}.vote-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--cyan-soft);box-shadow:0 14px 36px var(--btn-hover-shadow),0 0 28px var(--tile-hover-glow)}.vote-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.vote-btn:disabled{cursor:not-allowed;opacity:.44}.vote-btn[aria-pressed=true]{border-color:var(--btn-pressed-border);background:linear-gradient(180deg,#4d95ff6b,#1b2f52f5);color:var(--text-bright-cool);box-shadow:0 14px 36px var(--btn-pressed-shadow),0 0 0 1px var(--btn-pressed-inset) inset,0 0 34px var(--btn-pressed-glow)}.vote-btn[aria-pressed=true] .vote-btn__label{color:var(--text-bright-cool)}.vote-btn__num{font-family:var(--font-show);font-size:1.45rem;line-height:1;letter-spacing:.03em;color:var(--text-bright-cool)}.vote-btn__label{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.vote__locked{margin:1.12rem 0 0;border-radius:10px;border:1px solid var(--locked-border);background:var(--locked-bg);color:var(--locked-text);padding:.64rem .9rem;font-size:.83rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gate-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.gate-card{width:min(560px,100%);border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,var(--vote-panel-top),var(--vote-panel-bottom)),radial-gradient(100% 60% at 100% 0%,var(--vote-panel-spot),transparent 70%);box-shadow:0 26px 72px var(--vote-panel-shadow),0 0 44px var(--vote-panel-glow);padding:1.5rem;display:grid;gap:.85rem}.gate-card__title{margin:0;font-family:var(--font-show);font-size:clamp(1.45rem,4vw,2.05rem);color:var(--text-bright);text-align:center}.gate-card__input{width:100%;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:clamp(1.35rem,5vw,2rem);font-weight:700;letter-spacing:.24em;text-align:center;padding:.95rem 1.1rem}.gate-card__input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.gate-card__error{margin:0;color:var(--danger);text-align:center;font-weight:600}.admin__panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,var(--vote-panel-top),var(--vote-panel-bottom)),radial-gradient(100% 60% at 100% 0%,var(--vote-panel-spot),transparent 70%);box-shadow:0 26px 72px var(--vote-panel-shadow),0 0 44px var(--vote-panel-glow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1.1rem}.admin__controls{display:grid;gap:.72rem}.admin__lock-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1;cursor:pointer}.admin__lock-btn:hover:not(:disabled){border-color:var(--cyan-soft);color:var(--text-bright-cool);box-shadow:0 0 18px var(--tile-hover-glow)}.admin__lock-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.admin__lock-btn:disabled{cursor:not-allowed;opacity:.44}.admin__form{margin-top:1rem;display:grid;gap:.72rem}.admin__field{display:grid;gap:.35rem}.admin__input{border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.68rem .8rem;font:inherit}.admin__input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.admin__option-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}.admin__option-btn{border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:.48rem .4rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.admin__option-btn--active{color:var(--text);border-color:var(--cyan-soft);box-shadow:0 0 18px var(--tile-hover-glow)}.admin__option-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(min-width:640px){.vote__panel,.admin__panel{padding:1.35rem}.vote__sub{margin-bottom:1.2rem}.vote__grid{gap:.85rem}.vote__grid .vote-btn{min-height:124px;padding:1rem}.vote__grid .vote-btn__num{font-size:3.1rem}.admin__option-grid{grid-template-columns:repeat(11,minmax(0,1fr))}}@media(min-width:900px){.vote__panel,.admin__panel{padding:1.6rem 1.75rem}}