:root{--lcd-hi: #7af4ff;--lcd-lo: #2ccbe0;--chrome-hi: #f2f4f7;--chrome-lo: #6b7280;--plastic: #0d0f12;--label: #d9dde3;--led-green: #5dff6a;--knob-blue: #2f7bff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#050607;color:var(--label);font-family:Orbitron,Arial Narrow,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.domain{margin:0;font-size:clamp(16px,3.4vw,34px);font-weight:900;font-style:italic;letter-spacing:.04em;text-align:center;overflow-wrap:anywhere;color:var(--lcd-hi);text-shadow:0 0 12px rgba(80,230,255,.6),0 0 32px rgba(80,230,255,.3)}.dash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px 16px;background:radial-gradient(ellipse at 50% 40%,rgba(60,200,230,.12),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 4px),linear-gradient(180deg,#16181c,#0a0b0d 55%,#121417)}.unit-wrap{width:min(1040px,100%);container-type:inline-size}.unit{position:relative;aspect-ratio:1000 / 300;padding:1.1cqw;border-radius:1.4cqw;background:linear-gradient(180deg,#2a2d33,#111317 40%,#050608);box-shadow:0 0 0 .2cqw #000,0 2.5cqw 5cqw #000c,inset 0 .15cqw #ffffff1f}.faceplate{position:relative;height:100%;display:grid;grid-template-columns:15cqw 1fr 7cqw;border-radius:1cqw;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.02) 18%,transparent 45%),linear-gradient(180deg,#1a1c21,var(--plastic) 70%);box-shadow:inset 0 0 0 .15cqw #ffffff0f,inset 0 -1cqw 2cqw #0009}.faceplate:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.05) 42%,transparent 52%)}.col-left{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw}.knob-ring{width:12cqw;height:12cqw;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 200deg,#9aa3ad,#f5f7fa,#646b74,#e6e9ed,#8a929b,#f5f7fa,#9aa3ad);box-shadow:0 .4cqw 1.2cqw #000c,inset 0 0 0 .25cqw #00000059;touch-action:none;cursor:grab;outline:none;transition:box-shadow .4s}.knob-ring.lit{box-shadow:0 0 0 .35cqw var(--knob-blue),0 0 2.4cqw .4cqw #2f7bffbf,0 .4cqw 1.2cqw #000c}.knob-ring:focus-visible{outline:.25cqw dashed var(--lcd-hi);outline-offset:.6cqw}.knob{position:relative;width:9.2cqw;height:9.2cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4f57,#16181c 60%,#050607),repeating-conic-gradient(#222 0 4deg,#111 4deg 8deg);box-shadow:inset 0 .3cqw .5cqw #ffffff26,inset 0 -.4cqw .8cqw #000c}.knob-mark{position:absolute;top:.8cqw;left:50%;width:.5cqw;height:1.6cqw;margin-left:-.25cqw;border-radius:.3cqw;background:var(--lcd-hi);box-shadow:0 0 .8cqw var(--lcd-hi)}.unit.off .knob-mark{background:#555;box-shadow:none}.pill{border:none;border-radius:999px;color:#0b1a24;background:linear-gradient(180deg,#e7f6ff,#7fb5d6 55%,#4a86ab);box-shadow:0 .2cqw #0b2233,0 0 1cqw #6ebeff73,inset 0 .15cqw #fffc;transition:transform .06s,filter .2s}.pill:active{transform:translateY(.15cqw);box-shadow:0 .05cqw #0b2233}.unit.off .pill{filter:grayscale(1) brightness(.45)}.pill.src{font-size:1.2cqw;font-weight:700;letter-spacing:.1em;padding:.5cqw 2cqw}.unit.off .pill.src{filter:none;animation:pulse 1.6s ease-in-out infinite}.pill.small{width:3.6cqw;height:2cqw}.col-mid{display:grid;grid-template-rows:auto 1fr auto;padding:1.2cqw 0 1cqw;min-width:0}.labels-top{display:flex;align-items:baseline;gap:1.8cqw;padding:0 1cqw;font-style:italic;font-weight:700;color:var(--label);white-space:nowrap}.badge-eeq{font-size:1.6cqw;letter-spacing:-.02em;border:.15cqw solid var(--label);border-radius:.5cqw;padding:0 .4cqw;font-style:normal}.label-mosfet{font-size:1.9cqw;letter-spacing:.02em}.label-mosfet small{font-size:.6em}.brand{flex:1;text-align:center;font-size:2cqw;font-weight:900;font-style:italic;letter-spacing:.05em;background:linear-gradient(180deg,#fafbfc,#8c939c 55%,#dfe3e8);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 .1cqw 0 #000)}.label-mp3,.label-dab{font-size:1.7cqw}.display-row{display:flex;align-items:center;gap:1.2cqw;padding:.8cqw 0;min-height:0}.side-buttons{display:flex;flex-direction:column;align-items:center;gap:.4cqw;flex:none}.tiny-label{font-size:.85cqw;letter-spacing:.12em;color:#9aa1aa}.lcd{position:relative;flex:1;align-self:stretch;border-radius:.6cqw;overflow:hidden;background:#031014;border:.35cqw solid #000;box-shadow:0 0 0 .12cqw #2a2e34,inset 0 0 1.5cqw #000000e6}.unit:not(.off) .lcd{background:radial-gradient(ellipse at 50% 50%,var(--lcd-hi) 0%,var(--lcd-lo) 85%,#1797ad 100%);box-shadow:0 0 0 .12cqw #2a2e34,0 0 3cqw #50e6ff59,inset 0 0 1.2cqw #003c508c;animation:backlight-on .5s steps(4) both}.lcd-status{position:absolute;top:.4cqw;left:.8cqw;right:.8cqw;display:flex;gap:1.2cqw;font-size:.95cqw;font-weight:700;color:#041c28d9;z-index:1}.lcd-status .blink{margin-left:auto;animation:blink 1.2s steps(1) infinite}.dot-matrix{position:absolute;inset:22% 2% 6%;width:96%;height:72%}.lcd-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(170deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.05) 35%,transparent 36%),repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0 1px,transparent 1px 3px)}.spectrum{display:flex;gap:.25cqw;align-self:center;height:70%;flex:none}.spectrum-col{display:flex;flex-direction:column;gap:.25cqw;width:.7cqw}.seg{flex:1;background:#1d2026;border-radius:.08cqw}.seg.on{background:#eef6ff;box-shadow:0 0 .5cqw #c8ebffcc}.presets{display:grid;grid-template-columns:9cqw repeat(6,1fr);align-items:end;padding:0 1cqw;border-bottom:.15cqw solid #24272d}.model{font-size:.9cqw;letter-spacing:.08em;color:#7c838c;padding-bottom:.9cqw}.preset{display:flex;flex-direction:column;align-items:center;gap:.5cqw;padding:.3cqw 0 .6cqw;background:none;border:none;color:#c8ccd2}.preset-num{font-size:1.5cqw;font-weight:700}.preset-led{width:4cqw;height:.35cqw;border-radius:.2cqw;background:#1a2a1c}.preset.lit .preset-num{color:#c9f7b3}.preset.lit .preset-led{background:#2f8a38;box-shadow:0 0 .5cqw #5dff6a59}.preset.active .preset-num{color:var(--led-green);text-shadow:0 0 .8cqw var(--led-green)}.preset.active .preset-led{background:var(--led-green);box-shadow:0 0 1.2cqw var(--led-green)}.preset:hover .preset-num{color:#fff}.col-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;border-left:.15cqw solid #1f2227}.eject{width:4cqw;height:4cqw;border-radius:50%;border:none;font-size:1.4cqw;color:#0b1a24;background:radial-gradient(circle at 40% 30%,#e7f6ff,#6aa6cc 70%);box-shadow:0 0 1.2cqw #6ebeff80}.unit.off .eject{filter:grayscale(1) brightness(.45)}.anti-theft{font-size:.75cqw;letter-spacing:.1em;color:#c0392b;writing-mode:vertical-rl}.unit:not(.off) .anti-theft{animation:blink .9s steps(1) infinite}.hint{margin:3cqw 0 0;text-align:center;font-size:max(9px,1.2cqw);letter-spacing:.15em;text-transform:uppercase;color:#4b5560}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{box-shadow:0 0 1.8cqw #6ebeffe6}}@keyframes backlight-on{0%{filter:brightness(.2)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}