.track-card[data-v-d6bc50d6]{border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-smooth)}.track-card[data-v-d6bc50d6]:hover{border-color:#fff3;box-shadow:0 12px 30px #00000080;transform:translateY(-4px)}.track-card.is-active[data-v-d6bc50d6]{border-color:var(--color-green);box-shadow:0 0 20px #00a85940}.card-artwork-wrapper[data-v-d6bc50d6]{aspect-ratio:1/1;background:var(--bg-surface-elevated);cursor:pointer;overflow:hidden;position:relative;width:100%}.card-artwork[data-v-d6bc50d6]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-smooth);width:100%}.track-card:hover .card-artwork[data-v-d6bc50d6]{transform:scale(1.05)}.artwork-overlay[data-v-d6bc50d6]{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.card-artwork-wrapper:hover .artwork-overlay[data-v-d6bc50d6],.track-card.is-active .artwork-overlay[data-v-d6bc50d6]{opacity:1}@media(hover:none){.artwork-overlay[data-v-d6bc50d6]{background:#00000026;opacity:.4}}.play-action-circle[data-v-d6bc50d6]{align-items:center;background:var(--color-green);border-radius:50%;box-shadow:0 4px 16px #00000080;color:#fff;display:flex;height:44px;justify-content:center;transform:scale(.88);transition:transform var(--transition-fast);width:44px}.card-artwork-wrapper:hover .play-action-circle[data-v-d6bc50d6]{transform:scale(1)}.play-action-circle.playing[data-v-d6bc50d6]{background:#fff;color:#000}.media-tag[data-v-d6bc50d6]{left:8px}.media-tag[data-v-d6bc50d6],.price-artwork-tag[data-v-d6bc50d6]{box-shadow:0 2px 6px #0006;font-size:.68rem;padding:2px 7px;position:absolute;top:8px}.price-artwork-tag[data-v-d6bc50d6]{right:8px}.equalizer-indicator[data-v-d6bc50d6]{align-items:flex-end;background:#000000a6;border-radius:6px;bottom:8px;display:flex;gap:3px;height:16px;padding:3px 6px;position:absolute;right:8px}.bar[data-v-d6bc50d6]{animation:equalize-d6bc50d6 1s ease-in-out infinite alternate;background:var(--color-green);border-radius:2px;width:3px}.bar1[data-v-d6bc50d6]{animation-delay:.1s;height:60%}.bar2[data-v-d6bc50d6]{animation-delay:.3s;height:100%}.bar3[data-v-d6bc50d6]{animation-delay:.2s;height:40%}@keyframes equalize-d6bc50d6{0%{height:20%}to{height:100%}}.card-content[data-v-d6bc50d6]{display:flex;flex:1;flex-direction:column;padding:12px}.title-row[data-v-d6bc50d6]{align-items:center;display:flex;margin-bottom:3px}.track-title[data-v-d6bc50d6]{color:#fff;font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.track-title[data-v-d6bc50d6]:hover{color:var(--color-green)}.artist-name[data-v-d6bc50d6]{color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-name[data-v-d6bc50d6]:hover{color:#fff}.meta-row[data-v-d6bc50d6]{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;gap:5px;margin-bottom:12px}.category-name[data-v-d6bc50d6]{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot[data-v-d6bc50d6]{opacity:.5}.duration[data-v-d6bc50d6]{flex-shrink:0}.card-actions[data-v-d6bc50d6]{margin-top:auto}.action-btn[data-v-d6bc50d6]{border-radius:var(--radius-btn);font-size:.78rem;overflow:hidden;padding:7px 10px;text-overflow:ellipsis;white-space:nowrap;width:100%}@media(max-width:480px){.card-content[data-v-d6bc50d6]{padding:10px}.track-title[data-v-d6bc50d6]{font-size:.86rem}.artist-name[data-v-d6bc50d6]{font-size:.76rem}.action-btn[data-v-d6bc50d6]{font-size:.74rem;padding:6px 8px}}
