.track-card.svelte-sm6dbx{width:180px;flex-shrink:0;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;transition:transform .08s ease-out}.track-card.fluid.svelte-sm6dbx{width:100%}.track-card.svelte-sm6dbx:hover{transform:scale(1.05) translateY(-2px);outline:none}.track-card.svelte-sm6dbx:active{transform:scale(1.02) translateY(2px);transition:transform .04s ease-out}.track-card.svelte-sm6dbx:focus-visible{transform:scale(1.05);outline:none}.track-card.svelte-sm6dbx:focus-visible .card-inner:where(.svelte-sm6dbx){box-shadow:0 0 0 2px #fb923ccc,0 16px 40px #b4530966}.track-card.svelte-sm6dbx:hover .card-inner:where(.svelte-sm6dbx){box-shadow:0 8px 24px #b4530966,0 16px 40px #fb923c40}.track-card.svelte-sm6dbx:active .card-inner:where(.svelte-sm6dbx){box-shadow:0 4px 12px #b4530980,0 8px 20px #fb923c4d}.card-inner.svelte-sm6dbx{border-radius:12px;overflow:hidden;background:#201814;transition:box-shadow .08s ease-out}.artwork.svelte-sm6dbx{position:relative;width:100%;aspect-ratio:1;background:#302620}.artwork.svelte-sm6dbx img:where(.svelte-sm6dbx){width:100%;height:100%;object-fit:cover}.artwork.svelte-sm6dbx .placeholder:where(.svelte-sm6dbx){width:100%;height:100%;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 28% 22%,rgba(255,214,128,.34),transparent 28%),radial-gradient(circle at 78% 70%,rgba(101,189,166,.26),transparent 34%),linear-gradient(145deg,#52362a,#1f282c 58%,#161418);color:#fff6e6d6}.fallback-cover.svelte-sm6dbx{width:100%;height:100%;border:1px solid rgba(255,246,230,.18);display:grid;grid-template-rows:1fr auto;align-items:end;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),#0c0a0938;box-shadow:inset 0 0 0 1px #00000038,0 12px 28px #00000038}.fallback-cover.svelte-sm6dbx span:where(.svelte-sm6dbx){min-width:0;font-size:26px;line-height:1;font-weight:700;letter-spacing:0;color:#fffaf5e6}.gradient-scrim.svelte-sm6dbx{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.play-overlay.svelte-sm6dbx{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fb923c;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s ease;box-shadow:0 4px 16px #b4530980}.track-card.svelte-sm6dbx:hover .play-overlay:where(.svelte-sm6dbx),.track-card.svelte-sm6dbx:focus-visible .play-overlay:where(.svelte-sm6dbx){opacity:1}.track-info.svelte-sm6dbx{padding:12px}.title.svelte-sm6dbx{margin:0;font-size:14px;font-weight:500;color:#fffaf5;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist.svelte-sm6dbx{margin:4px 0 0;font-size:13px;color:#b4a59b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duration.svelte-sm6dbx{display:block;margin-top:4px;font-size:12px;color:#78695f}@media (max-width: 640px){.track-card.svelte-sm6dbx{width:150px}.title.svelte-sm6dbx{font-size:13px}.artist.svelte-sm6dbx{font-size:12px}}