:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface-1:#fcfcfb;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--div-cool:#2a78d6;--div-warm:#e34948;--div-mid:#f0efec;--accent:#2a78d6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface-1:#1a1a19;--text-primary:#f0efec;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--axis:#383835;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--div-cool:#3987e5;--div-warm:#e66767;--div-mid:#383835;--accent:#3987e5}}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--page);color:var(--text-primary);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h2{margin:0 0 6px;font-size:17px}h3{margin:0 0 6px;font-size:13px;font-weight:600}.lede{color:var(--text-secondary);margin:0 0 14px;font-size:13.5px}.note{color:var(--text-muted);margin:10px 0;font-size:12px}.muted{color:var(--text-muted)}.controls{flex-flow:column wrap;gap:14px;margin-bottom:14px;display:flex}.controls label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:13px;display:flex}.controls strong{color:var(--text-primary);font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent);width:100%}.stage{background:var(--surface-1);position:fixed;inset:0;overflow:hidden}.stage>canvas{display:block}canvas.zoomable{cursor:grab;touch-action:none}canvas.zoomable.grabbing{cursor:grabbing}.stage.charts{flex-direction:column;gap:24px;padding:20px 24px;display:flex}.stage.charts>div{flex-direction:column;min-height:0;display:flex}.stage.centered{place-items:center;display:grid}.chart{flex-direction:column;flex:1;min-height:0;display:flex}.plot{width:100%;position:relative}.plot.fill{flex:1;min-height:0}.plot canvas{display:block}.btn{font:inherit;border:1px solid var(--axis);background:var(--surface-1);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px}.btn:hover{border-color:var(--text-muted)}.legend{color:var(--text-secondary);flex-wrap:wrap;gap:4px 16px;margin-bottom:8px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px;display:grid}.stats div{background:var(--surface-1);border:1px solid var(--grid);border-radius:8px;flex-direction:column;padding:6px 10px;display:flex}.stats span{color:var(--text-muted);font-size:12px}.stats strong{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.panel a{color:var(--accent)}