:root{--ground:#fafaf9;--surface:#fff;--rail:#f5f5f4;--border:#e7e5e4;--ink:#1c1917;--ink-2:#44403c;--muted:#57534e;--faint:#78716c;--people:#2563eb;--people-ink:#1d4ed8;--agent:#c2410c;--agent-bg:#fff1e8;--ok:#15803d;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--ground);margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--people);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.shell{min-height:100vh;display:flex}.rail{background:var(--rail);border-right:1px solid var(--border);flex-direction:column;flex:0 0 264px;gap:18px;padding:20px 14px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:0 6px;font-size:17px;font-weight:700;display:flex}.mark{color:var(--agent);flex:none}.rail-label{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:12px;font-weight:600}a{color:var(--people-ink)}.brand{color:var(--ink);text-decoration:none}.mono{font-family:JetBrains Mono,monospace;font-size:13px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.count{color:var(--faint);font-weight:500}.primary{background:var(--ink);color:#fff;border:0;border-radius:9px;height:40px;padding:0 16px;font-weight:600}.ghost{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--ink-2);border-radius:8px;padding:0 12px;font-weight:500}.ghost:hover{background:#f5f5f4}.link{color:var(--faint);background:0 0;border:0;padding:0;font-size:12px}.link:hover{color:var(--ink);text-decoration:underline}.repo-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--ink-2);border-radius:8px;justify-content:space-between;padding:9px 12px;text-decoration:none;display:flex}.nav a:hover{background:#efeeec}.nav a.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #1c19170f}.recent{flex-direction:column;gap:1px;margin:-8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.recent a{color:var(--ink-2);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;text-decoration:none;display:flex}.recent a:hover{background:#efeeec}.recent a.on{background:var(--surface);color:var(--ink)}.status-dot{background:#d6d3d1;border-radius:4px;flex:none;width:7px;height:7px}.status-dot.busy{background:var(--agent)}.status-dot.done{background:#22c55e}.pill{color:var(--muted);white-space:nowrap;background:#f0efed;border-radius:10px;flex:none;padding:2px 9px;font-size:12px;font-weight:500}.pill.busy{background:var(--agent-bg);color:var(--agent)}.pill.done{color:var(--ok);background:#dcfce7}.me{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:12px 6px 0;display:flex}.dot{background:#d6d3d1;border-radius:4px;width:8px;height:8px;margin-left:auto}.dot.on{background:#22c55e}.page{flex-direction:column;flex:1;gap:18px;min-width:0;max-width:1040px;padding:36px 48px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:700}.page-head p{margin:0}.new-task-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.new-task-card input{border:1px solid var(--border);border-radius:9px;flex:320px;min-width:0;height:40px;padding:0 12px}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px}.tabs button.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;display:flex}.row:hover{border-color:#d6d3d1;box-shadow:0 1px 3px #1c19170f}.row .pill{text-align:center;width:104px}.row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row-title{font-size:15px;font-weight:600}.row-last{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-last b{color:var(--ink-2);font-weight:600}.row-side{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.avatars{display:inline-flex}.avatars .avatar{border:2px solid var(--surface);width:26px;height:26px;margin-left:-6px;font-size:11px}.avatars .avatar:first-child{margin-left:0}.empty-row{text-align:center;border:1px dashed var(--border);border-radius:12px;padding:28px}.avatar{border-radius:15px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:inline-flex}.agent-avatar{background:var(--agent-bg);border-radius:9px}.main{flex:1;min-width:0;display:flex;position:relative}.empty{text-align:center;margin:auto;padding:24px}.empty h1{letter-spacing:-.02em;margin:14px 0 6px;font-size:22px}.toast{z-index:2;color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;max-width:420px;padding:10px 14px;position:absolute;top:16px;right:16px}.task-view{flex:1;min-width:0;display:flex}.chat{flex-direction:column;flex:1;min-width:0;min-height:100vh;max-height:100vh;display:flex}.panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:0 0 280px;gap:22px;max-height:100vh;padding:20px 18px;display:flex;overflow-y:auto}.panel h2{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:600;display:flex}.agent-card{border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.agent-card.busy{background:var(--agent-bg);border-color:#fed7aa}.agent-card.busy b{color:var(--agent)}.steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);align-items:flex-start;gap:10px;display:flex}.steps li.done{color:var(--ink-2)}.steps li.now{color:var(--ink);font-weight:600}.step-dot{width:20px;height:20px;color:var(--faint);background:#f0efed;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.steps .done .step-dot{color:var(--ok);background:#dcfce7}.steps .now .step-dot{background:var(--agent);color:#fff}.step-chip{color:#5b21b6;vertical-align:1px;background:#f5f3ff;border-radius:10px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:500}.new-task-card select{border:1px solid var(--border);background:var(--surface);height:40px;font:inherit;border-radius:9px;padding:0 10px}.workflow-preview{flex-basis:100%;margin:0}.panel-people{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.panel-people li{align-items:center;gap:8px;display:flex}.panel-people .avatar{width:26px;height:26px;font-size:11px}.files{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.files li{align-items:center;gap:8px;min-width:0;display:flex}.files .mono{flex:1;min-width:0;font-size:12px}.fstatus{color:#92400e;background:#fef3c7;border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.fstatus.added{color:var(--ok);background:#dcfce7}.fstatus.deleted{color:#b91c1c;background:#fee2e2}.diffstat{text-transform:none;letter-spacing:0;flex:none;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.plus{color:var(--ok)}.minus{color:#b91c1c}.activity{color:var(--muted);margin-left:42px;font-size:13px}.activity-row{border:1px solid var(--border);max-width:100%;color:var(--ink-2);text-align:left;background:#f5f5f4;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.activity-row:hover{background:#efeeec}.chev{color:var(--faint);width:10px}.activity-list{border-left:2px solid var(--border);flex-direction:column;gap:6px;margin:6px 0 0;padding:0 0 0 12px;list-style:none;display:flex}.activity-list .mono-ish{overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:12px}.activity-list .failed,.fail{color:#b91c1c}.output{color:#e7e5e4;white-space:pre-wrap;background:#1c1917;border-radius:8px;max-height:240px;margin:4px 0 0;padding:8px 10px;font:12px/1.5 JetBrains Mono,monospace;overflow:auto}.sub{color:#5b21b6;background:#ede9fe;border-radius:5px;margin-right:6px;padding:0 6px;font:600 11px/18px Inter,system-ui,sans-serif;display:inline-block}.sub:after{content:" subagent";font-weight:400}.activity.live{color:var(--agent);align-items:center;gap:8px;display:flex}.spinner{border:2px solid #fed7aa;border-top-color:var(--agent);border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chat-head{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex}.chat-head h1{letter-spacing:-.01em;margin:2px 0;font-size:18px}.chat-title{min-width:0}.back{color:var(--faint);font-size:12px;text-decoration:none}.back:hover{color:var(--ink)}.chat-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.branch{color:var(--faint);font-family:JetBrains Mono,monospace;font-size:12px}.agent-status{color:var(--muted);white-space:nowrap;background:#f0efed;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.agent-status.busy{background:var(--agent-bg);color:var(--agent)}.messages{flex-direction:column;flex:1;gap:18px;width:100%;max-width:860px;margin:0 auto;padding:24px 32px;display:flex;overflow-y:auto}.msg{gap:12px;display:flex}.msg .body{flex:1;min-width:0}.msg .meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.msg .meta span{color:var(--faint);font-size:12px}.msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.msg.agent .body{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--agent);border-radius:10px;padding:10px 14px}.cursor{vertical-align:-2px;background:var(--agent);width:7px;height:15px;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.composer{flex-direction:column;gap:8px;width:100%;max-width:860px;margin:0 auto;padding:14px 32px 18px;display:flex;position:relative}.composer-row{align-items:flex-end;gap:10px;display:flex}.hint{color:var(--faint);margin:0;font-size:12px}.hint .tag{font-size:11px}.picker-pop{background:var(--surface);border:1px solid var(--border);z-index:3;border-radius:12px;width:360px;max-width:calc(100% - 64px);margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% - 6px);left:32px;box-shadow:0 12px 32px #1c191724}.picker-pop button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.picker-pop button.on,.picker-pop button:hover{background:#eff6ff}.picker-pop .pop-name{font-weight:600}.picker-pop .muted{margin-left:auto}.tag{color:#1e40af;background:#dbeafe;border-radius:5px;padding:0 4px;font-weight:600}.tag.agent{background:var(--agent-bg);color:var(--agent)}.system{color:var(--faint);margin:-8px 0 0 42px;font-size:12px}.system:before{content:"🔔 "}.presence-dot{background:#d6d3d1;border-radius:4px;flex:none;width:8px;height:8px}.presence-dot.on{background:#22c55e}.here{align-items:center;gap:6px;display:inline-flex}.typing{color:var(--faint);margin:-6px 0 0 42px;font-size:13px;font-style:italic}.system.joined:before{content:"→ "}.badge{background:var(--people);color:#fff;border-radius:10px;padding:0 8px;font-size:12px;font-weight:600}.pill.asking{color:#92400e;background:#fef3c7}.pill.waiting{color:var(--people-ink);background:#dbeafe}.approval{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;flex-direction:column;gap:10px;margin-left:42px;padding:14px 16px;display:flex}.approval.approved{background:#f0fdf4;border-color:#bbf7d0}.approval.rejected{background:#fef2f2;border-color:#fecaca}.approval.expired{border-color:var(--border);color:var(--muted);background:#fafaf9}.approval-head{align-items:center;gap:8px;display:flex}.approval .cmd{color:#fafaf9;white-space:pre-wrap;overflow-wrap:anywhere;background:#1c1917;border-radius:8px;margin:0;padding:10px 12px;font:13px/1.5 JetBrains Mono,monospace}.approval-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.approval-actions button{border-radius:8px;height:36px;padding:0 16px;font-weight:600}.approve{background:var(--ok);color:#fff;border:0}.reject{color:#b91c1c;background:#fff;border:1px solid #fecaca}.approval-result{margin:0;font-weight:500}.approval.approved .approval-result{color:var(--ok)}.approval.rejected .approval-result{color:#b91c1c}.diff{border:1px solid var(--border);background:#fff;border-radius:8px;max-height:320px;margin:0;padding:8px 0;font:12px/1.5 JetBrains Mono,monospace;overflow:auto}.diff span{white-space:pre;padding:0 12px;display:block}.diff .add{color:#14532d;background:#dcfce7}.diff .del{color:#7f1d1d;background:#fee2e2}.diff .hunk{color:var(--faint)}.mention-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;text-decoration:none;display:flex}.mention-card.unread{border-color:#bfdbfe;box-shadow:0 1px 3px #2563eb14}.mention-card:hover{border-color:#93c5fd}.mention-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.push{margin-left:auto}.unread-dot{background:var(--people);border-radius:4px;width:8px;height:8px}.mention-quote{background:var(--ground);overflow-wrap:anywhere;border-radius:10px;padding:12px 14px;line-height:1.55}.mention-open{color:var(--people-ink);font-weight:600}.composer textarea{resize:none;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:1;padding:10px 12px;line-height:1.45}.composer-row>button{background:var(--ink);color:#fff;border:0;border-radius:10px;height:44px;padding:0 16px;font-weight:600}.picker{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.picker-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:28px;display:flex}.picker-card h1{letter-spacing:-.02em;margin:14px 0 0;font-size:22px}.picker-card p{margin:0}.people{flex-direction:column;gap:8px;margin-top:8px;display:flex}.pick{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;align-items:center;gap:12px;height:48px;padding:0 14px;font-weight:500;display:flex}.pick:hover{border-color:var(--people);background:#f8faff}.err{color:#b91c1c;margin:0;font-size:13px}.google{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:10px;height:44px;margin-top:8px;font-weight:600;display:flex}.google:hover{background:#f8fafc;border-color:#cbd5e1}.dev-login{border-top:1px dashed var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.dev-login input{border:1px solid var(--border);border-radius:8px;height:40px;padding:0 12px}.person-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:14px 18px;display:flex}.person-row .avatar{width:34px;height:34px}img.avatar{object-fit:cover}.handle-input{font-family:JetBrains Mono,monospace;flex:0 150px!important}@media (width<=1100px){.task-view{flex-direction:column}.chat{max-height:none}.panel{border-left:0;border-top:1px solid var(--border);flex:none;max-height:none}}@media (width<=720px){.shell{flex-direction:column}.rail{border-right:0;border-bottom:1px solid var(--border);flex:none;padding:14px 16px}.recent{display:none}.chat{min-height:70vh;max-height:none}.chat-head{flex-wrap:wrap}.chat-head,.messages,.composer,.page{padding-left:16px;padding-right:16px}.row{flex-wrap:wrap}.row .pill{width:auto}}