Mobile audit fixes: iOS input auto-zoom + tap delay

Audited on iPhone SE (320px), iPhone 13, Pixel 5 emulations:
- FOUND: login/search inputs at 13.3px (< 16px) -> iOS Safari
  auto-zooms the page on focus. Fixed: 16px in style.css AND
  login.html (separate page with own CSS).
- FOUND: no touch-action anywhere -> double-tap-zoom tap delay on
  buttons. Fixed: touch-action: manipulation on interactive elements
  in both stylesheets.
- FOUND: .pl-spin missing from prefers-reduced-motion. Added.
- VERIFIED CLEAN: no horizontal overflow at 320/390/393px, controls
  row fits, chip+gauge in viewport, episode grid 66x31 ok,
  Tap-to-play gesture flow works on BOTH hls.js and native paths
  (simulated iOS autoplay block), toast fits, zero JS errors,
  desktop playback regression OK, 18/18 API tests.
assets v=7; login.html is no-store so updates without a bump.

static/style.css

@@ -1,6 +1,10 @@
 :root { --bg: #0e0f13; --card: #171821; --bd: #262833; --fg: #e8e9f0; --muted: #8a8d9c; --acc: #f97316; }
 * { box-sizing: border-box; }
 body { margin: 0; background: var(--bg); color: var(--fg); font: 15px/1.5 system-ui, sans-serif; }
+/* mobile: >=16px input font stops iOS Safari auto-zoom on focus;
+   touch-action kills the double-tap-zoom tap delay on buttons */
+input, select, textarea { font-size: 16px; }
+button, a, .ep, .toast, .recent button { touch-action: manipulation; }
 a { color: inherit; text-decoration: none; }
 header { display: flex; gap: 1rem; align-items: center; padding: 0.8rem 1.2rem;
   border-bottom: 1px solid var(--bd); position: sticky; top: 0; background: var(--bg); z-index: 5; }
@@ -95,7 +99,7 @@ h2 { margin: 0.4rem 0; }
 .detail-prog { margin-top: .1rem; font-size: .85rem; }
 .mini-info { display: flex; flex-direction: column; padding: .5rem; }
 .mini-meta { font-size: .75rem; color: var(--muted); margin-top: .1rem; }
-@media (prefers-reduced-motion: reduce) { .skel, .toast { animation: none; } }
+@media (prefers-reduced-motion: reduce) { .skel, .toast, .pl-spin { animation: none; } }
 
 @media (max-width: 640px) {
   .hero-sec { grid-template-columns: 100px 1fr; grid-template-areas: "img right"; gap: .8rem; padding: .8rem; }