.jukebox.svelte-zeypbu{position:relative;border-radius:16px;background:radial-gradient(1200px 500px at 50% -20%,rgba(230,57,70,.12),transparent 60%),linear-gradient(160deg,#2a1f33,#150f1c 45%,#0e0a14);border:1px solid #3a2f46;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff0f,0 0 60px #e639460f;padding:22px 22px 14px;max-width:1080px;margin:24px auto 44px}.jb-trim.svelte-zeypbu{height:6px;border-radius:8px;background:linear-gradient(90deg,#3a2a22,#7a5a3d,#e6a56c,#7a5a3d,#3a2a22);opacity:.55;margin:0 -8px}.jb-trim.bottom.svelte-zeypbu{margin-top:14px}.jb-trim.top.svelte-zeypbu{margin-bottom:14px}.jb-marquee.svelte-zeypbu{position:relative;background:#0c0507;border:1px solid #3a1f24;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 14px #e639462e}.marquee-track.svelte-zeypbu{overflow:hidden}.marquee-inner.svelte-zeypbu{display:flex;width:max-content;animation:svelte-zeypbu-marquee 22s linear infinite}.marquee-text.svelte-zeypbu{white-space:nowrap;padding:9px 0;font-size:.8rem;letter-spacing:.24em;color:#ffb3b0;text-shadow:0 0 10px rgba(230,57,70,.9)}@keyframes svelte-zeypbu-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.jb-body.svelte-zeypbu{display:grid;grid-template-columns:250px 1fr;gap:18px;margin-top:16px}.jb-deck-zone.svelte-zeypbu{display:flex;align-items:center;justify-content:center}.jb-deck.svelte-zeypbu{position:relative;width:230px;height:230px}.deck-platter.svelte-zeypbu{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:#05060b;box-shadow:0 0 0 3px #241a20,0 0 0 6px #0c0c10,0 12px 28px #0009,inset 0 0 8px #e639461a;display:flex;align-items:center;justify-content:center;transform:rotate(0)}.deck-platter.spinning.svelte-zeypbu{animation:svelte-zeypbu-spin 4.5s linear infinite}.deck-art.svelte-zeypbu{width:52%;height:52%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #2a2a35,0 2px 8px #0009}.deck-art.deck-placeholder.svelte-zeypbu{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#3a1030,#150814);color:#e6a5c0;font-size:.6rem;letter-spacing:.2em}.deck-hit.svelte-zeypbu{position:absolute;top:47%;right:47%;bottom:47%;left:47%;border-radius:50%;background:#0a0b10;box-shadow:inset 0 0 4px #000000e6}.deck-ring.svelte-zeypbu{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(230,57,70,.15)}@keyframes svelte-zeypbu-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tonearm.svelte-zeypbu{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:208px 203px;transform:rotate(-50deg);transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:3}.tonearm.down.svelte-zeypbu{transform:rotate(0)}.tonearm.down.svelte-zeypbu:focus-visible,.tonearm.svelte-zeypbu:focus-visible{outline:none;filter:drop-shadow(0 0 8px rgba(230,57,70,.8))}.arm-body.svelte-zeypbu,.arm-head.svelte-zeypbu,.arm-needle.svelte-zeypbu,.arm-pivot.svelte-zeypbu,.arm-cw.svelte-zeypbu{pointer-events:auto;transition:filter .15s}.arm-body.svelte-zeypbu:hover,.arm-head.svelte-zeypbu:hover,.arm-pivot.svelte-zeypbu:hover,.arm-cw.svelte-zeypbu:hover{filter:brightness(1.3)}.arm-pivot.svelte-zeypbu{position:absolute;top:191px;left:196px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0dcc0,#8a6a44 60%,#4a2f18);box-shadow:0 2px 6px #0009}.arm-cw.svelte-zeypbu{position:absolute;top:174px;left:218px;width:12px;height:20px;border-radius:6px;background:linear-gradient(180deg,#c7ae8a,#6b4e2f);box-shadow:0 2px 3px #00000080}.arm-body.svelte-zeypbu{position:absolute;right:22px;top:201px;width:72px;height:8px;border-radius:5px;background:linear-gradient(180deg,#d9c29c,#8a6a44);box-shadow:0 2px 3px #00000080;transform-origin:right center;transform:rotate(42deg)}.arm-head.svelte-zeypbu{position:absolute;left:138px;top:152px;width:36px;height:16px;border-radius:4px;background:linear-gradient(135deg,#e6d5b8,#7a5a3d);box-shadow:0 2px 3px #00000080;transform:rotate(38deg)}.arm-needle.svelte-zeypbu{position:absolute;left:162px;top:147px;width:2px;height:10px;border-radius:1px;background:#1c1c1c;box-shadow:0 0 2px #000c}.jb-main.svelte-zeypbu{display:flex;flex-direction:column;gap:16px;justify-content:center;min-width:0}.jb-display.svelte-zeypbu{background:#08090d;border:1px solid #1e2026;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:inset 0 0 20px #00000080}.display-eyebrow.svelte-zeypbu{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:#e63946}.display-song.svelte-zeypbu{font-size:.98rem;color:#fff;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em}.display-sub.svelte-zeypbu{font-size:.68rem;color:#777;letter-spacing:.1em;text-transform:uppercase}.display-progress.svelte-zeypbu{display:flex;align-items:center;gap:8px;margin-top:5px}.dp-time.svelte-zeypbu{font-size:.6rem;color:#777;font-variant-numeric:tabular-nums}.dp-bar.svelte-zeypbu{flex:1;height:4px;border-radius:3px;background:#1a1a1f;overflow:hidden}.dp-fill.svelte-zeypbu{height:100%;background:linear-gradient(90deg,#e63946,#ff7a6e);box-shadow:0 0 8px #e63946b3}.jb-controls.svelte-zeypbu{display:flex;align-items:center;justify-content:center;gap:14px}.ctl.svelte-zeypbu{width:40px;height:40px;border-radius:50%;background:#16131d;border:1px solid #30283a;color:#c9bdd4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.ctl.svelte-zeypbu:hover{color:#fff;border-color:#e63946;box-shadow:0 0 12px #e639464d}.ctl.active.svelte-zeypbu{color:#e63946;border-color:#e63946}.ctl-big.svelte-zeypbu{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff5a4d,#e63946 60%,#a1121f);border:1px solid #ff7a6e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;box-shadow:0 6px 20px #e6394666}.ctl-big.svelte-zeypbu:hover{transform:scale(1.05);box-shadow:0 8px 26px #e639468c}.jb-volume.svelte-zeypbu{display:flex;align-items:center;justify-content:center;gap:12px}.vol-label.svelte-zeypbu{font-size:.6rem;letter-spacing:.22em;color:#666;flex-shrink:0}.vol-slider.svelte-zeypbu{position:relative;width:150px;height:28px;display:flex;align-items:center;cursor:ew-resize;touch-action:none}.vol-track.svelte-zeypbu{position:relative;width:100%;height:8px;border-radius:4px;background:linear-gradient(180deg,#0000,#0000008c 40%,#0000),#170f1d;border:1px solid #3a2c48;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0d;overflow:hidden}.vol-fill.svelte-zeypbu{height:100%;background:linear-gradient(180deg,#ff6f63,#c1121f);box-shadow:0 0 10px #e639468c;border-radius:4px 0 0 4px}.vol-thumb.svelte-zeypbu{position:absolute;top:50%;width:16px;height:20px;transform:translate(-50%,-50%);border-radius:4px;background:linear-gradient(180deg,#f0dcc0,#8a6a44 55%,#4a2f18);border:2px solid #2a1d12;box-shadow:0 2px 6px #0009,inset 0 1px #ffffff73;transition:box-shadow .15s}.vol-slider.svelte-zeypbu:hover .vol-thumb:where(.svelte-zeypbu){box-shadow:0 2px 8px #e6394680,inset 0 1px #ffffff73}.vol-slider.svelte-zeypbu:focus-visible{outline:none}.vol-slider.svelte-zeypbu:focus-visible .vol-track:where(.svelte-zeypbu){border-color:#e63946;box-shadow:0 0 10px #e6394666}.vol-btn.svelte-zeypbu{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid #30283a;color:#9a8fb0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.vol-btn.svelte-zeypbu:hover{color:#fff;border-color:#e63946}.jb-foot.svelte-zeypbu{display:flex;justify-content:center;margin-top:12px}.free-tag.svelte-zeypbu{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#6a5f7a}@media(max-width:860px){.jb-body.svelte-zeypbu{grid-template-columns:1fr}.jb-deck-zone.svelte-zeypbu{min-height:240px}.jb-marquee.svelte-zeypbu{-webkit-mask-image:none}}