:root{--bg:#0b0d12;--surface:#151922;--surface-2:#1d2430;--text:#e6e9ef;--muted:#8b93a7;--accent:#6c8cff;--danger:#ff5c7a;--ok:#3ecf8e;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.center{place-items:center;height:100%;display:grid}.muted{color:var(--muted)}.muted.divider{text-align:center;margin:.75rem 0;font-size:.85rem}.small{font-size:.8rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}button{font:inherit;border-radius:var(--radius);background:var(--surface-2);min-height:44px;color:var(--text);border:none;padding:12px 16px}button:active{transform:scale(.98)}button.primary{background:var(--accent);color:#0a0c10;font-weight:600}button.danger{background:var(--danger);color:#0a0c10}button.link{color:var(--accent);background:0 0;min-height:auto;padding:6px}button:disabled{opacity:.4}:focus-visible{outline-offset:3px;outline:3px solid #9bb0ff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.field{flex-direction:column;gap:6px;margin:12px 0;display:flex}.field span{color:var(--muted);font-size:.85rem}input,textarea,select{font:inherit;background:var(--surface);color:var(--text);border-radius:var(--radius);border:1px solid #2a3140;width:100%;padding:12px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid #2a3140;margin:12px 0;padding:14px}.error{color:var(--danger)}.pair-view{max-width:480px;padding:max(24px, env(safe-area-inset-top)) 20px 20px;margin:0 auto}.brand h1{margin:0 0 4px}.fingerprint code{word-break:break-all;color:var(--ok);margin:8px 0;font-family:ui-monospace,monospace;font-size:.8rem;display:block}.ca-link{color:var(--accent)}.pair-view .primary{width:100%;margin-top:8px}.shell{flex-direction:column;height:100%;display:flex}.status-bar{padding:max(8px, env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid #20262f;align-items:center;gap:8px;display:flex}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.dot.open{background:var(--ok)}.dot.connecting{background:#e0b341}.dot.error,.dot.closed{background:var(--danger)}.error-banner{background:color-mix(in srgb, var(--danger) 22%, var(--bg));color:var(--text);border-bottom:1px solid var(--danger);word-break:break-word;padding:10px 14px;font-size:.85rem}.watch-banner{background:color-mix(in srgb, var(--accent) 14%, var(--bg));color:var(--text);border-top:1px solid color-mix(in srgb, var(--accent) 45%, var(--bg));justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex}.chip.state-mirrored{color:var(--accent)}.tab-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tab-bar{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #20262f;display:flex}.tab-bar button{background:var(--bg);color:var(--muted);border-radius:0;flex:1}.tab-bar button.active{color:var(--accent);font-weight:600}.chat{flex-direction:column;height:100%;display:flex}.transcript{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.msg{border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-width:92%;padding:10px 12px}.msg.user{background:var(--accent);color:#0a0c10;align-self:flex-end}.msg.assistant{background:var(--surface);align-self:flex-start}.tool-card{background:var(--surface-2);border-radius:var(--radius);padding:10px 12px;font-size:.9rem}.tool-head{align-items:center;gap:8px;display:flex}.chip{color:var(--muted);background:#0a0c10;border-radius:6px;padding:2px 6px;font-size:.7rem}.status-completed .chip{color:var(--ok)}.status-failed .chip{color:var(--danger)}.diff{margin:8px 0 0;font-size:.75rem;overflow-x:auto}.plan{background:var(--surface);border-radius:var(--radius);margin:0;padding:8px 12px;font-size:.85rem;list-style:none}.plan-in_progress:before{content:"▶ ";color:var(--accent)}.plan-completed{color:var(--muted);text-decoration:line-through}.usage{padding:4px 14px;font-size:.75rem}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid #20262f;gap:8px;display:flex}.composer textarea{resize:none;flex:1;max-height:40vh}.sessions{padding:14px}.session-list{margin:0;padding:0;list-style:none}.session-list li{border-bottom:1px solid #20262f;align-items:center;gap:8px;padding:8px 0;display:flex}.delete-confirmation{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:6px;width:100%;margin:4px 0;padding:10px;display:flex}.delete-confirmation .label{font-size:.85rem;font-weight:600}.delete-confirmation .row-actions{gap:8px;display:flex}.session-row{text-align:left;background:0 0;flex:1}.session-list li.active .session-row{color:var(--accent)}button.small{min-height:auto;padding:6px 10px;font-size:.8rem}.session-list-head{justify-content:space-between;align-items:center;display:flex}.settings{padding:14px}.settings code{word-break:break-all}.sheet-backdrop{z-index:10;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.sheet h2{margin:0 0 8px}.tool-title{color:var(--accent);font-family:ui-monospace,monospace}.tool-input{background:var(--bg);border-radius:var(--radius);max-height:30vh;padding:10px;font-size:.75rem;overflow-x:auto}.sheet-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.sheet-actions button{flex:40%}.msg.assistant{white-space:normal}.md-p{white-space:pre-wrap;margin:0 0 8px}.md-p:last-child{margin-bottom:0}.md-heading{margin:10px 0 6px;font-size:.95rem}.md-list{margin:0 0 8px;padding-left:20px}.msg.assistant code,.md-list code{background:var(--bg);border-radius:4px;padding:1px 4px;font-size:.85em}.code-block{background:var(--bg);border-radius:var(--radius);margin:8px 0;padding:10px;font-size:.75rem;overflow-x:auto}.code-block code{background:0 0;padding:0}.md-table-wrap{margin:0 0 8px;overflow-x:auto}.md-table{border-collapse:collapse;font-size:.8rem}.md-table th,.md-table td{border:1px solid var(--surface-2);text-align:left;padding:4px 8px}.md-table th{background:var(--bg)}.md-quote{border-left:3px solid var(--surface-2);color:var(--muted);white-space:pre-wrap;margin:0 0 8px;padding:2px 10px;font-style:italic}.md-hr{border:none;border-top:1px solid var(--surface-2);margin:10px 0}.msg.note{background:0 0;align-self:center;font-style:italic}.tool-output{background:var(--bg);border-radius:var(--radius);max-height:24vh;margin:8px 0 0;padding:8px;font-size:.72rem;overflow-x:auto}.diff pre{margin:4px 0 0}.diff-path{color:var(--muted)}.diff-line{white-space:pre}.diff-add{color:var(--ok)}.diff-del{color:var(--danger)}.diff-ctx{color:var(--muted)}.activity{color:var(--muted);align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;display:flex}.spinner{border:2px solid var(--muted);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chip.running,.chip.state-running{color:var(--accent)}.chip.state-idle{color:var(--ok)}.session-title .chip{margin-left:6px}button.ghost{background:var(--surface-2);color:var(--fg)}.spacer{flex:1}.icon-button{color:var(--muted);background:0 0;min-height:auto;padding:2px 10px;font-size:1.2rem;line-height:1}.chip.mode-plan{color:#00afaf}.chip.mode-accept-edits{color:#af87ff}.sheet.picker,.sheet.menu{max-height:85vh;overflow-y:auto}.picker-head{justify-content:space-between;align-items:baseline;display:flex}.picker-head h2{margin:0}.picker-suggestions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.chip-button{background:var(--surface-2);color:var(--fg);border-radius:999px;min-height:auto;padding:6px 12px;font-size:.8rem}.chip-button.active{background:var(--accent);color:#0a0c10;font-weight:600}.picker-path{color:var(--muted);word-break:break-all;padding:6px 0}.picker-error{color:var(--danger)}.picker-list{max-height:40vh;margin:0 0 10px;padding:0;list-style:none;overflow-y:auto}.picker-list li{border-bottom:1px solid #20262f}.picker-row{text-align:left;background:0 0;align-items:center;gap:8px;width:100%;display:flex}.picker-toggle{color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;display:flex}.picker-manual{margin-bottom:10px}.picker-manual .composer{border-top:none;padding:8px 0 0}.attachments{gap:8px;padding:8px 12px 0;display:flex;overflow-x:auto}.thumb{flex:none;position:relative}.thumb img{object-fit:cover;border-radius:8px;width:64px;height:64px;display:block}.thumb-remove{background:var(--danger);color:#fff;border-radius:50%;width:22px;height:22px;min-height:auto;padding:0;font-size:.9rem;line-height:1;position:absolute;top:-6px;right:-6px}.composer button.attach{flex:none;padding:0 12px}.field.row{flex-direction:row;align-items:center;gap:10px}.menu-section{flex-direction:column;gap:8px;margin:14px 0;display:flex}.mode-choices{flex-wrap:wrap;gap:8px;display:flex}