.track-card{animation:track-fade-in .5s ease forwards;opacity:0;transform:translateY(15px)}@keyframes track-fade-in{to{opacity:1;transform:translateY(0)}}.track-card:hover .track-card-image{transform:scale(1.05)}.track-card-image{transition:transform .3s ease}.sort-menu{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:.375rem;padding:.25rem;transition:all .2s ease}.sort-menu:hover{border-color:var(--color-primary)}.empty-state{border:2px dashed var(--color-border);border-radius:.5rem;padding:2rem;text-align:center;color:var(--color-muted-foreground)}.loading-spinner{width:3rem;height:3rem;border:4px solid var(--color-primary);border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:768px){.tracks-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tracks-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.tracks-grid{grid-template-columns:repeat(4,1fr)}}