:root{--bg:#0f1117;--card:#181b24;--line:#2a2f3d;--text:#e6e8ee;--muted:#8a90a2;--accent:#5b8cff;--speaking:#3ddc84;--danger:#ff5b6b;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;margin:0;font-size:14px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;width:min(440px,100vw - 32px);padding:24px}h1{margin:0 0 20px;font-size:22px}.stack{flex-direction:column;gap:12px;display:flex}label.stack{gap:6px}label.stack>span{color:var(--muted);font-size:13px}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.controls button{flex:1}input,select,button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger)}button[aria-pressed=true]{background:var(--danger);border-color:var(--danger);color:var(--text)}code{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.people{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.person{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:12px 1fr auto 90px;align-items:center;gap:10px;padding:10px 12px;display:grid}.dot{background:var(--line);border-radius:50%;width:12px;height:12px;transition:background 80ms,box-shadow 80ms}.person.speaking .dot{background:var(--speaking);box-shadow:0 0 8px var(--speaking)}.person-status{color:var(--muted);font-size:12px}.person.self .person-volume{visibility:hidden}.person-volume{accent-color:var(--accent);padding:0}.hint{color:var(--muted);margin:0;font-size:12px}.error{color:var(--danger);margin:0;font-size:13px}