:root{color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--surface-2: #232321;--border: #32322f;--ink: #ffffff;--ink-2: #c3c2b7;--ink-3: #8a897f;--series-1: #3987e5;--series-2: #d95926;--radius: 10px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-areas:"head head" "aside main";gap:20px;max-width:1760px;margin:0 auto;padding:24px 20px 32px}.app__head{grid-area:head;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;padding-bottom:18px;border-bottom:1px solid var(--border)}.app__head h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}.formula{margin:4px 0 0;font-family:var(--mono);font-size:15px;color:var(--series-1)}.app__lede{margin:0;max-width:46ch;color:var(--ink-3);font-size:13px}.controls{grid-area:aside;display:flex;flex-direction:column;gap:20px;align-self:start;position:sticky;top:20px}.control label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;color:var(--ink-2);font-size:13px}.control label b{font-weight:600;color:var(--ink)}.control output{font-family:var(--mono);font-size:15px;color:var(--series-1);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--surface-2);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--series-1);border:2px solid var(--surface-0);cursor:grab}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--series-1);border:2px solid var(--surface-0);cursor:grab}input[type=range]:focus-visible{outline:2px solid var(--series-1);outline-offset:4px}.presets{display:flex;flex-direction:column;gap:4px}.presets__title{color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.presets button{display:flex;align-items:baseline;gap:10px;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:var(--surface-1);color:var(--ink-2);font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}.presets button b{font-family:var(--mono);font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.presets button:hover{background:var(--surface-2)}.presets button.is-active{border-color:var(--series-1);background:var(--surface-2)}.presets button.is-active b{color:var(--series-1)}.readout{border-top:1px solid var(--border);padding-top:16px}.readout dl{margin:0;display:flex;flex-direction:column;gap:10px}.readout__row dt{color:var(--ink-3);font-size:11px;margin-bottom:2px}.readout__row dd{margin:0;font-family:var(--mono);font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}.readout__row dd em{font-style:normal;font-family:var(--sans);font-size:11px;color:var(--ink-3)}.grid{grid-area:main;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{margin:0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.panel--wide{grid-column:1 / -1}.panel:last-child{grid-column:1 / -1}.panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:11px 14px;border-bottom:1px solid var(--border)}.panel__head h2{margin:0;font-size:13px;font-weight:600}.panel__hint{color:var(--ink-3);font-size:11px}.legend{display:flex;gap:14px}.legend span{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:11px;font-family:var(--mono)}.legend i{width:14px;height:2px;border-radius:1px}.legend i.dashed{background:none!important;border-top:2px dashed var(--series-2);height:0}.panel__canvas{position:relative;height:260px}.panel--wide .panel__canvas{height:400px}.panel__canvas canvas{display:block}.tooltip{position:absolute;transform:translate(12px,-50%);pointer-events:none;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:6px;border:1px solid var(--border);background:#121211f0;backdrop-filter:blur(6px);font-family:var(--mono);font-size:11px;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;z-index:2}.tooltip b{color:var(--ink);font-weight:600}.panel__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface-1);color:var(--ink-3);font-size:12px}.panel__loading .bar{width:180px;height:3px;border-radius:2px;background:var(--surface-2);overflow:hidden}.panel__loading .bar i{display:block;height:100%;background:var(--series-1);transform-origin:left;transition:transform .1s linear}@media(max-width:1080px){.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "aside" "main";padding:16px}.controls{position:static}.grid{grid-template-columns:minmax(0,1fr)}.panel--wide .panel__canvas{height:320px}}