.album-card{display:block;position:relative;min-width:0;overflow:hidden}.card-album-link{display:block}.card-album-link:after{content:"";position:absolute;inset:0}.card-artist-name{position:relative;z-index:1}@media (hover: hover){.card-artist-name:hover{color:var(--text-primary);text-decoration:underline}}.card-image-wrapper{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-3);transition:transform var(--transition-normal)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}@media (hover: hover){.album-card:hover .card-image{transform:scale(1.05)}}.card-overlay{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;gap:var(--spacing-2)}.card-rating{background:#ffffffe6;backdrop-filter:blur(4px);padding:4px 8px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#000}.card-upcoming-badge{padding:4px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#7c3aed);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap}.card-listen-btn{position:absolute;top:var(--spacing-2);left:var(--spacing-2);z-index:2;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;cursor:pointer;transition:opacity var(--transition-fast),background .15s ease,color .15s ease}.card-listen-btn:hover{background:#000000c7}.card-listen-btn.in-list{background:linear-gradient(135deg,#16c98c,#10b981,#0c7355);color:#fff}@media (hover: hover){.card-listen-btn{opacity:0}.album-card:hover .card-listen-btn,.card-listen-btn.in-list{opacity:1}}.card-content{padding:0 var(--spacing-1)}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary)}@media (max-width: 768px){.card-title{font-size:14px}.card-image-wrapper{margin-bottom:var(--spacing-2)}.card-rating{font-size:11px;padding:3px 6px}}@media (max-width: 480px){.card-title{font-size:13px}.card-meta{font-size:11px}}