:root{color-scheme:dark;--ink:#f4f5ef;--muted:#9fa9a2;--bg:#0c1210;--surface:#14201c;--surface2:#1a2b25;--line:#2c4038;--accent:#c8f071;--accent-ink:#17200a;--danger:#ff877d;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#263e34 0,transparent 40%),var(--bg);color:var(--ink);min-height:100vh}button,input,textarea{font:inherit}button{border:0;border-radius:14px;padding:13px 16px;background:var(--accent);color:var(--accent-ink);font-weight:750}button:active{transform:scale(.98)}input,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#0f1815;color:var(--ink);padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}label{display:block;font-size:13px;color:var(--muted);margin:15px 0 7px}.shell{max-width:440px;margin:0 auto;padding:max(18vh,100px) 24px 40px}.brand-mark{width:52px;height:52px;border-radius:17px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:800 28px/1 Georgia}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);margin:14px 0 5px}.login h1,.topbar h1{margin:0;font-size:29px;letter-spacing:-.04em}.login form button{width:100%;margin-top:16px}.muted{color:var(--muted);line-height:1.45}.error{color:var(--danger);min-height:20px;font-size:13px}main{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 95px)}.topbar{display:flex;justify-content:space-between;align-items:flex-end}.topbar .eyebrow{margin-top:0}.connection{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.connection span{width:8px;height:8px;border-radius:50%;background:#778079}.connection.online span{background:var(--accent);box-shadow:0 0 12px var(--accent)}.tabs{position:fixed;z-index:5;bottom:calc(env(safe-area-inset-bottom) + 10px);left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),700px);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(20,32,28,.94);border:1px solid var(--line);border-radius:20px;padding:5px;backdrop-filter:blur(18px)}.tabs button{background:transparent;color:var(--muted);padding:11px}.tabs button.active{background:#2b4037;color:var(--ink)}.panel{display:none;margin-top:28px}.panel.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-title h2,.chat-heading h2{font-size:19px;margin:0}.card{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface2),var(--surface));border-radius:20px;padding:17px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.new-task{margin-bottom:20px}.new-task button{width:100%;margin-top:15px}.safe-note{font-size:11px;color:var(--muted);margin:10px 2px 0}.cards{display:grid;gap:11px}.session-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;text-align:left;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:15px}.session-card h3{margin:0 0 5px;font-size:15px}.session-card p{margin:0;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65vw}.badge{border-radius:999px;padding:6px 9px;font-size:10px;background:#27372f;color:var(--muted)}.badge.running,.badge.waiting_approval{color:var(--accent)}.secondary{background:#22312b;color:var(--ink);border:1px solid var(--line)}.compact{padding:9px 12px;font-size:12px}.full{width:100%;margin-top:15px}.chat-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px}.icon-button{font-size:27px;background:transparent;color:var(--ink);padding:4px 9px}.chat-heading p{font-size:11px;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages{min-height:calc(100vh - 300px);padding:17px 0 130px;display:flex;flex-direction:column;gap:11px}.bubble{max-width:88%;border-radius:18px;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.48;font-size:14px}.bubble.user{align-self:flex-end;background:#314339}.bubble.assistant{align-self:flex-start;background:#17231f;border:1px solid var(--line)}.bubble.meta{align-self:center;color:var(--muted);font-size:11px;padding:5px}.composer{position:fixed;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 75px);width:min(calc(100% - 32px),700px);display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:end;background:rgba(20,32,28,.96);border:1px solid var(--line);border-radius:21px;padding:8px;backdrop-filter:blur(18px)}.composer textarea{border:0;background:transparent;padding:10px 5px;max-height:130px;resize:none}.attach{margin:0;width:40px;height:40px;border-radius:14px;background:#283a33;display:grid;place-items:center;font-size:22px;color:var(--ink)}.send{padding:11px 14px}.attachments{grid-column:1/-1;display:flex;gap:6px;overflow:auto}.attachment-chip{font-size:10px;background:#263b32;padding:5px 8px;border-radius:99px}.approval{position:fixed;z-index:8;left:50%;bottom:calc(env(safe-area-inset-bottom) + 78px);transform:translateX(-50%);width:min(calc(100% - 32px),520px);border:1px solid #635d32;background:#272719;border-radius:21px;padding:17px;box-shadow:0 25px 70px #000}.approval pre{font:11px/1.4 ui-monospace,monospace;white-space:pre-wrap;max-height:170px;overflow:auto;color:#d8d4b0}.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.danger{background:#3a2624;color:#ffaca4}.settings-card{margin-bottom:12px}.settings-card h3{margin:0 0 6px}.settings-card ul{padding-left:20px;color:var(--muted);line-height:1.7}.toast{position:fixed;z-index:20;top:calc(env(safe-area-inset-top) + 14px);left:50%;transform:translate(-50%,-120px);background:#edf7df;color:#17200a;padding:10px 15px;border-radius:99px;font-size:12px;transition:.25s}.toast.show{transform:translate(-50%,0)}@media(min-width:700px){.cards{grid-template-columns:1fr 1fr}.session-card p{max-width:260px}}