:root{--bg:#f6f5f2;--surface:#fff;--text:#1d1d1b;--muted:#6b6a66;--accent:#2f6f62;--user:#e8efe9;--border:#dedcd6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141413;--surface:#1e1e1c;--text:#ecebe7;--muted:#9a9993;--accent:#6fb8a6;--user:#22302b;--border:#33322f}}body{background:var(--bg);color:var(--text);margin:0}main{gap:16px;max-width:760px;margin:0 auto;padding:24px 16px 48px;display:grid}h1{margin:0;font-size:1.5rem}header p{color:var(--muted);margin:4px 0 0}.stage{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.stage video{object-fit:cover;width:100%;height:100%}.placeholder{color:#bbb;place-items:center;display:grid;position:absolute;inset:0}.placeholder[hidden]{display:none}.login{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.login input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 12px}#login-error{color:#c0392b}[hidden]{display:none!important}.controls{align-items:center;gap:12px;display:flex}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 18px}button:disabled{opacity:.6;cursor:progress}#stop{background:var(--muted)}#status{color:var(--muted)}#text-input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 12px}#transcript{gap:8px;max-height:40vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}#transcript li{background:var(--surface);border:1px solid var(--border);border-radius:10px;max-width:85%;padding:10px 14px}#transcript li.user{background:var(--user);justify-self:end}#transcript li.pending{opacity:.6}