/* Illuminated five-band equalizer; retains native keyboard and touch control. */
.eqDeck{position:relative;padding:12px 14px!important;border:1px solid #698662!important;border-radius:9px;background:radial-gradient(ellipse at 50% 0,#b8ff4118,transparent 70%),linear-gradient(135deg,#19282d,#0a131b 65%)!important;box-shadow:inset 0 1px #d9ff6533,inset 0 -2px 12px #0008,0 0 15px #c7ff4010;transition:border-color .2s,box-shadow .2s}.eqDeck:before{content:'';position:absolute;left:12px;right:12px;top:0;height:2px;background:linear-gradient(90deg,transparent,#d9ff6588,transparent)}.eqDeck .eqTitle{gap:8px;align-items:center}.eqDeck .eqTitle strong{font:800 11px/1.2 system-ui!important;letter-spacing:.12em;color:#e4f0e9}.eqDeck .eqTitle strong:before{content:'▥';color:#dcff72;font-size:17px;margin-right:7px;vertical-align:middle}.eqDeck #eqToggle{border-radius:5px;min-height:32px!important;font:700 11px system-ui;color:#c4d4da;background:#26353e;border:1px solid #6e8188}.eqDeck #eqPreset{border-radius:5px;min-height:32px!important;font:600 11px system-ui;background:#13242b;border-color:#6c8588;max-width:125px;color:#edf5eb}.eqDeck .eqSliders{gap:8px;margin-top:10px!important;position:relative}.eqDeck .eqSliders label{--band:#dbff64;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px 6px;border-radius:6px;border:1px solid #47605977;background:linear-gradient(#132226,#091318);box-shadow:inset 0 1px #ffffff08;color:#dce9df}.eqDeck .eqSliders label:nth-child(2){--band:#b8ff72}.eqDeck .eqSliders label:nth-child(3){--band:#7cecc8}.eqDeck .eqSliders label:nth-child(4){--band:#79ddff}.eqDeck .eqSliders label:nth-child(5){--band:#c5bbff}.eqDeck .eqName{font:700 10px/1.1 system-ui;letter-spacing:.02em}.eqDeck .eqFrequency{font:8px/1 monospace;color:#92abb2}.eqDeck .eqSliders input{appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:rtl;width:30px!important;height:48px!important;min-height:48px!important;margin:2px 0!important;cursor:ns-resize;background:transparent;border:0;border-radius:0;accent-color:var(--band)}.eqDeck .eqSliders input::-webkit-slider-runnable-track{width:7px;border-radius:4px;background:repeating-linear-gradient(to top,transparent 0 7px,#0007 7px 8px),linear-gradient(to top,#526d50,#c7e5bb 50%,#557767);box-shadow:0 0 0 1px #03090d,inset 1px 0 #ffffff25}.eqDeck .eqSliders input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:12px;background:linear-gradient(to bottom,#e7f8de 0,#819c8f 28%,var(--band) 40%,var(--band) 64%,#526e64 76%,#263b34 100%);border:1px solid #bfd6ca;border-radius:3px;box-shadow:0 0 8px color-mix(in srgb,var(--band) 40%,transparent),0 3px 4px #000a}.eqDeck .eqSliders input::-moz-range-track{width:7px;border-radius:4px;background:linear-gradient(to top,#526d50,#c7e5bb 50%,#557767)}.eqDeck .eqSliders input::-moz-range-thumb{width:25px;height:12px;border-radius:3px;background:var(--band);border:1px solid #dbeee1;box-shadow:0 0 9px var(--band)}.eqDeck .eqSliders input:focus-visible{outline:2px solid var(--band);outline-offset:4px;border-radius:4px}.eqDeck .eqSliders output{font:700 10px/1 monospace;color:var(--band);background:#071016;border:1px solid #66847b55;min-width:43px;text-align:center;padding:4px;border-radius:4px;text-shadow:0 0 7px color-mix(in srgb,var(--band) 45%,transparent)}.eqDeck #eqStatus{color:#b2c6cc;font:9px/1.3 system-ui;margin-top:7px}.eqDeck.isEnabled{border-color:#d7ff6b!important;box-shadow:inset 0 1px #d9ff6555,0 0 20px #c4ff3c30,inset 0 0 22px #aaff110b}.eqDeck.isEnabled:before{background:linear-gradient(90deg,transparent,#e8ffa2,transparent);box-shadow:0 0 12px #c5ff62}.eqDeck.isEnabled #eqToggle{color:#14200b;background:#dcff6e;border-color:#ebffa6;box-shadow:0 0 14px #d9ff6533}.eqDeck.isEnabled .eqSliders label{border-color:color-mix(in srgb,var(--band) 45%,transparent)}.eqDeck.isEnabled .eqSliders input::-webkit-slider-thumb{box-shadow:0 0 12px color-mix(in srgb,var(--band) 70%,transparent),0 3px 4px #000a}.eqDeck.isEnabled #eqStatus{color:#d4ec9e}@media(min-width:901px) and (max-height:850px){.eqDeck{padding:8px 10px!important}.eqDeck .eqSliders{margin-top:7px!important}.eqDeck .eqSliders label{padding:5px 3px;gap:3px}.eqDeck .eqSliders input{height:34px!important;min-height:34px!important}.eqDeck #eqStatus{font-size:8px;margin-top:5px}.eqDeck .eqTitle strong{font-size:9px!important}}@media(max-width:600px){.eqDeck .eqSliders{gap:5px}.eqDeck .eqSliders label{padding:8px 2px}.eqDeck .eqSliders input{height:76px!important;min-height:76px!important;width:36px!important}.eqDeck .eqSliders input::-webkit-slider-thumb{width:29px;height:16px}.eqDeck .eqName{font-size:10px}.eqDeck .eqSliders output{font-size:10px;min-width:35px}.eqDeck .eqTitle strong{font-size:10px!important;letter-spacing:.05em}.eqDeck #eqPreset{max-width:100px}.eqDeck #eqToggle{font-size:10px}}@media(prefers-reduced-motion:reduce){.eqDeck{transition:none}}

.woofer,.tweeter{transform-origin:center center;will-change:transform}.isPlaying .woofer{filter:drop-shadow(0 0 7px #b5ee3025)}@media(prefers-reduced-motion:reduce){.woofer,.tweeter{transform:none!important;will-change:auto}}

.presetsHeading{display:flex;align-items:center;justify-content:space-between;gap:10px}.presetViews{display:flex;gap:6px}.presetViews button{min-height:30px;padding:5px 10px;background:#243740;color:#c7d9df;border:1px solid #5e747b;border-radius:4px;font:11px system-ui;letter-spacing:0}.presetViews button[aria-pressed=true]{background:#d9ff65;color:#15210c;border-color:#e8ffa7;box-shadow:0 0 10px #d9ff6522}@media(max-width:600px){.presetsHeading{flex-wrap:wrap}.presetViews{width:100%}.presetViews button{flex:1;min-height:40px;font-size:11px;padding:5px}.presetsHeading>span{font-size:9px}}