Remove the nonfunctional audio-settings and profile controls from the listening header, clean up their styling, and add regression coverage.

Hop-State: A_06FNQBGTH3EZP9YTHQFSN70
Hop-Proposal: R_06FNQBG6HFCYVTT9N9GZVV8
Hop-Task: T_06FNQAVP16933S9299CM51G
Hop-Attempt: AT_06FNQAVP171XNBCKRTEEES0

src/styles.css

@@ -70,8 +70,6 @@ main { min-width: 0; height: calc(100vh - var(--player-height)); overflow-y: aut
 .search-field input { width: 100%; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 0.82rem; }
 .search-field input::placeholder { color: var(--faint); }
 .search-field button { display: grid; padding: 2px; border: 0; background: transparent; color: var(--muted); }
-.topbar-actions { display: flex; align-items: center; gap: 7px; margin-left: auto; }
-.avatar { display: grid; width: 31px; height: 31px; margin-left: 4px; place-items: center; border: 0; border-radius: 50%; color: oklch(0.2 0.012 275); background: oklch(0.78 0.018 275); font-size: 0.73rem; font-weight: 700; }
 .menu-button { display: none !important; }
 
 .icon-button { display: inline-grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 0; border-radius: 8px; color: var(--muted); background: transparent; transition: color 150ms ease, background 150ms ease, transform 150ms ease; }
@@ -317,8 +315,6 @@ input[type="range"]:hover::-webkit-slider-thumb, input[type="range"]:focus-visib
 @media (max-width: 560px) {
   .topbar { gap: 8px; height: 61px; padding: 0 12px; }
   .search-field { width: 100%; }
-  .topbar-actions .icon-button { display: none; }
-  .avatar { width: 29px; height: 29px; }
   .library-view { padding: 14px 14px 50px; }
   .hero { display: block; min-height: 330px; padding: 31px 25px; }
   .hero h1 { max-width: 330px; font-size: 2.55rem; }