:root{color-scheme:light;--ink:#24333b;--muted:#617078;--teal:#006f7e;--line:#d8e4e4;--soft:#eef5f5;--blue:#246da0;--orange:#c35e29;--green:#007b72}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f8fbfb;font:16px/1.6 Georgia,"Times New Roman",serif}main{padding:22px;max-width:1100px;margin:auto}p{margin:0 0 14px}h2,h3,.eyebrow,.controls,.caption,.legend,.regime,.metrics,.status,.caveat{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}h3{font-size:13px;font-weight:600;line-height:1.5;margin:0 6px 8px}.eyebrow{font-size:11px;letter-spacing:.075em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.formula{font-size:19px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;margin:20px 0}.formula sup,.formula sub{font-size:.7em}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px 22px;background:var(--soft);padding:16px;border-radius:6px;margin:20px 0 12px}.controls label{display:grid;grid-template-columns:1fr auto;gap:6px 8px;font-size:13px;min-width:0}.controls .infinite{grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:12px;border-top:1px solid #dbe8e9;padding-top:10px}.controls output{color:var(--teal);font-weight:650;font-variant-numeric:tabular-nums}input[type=range]{grid-column:1/-1;width:100%;margin:6px 0;accent-color:var(--teal);min-height:18px}input[type=checkbox]{accent-color:var(--teal);width:16px;height:16px;flex:none}input:focus-visible{outline:3px solid #dc9d4e;outline-offset:3px}input:disabled{opacity:.45}.help{grid-column:1/-1;font-size:11px;line-height:1.5;color:var(--muted)}.regime{font-size:12px;line-height:1.6;min-height:39px;color:var(--teal);margin:0 3px 14px}.top-plots{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px 8px 12px;min-width:0}.panel canvas{display:block;width:100%;height:345px}.caption{font-size:11px;line-height:1.55;color:var(--muted);margin:2px 6px 0}.legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:11px;margin:0 0 6px}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--marker);margin-right:5px}.source{--marker:var(--blue)}.target{--marker:var(--orange)}.moving{--marker:var(--green)}.metrics{display:grid;grid-template-columns:1.2fr 1.2fr 1.2fr 1fr;gap:8px;margin:18px 0}.metrics>div{border-top:3px solid #86b4b8;background:#fff;padding:8px 10px;min-width:0}.metrics dt{font-size:11px;color:var(--muted);line-height:1.5}.metrics dd{margin:5px 0 0;font-size:17px;line-height:1.4;font-variant-numeric:tabular-nums}.status{font-size:12px;border-top:1px solid var(--line);padding-top:12px;line-height:1.6;margin-bottom:10px;font-variant-numeric:tabular-nums;min-height:36px}.status[data-state=busy]{color:var(--teal)}.status[data-state=error]{color:#9c3a22}.caveat{font-size:11px;line-height:1.65;color:var(--muted);margin-bottom:0}
@media(max-width:680px){main{padding:16px 12px}.controls{grid-template-columns:1fr 1fr;gap:14px;padding:12px}.controls>label:nth-child(3){grid-column:1/-1}.top-plots{grid-template-columns:1fr}.panel canvas{height:320px}#covariance-plot{height:265px}.metrics{grid-template-columns:1fr 1fr}h2{font-size:19px}.regime{min-height:58px}.formula{font-size:17px;gap:12px}.caption{margin:2px 4px 0}}
@media(max-width:400px){.controls{grid-template-columns:1fr}.controls>label{grid-column:1/-1}.controls .infinite{line-height:1.6}.metrics dd{font-size:16px}.panel{padding:11px 4px 10px}.panel canvas{height:290px}.regime{min-height:76px}}
@media print{.controls{display:none}.panel,.metrics{break-inside:avoid}main{padding:0}}