.beat-card{border-radius:var(--radius-lg);background:var(--surface-glass);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-base);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.beat-card:hover{border-color:var(--surface-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.beat-card-cover{justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.beat-card-cover-image{object-fit:cover;z-index:0}.beat-card-cover-overlay{z-index:1;pointer-events:none;background:linear-gradient(#13101826 0%,#0e0c128c 100%);position:absolute;inset:0}.beat-card-waveform{z-index:2;align-items:flex-end;gap:3px;height:50px;display:flex;position:relative}.beat-card-waveform-bar{background:#ffffff80;border-radius:2px;width:4px;transition:transform .2s}.beat-card:hover .beat-card-waveform-bar,.beat-card-previewing .beat-card-waveform-bar{animation:.8s ease-in-out infinite waveform}.beat-card:hover .beat-card-waveform-bar:nth-child(2){animation-delay:.1s}.beat-card:hover .beat-card-waveform-bar:nth-child(3){animation-delay:.2s}.beat-card:hover .beat-card-waveform-bar:nth-child(4){animation-delay:50ms}.beat-card:hover .beat-card-waveform-bar:nth-child(5){animation-delay:.15s}.beat-card:hover .beat-card-waveform-bar:nth-child(6){animation-delay:.25s}.beat-card:hover .beat-card-waveform-bar:nth-child(7){animation-delay:.12s}.beat-card:hover .beat-card-waveform-bar:nth-child(8){animation-delay:.18s}.beat-card-play-btn{bottom:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);background:var(--accent-purple);color:#fff;cursor:pointer;opacity:0;width:40px;height:40px;transition:all var(--transition-base);box-shadow:var(--shadow-md);z-index:2;border:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;transform:translateY(8px)}.beat-card:hover .beat-card-play-btn{opacity:1;transform:translateY(0)}.beat-card-play-btn:hover{background:var(--accent-purple-light);box-shadow:var(--glow-purple);transform:scale(1.1)!important}.beat-card-source{top:var(--space-3);right:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-xs);z-index:2;text-transform:uppercase;letter-spacing:.05em;position:absolute}.beat-card-source-ai{background:var(--accent-muted);color:var(--accent-light);border:1px solid #804bdd47}.beat-card-source-uploaded{color:var(--text-secondary);border:1px solid var(--surface-border);background:#3a354699}.beat-card-source-curated{color:var(--accent-light);background:#5b3d8f33;border:1px solid #804bdd33}.beat-card-body{padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.beat-card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.beat-card-artist{font-size:var(--text-xs);color:var(--text-tertiary)}.beat-card-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--surface-border);display:flex}.beat-card-meta-item{color:var(--text-tertiary);align-items:center;gap:var(--space-1);font-size:.6875rem;display:flex}.beat-card-meta-item strong{color:var(--text-secondary);font-weight:var(--weight-medium)}