:root{--bg: #0b0f17;--panel: #121826;--panel-2: #0e1420;--line: #223049;--ink: #e8eefc;--mut: #93a2c0;--acc: #5b9dff;--good: #2fbf71;--warn: #e0a83a;--bad: #ef5f6b;--info: #6f7fb3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#16233b 0%,var(--bg) 55%);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}.app{max-width:1180px;margin:0 auto;padding:28px 20px 56px}.masthead{text-align:center;margin-bottom:18px}.badge{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.masthead h1{font-size:40px;margin:12px 0 6px;letter-spacing:-.02em}.tagline{color:var(--mut);max-width:720px;margin:0 auto}.examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:18px 0 22px}.examples-label{color:var(--mut);font-size:13px;margin-right:4px}.pill{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.pill:hover{border-color:var(--acc)}.pill.active{background:var(--acc);border-color:var(--acc);color:#06101f;font-weight:600}.grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px}@media(max-width:900px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.panel h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 10px}.trace-panel textarea{width:100%;height:460px;resize:vertical;background:var(--panel-2);color:#cfe0ff;border:1px solid var(--line);border-radius:10px;padding:12px;font:12.5px/1.55 SF Mono,ui-monospace,Menlo,Consolas,monospace}.errors{margin:12px 0 0;padding:10px 12px 10px 28px;list-style:square;background:#ef5f6b14;border:1px solid rgba(239,95,107,.4);border-radius:10px;color:#ffc9ce}.errors li{margin:3px 0;font-size:13px}.scorebar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px}.score{display:flex;align-items:baseline;gap:6px;padding:10px 16px;border-radius:12px;border:1px solid var(--line)}.score-num{font-size:30px;font-weight:700}.score-cap{color:var(--mut);font-size:13px}.score-good{background:#2fbf711f;border-color:#2fbf7180}.score-good .score-num{color:var(--good)}.score-warn{background:#e0a83a1f;border-color:#e0a83a80}.score-warn .score-num{color:var(--warn)}.score-bad{background:#ef5f6b1f;border-color:#ef5f6b80}.score-bad .score-num{color:var(--bad)}.counts{display:flex;flex-wrap:wrap;gap:8px 14px}.count{font-size:13px;color:var(--mut)}.count b{color:var(--ink);font-size:15px}.c-crit b{color:var(--bad)}.c-warn b{color:var(--warn)}.c-info b{color:var(--info)}.scrubber{display:flex;align-items:center;gap:10px;margin:4px 0 16px}.scrubber input[type=range]{flex:1;accent-color:var(--acc)}.stepbtn{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;width:32px;height:30px;cursor:pointer}.stepbtn:hover{border-color:var(--acc)}.scrub-t{color:var(--mut);font-size:12px;min-width:92px;text-align:right}.swimlanes{display:flex;flex-direction:column;gap:8px;overflow-x:auto;padding-bottom:6px}.lane{display:grid;grid-template-columns:120px 1fr;align-items:stretch;gap:10px}.lane-head{display:flex;flex-direction:column;justify-content:center;padding:6px 8px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.lane-id{font-weight:600;font-size:13px}.lane-role{color:var(--mut);font-size:11px}.lane-track{display:grid;grid-template-columns:repeat(var(--cols, 1),minmax(128px,1fr));gap:6px;align-items:center;border-left:1px dashed var(--line);padding-left:8px;min-height:42px}.chip{grid-row:1;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:6px 9px;background:var(--panel-2);color:var(--ink);font-size:12px;line-height:1.25;display:flex;flex-direction:column;gap:2px;transition:opacity .15s,transform .1s,box-shadow .15s}.chip:hover{transform:translateY(-1px)}.chip-t{font-size:10px;color:var(--mut)}.chip.off{opacity:.32}.chip.on{opacity:1}.chip.hot{box-shadow:0 0 0 2px var(--acc);border-color:var(--acc)}.chip-delegate{border-left:3px solid var(--acc)}.chip-return{border-left:3px solid var(--good)}.chip-tool_call{border-left:3px solid #8a7bd8}.chip-observation{border-left:3px solid #4bb3c6}.chip-message{border-left:3px solid var(--mut)}.chip-final{border-left:3px solid var(--warn)}.issues{margin-top:20px}.issues h2{display:flex;align-items:center;gap:10px}.clean-tag{color:var(--good);font-size:12px;border:1px solid rgba(47,191,113,.5);border-radius:999px;padding:2px 10px;text-transform:none;letter-spacing:0}.issue{display:block;width:100%;text-align:left;cursor:pointer;margin-bottom:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--ink)}.issue:hover{border-color:var(--acc)}.issue.open{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}.issue.sev-critical{border-left:4px solid var(--bad)}.issue.sev-warning{border-left:4px solid var(--warn)}.issue.sev-info{border-left:4px solid var(--info)}.issue-top{display:flex;align-items:center;gap:8px}.issue-title{font-weight:600;font-size:14px}.issue-code{margin-left:auto;color:var(--mut);font-size:11px;background:var(--bg);padding:2px 7px;border-radius:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-critical{background:var(--bad)}.dot-warning{background:var(--warn)}.dot-info{background:var(--info)}.issue-detail{margin:7px 0 0;color:var(--mut);font-size:13px}.issue-agents{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.agent-tag{font-size:11px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:#bcd0f5}.empty{color:var(--mut);padding:40px 8px;text-align:center}.foot{margin-top:28px;text-align:center;color:var(--mut);font-size:12.5px}.foot a{color:var(--acc);text-decoration:none}.foot a:hover{text-decoration:underline}