.active-num{background:#e17858!important;color:#fff!important}.track-list{scrollbar-width:none}.track-list::-webkit-scrollbar{display:none}.bakelitt{background:#e9e3d2;border:2px solid #2a7b83;color:#16213e;box-shadow:0 2px 0 #9f9c91;padding:1rem;transition:transform .25s cubic-bezier(.4,1.6,.4,1),box-shadow .25s;overflow:hidden;will-change:transform;width:100%}.bakelitt .num{background:#2a7b83;color:#f4ece2}.bakelitt:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 8px 24px -4px #9f9c91,0 2px 0 #9f9c91}.glow{background:#2a7b83;box-shadow:0 0 0 2px #f5ede2,0 0 12px rgba(42,123,131,.4);color:#f5ede2;border:none;padding:1rem;transition:transform .25s cubic-bezier(.4,1.6,.4,1),box-shadow .25s;overflow:hidden;will-change:transform;width:100%}.track-list{overflow-y:auto!important;overflow-x:hidden!important}.glow .num{background:#f4ece2;color:#2a7b83}.glow:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 32px -4px #2a7b83,0 0 0 2px #f5ede2,0 0 12px rgba(42,123,131,.4)}.vinyl{background:none;border-left:4px solid #e17858;padding:1rem;color:#2a7b83}.vinyl .num{background:#e17858;color:#e9e3d2}:root{--ink:#16213e;--panel:#2f2f2f;--teal:#2a7b83;--teal-dark:#256b72;--teal-deep:#1e5e64;--cream:#f4ece2;--shadow:#9f9c91}.text-panel{color:var(--panel)}.text-ink{color:var(--ink)}.text-teal{color:var(--teal)}.text-warm{color:var(--warm)}.bg-panel{background:var(--panel)}.bg-cream{background:var(--cream)}.bg-teal{background:var(--teal)}.bg-warm{background:var(--warm)}.emboss{text-shadow:0 2px 6px var(--shadow),0 1px 0 #a4a39a}:root{--bg:#e9e3d2;--display-bg:#1e1e1e;--digit:#00ff9f;--warm:#e17858}.display-panel{width:367px;height:120px;border-radius:24px;background:var(--display-bg);box-shadow:inset 0 4px 16px 0 hsla(0,0%,100%,.18),inset 0 -4px 16px 0 rgba(71,70,70,.22);position:relative;overflow:hidden;border:3px solid #9ed9f0;margin:0 auto}.glass{pointer-events:none;background:linear-gradient(115deg,rgba(255,183,77,.25),transparent 50%,rgba(255,183,77,.15));mix-blend-mode:screen;opacity:.45;background-size:200% 100%;animation:glassSweep 14s linear infinite}.display-content,.glass{position:absolute;inset:0}.display-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0 18px;text-align:center;text-shadow:0 0 8px rgba(255,183,77,.6)}.display-header{font-size:.72rem;color:var(--warm);letter-spacing:.15em;text-transform:uppercase}.display-header,.display-track{animation:colorPulse 6s ease-in-out infinite}.display-track{font-size:1.3rem;color:#ffd166;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display-artist{font-size:.74rem;line-height:1.3;opacity:.7;color:#ffe29a;animation:colorPulse 6s ease-in-out infinite}.visualizer{position:absolute;bottom:10px;left:0;right:0;height:20px;display:flex;justify-content:center;align-items:end;gap:4px}.bar{width:6px;border-radius:3px;background:#ffd166;animation:equalize 1s ease-in-out infinite;box-shadow:0 0 8px rgba(255,183,77,.6)}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.2s}.bar:nth-child(4){animation-delay:.3s}.bar:nth-child(5){animation-delay:.4s}@keyframes panelPulse{0%{box-shadow:inset 0 0 15px rgba(0,0,0,.8),0 10px 25px rgba(0,0,0,.25),0 0 20px rgba(0,255,159,.3)}50%{box-shadow:inset 0 0 20px rgba(255,183,77,.3),0 10px 25px rgba(0,0,0,.25),0 0 35px rgba(255,183,77,.4)}to{box-shadow:inset 0 0 15px rgba(0,0,0,.8),0 10px 25px rgba(0,0,0,.25),0 0 20px rgba(0,255,159,.3)}}@keyframes glassSweep{0%{background-position:-200% 0;opacity:.2}50%{background-position:100% 0;opacity:.7}to{background-position:200% 0;opacity:.2}}@keyframes colorPulse{0%{opacity:.8;color:#ffd166;text-shadow:0 0 10px rgba(255,183,77,.5)}25%{color:#ffe29a;text-shadow:0 0 12px rgba(255,226,154,.6)}50%{opacity:1;color:#ffbe5b;text-shadow:0 0 14px rgba(255,190,91,.8)}75%{color:#ffe29a;text-shadow:0 0 12px rgba(255,226,154,.6)}to{opacity:.8;color:#ffd166;text-shadow:0 0 10px rgba(255,183,77,.5)}}@keyframes equalize{0%,to{height:5px;opacity:.6}50%{height:20px;opacity:1}}