:root{color-scheme:dark;--bg:#070a12;--ink:#f0f3f8;--muted:#929bac;--line:#252a3b;--cyan:#81e9ed;--warm:#ffad72;--mono:ui-monospace,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,select{color:var(--ink);background:#121726;border:1px solid #333c50;border-radius:6px;padding:9px 13px;cursor:pointer}button:hover,select:hover{border-color:var(--cyan)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.4;cursor:wait}.shell{max-width:1480px;margin:auto;padding:0 clamp(18px,4vw,60px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font:11px var(--mono);color:var(--muted)}.wordmark{color:var(--ink);letter-spacing:.15em}.topbar a:hover{color:var(--cyan)}header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:38px 0 26px}h1{font:400 clamp(38px,5.5vw,68px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:10px 0 0}h1 em{font-style:normal;color:var(--cyan)}.eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}.intro{max-width:350px;color:var(--muted);font-size:13px;margin:0 0 3px}.field{border:1px solid #2a3245;border-radius:12px;overflow:hidden;position:relative;background:#03050b}.field-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 19px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.06em;color:var(--muted)}.status{display:flex;align-items:center;gap:9px}.status:before{content:'';width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.stage{height:clamp(360px,58vh,680px);position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#111329 0,#060912 45%,#03050b 80%)}#field{display:block;width:100%;height:100%;position:absolute;inset:0}.stage-grid{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;opacity:.28}.stage-grid circle,.stage-grid path{fill:none;stroke:#36435d;stroke-width:.6;vector-effect:non-scaling-stroke}.stage-grid .outer{stroke-dasharray:3 7}.stage-label{position:absolute;left:22px;top:19px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#7b879e;pointer-events:none}.stage-label span{display:block;margin-top:7px;color:#b9c6d9;font-size:10px;letter-spacing:.02em}.legend{position:absolute;bottom:19px;left:22px;display:flex;align-items:center;gap:9px;font:9px var(--mono);color:#a5afc3;pointer-events:none}.legend i{width:72px;height:3px;background:linear-gradient(90deg,#68e4ef,#a49aff,#ffac70);display:block}.stage-aside{position:absolute;right:22px;top:19px;text-align:right;font:9px var(--mono);color:#7b879e;letter-spacing:.1em;pointer-events:none}.stage-aside strong{font:30px/1.3 var(--mono);display:block;color:var(--ink);letter-spacing:-.05em}.stage-aside small{display:block;font-size:9px;margin-top:2px}.unavailable{position:absolute;left:15%;right:15%;top:40%;text-align:center;color:var(--warm);font-size:14px}.toolbar{display:flex;gap:12px;align-items:center;padding:15px 19px;border-top:1px solid var(--line);flex-wrap:wrap}.primary{background:var(--cyan);color:#061116;border-color:var(--cyan);font-weight:600;min-width:90px}.secondary{color:var(--muted);font:11px var(--mono)}.toolbar label{display:flex;gap:9px;align-items:center;font:10px var(--mono);color:var(--muted)}.toolbar select{font-size:11px;padding:9px}.view-controls{margin-left:auto;display:flex;gap:15px;align-items:center}#zoom{width:80px;accent-color:var(--cyan)}.timeline{padding:0 20px 16px}.timeline-top{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.04em;color:#8490a6;margin-bottom:5px}#timeline{width:100%;accent-color:var(--cyan);cursor:ew-resize;margin:0;height:20px}.readouts{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1.7fr;gap:28px;padding:24px 0 26px;border-bottom:1px solid var(--line)}.metric-label{display:block;font:9px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.metric-value{font:28px/1.3 var(--mono);letter-spacing:-.05em;display:block;margin-top:7px}.metric-value.cyan{color:var(--cyan)}.metric small{display:block;font:10px var(--mono);color:#778298;margin-top:4px}.trace-box{min-width:0}.trace-head{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted)}#trace{width:100%;height:76px;display:block;margin-top:5px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:27px 0 34px}.notes h2{font:400 21px Georgia,serif;margin:0 0 12px}.notes p{font-size:12px;color:var(--muted);max-width:65ch;margin:0 0 10px}.notes strong{font-weight:500;color:#c8d1e2}.notes details{font-size:12px;color:var(--muted);margin-top:12px}.notes summary{cursor:pointer;color:#b8c4db}.notes details p{margin-top:10px}footer{border-top:1px solid var(--line);padding:20px 0 28px;font:9px var(--mono);color:#657188}#render-mode{color:var(--cyan)}@media(max-width:760px){header{display:block;padding-top:28px}.intro{margin-top:17px;max-width:480px}.stage{height:430px}.readouts{grid-template-columns:1fr 1fr;gap:20px}.trace-box{grid-column:1/-1}.notes{grid-template-columns:1fr;gap:18px}.view-controls{margin-left:0}.toolbar{gap:8px}.toolbar label{gap:5px}.field-bar{font-size:9px;padding:12px}.stage-label,.legend{left:14px}.stage-aside{right:14px}.stage-label{max-width:180px}.stage-aside strong{font-size:25px}.topbar{font-size:9px}.topbar a{max-width:150px;text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:760px){.view-controls{flex-wrap:wrap;width:100%;gap:9px 14px}.toolbar select{max-width:150px}}