@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light dark;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--page: #faf9f7;--ink: #211d18;--ink-1: rgba(33, 29, 24, .98);--ink-2: rgba(33, 29, 24, .92);--ink-3: rgba(33, 29, 24, .85);--ink-4: rgba(33, 29, 24, .72);--ink-5: rgba(33, 29, 24, .66);--surface: rgba(33, 29, 24, .06);--surface-2: rgba(33, 29, 24, .04);--line: rgba(33, 29, 24, .2);--line-2: rgba(33, 29, 24, .25);--line-3: rgba(33, 29, 24, .32);--amber: #b45309;--green: #16a34a;--sky: #2563eb;--red: #c0392b;--end-red: #c0392b;--on-amber: #ffffff;--on-green: #052e16;--sheet: #ffffff;--sheet-shadow: rgba(33, 29, 24, .18);--glow-amber: rgba(180, 83, 9, .05);--glow-sky: rgba(37, 99, 235, .04)}@media (prefers-color-scheme: dark){:root{--page: #141414;--ink: #f4f2ee;--ink-1: rgba(244, 242, 238, .92);--ink-2: rgba(244, 242, 238, .88);--ink-3: rgba(244, 242, 238, .75);--ink-4: rgba(244, 242, 238, .6);--ink-5: rgba(244, 242, 238, .55);--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .16);--line-2: rgba(255, 255, 255, .2);--line-3: rgba(255, 255, 255, .25);--amber: #fbbf24;--green: #4ade80;--sky: #7dd3fc;--red: #f87171;--on-amber: #141414;--on-green: #141414;--sheet: #1d1d1d;--sheet-shadow: rgba(0, 0, 0, .45);--glow-amber: rgba(251, 191, 36, .07);--glow-sky: rgba(125, 211, 252, .05)}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}@supports (height: 100dvh){body{height:100dvh}}#root{height:100%}body{font-family:var(--font-ui);line-height:1.4;background:var(--page);color:var(--ink-2)}[hidden]{display:none}input{font:inherit;padding:.35rem .55rem;width:9rem;border-radius:4px;border:1px solid var(--line-2);background:transparent;color:inherit}input::placeholder{color:var(--ink-5)}:where(button){font:inherit;padding:.4rem .9rem;cursor:pointer;border-radius:4px;border:1px solid var(--line-2);background:transparent;color:inherit}:where(button:hover:not(:disabled)){background:color-mix(in srgb,currentColor 8%,transparent)}.plain{font:inherit;color:inherit;text-align:inherit;padding:0;border:none;border-radius:0;background:none;cursor:pointer}:where(.plain:hover:not(:disabled)){background:none}select{font:inherit;padding:.35rem .55rem;cursor:pointer;border-radius:4px;border:1px solid var(--line-2);background:transparent;color:inherit}#login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.25rem}#login-form,#login-token form{display:flex;flex-direction:column;gap:.85rem;width:100%;max-width:20rem}#login-form h1{margin:0;font-size:2rem;font-weight:600}.login-sub{margin:0;color:var(--ink-4);font-size:.9rem}:where(#login-form,#login-token) input{width:100%}:where(#login-form,#login-token) button{padding:.5rem .9rem}#login-error{min-height:1.2em;font-size:.85rem}#login-token{width:100%;max-width:20rem;font-size:.85rem}#login-token summary{cursor:pointer;color:var(--ink-4)}#login-token>*:not(summary){margin-top:.75rem}.link-button{background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;color:var(--ink-4)}.err{color:var(--red)}#app{height:100%;display:flex;flex-direction:column;background-color:var(--page)}#app.glow-rest{background-image:radial-gradient(ellipse 640px 440px at 50% 40%,var(--glow-amber),rgba(0,0,0,0) 70%)}#app.glow-speak{background-image:radial-gradient(ellipse 640px 440px at 50% 40%,var(--glow-sky),rgba(0,0,0,0) 70%)}header.topbar{display:flex;align-items:center;padding:22px 32px;gap:10px}.wordmark{font-size:16px;font-weight:600;letter-spacing:.01em;color:var(--ink-1)}.top-links{margin-left:auto;display:flex;align-items:center;gap:24px}.link-quiet{font-size:14px;color:var(--ink-4);text-decoration:underline;text-underline-offset:3px;padding:8px}.link-quiet:hover{color:var(--ink-2)}.link-bare{font-size:13px;color:var(--ink-4);padding:6px 10px}.link-bare:hover{color:var(--ink-2)}#status{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-4);white-space:pre-wrap}#status.err{color:var(--red)}.session-top{display:grid;grid-template-columns:1fr auto;grid-template-areas:"wordmark chips" "pill pill";align-items:center;row-gap:12px;column-gap:14px;padding:22px 32px 12px;flex:none}.session-top .wordmark{grid-area:wordmark}.pill-slot{grid-area:pill;display:flex;justify-content:center;align-items:center;gap:14px;min-height:28px}.chip-slot{grid-area:chips;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;min-height:28px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid transparent;background:var(--surface);font-family:var(--font-mono);font-size:12.5px;color:var(--ink-4);font-variant-numeric:tabular-nums;white-space:nowrap}.pill-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--green)}.status-pill.muted .pill-dot,.status-pill.idle .pill-dot{background:color-mix(in srgb,var(--ink) 35%,transparent)}.status-pill.warn{background:color-mix(in srgb,var(--amber) 7%,transparent);border-color:color-mix(in srgb,var(--amber) 30%,transparent);color:var(--ink-3)}.status-pill.warn .pill-dot{background:var(--amber)}.status-pill.lost{background:color-mix(in srgb,var(--red) 8%,transparent);border-color:color-mix(in srgb,var(--red) 30%,transparent);color:var(--ink-3)}.status-pill.lost .pill-dot{background:var(--red)}.agent-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);background:color-mix(in srgb,var(--amber) 7%,transparent);font-family:var(--font-mono);font-size:12px;color:var(--ink-3);max-width:min(340px,100%);min-width:0}.agent-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--amber);animation:agent-pulse 1.6s ease-in-out infinite}.agent-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-elapsed{flex:none;color:var(--ink-5);font-variant-numeric:tabular-nums}@keyframes agent-pulse{50%{opacity:.3}}.orb{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);flex:none}.orb .icon-waveform{color:var(--amber)}.orb-stage{width:200px;height:200px;box-shadow:0 0 70px color-mix(in srgb,var(--amber) calc(var(--mic-glow, .1) * 100%),transparent)}.orb-stage .icon-waveform{width:64px;height:64px}.orb.speaking{border-color:color-mix(in srgb,var(--sky) 30%,transparent)}.orb-stage.speaking{box-shadow:0 0 70px color-mix(in srgb,var(--sky) 12%,transparent)}.orb-bars{display:flex;align-items:center;gap:7px;height:56px}.orb-bars i{width:5px;border-radius:3px;background:var(--sky);transform-origin:center;animation:orb-bar .9s ease-in-out infinite}.orb-bars i:nth-child(1){height:22px}.orb-bars i:nth-child(2){height:48px;animation-delay:.15s}.orb-bars i:nth-child(3){height:34px;animation-delay:.3s}.orb-bars i:nth-child(4){height:56px;animation-delay:.45s}.orb-bars i:nth-child(5){height:26px;animation-delay:.6s}@keyframes orb-bar{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.1)}}.orb.muted{background:color-mix(in srgb,var(--ink) 3%,transparent);border-color:color-mix(in srgb,var(--ink) 12%,transparent);box-shadow:none}.orb.muted .icon-waveform{color:color-mix(in srgb,var(--amber) 35%,transparent)}.orb-mute-badge{position:absolute;right:2px;bottom:2px;width:32px;height:32px;border-radius:50%;background:var(--end-red);color:#fff;display:flex;align-items:center;justify-content:center}.orb-mute-badge .icon{width:16px;height:16px}.orb-mini{width:44px;height:44px}.orb-mini .icon-waveform{width:16px;height:16px}.orb-mini .orb-bars{gap:3px;height:14px}.orb-mini .orb-bars i{width:3px;border-radius:2px}.orb-mini .orb-bars i:nth-child(1){height:8px}.orb-mini .orb-bars i:nth-child(2){height:14px}.orb-mini .orb-bars i:nth-child(3){height:10px}.orb-mini .orb-bars i:nth-child(4),.orb-mini .orb-bars i:nth-child(5){display:none}.orb-mini .orb-mute-badge{width:18px;height:18px;right:-2px;bottom:-2px}.orb-mini .orb-mute-badge .icon{width:10px;height:10px}.ring{width:200px;height:200px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--ink) 25%,transparent);background:color-mix(in srgb,var(--ink) 2%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none}.ring-count{font-family:var(--font-mono);font-size:40px;font-weight:500;color:var(--ink-1);font-variant-numeric:tabular-nums}.ring-attempt{font-family:var(--font-mono);font-size:13px;color:var(--ink-5);font-variant-numeric:tabular-nums}.call-main{flex:1;min-height:0;display:flex;flex-direction:column}.call-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:0 26px;overflow:hidden}.captions{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:620px;text-align:center}.caption-user{font-size:14px;color:var(--ink-4)}.caption-assistant{font-size:21px;line-height:1.45;color:var(--ink-1)}.caption-assistant.cut{color:color-mix(in srgb,var(--ink) 50%,transparent);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent)}.caption-note{font-family:var(--font-mono);font-size:12px;color:var(--ink-4);white-space:pre-wrap}.caption-note.err{font-size:13px;color:var(--red)}.captions .link-bare{margin-top:4px}.lost-msg{font-size:18px;color:color-mix(in srgb,var(--ink) 85%,transparent)}.lost-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.pill-btn{padding:12px 26px;border-radius:999px;border:1px solid var(--line-3);background:transparent;font-size:14.5px;color:var(--ink-2)}.pill-btn.green{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:600}.pill-btn.green:hover:not(:disabled){background:color-mix(in srgb,var(--green) 88%,var(--ink) 12%)}.sheet-region{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.sheet{display:flex;flex-direction:column;gap:12px;margin:0 120px;padding:12px 28px 20px;max-height:100%;min-height:0;background:var(--sheet);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-bottom:none;border-radius:18px 18px 0 0;box-shadow:0 -18px 50px var(--sheet-shadow)}.sheet-handle{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;font-size:12px;color:var(--ink-4)}.sheet-handle:hover{color:var(--ink-2)}.sheet-grip{width:38px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 25%,transparent)}.call-controls{flex:none;display:flex;align-items:flex-start;justify-content:center;gap:36px;padding:18px 0 max(30px,calc(12px + env(safe-area-inset-bottom,0px)))}.call-controls.over-sheet{border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:var(--page)}.call-btn{display:flex;flex-direction:column;align-items:center;gap:8px}.call-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-1)}.call-btn:hover .call-circle{background:var(--surface)}.call-circle .icon{width:24px;height:24px}.call-btn.end .call-circle{width:68px;height:68px;background:var(--end-red);border:none;color:#fff;margin-top:-4px}.call-btn.end .call-circle .icon{width:26px;height:26px}.icon-end-call{transform:rotate(135deg)}.call-btn.muted .call-circle{background:var(--end-red);border:none;color:#fff}.call-label{font-size:11px;color:var(--ink-4)}#transcript{flex:1;min-height:0;overflow-y:auto}#transcript.log{font-family:var(--font-mono);font-size:13px;line-height:1.65}#transcript.log>*{padding:5px 0;white-space:pre-wrap;word-wrap:break-word}.turn-user{color:var(--sky)}.turn-assistant{color:var(--ink-2)}.turn-status{color:var(--ink-5);font-style:italic}.turn-error{color:var(--red);font-family:var(--font-mono)}.turn-tool{color:var(--amber)}.turn-user-row{display:flex;justify-content:flex-end}.bubble-user{max-width:480px;padding:10px 16px;border-radius:16px 16px 4px;background:color-mix(in srgb,var(--sky) 12%,transparent);border:1px solid color-mix(in srgb,var(--sky) 20%,transparent);font-size:14.5px;line-height:1.55;color:var(--ink-1);text-align:left}.bubble-user.voice{display:flex;flex-direction:column;gap:6px}.voice-meta{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;color:var(--ink-4)}.voice-meta .icon{width:14px;height:14px;flex:none}.voice-pending{font-family:var(--font-mono);font-size:12px;color:var(--ink-5)}.tool-line{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px}.tool-line:hover{text-decoration:underline}.tool-chevron{display:inline-block;width:12px;flex:none}.tool-pending{margin-left:20px;font-style:italic;font-family:var(--font-mono);font-size:12px;color:var(--ink-5)}.tool-detail{margin:6px 0 0 20px;padding:10px 14px;border-left:2px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--surface-2);border-radius:0 8px 8px 0;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--ink-4)}.tool-detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.tool-detail pre{margin:.1rem 0 .5rem;font:inherit;white-space:pre-wrap;word-break:break-word;max-height:18rem;overflow-y:auto}.tool-detail pre:last-child{margin-bottom:0}#approval-card{position:relative;flex:none;display:flex;flex-direction:column;gap:10px;width:min(560px,calc(100% - 36px));margin:0 auto 8px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);background:color-mix(in srgb,var(--amber) 8%,transparent);border-radius:12px;font-family:var(--font-mono);font-size:12.5px}#approval-head{display:flex;align-items:center;gap:8px}#approval-title{font-weight:600}.approval-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--amber);animation:agent-pulse 1.6s ease-in-out infinite}#approval-desc{margin:0;color:var(--ink-3);white-space:pre-wrap;word-wrap:break-word}.approval-hint{position:absolute;top:15px;right:18px;color:var(--ink-5)}#approval-actions{display:flex;gap:8px}#approval-actions button{padding:5px 13px;border:1px solid var(--line-3);border-radius:6px;background:none;color:var(--ink-2);font:inherit}#approval-actions .approval-approve{border-color:color-mix(in srgb,var(--green) 55%,transparent);color:var(--green);font-weight:600}.mic-help{flex:none;display:flex;flex-direction:column;gap:8px;width:min(560px,100%);margin:0 auto 2px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);background:color-mix(in srgb,var(--amber) 8%,transparent);border-radius:12px;font-family:var(--font-mono);font-size:12.5px;text-align:left}.mic-help-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mic-help-title{font-weight:600}.mic-help-close{flex:none;font-size:17px;line-height:1;padding:0 2px;color:var(--ink-5)}.mic-help-close:hover{color:var(--ink-2)}.mic-help p{margin:0;color:var(--ink-3)}.mic-help-howto{color:var(--ink-4)}.mic-help-steps{display:flex;flex-direction:column;gap:5px;margin:0;padding-left:1.6em;color:var(--ink-2)}.mic-help-note{font-size:11.5px;color:var(--ink-5)}.mic-help-typing{color:var(--ink-2)}.mic-help-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.mic-help-actions .pill-btn{padding:9px 18px;font-size:13px}#chat-feed{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;width:100%;max-width:680px;margin:0 auto;padding:8px 20px 18px;font-size:14.5px;line-height:1.6}:where(#chat-feed)>:first-child{margin-top:auto}.feed-date{flex:none;text-align:center;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-5);padding:10px 0 0}.feed-empty{text-align:center;font-size:14px;color:var(--ink-5);padding:18px 0}.feed-note{text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-5)}.feed-note.err{color:var(--red)}.convo{display:flex;flex-direction:column;gap:14px}.convo-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.convo-card:hover{border-color:var(--line-2);background:var(--surface)}.convo.open>.convo-card{gap:0;padding:6px 12px;border-color:transparent;background:none}.convo.open>.convo-card:hover{background:var(--surface-2)}.convo-title{align-self:center;max-width:100%;text-align:center;font-size:15.5px;font-weight:600;color:var(--ink-2);overflow-wrap:anywhere}.convo-card:hover .convo-title,.convo.open .convo-title{color:var(--ink-1)}.convo-preview{display:flex;flex-direction:column;gap:8px}.preview-line{display:block;font-size:13.5px;line-height:1.5}.preview-user-row{display:flex;justify-content:flex-end}.preview-assistant{max-width:460px;color:var(--ink-4)}.convo-preview .preview-user{display:block;max-width:400px;padding:7px 12px;border-radius:14px 14px 4px;font-size:13.5px}.convo-preview .preview-assistant,.convo-preview .preview-user{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.convo-body,.feed-live{display:flex;flex-direction:column;gap:16px}:where(.convo-body,.feed-live)>div{white-space:pre-wrap;word-wrap:break-word}:where(.convo-body,.feed-live) .turn-assistant{max-width:560px}.chat-bottom{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:680px;margin:0 auto;padding:6px 20px 8px}.chat-bar-area{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.chat-bar{display:flex;align-items:flex-end;gap:10px;width:100%}.chat-input{flex:1;min-width:4rem;resize:none;padding:12px 18px;border:1px solid var(--line);border-radius:22px;background:var(--surface-2);font:inherit;font-size:14.5px;line-height:1.45;color:var(--ink-1);max-height:8.5rem;overflow-y:hidden}.chat-input::placeholder{color:var(--ink-5)}.chat-input:focus{outline:none;border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.attach-wrap{position:relative;flex:none}.attach-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;min-width:12.5rem;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--sheet);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:10px;box-shadow:0 12px 32px var(--sheet-shadow)}.recording-pill{flex:1;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--red) 30%,transparent);background:color-mix(in srgb,var(--red) 7%,transparent);font-family:var(--font-mono);font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}.recording-pill.cancelling{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,transparent)}.recording-clock{flex:none;font-variant-numeric:tabular-nums}.recording-meter{flex:none;width:46px;height:4px;border-radius:2px;overflow:hidden;background:color-mix(in srgb,var(--ink) 12%,transparent)}.recording-meter-fill{display:block;width:100%;height:100%;border-radius:2px;background:var(--red);transform-origin:left center;transform:scaleX(0)}.recording-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-5)}.recording-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--red);animation:agent-pulse 1.2s ease-in-out infinite}.comp-circle.recording{background:var(--end-red);border-color:var(--end-red);color:#fff}.comp-circle.hold{touch-action:none;user-select:none;-webkit-user-select:none}.comp-circle{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-1);flex:none}.comp-circle:hover{background:var(--surface)}.comp-circle .icon{width:20px;height:20px}.comp-circle.send{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}.comp-circle.send:hover{background:color-mix(in srgb,var(--amber) 88%,var(--ink) 12%)}.composer-links{display:flex;justify-content:center;gap:18px}.composer-links .link-quiet{font-size:12.5px;padding:10px 8px}.ended-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.avatar-wrap{position:relative;display:inline-flex}.avatar-chip{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;color:var(--ink-3)}.avatar-chip:hover,.avatar-chip[aria-expanded=true]{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--ink-2)}.avatar-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:12.5rem;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--sheet);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:10px;box-shadow:0 12px 32px var(--sheet-shadow)}.avatar-menu-id{display:flex;flex-direction:column;gap:1px;padding:8px 12px 10px;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent);margin-bottom:4px}.avatar-menu-name{font-size:14px;font-weight:600;color:var(--ink-2)}.avatar-menu-email{font-size:12.5px;color:var(--ink-5)}.avatar-menu-item{padding:8px 12px;border-radius:6px;font-size:14px;text-align:left;color:var(--ink-2)}.avatar-menu-item:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.confirm-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:color-mix(in srgb,var(--page) 45%,transparent);backdrop-filter:blur(2px)}.confirm-card{display:flex;flex-direction:column;gap:.55rem;width:100%;max-width:22rem;padding:1.1rem 1.25rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--sheet);box-shadow:0 12px 40px var(--sheet-shadow)}.confirm-title{margin:0;font-size:1rem;font-weight:600;color:var(--ink-1)}.confirm-body{margin:0;font-size:.875rem;line-height:1.45;color:var(--ink-4)}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.35rem}.confirm-actions button:disabled{opacity:.5;cursor:default}.confirm-danger{border-color:color-mix(in srgb,var(--red) 45%,transparent);color:var(--red);font-weight:600}.confirm-danger:hover:not(:disabled){background:color-mix(in srgb,var(--red) 10%,transparent)}#settings{flex:1;display:flex;flex-direction:column;gap:1.75rem;overflow-y:auto;padding:.5rem 2rem 2rem;max-width:60rem;width:100%;margin:0 auto}#settings h1{margin:0;font-size:1.5rem;font-weight:600}.settings-body{display:flex;align-items:flex-start;gap:3.5rem}#settings-nav{flex:none;display:flex;flex-direction:column;gap:.25rem;min-width:10.75rem}:where(#settings-nav) button{text-align:left;border:none}:where(#settings-nav) button.active{background:color-mix(in srgb,currentColor 8%,transparent);font-weight:600}:where(#settings-nav) .settings-logout{margin-top:.75rem;padding-top:.85rem;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:0;color:var(--ink-4)}:where(#settings-nav) .settings-logout:hover{color:var(--ink-2)}#settings-panel{flex:1;min-width:0}.settings-row{display:grid;grid-template-columns:11.25rem 1fr;gap:1.5rem;padding:1.1rem 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.settings-row:first-child{padding-top:.25rem}.settings-row:last-child{border-bottom:none}.settings-row-label{display:flex;flex-direction:column;gap:.25rem;padding-top:.4rem;font-size:.875rem;color:var(--ink-4)}.settings-row-hint{font-size:.78rem;color:var(--ink-5);line-height:1.4}.settings-row-body{display:flex;flex-direction:column;gap:.5rem;min-width:0}.settings-row-controls,.settings-inline{display:flex;align-items:center;gap:.6rem}.settings-row-controls input{width:16rem}.settings-password{display:flex;flex-direction:column;gap:.5rem;max-width:20rem}.settings-password input{width:100%}.device-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.settings-badge{flex:none;font-size:.75rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-4)}.settings-badge.ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent)}.device-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.device-meta{font-size:.8rem;color:var(--ink-5)}.mcp-server{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.5rem}.mcp-tools-none{font-size:.8rem;color:var(--ink-5)}.mcp-tools-summary{cursor:pointer;font-size:.85rem;color:var(--ink-4)}.mcp-tools>ul{list-style:none;margin:.4rem 0 .2rem;padding:0 0 0 .9rem;display:flex;flex-direction:column;gap:.4rem;border-left:2px solid color-mix(in srgb,var(--ink) 12%,transparent)}.mcp-tool{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mcp-tool-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.mcp-tool-name{font-family:var(--font-mono);font-size:.85rem}.mcp-tool-ask{flex:none;display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--ink-4);white-space:nowrap;cursor:pointer}.mcp-add-block{display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.mcp-add-heading{font-size:.875rem;color:var(--ink-4)}.mcp-add{display:flex;flex-direction:column;gap:.35rem;max-width:20rem}.mcp-add input{width:100%}.settings-slider{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem}.settings-slider input[type=range]{width:14rem;accent-color:var(--green);cursor:pointer}.settings-slider input[type=range]:disabled{cursor:default;opacity:.6}.settings-slider output{font-size:.875rem;color:var(--ink-4);min-width:4.5rem}.settings-ticks{display:flex;justify-content:space-between;width:14rem;padding:0 .4rem;margin-top:-.35rem;font-size:.75rem;color:var(--ink-5)}.settings-ticks .on{color:var(--green)}.approval-preview{display:flex;align-items:baseline;gap:.6rem;margin:.15rem 0 0}.approval-preview-label{font-size:.75rem;color:var(--ink-5)}.approval-preview-code{font-family:var(--font-mono);font-size:.9rem;color:var(--ink);word-spacing:.15em}.approval-listen{font-size:.78rem;color:var(--ink-5);text-decoration:underline;white-space:nowrap}.approval-listen:disabled{cursor:default;text-decoration:none}.settings-default{align-self:flex-start;font-size:.8rem;color:var(--ink-5);text-decoration:underline;white-space:nowrap}.settings-default:disabled{cursor:default;opacity:.6}.settings-note{min-height:1.2em;font-size:.85rem;color:var(--ink-4)}.settings-note.err{color:var(--red)}.usage-scope{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.usage-scope button.active{background:color-mix(in srgb,currentColor 8%,transparent);font-weight:600}.usage-month{display:flex;align-items:center;gap:.5rem;margin-left:.5rem;font-size:.9rem}.usage-month button{padding:.1rem .6rem}.usage-month button:disabled{opacity:.4}.usage-table-wrap{overflow-x:auto;margin-bottom:.75rem}.usage-table{border-collapse:collapse;font-family:var(--font-mono);font-size:.85rem;width:100%}.usage-table th,.usage-table td{padding:.3rem .75rem .3rem 0;text-align:left;white-space:nowrap}.usage-table th{font-weight:600;color:var(--ink-4);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.usage-table .num{text-align:right}#agent-modal{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:color-mix(in srgb,var(--page) 45%,transparent);backdrop-filter:blur(2px)}#agent-modal-card{display:flex;flex-direction:column;width:100%;max-width:34rem;max-height:80vh;padding:1rem 1.25rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--sheet);box-shadow:0 12px 40px var(--sheet-shadow);font-family:var(--font-mono);font-size:.85rem}#agent-modal-head{display:flex;align-items:center;gap:.5rem;min-width:0}#agent-modal-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}#agent-modal-close{flex:none;padding:.1rem .5rem;border:none;font-size:1.1rem;line-height:1}#agent-modal .agent-dot.idle{background:color-mix(in srgb,var(--ink) 35%,transparent);animation:none}:where(#agent-modal-card) h2{margin:.9rem 0 .35rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-5)}#agent-modal-prompt{flex:none;max-height:30vh;overflow-y:auto;margin:0;padding:.5rem .65rem;border-radius:4px;background:color-mix(in srgb,var(--ink) 6%,transparent);white-space:pre-wrap;word-wrap:break-word}#agent-modal-activity{flex:1;min-height:4rem;overflow-y:auto}#agent-modal-activity>div{padding:.1rem 0;white-space:pre-wrap;word-wrap:break-word;color:var(--ink-3)}.agent-activity-empty{font-style:italic}.bottom-nav{flex:none;display:flex;justify-content:center;gap:8px;width:100%;max-width:680px;margin:0 auto;padding:6px 20px max(10px,calc(4px + env(safe-area-inset-bottom,0px)));border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.nav-item{flex:1;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:10px;color:var(--ink-5);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.nav-item:hover{color:var(--ink-3);background:color-mix(in srgb,currentColor 6%,transparent)}.nav-item.active{color:var(--ink-1)}.nav-icon{position:relative;display:inline-flex}.nav-icon .icon{width:22px;height:22px}.nav-badge{position:absolute;top:-5px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--amber);color:var(--on-amber);font-size:10px;line-height:16px;font-weight:600;text-align:center}#agents{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;width:100%;max-width:680px;margin:0 auto;padding:.25rem 20px 18px}.agents-head{display:flex;align-items:baseline;gap:12px}#agents h1{margin:0;font-size:1.5rem;font-weight:600}.agents-summary{font-family:var(--font-mono);font-size:12px;color:var(--ink-5);font-variant-numeric:tabular-nums}.agents-group{margin:10px 0 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-5)}.agent-list{display:flex;flex-direction:column;gap:10px}.agent-card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:var(--surface-2)}.agent-card.working{border-color:color-mix(in srgb,var(--amber) 35%,transparent);background:color-mix(in srgb,var(--amber) 5%,transparent)}.agent-card-head{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left}.agent-card-head .agent-dot{margin-top:6px}.agent-card .dot-idle,.agent-card .dot-done,.agent-card .dot-failed{animation:none;background:color-mix(in srgb,var(--ink) 30%,transparent)}.agent-card .dot-done{background:var(--green)}.agent-card .dot-failed{background:var(--red)}.agent-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.agent-card-title{font-size:14.5px;font-weight:600;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-card-status{font-family:var(--font-mono);font-size:12px;color:var(--ink-5);font-variant-numeric:tabular-nums}.agent-card.failed .agent-card-status{color:var(--red)}.agent-card-line{font-size:13px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-card-activity{font-family:var(--font-mono);font-size:12px}.agent-card.open .agent-card-line{white-space:normal}.agent-prs{display:flex;flex-wrap:wrap;gap:6px;padding-left:17px}#agent-modal .agent-prs{padding-left:0}.pr-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sky) 40%,transparent);background:color-mix(in srgb,var(--sky) 8%,transparent);font-family:var(--font-mono);font-size:12px;color:var(--ink-3);text-decoration:none}.pr-chip:hover{border-color:var(--sky);color:var(--ink-1)}.pr-chip .icon{width:13px;height:13px}.agent-card-body{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);font-size:13.5px}.agent-card-body h3{margin:8px 0 0;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-5)}.agent-text{margin:0;padding:.5rem .65rem;border-radius:6px;background:color-mix(in srgb,var(--ink) 6%,transparent);font-family:var(--font-mono);font-size:12.5px;color:var(--ink-3);white-space:pre-wrap;word-wrap:break-word;max-height:14rem;overflow-y:auto}.agent-text.err{color:var(--red)}.agent-activity{max-height:12rem;overflow-y:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.agent-activity>div{padding:.1rem 0;white-space:pre-wrap;word-wrap:break-word}.agent-turns{display:flex;flex-direction:column;gap:12px}.agent-turn{display:flex;flex-direction:column;gap:6px;padding-left:10px;border-left:2px solid color-mix(in srgb,var(--green) 45%,transparent)}.agent-turn.failed{border-left-color:color-mix(in srgb,var(--red) 55%,transparent)}.agent-turn.running{border-left-color:color-mix(in srgb,var(--amber) 55%,transparent)}.agent-turn-meta{display:flex;gap:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-5)}.agent-turn-status{font-weight:600;color:var(--ink-4)}.agent-turn.failed .agent-turn-status{color:var(--red)}.agent-turn-pending{margin:0;font-size:12.5px;font-style:italic;color:var(--ink-5)}.agent-turn-result{font-size:13.5px;line-height:1.55}.md{white-space:normal}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 .5rem}.md h2,.md h3,.md h4,.md h5,.md h6{margin:.7rem 0 .3rem;font-size:1em;font-weight:600}.md ul,.md ol{margin:0 0 .5rem;padding-left:1.5rem}.md li{padding:.05rem 0}.md code{font-family:var(--font-mono);font-size:13px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--ink) 8%,transparent)}.md pre{margin:0 0 .5rem;padding:.5rem .65rem;border-radius:4px;background:color-mix(in srgb,var(--ink) 7%,transparent);overflow-x:auto}.md pre code{padding:0;background:none;font-size:12.5px}.md a{color:var(--amber)}@media (prefers-reduced-motion: reduce){.agent-dot,.approval-dot,.orb-bars i{animation:none}}@media (max-width: 40rem){header.topbar{padding:max(20px,env(safe-area-inset-top)) 22px 16px}.top-links{gap:18px}.session-top{padding:max(20px,env(safe-area-inset-top)) 22px 8px;row-gap:10px}.session-top.mode-voice{grid-template-columns:1fr;grid-template-areas:"pill" "chips"}.session-top.mode-voice .wordmark{display:none}.session-top.mode-voice .chip-slot{justify-content:center}.session-top.mode-text{grid-template-areas:"wordmark pill" "chips chips"}.session-top.mode-text .pill-slot{justify-content:flex-end}.session-top.mode-text .chip-slot{justify-content:center}.status-pill{font-size:12px;padding:6px 15px}.agent-chip{font-size:11px;padding:5px 13px}.agent-chip .agent-dot{width:6px;height:6px}.orb-stage{width:150px;height:150px}.orb-stage .icon-waveform{width:48px;height:48px}.orb-stage .orb-bars{gap:6px;height:42px}.orb-stage .orb-bars i{width:4px;border-radius:2px}.orb-stage .orb-bars i:nth-child(1){height:16px}.orb-stage .orb-bars i:nth-child(2){height:36px}.orb-stage .orb-bars i:nth-child(3){height:26px}.orb-stage .orb-bars i:nth-child(4){height:42px}.orb-stage .orb-bars i:nth-child(5){height:20px}.orb-mute-badge{width:26px;height:26px}.orb-mute-badge .icon{width:13px;height:13px}.ring{width:170px;height:170px}.ring-count{font-size:34px}.call-stage{gap:24px}.captions{gap:10px}.caption-user{font-size:13px}.caption-assistant{font-size:18px;line-height:1.5}.captions .link-bare{padding:12px 10px}.call-controls{gap:30px;padding:12px 0 max(42px,calc(12px + env(safe-area-inset-bottom,0px)))}.call-circle{width:56px;height:56px}.call-circle .icon{width:22px;height:22px}.call-btn.end .call-circle{width:64px;height:64px}.call-btn.end .call-circle .icon{width:24px;height:24px}.call-btn{gap:7px}.sheet{margin:0;padding:12px 20px 16px;border-radius:16px 16px 0 0}#approval-card{width:auto;margin:0 18px 10px;padding:13px 16px;font-size:12px}.mic-help{width:100%;padding:13px 15px;font-size:12px}.mic-help-actions .pill-btn{flex:1;padding:10px 12px;text-align:center}.approval-hint{position:static}#approval-actions button{flex:1;padding:9px 0;text-align:center}#chat-feed{font-size:14px;gap:14px;padding:6px 16px 14px}.convo-card{padding:12px 13px;gap:10px}.convo-title{font-size:14.5px}.convo-preview .preview-user{max-width:240px;padding:7px 11px;font-size:13.5px}.bubble-user{max-width:280px;padding:9px 14px;border-radius:15px 15px 4px;font-size:14px}.chat-bottom{padding:4px 16px 6px}.chat-bar{gap:8px}.recording-pill{gap:8px;padding:0 14px;font-size:12px}.recording-meter{display:none}.chat-input{padding:12px 16px;font-size:14px}#settings{gap:1rem;padding:.25rem max(.9rem,env(safe-area-inset-right)) .75rem max(.9rem,env(safe-area-inset-left))}.settings-body{flex-direction:column;align-items:stretch;gap:1rem}#settings-panel{width:100%}#settings-nav{flex-direction:row;min-width:0;width:100%;gap:.5rem;overflow-x:auto;padding-bottom:.4rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}:where(#settings-nav) button{flex:none}:where(#settings-nav) .settings-logout{margin-top:0;margin-left:auto;padding-top:.4rem;border-top:none;border-left:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding-left:.9rem}.settings-row{grid-template-columns:1fr;gap:.5rem;padding:.9rem 0}.settings-row-label{padding-top:0}.settings-row-controls input{width:auto;flex:1}#agent-modal{padding:0}#agent-modal-card{max-width:none;max-height:none;height:100%;padding:max(1rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));border:none;border-radius:0;box-shadow:none}#agent-modal-prompt{max-height:8rem}.device-row,.settings-inline,.usage-scope{flex-wrap:wrap}.bottom-nav{gap:0;padding:4px 8px max(8px,calc(2px + env(safe-area-inset-bottom,0px)))}.nav-item{max-width:none}#agents{padding:.25rem 16px 14px}#agents h1{font-size:1.3rem}.agent-card{padding:11px 12px}.usage-table th,.usage-table td{padding-right:.6rem}}
