:root{--bg-main:#09090bf7;--bg-blur:blur(28px);--bg-saturation:saturate(180%);--text-primary:#fafafa;--text-strong:#e4e4e7;--text-secondary:#d4d4d8;--text-muted:#71717a;--text-disabled:#52525b;--text-subtle:#3f3f46;--color-success:#4ade80;--color-error:#f87171;--border-card:#ffffff14;--border-input:#ffffff12;--overlay-hover-subtle:#ffffff08;--overlay-separator:#ffffff0a;--overlay-hover-control:#ffffff0d;--overlay-button:#ffffff12;--overlay-border:#ffffff14;--accent-bar:#ffffff80;--font-family:"Segoe UI Variable", "Segoe UI", sans-serif;--font-size-xs:9px;--font-size-sm:11px;--font-size-md:12px;--font-size-lg:13px;--font-weight-regular:400;--font-weight-medium:500;--letter-spacing-default:.01em;--letter-spacing-heading:.07em;--radius-badge:3px;--radius-radio:6px;--radius-button:5px;--radius-input:5px;--radius-item:7px;--radius-card:12px;--overlay-width:276px;--overlay-height:220px;--control-size:24px;--input-width:56px;--shadow-card:0 2px 12px #000000b3, 0 8px 32px #00000080;--transition-fast:.1s ease;--transition-interaction:.12s ease}@keyframes aurora-1{0%{opacity:.55;transform:translate(0%)scale(1)}33%{opacity:.4;transform:translate(12%,-18%)scale(1.15)}66%{opacity:.65;transform:translate(-8%,22%)scale(.9)}to{opacity:.55;transform:translate(0%)scale(1)}}@keyframes aurora-2{0%{opacity:.4;transform:translate(0%)scale(1)}40%{opacity:.3;transform:translate(-15%,14%)scale(1.2)}80%{opacity:.5;transform:translate(18%,-10%)scale(.85)}to{opacity:.4;transform:translate(0%)scale(1)}}@keyframes aurora-3{0%{opacity:.3;transform:translate(0%)scale(1)}50%{opacity:.5;transform:translate(10%,20%)scale(1.1)}to{opacity:.3;transform:translate(0%)scale(1)}}.aurora-blob{pointer-events:none;filter:blur(80px);border-radius:50%;position:fixed}.aurora-blob-1{filter:blur(100px);background:radial-gradient(#3c145a1f 0%,#0000 70%);width:60vw;height:50vh;animation:28s ease-in-out infinite aurora-1;top:-20%;left:20%}.aurora-blob-2{background:radial-gradient(#1e3a8a47 0%,#0000 70%);width:55vw;height:55vh;animation:22s ease-in-out infinite aurora-2;bottom:-10%;right:-5%}.aurora-blob-3{background:radial-gradient(#6d28d92e 0%,#0000 70%);width:40vw;height:50vh;animation:16s ease-in-out infinite aurora-3;top:40%;left:50%}@keyframes view-enter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.view-enter{animation:.3s cubic-bezier(.22,1,.36,1) both view-enter;display:contents}@keyframes view-enter-dramatic{0%{opacity:0;filter:brightness(2.4)saturate(1.3)blur(3px);transform:scale(1.05)}35%{opacity:1;filter:brightness(1.5)blur()}to{opacity:1;filter:brightness()saturate();transform:scale(1)}}.view-enter-dramatic{animation:.48s cubic-bezier(.16,1,.3,1) both view-enter-dramatic;position:fixed;inset:0}@keyframes countdown-pop{0%{opacity:0;filter:blur(8px);transform:scale(2.2)}30%{opacity:1;filter:blur();transform:scale(1.05)}70%{opacity:1;transform:scale(1)}to{opacity:0;filter:blur(4px);transform:scale(.6)}}.countdown-num{animation:.9s cubic-bezier(.22,1,.36,1) both countdown-pop}@keyframes vote-bounce{0%{transform:scale(1)}30%{transform:scale(.96)}65%{transform:scale(1.04)}to{transform:scale(1)}}.vote-bounce{animation:.38s cubic-bezier(.34,1.56,.64,1) both vote-bounce}@keyframes bubble-pop{0%{opacity:0;transform:scale(.2)}60%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.bubble-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) both bubble-pop}@keyframes bubble-flash{0%{box-shadow:0 0 #fff0}30%{box-shadow:0 0 22px #ffffff80,0 0 44px #ffffff38}to{box-shadow:0 2px 14px #0006}}.bubble-pop-flash{animation:.35s cubic-bezier(.34,1.56,.64,1) both bubble-pop,.6s ease-out both bubble-flash}@keyframes char-reveal{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.char-reveal{animation:.28s both char-reveal;display:inline-block}@keyframes dot-ping{0%{opacity:1;transform:scale(1)}40%{opacity:.5;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}.dot-ping{animation:.7s cubic-bezier(.22,1,.36,1) both dot-ping}@keyframes identity-enter{0%{opacity:0;filter:blur(10px);transform:scale(.85)translateY(20px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes identity-exit{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(8px);transform:scale(1.08)}}.identity-enter{animation:.5s cubic-bezier(.22,1,.36,1) both identity-enter}.identity-exit{animation:.4s forwards identity-exit}@keyframes overlay-enter{0%{opacity:0;transform:scale(.91)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes overlay-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.anim-enter{animation:.28s cubic-bezier(.34,1.56,.64,1) forwards overlay-enter}.anim-exit{animation:.16s forwards overlay-exit}@keyframes card-float{0%{transform:translateY(0)translate(0)rotate(0)}22%{transform:translateY(-7px)translate(1.5px)rotate(.5deg)}50%{transform:translateY(-13px)translate(-1px)rotate(-.4deg)}78%{transform:translateY(-5px)translate(-2px)rotate(.3deg)}to{transform:translateY(0)translate(0)rotate(0)}}@keyframes card-shake{0%,to{transform:rotate(0)}20%{transform:rotate(.8deg)}40%{transform:rotate(-.6deg)}60%{transform:rotate(.4deg)}80%{transform:rotate(-.9deg)}}.card-float{animation:3s ease-in-out infinite card-float}.card-shake{animation:1.8s ease-in-out infinite card-shake}@keyframes point-reveal{0%{opacity:0;transform:scale(.3)translateY(20px)}55%{opacity:1;transform:scale(1.18)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.point-reveal{animation:.65s cubic-bezier(.34,1.56,.64,1) both point-reveal}@keyframes vote-row-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.vote-row-in{animation:.35s both vote-row-in}@keyframes answer-reveal{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.answer-reveal{animation:.45s cubic-bezier(.22,1,.36,1) both answer-reveal}@keyframes podium-rise{0%{opacity:0;transform:translateY(56px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.podium-rise{animation:.7s cubic-bezier(.22,1,.36,1) both podium-rise}@keyframes winner-glow{0%,to{box-shadow:0 0 0 1px #fbbf2440,0 8px 40px #fbbf242e,0 0 80px #fbbf2412}50%{box-shadow:0 0 0 1px #fbbf248c,0 8px 60px #fbbf2461,0 0 130px #fbbf242b}}.winner-glow{animation:2.6s ease-in-out infinite winner-glow}@keyframes winner-glow-teal{0%,to{box-shadow:0 0 0 1px #2dd4bf40,0 8px 40px #2dd4bf2e,0 0 80px #2dd4bf12}50%{box-shadow:0 0 0 1px #2dd4bf8c,0 8px 60px #2dd4bf61,0 0 130px #2dd4bf2b}}.winner-glow-teal{animation:2.6s ease-in-out infinite winner-glow-teal}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}85%{opacity:1}to{transform:translate3d(var(--drift,0px), 108vh, 0) rotate(var(--spin,360deg));opacity:0}}.confetti-piece{pointer-events:none;will-change:transform, opacity;z-index:5;border-radius:2px;animation:linear forwards confetti-fall;position:fixed;top:0}@keyframes pulse-fade{0%,to{opacity:.3}50%{opacity:1}}.pulse-fade{animation:.9s ease-in-out infinite pulse-fade}@keyframes question-fade{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.question-fade{animation:.5s both question-fade}:root{scrollbar-width:thin;scrollbar-color:var(--scroll-accent,#2d2d34bf) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-thumb{background-color:var(--scroll-accent,#2d2d34bf);background-clip:padding-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-accent-hover,#b0b0e6d9)}.card{width:var(--overlay-width);height:var(--overlay-height);background:var(--bg-main);-webkit-backdrop-filter:var(--bg-blur) var(--bg-saturation);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-family:var(--font-family);color:var(--text-primary);font-size:var(--font-size-md);overflow:hidden}.menu-item{border-radius:var(--radius-item);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);color:var(--text-secondary);align-items:center;gap:8px;padding:5px 10px;display:flex;position:relative}.menu-item:hover{background:var(--overlay-hover-subtle);color:var(--text-strong);transform:translate(2px)}.menu-item.active{color:var(--text-primary)}.menu-item.active:before{content:"";background:var(--accent-bar);border-radius:2px;width:2px;height:50%;position:absolute;top:25%;left:0}.btn{border-radius:var(--radius-button);border:1px solid var(--border-input);background:var(--overlay-button);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);letter-spacing:var(--letter-spacing-default);justify-content:center;align-items:center;display:inline-flex}.btn:hover:not(:disabled){background:var(--overlay-hover-control);border-color:var(--overlay-border)}.btn:disabled{color:var(--text-disabled);cursor:not-allowed}.btn-control{width:var(--control-size);height:var(--control-size);border-radius:var(--radius-button);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:0}.btn-control:hover{background:var(--overlay-hover-control);color:var(--text-strong)}.input{width:var(--input-width);border-radius:var(--radius-input);border:1px solid var(--border-input);background:var(--overlay-hover-subtle);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-md);transition:border-color var(--transition-fast);outline:none;padding:3px 6px}.input:focus{border-color:var(--overlay-border)}.input::placeholder{color:var(--text-subtle)}.separator{background:var(--overlay-separator);height:1px;margin:4px 0}.label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-heading);text-transform:uppercase;color:var(--text-subtle)}.kbd{border-radius:var(--radius-badge);border:1px solid var(--overlay-border);background:var(--overlay-button);color:var(--text-muted);font-size:var(--font-size-xs);justify-content:center;align-items:center;padding:1px 4px;line-height:1.4;display:inline-flex}.dot-success{color:var(--color-success)}.dot-error{color:var(--color-error)}.vote-type-btn{border-color:var(--border-input);background:var(--overlay-button);color:var(--text-muted)}.vote-type-btn:hover:not(:disabled){border-color:var(--overlay-border);background:var(--overlay-hover-control);transform:translateY(-1px)}.vote-type-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.mode-card{border-color:#ffffff12;box-shadow:0 2px 12px #00000080,0 10px 28px #00000059}.mode-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 16px #0000008c,0 14px 34px #0006}.mode-card:active{transform:translateY(-1px)scale(.99)}.mode-card.mode-card--mine{border-color:var(--mode-color,#ffffff4d);box-shadow:0 0 0 1px var(--mode-color-dim,transparent), 0 10px 34px #0000008c, 0 0 30px var(--mode-glow,transparent)}.btn-next{border-radius:var(--radius-button);border:1px solid var(--accent-border,var(--border-input));background:var(--accent-bg,var(--overlay-button));color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-default);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform .1s ease;align-items:center;gap:9px;padding:10px 18px;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.btn-next:hover{background:var(--accent-bg-hover,var(--overlay-hover-control));border-color:var(--accent-border-hover,var(--overlay-border))}.btn-next:active{transform:scale(.97)}.btn-next-icon{color:var(--accent-icon,var(--text-muted));flex-shrink:0;display:inline-flex}.btn-end{border-radius:var(--radius-button);border:1px solid var(--border-input);color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-default);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:10px 16px}.btn-end:hover{background:var(--overlay-hover-subtle);border-color:var(--overlay-border);color:var(--text-strong)}.btn-end:active{transform:scale(.97)}.home-submit{border-radius:var(--radius-button);border:1px solid var(--border-input);background:var(--overlay-button);width:100%;color:var(--text-primary);font-family:var(--font-family);letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform .1s ease;padding:14px 0;font-size:14px;font-weight:600}.home-submit:hover:not(:disabled){background:var(--overlay-hover-control);border-color:var(--overlay-border)}.home-submit:active:not(:disabled){transform:scale(.98)}.home-submit:disabled{color:var(--text-disabled);cursor:not-allowed}*{box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-primary);background:#09090b;margin:0}