:root{--bg:#0a0a0c;--bg-card:#ffffff06;--bg-input:#ffffff08;--border:#ffffff14;--border-strong:#ffffff21;--text:#fafafa;--muted:#ffffff8c;--muted-dim:#ffffff6b;--muted-faint:#ffffff61;--accent:#eab308;--accent-dim:#eab3081f;--accent-ring:#eab3084d;--live:#22c55e;--live-dim:#22c55e21;--danger:#f87171;--danger-bg:#dc26261a;--danger-ring:#dc26264d;--font:"Manrope", sans-serif;--mono:"JetBrains Mono", monospace;--radius:14px;--radius-btn:9px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:radial-gradient(1600px 800px at 72% -8%, #eab3080d, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}a{color:var(--accent);text-decoration:none}.app-shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-icon{flex-shrink:0;width:30px;height:30px}.brand-text{font-family:var(--font);letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:800}.brand-sub{font-family:var(--mono);color:var(--muted-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:500}.muted{color:var(--muted)}.top-bar{background:#ffffff04;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:72px;margin-bottom:28px;padding:0 32px;display:flex}@media (width<=800px){.top-bar{height:60px;padding:0 20px}}.avatar{width:38px;height:38px;font:800 13px/1 var(--font);color:var(--accent);background:#eab30826;border-radius:9999px;justify-content:center;align-items:center;display:flex}.card{border-radius:var(--radius);background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border);padding:24px}.card-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.card-title{font:700 15px/1 var(--font);color:var(--text);letter-spacing:-.01em}.btn{appearance:none;border-radius:var(--radius-btn);background:var(--accent);color:#18181b;height:44px;font:700 14px/1 var(--font);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;transition:transform .12s,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.btn.secondary{box-shadow:inset 0 0 0 1px var(--border-strong);color:#ffffffb8;background:0 0}.btn.secondary:hover{background:#ffffff0a}.btn.ghost{background:var(--accent-dim);box-shadow:inset 0 0 0 1px var(--accent-ring);color:var(--accent)}.btn.danger{background:var(--danger-bg);box-shadow:inset 0 0 0 1px var(--danger-ring);color:var(--danger)}.btn.live-btn{background:var(--live);color:#06230f}.badge{font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#fff9;background:#ffffff12;border-radius:9999px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.badge.live{background:var(--live-dim);color:var(--live)}.badge.live .pulse-dot{background:var(--live);border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite lpPulse}.badge.ended{color:var(--danger);background:#dc262621}.badge.draft{color:#fff9;background:#ffffff12}.field{flex-direction:column;gap:9px;display:flex}.field label{font:600 12px/1 var(--font);color:var(--muted)}.field input,.field select,.field textarea{border-radius:var(--radius-btn);background:var(--bg-input);width:100%;height:48px;color:var(--text);font:500 15px/1 var(--font);border:1px solid #ffffff1a;outline:none;padding:0 15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{background:#ffffff0d;border-color:#eab30899;box-shadow:0 0 0 3px #eab30826}.field textarea{resize:vertical;min-height:80px;padding:12px 15px;line-height:1.4}.join-code-label{font:600 9px/1 var(--mono);color:var(--muted-dim);text-transform:uppercase;letter-spacing:.14em}.join-code-value{font:700 20px/1 var(--mono);color:var(--accent);letter-spacing:.14em}.join-code-value.large{letter-spacing:.16em;font-size:34px}.session-card{background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border);border-radius:13px;align-items:center;gap:24px;padding:20px 22px;display:flex}.session-card.ended{opacity:.82}.session-card .session-title{font:800 17px/1.2 var(--font);color:var(--text);letter-spacing:-.01em}.session-card .session-meta{font:500 12px/1 var(--font);color:var(--muted-dim);margin-top:8px}@media (width<=800px){.session-card{flex-direction:column;align-items:stretch;gap:13px;padding:16px}}.q-item{background:#ffffff05;border-radius:12px;align-items:center;gap:18px;padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.q-number{font:700 22px/1 var(--mono);color:#ffffff47;font-variant-numeric:tabular-nums}.q-type{font:700 9px/1 var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}.q-prompt{font:700 16px/1.3 var(--font);color:var(--text);margin-bottom:7px}.q-options{font:500 12px/1 var(--mono);color:var(--muted-dim)}.q-actions{align-items:center;gap:6px;display:flex}.btn-icon{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--border-strong);color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .12s;display:flex}.btn-icon:hover{background:#ffffff0a}.btn-icon.danger{color:var(--danger);margin-left:4px;box-shadow:inset 0 0 0 1px #dc262640}.grid-2{grid-template-columns:1fr 340px;gap:20px;display:grid}@media (width<=800px){.grid-2{grid-template-columns:1fr}}.qr{background:#fff;border-radius:12px;width:184px;height:184px;padding:12px}.presenter{background:radial-gradient(1200px 700px at 80% -10%,#eab30812,#0000 55%),#08080a;flex-direction:column;min-height:100vh;display:flex}.presenter-bar{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 44px;display:flex}.presenter main{flex-direction:column;flex:1;min-height:0;padding:48px 88px 40px;display:flex}.presenter h1{font:800 clamp(2rem, 5vw, 52px)/1.08 var(--font);color:var(--text);letter-spacing:-.025em;text-wrap:balance;max-width:22ch;margin:0 0 40px}.presenter .meta{font:700 13px/1 var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.18em}.progress-dots{gap:5px;margin-left:12px;display:flex}.progress-dot{background:#ffffff24;border-radius:9999px;width:26px;height:5px}.progress-dot.active{background:#eab308e6}.presenter-footer{border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;height:88px;padding:0 88px;display:flex}.presenter-footer .status-text{font:600 13px/1 var(--mono);color:var(--muted-faint);text-transform:uppercase;letter-spacing:.1em}.presenter-footer .btn,.presenter-footer .btn.secondary{border-radius:11px;height:52px;padding:0 24px;font-size:16px}@media (width<=800px){.presenter-bar{height:64px;padding:0 20px}.presenter main{padding:24px 20px}.presenter-footer{height:72px;padding:0 20px}}.bars{flex-direction:column;flex:1;justify-content:center;gap:20px;display:flex}.bar-row{flex-direction:column;gap:10px;display:flex}.bar-label{justify-content:space-between;align-items:baseline;display:flex}.bar-label .label-text{font:700 clamp(1rem, 2.4vw, 26px)/1 var(--font);color:var(--text)}.bar-label .label-stats{align-items:baseline;gap:12px;display:flex}.bar-label .pct{font:800 clamp(1.1rem, 2.5vw, 34px)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.bar-label .pct.leading{color:var(--accent)}.bar-label .count{font:600 clamp(.8rem, 1.5vw, 16px)/1 var(--mono);color:var(--muted-dim);font-variant-numeric:tabular-nums}.bar-track{background:#ffffff0d;border-radius:9px;height:clamp(18px,3vw,26px);overflow:hidden}.bar-fill{border-radius:inherit;width:0%;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.bar-fill.leading{background:linear-gradient(90deg,#ca8a04,#facc15)}.bar-fill.secondary{background:#eab30880}.join{background:radial-gradient(600px 400px at 50% -8%, #eab3080f, transparent 60%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.join-inner{flex-direction:column;flex:1;padding:20px 26px 30px;display:flex}.join-brand{align-items:center;gap:9px;margin-bottom:22px;display:flex}.join-brand .session-label{font:600 11px/1 var(--mono);color:var(--muted-dim);letter-spacing:.1em;text-transform:uppercase;margin-left:auto}.choice{text-align:left;width:100%;min-height:60px;color:var(--text);font:700 17px/1.2 var(--font);cursor:pointer;background:#ffffff0a;border:0;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:transform .12s,box-shadow .12s,background .12s;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.choice:hover{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff29}.choice:active{transform:scale(.97)}.choice:disabled{opacity:.5;cursor:not-allowed;transform:none}.choice-letter{width:26px;height:26px;font:700 12px/1 var(--mono);color:#ffffff80;background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.join-footer{text-align:center;font:500 12px/1.4 var(--font);color:var(--muted-dim);margin-top:auto;padding-top:22px}.waiting{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem .5rem;display:flex}.waiting .icon-circle{border-radius:9999px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:30px;display:flex}.waiting .icon-circle.yellow{background:#eab3081a}.waiting .icon-circle.green{background:#22c55e1f}.waiting .icon-circle.neutral{background:#ffffff0d}.waiting .pulse{background:var(--accent);border-radius:50%;width:18px;height:18px;animation:1.8s ease-out infinite lpPulseY}.waiting .status-label{font:700 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px}.waiting h1{font:800 26px/1.25 var(--font);color:var(--text);letter-spacing:-.02em;margin:0 0 12px}.waiting p{font:400 15px/1.5 var(--font);color:var(--muted);max-width:26ch;margin:0}@keyframes lpPulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 9px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes lpPulseY{0%{box-shadow:0 0 #eab3088c}70%{box-shadow:0 0 0 10px #eab30800}to{box-shadow:0 0 #eab30800}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.error{color:var(--danger);font-size:.9rem}.empty{text-align:center;flex-direction:column;align-items:center;padding:56px 40px;display:flex}.empty .empty-icon{background:#eab3081a;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:22px;display:flex}.empty h3{font:800 20px/1.3 var(--font);color:var(--text);margin:0 0 9px}.empty p{font:400 14px/1.5 var(--font);color:var(--muted);max-width:42ch;margin:0 0 24px}.count-badge{font:600 13px/1 var(--mono);color:var(--muted-dim);background:#ffffff0d;border-radius:6px;padding:5px 9px}.divider{background:#ffffff12;height:1px}.separator{background:#ffffff24;width:1px;height:22px}