:root{--bg:#0e0e14;--fg:#f5f5fa;--muted:#a0a0b0;--accent:#6c5ce7}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:720px;margin:0 auto;padding:2rem 1.25rem}a{color:var(--accent)}h1{font-size:1.75rem}.form{gap:1rem;max-width:360px}.form,.form label{display:flex;flex-direction:column}.form label{gap:.35rem;font-size:.9rem;color:var(--muted)}.form input,.form select{padding:.6rem .7rem;font-size:1rem;border-radius:8px;border:1px solid #33333f;background:#17171f;color:var(--fg)}.hint{display:block;font-size:.78rem;color:var(--muted);opacity:.8}.round-tools{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.round-tools button.secondary{width:100%;margin-top:0}button{padding:.7rem 1rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:white;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;border:1px solid #33333f;color:var(--muted);margin-top:1.5rem}.code{font-size:3rem;font-weight:800;letter-spacing:.35rem;text-align:center;padding:1rem 0;background:#17171f;margin:.5rem 0 1.25rem}.code,.qr{border-radius:12px}.qr{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:white;padding:1rem;width:-moz-fit-content;width:fit-content}.qr .muted{color:#333}.roster{list-style:none;padding:0;flex-direction:column}.roster,.roster li{display:flex;gap:.5rem}.roster li{align-items:center;padding:.5rem .75rem;background:#17171f;border-radius:8px}.dot{width:9px;height:9px;border-radius:50%;background:#555;display:inline-block}.dot.online{background:#34d399}.muted{color:var(--muted)}.error{color:#f87171;font-size:.9rem}.panel{background:#17171f;border-radius:12px;padding:1rem 1.25rem;margin:1rem 0}.cover{display:block;width:132px;aspect-ratio:1;object-fit:cover;border-radius:10px;margin:0 auto .9rem;background:#0f0f16}.controls{margin:1rem 0}.queue{margin:.5rem 0 0;padding-left:1.25rem}.queue li.first{font-weight:700;color:#34d399}.answer{font-size:.85rem;margin-top:.75rem}.buzz{width:100%;padding:2.5rem 1rem;font-size:2rem;font-weight:800;letter-spacing:.2rem;background:#e11d48;border-radius:16px;margin-top:1rem}.buzz:active{transform:scale(.98)}.podium .queue{list-style:none;padding-left:0;font-size:1.1rem}.podium .queue li{padding:.4rem 0}