@layer base{._card_1cp1q_2{background-color:var(--card);border:1px solid var(--border-muted);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--animation-duration-normal) ease,box-shadow var(--animation-duration-normal) ease,border-color var(--animation-duration-normal) ease;cursor:pointer;display:flex;flex-direction:column;position:relative;user-select:none}._card_1cp1q_2:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}._card_1cp1q_2:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--border-strong)}._card_1cp1q_2._isPlaying_1cp1q_28{border-color:var(--primary);box-shadow:var(--shadow-glow)}._imageContainer_1cp1q_33{width:100%;aspect-ratio:1 / 1;position:relative;background-color:var(--surface);overflow:hidden}._image_1cp1q_33{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-duration-slow) ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:auto;image-rendering:-webkit-optimize-contrast}._card_1cp1q_2:hover ._image_1cp1q_33{transform:scale(1.05)}._overlay_1cp1q_56{position:absolute;inset:0;background:#0c0b0a80;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--animation-duration-normal) ease}._card_1cp1q_2:hover ._overlay_1cp1q_56{opacity:1}._playButton_1cp1q_71{background-color:var(--primary);color:var(--primary-foreground);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;transform:translateY(10px) scale(.9);transition:transform var(--animation-duration-fast) ease,background-color var(--animation-duration-fast) ease;box-shadow:var(--shadow-md)}._playIcon_1cp1q_85{margin-left:2px}._card_1cp1q_2:hover ._playButton_1cp1q_71{transform:translateY(0) scale(1)}._playButton_1cp1q_71:hover{background-color:color-mix(in oklch,var(--primary) 90%,var(--primary-foreground))}._actionBar_1cp1q_97{position:absolute;bottom:var(--spacing-2);left:var(--spacing-2);right:var(--spacing-2);display:flex;justify-content:space-between;align-items:center}._actionIconButton_1cp1q_107{background:#161412b3;border:none;color:var(--foreground);border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--animation-duration-fast) ease;backdrop-filter:blur(4px)}._actionIconButton_1cp1q_107:hover{background:var(--primary);color:var(--primary-foreground);transform:scale(1.1)}._actionIconButton_1cp1q_107._liked_1cp1q_128{color:var(--primary)}._actionIconButton_1cp1q_107._liked_1cp1q_128:hover{color:var(--primary-foreground)}._info_1cp1q_136{padding:var(--spacing-3) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1)}._titleRow_1cp1q_143{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);width:100%;overflow:hidden}._titleWrapper_1cp1q_152{flex:1;overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}._title_1cp1q_143{display:inline-block;font-family:var(--font-family-base);font-weight:600;font-size:1rem;color:var(--foreground);white-space:nowrap;padding-right:2rem}._card_1cp1q_2:hover ._title_1cp1q_143,._card_1cp1q_2._isPlaying_1cp1q_28 ._title_1cp1q_143{animation:_marquee_1cp1q_1 8s linear infinite}@keyframes _marquee_1cp1q_1{0%,15%{transform:translate(0)}85%,to{transform:translate(-50%)}}._artistLink_1cp1q_181,._artist_1cp1q_181{font-family:var(--font-family-base);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;width:fit-content}._artistLink_1cp1q_181:hover{text-decoration:underline;color:color-mix(in oklch,var(--primary) 80%,white)}._genrePillWrapper_1cp1q_199{display:flex;margin-top:2px}._genrePill_1cp1q_199{font-family:var(--font-family-base);font-size:.65rem;color:var(--muted-foreground);background-color:var(--muted);padding:.125rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:500}._footer_1cp1q_216{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-muted)}._playCount_1cp1q_225{font-family:var(--font-family-base);font-size:.75rem;color:var(--muted-foreground);font-weight:500}._likeButton_1cp1q_232{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:.375rem;color:var(--muted-foreground);transition:color var(--animation-duration-fast) ease,transform var(--animation-duration-fast) ease;position:relative;z-index:2}._likeButton_1cp1q_232:hover{color:var(--foreground);transform:scale(1.05)}._likeButton_1cp1q_232._liked_1cp1q_128{color:var(--primary)}._likeCountText_1cp1q_255{font-family:var(--font-family-base);font-size:.75rem;font-weight:500}._playingIndicatorWrapper_1cp1q_262{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}._nowPlayingText_1cp1q_269{font-family:var(--font-family-base);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-weight:700}._playingIndicator_1cp1q_262{display:flex;align-items:flex-end;gap:2px;height:14px}._bar_1cp1q_285{width:3px;background-color:var(--primary);border-radius:1px;animation:_bounce_1cp1q_1 1s infinite alternate ease-in-out}._bar_1cp1q_285:nth-child(1){height:40%;animation-delay:0s}._bar_1cp1q_285:nth-child(2){height:80%;animation-delay:.2s}._bar_1cp1q_285:nth-child(3){height:60%;animation-delay:.4s}._bar_1cp1q_285:nth-child(4){height:100%;animation-delay:.1s}@keyframes _bounce_1cp1q_1{0%{height:20%}to{height:100%}}}