:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8e8eb;background:#17191c;font-synthesis:none;--bg: #17191c;--panel: #111315;--surface: #22252a;--raised: #2a2d33;--line: #30333a;--muted: #a0a5af;--accent: #f5b879;--accent-ink: #2b1c0f;--red: #f2a2a2}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:inherit;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.4;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#30343c;border-color:#515660}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}input,select,textarea{border:1px solid var(--line);border-radius:10px;background:#191c20;color:inherit;padding:12px;min-width:0;max-width:100%;font-size:16px}input::placeholder,textarea::placeholder{color:#8e949f}input:focus,textarea:focus,select:focus{border-color:#8d7157}textarea{resize:none}label{display:grid;gap:8px;font-size:14px;color:var(--muted)}p{line-height:1.65}small{font-size:13px;color:var(--muted)}pre,code{font-family:SFMono-Regular,Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;max-width:100%;margin:0}h1,h2,h3,p{overflow-wrap:anywhere}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.primary:hover:not(:disabled){background:#ffd09d;border-color:#ffd09d}.icon-button{height:38px;width:38px;padding:8px;border:0;background:transparent;color:#aeb3bd;flex-shrink:0}.icon-button:hover:not(:disabled){background:var(--raised);color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.button-link{display:inline-flex;align-items:center;gap:6px;padding:10px;font-size:14px;text-decoration:none}.subtle{color:var(--muted);font-size:13px}.spin{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only{display:none}.brand-mark{background:#2f2822;color:var(--accent);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.14em;color:var(--muted)}.app-shell{display:flex;height:100dvh;min-height:420px;overflow:hidden}.sidebar{width:286px;flex-shrink:0;background:var(--panel);display:flex;flex-direction:column;border-right:1px solid #24272c;padding:22px 14px 0}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 26px}.sidebar-brand strong{font-size:16px;letter-spacing:-.3px}.sidebar-brand .mobile-only{margin-left:auto}.new-chat{justify-content:flex-start;width:100%;background:#25282e;border-color:#393d44;font-weight:550;padding:12px 14px;margin-bottom:19px}.new-chat>span{margin-left:auto;color:#8c929c;font-weight:400}.project-picker{display:flex;align-items:center;padding:0 10px;gap:7px;color:var(--muted)}.project-picker select{padding:9px 3px;background:transparent;border:0;width:100%;font-size:14px;color:#dadce1}.search{display:flex;gap:8px;align-items:center;padding:0 12px;margin:12px 0 24px;color:#7f8792}.search input{width:100%;border:0;padding:6px 0;background:transparent;font-size:13px}.section-label{font-size:10px;letter-spacing:.11em;font-weight:650;padding:0 12px 12px;color:#797f8b;display:flex;justify-content:space-between}.section-label span{font-size:11px;font-weight:450}.conversation-list{overflow:auto;flex:1}.conversation{width:100%;text-align:left;justify-content:flex-start;gap:11px;align-items:flex-start;padding:12px;border:0;margin-bottom:4px;background:transparent;min-height:66px}.conversation>svg{margin-top:3px;color:#828997;flex-shrink:0}.conversation.selected{background:#272a30}.conversation.selected>svg{color:var(--accent)}.conversation-text{display:grid;gap:7px;min-width:0;flex:1}.conversation-text>strong{font-size:13px;font-weight:450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation .status{font-size:11px}.status{display:inline-flex;align-items:center;gap:4px;color:#8e97a5;font-size:12px;white-space:nowrap}.status.working{color:#f0bc87}.status.waiting{color:#eac071}.status.interrupted{color:var(--red)}.status.idle{color:#aebcaf}.empty-list{font-size:13px;color:var(--muted);padding:0 12px}.load-more{background:transparent;width:100%;margin:12px 0}.sidebar-bottom{padding:18px 4px;border-top:1px solid #26292e;margin-top:12px}.controller-label{display:flex;gap:10px;align-items:center}.controller-label>div{display:grid;gap:4px;flex:1}.controller-label strong{font-size:12px;font-weight:550}.controller-label small{font-size:11px}.connection-dot{width:7px;height:7px;background:#747b89;border-radius:50%;margin-left:9px;flex-shrink:0}.connection-dot.online{background:#91b39a}.main-pane{position:relative;display:flex;flex-direction:column;min-width:0;flex:1;background:radial-gradient(ellipse at 75% 0%,#202227 0%,transparent 45%),var(--bg)}.topbar{min-height:85px;display:flex;align-items:center;padding:16px 32px;gap:12px;border-bottom:1px solid #2b2e34}.conversation-heading{min-width:0;flex:1}.project-crumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:7px}.topbar h1{font-size:15px;font-weight:550;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:32px 28px 24px;scrollbar-width:thin;scrollbar-color:#434852 transparent}.transcript{max-width:790px;width:100%;margin:0 auto;padding-bottom:24px}.turn{display:flow-root;margin-bottom:24px}.user-message{margin:6px 0 28px auto;max-width:88%;width:fit-content;padding:14px 20px;border-radius:21px 21px 5px;background:#30343b;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:16px}.assistant-message{line-height:1.75;margin:18px 0 22px;font-size:16px;color:#e0e2e6}.commentary-message{color:#b5bac4;font-size:14px;margin:14px 0}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 17px}.markdown h1{font-size:24px}.markdown h2{font-size:21px}.markdown h3{font-size:18px}.markdown h1,.markdown h2,.markdown h3{line-height:1.35;margin:25px 0 14px;font-weight:600;letter-spacing:-.3px}.markdown ul,.markdown ol{padding-left:24px;line-height:1.75;margin:14px 0}.markdown li{margin:7px 0}.markdown li p{margin-bottom:8px}.markdown blockquote{border-left:2px solid #756149;padding-left:18px;margin:20px 0;color:#bbc1ca}.markdown code{font-size:.85em;padding:2px 5px;border-radius:4px;background:#30343b;color:#f4c999;overflow-wrap:anywhere}.markdown pre{border:1px solid var(--line);background:#111417;border-radius:12px;padding:18px;overflow:auto;margin:16px 0;white-space:pre}.markdown pre code{padding:0;background:transparent;color:#d9e0e8;font-size:13px}.markdown table{border-collapse:collapse;width:100%;display:block;overflow:auto;font-size:14px}.markdown td,.markdown th{border:1px solid var(--line);padding:10px;text-align:left;min-width:100px}.markdown hr{border:0;border-top:1px solid var(--line);margin:24px 0}.activity{margin:8px 0;border:1px solid #30343b;border-radius:11px;background:#1b1e22;overflow:hidden}.activity summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 13px;list-style:none;font-size:13px;color:#a9b1bd;min-height:42px}.activity summary::-webkit-details-marker{display:none}.activity[open] summary>svg:first-child{transform:rotate(90deg)}.activity-status{margin-left:auto;color:#7f8896;font-size:11px}.activity-body{padding:12px 16px 16px;border-top:1px solid #30343b;position:relative;font-size:14px;color:#b9c2ce}.activity-body pre{max-height:430px;overflow:auto}.activity.failed{border-color:#754b4b}.thinking-icon{color:#bc9d79;font-size:16px}.code-actions{display:flex;justify-content:flex-end;height:28px}.plan-list{list-style:none;padding:0 15px 14px}.plan-list li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.7;padding:5px 0}.plan-dot{width:6px;height:6px;background:#8b939f;border-radius:50%}.request-card{border:1px solid #665039;background:#25221f;border-radius:16px;padding:20px;margin:20px 0}.request-heading{display:flex;align-items:center;gap:10px;color:#edc497;font-size:15px}.request-card p{font-size:14px;margin:12px 0;color:#c8c1b9}.requested-command{background:#171717;border:1px solid #4b4033;border-radius:9px;padding:14px;margin:14px 0;color:#e7ddd1}.request-card fieldset{padding:0;margin:20px 0;border:0;min-width:0}.request-card legend{padding:0;font-weight:550;font-size:16px;line-height:1.6;margin-bottom:12px}.choices{display:grid;gap:8px;margin-bottom:10px}.choice{text-align:left;justify-content:flex-start;align-items:flex-start;background:#262522;border-color:#48443e;padding:13px;width:100%}.choice strong{font-size:14px;display:block;font-weight:500}.choice small{display:block;margin-top:4px;font-size:13px}.choice.selected{border-color:#b28b5e;background:#383027}.radio{height:17px;width:17px;border:1px solid #716857;border-radius:50%;flex-shrink:0;margin-top:2px;display:grid;place-items:center}.radio>span{height:9px;width:9px;background:var(--accent);border-radius:50%}.request-card input:not([type=checkbox]){width:100%}.rule-hint{font-size:12px;line-height:1.6;color:#c2af98;margin-top:14px;overflow-wrap:anywhere}.path{overflow-wrap:anywhere}.request-card label{margin:14px 0}.notice,.handoff-card{background:#282620;border:1px solid #534b36;border-radius:12px;padding:15px 18px;line-height:1.6;font-size:14px;margin-bottom:20px;color:#daceb5}.notice{display:flex;gap:10px;align-items:flex-start}.notice svg{flex-shrink:0;margin-top:3px}.notice.error{background:#322325;border-color:#634347;color:var(--red)}.handoff-card p{margin:9px 0 14px}.working-indicator{display:flex;gap:5px;align-items:center;margin:24px 0}.working-indicator>span:not(.subtle){height:5px;width:5px;border-radius:50%;background:#b99b7a;animation:pulse 1.5s infinite}.working-indicator>span:nth-child(2){animation-delay:.2s}.working-indicator>span:nth-child(3){animation-delay:.4s}.working-indicator .subtle{margin-left:9px;font-size:12px}@keyframes pulse{50%{opacity:.25}}.composer-wrap{padding:8px 28px max(14px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 20%)}.composer{max-width:790px;margin:auto;background:#25292f;border:1px solid #424751;border-radius:20px;box-shadow:0 10px 35px #0002;padding:15px 17px 10px;position:relative}.composer:focus-within{border-color:#716352}.composer textarea{width:100%;display:block;min-height:50px;max-height:220px;border:0;background:transparent;padding:0 1px 8px;color:#f0f1f3;font-size:16px;line-height:1.6;border-radius:0;outline:none}.composer textarea:focus-visible{outline:none}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-context{font-size:12px;display:flex;align-items:center;gap:7px;color:#b2b9c4;overflow:hidden;white-space:nowrap}.tiny-spark{color:var(--accent);font-size:19px}.composer-model{font-size:11px;color:#8a929f;overflow:hidden;text-overflow:ellipsis}.composer-actions{display:flex;gap:7px;align-items:center}.send-button{height:36px;width:36px;border-radius:50%;background:var(--accent);color:var(--accent-ink);padding:7px;border:0;flex-shrink:0}.send-button:hover:not(:disabled){background:#ffd4a7;color:var(--accent-ink)}.stop-button{background:#dddfe5;color:#23262c}.composer-note{font-size:11px;color:#818a97;text-align:center;line-height:1.5;margin:10px 0 0}.jump-latest{position:absolute;bottom:185px;left:50%;transform:translate(-50%);background:#353a43;box-shadow:0 3px 20px #0005;border-radius:30px;font-size:12px;padding:8px 13px;z-index:3}.settings-panel{padding:18px 32px;background:#202329;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;align-items:end}.settings-panel label{min-width:160px;flex:1}.settings-panel select{font-size:14px}.settings-panel p{font-size:12px;max-width:230px;color:var(--muted);margin:0}.connection-banner{padding:9px 20px;font-size:12px;background:#353022;color:#d7c59f;text-align:center}.error-banner{display:flex;gap:10px;align-items:center;padding:10px 22px;background:#382629;color:#edb5b8;font-size:13px;line-height:1.5}.error-banner>span{flex:1}.error-banner>svg{flex-shrink:0}.error-inline{color:var(--red)!important;font-size:13px}.welcome{max-width:760px;margin:50px auto 30px}.intro-symbol{color:var(--accent);font-size:45px;font-weight:300;line-height:1}.welcome .eyebrow{margin:24px 0 16px;font-size:10px;color:#a59d93}.welcome h2{font-size:36px;font-weight:450;letter-spacing:-1.4px;line-height:1.25;margin:0 0 18px}.welcome>p:not(.eyebrow){font-size:15px;max-width:410px;color:#9da5b2;line-height:1.7;margin-bottom:32px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-grid>button{min-height:85px;padding:17px;text-align:left;justify-content:flex-start;background:#202329;border-color:#333840;border-radius:13px}.project-icon{color:#c4af97;margin-right:5px;display:flex}.project-grid>button>span:nth-child(2){display:grid;gap:6px;flex:1;min-width:0}.project-grid strong{font-weight:500;font-size:14px;overflow-wrap:anywhere}.project-grid small{font-size:12px;color:#929ba9}.project-grid>button>svg{color:#727b89;flex-shrink:0}.chat-intro{margin:65px 0 40px;text-align:center}.chat-intro .intro-symbol{font-size:34px}.chat-intro h2{font-size:26px;font-weight:450;letter-spacing:-.7px;margin:20px 0 10px}.chat-intro p{font-size:14px;color:var(--muted)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:55px;color:var(--muted);font-size:14px}.loading.full{height:100dvh}.recording-panel{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:#292d34;border:1px solid #565049;border-radius:17px;padding:20px;box-shadow:0 10px 50px #0008;z-index:6}.recording-top{display:flex;gap:9px;align-items:center;font-size:14px}.record-time{margin-left:auto;font-variant-numeric:tabular-nums;color:#adb6c3;font-size:13px}.record-dot{width:8px;height:8px;border-radius:50%;background:#e5a26e;animation:pulse 1.5s infinite}.recording-panel p{font-size:13px;color:#aeb6c1;margin:12px 0}.recording-panel audio{width:100%;height:40px;margin:8px 0}.waveform{display:flex;gap:4px;height:45px;align-items:center;justify-content:center;margin-top:10px;overflow:hidden}.waveform i{width:3px;background:#d9aa7e;border-radius:2px;height:14px;animation:wave .8s ease-in-out infinite alternate}.waveform i:nth-child(3n){height:27px;animation-delay:.3s}.waveform i:nth-child(4n){height:35px;animation-delay:.6s}@keyframes wave{to{height:7px;opacity:.5}}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 50% 0%,#34302b,transparent 60%),var(--bg)}.login-card{width:100%;max-width:370px}.login-card .brand-mark{width:49px;height:49px;border-radius:15px;margin-bottom:35px}.login-card h1{font-size:32px;letter-spacing:-1px;font-weight:550;margin:12px 0}.login-description{color:var(--muted);font-size:16px;margin:16px 0 32px}.login-card label{font-size:13px;margin:0 0 16px}.login-card input{width:100%;margin-top:4px;height:49px}.login-card>.primary{width:100%;height:48px;justify-content:space-between}.login-footer{font-size:12px;color:#8f98a5;display:flex;align-items:center;gap:7px;margin-top:24px}.drawer-backdrop{display:none}@media(min-width:1500px){.sidebar{width:310px}.welcome{margin-top:95px}}@media(max-width:900px){.sidebar{width:252px}.topbar{padding:16px 22px}.topbar>.status{display:none}.chat-scroll{padding-left:22px;padding-right:22px}.welcome h2{font-size:30px}.project-grid{grid-template-columns:1fr}.welcome{margin-top:35px}.settings-panel{padding:16px 22px}}@media(max-width:680px){.mobile-only{display:inline-flex}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,315px);z-index:20;transform:translate(-100%);transition:transform .2s;padding-top:max(20px,env(safe-area-inset-top))}.sidebar.open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#0008;border:0;border-radius:0}.topbar{min-height:76px;padding:12px;padding-top:max(12px,env(safe-area-inset-top));gap:7px}.topbar h1{font-size:14px}.topbar .project-crumb{font-size:11px;margin-bottom:5px}.topbar>.icon-button[title="Rename conversation"]{display:none}.chat-scroll{padding:22px 18px 15px}.user-message{padding:12px 16px;max-width:92%;font-size:16px;margin-bottom:24px}.assistant-message{font-size:16px;line-height:1.75}.commentary-message{font-size:14px}.composer-wrap{padding:7px 12px max(12px,env(safe-area-inset-bottom))}.composer{border-radius:18px;padding:13px 13px 9px}.composer textarea{min-height:43px}.composer-note{font-size:10px;padding:0 9px}.composer-context{font-size:12px;max-width:55%}.composer-model{display:none}.composer-actions{gap:5px}.welcome{margin:40px auto 20px;max-width:420px}.welcome h2{font-size:30px;letter-spacing:-1px}.welcome>p:not(.eyebrow){font-size:14px;margin-bottom:27px}.project-grid{grid-template-columns:1fr}.project-grid>button{min-height:76px}.chat-intro{margin:65px 0 35px}.chat-intro h2{font-size:25px}.request-card{padding:17px;margin:18px 0}.request-card .button-row>button{flex:1 1 auto;min-height:42px}.activity summary{font-size:12px}.settings-panel{padding:14px;gap:12px}.settings-panel label{min-width:130px}.settings-panel p{max-width:none;flex-basis:100%}.settings-panel button{font-size:12px}.recording-panel{padding:17px;bottom:calc(100% + 8px)}.recording-panel .button-row>button{min-height:43px}.error-banner{padding:10px 15px}.error-banner .icon-button{width:30px}.sidebar-bottom{padding-bottom:max(18px,env(safe-area-inset-bottom))}.jump-latest{bottom:165px}.markdown pre{padding:13px}.markdown table{font-size:13px}.markdown td,.markdown th{padding:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}