:root{color-scheme:dark;--bg: #101114;--panel: #1a1b1f;--border: #2c2e33;--text: #eee;--muted: #999;--accent: #4ecbff;--accent-dim: #244a5c;--danger: #f88;--ok: #6dd18a}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;padding:1rem;background:var(--bg);color:var(--text);max-width:820px;margin-inline:auto}h1{margin-bottom:0}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:2rem}.tagline{margin-top:.25rem;color:var(--muted)}button{font-size:1rem;padding:.6rem 1rem;margin:.25rem .5rem .25rem 0;background:#2a2a2a;color:var(--text);border:1px solid #444;border-radius:6px;cursor:pointer}button:hover{background:#333}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input:not([type]){font-family:monospace;padding:.5rem;width:100%;background:#16171a;color:var(--text);border:1px solid #444;border-radius:6px}section{margin:1rem 0}details#roomSettings{margin-top:.75rem;font-size:.85rem;color:var(--muted)}details#roomSettings label{display:block;margin:.5rem 0 .35rem}.linkBox{border:1px solid #333;border-radius:8px;padding:.75rem;margin:.75rem 0}.linkBox p{margin:0 0 .5rem}.linkBox.pairing{border-color:#a44;background:#1c1010}.linkBox.pairing strong{color:var(--danger)}.qr{display:block;margin:.5rem 0;max-width:100%;height:auto;border-radius:4px}#shareQrDetails{margin-top:.6rem}#shareQrDetails summary{cursor:pointer;color:var(--accent);font-size:.9rem}#pairQrWrap{margin-top:.6rem}#status{min-height:1.25rem;color:var(--danger);font-size:.9rem}.toggles{display:flex;gap:.5rem;flex-wrap:wrap}.toggle[data-on=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.indicator{font-size:.85rem;color:var(--muted);min-height:1.1rem}.indicator.mine{color:var(--ok)}#local{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}#local video{max-width:200px}#room{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.participant{border:2px solid #4a4;border-radius:8px;padding:.75rem}.participant.linked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.participant h3{margin:0 0 .5rem;font-size:.9rem;font-family:monospace;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.participant .badge{padding:.1rem .4rem;font-size:.7rem;font-family:system-ui,sans-serif;border-radius:4px;background:var(--accent);color:#002}.tracks{display:flex;gap:.5rem;flex-wrap:wrap}.track{background:#222;border-radius:4px;padding:.4rem .6rem;font-size:.85rem}.media{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.media video,.media audio{max-width:100%;border-radius:4px;background:#000}video{max-width:320px;border-radius:4px;background:#000}#chatLog{border:1px solid var(--border);border-radius:8px;padding:.6rem;height:220px;overflow-y:auto;background:var(--panel);font-size:.9rem}#chatLog p{margin:.15rem 0}#chatLog .who{color:var(--muted);margin-right:.4rem}#chatForm{display:flex;gap:.5rem;margin-top:.5rem}#identity{border:1px solid var(--border);border-radius:8px;padding:.75rem;background:var(--panel)}#identity label{display:block;margin-bottom:.4rem;color:var(--muted);font-size:.9rem}#identity input{font-family:system-ui,sans-serif}#identity summary{cursor:pointer;color:var(--accent);font-size:.9rem;margin-top:.5rem}.note{color:var(--muted);font-size:.8rem;margin:.4rem 0}.note.inline{display:block;width:100%}.whoami{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.75rem 0 0;font-size:.9rem;color:var(--muted)}.name{font-family:system-ui,sans-serif;font-weight:600;color:var(--text)}.pubkey{font-family:monospace;font-size:.8em;color:var(--muted)}.idkind{padding:.05rem .35rem;font-size:.65rem;font-family:system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;border:1px solid var(--accent-dim);color:var(--accent)}.avatar{width:1.6rem;height:1.6rem;border-radius:50%;object-fit:cover;background:var(--border)}#chatLog .who{display:inline-flex;align-items:baseline;gap:.3rem}