:root{--bg:#0d0d10;--panel:#16161c;--fg:#f4f4f5;--muted:#9a9aa5;--accent:#ff7a18;--accent-2:#ffb15c;--border:#2a2a33;--good:#35d67a;--bad:#ff5252}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:920px;margin:0 auto;padding:32px 20px}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:20px;display:flex}.btn{background:var(--accent);color:#1a0f00;cursor:pointer;border:none;border-radius:12px;padding:16px 28px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:default}.btn:active{transform:translateY(1px)}.btn.secondary{color:var(--accent);border:2px solid var(--accent);background:0 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px}input{border:1px solid var(--border);color:var(--fg);background:#0f0f14;border-radius:12px;width:100%;padding:14px 16px;font-size:18px}input:focus{outline:2px solid var(--accent)}h1{margin:0;font-size:32px}.logo{letter-spacing:-.02em;font-weight:800}.logo span{color:var(--accent)}.muted{color:var(--muted)}.stage{grid-template-rows:auto 1fr;gap:3vh;min-height:100dvh;padding:4vh 4vw;display:grid}.stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4vw;display:flex}.code-box{text-align:center}.code-label{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:2.2vh}.code{color:var(--accent);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:16vh;font-weight:800;line-height:1}.join-hint{color:var(--fg);margin-top:1vh;font-size:3vh}.join-hint b{color:var(--accent-2)}.qr{background:#fff;border-radius:16px;padding:16px}.qr img{width:28vh;height:28vh;display:block}.roster{flex-wrap:wrap;align-content:flex-start;gap:1.5vh;display:flex}.chip{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:1.4vh 2.2vh;font-size:3.2vh;font-weight:600;animation:.25s pop}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.count{color:var(--muted);font-size:3vh}.empty{color:var(--muted);place-self:center;font-size:3vh}.studio-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-meta{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.pill.link{color:var(--accent);text-decoration:none}.poll-list{gap:12px;margin-top:12px;display:grid}.poll-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.poll-card-q{font-weight:600}.tallies{gap:8px;margin-top:14px;display:grid}.tally{border:1px solid var(--border);background:#0f0f14;border-radius:10px;position:relative;overflow:hidden}.tally-bar{background:#ff7a1840;transition:width .4s;position:absolute;inset:0 auto 0 0}.tally.correct .tally-bar{background:#35d67a59}.tally-label{justify-content:space-between;padding:12px 14px;font-weight:600;display:flex;position:relative}.tally.correct .tally-label{color:#6ef0a6}.tally-num{font-variant-numeric:tabular-nums}.note{border-left:3px solid var(--accent-2);color:var(--accent-2);background:#ffb15c1a;border-radius:8px;margin-top:14px;padding:12px 14px;font-size:14px}.stage.poll{grid-template-rows:auto auto auto 1fr;align-content:start}.poll-top{justify-content:space-between;align-items:center;display:flex}.timer{color:var(--accent);font-variant-numeric:tabular-nums;font-size:9vh;font-weight:800;line-height:1}.timer.low{color:var(--bad)}.poll-q{margin:1vh 0 2vh;font-size:6vh;line-height:1.1}.poll-grid{grid-template-columns:1fr 1fr;gap:2vh;display:grid}.poll-tile{background:var(--panel);border:1px solid var(--border);border-radius:16px;align-items:center;gap:2vh;padding:3vh;font-size:3.4vh;font-weight:600;display:flex}.poll-key{background:var(--accent);color:#1a0f00;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:1.6em;height:1.6em;font-weight:800;display:inline-flex}.poll-counter{text-align:center;color:var(--muted);margin-top:3vh;font-size:3vh}.poll-counter .big{color:var(--accent);font-size:4vh;font-weight:800}.poll-results{gap:2vh;display:grid}.result{border:1px solid var(--border);background:#0f0f14;border-radius:14px;position:relative;overflow:hidden}.result-fill{transform-origin:0;background:#ff7a1838;animation:.6s grow;position:absolute;inset:0 auto 0 0}.result.correct{border-color:var(--good)}.result.correct .result-fill{background:#35d67a52}.result-row{align-items:center;gap:2vh;padding:2.4vh 3vh;font-size:3.2vh;font-weight:600;display:flex;position:relative}.result.correct .result-row{color:#6ef0a6}.result-pct{font-variant-numeric:tabular-nums;margin-left:auto}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.poll-explain{border-left:6px solid var(--accent-2);color:var(--accent-2);background:#ffb15c1a;border-radius:12px;margin-top:2.5vh;padding:2.5vh 3vh;font-size:3vh;line-height:1.35}.stage.cloud{grid-template-rows:auto auto 1fr;align-content:start}.cloud-words{flex-wrap:wrap;place-content:center;align-items:center;gap:1vh 2.5vw;padding:2vh;display:flex}.cloud-word{font-weight:800;line-height:1.05;animation:.3s pop}.s-timer{color:var(--accent);font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;line-height:1}.s-timer.low{color:var(--bad)}.s-opts{gap:12px;width:100%;max-width:420px;display:grid}.s-opt{text-align:left;background:var(--panel);border:2px solid var(--border);width:100%;color:var(--fg);border-radius:14px;align-items:center;gap:12px;padding:18px;font-size:18px;font-weight:600;display:flex}.s-opt.tap{cursor:pointer}.s-opt.tap:active{transform:scale(.98)}.s-opt:disabled{opacity:.6}.s-opt.sel{border-color:var(--accent);background:#ff7a1826}.s-opt.correct{border-color:var(--good);background:#35d67a26}.s-opt.wrong{border-color:var(--bad);background:#ff52521f}.s-mine{color:var(--muted);margin-left:auto;font-size:13px;font-weight:500}.s-good{color:var(--good);font-size:28px;font-weight:800}.s-bad{color:var(--bad);font-size:28px;font-weight:800}.s-explain{border-left:4px solid var(--accent-2);color:var(--accent-2);background:#ffb15c1a;border-radius:10px;max-width:420px;margin-top:4px;padding:14px 16px;font-size:15px;line-height:1.4}.q-mini{max-width:420px;margin:0;font-size:22px;line-height:1.25}.s-mywords{flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px;display:flex}.s-mywords .chip{padding:8px 12px;font-size:15px}.ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px}