:root{--navy:#14304f;--brass:#c9a46a;--red:#c0392b;--paper:#f6f3ec;--bg:var(--paper);--surface:#fffdf8;--ink:#1b2430;--muted:#5d6673;--line:#e2dccd;--reality:var(--navy);--ai:var(--brass);--sensor:#2f7d6d;--flag:var(--red);--track:#e8e2d4;--serif:"Fraunces", "Source Serif 4", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1722;--surface:#16202d;--ink:#ece7dc;--muted:#9aa3ae;--line:#273445;--reality:#8fb3dc;--ai:#d9b77c;--sensor:#5cc2a9;--flag:#e5584a;--track:#223041;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1722;--surface:#16202d;--ink:#ece7dc;--muted:#9aa3ae;--line:#273445;--reality:#8fb3dc;--ai:#d9b77c;--sensor:#5cc2a9;--flag:#e5584a;--track:#223041;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);margin:0;max-width:1200px;margin-inline:auto;padding:0 16px 24px}h1,h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600}.demo-banner{color:#4a3a17;text-align:center;background:repeating-linear-gradient(-45deg,#f2e2bf 0 12px,#efd9ab 12px 24px);margin:0 -16px;padding:8px 16px;font-size:13px;font-weight:600}.masthead{padding:20px 0 8px}.masthead h1{color:var(--reality);font-size:28px}.tagline{color:var(--muted);max-width:60ch;margin:4px 0 0}.picker{scrollbar-width:none;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.picker::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:7px 14px}.chip:hover{border-color:var(--muted)}.chip[aria-current=true]{background:var(--reality);border-color:var(--reality);color:var(--bg)}.chip:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ai);outline-offset:2px}.layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:20px;display:grid}@media (width<=820px){.layout{grid-template-columns:minmax(0,1fr)}}.stage-panel,.side-panel>*{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stage-panel{padding:16px}.side-panel{gap:16px;display:grid}.scenario-head h2{font-size:22px}.scenario-head p{color:var(--muted);min-height:3em;margin:4px 0 0}.stage-wrap{aspect-ratio:4/3;margin-top:8px;position:relative}#stage{width:100%;height:100%;display:block}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin:8px 0 12px;padding:0;font-size:13px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.swatch{border-radius:50%;width:12px;height:12px;display:inline-block}.swatch-reality{background:var(--reality)}.swatch-ai{background:var(--ai);opacity:.8}.swatch-sensor{border:2px solid var(--sensor);width:10px;height:10px}.timeline{align-items:center;gap:12px;display:flex}.play{background:var(--reality);width:40px;height:40px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.play svg{fill:currentColor;width:20px;height:20px}.track-wrap{flex:1;padding-bottom:16px;position:relative}#scrub{width:100%;accent-color:var(--reality);height:24px;margin:0}.marks{pointer-events:none;position:absolute;inset:0 0 16px}.mark{width:2px;margin-left:-1px;display:none;position:absolute;top:2px;bottom:2px}.mark-onset{background:var(--muted)}.mark-flag{background:var(--flag)}.mark-labels{height:14px;color:var(--muted);font-size:11px;position:absolute;bottom:0;left:0;right:0}.mark-labels span{white-space:nowrap;display:none;position:absolute}#label-onset{transform:translate(calc(-100% - 3px))}#label-flag{color:var(--flag);font-weight:600;transform:translate(3px)}.clock{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;flex:none;width:56px}.playback-options{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;font-size:13px;display:flex}.playback-options label{cursor:pointer;align-items:center;gap:6px;display:flex}@media (hover:none){.keys{display:none}}.meters{grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.meter-label{font-size:14px;font-weight:600}.meter-bar{background:var(--track);border-radius:6px;height:12px;margin:8px 0 6px;position:relative;overflow:hidden}.meter-fill{border-radius:6px;width:0;height:100%;transition:width 80ms linear,background-color .2s}#meter-ai .meter-fill{background:var(--ai)}#meter-ref .meter-fill{background:var(--muted)}#meter-ref.flagged .meter-fill{background:var(--flag)}.meter-value{font:600 26px/1.1 var(--serif);font-variant-numeric:tabular-nums}#meter-ref.flagged .meter-value{color:var(--flag)}.verdict{border-left:4px solid var(--line);padding:16px 18px;transition:border-color .2s}.verdict-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}.verdict-title{font:600 26px/1.2 var(--serif);margin-top:4px}.verdict-evidence{margin:6px 0 0}.verdict-key{color:var(--muted);margin:10px 0 0;font-size:13px}.verdict-key:empty{display:none}.verdict.flagged{border-left-color:var(--flag)}.verdict.flagged .verdict-kicker,.verdict.flagged .verdict-title{color:var(--flag)}.verdict.pulse{animation:.7s cubic-bezier(.2,.8,.2,1) flag-in}@keyframes flag-in{0%{opacity:0;box-shadow:0 0 0 0 color-mix(in srgb, var(--flag) 50%, transparent);transform:translate(24px)}40%{opacity:1;box-shadow:0 0 0 10px color-mix(in srgb, var(--flag) 20%, transparent);transform:none}to{box-shadow:0 0 #0000}}.verdict.missed{border-left-color:var(--muted);border-left-style:dashed}@media (prefers-reduced-motion:reduce){.verdict.pulse{animation:none}.meter-fill{transition:none}}.tech{padding:12px 16px;font-size:13px}.tech summary{cursor:pointer;color:var(--muted);font-weight:600}.tech dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0 0;display:grid}.tech dt{color:var(--muted)}.tech dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:13px;display:flex}.foot a{color:var(--reality)}.error{border:1px solid var(--flag);border-radius:var(--radius);color:var(--flag);background:var(--surface);margin-bottom:16px;padding:16px 20px}.error ul{margin:6px 0 0;padding-left:18px}.play:disabled,#scrub:disabled{opacity:.45;cursor:default}