:root{--bg: #0f0e0d;--bg-inset: #0a0909;--surface-1: #171615;--surface-2: #1e1d1b;--surface-3: #262523;--border-soft: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .19);--text: #ecebe9;--text-2: #b8b6b2;--text-3: #97948e;--text-4: #6b675f;--accent: #f0705c;--accent-soft: rgba(240, 112, 92, .12);--accent-ring: rgba(240, 112, 92, .28);--blue: #6aa5e0;--green: #58b083;--orange: #dd9048;--red: #d9604f;--teal: #56b8ae;--indigo: #9a90f0;--purple: #b98ae0;--mono: "Iosevka", "Iosevka Term", ui-monospace, "SF Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Public Sans", "Segoe UI", system-ui, sans-serif;--measure: 820px;--zoom: 1;--zoom-gentle: calc(1 + (var(--zoom) - 1) * .5);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--r-control: 8px;--r-card: 10px;--r-surface: 12px;--r-overlay: 14px;--ease-out: cubic-bezier(.23, 1, .32, 1);--shadow-overlay: 0 0 0 1px rgba(255, 255, 255, .06), 0 16px 48px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:calc(13px * var(--zoom));line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:6px;border:4px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;border:4px solid transparent;background-clip:padding-box}.app{display:flex;flex-direction:column;height:100%}.app-loading{display:grid;place-items:center;height:100%;color:var(--text-4);letter-spacing:.14em;text-transform:lowercase}.login-screen{display:grid;place-items:center;height:100%;background:var(--bg)}.login-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);max-width:360px;padding:var(--sp-6)}.login-title{margin:0;font-size:24px;font-weight:400;letter-spacing:.14em;color:var(--text)}.login-subtitle{margin:0;font-size:13px;color:var(--text-3);text-align:center}.login-webauthn{width:100%}.login-card .btn-primary{width:100%;padding:var(--sp-3) var(--sp-4);font-size:13px;border-radius:var(--r-control);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .15s var(--ease-out)}.login-card .btn-primary:hover{background:var(--surface-3)}.login-hint{margin:0;font-size:12px;color:var(--text-4);text-align:center;line-height:1.5}.tabstrip{display:flex;align-items:center;gap:2px;padding:6px 8px;background:var(--bg);border-bottom:1px solid var(--border-soft);overflow-x:auto}.tab{display:flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border-radius:7px;cursor:pointer;color:var(--text-3);max-width:220px;user-select:none;font-size:12.5px;transition:background .12s var(--ease-out),color .12s var(--ease-out)}.tab:hover{background:var(--surface-1);color:var(--text-2)}.tab.selected{background:var(--surface-2);color:var(--text)}.tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close{background:none;border:none;color:var(--text-4);cursor:pointer;border-radius:4px;padding:0 4px;font-size:13px;line-height:1.3;opacity:0;transition:opacity .12s var(--ease-out)}.tab:hover .tab-close,.tab.selected .tab-close{opacity:1}.tab-close:hover{color:var(--text);background:var(--surface-3)}.tab-new{background:none;border:none;color:var(--text-4);font-size:15px;cursor:pointer;padding:2px 9px 4px;border-radius:7px;line-height:1.3}.tab-new:hover{background:var(--surface-1);color:var(--text-2)}.pane{display:flex;flex-direction:column;flex:1;min-height:0}.pane-empty,.pane-empty-search{flex:1;display:grid;place-items:center;align-content:center;gap:var(--sp-3);color:var(--text-3)}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:8px 20px;border-bottom:1px solid var(--border-soft)}.pane-title{display:flex;align-items:center;min-width:0}.pane-session{font-size:13px;display:flex;align-items:center;gap:var(--sp-2)}.conn-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.conn-connecting{background:var(--orange)}.conn-live{background:var(--green)}.conn-idle{background:var(--text-4)}.pane-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane-cwd{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:var(--sp-1)}.pane-search{display:flex;align-items:center;gap:var(--sp-2)}.transcript-search{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-control);color:var(--text);padding:5px 11px;font:inherit;font-size:12.5px;outline:none;width:220px;transition:border-color .12s var(--ease-out),box-shadow .12s var(--ease-out)}.transcript-search::placeholder{color:var(--text-4)}.transcript-search:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #ffffff0a}.search-count{font-size:11.5px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.transcript{flex:1;overflow-y:auto}.transcript-measure{max-width:var(--measure);margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-4);display:flex;flex-direction:column}.transcript-measure>*{margin-top:var(--sp-2);animation:rise .24s var(--ease-out) backwards}.transcript-measure>:first-child{margin-top:0}.transcript-measure>.row-message{margin-top:var(--sp-6)}.transcript-measure>:first-child+.row-message,.transcript-measure>.row-message:first-child{margin-top:0}.transcript-measure>.row-tool+.row-tool{margin-top:3px}.transcript-measure>.turn-end{margin-top:var(--sp-1)}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.transcript-measure>*{animation:none}}.load-more{align-self:center;background:none;border:1px solid var(--border);border-radius:999px;color:var(--text-3);padding:4px 14px;font-size:11.5px;cursor:pointer;transition:color .12s var(--ease-out),border-color .12s var(--ease-out)}.load-more:hover{color:var(--text);border-color:var(--border-strong)}.row-message{display:flex;flex-direction:column}.row-user{align-items:flex-end}.row-assistant{align-items:flex-start}.bubble{border-radius:16px;padding:9px 14px;max-width:100%}.bubble-user{background:var(--accent-soft);border:1px solid rgba(240,112,92,.1);max-width:560px}.bubble-assistant{padding-left:0;padding-right:0}.bubble-head{margin-bottom:5px}.sender-chip{display:inline-block;font-size:10.5px;line-height:1;letter-spacing:.02em;padding:3px 8px;border-radius:999px}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-2)}.attachment-pill{font-size:11.5px;background:var(--surface-1);border:1px solid var(--border-soft);border-radius:999px;padding:2px 10px;color:var(--text-2)}.streaming-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--blue);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}mark{background:var(--accent);color:#1c0b07;border-radius:2px;padding:0 1px}.search-hit-row .bubble{outline:1px solid var(--accent-ring);outline-offset:2px}.md-p{margin:0 0 8px}.md-p:last-child{margin-bottom:0}.md-h{margin:12px 0 4px;font-size:14px}.md-code-inline{font-family:var(--mono);font-size:.92em;background:var(--surface-1);border:1px solid var(--border-soft);border-radius:5px;padding:1px 5px}.md-quote{border-left:2px solid var(--border-strong);margin:8px 0;padding:2px 12px;color:var(--text-2)}.md-list{margin:6px 0;padding-left:20px}.md-table-wrap{overflow-x:auto;margin:8px 0;border:1px solid var(--border-soft);border-radius:var(--r-card)}.md-table{border-collapse:collapse;width:100%;font-size:12.5px}.md-table th{background:var(--surface-1);text-align:left;font-weight:400;color:var(--text-3)}.md-table th,.md-table td{padding:6px 12px;border-bottom:1px solid var(--border-soft)}.md-table tr:last-child td{border-bottom:none}.md a{color:var(--accent)}.codeblock{margin:10px 0}.codeblock-lang{font-size:11px;letter-spacing:.02em;color:var(--text-3);margin:0 2px 4px}.codeblock-pre{margin:0;background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:var(--r-card);padding:12px 14px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.6}.tok-kw{color:var(--indigo)}.tok-str{color:var(--green)}.tok-com{color:var(--text-4);font-style:italic}.tool-row{display:flex;align-items:center;gap:var(--sp-2);max-width:100%;width:fit-content;text-align:left;background:#ffffff06;border:1px solid transparent;border-radius:var(--r-control);padding:4px 10px;cursor:pointer;font-size:calc(12px * var(--zoom-gentle));color:var(--text-2);transition:background .12s var(--ease-out)}.tool-row:hover{background:var(--surface-1)}.tool-family-mark{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-4)}.fam-icon{display:block}.family-execute .tool-family-mark{color:var(--blue)}.family-observe .tool-family-mark{color:var(--teal)}.family-mutate .tool-family-mark{color:var(--indigo)}.family-orchestrate .tool-family-mark{color:var(--purple)}.family-plan .tool-family-mark{color:var(--orange)}.tool-name{font-size:12px;color:var(--text);flex-shrink:0}.tool-summary{color:var(--text-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tool-loc{color:var(--text-4);font-size:12px;flex-shrink:0}.tool-loc:before{content:"in ";font-family:var(--sans)}.tool-env-chip{font-family:var(--mono);font-size:10.5px;color:var(--text-3);background:#ffffff0d;border-radius:5px;padding:1px 6px;flex-shrink:0}.tool-chain-count{color:var(--text-4);font-size:11px;flex-shrink:0}.tool-destructive{color:var(--red)}.tool-state{display:inline-flex;align-items:center;gap:5px;font-size:11px;flex-shrink:0;padding-left:2px}.state-icon{display:block}.state-spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.state-spin{animation:none}}.state-working{color:var(--blue)}.state-done{color:var(--green)}.state-failed{color:var(--red)}.state-permission{color:var(--orange)}.state-cancelled,.state-offline{color:var(--text-3)}.tool-detail{margin:4px 0 0;background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:var(--r-control);padding:10px 12px;font-family:var(--mono);font-size:11.5px;overflow-x:auto;color:var(--text-2)}.permission-card{border:1px solid rgba(221,144,72,.32);background:#dd90480f;border-radius:var(--r-surface);padding:12px 16px;width:fit-content;min-width:360px;max-width:640px}.permission-head{display:flex;align-items:center;gap:var(--sp-2);color:var(--orange);font-size:12.5px}.permission-detail{font-family:var(--mono);font-size:12px;color:var(--text);margin:8px 0 12px;white-space:pre-wrap}.permission-actions{display:flex;justify-content:flex-start;gap:var(--sp-2)}.btn-primary{background:var(--accent);border:1px solid transparent;border-radius:var(--r-control);color:#2b0f0a;padding:5px 18px;min-width:88px;font-size:12.5px;cursor:pointer;transition:transform .1s var(--ease-out),filter .12s var(--ease-out)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.97)}.btn-danger{background:none;border:1px solid var(--border);border-radius:var(--r-control);color:var(--red);padding:5px 18px;min-width:88px;font-size:12.5px;cursor:pointer;transition:border-color .12s var(--ease-out),transform .1s var(--ease-out)}.btn-danger:hover{border-color:#d9604f66}.btn-danger:active{transform:scale(.97)}.row-resolved{display:flex;align-items:baseline;gap:var(--sp-2);font-size:12px;color:var(--text-3);padding-left:11px}.resolved-label{color:var(--text-2)}.resolved-by{color:var(--text-3)}.resolved-sep{color:var(--text-4)}.resolved-title{font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reasoning{color:var(--text-3);font-size:12.5px}.reasoning summary{cursor:pointer;user-select:none}.reasoning-body{padding:6px 0 0 14px;white-space:pre-wrap}.turn-end{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;padding-left:11px}.notice{align-self:center;font-size:11.5px;color:var(--text-3)}.flash{animation:flash 1.5s ease-out}@keyframes flash{0%{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}to{outline:2px solid transparent;outline-offset:4px}}.dock{border-top:1px solid var(--border-soft);width:100%;max-width:var(--measure);margin:0 auto}.activity-cap{display:flex;align-items:center;gap:var(--sp-2);max-width:calc(var(--measure) + 40px);margin:0 auto;padding:calc(var(--sp-2) * var(--zoom-gentle)) var(--sp-5) 0;font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.activity-working{display:inline-flex;align-items:center;gap:6px;color:var(--blue)}.activity-pulse{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:pulse 1s ease-in-out infinite}.activity-sep{color:var(--text-4)}.activity-detail{color:var(--text-3)}.composer{padding:calc(var(--sp-2) * var(--zoom-gentle)) var(--sp-5) calc(var(--sp-3) * var(--zoom-gentle));display:flex;flex-direction:column;gap:var(--sp-2);max-width:calc(var(--measure) + 40px);width:100%;margin:0 auto;position:relative}.composer-attachments{display:flex;gap:var(--sp-2);overflow-x:auto}.attachment-chip{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--r-card);padding:4px 8px;font-size:12px}.attachment-thumb{width:32px;height:32px;object-fit:cover;border-radius:6px;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.attachment-icon{display:inline-flex;color:var(--text-3)}.attachment-meta{display:flex;flex-direction:column;min-width:0;line-height:1.35}.attachment-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:10.5px;color:var(--text-4);font-variant-numeric:tabular-nums}.attachment-spinner{width:10px;height:10px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--blue);animation:spin .9s linear infinite}.attachment-status{font-size:10.5px;flex-shrink:0}.attachment-status-done{color:var(--green)}.attachment-status-error{color:var(--red)}.attachment-error .attachment-thumb{opacity:.55}.attachment-remove{background:none;border:none;color:var(--text-4);cursor:pointer;font-size:13px;padding:0 2px}.attachment-remove:hover{color:var(--text)}.composer-dragging .composer-input{border-color:var(--border-strong);box-shadow:0 0 0 3px #ffffff0f}.composer-dropzone{position:absolute;inset:var(--sp-1);z-index:15;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--border-strong);border-radius:var(--r-surface);background:color-mix(in srgb,var(--bg-inset) 82%,transparent);backdrop-filter:blur(2px);pointer-events:none;animation:surface-in .12s var(--ease-out)}.composer-dropzone-label{font-size:12.5px;color:var(--text-2);letter-spacing:.01em}.slash-popup{position:absolute;bottom:100%;left:var(--sp-5);width:380px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-overlay);overflow:hidden;z-index:20;transform-origin:bottom left;animation:surface-in .16s var(--ease-out)}@keyframes surface-in{0%{opacity:0;transform:scale(.97) translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.slash-popup,.config-surface,.command-center{animation:none}}.slash-item{display:flex;align-items:baseline;gap:var(--sp-3);width:100%;text-align:left;background:none;border:none;padding:7px 14px;cursor:pointer}.slash-item.selected{background:#ffffff14}.slash-name{font-family:var(--mono);font-size:12.5px;color:var(--accent)}.slash-desc{font-size:12px;color:var(--text-2)}.composer-row{display:flex;align-items:flex-end;gap:var(--sp-2)}.composer-btn{width:32px;height:32px;border-radius:var(--r-control);border:none;background:none;color:var(--text-3);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-bottom:2px;transition:background .12s var(--ease-out),color .12s var(--ease-out)}.composer-btn:hover{background:var(--surface-1);color:var(--text-2)}.dictate-listening{color:var(--red);animation:pulse 1s ease-in-out infinite}.dictate-transcribing{color:var(--accent)}.composer-input{flex:1;resize:none;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-surface);color:var(--text);padding:10px 14px;min-height:40px;font:inherit;outline:none;transition:border-color .12s var(--ease-out),box-shadow .12s var(--ease-out)}.composer-input::placeholder{color:var(--text-3)}.composer-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #ffffff0a}.btn-send,.btn-abort{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-bottom:3px;transition:transform .1s var(--ease-out),filter .12s var(--ease-out),background .12s var(--ease-out)}.btn-send{background:var(--accent);color:#2b0f0a}.btn-send:hover:not(:disabled){filter:brightness(1.08)}.btn-send:active:not(:disabled){transform:scale(.94)}.btn-send:disabled{background:var(--surface-2);color:var(--text-4);cursor:default}.btn-abort{background:#d9604f24;color:var(--red)}.btn-abort:hover{background:#d9604f38}.composer-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:11.5px;color:var(--text-3);padding-left:2px}.config-trigger{background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px 8px;border-radius:6px;font-size:11.5px;transition:background .12s var(--ease-out),color .12s var(--ease-out)}.config-trigger:hover{background:var(--surface-1);color:var(--text)}.config-effort,.mode-label{color:var(--text-4)}.config-surface{position:absolute;bottom:100%;left:var(--sp-5);right:var(--sp-5);max-width:440px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-surface);box-shadow:var(--shadow-overlay);padding:var(--sp-2);z-index:20;max-height:340px;overflow-y:auto;transform-origin:bottom left;animation:surface-in .16s var(--ease-out)}.config-search{width:100%;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-control);color:var(--text);padding:6px 11px;font:inherit;font-size:12.5px;outline:none;margin-bottom:var(--sp-2)}.config-search::placeholder{color:var(--text-4)}.config-search:focus{border-color:var(--border-strong)}.config-section{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:var(--sp-3) var(--sp-2) var(--sp-1)}.config-section:first-of-type{padding-top:var(--sp-2)}.config-row{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;background:none;border:none;border-radius:7px;padding:6px 10px;cursor:pointer;font-size:12.5px;color:var(--text-2)}.config-row:hover{background:var(--surface-3)}.config-row.selected{background:var(--accent-soft);color:var(--text)}.config-row-label{flex:1}.config-row-sub{font-size:11px;color:var(--text-4)}.config-check{color:var(--accent);font-size:11px}.command-overlay{position:fixed;inset:0;background:#0a090973;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:16vh;z-index:50}.command-center{width:620px;max-width:calc(100vw - 40px);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-overlay);box-shadow:var(--shadow-overlay);overflow:hidden;animation:surface-in .16s var(--ease-out);transform-origin:top center}.command-input{width:100%;background:none;border:none;border-bottom:1px solid var(--border-soft);color:var(--text);padding:14px 18px;font:inherit;font-size:15px;outline:none}.command-input::placeholder{color:var(--text-4)}.command-results{max-height:380px;overflow-y:auto;padding:6px}.command-row{display:flex;align-items:baseline;gap:var(--sp-3);width:100%;text-align:left;background:none;border:none;border-radius:var(--r-control);padding:8px 12px;cursor:pointer}.command-row.selected{background:#ffffff14}.command-group{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);width:64px;flex-shrink:0}.command-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.command-sub{font-size:11.5px;color:var(--text-3)}.command-empty{padding:18px;text-align:center;color:var(--text-3);font-size:12.5px}