:root{--vfd-glass: #020809;--vfd-glass-raised: #061012;--vfd-glass-border: rgb(90 255 245 / 18%);--vfd-phosphor: #68fff5;--vfd-core: #efffff;--vfd-glow: rgb(72 255 244 / 50%);--vfd-segment-off: rgb(70 145 142 / 14%);--vfd-label-off: rgb(88 170 165 / 24%);--vfd-green: #92ff7e;--vfd-yellow: #ffd15c;--vfd-red: #ff5b51;--vfd-step-duration: 60ms;--vfd-scroll-duration: .26s;--vfd-spinner-duration: .18s;--vfd-segment-gap: 2px;--vfd-segment-radius: 1px;--vfd-brightness: 1;--vfd-meter-stagger: 14ms;--vfd-meter-transition-duration: .18s;--vfd-button-indicator-blur-soft: 2px;--vfd-button-indicator-blur-strong: 6px;--vfd-optical-blur-soft: 0px;--vfd-optical-blur-strong: 0px;--vfd-mesh-line: rgb(0 0 0 / 62%);--vfd-mesh-opacity: .48;--vfd-panel-gap: clamp(.8rem, 2vw, 1.5rem)}.vfd-panel{position:relative;isolation:isolate;color:var(--vfd-phosphor);background:linear-gradient(115deg,rgb(255 255 255 / 2%),transparent 24%),radial-gradient(circle at 50% -40%,var(--vfd-glass-raised),var(--vfd-glass) 70%);border:1px solid var(--vfd-glass-border);border-radius:.4rem;box-shadow:inset 0 1px #ffffff08,inset 0 0 2rem #0009,0 1rem 3rem #00000052}.vfd-panel[data-vfd-blur=true]{--vfd-optical-blur-soft: 2px;--vfd-optical-blur-strong: 6px}.vfd-panel[data-vfd-mesh=true]:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(30deg,var(--vfd-mesh-line) 12%,transparent 12.5%,transparent 87%,var(--vfd-mesh-line) 87.5%),linear-gradient(150deg,var(--vfd-mesh-line) 12%,transparent 12.5%,transparent 87%,var(--vfd-mesh-line) 87.5%),linear-gradient(30deg,var(--vfd-mesh-line) 12%,transparent 12.5%,transparent 87%,var(--vfd-mesh-line) 87.5%),linear-gradient(150deg,var(--vfd-mesh-line) 12%,transparent 12.5%,transparent 87%,var(--vfd-mesh-line) 87.5%);background-position:0 0,0 0,3px 5px,3px 5px;background-size:6px 10px;border-radius:inherit;opacity:var(--vfd-mesh-opacity);mix-blend-mode:multiply}.vfd-panel[data-powered=false]{color:var(--vfd-label-off)}.vfd-glass-raised{background:var(--vfd-glass-raised);border:1px solid var(--vfd-glass-border)}.vfd-physical-button{--vfd-button-indicator-color: var(--vfd-core);--vfd-button-indicator-glow: var(--vfd-glow);position:relative;min-height:2rem;padding:.72rem .72rem .42rem;color:#c7d0d1;font:700 .72rem/1 Arial Narrow,Roboto Condensed,system-ui,sans-serif;letter-spacing:.06em;text-shadow:0 -1px #000;cursor:pointer;background:linear-gradient(180deg,rgb(255 255 255 / 9%),transparent 30%),linear-gradient(180deg,#333a3c,#171b1c 58%,#0b0d0e);border:1px solid #080a0a;border-top-color:#596164;border-radius:.2rem;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0000008c,0 2px #050606,0 3px 5px #0000008c;transform:translateY(0);transition:transform 55ms ease}.vfd-physical-button:before{position:absolute;top:.3rem;left:50%;width:42%;height:2px;content:"";background:#030404;border-radius:999px;box-shadow:inset 0 1px 1px #000000e5,0 1px #ffffff0a;transform:translate(-50%);transition:background-color 80ms linear,box-shadow 80ms linear}.vfd-physical-button[data-color=red]{--vfd-button-indicator-color: var(--vfd-red);--vfd-button-indicator-glow: color-mix( in srgb, var(--vfd-red), transparent 40% )}.vfd-physical-button:active{box-shadow:inset 0 2px 5px #000c,0 0 #050606;transform:translateY(2px)}.vfd-physical-button[aria-pressed=true]{color:#dbe2e3;background:linear-gradient(180deg,rgb(255 255 255 / 9%),transparent 30%),linear-gradient(180deg,#333a3c,#171b1c 58%,#0b0d0e);border-top-color:#596164;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0000008c,0 2px #050606,0 3px 5px #0000008c}.vfd-physical-button[aria-pressed=true]:before{background:var(--vfd-button-indicator-color);box-shadow:0 0 var(--vfd-button-indicator-blur-soft) var(--vfd-button-indicator-color),0 0 var(--vfd-button-indicator-blur-strong) var(--vfd-button-indicator-glow)}.vfd-physical-button:focus-visible{outline:1px solid #b7c2c4;outline-offset:2px}.vfd-physical-button[aria-pressed=true]:active{box-shadow:inset 0 2px 5px #000c,0 0 #050606}.vfd-physical-button:disabled,.vfd-physical-button[aria-disabled=true]{color:#677173;cursor:not-allowed;filter:saturate(.35);opacity:.55;box-shadow:inset 0 1px #ffffff0a,0 1px #050606}.vfd-physical-button:disabled:before,.vfd-physical-button[aria-disabled=true]:before{background:#030404;box-shadow:inset 0 1px 1px #000000e5}@media(prefers-reduced-motion:reduce){.vfd-physical-button{transition:none}}.vfd-segment-display{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--vfd-segment-gap);min-width:0;opacity:var(--vfd-brightness)}.vfd-character{--vfd-character-glow: var(--vfd-glow);position:relative;display:block;width:100%;min-width:.6rem;aspect-ratio:.62}.vfd-character[data-illuminated=true]{filter:drop-shadow(0 0 var(--vfd-optical-blur-soft) var(--vfd-core)) drop-shadow(0 0 var(--vfd-optical-blur-strong) var(--vfd-character-glow))}.vfd-segment{--vfd-segment-color: var(--vfd-phosphor);position:absolute;display:block;box-sizing:border-box;margin:0;background:var(--vfd-segment-off);border-radius:var(--vfd-segment-radius);clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);opacity:.8}.vfd-character[data-color=green] .vfd-segment{--vfd-segment-color: var(--vfd-green)}.vfd-character[data-color=green]{--vfd-character-glow: color-mix(in srgb, var(--vfd-green), transparent 50%)}.vfd-character[data-color=yellow] .vfd-segment{--vfd-segment-color: var(--vfd-yellow)}.vfd-character[data-color=yellow]{--vfd-character-glow: color-mix(in srgb, var(--vfd-yellow), transparent 50%)}.vfd-character[data-color=red] .vfd-segment{--vfd-segment-color: var(--vfd-red)}.vfd-character[data-color=red]{--vfd-character-glow: color-mix(in srgb, var(--vfd-red), transparent 50%)}.vfd-segment[data-active=true]{background:var(--vfd-segment-color);opacity:1}.vfd-segment--a,.vfd-segment--d{left:18%;width:64%;height:6%}.vfd-segment--a{top:3%}.vfd-segment--d{bottom:3%}.vfd-segment--g1,.vfd-segment--g2{top:47%;width:31%;height:6%}.vfd-segment--g1{left:18%}.vfd-segment--g2{right:18%}.vfd-segment--b,.vfd-segment--c,.vfd-segment--e,.vfd-segment--f{width:7%;height:39%;clip-path:polygon(50% 0,100% 10%,100% 90%,50% 100%,0 90%,0 10%)}.vfd-segment--b{top:8%;right:8%}.vfd-segment--c{right:8%;bottom:8%}.vfd-segment--e{left:8%;bottom:8%}.vfd-segment--f{top:8%;left:8%}.vfd-segment--h,.vfd-segment--i,.vfd-segment--j,.vfd-segment--k{width:7%;height:35%;transform-origin:center}.vfd-segment--h{top:10%;left:29%;transform:rotate(-27deg)}.vfd-segment--i{top:10%;right:29%;transform:rotate(27deg)}.vfd-segment--j{bottom:10%;left:29%;transform:rotate(27deg)}.vfd-segment--k{right:29%;bottom:10%;transform:rotate(-27deg)}.vfd-segment--l,.vfd-segment--m{left:46.5%;width:7%;height:35%;clip-path:polygon(50% 0,100% 10%,100% 90%,50% 100%,0 90%,0 10%)}.vfd-segment--l{top:9%}.vfd-segment--m{bottom:9%}.vfd-indicator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem 1.2rem;opacity:var(--vfd-brightness)}.vfd-indicator-group{min-width:0}.vfd-indicator-group__label{margin-bottom:.35rem;color:color-mix(in srgb,var(--vfd-label-off),white 12%);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}.vfd-indicator-group__items{display:flex;flex-wrap:wrap;gap:.3rem .65rem}.vfd-indicator{--vfd-indicator-glow: var(--vfd-glow);color:var(--vfd-label-off);font-size:.65rem;font-weight:700;letter-spacing:.09em;white-space:nowrap;transition:color var(--vfd-step-duration) steps(1,end),text-shadow var(--vfd-step-duration) steps(1,end)}.vfd-indicator[data-active=true]{color:var(--vfd-phosphor);text-shadow:0 0 var(--vfd-optical-blur-soft) var(--vfd-core),0 0 var(--vfd-optical-blur-strong) var(--vfd-indicator-glow)}.vfd-indicator[data-active=true][data-color=green]{--vfd-indicator-glow: color-mix(in srgb, var(--vfd-green), transparent 50%);color:var(--vfd-green)}.vfd-indicator[data-active=true][data-color=yellow]{--vfd-indicator-glow: color-mix(in srgb, var(--vfd-yellow), transparent 50%);color:var(--vfd-yellow)}.vfd-indicator[data-active=true][data-color=red]{--vfd-indicator-glow: color-mix(in srgb, var(--vfd-red), transparent 50%);color:var(--vfd-red)}@property --vfd-level{syntax: "<number>"; inherits: true; initial-value: 0;}.vfd-meter-bar{display:grid;grid-template-columns:repeat(var(--vfd-meter-segments),minmax(3px,1fr));gap:3px;align-items:end}.vfd-volume-meter{min-height:1.2rem;opacity:var(--vfd-brightness)}.vfd-meter-segment{--vfd-meter-color: var(--vfd-phosphor);display:block;min-height:.45rem;background:var(--vfd-segment-off);border-radius:var(--vfd-segment-radius);transition:background-color 45ms linear calc(var(--vfd-meter-delay, 0) * var(--vfd-meter-stagger)),box-shadow 45ms linear calc(var(--vfd-meter-delay, 0) * var(--vfd-meter-stagger))}.vfd-meter-segment[data-color=green]{--vfd-meter-color: var(--vfd-green)}.vfd-meter-segment[data-color=yellow]{--vfd-meter-color: var(--vfd-yellow)}.vfd-meter-segment[data-color=red]{--vfd-meter-color: var(--vfd-red)}.vfd-meter-segment[data-active=true]{background:var(--vfd-meter-color);box-shadow:0 0 var(--vfd-optical-blur-soft) var(--vfd-core),0 0 var(--vfd-optical-blur-strong) color-mix(in srgb,var(--vfd-meter-color),transparent 50%)}.vfd-spectrum__columns{display:grid;grid-template-columns:repeat(var(--vfd-spectrum-columns),minmax(3px,1fr));gap:clamp(2px,.4vw,5px);align-items:end}.vfd-spectrum{opacity:var(--vfd-brightness)}.vfd-spectrum__column{--vfd-level: 0;display:flex;flex-direction:column;gap:2px;contain:layout style;transition:--vfd-level var(--vfd-meter-transition-duration) linear}.vfd-spectrum__column .vfd-meter-segment{--vfd-meter-active: clamp( 0, calc(var(--vfd-level) - var(--vfd-meter-index)), 1 );width:100%;min-height:3px;aspect-ratio:2.8;background:color-mix(in srgb,var(--vfd-segment-off) calc((1 - var(--vfd-meter-active)) * 100%),var(--vfd-meter-color) calc(var(--vfd-meter-active) * 100%));box-shadow:0 0 calc(var(--vfd-meter-active) * var(--vfd-optical-blur-soft)) color-mix(in srgb,var(--vfd-core) calc(var(--vfd-meter-active) * 100%),transparent),0 0 calc(var(--vfd-meter-active) * var(--vfd-optical-blur-strong)) color-mix(in srgb,var(--vfd-meter-color) calc(var(--vfd-meter-active) * 50%),transparent)}.vfd-spectrum-labels{display:grid;grid-template-columns:repeat(var(--vfd-spectrum-columns),minmax(0,1fr));gap:clamp(2px,.4vw,5px);margin-bottom:.5rem;color:var(--vfd-phosphor);font-size:clamp(.5rem,.9vw,.75rem);font-weight:700;letter-spacing:.015em;line-height:1;text-align:center;text-shadow:0 0 var(--vfd-optical-blur-soft) var(--vfd-core),0 0 var(--vfd-optical-blur-strong) var(--vfd-glow)}.vfd-spectrum-labels span:after{display:block;margin-top:.18rem;font-size:.72em;content:"Hz"}.vfd-panel[data-powered=false] .vfd-spectrum-labels{color:var(--vfd-label-off);text-shadow:none}.vfd-peak-meter{display:grid;gap:.22rem;color:var(--vfd-phosphor);opacity:var(--vfd-brightness)}.vfd-peak-meter__scale{display:grid;grid-template-columns:1.3rem repeat(var(--vfd-meter-segments),minmax(0,1fr));gap:.35rem;align-items:center;color:var(--vfd-label-off);font-size:.55rem;line-height:1;text-align:center}.vfd-peak-meter__channel{grid-template-columns:1.3rem repeat(var(--vfd-meter-segments),minmax(0,1fr));gap:.35rem}.vfd-peak-meter__channel-label{font-size:.65rem;font-weight:800;text-align:center;text-shadow:0 0 var(--vfd-optical-blur-soft) var(--vfd-core),0 0 var(--vfd-optical-blur-strong) var(--vfd-glow)}.vfd-peak-meter .vfd-meter-segment{min-height:.42rem}.vfd-balance-meter{display:grid;grid-template-columns:auto minmax(0,1fr) .45rem minmax(0,1fr) auto;gap:.3rem;align-items:center;color:var(--vfd-phosphor);opacity:var(--vfd-brightness)}.vfd-balance-meter__label{font-size:.62rem;font-weight:800;text-shadow:0 0 var(--vfd-optical-blur-soft) var(--vfd-core),0 0 var(--vfd-optical-blur-strong) var(--vfd-glow)}.vfd-panel[data-powered=false] .vfd-peak-meter__channel-label,.vfd-panel[data-powered=false] .vfd-balance-meter__label{color:var(--vfd-label-off);text-shadow:none}.vfd-balance-meter__side--left{direction:rtl}.vfd-balance-meter__center{display:block;min-height:.65rem;background:var(--vfd-segment-off);border-radius:var(--vfd-segment-radius);transition:background-color 45ms linear,box-shadow 45ms linear}.vfd-balance-meter__center[data-active=true]{background:var(--vfd-phosphor);box-shadow:0 0 var(--vfd-optical-blur-soft) var(--vfd-core),0 0 var(--vfd-optical-blur-strong) var(--vfd-glow)}@media(prefers-reduced-motion:reduce){:root{--vfd-meter-stagger: 0ms;--vfd-meter-transition-duration: 0ms}}.vfd-panel{display:grid;gap:var(--vfd-panel-gap);box-sizing:border-box;width:min(100%,76rem);padding:clamp(1rem,3vw,2.25rem)}.vfd-header,.vfd-footer{display:flex;gap:1rem;align-items:center;justify-content:space-between}.vfd-main-readout{display:grid;grid-template-columns:minmax(4rem,.3fr) minmax(0,1fr);gap:var(--vfd-panel-gap);align-items:center}.vfd-title-display{min-width:0}@media(max-width:760px){.vfd-indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vfd-main-readout{grid-template-columns:1fr}}@media(max-width:430px){.vfd-indicator-grid{grid-template-columns:1fr}.vfd-header,.vfd-footer{align-items:stretch;flex-direction:column}}[data-vfd-preset=aiwa]{--vfd-phosphor: #68fff5;--vfd-core: #efffff;--vfd-glow: rgb(72 255 244 / 50%);--vfd-panel-gap: clamp(.65rem, 1.6vw, 1.15rem)}[data-vfd-preset=sony]{--vfd-phosphor: #7dbdff;--vfd-core: #f0f8ff;--vfd-glow: rgb(87 167 255 / 48%);--vfd-segment-off: rgb(86 126 168 / 15%);--vfd-label-off: rgb(100 146 191 / 25%);--vfd-panel-gap: clamp(1rem, 2.5vw, 1.8rem)}[data-vfd-preset=technics]{--vfd-phosphor: #8dff91;--vfd-core: #effff0;--vfd-glow: rgb(109 255 117 / 44%);--vfd-segment-off: rgb(84 145 87 / 15%);--vfd-label-off: rgb(98 170 103 / 24%);--vfd-panel-gap: clamp(.9rem, 2vw, 1.4rem)}.vfd-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.vfd-spinner,.vfd-text-scroller{--vfd-step-duration: .5s}}:root{color:#c8d0d1;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;background:#070809;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 50% -20%,rgb(77 87 90 / 32%),transparent 44rem),linear-gradient(180deg,#111416,#050606 72%)}button,select,input{font:inherit}button,select{color:#d7e1e2;background:#161b1d;border:1px solid #455053;border-radius:.15rem}button{padding:.48rem .68rem;cursor:pointer}.demo-shell{width:min(100% - 1.5rem,78rem);margin:0 auto;padding:clamp(.75rem,2vw,1.5rem) 0 2rem}.demo-receiver{position:relative;padding:.8rem .9rem .7rem;overflow:hidden;background:repeating-linear-gradient(90deg,rgb(255 255 255 / 1.5%) 0,rgb(255 255 255 / 1.5%) 1px,transparent 1px,transparent 4px),linear-gradient(180deg,#303537,#171a1b 11%,#101213 88%,#272b2d);border:1px solid #070808;border-top-color:#62696b;border-radius:.32rem;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff12,0 0 0 1px #252a2b,0 1.2rem 3rem #000000b8}.demo-receiver:before,.demo-receiver:after{position:absolute;bottom:-.34rem;width:6rem;height:.45rem;content:"";background:#050606;border-radius:0 0 .3rem .3rem;box-shadow:0 .3rem .5rem #000000b3}.demo-receiver:before{left:3.5rem}.demo-receiver:after{right:3.5rem}.demo-receiver__masthead{display:flex;min-height:3rem;gap:1rem;align-items:center;justify-content:space-between;padding:.1rem .55rem .65rem;text-shadow:0 -1px #000}.demo-brand{display:flex;gap:.7rem;align-items:center}.demo-brand__mark{display:grid;width:2.65rem;height:2.1rem;place-items:center;color:#171a1b;font-size:.85rem;font-weight:900;letter-spacing:-.06em;text-shadow:0 1px rgb(255 255 255 / 15%);background:linear-gradient(135deg,#bcc2c3,#5f686a);border:1px solid #d4d8d9;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.demo-brand h1{margin:0;color:#d8dddd;font-size:1.05rem;font-style:italic;letter-spacing:.02em}.demo-brand p,.demo-receiver__model span{margin:.1rem 0 0;color:#777f81;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase}.demo-receiver__model{display:grid;justify-items:end}.demo-receiver__identity{display:flex;gap:.7rem;align-items:center}.demo-receiver__model strong{color:#c7cdce;font-size:.9rem;font-style:italic;letter-spacing:.08em}.demo-github-button{min-height:1.9rem;padding:.65rem .7rem .38rem;font-size:.55rem;text-decoration:none}.demo-display-bezel{position:relative;padding:.65rem;background:linear-gradient(180deg,#090b0c,#25292a 8%,#0b0d0e 95%),#0b0d0e;border:1px solid #050606;border-top-color:#454b4d;border-radius:.24rem;box-shadow:inset 0 0 0 1px #323738,inset 0 .45rem .75rem #000000d9,0 1px #ffffff0d}.demo-screw{position:absolute;z-index:3;top:.22rem;width:.28rem;height:.28rem;background:linear-gradient(45deg,transparent 44%,#181a1b 45% 55%,transparent 56%),radial-gradient(circle at 35% 30%,#8b9293,#343839 58%,#090a0a 62%);border-radius:50%;box-shadow:0 1px 1px #000}.demo-screw--top-left{left:.25rem}.demo-screw--top-right{right:.25rem}#panel{--vfd-panel-gap: .55rem;padding:.72rem .9rem;border-color:#5afff51a;border-radius:.08rem}#panel .vfd-indicator-grid{gap:.42rem .8rem}#panel .vfd-indicator-group__label{margin-bottom:.16rem}#panel .vfd-spectrum-labels{margin-bottom:.25rem}#panel .vfd-spectrum__column{gap:1px}#panel .vfd-spectrum__column .vfd-meter-segment{height:clamp(3px,.42vw,5px);min-height:0;aspect-ratio:auto}.demo-model{display:block;color:var(--vfd-label-off);font-size:.55rem;letter-spacing:.18em}.demo-display-type{color:var(--vfd-label-off);font-size:.55rem;letter-spacing:.16em}.demo-transport-readout{display:grid;grid-template-columns:1fr 2.2fr;gap:.4rem}#spinner{grid-row:span 2;width:2.1rem;align-self:center}#track{width:3.7rem}#time{width:7rem}#title{width:100%}.demo-meter-rack{display:grid;grid-template-columns:minmax(19rem,2fr) minmax(10rem,1fr) minmax(11rem,1fr);gap:.9rem;width:100%}.demo-meter-panel{display:grid;gap:.28rem;color:var(--vfd-label-off);font-size:.56rem;letter-spacing:.12em}.demo-control-deck{display:grid;grid-template-columns:minmax(9rem,.65fr) minmax(15rem,1.1fr) minmax(17rem,1.25fr) minmax(19rem,1.35fr);min-height:12rem;margin-top:.65rem;background:repeating-linear-gradient(90deg,rgb(255 255 255 / 1%) 0,rgb(255 255 255 / 1%) 1px,transparent 1px,transparent 5px),linear-gradient(180deg,#252a2c,#131617 46%,#0c0e0f);border:1px solid #080909;border-top-color:#4b5153;box-shadow:inset 0 1px #ffffff0d,inset 0 -.4rem .8rem #0000005c}.demo-system-controls,.demo-function-controls,.demo-transport-controls,.demo-rotary-controls{min-width:0;padding:.8rem;border-right:1px solid #080a0a;box-shadow:inset -1px 0 #ffffff08}.demo-control-caption{margin:0;color:#838b8d;font-size:.56rem;font-weight:600;letter-spacing:.17em;text-shadow:0 -1px #000;text-transform:uppercase}.demo-system-controls{display:grid;align-content:start;gap:.65rem}.demo-system-controls__buttons,.demo-mini-buttons,.demo-button-strip,.demo-transport-modes{display:flex;gap:.28rem}.demo-system-controls__buttons button,.demo-mini-buttons button,.demo-button-strip button,.demo-transport-modes button{min-width:0;flex:1 1 0}.demo-system-controls__buttons #power{min-width:4.4rem}.demo-preset-control{display:grid;gap:.25rem;color:#777f81;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.demo-preset-control select{width:100%;min-width:0;padding:.3rem;font-size:.66rem}.demo-mini-buttons button{min-height:1.6rem;padding-block:.55rem .3rem;font-size:.57rem}.demo-function-controls{display:grid;align-content:start;gap:.75rem}.demo-button-group{display:grid;gap:.38rem}.demo-button-group--utility{margin-top:auto}.demo-button-strip button{padding-inline:.35rem;font-size:.62rem}.demo-transport-controls{display:grid;align-content:start;gap:.55rem}.demo-transport-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.demo-transport-buttons button{display:grid;min-width:0;min-height:4.25rem;padding:.65rem .2rem .35rem;place-items:center}.demo-transport-buttons button>span{color:#d8dfe0;font-size:1rem;letter-spacing:-.06em}.demo-transport-buttons small{color:#929b9d;font-size:.52rem;letter-spacing:.08em}.demo-transport-modes{align-self:end}.demo-transport-modes button{font-size:.59rem}.demo-rotary-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;align-items:end;border-right:0;box-shadow:none}.demo-knob-control{--demo-knob-angle: 0deg;position:relative;display:grid;min-width:0;gap:.32rem;place-items:center;color:#838b8d;font-size:.52rem;letter-spacing:.1em;text-align:center;text-transform:uppercase}.demo-knob-control__label{min-height:1.3em;color:#a4acad;text-shadow:0 -1px #000}.demo-knob{position:relative;display:block;width:clamp(3.25rem,5vw,4.15rem);aspect-ratio:1;background:linear-gradient(90deg,transparent 48%,rgb(255 255 255 / 12%) 49% 51%,transparent 52%),repeating-conic-gradient(from 0deg,rgb(255 255 255 / 7%) 0deg 2deg,transparent 2deg 8deg),radial-gradient(circle at 38% 30%,#596164,#272c2e 52%,#0b0d0e 74%);border:1px solid #050606;border-radius:50%;box-shadow:inset 0 0 0 2px #303638,inset .3rem .4rem .5rem #ffffff14,inset -.35rem -.45rem .6rem #000000bf,0 .2rem #080909,0 .4rem .65rem #000000a6;transform:rotate(var(--demo-knob-angle))}.demo-knob:before{position:absolute;top:.28rem;left:calc(50% - 1px);width:2px;height:28%;content:"";background:#e4e8e8;border-radius:999px;box-shadow:0 0 1px #fff,0 1px 2px #000}.demo-knob-control--volume .demo-knob{width:clamp(4.3rem,6vw,5.2rem)}.demo-knob-control input{position:absolute;top:1.1rem;width:min(100%,5rem);height:5.4rem;margin:0;cursor:ew-resize;opacity:0}.demo-knob-control:has(input:focus-visible) .demo-knob{outline:1px solid #d7dfe0;outline-offset:.2rem}.demo-knob-control:has(input:disabled){opacity:.42}.demo-knob-control input:disabled{opacity:0}.demo-knob-control__scale{display:flex;width:100%;justify-content:space-between;color:#596163;font-size:.45rem}.demo-media-bay{display:grid;gap:.45rem;margin-top:.5rem;padding:.6rem .75rem .7rem;background:linear-gradient(180deg,rgb(255 255 255 / 3%),transparent 20%),#0b0d0e;border:1px solid #050606;border-top-color:#323738;box-shadow:inset 0 .35rem .7rem #00000085,0 1px #ffffff0a}.demo-media-bay__header{display:flex;gap:1rem;align-items:center;justify-content:space-between}.demo-media-bay__header h2{margin:.12rem 0 0;color:#d8dede;font-size:.86rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.demo-media-actions{display:flex;gap:.35rem}.demo-file-button{display:inline-flex;align-items:center;padding:.68rem .72rem .4rem;color:#c7d0d1;cursor:pointer}.demo-file-button:focus-within{outline:1px solid #b7c2c4;outline-offset:2px}.demo-file-button input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.demo-audio-drop-zone{padding:.42rem;color:#5f696b;font-size:.68rem;letter-spacing:.06em;text-align:center;background:#070808;border:1px solid #252a2b;box-shadow:inset 0 1px #000,0 1px #ffffff08}.demo-audio-drop-zone[data-dragging=true]{color:var(--vfd-phosphor);background:#68fff50f;border-color:color-mix(in srgb,var(--vfd-phosphor),transparent 60%)}.demo-audio-status{min-height:1.2em;margin:0;color:#747e80;font-size:.67rem}.demo-playlist{display:grid;gap:.28rem;max-height:8.5rem;padding:0;margin:0;overflow:auto;list-style:none}.demo-playlist__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem}.demo-playlist__select{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.65rem;align-items:center;min-width:0;text-align:left}.demo-playlist__item[data-selected=true] .demo-playlist__select{color:var(--vfd-core);background:#68fff514;border-color:color-mix(in srgb,var(--vfd-phosphor),transparent 35%);box-shadow:inset 0 0 .75rem #68fff50d}.demo-playlist__number,.demo-playlist__size{color:#657073;font-size:.62rem;letter-spacing:.08em}.demo-playlist__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-playlist__remove{color:#b67b77;font-size:.6rem}#audio-player{display:none}.demo-receiver__footer{display:flex;justify-content:space-between;padding:.55rem .4rem 0;color:#5d6567;font-size:.48rem;letter-spacing:.13em;text-transform:uppercase}button:disabled,input:disabled{cursor:not-allowed;opacity:.42}#power[aria-pressed=false]:before{background:#030404;box-shadow:inset 0 1px 1px #000000e5}@media(max-width:1100px){.demo-control-deck{grid-template-columns:minmax(11rem,.7fr) minmax(20rem,1.3fr)}.demo-function-controls{border-right:0;box-shadow:none}.demo-transport-controls,.demo-rotary-controls{border-top:1px solid #3a3f41}}@media(max-width:760px){.demo-shell{width:min(100% - .75rem,78rem);padding-top:.4rem}.demo-receiver{padding-inline:.45rem}.demo-receiver__masthead{align-items:flex-start}.demo-receiver__model span{display:none}.demo-display-bezel{padding:.4rem}#panel{padding:.6rem}.demo-control-deck{grid-template-columns:1fr}.demo-system-controls,.demo-function-controls,.demo-transport-controls,.demo-rotary-controls{border-right:0;border-bottom:1px solid #080a0a;box-shadow:inset 0 -1px #ffffff08}.demo-meter-rack{grid-template-columns:1fr 1fr}.demo-meter-panel--peak{grid-column:1 / -1}}@media(max-width:520px){.demo-brand__mark{display:none}.demo-brand h1{font-size:.9rem}.demo-rotary-controls{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.8rem}.demo-meter-rack{grid-template-columns:1fr}.demo-meter-panel--peak{grid-column:auto}.demo-media-bay__header{align-items:flex-start;flex-direction:column}.demo-playlist__select{grid-template-columns:1.8rem minmax(0,1fr)}.demo-playlist__size{display:none}.demo-receiver__footer{gap:.5rem;flex-direction:column}}