:root{--background:#fff;--surface:#f6f7f9;--border:#e3e6ea;--text:#14171a;--text-muted:#667085;--live:#17803d;--danger:#b42318;--width-container:52rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#0f1114;--surface:#181b1f;--border:#272b31;--text:#e8eaed;--text-muted:#9aa3ad;--live:#4ade80;--danger:#f87171}}body{background:var(--background);color:var(--text);margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{max-width:var(--width-container);justify-content:flex-end;align-items:center;gap:.75rem;margin:0 auto;padding:1rem 1.25rem 0;display:flex}.login{text-align:center;flex-direction:column;gap:.75rem;max-width:22rem;margin:0 auto;padding:6rem 1.25rem;display:flex}.login h1{margin:0;font-size:1.5rem}.login p{margin:0}.login-button{justify-content:center;gap:.5rem;width:100%}.page{max-width:var(--width-container);flex-direction:column;gap:1.25rem;margin:0 auto;padding:2rem 1.25rem 6rem;display:flex}.page-head h1{margin:0;font-size:1.5rem}.page-head p{margin:.25rem 0 0}.muted{color:var(--text-muted)}.error{color:var(--danger);margin:.5rem 0 0}.calls{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.call{background:var(--surface);border:1px solid var(--border);border-radius:.625rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.call-who{flex-direction:column;flex:1;min-width:12rem;display:flex}.elapsed{font-variant-numeric:tabular-nums}.call-actions{gap:.5rem;margin-left:auto;display:flex}.pill{border:1px solid var(--border);height:1.5rem;color:var(--text-muted);border-radius:999px;align-items:center;padding:0 .625rem;font-size:.8125rem;display:inline-flex}.pill-live{color:var(--live);border-color:currentColor}.button{border:1px solid var(--border);background:var(--background);height:2rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.375rem;align-items:center;padding:0 .75rem;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-on{border-color:var(--live);color:var(--live)}.button-danger{color:var(--danger)}.listener{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;width:min(30rem,100vw - 2.5rem);max-height:60vh;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 10px 30px #0000002e}.listener-head{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.listener-head .button{margin-left:auto}.transcript{padding:.75rem 1rem 1rem;overflow-y:auto}.line{gap:.625rem;margin:0 0 .5rem;display:flex}.line-me{color:var(--live)}.at{font-variant-numeric:tabular-nums;flex-shrink:0}.mic{border-bottom:1px solid var(--border);color:var(--danger);align-items:center;gap:.625rem;padding:.625rem 1rem;display:flex}.mic-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:.625rem;height:.625rem;animation:1.4s ease-in-out infinite mic-pulse}@media (prefers-reduced-motion:reduce){.mic-dot{animation:none}}@keyframes mic-pulse{50%{opacity:.25}}.mic-text{font-size:.875rem}.mic-meter{background:var(--border);border-radius:999px;width:7rem;height:.375rem;margin-left:auto;overflow:hidden}.mic-fill{background:currentColor;height:100%;transition:width 80ms linear;display:block}.mic-error{padding:0 1rem}.button-live{border-color:var(--danger);color:var(--danger)}.note-box{border-bottom:1px solid var(--border);gap:.5rem;padding:.625rem 1rem;display:flex}.note-input{border:1px solid var(--border);background:var(--background);min-width:0;height:2rem;color:var(--text);font:inherit;border-radius:.375rem;flex:1;padding:0 .625rem}.line-note{color:var(--text-muted);font-style:italic}.context{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.context-toggle{height:2.25rem;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0 1rem;display:flex}.context-dirty{color:var(--danger)}.context-text{border:1px solid var(--border);background:var(--background);height:11rem;color:var(--text);resize:vertical;border-radius:.375rem;margin:0 1rem;padding:.5rem .625rem;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.context-actions{align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.new-call{flex-direction:column;gap:.625rem;padding:.875rem 0 0;display:flex}.new-call-row{gap:.5rem;display:flex}.new-call .context-text{height:9rem;margin:0}