@font-face{font-family:Public Sans;src:url(/spectral-shadow/assets/PublicSans-Light-buuawPJO.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Public Sans;src:url(/spectral-shadow/assets/PublicSans-LightItalic-BZT5SKVk.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Public Sans;src:url(/spectral-shadow/assets/PublicSans-ExtraBold-BsGtwjG_.ttf) format("truetype");font-weight:700;font-style:normal}:root{--bg: #17181b;--ink: #d8d5cd;--dim: #9a978f;--panel: #1e2024;--edge: #2c2e33;--gold: #ffd64d;--cyan: #449bae;--fuchsia: #e0218a;--float: rgba(30, 32, 36, .72);--thumb: 20px;--end-dot: 12px;--track-line: 3px;--track: #3f3d3a;--btn: 52px;--grey: #6b6963;--grey-lt: #d8d5cd;--deep: #1a1c20;--accent-pdot: #d78b50;--accent-pdia: #910065;--occluded: #6b6963;--accent-ef: #449bae;--accent-ef-dim: #2a606b;--accent-ef-bright: #8bc1cc;--accent: var(--accent-pdot);--phi: 1.6180339887;--S: calc(min(100vw, 100vh) / 17.9442719);--gutter: calc(var(--S) / 1.6180339887);--lead: calc(var(--S) / 4.2360679775);--gap: 14px;--panel-col: var(--btn);--chrome-left: var(--gutter);--chrome-right: var(--gutter);--rail-left: calc(var(--chrome-left) + var(--panel-col) + var(--gutter));--rail-right: var(--chrome-right);--tw-stack: 72px;--scrub-h: var(--btn);--stack-to-nav-bottom: calc( var(--gutter) + var(--scrub-h) + var(--gap) + var(--tw-stack) + var(--gap) )}body.mode-twin{--accent: var(--accent-pdia)}body:not(.chart-wall){--tw-stack: 0px;--stack-to-nav-bottom: calc(var(--gutter) + var(--scrub-h) + var(--gap))}*{box-sizing:border-box;margin:0}html,body,#app{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font:100 13px/1.45 Public Sans,system-ui,-apple-system,Segoe UI,sans-serif}#app{display:flex;flex-direction:column;height:100%}#upper{flex:1 1 auto;display:flex;flex-direction:row;min-height:0;overflow:hidden}#stage{flex:1 1 auto;position:relative;min-width:0;min-height:0}#canvas{position:absolute;top:0;left:0;width:100%;height:calc(100% - (var(--gutter) + var(--scrub-h) / 2));display:block}#hud{position:absolute;left:var(--rail-left);top:14px;font-variant-numeric:tabular-nums;font-size:12px;color:var(--dim);line-height:1.6;pointer-events:none;text-shadow:0 1px 4px var(--shadow, rgba(0, 0, 0, .45))}#hud b{color:var(--ink);font-weight:700}#stage-title{position:absolute;top:22px;right:var(--chrome-right);max-width:min(560px,calc(100% - 140px));display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.45)}#stage-title h1{font-size:clamp(17px,3.2vw,26px);font-weight:100;letter-spacing:.01em;line-height:1.2;color:var(--ink)}#stage-title h1 b{font-weight:700}#stage-formula{margin-top:0;font-size:13px;font-weight:100;color:var(--dim);line-height:1.35}#stage-formula .fx-slot{display:grid;justify-items:end}#stage-formula .fx-slot .fx-table{grid-area:1 / 1}#stage-formula .fx-slot .fx-table:not(.on){visibility:hidden;pointer-events:none}#stage-formula .fx-table{border-collapse:collapse;border:none;margin:0 0 0 auto}#stage-formula .fx-table td{border:none;padding:2px 0;vertical-align:baseline;white-space:nowrap;text-align:right}#stage-formula .fx-table .fx-formula{padding-right:.85em;color:var(--dim);font-weight:100}#stage-formula .fx-table .fx-symbol,#stage-formula .fx-table .fx-symbol b{color:var(--ink);font-weight:700}#stage-formula sub{font-size:.75em}.mode-rail{position:static;display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap);margin-top:4px;pointer-events:auto}body.mode-prime .nav-double,body.mode-twin .nav-single{display:none!important}.mode-rail .mode-btn{width:var(--btn);height:var(--btn);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:100;line-height:1;color:var(--dim);background:var(--float);border:1px solid var(--edge);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.mode-rail .mode-btn:hover{color:var(--ink);background:#2a606b59}.mode-rail .mode-btn.on{color:var(--ink);border-color:var(--ink);border-width:2px;background:#1e2024eb}#view-panel{position:absolute;left:var(--chrome-left);top:var(--gutter);bottom:calc(var(--stack-to-nav-bottom) + var(--btn) + var(--gap));width:var(--panel-col);display:flex;flex-direction:column;align-items:stretch;gap:var(--gap);pointer-events:none}#view-panel>*{pointer-events:auto}.view-toggle{display:flex;flex-direction:column;gap:var(--gap);flex:0 0 auto}.view-btn{width:var(--btn);height:var(--btn);padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--dim);background:var(--float);border:1px solid var(--edge);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.view-btn:hover{color:var(--ink);background:#2a606b59}.view-btn.on{color:var(--ink);border-color:var(--ink);border-width:2px;background:#1e2024eb}.view-icon{width:22px;height:22px;display:block;filter:invert(.72);pointer-events:none}.view-btn.on .view-icon{filter:invert(1)}.zoom-group{flex:1 1 0;min-height:0;width:100%;position:relative}.vslider-track{position:absolute;left:50%;width:var(--thumb);margin-left:calc(var(--thumb) / -2);top:calc((var(--btn) - var(--end-dot)) / 2);bottom:calc((var(--btn) - var(--end-dot)) / 2)}.hslider-track{position:relative;flex:1 1 auto;min-width:0;height:var(--btn)}.slider-end-dot{position:absolute;width:var(--end-dot);height:var(--end-dot);border-radius:50%;border:none;background:var(--track);pointer-events:none;z-index:2}.vslider-track .slider-end-dot{left:50%;margin-left:calc(var(--end-dot) / -2)}.vslider-track .slider-end-dot.top{top:0}.vslider-track .slider-end-dot.bot{bottom:0;top:auto}.hslider-track .slider-end-dot{top:50%;margin-top:calc(var(--end-dot) / -2)}.hslider-track .slider-end-dot.lo{left:calc((var(--btn) - var(--end-dot)) / 2)}.hslider-track .slider-end-dot.hi{right:calc((var(--btn) - var(--end-dot)) / 2);left:auto}.slider-rail{position:absolute;background:var(--track);border-radius:999px;pointer-events:none;z-index:0}.vslider-track .slider-rail{left:50%;width:var(--track-line);margin-left:calc(var(--track-line) / -2);top:calc(var(--end-dot) / 2);bottom:calc(var(--end-dot) / 2)}.hslider-track .slider-rail{top:50%;height:var(--track-line);margin-top:calc(var(--track-line) / -2);left:calc(var(--btn) / 2);right:calc(var(--btn) / 2)}input.vslider[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(-90deg);height:var(--thumb);background:transparent;cursor:pointer;z-index:3}input.vslider[type=range]::-webkit-slider-runnable-track{height:var(--track-line);background:transparent;border:none}input.vslider[type=range]::-moz-range-track{height:var(--track-line);background:transparent;border:none}input.vslider[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track-line) - var(--thumb)) / 2);border-radius:50%;border:2px solid var(--ink);background:transparent;box-shadow:0 0 0 1px var(--bg)}input.vslider[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:50%;border:2px solid var(--ink);background:transparent}input.hslider[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:calc((var(--btn) - var(--thumb)) / 2);right:calc((var(--btn) - var(--thumb)) / 2);width:auto;top:0;height:100%;margin:0;background:transparent;cursor:pointer;z-index:3}input.hslider[type=range]::-webkit-slider-runnable-track{height:var(--track-line);background:transparent;border:none}input.hslider[type=range]::-moz-range-track{height:var(--track-line);background:transparent;border:none}input.hslider[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track-line) - var(--thumb)) / 2);border-radius:50%;border:2px solid var(--ink);background:transparent;box-shadow:0 0 0 1px var(--bg)}input.hslider[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:50%;border:2px solid var(--ink);background:transparent}#bar-controls{position:absolute;left:0;right:0;bottom:var(--stack-to-nav-bottom);height:var(--btn);pointer-events:none}.nav-left,.nav-right{position:absolute;top:0;display:flex;flex-direction:row;align-items:center;gap:var(--gap);pointer-events:none}.nav-left{left:var(--chrome-left)}.nav-right{right:var(--chrome-right)}.nav-left .bar-btn,.nav-right .bar-btn{pointer-events:auto}#bar-controls .bar-btn{width:var(--btn);height:var(--btn);padding:0;font-size:17px;font-weight:100;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--dim);background:var(--float);border:1px solid var(--edge);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:color .12s,border-color .12s,background .12s}#bar-controls .bar-btn:hover{color:var(--ink);background:#2a606b59}#n-display{position:absolute;left:0;top:0;min-width:86px;text-align:center;pointer-events:none;z-index:4}#n-display b{display:inline-flex;align-items:center;justify-content:center;min-width:var(--btn);height:var(--btn);padding:0 14px;font-size:16px;font-weight:700;color:var(--ink);background:var(--float);border:1px solid var(--edge);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;transition:border-color .12s,color .12s}#n-display b.is-hit{border-color:var(--accent);color:var(--accent)}#n-scrub{position:absolute;left:var(--chrome-left);right:var(--chrome-right);bottom:var(--gutter);height:var(--scrub-h);display:flex;flex-direction:row;align-items:center;gap:var(--gap)}.hslider-travel{position:absolute;left:calc(var(--btn) / 2);right:calc(var(--btn) / 2);top:0;bottom:0;pointer-events:none;z-index:1}.prime-marks{position:absolute;left:0;right:0;top:50%;height:0}.prime-marks .prime-tick{position:absolute;top:0;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--dim);opacity:.55}.prime-at-handle{--tick: 4px;position:absolute;top:50%;left:0%;width:var(--tick);height:var(--tick);border-radius:50%;background:var(--accent);transform:translate(-50%,-50%) scale(calc(var(--phi) * var(--phi)));z-index:6;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--bg) 55%,transparent)}.prime-at-handle[hidden]{display:none!important}.max-x-input{flex:0 0 auto;width:calc(var(--btn) * 2 + var(--gap));height:var(--btn);padding:0 14px;font:inherit;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--float);border:1px solid var(--edge);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:right}.max-x-input:focus{outline:none;border-color:var(--ink)}#t-window{position:absolute;left:var(--rail-left);right:var(--rail-right);bottom:calc(var(--gutter) + var(--scrub-h) + var(--gap));display:flex;flex-direction:column;gap:var(--gap);pointer-events:none}#t-window:not([hidden])>*{pointer-events:auto}#t-window[hidden]{display:none!important}.tw-detail{display:flex;align-items:center;gap:10px;height:28px;padding:0 8px;background:var(--float);border:1px solid var(--edge);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tw-width{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700;min-width:4rem}.tw-bracket{font:inherit;font-size:16px;color:var(--dim);background:transparent;border:1px solid var(--edge);border-radius:6px;width:32px;height:24px;cursor:pointer}.tw-bracket:hover{color:var(--ink)}.tw-readout{display:flex;align-items:center;gap:10px}.tw-entry{flex:1 1 auto;min-width:0;height:28px;padding:0 10px;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--float);border:1px solid var(--edge);border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tw-entry:focus{outline:none;border-color:var(--ink)}.tw-config{flex:0 0 auto;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}button{font-family:inherit}