Fix Gradio dark text leakage

Co-authored-by: Codex <codex@openai.com>

style.css

@@ -2,6 +2,12 @@
   --body-background-fill: #fafaf7 !important;
   --background-fill-primary: #ffffff !important;
   --background-fill-secondary: #fafaf7 !important;
+  --text-color: #1d1d1f !important;
+  --body-text-color: #1d1d1f !important;
+  --block-label-text-color: #1d1d1f !important;
+  --block-title-text-color: #1d1d1f !important;
+  --input-text-color: #1d1d1f !important;
+  --neutral-950: #1d1d1f !important;
   --jb-bg: #fafaf7;
   --jb-warm: #fff8ea;
   --jb-surface: #ffffff;
@@ -32,30 +38,26 @@
   --body-background-fill: #fafaf7 !important;
   --background-fill-primary: #ffffff !important;
   --background-fill-secondary: #fafaf7 !important;
+  --text-color: #1d1d1f !important;
+  --body-text-color: #1d1d1f !important;
+  --block-label-text-color: #1d1d1f !important;
+  --block-title-text-color: #1d1d1f !important;
+  --input-text-color: #1d1d1f !important;
+  --neutral-950: #1d1d1f !important;
   color-scheme: light !important;
 }
 
-/* Keep Gradio callback states from dimming the app or adding progress chrome. */
-.gradio-container .wrap.translucent,
-.gradio-container .wrap[style*="opacity"],
-.gradio-container .block.translucent,
-.gradio-container [class*="pending"],
-.gradio-container [class*="generating"],
-.gradio-container .block:has(> .wrap),
+/* Kill Gradio loading opacity completely. */
 .gradio-container .block,
-.gradio-container .block *,
-.gradio-container .html,
-.gradio-container .html * {
+.gradio-container .wrap,
+.gradio-container .block.pending,
+.gradio-container .block.generating {
   opacity: 1 !important;
+  transition: none !important;
 }
 
-.gradio-container .block:has(> .wrap) {
-  pointer-events: auto !important;
-}
-
-.gradio-container .progress-bar,
-.gradio-container [class*="progress"] {
-  display: none !important;
+.gradio-container [style*="opacity"] {
+  opacity: 1 !important;
 }
 
 html,
@@ -97,10 +99,6 @@ body.dark {
   color: var(--jb-text) !important;
 }
 
-.gradio-container label span.svelte-jdcl7l {
-  color: #ffffff !important;
-}
-
 .hero {
   display: flex;
   align-items: center;