Force ink text on dial and script insets (fix invisible white-on-light text)

src/midnight_static/gradio_app.py

@@ -1038,6 +1038,37 @@ gradio-app,
   0%, 100% { opacity: 0.7; transform: translate(-50%, -50%) scale(0.96); }
   50% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); }
 }
+
+/* ============================================================
+   LEGIBILITY HARDENING
+   The dial glass and the script paper are LIGHT insets inside the dark
+   walnut room. Gradio paints HTML text with --body-text-color, which we set
+   to cream for the dark chrome — that cream leaked onto these light surfaces
+   and made the frequencies, station line, and script text invisible. Force
+   ink on those surfaces with !important (Gradio's variable rule wins
+   otherwise), then re-assert the few accent colors so they survive.
+   ============================================================ */
+.ms-dial,
+.ms-dial div,
+.ms-dial span,
+.ms-script,
+.ms-script p,
+.ms-script div,
+.ms-script span,
+.ms-script strong {
+  color: #21170f !important;
+}
+
+/* Accent colors re-asserted after the blanket ink rule above. */
+.ms-frequency span.is-tuned { color: #8a2114 !important; }
+.ms-station strong { color: var(--ms-red) !important; }
+.ms-scanner { color: var(--ms-red) !important; }
+.ms-script-title,
+.ms-line-who,
+.ms-script-cast-row strong { color: #5a1d10 !important; }
+.ms-script-logline { color: #4a3320 !important; }
+.ms-scene-sfx { color: #8a5a2c !important; }
+.ms-line-delivery { color: #9a6a34 !important; }
 """