:root,[data-theme=light]{--bg: #FFFFFF;--bg-tint: #F4F2EE;--bg-shade: #E8E5E0;--panel: #F4F2EE;--panel-edge: #DDD9D2;--plastic: #FAF8F4;--plastic-edge: #C9C4BA;--plastic-shade: #A8A39A;--ink: #0A0A0A;--ink-soft: #4A4A47;--ink-faint: #8E8C86;--ink-ghost: rgba(10, 10, 10, .1);--orange: #FF6B1F;--orange-glow: rgba(255, 107, 31, .4);--green: #4A7C2A;--red: #C8281D;--amp-face: #EDEAE3;--amp-edge: #C9C4BA;--amp-highlight: rgba(255,255,255,.7);--amp-wordmark: #525252;--knob-black: #0A0A0A;--knob-indicator: #FFFFFF;--power-on: #FF6B1F;--power-off: #3A3A37;--button-tan: #E8C8A8;--button-tan-edge: #C9A782;--screw-recess: #D4CFC4;--screw-body: #A8A39A;--screw-slot: #3A3A37;--dial-bezel-inner: #E5E0D6;--dial-bezel-mid: #C2BCAF;--dial-bezel-outer: #8E8A82;--dial-body: #ECE4D2;--dial-body-light: #F5EFE0;--dial-body-shade: #C9C0AE;--dial-bar: #E8E0CD;--dial-bar-light: #F2EBD9;--dial-bar-shade: #C5BEA8;--dial-dot: #C73E2C}[data-theme=dark]{--bg: #1A1815;--bg-tint: #232120;--bg-shade: #2A2826;--panel: #232120;--panel-edge: #3A3835;--plastic: #2D2B28;--plastic-edge: #3D3B38;--plastic-shade: #4A4845;--ink: #E8E5E0;--ink-soft: #B0ADA8;--ink-faint: #6E6B66;--ink-ghost: rgba(232, 229, 224, .1);--orange: #FF8845;--orange-glow: rgba(255, 136, 69, .5);--green: #6BA847;--red: #E04A3C;--amp-face: #2A2826;--amp-edge: #3A3835;--amp-highlight: rgba(255,255,255,.05);--amp-wordmark: #888580;--knob-black: #0A0A0A;--knob-indicator: #FF8845;--power-on: #FF8845;--power-off: #5A5754;--button-tan: #5A4F42;--button-tan-edge: #6E6155;--screw-recess: #3A3835;--screw-body: #5A5754;--screw-slot: #1A1815;--dial-bezel-inner: #2A2826;--dial-bezel-mid: #4A4845;--dial-bezel-outer: #6E6B66;--dial-body: #1F1D1B;--dial-body-light: #2A2826;--dial-body-shade: #14130F;--dial-bar: #2A2826;--dial-bar-light: #34322F;--dial-bar-shade: #1F1D1B;--dial-dot: #E04A3C}:root{--shadow-depth: 1;--stroke-alpha: .1;--density-padding: 1;--balance-shift: 0;--power-saturate: 1;--power-brightness: 1;--power-contrast: 1}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:Inter Tight,Helvetica Neue,sans-serif;overscroll-behavior:none;transition:background .6s ease,color .6s ease}body{background-image:linear-gradient(180deg,var(--bg) 0%,var(--bg) 60%,var(--bg-tint) 100%);background-attachment:fixed}#root{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;filter:saturate(var(--power-saturate)) brightness(var(--power-brightness)) contrast(var(--power-contrast));transition:filter .5s ease}.page[data-power=off]{--power-saturate: 0;--power-brightness: .85;--power-contrast: .85}button{font-family:inherit;border:0;background:none;padding:0;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:4px}::selection{background:var(--orange);color:var(--bg)}.shell{flex:1;display:flex;flex-direction:column;padding:clamp(20px,4vw,56px) clamp(20px,5vw,80px);gap:clamp(28px,5vh,56px);max-width:1480px;width:100%;margin:0 auto;padding-block:calc(clamp(20px,4vw,56px) * var(--density-padding));gap:calc(clamp(28px,5vh,56px) * var(--density-padding));transform:translate(calc(var(--balance-shift) * 1%));transition:transform .3s ease,padding-block .3s ease,gap .3s ease}.masthead{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:32px;padding-bottom:clamp(20px,3vh,32px);border-bottom:1px solid var(--ink-ghost)}.masthead__title{margin:0;font-weight:500;font-size:clamp(36px,6vw,72px);letter-spacing:-.04em;line-height:.92;color:var(--ink);text-transform:lowercase}.masthead__title em{font-style:normal;color:var(--orange)}.masthead__meta{display:grid;gap:4px;text-align:right;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:lowercase;color:var(--ink-soft)}.masthead__meta strong{color:var(--ink);font-weight:500}.dial{display:block;background:none;border:0;cursor:pointer;padding:0;align-self:end;touch-action:none}.dial__svg{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,calc(.15 * var(--shadow-depth))))}.subhead{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start;font-size:14px;line-height:1.55;color:var(--ink-soft)}.subhead p{margin:0;max-width:60ch}.subhead__quote{font-size:18px;line-height:1.4;color:var(--ink);border-left:2px solid var(--orange);padding-left:16px;letter-spacing:-.01em}.hero{position:relative;width:100%;border-radius:12px;padding:clamp(40px,6vh,80px) clamp(20px,4vw,60px);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-tint) 100%);box-shadow:inset 0 1px 0 var(--amp-highlight),0 calc(1px * var(--shadow-depth)) calc(2px * var(--shadow-depth)) var(--ink-ghost)}.amp{display:block;width:100%;height:auto;max-width:1200px;margin:0 auto;user-select:none;-webkit-user-select:none}.hero__caption{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:clamp(20px,3vh,32px);padding-top:20px;border-top:1px solid var(--ink-ghost);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:lowercase;color:var(--ink-soft)}.hero__caption strong{color:var(--ink);font-weight:500}.section-label{display:flex;align-items:baseline;gap:16px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:lowercase;color:var(--ink-soft);padding-bottom:12px;border-bottom:1px solid var(--ink-ghost)}.section-label__index{color:var(--orange);font-weight:500}.section-label__title{color:var(--ink);font-weight:500}.now-playing{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:24px 32px;background:var(--panel);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:12px;box-shadow:inset 0 1px 0 var(--amp-highlight),0 calc(1px * var(--shadow-depth)) calc(2px * var(--shadow-depth)) rgba(80,75,65,calc(.1 * var(--shadow-depth)));transition:background .4s ease}.now-playing__indicator{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange-glow);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.now-playing__label{display:flex;flex-direction:column;gap:2px}.now-playing__title{font-weight:500;color:var(--ink);letter-spacing:.05em}.now-playing__desc{font-size:10px;color:var(--ink-soft);letter-spacing:.12em;text-transform:lowercase}.now-playing__metric{font-size:10px;color:var(--ink-faint);letter-spacing:.14em;text-transform:lowercase}.now-playing__metric strong{color:var(--ink);font-weight:500}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}@media (max-width: 880px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.grid{grid-template-columns:1fr}}.panel{position:relative;background:var(--panel);border-radius:10px;aspect-ratio:16 / 10;display:grid;place-items:center;box-shadow:inset 0 1px 0 var(--amp-highlight),0 calc(1px * var(--shadow-depth)) calc(2px * var(--shadow-depth)) rgba(80,75,65,calc(.1 * var(--shadow-depth))),0 0 0 1px rgba(80,75,65,var(--stroke-alpha));overflow:hidden;transition:background .4s ease}.panel__label{position:absolute;top:14px;left:18px;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:lowercase;color:var(--ink-faint)}.panel__index{position:absolute;top:14px;right:18px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:var(--ink-faint);letter-spacing:.05em}.panel__readout{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:lowercase;color:var(--ink-soft);white-space:nowrap;pointer-events:none}.panel__readout strong{color:var(--orange);font-weight:500}.foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:32px;margin-top:auto;border-top:1px solid var(--ink-ghost);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:lowercase;color:var(--ink-faint)}.foot__center{display:flex;align-items:center;gap:12px;justify-self:center}.foot__logo{height:26px;width:auto;opacity:.55;transition:opacity .3s ease,filter .3s ease}.foot__logo:hover{opacity:1}[data-theme=dark] .foot__logo{filter:invert(1) hue-rotate(180deg) saturate(.6) brightness(.95)}.foot__right{text-align:right}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.shell>*{animation:rise .7s cubic-bezier(.16,1,.3,1) both}.shell>*:nth-child(1){animation-delay:.05s}.shell>*:nth-child(2){animation-delay:.15s}.shell>*:nth-child(3){animation-delay:.25s}.shell>*:nth-child(4){animation-delay:.35s}.shell>*:nth-child(5){animation-delay:.45s}.shell>*:nth-child(6){animation-delay:.55s}.shell>*:nth-child(7){animation-delay:.65s}.grid .panel:nth-child(1){animation:rise .6s .5s cubic-bezier(.16,1,.3,1) both}.grid .panel:nth-child(2){animation:rise .6s .56s cubic-bezier(.16,1,.3,1) both}.grid .panel:nth-child(3){animation:rise .6s .62s cubic-bezier(.16,1,.3,1) both}.grid .panel:nth-child(4){animation:rise .6s .68s cubic-bezier(.16,1,.3,1) both}.grid .panel:nth-child(5){animation:rise .6s .74s cubic-bezier(.16,1,.3,1) both}.grid .panel:nth-child(6){animation:rise .6s .8s cubic-bezier(.16,1,.3,1) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--neu-light: rgba(255,255,255,.95);--neu-shade: rgba(80, 75, 65, .18);--neu-shade-strong: rgba(80, 75, 65, .28)}[data-theme=dark]{--neu-light: rgba(255,255,255,.04);--neu-shade: rgba(0, 0, 0, .55);--neu-shade-strong: rgba(0, 0, 0, .7)}.ctrl{position:relative;display:grid;place-items:center;user-select:none;-webkit-user-select:none;touch-action:none}.slide-toggle{width:60%;max-width:280px;aspect-ratio:2.4 / 1;border-radius:999px;background:var(--bg-shade);box-shadow:inset calc(5px * var(--shadow-depth)) calc(5px * var(--shadow-depth)) calc(12px * var(--shadow-depth)) var(--neu-shade),inset calc(-5px * var(--shadow-depth)) calc(-5px * var(--shadow-depth)) calc(12px * var(--shadow-depth)) var(--neu-light);cursor:pointer;transition:background .4s,box-shadow .4s;position:relative}.slide-toggle__knob{position:absolute;top:6%;left:3%;width:42%;height:88%;border-radius:999px;background:linear-gradient(145deg,var(--plastic) 0%,var(--plastic-edge) 100%);box-shadow:calc(-6px * var(--shadow-depth)) calc(-6px * var(--shadow-depth)) calc(14px * var(--shadow-depth)) var(--neu-light),calc(8px * var(--shadow-depth)) calc(8px * var(--shadow-depth)) calc(20px * var(--shadow-depth)) var(--neu-shade);transition:left .45s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background .4s;display:grid;place-items:center}.slide-toggle[data-on=true] .slide-toggle__knob{left:55%}.slide-toggle__pip{width:26%;aspect-ratio:1;border-radius:50%;background:var(--bg-shade);box-shadow:inset 2px 2px 5px var(--neu-shade),inset -2px -2px 5px var(--neu-light);transition:background .3s,box-shadow .3s}.slide-toggle[data-on=true] .slide-toggle__pip{background:var(--orange);box-shadow:inset 1px 1px 2px #00000040,0 0 12px var(--orange-glow)}.twin{width:70%;max-width:320px;aspect-ratio:3 / 1.1;border-radius:999px;background:var(--bg-shade);box-shadow:inset calc(5px * var(--shadow-depth)) calc(5px * var(--shadow-depth)) calc(12px * var(--shadow-depth)) var(--neu-shade),inset calc(-5px * var(--shadow-depth)) calc(-5px * var(--shadow-depth)) calc(12px * var(--shadow-depth)) var(--neu-light);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:6%;gap:4%;transition:background .4s,box-shadow .4s}.twin__btn{aspect-ratio:1;height:100%;border-radius:50%;background:linear-gradient(145deg,var(--plastic) 0%,var(--plastic-edge) 100%);box-shadow:-3px -3px 8px var(--neu-light),4px 4px 10px var(--neu-shade);cursor:pointer;transition:box-shadow .18s,transform .18s,background .4s;position:relative}.twin__btn:active{box-shadow:inset 4px 4px 8px var(--neu-shade-strong),inset -2px -2px 6px var(--neu-light);transform:translateY(1px)}.twin__btn[data-active=true]{box-shadow:inset 2px 2px 5px var(--neu-shade),inset -1px -1px 3px var(--neu-light),0 0 0 1.5px var(--orange)}.twin__indicator{width:14%;aspect-ratio:1;border-radius:50%;background:var(--bg-shade);box-shadow:inset 2px 2px 5px var(--neu-shade),inset -2px -2px 5px var(--neu-light);margin-right:6%;transition:background .3s,box-shadow .3s}.twin[data-on=true] .twin__indicator{background:var(--orange);box-shadow:inset 1px 1px 2px #00000040,0 0 10px var(--orange-glow)}.rotary{width:70%;max-width:240px;aspect-ratio:1;position:relative;display:grid;place-items:center}.rotary__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--panel);box-shadow:-3px -3px 8px var(--neu-light),4px 4px 12px var(--neu-shade);transition:background .4s,box-shadow .4s}.rotary__ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rotary__tick{position:absolute;top:0;left:50%;width:0;height:50%;transform-origin:bottom center}.rotary__tick:before{content:"";position:absolute;top:4%;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--ink);opacity:.7}.rotary__tick--major:before{width:2px;height:9px;border-radius:1px;opacity:.55}.rotary__knob{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1c1a17,#0a0a0a,#000);cursor:grab;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -3px 6px #00000080,0 calc(4px * var(--shadow-depth)) calc(14px * var(--shadow-depth)) rgba(0,0,0,calc(.3 * var(--shadow-depth))),0 1px 2px #00000040;transition:transform .05s linear;display:grid;place-items:start center;padding-top:8%}.rotary__knob:active{cursor:grabbing}.rotary__indicator{width:4px;height:32%;background:var(--orange);border-radius:2px;box-shadow:0 0 6px var(--orange-glow)}.sliders{display:flex;gap:36px;height:75%;align-items:stretch;justify-content:center}.slider{position:relative;width:28px;height:100%;display:flex;flex-direction:column;align-items:center;cursor:pointer}.slider__top-pip{width:6px;height:6px;border-radius:50%;background:var(--bg-shade);box-shadow:inset 2px 2px 5px var(--neu-shade),inset -2px -2px 5px var(--neu-light);margin-bottom:8px;flex-shrink:0}.slider__track{position:relative;flex:1;width:4px;background:var(--bg-shade);border-radius:2px;box-shadow:inset 1px 1px 2px var(--neu-shade),inset -1px -1px 2px var(--neu-light)}.slider__handle{position:absolute;left:50%;width:28px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--plastic) 0%,var(--plastic-edge) 100%);box-shadow:-3px -3px 6px var(--neu-light),3px 3px 8px var(--neu-shade),inset 0 1px 1px #ffffffb3;transform:translate(-50%,-50%);cursor:grab;transition:box-shadow .18s,background .4s}.slider__handle:before{content:"";position:absolute;top:50%;left:18%;right:18%;height:1px;background:#504b4138;transform:translateY(-50%);box-shadow:0 -3px #504b4129,0 3px #504b4129}.slider__handle:active{cursor:grabbing}.push{position:relative;width:38%;max-width:130px;aspect-ratio:1;display:grid;place-items:center}.push__pip{position:absolute;top:-22%;width:8px;height:8px;border-radius:50%;background:var(--bg-shade);box-shadow:inset 2px 2px 5px var(--neu-shade),inset -2px -2px 5px var(--neu-light);transition:background .18s,box-shadow .18s}.push[data-pressed=true] .push__pip{background:var(--orange);box-shadow:inset 1px 1px 1px #00000040,0 0 8px var(--orange-glow)}.push__well{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#0e0e0e,#000);box-shadow:inset 0 4px 10px #0009,0 1px 0 var(--neu-light)}.push__cap{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:linear-gradient(160deg,var(--plastic) 0%,var(--plastic-edge) 65%,var(--plastic-shade) 100%);box-shadow:inset 0 2px 2px #fffffff2,inset 0 -3px 4px var(--neu-shade),0 calc(8px * var(--shadow-depth)) calc(14px * var(--shadow-depth)) rgba(0,0,0,calc(.18 * var(--shadow-depth)));cursor:pointer;transition:transform .12s,box-shadow .12s,background .4s}.push__cap:active,.push[data-pressed=true] .push__cap{transform:translateY(4px) scale(.97);box-shadow:inset 0 2px 2px #fffffff2,inset 0 -2px 3px var(--neu-shade),0 2px 4px #00000040}.mini{display:flex;align-items:center;gap:6%;width:70%;max-width:300px}.mini__pill{flex:1;aspect-ratio:2.6 / 1;border-radius:999px;background:var(--bg-shade);box-shadow:inset calc(5px * var(--shadow-depth)) calc(5px * var(--shadow-depth)) calc(12px * var(--shadow-depth)) var(--neu-shade),inset calc(-5px * var(--shadow-depth)) calc(-5px * var(--shadow-depth)) calc(12px * var(--shadow-depth)) var(--neu-light);cursor:pointer;position:relative;transition:background .4s,box-shadow .4s}.mini__knob{position:absolute;top:6%;left:4%;width:44%;height:88%;border-radius:999px;background:linear-gradient(145deg,var(--plastic) 0%,var(--plastic-edge) 100%);box-shadow:-6px -6px 14px var(--neu-light),8px 8px 20px var(--neu-shade);transition:left .45s cubic-bezier(.34,1.56,.64,1),background .4s,box-shadow .4s}.mini__pill[data-on=true] .mini__knob{left:52%}.mini__indicator{width:14px;height:14px;border-radius:50%;background:var(--bg-shade);box-shadow:inset 2px 2px 5px var(--neu-shade),inset -2px -2px 5px var(--neu-light);flex-shrink:0;transition:background .3s,box-shadow .3s}.mini[data-on=true] .mini__indicator{background:var(--orange);box-shadow:inset 1px 1px 1px #00000040,0 0 8px var(--orange-glow)}
