:root{color-scheme:dark;--bg:#151918;--panel:#1b201e;--line:#303833;--text:#e6ebe6;--muted:#97a59b;--accent:#b5eccd;--danger:#f4aaa0;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}input,textarea,select{color:var(--text);background:#111613;border:1px solid var(--line);border-radius:12px;padding:12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#8dbba0;box-shadow:0 0 0 2px #b5eccd15}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{touch-action:manipulation}a{color:var(--accent);text-underline-offset:3px}[hidden]{display:none!important}.app{height:100dvh;display:grid;grid-template-columns:310px 1fr;overflow:hidden}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#191e1b;min-height:0}.brand{display:flex;align-items:center;gap:11px;padding:27px 22px 22px}.brand strong{font-size:20px;font-weight:650;letter-spacing:-.7px}.brand strong span{font-size:16px;letter-spacing:1px;font-weight:400;color:var(--accent);margin-left:6px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.2px}.brand .icon-button{margin-left:auto}.icon-button{border:0;background:transparent;width:38px;height:38px;border-radius:10px;font-size:23px;display:grid;place-items:center;flex-shrink:0}.icon-button:hover{background:#ffffff0a}.host-card{display:flex;align-items:center;gap:12px;margin:0 18px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#b5eccd08,transparent)}.host-card strong{font-size:12px;font-weight:550}.host-card small{display:block;color:var(--muted);font-size:11px}.host-card button{margin-left:auto;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:#6a786f;border-radius:100%;flex-shrink:0}.dot.online{background:#b5eccd;box-shadow:0 0 0 4px #b5eccd10}.dot.busy{background:#d4c094;box-shadow:0 0 0 4px #d4c09410}.dot.error{background:var(--danger)}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 23px 11px}.list-heading h1{font-size:12px;letter-spacing:2px;margin:0;font-weight:500;color:#bdc9be}.list-heading span{color:var(--muted);font-size:11px}.search{display:flex;align-items:center;background:#121713;border:1px solid #29322b;border-radius:10px;margin:0 18px;padding:0 10px}.search span{color:var(--muted);font-size:22px}.search input{width:100%;background:transparent;border:0;padding:9px;box-shadow:none;font-size:12px}.filters{display:flex;gap:6px;padding:14px 18px}.filters button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:5px 12px;font-size:11px}.filters button.selected{background:#b5eccd15;color:var(--accent)}.filters span{margin-left:4px;opacity:.7}.task-list{overflow-y:auto;flex:1;padding:0 10px 20px;scrollbar-width:thin;scrollbar-color:#3b473f transparent}.group-label{padding:13px 13px 6px;color:#7c8f80;font-size:10px;letter-spacing:.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task{width:100%;border:1px solid transparent;text-align:left;background:transparent;border-radius:12px;padding:12px;margin:2px 0;display:block}.task:hover{background:#ffffff04}.task.selected{background:#b5eccd0c;border-color:#b5eccd25}.task-title{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#dce5dd}.task-sub{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:10px}.task-sub>span:first-child{display:flex;gap:6px;align-items:center}.sidebar-footer{border-top:1px solid var(--line);padding:15px 20px;display:flex;justify-content:space-between;font-size:10px;color:#849489}.text-button{border:0;background:transparent;padding:0;color:var(--muted);font-size:inherit}.main{position:relative;min-width:0;min-height:0;background:radial-gradient(ellipse at 55% 0,#b5eccd03,transparent 60%)}.empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center;padding:30px}.empty-symbol{font-size:46px;background:#b5eccd0b;border:1px solid #b5eccd15;width:90px;height:90px;border-radius:28px;margin-bottom:25px;color:var(--accent);font-weight:200}.eyebrow{font-size:10px;letter-spacing:3px;color:#9ab6a2}.empty h2{color:var(--text);font-size:25px;font-weight:450;letter-spacing:-.8px;margin:10px 0}.empty p{font-size:12px}.conversation{height:100%;display:flex;flex-direction:column;position:relative}.conversation-header{display:flex;align-items:center;gap:12px;min-height:88px;border-bottom:1px solid var(--line);padding:18px 32px}.conversation-title{min-width:0;flex:1}.conversation-title h1{font-size:17px;line-height:1.5;font-weight:550;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-title p{font-size:10px;color:var(--muted);margin:0;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden}.divider{opacity:.35;margin:0 2px}.back{display:none}.messages{flex:1;overflow-y:auto;padding:24px max(30px,calc((100% - 790px)/2));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b473f transparent;overflow-wrap:anywhere}.history-button{display:block;margin:0 auto 25px;border:1px solid var(--line);border-radius:20px;padding:6px 15px;background:transparent;color:var(--muted);font-size:11px}.message{margin:0 0 28px;max-width:100%}.message-label{color:#899d8e;font-size:10px;letter-spacing:1px;margin-bottom:9px;display:flex;align-items:center;gap:8px}.message-label .mini-mark{color:var(--accent);font-size:17px}.message.user{margin-left:auto;background:#252e28;border:1px solid #354339;border-radius:18px 18px 4px 18px;padding:14px 18px;width:fit-content;max-width:90%;white-space:pre-wrap}.message.agent{line-height:1.85;font-size:14px}.message.agent.commentary{color:#acbdb0;font-size:12px;margin-bottom:17px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 14px}.markdown h1,.markdown h2,.markdown h3{font-size:17px;font-weight:600;margin:24px 0 12px}.markdown pre,.tool pre{background:#101511;border:1px solid #2a342d;border-radius:10px;padding:14px;overflow-x:auto;white-space:pre-wrap;font-family:Consolas,monospace;font-size:12px;line-height:1.65}.markdown code{background:#b5eccd0b;color:#c4dfcb;border-radius:4px;padding:2px 5px;font-size:.9em}.markdown pre code{background:transparent;padding:0}.markdown blockquote{border-left:2px solid #53705d;margin:15px 0;padding-left:15px;color:var(--muted)}.markdown table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;font-size:12px}.markdown th,.markdown td{border:1px solid var(--line);padding:9px 12px;min-width:80px}.markdown ul,.markdown ol{padding-left:23px}.markdown img{max-width:100%;border-radius:10px}.tool{background:#1a211c;border:1px solid #2d3830;border-radius:11px;margin:8px 0;overflow:hidden;color:#aabbb0;font-size:11px}.tool summary{cursor:pointer;padding:10px 13px;display:flex;gap:9px;align-items:center;list-style:none}.tool summary:before{content:'›';font-size:16px;color:#738b7b}.tool[open] summary:before{transform:rotate(90deg)}.tool summary .tool-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tool summary .status{color:#82988a;font-size:10px;flex-shrink:0}.tool-content{padding:0 13px 12px}.tool pre{margin:5px 0;max-height:420px;overflow:auto}.tool-stack{margin-bottom:20px}.copy-button{border:0;background:transparent;color:#7c9082;font-size:10px;padding:6px 0}.copy-button:hover{color:var(--accent)}.composer-wrap{padding:14px max(30px,calc((100% - 790px)/2)) max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 20%)}.composer{border:1px solid #455549;border-radius:18px;background:#1d251f;padding:12px 15px 11px;box-shadow:0 8px 25px #0002}.composer:focus-within{border-color:#759980}.composer textarea{width:100%;border:0;border-radius:0;background:transparent;padding:2px 0;resize:none;max-height:160px;min-height:48px;box-shadow:none;line-height:1.6;font-size:14px}.composer-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}.composer-bar>span{font-size:10px;color:#8da492}.composer-bar>div{display:flex;gap:10px;align-items:center}.send{border:0;width:34px;height:34px;background:var(--accent);color:#183722;border-radius:11px;font-size:24px;line-height:1}.stop{border:1px solid #655c48;border-radius:9px;background:transparent;color:#d4c094;font-size:11px;padding:6px 10px}.composer-hint{display:flex;justify-content:space-between;margin:8px 3px 0;font-size:9px;color:#73887b}.notice{margin:12px 24px 0;border:1px solid #645b3b;border-radius:10px;padding:8px 12px;font-size:11px;color:#d4c094;background:#d4c09408}.thread-details{padding:12px 30px;font-size:11px;background:#1c251f;color:var(--muted);overflow-wrap:anywhere;max-height:170px;overflow:auto}.jump{position:absolute;bottom:166px;left:50%;transform:translateX(-50%);border:1px solid #52705b;border-radius:25px;background:#243b2b;padding:7px 14px;font-size:11px;box-shadow:0 3px 18px #0004}.requests{padding:0 max(30px,calc((100% - 790px)/2));max-height:40vh;overflow:auto}.request-card{background:#303022;border:1px solid #71623d;padding:14px;border-radius:12px;font-size:12px;margin-top:10px}.request-card button{border:1px solid #796d4d;border-radius:8px;background:#4a482f;padding:6px 12px;margin:8px 6px 0 0}.request-card input{width:100%;margin:5px 0}.request-card label{display:block}.pair-screen{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#b5eccd0b,transparent 65%);padding:30px}.pair-card{width:100%;max-width:360px}.pair-card h1{font-size:34px;line-height:1.4;letter-spacing:-1.3px;font-weight:450;margin:25px 0 16px}.muted{color:var(--muted);font-size:13px}.pair-card label,dialog label{display:block;color:#b4c3b9;font-size:12px;margin:26px 0 8px}.pair-card input{width:100%}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--accent);border:0;border-radius:12px;color:#183522;padding:12px 15px;font-size:13px;font-weight:600;margin-top:14px}.pair-note{font-size:11px;color:#718778;margin-top:28px;line-height:1.9}.error{color:var(--danger);font-size:12px;overflow-wrap:anywhere}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#d9eadf;color:#183522;border:1px solid #a8c0b0;border-radius:12px;padding:12px 18px;max-width:min(90vw,500px);font-size:12px;z-index:20;box-shadow:0 10px 40px #0006}dialog{color:var(--text);background:#1c241e;border:1px solid #465d4c;border-radius:20px;padding:26px;width:min(90vw,430px)}dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:18px;margin:0}dialog select,dialog textarea{width:100%}dialog .small{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.list-empty{padding:30px 15px;text-align:center;color:var(--muted);font-size:12px}.pending-message{color:#d4c094;font-size:11px;padding:12px}.message-error{color:var(--danger);font-size:12px;background:#f4aaa008;padding:12px;border-radius:9px}.turn-divider{border:0;border-top:1px solid #2b352d;margin:28px 0}.loading{color:var(--muted);padding:40px;text-align:center;font-size:12px}.attachment{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:11px}.typing{font-size:12px;color:#a2c6ae;padding:12px 0}.typing:before{content:'●';font-size:8px;margin-right:9px;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{border:0;height:100dvh}.brand{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:18px}.main{display:none}.app.chat-open .sidebar{display:none}.app.chat-open .main{display:block;height:100dvh}.back{display:grid;font-size:30px}.conversation-header{padding:max(13px,env(safe-area-inset-top)) 15px 13px 9px;min-height:77px;gap:8px}.conversation-title h1{font-size:15px}.conversation-title p{font-size:10px}.messages{padding:22px 19px 12px}.message.agent{font-size:14px}.message.user{max-width:94%;padding:12px 15px}.composer-wrap{padding:10px 13px max(12px,env(safe-area-inset-bottom))}.composer{border-radius:16px;padding:11px 13px}.composer textarea{font-size:16px;min-height:45px}.composer-hint{font-size:9px}.requests{padding:0 14px}.notice{margin:9px 14px 0}.thread-details{padding:12px 20px}.task-title{font-size:14px}.task{padding:14px}.task-sub{font-size:11px}.host-card{margin:0 20px}.list-heading{padding-top:24px}.sidebar-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.filters button{padding:7px 14px;font-size:12px}.search input{font-size:16px}.pair-screen{padding:30px}.pair-card h1{font-size:32px}.pair-card input,dialog input,dialog textarea,dialog select{font-size:16px}.toast{bottom:calc(18px + env(safe-area-inset-bottom))}.icon-button{min-width:40px;min-height:40px}}
.question-options{width:100%;margin-top:10px;font-size:12px}.request-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}
.model-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;margin-top:10px}
.model-controls label{min-width:0;font-size:10px;color:var(--muted);margin:0}
.model-controls select{display:block;width:100%;min-width:0;padding:7px 8px;margin-top:3px;border-radius:8px;font-size:12px;text-overflow:ellipsis}
.composer-bar>span{min-width:0;overflow-wrap:anywhere}
.composer-bar>div{flex-shrink:0}
.requests-toggle{align-self:flex-end;margin:8px 16px 0;border:1px solid #71623d;background:#303022;border-radius:8px;padding:7px 11px;font-size:11px;color:#d4c094}
.messages{min-height:60px}
@media(max-width:760px){.model-controls select{font-size:16px}.requests{max-height:30dvh}.composer-bar{gap:6px}.composer-bar>div{gap:6px}}