Design pass on the web UI: amber for new, EQ bars, keyboard feed list

Works through TODO.md from the 2026-09-11 review. Unread badges, dots and
download bars take the icon's amber; the playing item is marked by EQ bars
that move only while it plays. The feed list is usable from the keyboard,
focus rings show everywhere, and folders get a mosaic of their shows' art
with the triangle hung in the margin. Sentence-case labels, fewer bold
weights, tinted initials tiles, shorter header lines, "Kept" everywhere,
and the list gets the room the empty panes had. Reduced motion is honoured.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TAC7sLVqfKmY6rsTLXzNgk

web/login.html

@@ -46,9 +46,10 @@ form{
   width:min(360px,100%);background:var(--panel);border:1px solid var(--line);
   border-radius:14px;padding:22px;box-shadow:var(--shadow);
 }
-.brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}
-.brand img{width:34px;height:34px;object-fit:contain}
-h1{font-size:17px;margin:0;font-weight:650}
+/* The one place the 2004 icon is shown at the size it was drawn for. */
+.brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}
+.brand img{width:96px;height:auto}
+h1{font-size:21px;margin:0;font-weight:650;letter-spacing:-.01em}
 label{display:block;font-size:12px;color:var(--dim);margin:0 0 4px}
 input{
   width:100%;background:var(--bg);border:1px solid var(--line);color:var(--fg);
@@ -60,6 +61,7 @@ button{
   background:var(--accent);border:0;border-radius:8px;padding:10px;
 }
 .msg{color:var(--bad);font-size:13px;min-height:19px;margin:10px 0 0;text-align:center}
+button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 </style>
 
 <form id="f">