:root{color-scheme:light;--bg:#f5f4f8;--panel:#fff;--soft:#f0eef5;--ink:#242136;--muted:#696479;--line:#ddd8e8;--accent:#6134a5;--accent-bg:#eee6fb;--teal:#146658;--teal-bg:#e0f3ed;--amber:#855519;--amber-bg:#fff0d8;--red:#a03049;--red-bg:#fceaf0;--code:#f3f1f8}
:root[data-theme=dark]{color-scheme:dark;--bg:#12111b;--panel:#1d1a29;--soft:#272236;--ink:#eeeaf8;--muted:#b4aac9;--line:#40364f;--accent:#c5a3ff;--accent-bg:#342348;--teal:#83d8c0;--teal-bg:#203c35;--amber:#f5c980;--amber-bg:#3e2f1f;--red:#ffb0c5;--red-bg:#422333;--code:#25202f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}main{max-width:1400px;margin:auto;padding:28px 30px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.3}h1 span{color:var(--accent)}h2{font-size:18px;line-height:1.4}h3{font-size:18px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,select,input{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 11px}button{cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{cursor:default;opacity:.55;background:var(--soft);color:var(--muted)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input::placeholder{color:var(--muted)}.mast,.tools,.selection,.playback,.dataset-tools,.graph-controls{display:flex;align-items:center;gap:12px}.mast{justify-content:space-between;margin-bottom:24px}.tools a{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--accent);margin-bottom:6px}.views{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.views button{display:flex;gap:10px;white-space:nowrap;border:none;border-radius:7px 7px 0 0;background:transparent;color:var(--muted);padding:13px 18px}.views button[aria-selected=true]{color:var(--accent);background:var(--accent-bg);box-shadow:inset 0 -2px var(--accent)}.selection{flex-wrap:wrap;padding:12px 0 20px}.selection label,.dataset-tools label,.graph-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}select{max-width:320px}label select{color:var(--ink)}.push{margin-left:auto;display:flex;gap:8px}.badge{font-size:10px;padding:4px 8px;border-radius:5px;background:var(--accent-bg);color:var(--accent);font-weight:650;white-space:nowrap}.badge.good{color:var(--teal);background:var(--teal-bg)}.badge.warn{color:var(--amber);background:var(--amber-bg)}.quiet{font-size:12px;color:var(--muted)}#error{background:var(--red-bg);color:var(--red);border:1px solid var(--red);border-radius:8px;padding:14px;margin-bottom:16px}#loading{padding:35px;color:var(--muted);text-align:center}.summary-card{display:flex;justify-content:space-between;gap:25px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.summary-card p{margin-top:8px;color:var(--muted);font-size:13px;max-width:730px}.metrics{display:flex;gap:25px;white-space:nowrap;align-items:center}.metric strong{font-size:25px;display:block;font-weight:600;line-height:1.3}.metric span{font-size:10px;color:var(--muted)}.playback{padding:18px 0}#play{background:var(--accent-bg);color:var(--accent);min-width:130px}#scrub{flex:1;min-width:70px;accent-color:var(--accent);padding:0;border:0}#position{font-variant-numeric:tabular-nums;min-width:90px;font-size:12px;color:var(--muted)}.split{display:grid;border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden;min-height:430px}.replay{grid-template-columns:35% 65%}.split>aside{border-right:1px solid var(--line)}.rail-heading{padding:14px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.rail-heading h2{font-size:13px}.rail-heading select{font-size:11px;max-width:150px;padding:5px}.scroll-list{max-height:540px;overflow:auto}.step{display:flex;width:100%;text-align:left;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 17px;background:var(--panel);color:var(--ink)}.step.selected{background:var(--accent-bg);box-shadow:inset 3px 0 var(--accent)}.step-index{font-size:12px;color:var(--muted);padding-top:3px;min-width:20px}.step-main{min-width:0;flex:1}.step-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.step-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:4px}.inspector{padding:23px;min-width:0;overflow-wrap:anywhere}.inspector h2{margin:12px 0 10px}.inspector p{margin:10px 0;color:var(--muted);font-size:13px}.inspector .evidence-note{color:var(--amber);background:var(--amber-bg);padding:10px 13px;border-radius:6px}.inspector h3{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin:20px 0 8px}pre{background:var(--code);color:var(--ink);padding:14px;border:1px solid var(--line);border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;font:12px/1.7 ui-monospace,monospace;max-height:380px}code{font:12px/1.6 ui-monospace,monospace;background:var(--code);color:var(--accent);padding:3px 5px;border-radius:4px}.notes{background:var(--panel);color:var(--muted);border:1px solid var(--line);padding:16px 21px;border-radius:10px;margin-top:16px;font-size:13px}.notes p{margin:12px 0}.notes summary{color:var(--ink);cursor:pointer;font-weight:550}.notes ul{padding-left:22px}.section-title{padding:16px 0 22px}.section-title p{color:var(--muted);font-size:13px;margin-top:7px}.table-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.table-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:15px}.table-card strong{display:block;font-size:25px}.table-card span{display:block;color:var(--muted);font-size:12px}.dataset-tools{flex-wrap:wrap;margin:20px 0}.dataset{grid-template-columns:54% 46%}.table-wrap{max-height:580px;overflow:auto;border-right:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;color:var(--muted);background:var(--soft);position:sticky;top:0}td button{border:0;background:none;padding:0;color:var(--accent);font-size:12px;text-align:left;overflow-wrap:anywhere}tr.selected{background:var(--accent-bg)}td:first-child{width:40px;color:var(--muted)}.graph-controls{flex-wrap:wrap;margin-bottom:16px}.graph{grid-template-columns:70% 30%;min-height:450px}.graph-canvas{overflow:auto;border-right:1px solid var(--line);padding:12px;background:var(--soft);color:var(--ink)}.graph-canvas svg{display:block;width:100%;min-width:520px;min-height:390px}.graph-canvas .edge{stroke:var(--muted);opacity:.45;fill:none}.graph-canvas .edge.active{stroke:var(--accent);opacity:1}.graph-canvas .node rect{fill:var(--panel);stroke:var(--line);stroke-width:2}.graph-canvas .node.selected rect{fill:var(--accent-bg);stroke:var(--accent)}.graph-canvas .node{cursor:pointer}.graph-canvas text{fill:var(--ink);font-family:inherit;font-size:12px}.graph-canvas .layer{fill:var(--muted);font-size:10px;letter-spacing:1px}.graph-canvas .node-count{fill:var(--accent);font-size:11px}.legend{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.legend i{display:block;width:20px;border-top:2px solid var(--muted)}.legend .dashed{border-top-style:dashed}.node-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.node-list button{font-size:12px}.relation{border-top:1px solid var(--line);padding:10px 0;font-size:12px}.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.api-grid article{border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:10px;min-width:0}.api-grid p{font-size:13px;color:var(--muted);margin:12px 0}.api-grid pre{font-size:11px}footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:22px}.empty{padding:25px;color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:950px){main{padding:22px 18px}.replay{grid-template-columns:40% 60%}.summary-card{flex-direction:column;gap:15px}.graph{grid-template-columns:1fr}.graph-canvas{border-right:0;border-bottom:1px solid var(--line)}.legend{margin-left:0}.dataset{grid-template-columns:1fr}.table-wrap{max-height:360px;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){main{padding:18px 12px}.mast{align-items:flex-start;gap:10px}.tools a{max-width:100px;font-size:10px}.eyebrow{font-size:8px}h1{font-size:25px}.views button{padding:12px;font-size:12px;gap:7px}.selection{gap:8px}.selection select{max-width:220px}.push{width:100%;margin-left:0}.replay{grid-template-columns:1fr}.scroll-list{max-height:240px}.split>aside{border-right:0;border-bottom:1px solid var(--line)}.inspector{padding:18px}.playback{flex-wrap:wrap;gap:7px}#play{min-width:104px;padding:8px}#position{min-width:70px}.metrics{gap:28px}.api-grid{grid-template-columns:1fr}.dataset-tools label{width:100%;justify-content:space-between}.dataset-tools input{max-width:210px}.graph-canvas{padding:6px}.notes{padding:15px}.graph-controls .legend{flex-wrap:wrap}footer{flex-direction:column}.table-wrap th,.table-wrap td{padding:11px 9px}}

.graph-canvas svg{min-height:0}
@media(max-width:600px){.views{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.views button{white-space:normal;text-align:left;align-items:center}.graph-canvas svg{min-width:0}.mast h1{font-size:22px}}

.coverage{padding:10px 14px;background:var(--teal-bg);color:var(--teal);font-size:12px;border-radius:7px;margin:0 0 14px}.graph-controls label select{max-width:260px}.graph .inspector{max-height:650px;overflow:auto}.graph-canvas{max-height:700px}.graph-canvas svg{min-height:300px}@media(max-width:600px){.graph-controls label{width:100%;justify-content:space-between}.graph .inspector{max-height:none}.graph-canvas{max-height:650px}.graph-controls label select{max-width:240px}}

.graph{grid-template-columns:220px minmax(0,1fr) 280px}.graph-sidebar{padding:14px;max-height:700px;overflow:auto;background:var(--panel);color:var(--ink)}.graph-sidebar h2{font-size:14px}.graph-sidebar .node-list{display:flex;flex-direction:column;gap:4px}.node-list button{text-align:left;width:100%;white-space:normal;overflow-wrap:anywhere}.node-list button.selected{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}#force-layout{accent-color:var(--accent)}@media(max-width:1100px){.graph{grid-template-columns:190px minmax(0,1fr)}.graph>.inspector{grid-column:1/-1;border-top:1px solid var(--line)}}@media(max-width:600px){.graph{grid-template-columns:1fr}.graph-sidebar{max-height:230px}.graph-canvas svg{min-width:0}}