:root{--bg:#f6f7f9;--surface:#fff;--line:#e3e6eb;--text:#14161a;--muted:#6b7280;--accent:#c8643f;--accent-text:#fff;--danger:#c0392b;--radius:14px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#181b22;--line:#262a33;--text:#eef0f4;--muted:#8b92a3;--accent:#d97757;--accent-text:#14161a;--danger:#ef6b5b;--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-tap-highlight-color:transparent;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;line-height:1.2}.muted{color:var(--muted)}.splash{height:100%}.brand{align-items:center;gap:12px;display:flex}.brand h1{font-size:22px}.brand p{margin:2px 0 0;font-size:14px}.brand-mark{background:var(--accent);width:40px;height:40px;color:var(--accent-text);border-radius:10px;place-items:center;font:700 16px ui-monospace,monospace;display:grid}.brand.small .brand-mark{border-radius:8px;width:30px;height:30px;font-size:13px}.login{place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{gap:18px;width:100%;max-width:380px;display:grid}label{color:var(--muted);gap:6px;font-size:14px;display:grid}input{height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 14px;font-size:17px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.primary,.secondary{height:var(--tap);border:0;border-radius:12px;padding:0 18px;font-weight:600}.primary{background:var(--accent);color:var(--accent-text)}.primary:disabled{opacity:.6}.secondary{border:1px solid var(--line);background:0 0}.error{color:var(--danger);margin:0;font-size:14px}.shell{grid-template-rows:auto 1fr auto;height:100%;display:grid}.sidebar{display:none}.topbar{padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.topbar h2{font-size:20px}.avatar{background:var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:600;display:grid}.content{padding:16px;overflow-y:auto}.tabbar{border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.tab{min-height:56px;color:var(--muted);background:0 0;border:0;align-content:center;justify-items:center;gap:2px;font-size:12px;display:grid}.tab-icon{font-size:20px;line-height:1}.tab.active{color:var(--accent);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.card p{margin:0}.empty{text-align:center;max-width:420px;margin:0 auto;padding:48px 12px}.empty h3{margin-bottom:8px;font-size:18px}.empty p{margin:0 0 8px}.soon{color:var(--accent);font-size:13px}@media (width>=900px){.shell{grid-template-rows:auto 1fr;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;grid-row:1/3;gap:20px;padding:18px 12px;display:flex}.sidebar nav{gap:4px;display:grid}.nav-item{text-align:left;background:0 0;border:0;border-radius:10px;gap:10px;padding:10px 12px;display:flex}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--bg);font-weight:600}.sidebar-user{margin-top:auto;padding:0 12px;font-size:14px}.topbar{padding-top:14px}.topbar .avatar,.tabbar{display:none}.content{padding:24px}}.stack{align-content:start;gap:14px;max-width:720px;display:grid}.small{font-size:13px}.mono{word-break:break-all;font-family:ui-monospace,monospace}h4{color:var(--muted);margin:8px 0 0;font-size:15px;font-weight:600}.list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.list>li+li{border-top:1px solid var(--line)}.row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 16px;display:flex}.row.static{cursor:default}.row-main{flex:1;gap:2px;min-width:0;display:grid}.chevron{color:var(--muted);font-size:22px}.fab{position:sticky;bottom:12px}.back{color:var(--accent);background:0 0;border:0;justify-self:start;min-height:44px;padding:8px 0;font-size:16px}.segmented{background:var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented button{background:0 0;border:0;border-radius:10px;min-height:42px;font-weight:500}.segmented button.active{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #00000014}select{height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 12px;font-size:17px}.check{color:var(--text);align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.check input{width:22px;height:22px}.link{background:0 0;border:0;min-height:44px;padding:10px 4px}.link.danger{color:var(--danger)}.agent-dot{border-radius:50%;flex:none;width:10px;height:10px}.agent-dot.claude,.agent-badge.claude{background:#d97757}.agent-dot.codex,.agent-badge.codex{background:#10a37f}.agent-badge{color:#fff;background:var(--muted);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.segmented.two{grid-template-columns:1fr 1fr}.chat-content{padding:0;overflow:hidden}.chat{flex-direction:column;height:100%;display:flex}.chat-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;display:flex}.offline{color:var(--danger)}.feed{flex:1;min-height:0;padding:16px;overflow-y:auto}.feed-content{flex-direction:column;gap:10px;display:flex}.latest-messages{flex-shrink:0;align-self:center;margin:4px 0}.center{text-align:center;margin-top:32px}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:88%;padding:10px 14px}.bubble.user{background:var(--surface);border:1px solid var(--line);align-self:flex-start}.bubble.user.own{background:var(--accent);color:var(--accent-text);border-color:#0000;align-self:flex-end}.bubble .author{opacity:.75;margin-bottom:2px;font-size:12px;font-weight:600;display:block}.bubble.agent{background:var(--surface);border:1px solid var(--line);align-self:flex-start}.bubble.streaming{opacity:.85}.working{color:var(--muted);margin:0;font-size:14px}.tools{align-self:flex-start;font-size:14px}.tools-sum{color:var(--muted);background:0 0;border:0;min-height:36px;padding:6px 0}.tools ul{gap:4px;margin:0;padding:0 0 0 4px;list-style:none;display:grid}.tools code{color:var(--muted);word-break:break-all;font-size:12px}.good{color:#1f9d55}.bad{color:var(--danger)}.approval{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);gap:8px;padding:12px 14px;display:grid}.approval-detail{background:var(--bg);white-space:pre-wrap;word-break:break-all;border-radius:8px;padding:8px;font-size:13px}.approval-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.notice{color:var(--muted);text-align:center;margin:0;font-size:14px}.notice.error{color:var(--danger)}.chat-error{padding:0 16px}.composer{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;field-sizing:content;border:1px solid var(--line);background:var(--bg);min-height:44px;max-height:40vh;font:inherit;color:var(--text);border-radius:22px;flex:1;padding:10px 14px;font-size:17px}.composer .send,.composer .stop{border-radius:50%;flex:none;width:44px;height:44px;padding:0;font-size:18px}.composer .stop{border:1px solid var(--line);background:var(--surface);color:var(--danger)}.shell.in-chat .tabbar{display:none}@media (width>=900px){.shell.in-chat{grid-template-rows:auto 1fr}}.approval{overflow-wrap:anywhere;min-width:0;max-width:100%}.approval-detail{overflow-x:auto}.md-pre{background:var(--bg);white-space:pre;border-radius:8px;margin:8px 0;padding:10px;font-size:13px;overflow-x:auto}.md-code{background:var(--bg);border-radius:5px;padding:1px 5px;font-size:.9em}.bubble.user.own .md-code{background:#00000026}.feed>*{min-width:0}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol{margin:0 0 8px}.md ul,.md ol{padding-left:22px}.md h1,.md h2,.md h3,.md h4{margin:12px 0 6px;font-size:1.05em}.md blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0 0 8px;padding-left:10px}.md a{color:var(--accent)}.md-table{margin:0 0 8px;overflow-x:auto}.md table{border-collapse:collapse;font-size:14px}.md th,.md td{border:1px solid var(--line);text-align:left;padding:4px 8px}.md th{background:var(--bg)}.bubble.agent{white-space:normal}.mermaid-box{gap:4px;margin:8px 0;display:grid}.mermaid-svg{background:var(--bg);cursor:zoom-in;border:0;border-radius:8px;width:100%;padding:8px;display:block;overflow-x:auto}.mermaid-actions{gap:16px;display:flex}.mermaid-svg svg{max-width:100%;height:auto}.model-picker{min-width:0}.model-picker select{width:100%;min-width:0}.chat>.model-picker{flex-shrink:0;padding:.5rem 1rem}.chat-head,.composer,.chat-error{flex-shrink:0}.chat-title{overflow-wrap:anywhere;min-width:0}.rename-chat{flex-wrap:wrap;gap:8px;width:100%;display:flex}.rename-chat label{flex:100%;min-width:0}.limit-pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:32px;margin-left:auto;padding:4px 10px;font-size:13px}.limit-pill.ok{color:var(--muted)}.limit-pill.warn{color:#b7791f;border-color:#e3b341}.limit-pill.bad{color:var(--danger);border-color:var(--danger);font-weight:600}.limit-pill.unknown{color:var(--muted)}.chat-limits{flex-basis:100%}.limits-card{gap:10px}.limits-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.limit-row{gap:4px;display:grid}.limit-top{justify-content:space-between;gap:8px;display:flex}.bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:#1f9d55;border-radius:4px;height:100%}.bar-fill.warn{background:#e3b341}.bar-fill.bad{background:var(--danger)}.limits-card .error{margin:0}.chat-image{flex-direction:column;gap:6px;max-width:100%;margin:8px 0;display:flex}.chat-image img{object-fit:contain;border-radius:8px;max-width:100%;height:auto;max-height:480px;display:block}.image-actions{flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.image-error{border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:10px;display:block}.image-error button{display:block}.attach{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:none;width:44px;height:44px;padding:0;font-size:18px}.pending{border-top:1px solid var(--line);background:var(--surface);gap:8px;padding:8px 12px 0;display:grid}.pending-list{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.pending-item{flex:none;gap:4px;width:88px;font-size:11px;display:grid;position:relative}.pending-item img,.pending-item .file-icon{object-fit:cover;border:1px solid var(--line);background:var(--bg);border-radius:10px;place-items:center;width:88px;height:64px;font-size:28px;display:grid}.pending-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-remove{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:26px;height:26px;padding:0;font-size:16px;line-height:1;position:absolute;top:-6px;right:-6px}.save-to-project{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.save-to-project .check{min-height:36px;font-size:14px}.save-dir{flex:1;min-width:140px;height:36px;font-size:15px}.sent-attachments{gap:6px;margin-top:6px;display:grid}.sent-images{flex-wrap:wrap;gap:6px;display:flex}.sent-images img{object-fit:cover;background:var(--bg);border-radius:10px;width:120px;height:90px;display:block}.file-chip{color:inherit;word-break:break-all;background:#0000000f;border-radius:10px;padding:6px 10px;font-size:14px;text-decoration:none;display:inline-block}.bubble.user.own .file-chip{background:#00000026}.saved-note{opacity:.8;font-size:12px}.bubble.user.own .muted{color:inherit;opacity:.8}.feed.loading{visibility:hidden}.shell.in-chat .topbar{display:none}.shell.in-chat{grid-template-rows:1fr}.chat-head{padding:calc(env(safe-area-inset-top) + 6px) 10px 8px;background:var(--surface);flex-wrap:nowrap;gap:8px}.icon-btn{background:var(--bg);width:38px;height:38px;color:var(--text);border:0;border-radius:50%;flex:none;padding:0;font-size:20px;line-height:1}.chat-title-block{flex:1;min-width:0;display:grid}.chat-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.chat-sub{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.chat-sub .agent-dot{width:8px;height:8px}.chat-head .limit-pill{flex:none;margin-left:0}.chat-head .offline{top:calc(env(safe-area-inset-top) + 50px);text-align:center;background:var(--surface);padding:2px;position:absolute;left:0;right:0}.composer{margin:6px 10px calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface);border-radius:22px;gap:6px;padding:8px 8px 6px;display:grid}.composer textarea{background:0 0;border:0;border-radius:0;min-height:36px;padding:6px 8px}.composer textarea:focus{outline:none}.composer-row{align-items:center;gap:8px;display:flex}.composer-spacer{flex:1}.composer .attach,.composer .send,.composer .stop{width:38px;height:38px}.composer .attach{font-size:22px;line-height:1}.model-pill{border:1px solid var(--line);background:var(--surface);white-space:nowrap;text-overflow:ellipsis;border-radius:19px;max-width:55vw;height:38px;padding:0 12px;font-size:14px;overflow:hidden}.model-pill small{color:var(--muted)}.pending{background:0 0;border-top:0}.sheet-layer{z-index:50;align-items:end;display:grid;position:fixed;inset:0}.sheet-dim{background:#00000080;position:absolute;inset:0}.sheet{background:var(--surface);padding:10px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;gap:12px;max-height:80vh;display:grid;position:relative;overflow-y:auto}.sheet-grab{background:var(--line);border-radius:3px;justify-self:center;width:40px;height:5px}.sheet h3{font-size:17px}.sheet-options{gap:8px;display:grid}.sheet-option{background:var(--bg);text-align:left;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-size:16px;display:flex}.sheet-option small{color:var(--muted);font-size:12px;display:block}.sheet-option.selected{border-color:#10a37f}.sheet-option .check{color:#10a37f;font-weight:800}.sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet .limits-card{background:0 0;border:0;padding:0}.limit-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}@media (width>=900px){.sheet-layer{place-items:center}.sheet{border-radius:18px;width:440px}.shell.in-chat{grid-template-rows:1fr}.shell.in-chat .sidebar{grid-row:1/-1}}.sheet .limits-head .agent-badge{display:none}