:root{--bg: #111;--panel: #181818;--panel-2: #222;--border: #2c2c2c;--text: #eaeaea;--muted: #9a9a9a;--accent: #f0b35a;--danger: #e5534b;--ok: #4caf7d;--user: #2b3a55;--sidebar-w: 280px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{height:100dvh}body{background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:600}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button.ghost{background:transparent;border-color:transparent}input,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;width:100%}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0}code,pre{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{margin:0;white-space:pre-wrap;word-break:break-word}.muted{color:var(--muted)}.small{font-size:12px}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--panel)}.topbar .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.menu-btn{display:none}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(85vw,var(--sidebar-w));z-index:20;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:0 0 0 100vw #00000080}.menu-btn{display:inline-block}}.sb-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border)}.sb-body{overflow:auto;flex:1;padding:.5rem}.project{margin-bottom:.75rem}.project h4{margin:.25rem;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.sess{display:block;width:100%;text-align:left;padding:.5rem .6rem;border-radius:8px;background:transparent;border:1px solid transparent}.sess:hover{background:var(--panel-2)}.sess.active{background:var(--panel-2);border-color:var(--border)}.sess-row{display:flex;align-items:stretch;gap:.15rem}.sess-row .sess{flex:1;min-width:0}.sess-del{padding:0 .4rem;opacity:.5}.sess-del:hover,.sess-row.active .sess-del{opacity:1}.sess .t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem;background:var(--muted)}.dot.running{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot.error{background:var(--danger)}.chat{flex:1;overflow:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.node{max-width:100%}.bubble{padding:.6rem .8rem;border-radius:12px;background:var(--panel);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word}.node.user{align-self:flex-end;max-width:85%}.node.user .bubble{background:var(--user);border-color:#3a4d70}.node.text .bubble{background:transparent;border-color:transparent;padding:.2rem .1rem}.node.thinking .bubble{color:var(--muted);font-style:italic;border-style:dashed}.node.system .bubble{color:var(--muted);font-size:13px}.node.result .bubble{color:var(--danger);font-size:13px}.node.init .bubble{color:var(--muted);font-size:12px;border:0;padding:0}.tool{border:1px solid var(--border);border-radius:10px;background:var(--panel)}.tool>summary{list-style:none;cursor:pointer;padding:.5rem .7rem;display:flex;gap:.5rem;align-items:center}.tool>summary::-webkit-details-marker{display:none}.tool .name{font-weight:600;font-family:ui-monospace,Menlo,monospace;font-size:13px}.tool .sum{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.tool .body{border-top:1px solid var(--border);padding:.5rem .7rem;display:grid;gap:.5rem}.tool pre{background:#0d0d0d;padding:.5rem;border-radius:6px;max-height:40vh;overflow:auto}.tool.agent{border-color:#3a3a5a}.tool.agent .children{display:flex;flex-direction:column;gap:.4rem;padding-left:.5rem;border-left:2px solid #3a3a5a}.badge{font-size:11px;padding:.1rem .4rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.err{color:var(--danger);border-color:var(--danger)}.badge.run{color:var(--accent);border-color:var(--accent)}.delta{color:var(--text);opacity:.85}.load-earlier{align-self:center}.composer{display:flex;gap:.5rem;padding:.5rem .75rem calc(.5rem + var(--safe-b));border-top:1px solid var(--border);background:var(--panel);align-items:flex-end}.composer textarea{resize:none;min-height:44px;max-height:40vh}.composer{position:relative}.slash-menu{position:absolute;left:.75rem;right:.75rem;bottom:100%;margin-bottom:.25rem;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;max-height:50vh;overflow:auto;z-index:40;box-shadow:0 8px 24px #0006}.slash-item{display:grid;gap:.1rem;padding:.45rem .7rem;cursor:pointer;border-bottom:1px solid var(--border)}.slash-item:last-child{border-bottom:0}.slash-item.active,.slash-item:hover{background:var(--user)}.slash-name{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}.slash-hint{color:var(--muted)}.slash-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-session{position:relative;display:grid;gap:.4rem;margin:.25rem}.slash-dock{padding:.75rem;overflow:auto}.slash-dock:empty{display:none}.slash-menu.docked{position:static;margin:0;max-height:70vh;box-shadow:none}.slash-menu.docked .slash-desc{white-space:normal}.slash-head{padding:.4rem .7rem;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0}.modal.dirpick{gap:.5rem}.crumbs{display:flex;align-items:center;gap:.15rem;font-size:13px;overflow-x:auto;white-space:nowrap}.crumbs button{min-height:32px}.dirlist{display:flex;flex-direction:column;gap:.15rem;max-height:50vh;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:.25rem}.dir{display:flex;justify-content:space-between;gap:.5rem;text-align:left;background:transparent;border:1px solid transparent;padding:.6rem;min-height:44px}.dir:hover{background:var(--panel-2)}.dir.ro{opacity:.55}.dir.reg{border-color:var(--border)}.dir.up{color:var(--muted)}.dirpick-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.modal-bg{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:50}@media(min-width:800px){.modal-bg{align-items:center}}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px 14px 0 0;width:min(720px,100%);max-height:90vh;overflow:auto;padding:1rem;display:grid;gap:.75rem}@media(min-width:800px){.modal{border-radius:14px}}.modal h3{margin:0;display:flex;align-items:center;gap:.5rem}.modal pre{background:#0d0d0d;padding:.6rem;border-radius:8px;max-height:45vh;overflow:auto}.modal .actions{display:flex;gap:.5rem;justify-content:flex-end}.login{min-height:100%;display:grid;place-items:center;padding:1rem}.login form{width:min(380px,100%);display:grid;gap:.75rem;background:var(--panel);padding:1.25rem;border:1px solid var(--border);border-radius:14px}.error{color:var(--danger);font-size:13px}.conn{font-size:12px;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.conn.open{color:var(--ok);border-color:var(--ok)}.conn.reconnecting,.conn.connecting{color:var(--accent);border-color:var(--accent)}.conn.offline,.conn.unauthorized{color:var(--danger);border-color:var(--danger)}.toast{position:fixed;left:50%;bottom:calc(80px + var(--safe-b));transform:translate(-50%);background:var(--panel-2);border:1px solid var(--border);padding:.5rem .9rem;border-radius:10px;z-index:60;max-width:90vw}.empty{flex:1;display:grid;place-items:center;color:var(--muted);padding:2rem;text-align:center}.statusbar{display:flex;flex-wrap:wrap;gap:.25rem 1rem;padding:.3rem .75rem;border-bottom:1px solid var(--border);background:var(--panel);font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}.sb-item.model{color:#6cb6ff}.sb-select{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1px dotted #6cb6ff;color:#6cb6ff;font:inherit;padding:0 .1rem;cursor:pointer;max-width:40vw}.sb-select:disabled{opacity:.5;cursor:default}.sb-caret{color:#6cb6ff;margin-left:.1rem}.sb-item.perm .sb-select,.sb-item.perm .sb-caret{color:var(--muted);border-color:var(--muted)}.sb-item.perm.edits .sb-select,.sb-item.perm.edits .sb-caret{color:var(--accent);border-color:var(--accent)}.sb-item.perm.bypass{background:#e5534b26;border-radius:6px;padding:0 .3rem}.sb-item.perm.bypass .sb-select,.sb-item.perm.bypass .sb-caret{color:var(--danger);border-color:var(--danger);font-weight:600}.sb-item.model{cursor:pointer}.sb-select option{background:var(--panel-2);color:var(--text)}.sb-item .sb-bar{color:var(--ok);letter-spacing:-1px}.sb-item.warn,.sb-item.warn .sb-bar{color:var(--accent)}.sb-item.danger,.sb-item.danger .sb-bar{color:var(--danger)}.sb-item.git{color:#c792ea}.sb-item .add{color:var(--ok)}.sb-item .del{color:var(--danger)}