:root{color-scheme:light;--bg: #fdfcf9;--bg-subtle: #f6f3ee;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-user: #efece5;--bg-code: #f3efe7;--bg-hover: #ece8df;--border: #e6e0d4;--border-strong: #d4ccbb;--fg: #2a2a2a;--fg-strong: #111111;--fg-muted: #6b6558;--fg-subtle: #9a9383;--accent: #c96442;--accent-strong: #b45436;--accent-soft: rgba(201, 100, 66, .12);--ok: #3f9d4f;--warn: #b97a29;--err: #c14a4a;--shadow: 0 1px 2px rgba(30, 25, 15, .04), 0 8px 24px rgba(30, 25, 15, .06);--shadow-strong: 0 8px 32px rgba(30, 25, 15, .14);--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--mono: "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;--sans: "Söhne", "ui-sans-serif", "system-ui", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition: .12s ease}:root[data-theme=dark],:root[data-theme=system]:not([data-theme-forced]){color-scheme:dark;--bg: #1b1a17;--bg-subtle: #232220;--bg-card: #26241f;--bg-elevated: #2c2a24;--bg-user: #2e2c26;--bg-code: #1e1c18;--bg-hover: #33302a;--border: #35322c;--border-strong: #484339;--fg: #ecebe6;--fg-strong: #ffffff;--fg-muted: #a8a298;--fg-subtle: #6f6a5f;--accent: #d97757;--accent-strong: #eb8a6a;--accent-soft: rgba(217, 119, 87, .18);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #1b1a17;--bg-subtle: #232220;--bg-card: #26241f;--bg-elevated: #2c2a24;--bg-user: #2e2c26;--bg-code: #1e1c18;--bg-hover: #33302a;--border: #35322c;--border-strong: #484339;--fg: #ecebe6;--fg-strong: #ffffff;--fg-muted: #a8a298;--fg-subtle: #6f6a5f;--accent: #d97757;--accent-strong: #eb8a6a;--accent-soft: rgba(217, 119, 87, .18);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.mono{font-family:var(--mono)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}input,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.login-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.25rem;background:radial-gradient(1200px 600px at 50% -200px,var(--accent-soft),transparent),var(--bg)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow)}.login-brand{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.2rem}.brand-title{font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--fg-strong);display:flex;align-items:center;gap:.5rem}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}.brand-sub{color:var(--fg-muted);font-size:.9rem}.login-help{color:var(--fg-muted);font-size:.86rem;line-height:1.55;margin:0}.login-help code{background:var(--bg-code);padding:.1rem .35rem;border-radius:4px;font-size:.82em;color:var(--fg)}.login-footer{color:var(--fg-subtle);font-size:.8rem}label{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.82rem;color:var(--fg-muted);font-weight:500}input[type=text],input[type=password],textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition);color:var(--fg)}input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;transition:background var(--transition),transform var(--transition)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.primary-btn:hover:not(:disabled){background:var(--accent-strong)}.primary-btn:active:not(:disabled){transform:translateY(1px)}.primary-btn.small{padding:.4rem .85rem;font-size:.85rem}.ghost-btn{background:transparent;color:var(--fg);border:1px solid var(--border-strong);border-radius:10px;padding:.55rem 1rem;transition:background var(--transition)}.ghost-btn:hover{background:var(--bg-hover)}.ghost-btn.small{padding:.35rem .8rem;font-size:.85rem}.text-btn{background:transparent;color:var(--fg-muted);border:none;padding:.4rem .6rem;font-size:.85rem;border-radius:8px;transition:color var(--transition),background var(--transition)}.text-btn:hover{color:var(--fg-strong);background:var(--bg-hover)}.error-banner{background:#c14a4a14;border:1px solid rgba(193,74,74,.3);color:var(--err);padding:.55rem .8rem;border-radius:8px;font-size:.85rem}.app-shell{height:100%;display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--bg)}.app-shell.sidebar-closed{grid-template-columns:0 minmax(0,1fr)}.app-shell>aside{overflow:hidden}@media (max-width: 720px){.app-shell,.app-shell.sidebar-open{grid-template-columns:0 minmax(0,1fr)}.app-shell .sidebar{position:fixed;top:0;left:0;width:min(280px,80vw);height:100%;z-index:40;box-shadow:0 8px 32px #00000040}.app-shell.sidebar-closed .sidebar{transform:translate(-100%);pointer-events:none}.app-shell.sidebar-open .sidebar{transform:translate(0);pointer-events:auto;transition:transform .18s ease}}.sidebar-backdrop{display:none}@media (max-width: 720px){.app-shell.sidebar-open .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:35;animation:fade-in .12s ease}}.sidebar{background:var(--bg-subtle);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:.85rem;gap:.75rem;min-width:0}.sidebar-head{display:flex;align-items:center;gap:.5rem;padding:.25rem .25rem .5rem}.sidebar-brand{font-weight:600;color:var(--fg-strong);letter-spacing:-.01em;font-size:.95rem;display:flex;align-items:center;gap:.45rem}.new-chat-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--fg-strong);border-radius:10px;padding:.65rem .85rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background var(--transition),border-color var(--transition)}.new-chat-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.new-chat-plus{width:18px;height:18px;border-radius:50%;background:var(--fg-strong);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1;font-weight:600}.sidebar-section-label{color:var(--fg-subtle);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .5rem .25rem;font-weight:600}.session-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem;overflow-y:auto;min-height:0;flex:1}.session-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:8px;color:var(--fg);cursor:pointer;background:transparent;border:none;text-align:left;font-size:.88rem;transition:background var(--transition);width:100%;min-width:0}.session-item:hover{background:var(--bg-hover)}.session-item.active{background:var(--bg-hover);color:var(--fg-strong)}.session-item.gone{opacity:.55}.session-item.gone .session-preview{font-style:italic}.session-row{position:relative;display:flex;align-items:stretch;border-radius:8px}.session-row .session-item{flex:1}.session-delete{background:transparent;border:none;color:var(--fg-subtle);width:24px;margin-right:.15rem;border-radius:6px;font-size:1rem;line-height:1;cursor:pointer;opacity:0;transition:opacity var(--transition),color var(--transition),background var(--transition)}.session-row:hover .session-delete,.session-delete.confirming{opacity:1}.session-delete:hover{color:var(--err);background:#c14a4a1a}.session-delete.confirming{color:var(--err);background:#c14a4a26}.session-agent{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-preview{color:var(--fg-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-list-empty{color:var(--fg-subtle);padding:.6rem;font-size:.85rem;text-align:center}.sidebar-foot{border-top:1px solid var(--border);padding-top:.6rem;display:flex;flex-direction:column;gap:.2rem}.sidebar-meta{padding:.25rem .5rem;font-size:.78rem;color:var(--fg-subtle)}.sidebar-meta code{font-family:var(--mono);font-size:.78em;color:var(--fg-muted)}.sidebar-disconnect{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:8px;background:transparent;border:none;color:var(--fg-muted);text-align:left;font-size:.88rem;transition:background var(--transition),color var(--transition);width:100%}.sidebar-disconnect:hover{background:var(--bg-hover);color:var(--fg-strong)}.sidebar-toggle{position:fixed;top:12px;z-index:30;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.25rem .55rem;font-size:1.1rem;line-height:1;color:var(--fg);cursor:pointer;transition:left .18s ease,background .12s ease}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--fg-strong)}.app-shell.sidebar-open .sidebar-toggle{left:232px}.app-shell.sidebar-closed .sidebar-toggle{left:8px}@media (max-width: 720px){.app-shell.sidebar-open .sidebar-toggle,.app-shell.sidebar-closed .sidebar-toggle{left:8px}.app-shell.sidebar-open .sidebar-toggle{z-index:50;color:var(--fg-strong)}.sidebar-toggle{min-width:44px;min-height:44px;padding:.55rem .85rem;font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center}}.settings-toggle{position:fixed;top:12px;right:12px;z-index:30;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.25rem .55rem;font-size:1.05rem;line-height:1;color:var(--fg);cursor:pointer;transition:background .12s ease,color .12s ease}.settings-toggle:hover{background:var(--bg-hover);color:var(--fg-strong)}@media (max-width: 720px){.settings-toggle{top:10px;right:10px;min-width:44px;min-height:44px;padding:.55rem .85rem;font-size:1.25rem;z-index:50;display:inline-flex;align-items:center;justify-content:center}}.main-col{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;background:var(--bg)}.main-header{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg);min-height:54px}.main-title{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.main-title-agent{font-weight:600;color:var(--fg-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-title-session{color:var(--fg-subtle);font-size:.82rem;font-family:var(--mono);margin-left:.4rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-subtle);display:inline-block}.status-dot.idle{background:var(--ok)}.status-dot.streaming{background:var(--accent);animation:pulse 1.4s infinite}.status-dot.awaiting-input,.status-dot.awaiting-approval{background:var(--warn)}.status-dot.error{background:var(--err)}.status-dot.closed,.status-dot.connecting{background:var(--fg-subtle)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.status-text{color:var(--fg-muted);font-size:.82rem}.empty-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;text-align:center}.empty-hero h1{font-size:1.6rem;font-weight:500;letter-spacing:-.01em;color:var(--fg-strong);margin:0}.empty-hero .hint{color:var(--fg-muted);max-width:480px}.thread{flex:1;overflow-y:auto;min-height:0;scroll-behavior:smooth}.thread-inner{max-width:768px;margin:0 auto;padding:1.25rem 1.25rem 6rem;display:flex;flex-direction:column;gap:1.6rem}.msg{display:flex;flex-direction:column;gap:.35rem;min-width:0}.msg-role-label{color:var(--fg-subtle);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.msg-user{align-self:flex-end;max-width:85%}.msg-user .msg-bubble{background:var(--bg-user);border-radius:var(--radius) var(--radius) 4px var(--radius);padding:.65rem .9rem;color:var(--fg-strong);white-space:pre-wrap;word-wrap:break-word}.msg-assistant .msg-bubble,.msg-system .msg-bubble{padding:0;color:var(--fg)}.msg-assistant{width:100%}.msg-assistant .msg-role-label{color:var(--accent)}.msg-system .msg-role-label{color:var(--fg-subtle)}.msg-system .msg-bubble{color:var(--fg-muted);font-size:.9rem;padding:.4rem .6rem;border-left:2px solid var(--border-strong);background:var(--bg-subtle);border-radius:0 6px 6px 0}.msg-error .msg-role-label{color:var(--err)}.msg-error .msg-bubble{color:var(--err);border-left-color:var(--err);background:#c14a4a0d}.msg-actions{display:flex;gap:.15rem;margin-top:.2rem;opacity:0;transition:opacity var(--transition)}.msg-assistant:hover .msg-actions{opacity:1}.msg-action-btn{background:transparent;border:1px solid transparent;color:var(--fg-muted);padding:.25rem .45rem;border-radius:6px;font-size:.75rem;transition:background var(--transition),color var(--transition)}.msg-action-btn:hover{background:var(--bg-hover);color:var(--fg-strong)}.msg-action-btn.copied{color:var(--ok)}.msg-action-btn.thumb{font-size:.85rem;line-height:1;padding:.2rem .4rem}.msg-action-btn.thumb.active{background:var(--bg-hover);color:var(--fg-strong);border-color:var(--accent)}.prose{margin:0;white-space:pre-wrap;word-wrap:break-word}.prose+.prose{margin-top:.6rem}.prose strong{color:var(--fg-strong);font-weight:600}.prose em{font-style:italic}.prose code{background:var(--bg-code);padding:.05rem .3rem;border-radius:4px;font-size:.88em;font-family:var(--mono);color:var(--fg-strong)}.code-block{background:var(--bg-code);border:1px solid var(--border);padding:.75rem .9rem;border-radius:10px;overflow-x:auto;margin:.6rem 0;font-size:.86rem;line-height:1.5}.code-block code{background:transparent;padding:0;color:var(--fg);font-family:var(--mono);white-space:pre}.msg-bubble.md p{margin:.4rem 0;line-height:1.55;white-space:pre-wrap}.msg-bubble.md p:first-child{margin-top:0}.msg-bubble.md p:last-child{margin-bottom:0}.msg-bubble.md strong{color:var(--fg-strong);font-weight:600}.msg-bubble.md em{font-style:italic}.msg-bubble.md .md-h{font-weight:600;letter-spacing:-.005em;color:var(--fg-strong);margin:.85rem 0 .4rem;line-height:1.3}.msg-bubble.md h2.md-h{font-size:1.1rem}.msg-bubble.md h3.md-h{font-size:1rem}.msg-bubble.md h4.md-h{font-size:.92rem}.msg-bubble.md ul,.msg-bubble.md ol{margin:.4rem 0;padding-left:1.4rem}.msg-bubble.md li{margin:.18rem 0;line-height:1.5}.msg-bubble.md li>p{margin:0}.msg-bubble.md blockquote{margin:.5rem 0;padding:.4rem .75rem;border-left:3px solid var(--border-strong);color:var(--fg-muted);background:var(--bg-subtle);border-radius:0 6px 6px 0}.msg-bubble.md hr{border:none;border-top:1px solid var(--border);margin:.9rem 0}.msg-bubble.md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.msg-bubble.md a:hover{color:var(--accent-strong)}.msg-bubble.md .md-inline-code,.msg-bubble.md code:not(pre code){font-family:var(--mono);font-size:.86em;background:var(--bg-code);padding:.06rem .32rem;border-radius:4px;color:var(--fg-strong)}.msg-bubble.md .md-table{border-collapse:collapse;margin:.6rem 0;font-size:.88rem;width:100%}.msg-bubble.md .md-table th,.msg-bubble.md .md-table td{border:1px solid var(--border);padding:.4rem .65rem;text-align:left;vertical-align:top}.msg-bubble.md .md-table thead th{background:var(--bg-subtle);color:var(--fg-strong);font-weight:600}.msg-bubble.md .md-table tbody tr:nth-child(2n){background:var(--bg-subtle)}.msg-bubble.md .ok{color:var(--ok);font-weight:500}.msg-bubble.md .warn{color:var(--warn);font-weight:500}.msg-bubble.md .err{color:var(--err);font-weight:500}.msg-bubble.md .info{color:var(--accent);font-weight:500}.msg-bubble.md .muted{color:var(--fg-muted)}.msg-bubble.md .accent{color:var(--accent);font-weight:500}.msg-bubble.md .hi{background:#e0af682e;padding:.05rem .25rem;border-radius:3px;color:var(--fg-strong)}.msg-bubble.md .callout{margin:.7rem 0;padding:.7rem .9rem .7rem .95rem;border-radius:8px;border-left:3px solid var(--border-strong);background:var(--bg-subtle);color:var(--fg)}.msg-bubble.md .callout>p:first-child{margin-top:0}.msg-bubble.md .callout>p:last-child{margin-bottom:0}.msg-bubble.md .callout-info{border-left-color:var(--accent);background:var(--accent-soft)}.msg-bubble.md .callout-tip{border-left-color:var(--ok);background:#3f9d4f1a}.msg-bubble.md .callout-warn{border-left-color:var(--warn);background:#b97a291a}.msg-bubble.md .callout-error{border-left-color:var(--err);background:#c14a4a1a}.msg-bubble.md .callout-note{border-left-color:var(--fg-muted);background:var(--bg-subtle)}.msg-bubble.md sub,.msg-bubble.md sup{font-size:.78em;line-height:0}.msg-bubble.md sub{vertical-align:sub}.msg-bubble.md sup{vertical-align:super}.msg-bubble.md kbd{font-family:var(--mono);font-size:.82em;background:var(--bg-code);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:.05rem .4rem;color:var(--fg-strong);white-space:nowrap}.msg-bubble.md mark{background:#e0af684d;padding:0 .15rem;border-radius:2px;color:inherit}.msg-bubble.md u{text-decoration:underline;text-underline-offset:2px}.msg-bubble.md details{margin:.55rem 0;padding:.4rem .7rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px}.msg-bubble.md details>summary{cursor:pointer;font-weight:500;color:var(--fg-strong);list-style:none;-webkit-user-select:none;user-select:none;padding:.1rem 0;display:flex;align-items:center;gap:.4rem}.msg-bubble.md details>summary::-webkit-details-marker{display:none}.msg-bubble.md details>summary:before{content:"▸";font-size:.78em;color:var(--fg-muted);transition:transform .12s ease}.msg-bubble.md details[open]>summary:before{transform:rotate(90deg)}.msg-bubble.md details>*:not(summary){margin-top:.45rem}.sources{border-bottom:1px solid var(--border);background:var(--bg-subtle);font-size:.85rem}.sources-head{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem}.sources-toggle{background:transparent;border:none;color:var(--fg);display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .45rem;border-radius:6px;font-size:.85rem;font-weight:500;flex:1;text-align:left;transition:background var(--transition)}.sources-toggle:hover{background:var(--bg-hover)}.sources-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.25rem;padding:0 .4rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.74rem;font-family:var(--mono)}.sources-bytes{color:var(--fg-muted);font-size:.78rem;font-family:var(--mono)}.sources-caret{margin-left:auto;color:var(--fg-subtle)}.sources-upload-group{display:inline-flex;align-items:center;gap:.3rem}.sources-upload-btn{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--fg-strong);padding:.3rem .7rem;border-radius:8px;font-size:.8rem;transition:background var(--transition),border-color var(--transition)}.sources-upload-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.sources-upload-btn:disabled{opacity:.55;cursor:not-allowed}.sources-body{padding:.4rem 1rem .7rem;border-top:1px solid var(--border)}.sources-empty{font-size:.85rem;line-height:1.55;padding:.4rem 0}.sources-empty code{background:var(--bg-code);padding:.06rem .32rem;border-radius:4px;font-family:var(--mono);font-size:.85em;color:var(--fg-strong)}.sources-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem;max-height:240px;overflow-y:auto}.sources-item{display:flex;align-items:center;gap:.6rem;padding:.3rem .55rem;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);font-size:.83rem}.sources-item:hover{border-color:var(--border-strong)}.sources-item-name{flex:1;font-family:var(--mono);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg)}.sources-item-size{color:var(--fg-muted);font-size:.76rem;font-family:var(--mono)}.sources-item-remove{background:transparent;border:none;color:var(--fg-subtle);width:22px;height:22px;border-radius:4px;font-size:.95rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.sources-item-remove:hover{background:#c14a4a1a;color:var(--err)}.composer-wrap{position:sticky;bottom:0;background:linear-gradient(to bottom,transparent,var(--bg) 20%);padding:1rem 1.25rem 1.25rem;display:flex;justify-content:center}.composer{width:100%;max-width:768px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:.4rem .4rem .4rem .9rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;transition:border-color var(--transition),box-shadow var(--transition)}.composer:focus-within{border-color:var(--accent);box-shadow:var(--shadow),0 0 0 3px var(--accent-soft)}.composer textarea{border:none;background:transparent;padding:.55rem 0;outline:none;resize:none;min-height:28px;max-height:220px;overflow-y:auto;box-shadow:none}.composer textarea:focus{box-shadow:none}.send-btn{background:var(--fg-strong);color:var(--bg);border:none;border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition);align-self:end;margin-bottom:3px}.send-btn:disabled{background:var(--fg-subtle);cursor:not-allowed}.send-btn:not(:disabled):hover{background:#000}.send-btn:not(:disabled):active{transform:translateY(1px)}.composer-hint{max-width:768px;margin:.4rem auto 0;color:var(--fg-subtle);font-size:.75rem;text-align:center}.approval-bar{max-width:768px;margin:0 auto;padding:.65rem .9rem;background:#b97a291a;border:1px solid rgba(185,122,41,.3);border-radius:var(--radius);display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--fg-strong);margin-bottom:.6rem}.approval-bar code{background:var(--bg-code);padding:.1rem .4rem;border-radius:4px;font-size:.82em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;animation:fade-in .12s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);width:100%;max-width:520px;max-height:min(80vh,640px);display:flex;flex-direction:column;overflow:hidden}.modal-head{padding:1.1rem 1.25rem .7rem;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--fg-strong);letter-spacing:-.005em}.modal-sub{margin:.3rem 0 0;color:var(--fg-muted);font-size:.88rem}.modal-body{padding:.75rem;overflow-y:auto}.agent-picker-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.agent-pick{background:transparent;border:1px solid var(--border);border-radius:10px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.2rem;text-align:left;transition:background var(--transition),border-color var(--transition);width:100%;color:var(--fg)}.agent-pick:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.agent-pick-name{font-weight:600;color:var(--fg-strong);font-family:var(--mono);font-size:.9rem}.agent-pick-meta{color:var(--fg-muted);font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.modal-foot{padding:.6rem 1rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.subdued{color:var(--fg-muted)}.mono{font-family:var(--mono)}.theme-toggle{display:flex;gap:.15rem;padding:.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin:0 .3rem .4rem}.theme-toggle-option{flex:1;background:transparent;border:none;color:var(--fg-muted);font-size:.76rem;padding:.35rem .3rem;border-radius:6px;text-transform:capitalize;transition:background var(--transition),color var(--transition)}.theme-toggle-option:hover{color:var(--fg-strong)}.theme-toggle-option.active{background:var(--bg-hover);color:var(--fg-strong);font-weight:500}.token-meter{display:flex;align-items:center;gap:.35rem;padding:.25rem .55rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.76rem;color:var(--fg-muted);font-family:var(--mono);white-space:nowrap}.token-meter-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.token-meter-cost{color:var(--fg-subtle)}.cache-stats{color:var(--fg-muted);font-size:.75rem;margin-left:.25rem}.activity{margin:.6rem 1rem 0;padding:0;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;font-family:var(--mono);font-size:.78rem;color:var(--fg-muted);overflow:hidden;flex-shrink:0}.activity-head{display:flex;align-items:center;gap:.4rem;width:100%;padding:.4rem .7rem;background:transparent;border:0;font-family:var(--mono);font-size:.78rem;color:var(--fg);cursor:pointer;text-align:left}.activity-head:hover{background:var(--bg-hover)}.activity-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.activity-count{color:var(--fg-subtle)}.activity-caret{margin-left:auto;color:var(--fg-subtle)}.activity-list{list-style:none;margin:0;padding:0 .75rem .55rem 1.7rem;max-height:30vh;overflow-y:auto}.activity-item{padding:.15rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-muted)}.turn-timer{display:flex;align-items:center;gap:.35rem;padding:.25rem .55rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.76rem;color:var(--fg-muted);font-family:var(--mono);white-space:nowrap}.turn-timer-dot{width:5px;height:5px;border-radius:50%;background:var(--ok, var(--accent))}.turn-timer-total{color:var(--fg-subtle)}.status-dot.streaming~.turn-timer .turn-timer-dot,.main-header .status-dot.streaming~.turn-timer .turn-timer-dot{background:var(--accent)}.clear-pill{background:var(--accent-soft);border:1px solid rgba(201,100,66,.3);color:var(--accent);padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.76rem;font-family:var(--mono);white-space:nowrap;cursor:pointer;transition:background var(--transition),color var(--transition)}.clear-pill:hover:not(:disabled){background:#c9644238;color:var(--accent-strong)}.clear-pill:disabled{opacity:.5;cursor:not-allowed}.compaction-divider{display:grid;grid-template-columns:1fr auto auto 1fr;grid-template-areas:"line-l label toggle line-r" "summary summary summary summary";align-items:center;gap:.6rem;margin:1rem 0;font-size:.78rem;color:var(--fg-subtle)}.compaction-line{grid-area:line-l;height:1px;background:var(--border)}.compaction-line:last-of-type{grid-area:line-r}.compaction-text{grid-area:label;letter-spacing:.02em;font-family:var(--mono);white-space:nowrap}.compaction-toggle{grid-area:toggle;background:transparent;border:1px solid var(--border);color:var(--fg-muted);border-radius:var(--radius-pill);padding:.15rem .55rem;font-size:.74rem;font-family:var(--mono);transition:background var(--transition),color var(--transition)}.compaction-toggle:hover{color:var(--fg-strong);background:var(--bg-hover)}.compaction-summary{grid-area:summary;padding:.6rem .75rem;margin-top:.4rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:.85rem;line-height:1.55}.attach-chips{max-width:768px;margin:0 auto .4rem;display:flex;flex-wrap:wrap;gap:.35rem}.attach-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.8rem;color:var(--fg);max-width:320px;min-width:0}.attach-chip-name{font-family:var(--mono);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-chip-size{color:var(--fg-subtle);font-size:.72rem}.attach-chip-remove{background:transparent;border:none;color:var(--fg-muted);font-size:.9rem;padding:0;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.attach-chip-remove:hover{background:var(--bg-hover);color:var(--err)}.attach-error{max-width:768px;margin:0 auto .4rem;font-size:.8rem;color:var(--err);padding:.35rem .55rem;background:#c14a4a12;border:1px solid rgba(193,74,74,.25);border-radius:6px}.composer{grid-template-columns:auto minmax(0,1fr) auto}.attach-btn{background:transparent;border:none;color:var(--fg-muted);padding:.35rem;border-radius:8px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;align-self:end;margin-bottom:3px;transition:background var(--transition),color var(--transition)}.attach-btn:hover{background:var(--bg-hover);color:var(--fg-strong)}.attach-btn:disabled{color:var(--fg-subtle);cursor:not-allowed}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle)}.activity-tree{border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);margin:.5rem 0;max-height:40vh;overflow-y:auto}.activity-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.8rem;color:var(--fg-muted)}.activity-totals{font-weight:500}.activity-interject{padding:.2rem .6rem;border-radius:3px;cursor:pointer;font-size:.75rem}.activity-interject-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.activity-node{padding:.25rem .5rem;display:flex;gap:.4rem;align-items:center;font-family:var(--mono);font-size:.8rem}.activity-node[data-depth="1"]{padding-left:1.5rem}.activity-node[data-depth="2"]{padding-left:2.5rem}.activity-node[data-depth="3"]{padding-left:3.5rem}.activity-node[data-depth="4"]{padding-left:4.5rem}.activity-status{display:inline-flex;min-width:1.2em}.status-running{color:#0891b2}.status-succeeded{color:var(--ok)}.status-failed{color:var(--err);font-weight:600}.status-skipped{color:var(--fg-subtle);text-decoration:line-through;opacity:.65}.status-pending{color:var(--fg-subtle);opacity:.65}.braille-spinner{display:inline-block;width:1.2em;height:1em;position:relative}.braille-spinner:before{content:"⠋";animation:braille-spin .9s steps(8,end) infinite}@keyframes braille-spin{0%{content:"⠋"}12%{content:"⠙"}25%{content:"⠹"}37%{content:"⠸"}50%{content:"⠼"}62%{content:"⠴"}75%{content:"⠦"}87%{content:"⠧"}to{content:"⠇"}}.activity-elapsed{color:var(--fg-muted);font-size:.75rem;margin-left:auto}.activity-tool{color:var(--fg-muted);font-style:italic}.activity-node-clickable{cursor:pointer}.activity-node-clickable:hover{background:var(--bg-hover)}.activity-expand-hint{color:var(--fg-muted);font-size:.75rem;margin-left:.3rem}.activity-output{margin:.2rem 0 .4rem;padding:.5rem .75rem;background:var(--bg-subtle);border-left:2px solid var(--border-strong);border-radius:4px;font-family:var(--mono);font-size:.75rem;white-space:pre-wrap;word-break:break-word;max-height:12em;overflow-y:auto}.activity-output[data-depth="1"]{margin-left:1.5rem}.activity-output[data-depth="2"]{margin-left:2.5rem}.activity-output[data-depth="3"]{margin-left:3.5rem}.activity-output[data-depth="4"]{margin-left:4.5rem}.activity-output pre{margin:0}.activity-approval-strip{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.2rem 0;padding:.35rem .6rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:4px;font-size:.75rem}.activity-approval-strip[data-depth="1"]{margin-left:1.5rem}.activity-approval-strip[data-depth="2"]{margin-left:2.5rem}.activity-approval-strip[data-depth="3"]{margin-left:3.5rem}.activity-approval-strip[data-depth="4"]{margin-left:4.5rem}.activity-approval-preview{background:var(--bg-subtle);padding:.1rem .35rem;border-radius:3px;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-approval-approve{background:var(--accent);color:#fff;border:none;border-radius:3px;padding:.2rem .7rem;font-weight:600}.activity-approval-approve:hover{background:var(--accent-strong)}.activity-approval-deny{background:transparent;color:var(--err);border:1px solid var(--err);border-radius:3px;padding:.2rem .7rem}.activity-approval-deny:hover{background:#c14a4a14}.activity-node-collapsed{opacity:.7}.activity-collapsed-summary{color:var(--fg-muted);font-size:.75rem;margin-left:.3rem}.activity-header{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer}.activity-header[aria-expanded=true]{border-bottom:1px solid var(--border)}.activity-header[aria-expanded=false]{border-bottom:none}.activity-header:hover{background:var(--bg-hover)}.activity-header-actions{display:inline-flex;align-items:center;gap:.5rem}.activity-chevron{color:var(--fg-muted);font-size:.85rem}.activity-pause-input{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.3rem 0 .4rem;padding:.5rem .75rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:6px}.activity-pause-input[data-depth="1"]{margin-left:1.5rem}.activity-pause-input[data-depth="2"]{margin-left:2.5rem}.activity-pause-input[data-depth="3"]{margin-left:3.5rem}.activity-pause-input[data-depth="4"]{margin-left:4.5rem}.activity-pause-input label{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:12rem}.activity-pause-input-label{font-size:.75rem;color:var(--fg-muted);font-weight:500}.activity-pause-input input{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.35rem .55rem;font-size:.85rem}.activity-pause-input-submit{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:.35rem .85rem;font-weight:600}.activity-pause-input-submit:hover{background:var(--accent-strong)}.settings-card{max-width:460px}.settings-section{padding:.9rem 1rem;border-bottom:1px solid var(--border)}.settings-section:last-of-type{border-bottom:none}.settings-label{font-size:.75rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.settings-server{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--fg)}.settings-server code{font-family:var(--mono);background:var(--bg-subtle);padding:.15rem .45rem;border-radius:5px;font-size:.78rem;word-break:break-all}.settings-help{margin:0 0 .6rem;font-size:.83rem;color:var(--fg-muted);line-height:1.45}.settings-help strong{color:var(--fg)}.settings-actions{display:flex;flex-direction:column;gap:.4rem}.settings-delete-btn,.settings-disconnect-btn{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;font-size:.88rem;font-weight:500;color:var(--fg);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.settings-delete-btn:hover:not(:disabled),.settings-disconnect-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.settings-delete-btn:disabled,.settings-disconnect-btn:disabled{opacity:.5;cursor:not-allowed}.settings-delete-btn.confirming{background:#b00020;color:#fff;border-color:#b00020}.settings-delete-btn.confirming:hover:not(:disabled){background:#8e0019;border-color:#8e0019}.settings-error{font-size:.8rem;color:#b00020;background:#b0002014;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(176,0,32,.25)}@media (max-width: 720px){.settings-card{max-width:100%;max-height:100vh}.settings-section{padding:.85rem 1rem}.settings-delete-btn,.settings-disconnect-btn,.settings-card .modal-foot button{min-height:44px;padding:.7rem 1.1rem;font-size:.95rem}}