[hidden]{display:none!important}
:root{color-scheme:dark;--bg:#09100f;--panel:#111b19;--line:#263633;--text:#e8f0ed;--muted:#94a8a2;--mint:#69e0b0;--blue:#62a8ff;--amber:#f0b85a;--red:#ff7474;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -20%,#183b32 0,transparent 38%),var(--bg);color:var(--text)}header{max-width:1500px;margin:auto;padding:34px 28px 22px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}h1{font-size:clamp(1.7rem,3vw,2.8rem);margin:.25rem 0;letter-spacing:-.04em}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px}.eyebrow{color:var(--mint);font:700 .7rem ui-monospace,monospace;letter-spacing:.18em}.back{display:block;color:var(--muted);text-decoration:none;margin-bottom:22px}.live,.badge{border:1px solid var(--line);border-radius:99px;padding:7px 12px;color:var(--mint);font:700 .7rem ui-monospace,monospace}.muted,header p{color:var(--muted);margin:.35rem 0}.warning{border-left:3px solid var(--amber);background:#2a2315;color:#f6d899;padding:12px 15px;margin:0 0 14px;border-radius:4px}.error{border-left-color:var(--red);background:#2b1717;color:#ffc1c1}main{max-width:1500px;margin:auto;padding:22px 28px 60px}.card{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:18px;box-shadow:0 12px 32px #0003}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:11px}td{border-top:1px solid var(--line);padding:14px 11px;font-size:.9rem}a.call{color:var(--text);font-family:ui-monospace,monospace;text-decoration:none}.action{color:var(--mint);font-weight:700}.empty{color:var(--muted);text-align:center;padding:35px}.artifact{font-size:.72rem;border:1px solid var(--line);padding:3px 6px;border-radius:4px;margin-right:4px}canvas{width:100%;height:220px;background:#080e0d;border:1px solid var(--line);border-radius:6px;cursor:crosshair;display:block}audio{width:100%;margin-top:12px}.legend{display:flex;gap:24px;color:var(--muted);font-size:.75rem;margin-top:10px}.legend span:last-child{margin-left:auto}.caller-dot,.agent-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.caller-dot{background:var(--blue)}.agent-dot{background:var(--mint)}.utterance{padding:11px 13px;border-left:2px solid var(--blue);background:#0b141a;margin:8px 0;border-radius:3px}.utterance.agent{border-color:var(--mint);background:#0b1714}.utterance strong{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;margin-bottom:4px}.event,.tool,.submission{padding:12px 0;border-top:1px solid var(--line)}.event:first-child,.tool:first-child{border-top:0}.event-head{display:flex;gap:10px;align-items:baseline}.time{color:var(--muted);font: .7rem ui-monospace,monospace;white-space:nowrap}.kind{font:700 .72rem ui-monospace,monospace;color:var(--amber)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#080e0d;border:1px solid var(--line);border-radius:5px;padding:10px;color:#bdd0ca;font-size:.72rem;max-height:320px;overflow:auto}.chain{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:stretch;margin:12px 0}.chain-node{border:1px solid var(--line);border-radius:6px;padding:10px;min-width:0;background:#0b1211}.chain-node b{display:block;font-size:.68rem;color:var(--muted);text-transform:uppercase;margin-bottom:5px}.arrow{align-self:center;text-align:center;color:var(--mint)}.missing{color:var(--muted);font-style:italic}.status-ok{color:var(--mint)}.status-bad{color:var(--red)}@media(max-width:850px){.grid{grid-template-columns:1fr}.chain{grid-template-columns:1fr}.arrow{transform:rotate(90deg);padding:5px}header,main{padding-left:16px;padding-right:16px}.legend{gap:12px;flex-wrap:wrap}.legend span:last-child{margin-left:0}}
.speed-control{display:grid;grid-template-columns:auto minmax(180px,420px) 3.5rem;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:.82rem}.speed-control input{width:100%;accent-color:var(--mint);cursor:pointer}.speed-control output{color:var(--mint);font:700 .85rem ui-monospace,monospace;text-align:right}@media(max-width:600px){.speed-control{grid-template-columns:1fr auto}.speed-control input{grid-column:1/-1;grid-row:2}}