:root{color-scheme:dark;--bg:#07111c;--panel:#0b1723;--line:#263a4c;--text:#fffbe9;--muted:#9dacc1;--lime:#d3ff45}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#122336 0,transparent 65%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100svh}main{max-width:660px;margin:auto;padding:34px 24px 20px}header{margin-bottom:28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:24px}.live{display:none;align-items:center;gap:10px;letter-spacing:1.5px}i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #d3ff4538;flex-shrink:0}h1{font-size:clamp(38px,8vw,58px);line-height:1.03;letter-spacing:-2px;margin:23px 0 16px;font-weight:800}h1 span{color:var(--lime)}header p{color:var(--muted);font-size:16px;line-height:1.5;margin:0;max-width:450px}fieldset{border:0;padding:0;margin:0}#options{display:grid;gap:9px}.option{display:flex;align-items:center;gap:14px;position:relative;border:1px solid var(--line);border-radius:13px;padding:13px 14px;cursor:pointer;background:linear-gradient(120deg,#10203166,#07111c55);transition:border-color .18s,background .18s}.option:hover{border-color:#788b6d}.option:has(input:checked){border-color:var(--lime);background:#d3ff4509;box-shadow:inset 0 0 0 1px #d3ff4520}.option:has(input:focus-visible){outline:3px solid white;outline-offset:3px}.num{display:grid;place-items:center;width:42px;height:44px;border-radius:9px;background:linear-gradient(135deg,#33475b,#213044);font-size:22px;letter-spacing:-1px;flex-shrink:0}.option:has(input:checked) .num{background:var(--lime);color:#0c1607}.copy{flex:1}.copy strong{display:block;font-size:15px;margin-bottom:5px}.copy small{display:block;font-size:12px;line-height:1.35;color:#afbdd0}.option input{appearance:none;width:20px;height:20px;border:1.5px solid #9baec3;border-radius:50%;margin:0;flex-shrink:0}.option input:checked{border:6px solid var(--lime);background:#17200d}button{font:inherit;cursor:pointer}#submit{width:100%;border:0;border-radius:13px;background:var(--lime);color:#111907;font-size:19px;font-weight:700;padding:18px;margin-top:17px;min-height:58px}#submit:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}.privacy{text-align:center;font-size:12px;color:var(--muted);margin:14px 0}#message{color:#ffbc9a;font-size:14px;text-align:center}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:20px;color:var(--muted);gap:20px}.counter{white-space:nowrap;font-size:15px}.counter strong{font-size:30px;font-weight:800;color:var(--lime);letter-spacing:-1px}#connection{display:flex;align-items:center;gap:9px;font-size:11px}.offline i{background:#ffb76b}#thanks{margin-bottom:28px}.check{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--lime);background:#d3ff4510;border-radius:50%;font-size:26px;color:var(--lime)}h2{font-size:26px;letter-spacing:-.5px}#thanks h2{margin:15px 0 8px}#thanks p{color:var(--muted);line-height:1.5;font-size:14px}.bar-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:15px 12px;margin-bottom:9px;border:1px solid var(--line);border-radius:11px;background:#0b17237a}.bar-row .num{width:35px;height:38px;font-size:20px}.bar-label{font-size:14px;font-weight:600}.track{background:#1b2b3b;height:7px;border-radius:4px;margin-top:10px;overflow:hidden}.fill{height:100%;background:#7f94ae;min-width:0;border-radius:inherit;transition:width .7s ease}.percent{font-size:21px;font-weight:700;min-width:48px;text-align:right}.leading .fill{background:var(--lime)}.leading .percent{color:var(--lime)}.leading .num{background:var(--lime);color:#111907}#empty{color:var(--muted);text-align:center;padding:20px}.screen main{max-width:1920px;padding:clamp(24px,3.1vw,60px);min-height:100svh;display:flex;flex-direction:column}.screen header{margin-bottom:3vh}.screen .eyebrow{font-size:clamp(12px,1.1vw,19px)}.screen .live{display:flex}.screen h1{font-size:clamp(48px,6.4vw,118px);letter-spacing:-.045em;margin:3vh 0 12px}.screen header p{font-size:clamp(18px,1.6vw,30px);max-width:none}.screen .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,25%);gap:3vw;flex:1;align-items:center}.screen #bars{display:grid;gap:8px}.screen .bar-row{grid-template-columns:clamp(38px,3.4vw,62px) minmax(0,1fr) minmax(100px,37%) 70px;gap:18px;margin:0;padding:1.15vh 16px;min-height:8vh}.screen .bar-row .num{width:clamp(38px,3.3vw,60px);height:clamp(38px,4.5vh,58px);font-size:clamp(21px,2vw,34px)}.screen .bar-label{font-size:clamp(16px,1.45vw,27px);line-height:1.2}.screen .track{height:clamp(16px,2.7vh,30px);margin:0}.screen .percent{font-size:clamp(23px,2vw,36px)}.screen #join{border-left:1px solid var(--line);padding-left:3vw;text-align:center}.qr-wrap{background:white;padding:16px;border-radius:16px;max-width:330px;margin:auto}.qr-wrap img{display:block;width:100%;height:auto}.screen #join h2{font-size:clamp(24px,2.2vw,42px);line-height:1.2;margin:26px 0 16px}.screen #join p{color:var(--muted);font-size:clamp(13px,1.1vw,20px)}a{color:var(--lime);text-underline-offset:5px}#vote-link{font-size:13px}.screen footer{margin-top:3vh}.screen .counter{font-size:26px}.screen .counter strong{font-size:48px}.screen #connection{font-size:18px;margin-right:auto}.screen #fullscreen{border:0;background:transparent;color:var(--muted);font-size:20px}#fullscreen span{font-size:13px}@media(min-width:1500px){.screen .layout{gap:3.5vw}.screen #join{padding-left:3.5vw}}@media(max-width:850px){.screen .layout{grid-template-columns:1fr}.screen #join{border:0;padding:20px 0}.screen .bar-row{grid-template-columns:36px 1fr 60px}.screen .track{grid-column:2/3;grid-row:2}.screen .percent{grid-column:3;grid-row:1/3}.screen footer{flex-wrap:wrap}.screen #connection{font-size:13px}.screen .counter strong{font-size:36px}.screen .counter{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:360px){main{padding:26px 16px}.option{gap:10px}.copy strong{font-size:14px}}
@media(min-width:851px){.screen main{padding:3vh 3.1vw}.screen h1{margin-top:2vh;font-size:clamp(48px,6vw,112px)}.screen header{margin-bottom:2vh}.screen .bar-row{min-height:7.3vh;padding:.7vh 16px}.screen #empty{padding:10px}.screen footer{margin-top:2vh;padding-top:1.5vh}.screen .counter strong{font-size:42px}}
@media(min-width:851px) and (max-height:850px){.screen main{padding:2vh 3.1vw}.screen h1{font-size:5.7vw;margin:1vh 0 10px}.screen header{margin-bottom:1vh}.screen .bar-row{min-height:7.1vh;padding:.5vh 12px}.screen .bar-row .num{height:36px}.screen #empty{display:none}.screen footer{margin-top:1.5vh;padding-top:1vh}.screen .counter strong{font-size:34px}.screen #join h2{margin:18px 0 12px}.screen .qr-wrap{max-width:250px}}