:root{--bg: #070a12;--panel: rgba(14, 19, 32, .78);--line: rgba(160, 190, 255, .14);--text: #e6ecff;--muted: #8a96b4;--running: #4de1ff;--idle: #8892a6;--done: #5df2a0;--error: #ff5d73;--gutter: 16px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--running)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.label{position:absolute;transform:translate(-50%);white-space:nowrap;text-align:center;text-shadow:0 1px 6px #000,0 0 2px #000;will-change:transform}.label b{font-weight:600;font-size:12px}.label span{display:block;font:11px ui-monospace,Menlo,monospace;color:var(--running);max-width:220px;overflow:hidden;text-overflow:ellipsis}.bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px var(--gutter);background:linear-gradient(var(--bg),transparent);pointer-events:none}.brand{font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:var(--idle);box-shadow:0 0 0 0 transparent}.dot.on{background:var(--done);box-shadow:0 0 10px var(--done)}.totals{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.totals b{color:var(--text);font-weight:600}.panel{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel h2{margin:0;padding:10px 14px 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.agents{top:56px;left:var(--gutter);width:280px;max-height:calc(100% - 300px);overflow:auto}.agents ul{list-style:none;margin:0;padding:0 6px 8px}.agent{display:grid;grid-template-columns:10px 1fr auto;gap:2px 10px;align-items:center;padding:7px 8px;border-radius:8px}.agent+.agent{margin-top:2px}.agent .st{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.agent.running .st{animation:pulse 1.2s ease-in-out infinite}.agent .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.agent .task{grid-column:2 / 4;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent .tool{grid-column:2 / 4;color:var(--running);font:11px ui-monospace,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent.child{margin-left:14px}.running{--c: var(--running)}.idle{--c: var(--idle)}.done{--c: var(--done)}.error{--c: var(--error)}.empty{margin:0;padding:4px 14px 14px;color:var(--muted)}.empty[hidden]{display:none}.log{left:var(--gutter);bottom:var(--gutter);width:min(560px,calc(100% - 2 * var(--gutter)));height:200px;display:flex;flex-direction:column}.log ol{list-style:none;margin:0;padding:0 14px 10px;overflow:auto;flex:1;font:11.5px ui-monospace,Menlo,monospace;display:flex;flex-direction:column-reverse}.log li{flex:none;padding:1px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log li b{color:var(--text);font-weight:600;margin-right:6px}.log li.tool b{color:var(--running)}.log li.done b{color:var(--done)}.log li.error b{color:var(--error)}.log li.spawn b{color:#ffd166}@keyframes pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.agent.running .st{animation:none}}@media(max-width:720px){.agents{width:calc(100% - 2 * var(--gutter));max-height:34%}.log{height:130px}.totals{font-size:11px}}