.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card-hover:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glow:hover{box-shadow:var(--shadow-glow)}.card-solid{background:var(--bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}.card-bordered{border:1px solid var(--border);background:0 0}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.card-lg{padding:var(--space-8);border-radius:var(--radius-xl)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card-body{color:var(--text-secondary)}.card-footer{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.vocal-card{cursor:pointer;position:relative;overflow:hidden}.vocal-card-image{aspect-ratio:1;border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--bg-tertiary);position:relative;overflow:hidden}.vocal-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.vocal-card:hover .vocal-card-image img{transform:scale(1.05)}.vocal-card-play{opacity:1;transition:background var(--transition-base);background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vocal-card:hover .vocal-card-play{background:#0006}.vocal-card-play-btn{background:var(--primary);color:#000;width:60px;height:60px;font-size:var(--text-2xl);box-shadow:var(--shadow-glow);transition:transform var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.vocal-card:hover .vocal-card-play-btn{transform:scale(1)}.vocal-card-badge{top:var(--space-3);left:var(--space-3);padding:var(--space-1)var(--space-3);background:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;position:absolute}.vocal-card-badge.exclusive{color:#000;background:linear-gradient(135deg,gold,#ff8c00)}.vocal-card-badge.premium{background:var(--accent)}.vocal-card-badge.limited{background:var(--info)}.vocal-card-info{gap:var(--space-1);flex-direction:column;display:flex}.vocal-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vocal-card-artist{font-size:var(--text-sm);color:var(--text-secondary)}.vocal-card-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.vocal-card-meta span{align-items:center;gap:var(--space-1);display:flex}.vocal-card-price{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.vocal-card-price-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary)}.vocal-card-copies{font-size:var(--text-xs);color:var(--text-muted)}.artist-card{text-align:center;padding:var(--space-8)}.artist-card-avatar{width:120px;height:120px;margin:0 auto var(--space-4);border:3px solid var(--border);transition:border-color var(--transition-base);border-radius:50%;overflow:hidden}.artist-card:hover .artist-card-avatar{border-color:var(--primary)}.artist-card-avatar img{object-fit:cover;width:100%;height:100%}.artist-card-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.artist-card-genre{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.artist-card-verified{align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1)var(--space-2);background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-flex}.card-header-btn{-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:30;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #00000059;color:#fff!important;background:#00000080!important;border:1px solid #ffffff40!important}[data-theme=light] .card-header-btn{box-shadow:0 4px 12px #00000040;color:#fff!important;background:#00000080!important;border-color:#ffffff40!important}.card-header-btn:hover{transform:scale(1.15)translateY(-2px);box-shadow:0 8px 24px #00000080;background:#000000b3!important}.card-header-btn.heart-active{color:#fff!important;background:#ff4b4b!important;border-color:#ff4b4b!important}.card-header-btn.play-hover-yellow:hover{background:var(--primary)!important;border-color:var(--primary)!important;color:#000!important}