Build a glassmorphism music player.
STYLE
- Glassmorphism: translucent panels, backdrop blur, light edge, layered surfaces
- Vivid mesh backdrop: sky #9FD4FF, mint #B8FFF3, sand #EAD7C4 on #D7E4EE — without it the glass reads as plain white
- Glass plates rgba(255,255,255,0.42) with backdrop-filter blur(18px), 1px light edge rgba(255,255,255,0.72), 20px radius
- Type #1D1D1F, mute #6E6E73, one accent #0071E3: progress fill, play button, like icon
LAYOUT
- A slim frosted "NOW PLAYING" bar at the top
- A glass player card: album thumbnail, track + artist, like icon, seek bar, transport
- An "Up next" queue on its own glass panel (shown in the expanded view)
COMPONENTS
- Album artwork thumbnail (square)
- Track title and artist, plus a heart/like toggle
- Seek bar with current / total time
- Transport controls: prev, play, next (accent play)
- Queue rows with thumbnail, title, artist
TECHNICAL
- React
- Tailwind CSS
- shadcn/ui