:root{--bg: #0f1115;--panel: #161a21;--panel-2: #1c2029;--line: #262c38;--fg: #e6e9ef;--fg-dim: #98a2b3;--accent: #6ea8fe;--error: #ff8080;--warn: #ffc86b;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{height:100dvh}body{background:var(--bg);color:var(--fg);font:15px/1.6 -apple-system,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overscroll-behavior:none;overflow:hidden}button{font:inherit;color:var(--fg);background:var(--accent);border:none;border-radius:var(--radius);padding:8px 14px;cursor:pointer;color:#0b1020;font-weight:600}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--fg-dim);border:1px solid var(--line);font-weight:400}input,textarea{font:inherit;color:var(--fg);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;width:100%}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.layout{display:grid;grid-template-columns:300px 1fr;height:100%}.layout>*{min-height:0}.boot,.login{display:grid;place-items:center;height:100%;color:var(--fg-dim)}.boot.offline{align-content:center;gap:10px;text-align:center;padding:24px}.boot.offline p{margin:0}.boot.offline .hint{max-width:42ch;font-size:13px;line-height:1.6}.boot.offline button{margin-top:6px}.login form{width:min(340px,90vw);display:grid;gap:14px}.login h1{margin:0 0 8px;font-size:20px}.login label{display:grid;gap:6px;color:var(--fg-dim);font-size:13px}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;padding:12px;gap:18px}.sidebar header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar .who{font-weight:600}.sidebar .row{display:flex;gap:6px}.sidebar h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin:0 0 8px}.sidebar section{display:grid;gap:6px}.profile{display:grid;gap:2px;text-align:left;background:var(--panel-2);color:var(--fg);font-weight:400;border:1px solid var(--line);padding:9px 11px}.profile .name{font-weight:600}.profile .desc,.profile .meta,.session .meta{color:var(--fg-dim);font-size:12px}.profile.broken{opacity:.6}.session{display:flex;align-items:center;gap:4px}.session .open{flex:1;display:grid;gap:2px;text-align:left;background:transparent;color:var(--fg);font-weight:400;padding:7px 9px}.session.active .open{background:var(--panel-2)}.session .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session .archive{padding:4px 9px}.chat{display:flex;flex-direction:column;min-width:0;height:100%}.chat.empty{display:grid;place-content:center;gap:12px}.chat-head{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:10px 14px;border-bottom:1px solid var(--line)}.chat-head .titles{display:grid;min-width:0;flex:1}.chat-head .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head .sub{color:var(--fg-dim);font-size:12px}.caps{flex-shrink:0;border-bottom:1px solid var(--line)}.caps-head{width:100%;display:flex;align-items:baseline;gap:8px;background:transparent;color:var(--fg-dim);font-weight:400;border-radius:0;padding:6px 14px;text-align:left;font-size:12px}.caps-head:hover{color:var(--fg)}.caps-desc{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caps-counts{color:var(--accent);white-space:nowrap}.caps-body{margin:0;padding:4px 14px 12px;display:grid;grid-template-columns:64px 1fr;gap:8px 12px;font-size:12px;border-top:1px solid var(--line)}.caps-body dt{color:var(--fg-dim)}.caps-body dd{margin:0;min-width:0}.caps-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--panel-2);padding:1px 5px;border-radius:4px}.tags{display:flex;flex-wrap:wrap;gap:4px}.caps-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.caps-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0}.caps-note{color:var(--fg-dim);min-width:0}.caps-tag{color:var(--accent);font-size:11px;white-space:nowrap}.messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px 8px;display:grid;gap:14px;align-content:start}.hint{color:var(--fg-dim);font-size:13px}.hint.streaming{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.msg{min-width:0}.msg.user{justify-self:end;max-width:min(680px,88%)}.msg.user .bubble{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;white-space:pre-wrap}.msg.assistant{max-width:min(760px,100%)}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 10px;white-space:pre-wrap}.md h3,.md h4,.md h5,.md h6{margin:14px 0 6px}.md ul,.md ol{margin:0 0 10px;padding-left:22px}.md blockquote{margin:0 0 10px;padding-left:12px;border-left:2px solid var(--line);color:var(--fg-dim)}.md a{color:var(--accent)}.md code{background:var(--panel-2);padding:1px 5px;border-radius:5px}.code-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;overflow-x:auto;margin:0 0 10px}.code-block code{background:none;padding:0;white-space:pre}.collapsible{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 8px;overflow:hidden}.collapsible-head{width:100%;display:flex;align-items:center;gap:8px;background:var(--panel);color:var(--fg-dim);font-weight:400;border-radius:0;padding:6px 10px;text-align:left;font-size:13px}.collapsible.error .collapsible-head{color:var(--error)}.collapsible-body{padding:10px;border-top:1px solid var(--line)}.collapsible .tool-name{color:var(--fg);font-weight:600}.collapsible .tool-summary{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:12px}.banner{flex-shrink:0;margin:0;padding:8px 14px;font-size:13px;border-bottom:1px solid var(--line)}.banner.error{color:var(--error)}.banner.warn{color:var(--warn)}.banner.floating{position:fixed;top:0;right:0;z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:8px}p.error{color:var(--error)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000008c;display:grid;place-items:center;padding:16px}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(900px,100%);height:min(680px,100%);display:flex;flex-direction:column;min-height:0;overflow:hidden}.modal-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-body{flex:1;min-height:0;display:grid;grid-template-columns:200px 1fr}.skill-list{border-right:1px solid var(--line);padding:10px;overflow-y:auto;display:grid;gap:6px;align-content:start}.skill-item{display:grid;gap:2px;text-align:left;padding:8px 10px;background:var(--panel-2);color:var(--fg);font-weight:400;border:1px solid transparent}.skill-item.active{border-color:var(--accent)}.skill-item .name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.skill-item .meta{color:var(--fg-dim);font-size:12px}.skill-edit{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;min-height:0}.skill-edit label{display:grid;gap:5px;font-size:13px;color:var(--fg-dim)}.skill-edit label.grow{flex:1;min-height:200px}.skill-edit label.grow textarea{flex:1;min-height:180px}.skill-edit textarea{resize:vertical;font-family:inherit}.skill-edit .hint{font-size:12px;color:var(--fg-dim);margin:0;line-height:1.5}.skill-files{border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:grid;gap:8px}.skill-files .row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-dim)}.skill-files ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.skill-files li{display:flex;align-items:center;gap:10px;font-size:13px}.skill-files li code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--panel-2);padding:1px 6px;border-radius:4px}.skill-files li button{margin-left:auto;padding:2px 8px}.skill-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;bottom:-14px;margin:0 -14px -14px;padding:12px 14px;background:var(--panel);border-top:1px solid var(--line)}.caps-manage{padding:1px 8px;font-size:11px;margin-right:8px}@media(max-width:760px){.modal-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.skill-list{border-right:none;border-bottom:1px solid var(--line);max-height:30vh}}.composer{flex-shrink:0;border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:grid;gap:8px}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{resize:none;max-height:40vh;min-height:42px;field-sizing:content}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px 6px 3px 11px;font-size:12px}.chip button{background:none;color:var(--fg-dim);padding:0 4px;font-weight:400}.only-mobile{display:none}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,84vw);z-index:10;transform:translate(-100%);transition:transform .18s ease}.layout.drawer-open .sidebar{transform:none}.only-mobile{display:inline-flex}}