._grain_174sh_1{z-index:20;width:var(--stage);height:var(--stage);opacity:var(--grain-opacity);mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}._label_jnd62_1{width:calc(var(--cells) * var(--dot-pitch));height:calc((var(--glyph-rows) - 1) * var(--dot-pitch) + var(--dot));display:block;position:absolute}._dot_jnd62_8{left:calc(var(--dx) * var(--dot-pitch));top:calc(var(--dy) * var(--dot-pitch));width:var(--dot);height:var(--dot);background:currentColor;border-radius:50%;position:absolute}._switch_17doq_4{left:calc(var(--stage) / 2 + (var(--col) - (var(--cols) - 1) / 2) * var(--pitch-x) - var(--switch-w) / 2);top:calc(var(--stage) / 2 + (var(--row) - (var(--rows) - 1) / 2) * var(--pitch-y) - var(--switch-h) / 2);width:var(--switch-w);height:var(--switch-h);position:absolute}._shadow_17doq_12{left:var(--shadow-inset-x);right:var(--shadow-inset-x);top:var(--shadow-drop);bottom:calc(-1 * var(--shadow-drop));border-radius:var(--switch-radius);background:var(--shadow);filter:blur(var(--shadow-blur));position:absolute}._bloom_17doq_23{left:calc(-1 * var(--bloom-overhang));right:calc(-1 * var(--bloom-overhang));top:var(--bloom-top);height:var(--bloom-h);border-radius:var(--bloom-radius);background:var(--hot);filter:blur(var(--bloom-blur));opacity:calc(var(--bloom-max) * var(--on));position:absolute}._track_17doq_35{border-radius:var(--switch-radius);background:linear-gradient(180deg, var(--track-top) 0%, var(--track-bottom) 100%);box-shadow:var(--track-inner-shadow);position:absolute;inset:0;overflow:hidden}._glow_17doq_45{opacity:pow(var(--on), var(--glow-gamma));background:radial-gradient(ellipse calc((var(--glow-spread-off) + (var(--glow-spread-on) - var(--glow-spread-off)) * var(--on)) * 1%) 130% at calc(var(--x) * var(--u)) 125%, var(--hot) 0%, var(--deep) 40%, var(--glow-fade) 72%, var(--glow-clear) 100%);position:absolute;inset:0}._labelOn_17doq_59,._labelOff_17doq_60{top:var(--label-top);z-index:2}._labelOn_17doq_59{left:var(--label-inset);color:var(--label-on);opacity:clamp(0, var(--on) * var(--label-gain) - var(--label-lag), 1);filter:blur(calc((1 - var(--on)) * var(--label-blur)))}._labelOff_17doq_60{right:var(--label-inset);color:var(--label-off);opacity:clamp(0, (1 - var(--on)) * var(--label-gain) - var(--label-lag), 1);filter:blur(calc(var(--on) * var(--label-blur)))}._sheen_17doq_79{z-index:4;border-radius:var(--switch-radius);background:linear-gradient(180deg, var(--sheen-top) 0%, var(--sheen-clear) 40%);box-shadow:var(--sheen-edges);pointer-events:none;position:absolute;inset:0}._knob_17doq_90{left:0;top:var(--knob-top);z-index:3;width:var(--knob);height:var(--knob);margin-left:calc(var(--knob) / -2);box-shadow:var(--knob-drop);transform:translateX(calc(var(--x) * var(--u)));border-radius:50%;position:absolute}._knobDark_17doq_103,._knobLight_17doq_104,._knobWarm_17doq_105,._knobShine_17doq_106{border-radius:50%;position:absolute;inset:0}._knobDark_17doq_103{background:var(--knob-dark);box-shadow:var(--knob-dark-edge);opacity:calc(1 - (1 - var(--knob-dark-min)) * var(--on))}._knobLight_17doq_104{background:var(--knob-light);box-shadow:var(--knob-light-edge);opacity:var(--on)}._knobWarm_17doq_105{background:var(--knob-warm);opacity:calc(var(--knob-warm-max) * var(--on))}._knobShine_17doq_106{background:var(--knob-shine)}._pip_17doq_133{width:var(--pip-size);height:var(--pip-size);margin:calc(var(--pip-size) / -2) 0 0 calc(var(--pip-size) / -2);background:var(--pip);opacity:calc(var(--pip-min) + (1 - var(--pip-min)) * var(--on));box-shadow:0 0 calc(var(--on) * var(--pip-glow)) var(--pip);border-radius:50%;position:absolute;top:50%;left:50%}._page_1bzdf_3{background:var(--page);position:fixed;inset:0;overflow:hidden}._ambient_1bzdf_12,._warm_1bzdf_13{position:absolute;inset:0}._ambient_1bzdf_12{background:radial-gradient(var(--amb-rx) var(--amb-ry) at 50% calc(50% + var(--amb-y)), var(--amb-core) 0%, var(--amb-mid) 50%, var(--page) 100%)}._warm_1bzdf_13{background:radial-gradient(var(--warm-rx) var(--warm-ry) at 50% calc(50% + var(--warm-y)), var(--warm) 0%, var(--warm-clear) 70%);opacity:var(--lit)}._stage_1bzdf_36{left:calc(50% - var(--stage) / 2);top:calc(50% - var(--stage) / 2);width:var(--stage);height:var(--stage);position:absolute}:root{--u:calc(min(100vw, 100svh) / 1080);--stage:calc(1080 * var(--u));--page:#070505;--amb-core:#2c0b06;--amb-mid:#120605;--amb-rx:calc(810 * var(--u));--amb-ry:calc(594 * var(--u));--amb-y:calc(626.4 * var(--u));--warm:#96230c8c;--warm-clear:#96230c00;--warm-rx:calc(756 * var(--u));--warm-ry:calc(540 * var(--u));--warm-y:calc(540 * var(--u));--grain-opacity:.08;--pitch-x:calc(314 * var(--u));--pitch-y:calc(172 * var(--u));--switch-w:calc(264 * var(--u));--switch-h:calc(124 * var(--u));--switch-radius:calc(62 * var(--u));--track-top:#0b0808;--track-bottom:#110c0b;--track-inner-shadow:inset 0 calc(6 * var(--u)) calc(14 * var(--u)) #000000e6, inset 0 calc(-2 * var(--u)) calc(6 * var(--u)) #ffffff08;--glow-fade:#280804d9;--glow-clear:#0b080800;--sheen-top:#ffffff0d;--sheen-clear:#fff0;--sheen-edges:inset 0 0 0 var(--u) #ffffff0f, inset 0 var(--u) 0 #ffffff1f, 0 var(--u) 0 #ffffff0d;--shadow:#000000a6;--shadow-inset-x:calc(10 * var(--u));--shadow-drop:calc(14 * var(--u));--shadow-blur:calc(16 * var(--u));--bloom-overhang:calc(10 * var(--u));--bloom-top:calc(30 * var(--u));--bloom-h:calc(130 * var(--u));--bloom-radius:calc(70 * var(--u));--bloom-blur:calc(38 * var(--u));--knob:calc(98 * var(--u));--knob-top:calc(13 * var(--u));--knob-drop:0 calc(12 * var(--u)) calc(24 * var(--u)) #0009, 0 calc(3 * var(--u)) calc(6 * var(--u)) #00000080;--knob-dark:radial-gradient(circle at 40% 25%, #3b3433 0%, #1f1a19 42%, #0f0c0c 100%);--knob-dark-edge:inset 0 calc(1.5 * var(--u)) 0 #ffffff29, inset 0 calc(-4 * var(--u)) calc(10 * var(--u)) #0000008c;--knob-light:radial-gradient(circle at 40% 25%, #fff 0%, #fbf1ea 38%, #e8d3c8 78%, #d9bcae 100%);--knob-light-edge:inset 0 calc(1.5 * var(--u)) 0 #fff, inset 0 calc(-5 * var(--u)) calc(10 * var(--u)) #8c3c1e38;--knob-warm:radial-gradient(ellipse 80% 45% at 50% 105%, #ff6e328c 0%, #ff6e3200 70%);--knob-shine:radial-gradient(ellipse 40% 22% at 42% 20%, #ffffff8c 0%, #fff0 100%);--pip-size:calc(9 * var(--u));--pip-glow:calc(12 * var(--u));--label-on:#fff4ea;--label-off:#4e3e3b;--label-top:calc(47 * var(--u));--label-inset:calc(40 * var(--u));--label-blur:calc(3 * var(--u));--dot:calc(4.2 * var(--u));--dot-pitch:calc(6 * var(--u));--glow-gamma:.8;--glow-spread-off:70;--glow-spread-on:140;--bloom-max:.5;--knob-dark-min:.15;--knob-warm-max:.9;--pip-min:.3;--label-gain:1.4;--label-lag:.3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page);height:100%;overflow:hidden}