:root{color:#e6edf3;font-synthesis:none;background:#0d1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:#0d1117;margin:0}button,input{font:inherit}.shell{min-height:100dvh;padding-bottom:76px}.top{z-index:2;background:#11161d;border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;height:76px;padding:18px max(20px,50vw - 560px);display:flex;position:sticky;top:0}.eyebrow{letter-spacing:1.4px;color:#8b949e;margin:0 0 5px;font-size:11px}.top h1,.page h2{letter-spacing:0;margin:0;font-size:24px}.connection{color:#8b949e;align-items:center;gap:8px;font-size:13px;display:flex}.connection i,.status-dot{background:#3fb950;border-radius:50%;width:8px;height:8px;display:inline-block}.connection i.offline-dot{background:#f85149}.avatar{color:#f0f6fc;background:#21262d;border:1px solid #30363d;border-radius:50%;width:32px;height:32px;margin-left:10px}.offline-banner{color:#ffb4ab;text-align:center;background:#3d1f22;border-bottom:1px solid #f85149;padding:10px 20px;font-size:13px}.hero,.section,.page{max-width:1120px;margin:0 auto;padding:28px 20px}.hero{border-bottom:1px solid #21262d;justify-content:space-between;align-items:end;display:flex}.hero h2{margin:0 0 8px;font-size:28px}.muted,.agent p,.task p{color:#8b949e;margin:0;font-size:14px}.primary,.approve,.send{color:#fff;background:#2f81f7;border:0;border-radius:6px;padding:11px 15px;font-weight:600}.primary span{margin-left:8px}.section-head{align-items:center;gap:9px;margin-bottom:14px;display:flex}.section-head h3{margin:0;font-size:16px}.text-button,.link{color:#58a6ff;background:0 0;border:0;padding:0}.agent-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.agent,.task,.attention,.org-node{background:#161b22;border:1px solid #30363d;border-radius:6px}.agent{padding:16px}.agent-head,.task-line{align-items:center;gap:8px;display:flex}.agent-head strong{font-size:15px}.agent-head .state{color:#8b949e;margin-left:auto;font-size:12px}.agent p{margin:11px 0 15px;font-size:13px}.status-dot.warn{background:#d29922}.status-dot.busy{background:#58a6ff}.count{color:#c9d1d9;background:#30363d;border-radius:10px;padding:2px 8px;font-size:12px}.attention{justify-content:space-between;align-items:center;margin:8px 0;padding:15px;display:flex}.attention b{font-size:14px}.attention p{color:#8b949e;margin:5px 0 0;font-size:13px}.outline{color:#c9d1d9;background:0 0;border:1px solid #30363d;border-radius:6px;padding:9px 13px}.page-head{border-bottom:1px solid #21262d;align-items:center;gap:12px;padding-bottom:18px;display:flex}.back{color:#8b949e;background:0 0;border:0;font-size:24px}.task-list{gap:10px;margin-top:18px;display:grid}.task{padding:16px}.task-id{color:#8b949e;font-size:12px}.pill{color:#58a6ff;margin-left:auto;font-size:12px}.task h3{margin:10px 0 6px;font-size:15px}.task-actions{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.task-actions .link{margin-top:0}.composer{margin-top:28px}.composer label{color:#8b949e;margin-bottom:8px;font-size:13px;display:block}.composer>div{gap:8px;display:flex}.composer input{color:#e6edf3;background:#0d1117;border:1px solid #30363d;border-radius:6px;flex:1;min-width:0;padding:11px 12px}.composer input:disabled{color:#8b949e;cursor:not-allowed;background:#161b22}.send{width:42px;padding:0;font-size:20px}.send:disabled,.approve:disabled,.outline:disabled{opacity:.45;cursor:not-allowed}.composer small{color:#3fb950;margin-top:8px;display:block}.org-tree{gap:10px;max-width:620px;margin-top:20px;display:grid}.org-node{justify-content:space-between;padding:15px;display:flex}.org-node.root{border-color:#2f81f7}.org-node span{color:#8b949e;font-size:13px}.bottom{z-index:3;background:#11161d;border-top:1px solid #21262d;justify-content:center;gap:0;height:68px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom button{color:#8b949e;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:120px;font-size:11px;display:flex}.bottom button span{font-size:20px}.bottom button.active{color:#58a6ff}@media (width<=640px){.top{padding:16px 18px}.hero{padding-top:24px;display:block}.hero h2{font-size:23px}.primary{width:100%;margin-top:18px}.section,.page{padding:22px 18px}.agent-grid{grid-template-columns:1fr}.attention{align-items:flex-start;gap:12px}.attention button{white-space:nowrap}.org-node{display:block}.org-node span{margin-top:5px;display:block}}