.deck-panel{background:linear-gradient(180deg,#141416d9,#0a0a0ce6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff0a;border-radius:12px}.deck-btn{background:linear-gradient(180deg,#2a2a2e,#161618);border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0f;transition:all .15s cubic-bezier(.4,0,.2,1)}.deck-btn:hover{border-color:#ffffff24;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;transform:translateY(-1px)}.deck-btn:active{transform:translateY(0) scale(.97);box-shadow:0 1px 2px #0000004d,inset 0 1px 2px #0000004d}.deck-fader-cap{background:linear-gradient(180deg,#4a4a4e,#1e1e22);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 6px #0009,inset 0 1px #ffffff26,inset 0 -1px #0000004d;border-radius:4px}.deck-fader-track{background:linear-gradient(180deg,#0a0a0c,#050507);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 2px 4px #0009;border-radius:6px}.deck-lcd{background:linear-gradient(180deg,#050805,#030503);border:1px solid rgba(0,255,100,.08);box-shadow:inset 0 0 12px #00ff3c08,inset 0 1px 2px #0009;border-radius:6px}.deck-pad{background:linear-gradient(180deg,#1a1a1e,#0e0e10);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0a;border-radius:6px;transition:all .1s ease}.deck-pad:active{transform:scale(.94);box-shadow:0 1px 2px #0003,inset 0 2px 4px #0000004d}.deck-utility-bar{background:linear-gradient(180deg,#121214e6,#0a0a0cf2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.deck-led-glow{box-shadow:0 0 8px currentColor,0 0 2px currentColor}@media(max-width:768px){.deck-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}