.crate.svelte-1htrmsf{--ease-crate:cubic-bezier(.16, 1, .3, 1);--stage-bg:var(--card);--stage-ring:var(--border);--stage-shadow:0 1px 2px #0f172a0f, 0 16px 40px -28px #4c1d954d;--spot-strength:.05;--sleeve-shadow:0 1px 1px #0f172a2e, 0 18px 34px -16px #1e114080;--disc-core:var(--card);--vinyl-rim:#ffffff29;--vinyl-smooth:#0d0d10;--cd-metal:#dfe2e7;--cd-metal-mid:#c9cdd4;--cd-metal-edge:#9fa5ae;--cd-clear:#c4cad48c;--cd-clear-thin:#ced4de4d;--cd-ring-hi:#ffffffd9;--cd-ring-lo:#78808c8c;--cd-glint:#ffffffbf;--cd-shade:#464e5c38;--cd-rainbow:.5;flex-direction:column;align-items:center;width:100%;margin-inline:-6px;padding-inline:6px;display:flex;overflow-x:clip}html.dark .crate.svelte-1htrmsf{--stage-shadow:0 1px 2px #0006, 0 16px 40px -28px #000000b3;--spot-strength:.16;--sleeve-shadow:0 2px 2px #00000080, 0 24px 44px -18px #000c;--vinyl-rim:#ffffff38;--cd-metal:#b4b9c2;--cd-metal-mid:#9ea4ae;--cd-metal-edge:#7a818c;--cd-clear:#969eac66;--cd-clear-thin:#a0a8b633;--cd-ring-hi:#e1e6ee99;--cd-ring-lo:#3c424e99;--cd-glint:#f0f4fa80;--cd-shade:#1418224d;--cd-rainbow:.38}.info.svelte-1htrmsf{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=768px){.crate.split.svelte-1htrmsf{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.25rem 2.5rem;width:auto;display:grid}.crate.split.svelte-1htrmsf .stage:where(.svelte-1htrmsf){order:1;align-self:stretch;height:auto;min-height:clamp(250px,26vw,300px)}.crate.split.svelte-1htrmsf .info:where(.svelte-1htrmsf){text-align:left;order:0;align-items:flex-start}.crate.split.svelte-1htrmsf .controls:where(.svelte-1htrmsf){order:0;margin:0 0 1.25rem}.crate.split.svelte-1htrmsf .details:where(.svelte-1htrmsf){text-align:left;order:1;max-width:none;margin-top:0}.crate.split.svelte-1htrmsf .heading:where(.svelte-1htrmsf){justify-content:flex-start;height:8.5rem;overflow:hidden}.crate.split.svelte-1htrmsf .chips:where(.svelte-1htrmsf){justify-content:flex-start}.crate.split.svelte-1htrmsf .player:where(.svelte-1htrmsf){align-items:flex-start}.crate.split.svelte-1htrmsf .now-title:where(.svelte-1htrmsf){font-size:clamp(1.6rem,2.4vw,2.5rem)}.crate.split.svelte-1htrmsf .item:where(.svelte-1htrmsf){width:clamp(140px,22vw,240px);height:clamp(140px,22vw,240px)}.crate.split.svelte-1htrmsf .wall:where(.svelte-1htrmsf){order:2;grid-column:1/-1;margin-top:0}}.stage.svelte-1htrmsf{background:var(--stage-bg);width:100%;height:clamp(300px,52vw,430px);box-shadow:var(--stage-shadow);border:1px solid var(--stage-ring);perspective:1500px;cursor:grab;touch-action:pan-y;user-select:none;border-radius:14px;position:relative;overflow:clip}.stage.dragging.svelte-1htrmsf{cursor:grabbing}.stage.svelte-1htrmsf:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.spotlight.svelte-1htrmsf{pointer-events:none;background:radial-gradient(42% 52% at 50% 40%, color-mix(in oklab, var(--primary) calc(var(--spot-strength) * 100%), transparent), transparent 72%);position:absolute;inset:0}.track.svelte-1htrmsf{transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.item.svelte-1htrmsf{width:clamp(150px,40vw,300px);height:clamp(150px,40vw,300px);transform-style:preserve-3d;transition:transform .6s var(--ease-crate), opacity .45s ease, filter .45s ease;will-change:transform;position:absolute}.disc.svelte-1htrmsf{z-index:1;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.6,1);position:absolute;inset:0;transform:translate(0)}.disc.out.svelte-1htrmsf{transition:transform .75s var(--ease-crate) .16s;transform:translate(50%)}.disc-face.svelte-1htrmsf{border-radius:50%;position:absolute;inset:0;box-shadow:0 1px 2px #00000059,0 14px 30px -12px #0009}.disc-vinyl.svelte-1htrmsf{background: radial-gradient(circle closest-side, transparent 98.4%, var(--vinyl-rim) 99.2%, transparent 100%),  radial-gradient(circle closest-side, transparent 34%, var(--vinyl-smooth) 34% 38.5%, transparent 38.5% 96.5%, var(--vinyl-smooth) 96.5%),  radial-gradient(circle closest-side, transparent 52%, #ffffff0d 52.4% 53%, transparent 53.4% 66%, #ffffff0d 66.4% 67%, transparent 67.4% 81%, #ffffff0d 81.4% 82%, transparent 82.4%), repeating-radial-gradient(circle at 50% 50%, #ffffff0b 0 .6px, transparent .9px 2.2px), radial-gradient(circle closest-side, #141418, #0a0a0c)}.disc-cd.svelte-1htrmsf{background:radial-gradient(circle closest-side, var(--cd-clear) 12.5% 26.5%, var(--cd-ring-hi) 27%, var(--cd-ring-lo) 28%, var(--cd-clear-thin) 28.5% 37%, var(--cd-metal-edge) 37.5%, var(--cd-metal) 38.5%, var(--cd-metal-mid) 70%, var(--cd-metal) 97.5%, var(--cd-clear) 98%)}.disc-label.svelte-1htrmsf{background:var(--primary);border-radius:50%;position:absolute;inset:33%;overflow:hidden;box-shadow:0 0 0 1px #00000080}.disc-label.svelte-1htrmsf img:where(.svelte-1htrmsf){object-fit:cover;width:100%;height:100%;display:block}.disc-hole.svelte-1htrmsf{background:var(--disc-core);border-radius:50%;position:absolute;inset:48.2%;box-shadow:inset 0 1px 1px #00000059}.disc-cd.svelte-1htrmsf .disc-hole:where(.svelte-1htrmsf){box-shadow:inset 0 0 0 1px var(--cd-ring-lo);inset:43.75%}.disc-light.svelte-1htrmsf{pointer-events:none;border-radius:50%;position:absolute;inset:0}.disc-light-vinyl.svelte-1htrmsf{background:conic-gradient(from 18deg,#0000 0deg,#fff3 22deg,#0000 48deg 180deg,#ffffff1f 202deg,#0000 228deg);mask-image:radial-gradient(circle closest-side,#0000 34.5%,#000 36% 99%,#0000 100%)}.disc-light-cd.svelte-1htrmsf{background:conic-gradient(from 18deg, transparent 0deg, var(--cd-glint) 22deg, transparent 44deg 180deg, var(--cd-glint) 202deg, transparent 224deg), conic-gradient(from -32deg, transparent 0deg, oklch(.82 .13 350 / var(--cd-rainbow)) 14deg, oklch(.88 .13 85 / var(--cd-rainbow)) 26deg, oklch(.86 .13 160 / var(--cd-rainbow)) 38deg, oklch(.8 .12 240 / var(--cd-rainbow)) 50deg, transparent 62deg 108deg, oklch(.8 .12 240 / var(--cd-rainbow)) 120deg, oklch(.86 .13 160 / var(--cd-rainbow)) 132deg, oklch(.88 .13 85 / var(--cd-rainbow)) 144deg, oklch(.82 .13 350 / var(--cd-rainbow)) 156deg, transparent 168deg 180deg, transparent 180deg), conic-gradient(from 148deg, transparent 0deg, oklch(.82 .13 350 / var(--cd-rainbow)) 14deg, oklch(.88 .13 85 / var(--cd-rainbow)) 26deg, oklch(.86 .13 160 / var(--cd-rainbow)) 38deg, oklch(.8 .12 240 / var(--cd-rainbow)) 50deg, transparent 62deg 108deg, oklch(.8 .12 240 / var(--cd-rainbow)) 120deg, oklch(.86 .13 160 / var(--cd-rainbow)) 132deg, oklch(.88 .13 85 / var(--cd-rainbow)) 144deg, oklch(.82 .13 350 / var(--cd-rainbow)) 156deg, transparent 168deg 360deg),  conic-gradient(from 18deg, transparent 0deg 60deg, var(--cd-shade) 90deg, transparent 130deg 240deg, var(--cd-shade) 270deg, transparent 310deg);mask-image:radial-gradient(circle closest-side,#0000 38%,#000 39% 97%,#0000 97.5%)}.spinning.svelte-1htrmsf{animation:4.6s linear infinite svelte-1htrmsf-crate-spin}@keyframes svelte-1htrmsf-crate-spin{to{transform:rotate(360deg)}}.sleeve.svelte-1htrmsf{z-index:2;background:var(--card);box-shadow:var(--sleeve-shadow);cursor:pointer;border:1px solid #0000001f;border-radius:4px;padding:0;display:block;position:absolute;inset:0;overflow:hidden}html.dark .sleeve.svelte-1htrmsf{border-color:#ffffff14}.cover.svelte-1htrmsf{object-fit:cover;width:100%;height:100%;display:block}.placeholder.svelte-1htrmsf{background:linear-gradient(145deg, color-mix(in oklab, var(--primary) 18%, var(--card)), var(--card));text-align:left;flex-direction:column;justify-content:flex-end;gap:.35rem;width:100%;height:100%;padding:14%;display:flex}.ph-artist.svelte-1htrmsf{letter-spacing:.04em;text-transform:uppercase;color:var(--primary);font-size:.72rem;font-weight:700}.ph-title.svelte-1htrmsf{color:var(--foreground);font-size:1.05rem;font-weight:800;line-height:1.1}.controls.svelte-1htrmsf{align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.nav.svelte-1htrmsf{border:1px solid var(--border);background:var(--card);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;transition:transform .18s var(--ease-crate), border-color .18s ease, color .18s ease, background-color .18s ease;border-radius:999px;place-items:center;display:grid}.nav.svelte-1htrmsf svg:where(.svelte-1htrmsf){width:1.25rem;height:1.25rem}.nav.svelte-1htrmsf:hover:not(:disabled){color:var(--primary);border-color:color-mix(in oklab, var(--primary) 45%, var(--border));transform:translateY(-1px)}.nav.svelte-1htrmsf:active:not(:disabled){transform:scale(.94)}.nav.svelte-1htrmsf:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav.svelte-1htrmsf:disabled{opacity:.4;cursor:default}.position.svelte-1htrmsf{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5rem;color:var(--muted-foreground)}.pos-now.svelte-1htrmsf{color:var(--foreground);font-weight:800}.pos-sep.svelte-1htrmsf{opacity:.5;margin:0 .35rem}.details.svelte-1htrmsf{margin-top:1.6rem;text-align:center;width:100%;max-width:36rem;margin-inline:auto}.heading.svelte-1htrmsf{flex-direction:column;justify-content:flex-start;width:100%;height:clamp(7.5rem,26vw,8.5rem);display:flex;overflow:hidden}.artist-block.svelte-1htrmsf{flex-shrink:0;height:2.35rem;overflow:hidden}.now-artist.svelte-1htrmsf{-webkit-line-clamp:2;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);-webkit-box-orient:vertical;font-size:.8rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.now-title.svelte-1htrmsf{text-wrap:balance;overflow-wrap:anywhere;color:var(--foreground);margin-top:.55rem;font-size:clamp(1.25rem,5vw,2.1rem);font-weight:800;line-height:1.12;transition-property:none}.now-sub.svelte-1htrmsf{color:var(--muted-foreground);overflow-wrap:anywhere;line-height:1.2}.now-artist-sub.svelte-1htrmsf{letter-spacing:.1em;margin-top:.15rem;font-size:.7rem;font-weight:600}.now-title-sub.svelte-1htrmsf{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin-top:.25rem;font-size:.95rem;font-weight:600;overflow:hidden}.chips.svelte-1htrmsf{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.chip.svelte-1htrmsf{background:color-mix(in oklab, var(--primary) 12%, transparent);color:color-mix(in oklab, var(--primary) 72%, var(--foreground));border-radius:999px;align-items:center;padding:.28rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.chip-format.svelte-1htrmsf{background:var(--muted);color:var(--muted-foreground)}.chip-ghost.svelte-1htrmsf{border:1px solid var(--border);color:var(--muted-foreground);background:0 0}.links.svelte-1htrmsf{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;display:flex}.discogs-link.svelte-1htrmsf{color:var(--muted-foreground);align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;transition:color .18s;display:inline-flex}.discogs-link.svelte-1htrmsf svg:where(.svelte-1htrmsf){width:.95rem;height:.95rem;transition:transform .18s var(--ease-crate)}.discogs-link.svelte-1htrmsf:hover{color:var(--primary)}.discogs-link.svelte-1htrmsf:hover svg:where(.svelte-1htrmsf){transform:translate(2px,-2px)}.discogs-link.svelte-1htrmsf:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}.player.svelte-1htrmsf{flex-direction:column;justify-content:flex-start;align-items:center;min-height:4rem;margin-top:1.3rem;display:flex}.preview.svelte-1htrmsf{align-items:center;gap:.85rem;display:flex}.play.svelte-1htrmsf{background:color-mix(in oklab, var(--primary) 10%, var(--card));width:3rem;height:3rem;color:var(--primary);cursor:pointer;transition:transform .18s var(--ease-crate), background-color .18s ease;border:none;border-radius:999px;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.play.svelte-1htrmsf:hover{background:color-mix(in oklab, var(--primary) 18%, var(--card));transform:translateY(-1px)}.play.svelte-1htrmsf:active{transform:scale(.94)}.play.svelte-1htrmsf:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.progress-ring.svelte-1htrmsf{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-track.svelte-1htrmsf,.ring-progress.svelte-1htrmsf{fill:none;stroke-width:2.5px}.ring-track.svelte-1htrmsf{stroke:color-mix(in oklab, var(--primary) 22%, transparent)}.ring-progress.svelte-1htrmsf{stroke:var(--primary);stroke-linecap:round}.play-icon.svelte-1htrmsf{place-items:center;display:grid}.play-icon.svelte-1htrmsf svg:where(.svelte-1htrmsf){opacity:0;filter:blur(3px);width:1.2rem;height:1.2rem;transition:opacity .2s ease, transform .2s var(--ease-crate), filter .2s ease;grid-area:1/1;transform:scale(.5)}.play-icon.svelte-1htrmsf svg.shown:where(.svelte-1htrmsf){opacity:1;filter:blur();transform:scale(1)}.play-icon.svelte-1htrmsf .icon-play.shown:where(.svelte-1htrmsf){transform:translate(1px)}.preview-meta.svelte-1htrmsf{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:0;display:flex}.preview-titles.svelte-1htrmsf{height:2.35rem;overflow:hidden}.preview-track.svelte-1htrmsf{max-width:15rem;color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.25;overflow:hidden}.preview-artist.svelte-1htrmsf{max-width:15rem;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.78rem;font-weight:600;line-height:1.3;overflow:hidden}.apple-link.svelte-1htrmsf{color:var(--primary);align-items:center;gap:.3rem;font-size:.9rem;font-weight:700;transition:opacity .18s;display:inline-flex}.apple-link.svelte-1htrmsf svg:where(.svelte-1htrmsf){width:.95rem;height:.95rem;transition:transform .18s var(--ease-crate)}.apple-link.svelte-1htrmsf:hover{opacity:.8}.apple-link.svelte-1htrmsf:hover svg:where(.svelte-1htrmsf){transform:translate(2px,-2px)}.apple-link.svelte-1htrmsf:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}.swap-in.svelte-1htrmsf{animation:.26s ease-out both svelte-1htrmsf-swap-in}.swap-late.svelte-1htrmsf{animation-delay:40ms}@keyframes svelte-1htrmsf-swap-in{0%{opacity:0;filter:blur(2px)}}@media (prefers-reduced-motion:reduce){.play.svelte-1htrmsf,.play-icon.svelte-1htrmsf svg:where(.svelte-1htrmsf),.apple-link.svelte-1htrmsf,.apple-link.svelte-1htrmsf svg:where(.svelte-1htrmsf){transition:none}.swap-in.svelte-1htrmsf{animation:none}}.wall.svelte-1htrmsf{width:100%;margin-top:clamp(2rem,5vw,3.5rem)}.wall-label.svelte-1htrmsf{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.9rem;font-size:.72rem;font-weight:700}.wall-grid.svelte-1htrmsf{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.6rem;display:grid}.tile.svelte-1htrmsf{aspect-ratio:1;border:1px solid var(--border);background:var(--card);cursor:pointer;outline-offset:2px;transition:transform .18s var(--ease-crate), box-shadow .18s ease, outline-color .18s ease;border-radius:4px;outline:2px solid #0000;padding:0;position:relative;overflow:hidden}.tile-cover.svelte-1htrmsf{object-fit:cover;width:100%;height:100%;display:block}.tile.svelte-1htrmsf:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px #00000073}.tile.svelte-1htrmsf:active{transform:scale(.95)}.tile.svelte-1htrmsf:focus-visible{outline-color:var(--primary)}.tile-active.svelte-1htrmsf{outline-color:var(--primary);border-color:#0000}.tile-ph.svelte-1htrmsf{text-align:center;width:100%;height:100%;color:var(--muted-foreground);place-items:center;padding:4px;font-size:.5rem;font-weight:700;line-height:1.1;display:grid}.sr-only.svelte-1htrmsf{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.crate-reveal{opacity:0}.crate-reveal.is-ready{opacity:1;transition:opacity .35s}