:root{--bg:#f7f7f5;--panel:#fff;--text:#1d1d1f;--muted:#6b6b70;--border:#e3e3e0;--accent:#2f5bea;--accent-text:#fff;--user-bg:#eef2ff;--error:#b42318;--error-bg:#fef0ef;--ok:#1f8a4c;--warn:#b26a00;--code-bg:#f2f2ef;--claude:#c2622d;--codex:#10a37f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#131315;--panel:#1b1b1e;--text:#ececef;--muted:#9a9aa2;--border:#2c2c31;--accent:#6d8dff;--accent-text:#0d0d10;--user-bg:#232842;--error:#ff8a80;--error-bg:#3a1d1b;--ok:#4cc38a;--warn:#e6a23c;--code-bg:#232327;--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);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:6px;padding:6px 12px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.ghost{background:0 0}button.link{color:var(--accent);text-align:left;background:0 0;border:0;padding:0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px}.banner{border-radius:6px;margin:8px 16px;padding:8px 12px}.banner.error{background:var(--error-bg);color:var(--error)}.empty{color:var(--muted);text-align:center;padding:32px}.login{flex-direction:column;gap:12px;max-width:320px;margin:18vh auto;padding:0 16px;display:flex}.login h1{margin:0 0 8px;font-size:22px}.login input{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:8px 10px}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:4px;padding:8px 16px;display:flex}.brand{margin-right:16px;font-weight:600}.tab{color:var(--muted);background:0 0;border:0}.tab.active{color:var(--text);background:var(--bg)}.spacer{flex:1}.split{flex:1;min-height:0;display:flex}.content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;width:280px;min-height:0;display:flex}.new{gap:8px;padding:12px;display:flex}.new button{flex:1}.session-list{margin:0;padding:0 8px 8px;list-style:none;overflow:auto}.item{text-align:left;background:0 0;border:0;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:8px;display:flex}.item:hover{background:var(--bg)}.item.selected{background:var(--user-bg)}.item-top{align-items:center;gap:8px;min-width:0;display:flex}.item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-meta{align-items:center;gap:8px;padding-left:16px;font-size:12px;display:flex}.dot{background:var(--border);border-radius:50%;flex:none;width:8px;height:8px}.dot-active{background:var(--ok)}.dot-starting,.dot-stopping{background:var(--warn)}.badge{border:1px solid;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.provider-claude{color:var(--claude)}.provider-codex{color:var(--codex)}.status{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1px 8px;font-size:12px}.status-active{color:var(--ok)}.status-starting,.status-stopping{color:var(--warn)}.status-stopped{color:var(--muted)}.session{flex-direction:column;height:100%;min-height:0;display:flex}.session-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.session-title{align-items:center;gap:10px;min-width:0;display:flex}.session-title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.session-actions{flex:none;align-items:center;gap:10px;display:flex}.transcript{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow:auto}.msg{white-space:pre-wrap;word-break:break-word;max-width:860px}.msg.user{background:var(--user-bg);border-radius:10px;align-self:flex-end;padding:8px 12px}.msg.failed{color:var(--error)}.meta{color:var(--muted);font-size:12px}.working{color:var(--muted);font-style:italic}.reasoning{color:var(--muted);max-width:860px}.reasoning>div{white-space:pre-wrap;padding:4px 0 0 14px}.reasoning summary,.tool summary{cursor:pointer}.tool{border:1px solid var(--border);background:var(--panel);border-radius:6px;max-width:860px}.tool summary{align-items:baseline;gap:8px;min-width:0;padding:4px 10px;display:flex}.tool-name{flex:none;font-size:12px;font-weight:600}.tool-input{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px;overflow:hidden}.tool.running .tool-name:after{content:" …";color:var(--warn)}.tool.error .tool-name{color:var(--error)}.tool-detail{border-top:1px solid var(--border);background:var(--code-bg);white-space:pre-wrap;word-break:break-word;max-height:360px;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.composer{border-top:1px solid var(--border);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.composer textarea{resize:vertical;border:1px solid var(--border);background:var(--panel);border-radius:6px;flex:1;min-height:44px;padding:8px 10px}.control{flex-direction:column;gap:16px;padding:16px;display:flex}.control>p{margin:0}.host{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.host header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.host h3{margin:0;font-size:15px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid var(--border);vertical-align:top;padding:6px 8px}th{color:var(--muted);font-size:12px;font-weight:500}@media (width<=720px){.split{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:auto;max-height:40vh}}