:root{color-scheme:dark;--bg:#090f15;--panel:#0e1720;--line:#25333f;--muted:#8295a5;--text:#e4edf2;--cyan:#6de4e3;--lime:#d7f584;--red:#ff858f;--amber:#efbc7d;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);background-image:linear-gradient(90deg,#15232d55 1px,transparent 1px);background-size:64px 100%;}button,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.36}button:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button{border:0;background:transparent}button,select{min-height:44px}button:hover:not(:disabled){filter:brightness(1.12)}.shell{max-width:840px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 20px calc(108px + env(safe-area-inset-bottom))}header{margin-bottom:22px}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:2px}.brand small{display:block;color:var(--muted);font:9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:1.2px}.brand-mark{background:var(--cyan);color:#09161b;width:34px;height:34px;display:grid;place-content:center;font-weight:900;font-size:25px;line-height:1;position:relative;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}.brand-mark span{font-size:11px;position:absolute;right:2px;bottom:1px}.icon-button{margin-left:auto;border:1px solid var(--line);width:44px;font-size:23px;color:var(--cyan)}.heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 22px;gap:12px}.eyebrow{font:10px ui-monospace,Consolas,monospace;letter-spacing:2px;color:var(--muted)}h1{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:7px 0 0;font-weight:650}h1>span{color:var(--cyan);margin-left:3px}.connection{font:10px ui-monospace,Consolas,monospace;color:var(--muted);white-space:nowrap;margin-bottom:6px}.connection.live{color:var(--cyan)}.connection.live::before{content:"";display:inline-block;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 8px #6de4e360;margin-right:6px}.toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);align-items:center;gap:10px}#filters{display:flex;gap:20px}#filters button{padding:0 0 11px;color:var(--muted);font-size:12px;position:relative}#filters button[aria-pressed=true]{color:var(--text)}#filters button[aria-pressed=true]::after{position:absolute;content:"";height:2px;background:var(--cyan);bottom:-1px;left:0;right:0}#filters span{font:10px ui-monospace,monospace;color:var(--cyan);padding-left:5px}#updated{font:10px ui-monospace,monospace;color:var(--muted);white-space:nowrap;margin-bottom:9px}.message:empty{display:none}.message{border-left:2px solid var(--amber);padding:10px 12px;background:#efbc7d0a;color:var(--amber);margin-bottom:16px;font-size:12px;overflow-wrap:anywhere}.agent{margin:0 0 14px;background:var(--panel);border:1px solid var(--line);position:relative;transition:border-color .18s}.agent::before{content:"";position:absolute;left:-1px;top:18px;width:2px;height:26px;background:var(--muted)}.agent[data-state=working]::before{background:var(--cyan);box-shadow:0 0 10px #6de4e330}.agent.dirty{border-color:#667246}.agent.dirty::before{background:var(--lime)}.agent-top{display:flex;align-items:center;gap:10px;padding:16px 16px 11px}.agent-id{font:10px ui-monospace,monospace;color:#5c7182;align-self:start;padding-top:4px}.agent-name{flex:1;min-width:0}.agent-name h2{font-size:15px;margin:0;overflow-wrap:anywhere;font-weight:600}.agent-name h2 span{font-size:14px;margin-left:7px}.agent-name small{font:9px ui-monospace,monospace;letter-spacing:1px;color:#7b909f}.state{color:var(--muted);font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:5px}.state::before{content:"";width:4px;height:4px;background:currentColor}.agent[data-state=working] .state{color:var(--cyan)}.agent[data-state=approval] .state{color:var(--amber)}.stop{color:var(--red);border:1px solid #6e3e4a;font-size:11px;min-width:56px;padding:0 9px;min-height:36px;margin-left:3px}.stop:disabled{display:none}.agent-controls{display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:14px;padding:0 16px 16px 36px}.field-label{display:block;font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:1.2px;margin:0 0 6px}.model-select{width:100%;border:1px solid #344653;border-radius:0;background:#0a1118;padding:8px 26px 8px 10px;font:13px/1.5 ui-monospace,Consolas,monospace;min-height:42px;max-width:100%;color:var(--text)}.model-select:disabled{color:var(--muted)}.efforts{display:flex;border:1px solid #344653;background:#0a1118}.efforts button{font:12px ui-monospace,monospace;min-width:35px;min-height:40px;padding:0 7px;color:var(--muted);border-right:1px solid #25333f}.efforts button:last-child{border:0}.efforts button[aria-pressed=true]{background:var(--cyan);color:#09161b;font-weight:800}.agent.dirty .efforts button[aria-pressed=true]{background:var(--lime)}.agent-note{font-size:11px;color:var(--amber);padding:0 16px 12px 36px;overflow-wrap:anywhere}.agent-note:empty{display:none}.reload{font-size:11px;color:var(--cyan);text-decoration:underline;min-height:32px;padding:0 16px 8px 36px}.empty{padding:44px 12px;text-align:center;color:var(--muted);border:1px dashed var(--line);font-size:13px}.legend{font-size:10px;color:var(--muted);text-align:center;margin-top:20px}.legend b{color:var(--text);font-family:ui-monospace,monospace;font-weight:400;margin-left:10px}.legend span{display:block;margin-top:5px}footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:840px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;background:#0b141df5;border-top:1px solid #3c505f;backdrop-filter:blur(12px);z-index:3}.commit-info{flex:1;min-width:0;font-size:12px}.commit-info small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.primary{background:var(--lime);color:#101811;font-weight:650;padding:10px 15px;min-width:126px;border:1px solid #d7f584}.primary>span{margin-left:12px}.quiet{color:var(--muted);font-size:12px;padding:8px}.dirty #pending{color:var(--lime)}[hidden]{display:none!important}
@media(min-width:700px){#agents{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agent{margin:0}.agent-controls{grid-template-columns:1fr;padding-left:36px}.efforts{width:fit-content}.shell{padding-top:32px}.heading{margin:32px 0}h1{font-size:36px}}
@media(max-width:370px){.shell{padding-left:12px;padding-right:12px}h1{font-size:25px}.agent-top{padding-left:12px;padding-right:12px}.agent-controls{padding-left:28px;padding-right:12px;gap:8px;grid-template-columns:1fr}.efforts{width:fit-content}footer{gap:6px;padding-left:12px;padding-right:12px}.primary{min-width:116px;padding:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}