:root{--text:#3f3d45;--text-h:#08060d;--bg:#fff;--bg-subtle:#f6f5f3;--border:#e5e4e7;--accent:#7c3aed;--accent-contrast:#fff;--danger:#d1352b;--success:#16794a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d1d0d4;--text-h:#f3f4f6;--bg:#16171d;--bg-subtle:#1f2028;--border:#2e303a;--accent:#a78bfa;--accent-contrast:#16171d}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0 0 .5em;font-weight:600}.app-shell{max-width:480px;min-height:100svh;margin:0 auto;padding:1.5rem 1rem 3rem}.app-shell.wide{max-width:none;padding:0}.stack{flex-direction:column;gap:1rem;display:flex}.card{border:1px solid var(--border);background:var(--bg-subtle);border-radius:10px;padding:1rem}label{margin-bottom:.25rem;font-size:.9rem;display:block}input,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:8px;padding:.6rem .7rem;font-size:1rem}button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);cursor:pointer;border-radius:8px;padding:.6rem 1rem;font-size:1rem;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--accent);background:0 0}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}.error{color:var(--danger);font-size:.9rem}.muted{color:var(--text);opacity:.7;font-size:.9rem}.room-code{letter-spacing:.15em;color:var(--text-h);font-family:ui-monospace,Consolas,monospace;font-size:1.4rem;font-weight:700}nav.top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}nav.top a,nav.top button{font-size:.9rem}.pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;display:inline-block}.pill.success{color:var(--success);border-color:var(--success)}.pill.danger{color:var(--danger);border-color:var(--danger)}ul.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}ul.list li{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}