:root{color-scheme:light dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#17191c;background:#f4f5f6;font-synthesis:none;--panel: #ffffff;--line: #dfe2e5;--muted: #687078;--ink: #17191c;--accent: #087f5b;--accent-soft: #e7f5ef;--danger: #c92a2a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{width:100%;height:100%;min-width:0;min-height:0;margin:0}body{overflow:hidden;overscroll-behavior:none;letter-spacing:0}button,input,textarea,select{max-width:100%;font:inherit;letter-spacing:0}button{cursor:pointer;touch-action:manipulation}:where(button,input,textarea,select,summary):focus-visible{outline:2px solid #20a97a;outline-offset:2px}.app-shell{width:100%;height:100vh;height:100dvh;min-width:0;min-height:0;display:grid;grid-template:calc(58px + env(safe-area-inset-top)) minmax(0,1fr) / minmax(260px,310px) minmax(0,1fr);overflow:hidden;background:#f4f5f6}.topbar{position:relative;z-index:20;min-width:0;min-height:0;grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:env(safe-area-inset-top) calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));background:#111315;color:#f8f9fa;border-bottom:1px solid #292d31}.brand{min-width:0;display:flex;align-items:center;gap:9px;margin-right:auto}.brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand svg{color:#42c89a}.connection-pill{min-width:0;max-width:100%;min-height:32px;flex:0 1 auto;display:inline-flex;align-items:center;gap:7px;overflow:hidden;padding:5px 9px;border:1px solid #3b4147;border-radius:6px;color:#d8dcdf;font-size:12px;white-space:nowrap}.connection-pill span{width:7px;height:7px;border-radius:50%;background:#868e96}.connection-pill.online{border-color:#287a5e;background:#163c30}.connection-pill.connecting{border-color:#7a6728;background:#3a321a}.connection-pill.offline,.connection-pill.error{border-color:#6b4141;background:#382324}.connection-pill.online span{background:#51cf66}.connection-pill.connecting span{background:#ffd43b}.connection-pill.error span{background:#ff6b6b}.icon-button{width:36px;min-width:36px;height:36px;flex:0 0 auto;display:inline-grid;place-items:center;border:0;border-radius:6px;background:transparent;color:inherit}.icon-button:hover{background:#7f7f7f29}.icon-button svg{width:19px;height:19px}.sidebar{min-width:0;min-height:0;grid-row:2;display:flex;flex-direction:column;overflow:hidden;background:#f9fafb;border-right:1px solid var(--line)}.sidebar-head{min-width:0;height:56px;flex:0 0 auto;display:flex;align-items:center;padding:0 12px 0 18px;border-bottom:1px solid var(--line)}.sidebar-head h2{margin:0 auto 0 0;font-size:14px}.thread-list{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px}.thread-row{width:100%;max-width:100%;min-height:58px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:left}.thread-row:hover,.thread-row.active{background:#e9ecef}.thread-row svg{width:17px;margin-top:2px;color:var(--muted)}.thread-row span{min-width:0;display:grid;gap:4px}.thread-row strong,.thread-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row strong{font-size:13px;font-weight:600}.thread-row small{color:var(--muted);font-size:11px}.device-action{min-height:44px;flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:8px;padding:10px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted)}.device-action svg{width:17px}.workspace{min-width:0;min-height:0;grid-row:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.thread-toolbar{min-width:0;min-height:64px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.thread-toolbar>div{min-width:0;flex:1 1 auto}.thread-toolbar>.icon-button{flex:0 0 auto}.thread-toolbar h1{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.thread-toolbar small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.timeline{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:24px max(20px,calc(env(safe-area-inset-left) + 12px),calc((100% - 860px)/2)) 24px max(20px,calc(env(safe-area-inset-right) + 12px),calc((100% - 860px)/2))}.timeline>*{min-width:0;max-width:100%}.message{min-width:0;max-width:100%;margin:0 0 24px}.message>div{margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:600}pre{min-width:0;max-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;tab-size:2;font:13px/1.65 JetBrains Mono,Consolas,monospace;letter-spacing:0}.message.user pre{width:fit-content;max-width:88%;margin-left:auto;padding:11px 13px;border-radius:6px;background:var(--accent-soft)}.message.user>div{text-align:right}.message.live pre:after{content:"";display:inline-block;width:7px;height:14px;margin-left:3px;background:var(--accent);vertical-align:-2px;animation:blink 1s steps(2) infinite}.approval{min-width:0;max-width:100%;overflow:hidden;margin:16px 0;padding:14px;border:1px solid #f0b429;border-left-width:3px;border-radius:6px;background:#fffbeb}.approval header{min-width:0;display:flex;gap:8px;align-items:center;margin-bottom:10px}.approval header strong{min-width:0;overflow-wrap:anywhere}.approval header svg{width:18px;flex:0 0 auto;color:#b7791f}.approval pre{max-height:min(34dvh,280px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;white-space:pre;overflow-wrap:normal;word-break:normal}.approval-questions{min-width:0;display:grid;gap:0;margin-top:12px}.approval-question{min-width:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(180px,1.2fr);gap:8px 12px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.approval-question>*{min-width:0}.approval-question-copy{min-width:0;grid-column:1;grid-row:1 / span 2;display:grid;align-content:start;gap:4px;padding-top:9px}.approval-question-copy strong,.approval-question-copy small{min-width:0;overflow-wrap:anywhere}.approval-question-copy strong{font-size:13px;line-height:1.35}.approval-question-copy small{color:var(--muted);font-size:12px;line-height:1.45}.approval-question>input,.approval-question>select{width:100%;min-width:0;min-height:40px;grid-column:2;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink)}.approval-question>input{overflow:hidden;text-overflow:ellipsis}.approval-question>select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-question>input::placeholder{color:var(--muted)}.approval-other{margin-top:0}.approval-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px}.approval-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink)}.approval-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.approval-actions button:disabled{cursor:default;opacity:.72}.approval-actions button.primary:disabled{border-color:#6c757d;background:#6c757d;color:#fff}.approval-actions svg{width:16px}.activity{min-width:0;max-width:100%;overflow:hidden;margin:10px 0;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.activity summary{min-width:0;min-height:40px;display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:12px}.activity summary span{min-width:0;overflow-wrap:anywhere}.activity summary svg{width:16px;flex:0 0 auto;color:var(--muted)}.activity pre{max-height:min(52dvh,520px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 12px 12px;white-space:pre;overflow-wrap:normal;word-break:normal}.empty-state{width:100%;height:100%;min-height:240px;display:grid;place-content:center;justify-items:center;gap:12px;color:#969da4;text-align:center}.empty-state svg{width:30px;height:30px}.composer-wrap{position:relative;z-index:5;min-width:0;max-height:min(48dvh,360px);overflow-y:auto;overscroll-behavior:contain;padding:10px max(18px,calc(env(safe-area-inset-right) + 12px),calc((100% - 860px)/2)) calc(10px + env(safe-area-inset-bottom)) max(18px,calc(env(safe-area-inset-left) + 12px),calc((100% - 860px)/2));border-top:1px solid var(--line);background:#f4f5f6}.composer-wrap:has(.slash-menu){overflow:visible}.slash-menu{position:absolute;z-index:10;right:max(18px,calc(env(safe-area-inset-right) + 12px),calc((100% - 860px)/2));bottom:calc(100% + 8px);left:max(18px,calc(env(safe-area-inset-left) + 12px),calc((100% - 860px)/2));min-width:0;max-height:min(36dvh,280px);display:grid;gap:2px;overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:0 8px 24px #0000001a}.slash-menu button{width:100%;min-width:0;min-height:40px;display:grid;grid-template-columns:20px minmax(96px,auto) minmax(0,1fr);gap:9px;align-items:center;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:var(--ink);text-align:left}.slash-menu button:hover,.slash-menu button.selected{background:var(--accent-soft);color:var(--accent)}.slash-menu svg{width:17px;height:17px;color:var(--muted)}.slash-menu code,.slash-menu span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slash-menu code{color:inherit;font:600 12px/1.4 JetBrains Mono,Consolas,monospace}.slash-menu span{color:var(--muted);font-size:12px}.selectors{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:8px;margin-bottom:8px}.selectors select{width:100%;min-width:0;height:36px;overflow:hidden;padding:0 8px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.selectors select.danger{border-color:#e03131;background:#fff5f5;color:#a51111}.mode-switch{width:fit-content;max-width:100%;min-height:32px;display:grid;grid-template-columns:repeat(2,minmax(54px,1fr));margin:0 0 8px auto;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.mode-switch button{min-height:28px;padding:3px 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px}.mode-switch button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.composer{width:100%;min-width:0;max-width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;padding:9px;border:1px solid #c8cdd2;border-radius:7px;background:var(--panel);box-shadow:0 4px 18px #0000000f}.composer textarea{width:100%;min-width:0;min-height:38px;max-height:160px;overflow-y:auto;resize:vertical;padding:8px;border:0;outline:0;background:transparent;color:var(--ink);line-height:1.45}.send-button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:6px;background:var(--accent);color:#fff}.send-button:disabled{background:#adb5bd;cursor:default}.send-button.stop{background:var(--danger)}.send-button svg{width:18px}.status-message{max-height:3.5rem;overflow:auto;overscroll-behavior:contain;padding:6px 4px 0;color:var(--danger);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.pairing-state{width:100%;height:100vh;height:100dvh;min-width:0;min-height:0;display:grid;place-content:center;justify-items:center;gap:12px;overflow:auto;padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));background:#111315;color:#fff;text-align:center}.pairing-state h1{margin:4px 0 0;font-size:24px}.pairing-state p{max-width:min(100%,36rem);margin:0;color:#aeb5bb;overflow-wrap:anywhere}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #3b4147;border-radius:8px;color:#42c89a}.mobile-only{display:none}@keyframes blink{50%{opacity:0}}@media(prefers-color-scheme:dark){:root{--panel: #191c1f;--line: #30353a;--muted: #9ca3aa;--ink: #f1f3f5;--accent-soft: #123d31;background:#121416;color:var(--ink)}.app-shell,.composer-wrap{background-color:#121416}.sidebar{background:#16191c}.thread-row:hover,.thread-row.active{background:#292e33}.approval{background:#332b13}.selectors select.danger{border-color:#f06565;background:#351c1e;color:#ffc9c9}}@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(54px + env(safe-area-inset-top)) minmax(0,1fr)}.topbar{height:auto;gap:8px;padding:env(safe-area-inset-top) calc(10px + env(safe-area-inset-right)) 0 calc(10px + env(safe-area-inset-left))}.mobile-only{display:inline-grid}.icon-button{width:44px;min-width:44px;height:44px}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:min(86vw,320px);max-width:calc(100vw - 48px);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);transform:translate(-100%);transition:transform .18s ease;box-shadow:12px 0 36px #00000047}.sidebar.open{transform:translate(0)}.workspace{grid-row:2}.thread-toolbar{min-height:58px;padding:7px calc(12px + env(safe-area-inset-right)) 7px calc(12px + env(safe-area-inset-left))}.timeline{scrollbar-gutter:auto;padding:18px calc(14px + env(safe-area-inset-right)) 18px calc(14px + env(safe-area-inset-left))}.composer-wrap{max-height:min(56dvh,360px);padding:8px calc(10px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}.slash-menu{right:calc(10px + env(safe-area-inset-right));left:calc(10px + env(safe-area-inset-left))}.selectors{grid-template-columns:1fr}.selectors select{height:44px;font-size:16px}.slash-menu{max-height:min(34dvh,264px)}.slash-menu button{min-height:44px;grid-template-columns:20px minmax(88px,auto) minmax(0,1fr)}.mode-switch{min-height:40px}.mode-switch button{min-height:44px;padding-inline:14px;font-size:13px}.composer{min-height:62px;grid-template-columns:minmax(0,1fr) 44px}.composer textarea{min-height:44px;font-size:16px}.send-button{width:44px;height:44px}.message.user pre{max-width:94%}.approval{padding:12px}.approval pre{max-height:min(36dvh,260px)}.approval-question{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px 0}.approval-question-copy{grid-column:1;grid-row:auto;padding-top:0}.approval-question>input,.approval-question>select{min-height:44px;grid-column:1;font-size:16px}.approval-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.approval-actions button{width:100%;min-width:0;min-height:44px;white-space:nowrap}.activity summary{min-height:44px}.activity pre{max-height:min(44dvh,420px)}.connection-pill{min-height:36px;padding-inline:7px}}@media(max-width:420px){.brand strong{display:none}.thread-toolbar h1{font-size:14px}}@media(max-width:350px){.topbar{gap:6px}.connection-pill{gap:5px;font-size:11px}}@media(pointer:coarse){.icon-button,.send-button{width:44px;min-width:44px;height:44px}.device-action,.approval-actions button,.activity summary{min-height:44px}.selectors select,.approval-question>input,.approval-question>select{min-height:44px}.mode-switch button{min-height:44px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}.message.live pre:after{animation:none}}