:root{--bg: #f2f3f5;--side: #f6f7f8;--card: #ffffff;--panel: #fafafa;--layer: #eef0f2;--border: rgba(0, 0, 0, .08);--border2: rgba(0, 0, 0, .14);--text: #18181b;--text2: #3f3f46;--text3: #52525b;--muted: #71717a;--faint: #a1a1aa;--accent: #0169cc;--green: #00a240;--red: #ba2623;--orange: #b45309;--claude: #7c5cd6;--shadow-card: 0 0 0 .5px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .06);--shadow-pop: 0 0 0 1px rgba(0, 0, 0, .06), 0 8px 28px rgba(0, 0, 0, .16)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;color:inherit}.app{height:100%;display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto;min-height:0}.connect{margin:auto;width:min(400px,92vw);padding-top:14vh;display:flex;flex-direction:column;gap:12px;text-align:center}.connect .logo{font-size:42px}.connect h1{font-size:26px;font-weight:800;letter-spacing:-.3px}.connect .tag{color:var(--muted);font-size:13.5px;margin-bottom:10px}.connect .card{background:var(--card);border-radius:16px;box-shadow:var(--shadow-card);padding:20px 18px;display:flex;flex-direction:column;gap:12px}.connect label{text-align:left;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.connect input{background:var(--panel);border:1px solid var(--border2);border-radius:10px;padding:12px 13px;color:var(--text);font-size:15px;width:100%}.connect input:focus{outline:none;border-color:var(--accent)}.connect .cta{background:var(--accent);border:none;border-radius:999px;padding:13px;color:#fff;font-size:15px;font-weight:700;margin-top:4px}.connect .cta:disabled{opacity:.4}.connect .err{color:var(--red);font-size:12.5px}.hdr{display:flex;align-items:center;gap:10px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:#f6f7f8eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.hdr h1{font-size:17px;font-weight:700;flex:1;min-width:0}.hdr .sub{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:1px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);width:30px;height:30px;border-radius:9px;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text2)}.pill{font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--layer);color:var(--muted);white-space:nowrap}.pill.ok{color:var(--green);background:#e5f5ea}.pill.bad{color:var(--red);background:#fbe9e8}.grp{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:16px 18px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grp.path{text-transform:none;font-family:ui-monospace,SF Mono,monospace;letter-spacing:0}.cardlist{padding:10px 14px;display:flex;flex-direction:column;gap:10px}.cardlist.tight{padding:8px 12px;gap:8px}.devcard{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:none;border-radius:14px;box-shadow:var(--shadow-card);padding:14px;transition:transform .06s ease}.devcard:active{transform:scale(.985)}.devcard:hover:not(:disabled){background:#fcfcfd}.devcard:disabled{opacity:.55}.devcard.sel{box-shadow:0 0 0 2px var(--accent),var(--shadow-card)}.ic{width:40px;height:40px;border-radius:50%;background:var(--layer);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.ic.sm{width:32px;height:32px;font-size:15px}.col{flex:1;min-width:0;display:flex;flex-direction:column}.nm{display:block;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub2{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex-shrink:0}.dot.on{background:var(--green)}section{background:var(--card);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden;margin:6px 14px}.row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--card);border:none;border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}section .row:last-child{border-bottom:none}.row:hover{background:#fafbfc}.row.sel{box-shadow:inset 3px 0 0 var(--accent);background:#f6faff}.sym{width:28px;height:28px;border-radius:50%;background:#f1edfb;color:var(--claude);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.badge{background:var(--layer);color:var(--muted);font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:999px;flex-shrink:0}.empty{color:var(--muted);font-size:13px;text-align:center;padding:48px 24px;line-height:1.7}.empty.sm{padding:18px 12px;font-size:12px}.empty.center{margin:auto}.empty .big{font-size:36px;display:block;margin-bottom:8px}code.snippet{display:block;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:9px 11px;margin-top:10px;font-family:ui-monospace,SF Mono,monospace;font-size:10.5px;color:var(--text3);text-align:left;word-break:break-all}.desk{display:grid;grid-template-columns:340px 1fr;height:100%}.side{border-right:1px solid var(--border);background:var(--side);display:flex;flex-direction:column;min-height:0}.side-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.side-logo{font-size:16px;font-weight:800}.side-scroll{flex:1;overflow-y:auto;min-height:0;padding-bottom:20px}.main{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.pane{display:flex;flex-direction:column;height:100%;min-height:0}.hud{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:8px 16px;background:var(--side);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--card);box-shadow:var(--shadow-card);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:600;color:var(--text2)}.chip .k{color:var(--faint);font-weight:500}.chip.agent{color:var(--claude)}.chip.git{color:var(--green)}.chip.ctx{color:var(--accent)}.chip.quota{color:var(--orange)}.stream{flex:1;overflow-y:auto;padding:14px 16px 18px;display:flex;flex-direction:column;gap:13px;min-height:0}.stream>*{flex-shrink:0}.ma{align-self:stretch;max-width:100%;color:var(--text2);font-size:14px;line-height:1.6;word-break:break-word}.mu{align-self:flex-end;max-width:82%;background:var(--layer);border-radius:18px;padding:10px 14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.thinking{border-left:2px solid var(--border2);padding:2px 0 2px 10px;color:var(--muted);font-size:12.5px;font-style:italic;line-height:1.5}.toolcard{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;align-self:stretch}.toolcard.err{border-color:#e2555580}.toolhead{display:flex;align-items:center;gap:7px;width:100%;text-align:left;background:none;border:none;padding:8px 11px;font-family:ui-monospace,SF Mono,monospace;font-size:11.5px}.toolhead .chev{color:var(--faint);font-size:10px;transition:transform .12s}.toolhead .chev.open{transform:rotate(90deg)}.toolhead .tname{color:var(--text);font-weight:700;white-space:nowrap}.toolhead .targ{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.toolhead .st{margin-left:auto;flex-shrink:0}.toolhead .st.ok{color:var(--green)}.toolhead .st.bad{color:var(--red)}.toolhead .st.run{color:var(--faint)}.toolbody{border-top:1px solid var(--border);padding:9px 11px}.toolbody pre{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.5;overflow-x:auto;font-family:ui-monospace,SF Mono,monospace;color:var(--text3);white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto}.toolbody .lbl{font-size:10px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:6px 0 4px}.toolbody .lbl:first-child{margin-top:0}.inbar{display:flex;gap:8px;align-items:center;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:transparent}.inb{flex:1;background:var(--card);box-shadow:var(--shadow-pop);border-radius:25px;padding:12px 16px;color:var(--faint);font-size:13px}.gear{width:40px;height:40px;border-radius:50%;background:var(--card);border:none;box-shadow:var(--shadow-card);font-size:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.gear:active{transform:scale(.94)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--card);border-radius:20px 20px 0 0;width:100%;max-width:560px;padding:16px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom));box-shadow:var(--shadow-pop);max-height:80vh;overflow-y:auto}@media (min-width: 900px){.overlay{align-items:center}.sheet{border-radius:20px;width:480px}}.sheet-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-hdr h2{font-size:16px;font-weight:700}.x{background:var(--layer);border:none;width:28px;height:28px;border-radius:50%;font-size:13px;color:var(--muted)}.field{margin-bottom:14px}.field .lbl{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.seg{display:flex;background:var(--layer);border-radius:10px;padding:3px;gap:3px;flex-wrap:wrap}.segi{flex:1;min-width:90px;text-align:center;padding:8px 4px;border-radius:8px;border:none;background:none;font-size:12px;color:var(--muted);font-weight:600}.segi.on{background:var(--card);color:var(--text);box-shadow:var(--shadow-card)}.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.kv .v{font-weight:600}.ctxbar{height:6px;background:var(--layer);border-radius:3px;overflow:hidden;margin-top:6px}.ctxbar i{display:block;height:100%;background:var(--accent);border-radius:3px}.note{font-size:12px;color:var(--muted);background:var(--panel);border-radius:10px;padding:10px 12px;line-height:1.5}.tabbar{display:flex;border-top:1px solid var(--border);background:#f6f7f8f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:max(0px,env(safe-area-inset-bottom))}.tab{flex:1;text-align:center;padding:8px 0 9px;background:none;border:none;color:var(--faint);font-size:10px;font-weight:600}.tab .ti{font-size:17px;display:block;margin-bottom:2px}.tab.act{color:var(--accent)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#00000029;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00000047}::-webkit-scrollbar-track{background:transparent}.md{color:var(--text2)}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md pre,.md blockquote,.md table{margin:7px 0}.md h1,.md h2,.md h3,.md h4{margin:14px 0 6px;font-weight:700;color:var(--text);line-height:1.3}.md h1{font-size:18px;border-bottom:1px solid var(--border);padding-bottom:5px}.md h2{font-size:16px}.md h3{font-size:14.5px}.md h4{font-size:13.5px}.md ul,.md ol{padding-left:20px;display:flex;flex-direction:column;gap:3px}.md li>p{margin:0}.md code{background:var(--layer);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,monospace;font-size:12px;color:#0550ae;word-break:break-all}.md pre{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;overflow-x:auto}.md pre code{background:none;padding:0;color:var(--text3);word-break:normal;font-size:11.5px}.md a{color:var(--accent);text-decoration:none}.md a:hover{text-decoration:underline}.md blockquote{border-left:3px solid var(--border2);padding:2px 12px;color:var(--muted)}.md table{border-collapse:collapse;display:block;overflow-x:auto;font-size:12.5px}.md th,.md td{border:1px solid var(--border2);padding:5px 9px;text-align:left}.md th{background:var(--layer)}.md hr{border:none;border-top:1px solid var(--border);margin:12px 0}.md strong{color:var(--text)}@media (min-width: 900px){.stream{padding:20px 28px 24px}.ma,.toolcard,.thinking{max-width:780px}.inbar{padding:12px 28px 16px}.inb{max-width:720px}.hdr{padding:14px 24px}.hud{padding:8px 24px}}.composer{flex:1;display:flex;align-items:flex-end;gap:6px;background:var(--card);box-shadow:var(--shadow-pop);border-radius:25px;padding:7px 8px 7px 16px;max-width:720px}.composer textarea{flex:1;border:none;outline:none;resize:none;background:none;font-family:inherit;font-size:14px;line-height:1.45;color:var(--text);max-height:120px;padding:6px 0}.sendbtn{width:32px;height:32px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.sendbtn:disabled{opacity:.35}.micbtn{width:32px;height:32px;border-radius:50%;border:none;background:var(--layer);font-size:14px;flex-shrink:0}.micbtn.on{background:#fbe9e8;box-shadow:0 0 0 2px var(--red)}.apr{margin:0 14px 8px;background:var(--card);border:1px solid rgba(180,83,9,.45);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-pop);max-width:720px}.apr-h{background:#fdf3e3;color:var(--orange);font-size:12px;font-weight:700;padding:8px 13px}.apr-s{padding:10px 13px 4px;font-size:13.5px;font-weight:600}.apr-cmd{margin:6px 13px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:ui-monospace,SF Mono,monospace;font-size:11.5px;color:var(--text3);white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto}.apr-btns{display:flex;gap:8px;padding:10px 13px 12px;flex-wrap:wrap}.apr-b{flex:1;min-width:100px;border:1px solid var(--border2);background:var(--card);border-radius:999px;padding:9px 10px;font-size:12.5px;font-weight:600}.apr-b.ok{background:var(--green);border-color:var(--green);color:#fff}.apr-b.ses{background:var(--accent);border-color:var(--accent);color:#fff}.apr-b.no{color:var(--red);border-color:#ba262366}.apr-deny{display:flex;gap:8px;padding:10px 13px 12px}.apr-deny input{flex:1;border:1px solid var(--border2);border-radius:999px;padding:8px 13px;font-size:12.5px;outline:none}.newsess{display:flex;gap:8px;margin:6px 14px}.newbtn{flex:1;border:1px dashed var(--border2);background:none;color:var(--accent);border-radius:12px;padding:10px;font-size:12.5px;font-weight:600}.newbtn.go{background:var(--accent);border-style:solid;color:#fff;flex:0 0 auto;padding:10px 18px}.newsess input{flex:1;border:1px solid var(--border2);border-radius:12px;padding:9px 12px;font-size:12.5px;outline:none;font-family:ui-monospace,monospace}body{background:linear-gradient(160deg,#eef1f5,#f6f4f0 55%,#eef2f0)}.side{background:#f8f9fab8;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6)}.hdr{background:#f8f9fab3}.sheet,.popmenu{background:#ffffffd1;backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7)}.cardlist.tight{gap:6px}.cardlist.tight .devcard{padding:9px 10px;border-radius:11px}.nm{font-size:13px}.sub2{font-size:10.5px;margin-top:1px}.row{padding:6px 10px 6px 14px;font-size:12.5px;border-bottom:none}.sym{width:20px;height:20px;font-size:11px}.grp{padding:12px 16px 4px;font-size:10px}section{box-shadow:none;background:none;margin:0;border-radius:0}.row{background:none}.row:hover{background:#0000000b;border-radius:8px}.row.sel{background:#0169cc14;border-radius:8px;box-shadow:none}.when{font-size:10px;color:var(--faint);flex-shrink:0}.ws{margin:2px 6px}.ws-h{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12.5px;font-weight:600}.ws-h:hover{background:#0000000d}.ws-h .chev{font-size:8px;color:var(--faint);transition:transform .12s}.ws-h .chev.open{transform:rotate(90deg)}.ws-ic{font-size:12px}.ws-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-h .badge{font-size:9.5px;padding:1px 7px}.rowbtn{border:none;background:none;color:var(--faint);font-size:13px;width:22px;height:22px;border-radius:6px;flex-shrink:0;opacity:0;display:flex;align-items:center;justify-content:center}.ws-h:hover .rowbtn,.row:hover .rowbtn,.devcard:hover .rowbtn{opacity:1}.rowbtn:hover{background:#00000014;color:var(--text2)}@media (hover: none){.rowbtn{opacity:.7}}.menuwrap{position:relative;flex-shrink:0}.popmenu{position:absolute;right:0;top:26px;z-index:60;min-width:180px;border-radius:12px;box-shadow:var(--shadow-pop);padding:5px}.pm-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:8px;font-size:12.5px}.pm-item:hover{background:#0000000f}.pm-item.danger{color:var(--red)}.pm-ic{width:16px;text-align:center}.note-tag{display:inline-block;background:#fdf3e3;color:var(--orange);font-size:9.5px;font-weight:600;padding:1px 6px;border-radius:5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.inline-edit input{border:1px solid var(--accent);border-radius:6px;padding:2px 7px;font-size:12px;outline:none;width:150px;background:#fff}.loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:28px 16px;color:var(--muted);font-size:12.5px}.spin{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,0,0,.12);border-top-color:var(--accent);animation:fleetspin .8s linear infinite}@keyframes fleetspin{to{transform:rotate(360deg)}}.sym.codex{background:#e3f4ec;color:#0d9663}.chip.agent.codex{color:#0d9663}.hseg{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text3);font-weight:600}.hseg b{color:var(--text)}.hseg.git{color:var(--green)}.hseg .dim,.hseg.dim{color:var(--faint);font-weight:500}.hud{gap:4px 16px}.bar{display:inline-block;width:64px;height:7px;border-radius:4px;background:#0000001a;overflow:hidden;vertical-align:middle}.bar i{display:block;height:100%;border-radius:4px;background:var(--green)}.bar.warn i{background:var(--orange)}.bar.acc i{background:var(--accent)}.aicon{width:14px;height:14px;vertical-align:middle}.sym img{width:13px;height:13px}.sym{background:#fbeee8}.sym.codex{background:#e3f4ec}.ver{color:var(--faint);font-size:10px}.ver.old{color:var(--orange);font-weight:700}.sheet.picker{width:min(560px,94vw);max-height:76vh;display:flex;flex-direction:column}.quickrow{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.chip.qk{cursor:pointer;border:none;color:var(--accent);font-weight:600}.chip.qk:hover{background:#eaf2fc}.pathbar{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:8px}.back.sm{width:26px;height:26px;font-size:14px}.back.sm:disabled{opacity:.35}.curpath{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:11px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl}.newbtn.go.sm{padding:6px 12px;font-size:11.5px}.dirlist{flex:1;overflow-y:auto;min-height:160px;margin-top:4px}.dirrow{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:none;padding:8px;border-radius:8px;font-size:13px}.dirrow:hover{background:#0000000d}.dirrow .dico{font-size:14px}.dirrow .dname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirrow .darrow{color:var(--faint)}.dirrow.recent .dname{font-family:ui-monospace,monospace;font-size:11px;color:var(--text3)}.working{color:#d97757;font-size:13px;font-weight:600;padding:2px 4px}.working .dim{color:var(--faint);font-weight:500;font-size:12px}.tdot{font-size:9px;line-height:1}.tdot.ok{color:var(--green)}.tdot.run{color:var(--faint);animation:fleetpulse 1.2s ease-in-out infinite}.tdot.bad{color:var(--red)}@keyframes fleetpulse{50%{opacity:.3}}.bar.bad i{background:var(--red)}.agentpick{padding:10px 14px 0}.agentpick .seg{display:flex}