- Pocket Edition (<=720px): bottom-fixed tab nav with frosted
backdrop, copper hairline + glow on active, mono numerals +
abbreviated labels (legacy rule was hiding labels under 600px).
- Single-column hero player tab: centered vinyl + tonearm,
clamp(28..38px) title, full-width volume row replacing the desktop
VU cluster (the analog meter is decorative on a phone).
- Mini-player floats above the bottom nav, condensed to art + title +
play/pause with the hairline progress on the top edge.
- Library pagination stacks to full-width buttons; settings tables
reflow to card-style rows so no columns drop off-screen.
- Tablet 721-980px: editorial top tabs but with compressed padding so
all five labels fit without clipping.
- Side-by-side player threshold bumped 980 -> 1240 so the right
column has genuine room for controls + VU cluster (was clipping
off the edge at 981-1240px). flex-wrap on .controls as safety net.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
alexei.dolgolyov
f85ce77f14