Upload app.py with huggingface_hub

app.py

@@ -192,8 +192,20 @@ footer { display:none !important; }
 .footnote b { color:var(--ink); font-weight:600; }
 """
 
+# Force light mode regardless of the device's system theme (the custom design is
+# built for light; dark mode made it look broken). Reload once into ?__theme=light.
+FORCE_LIGHT = """
+() => {
+  const u = new URL(window.location.href);
+  if (u.searchParams.get('__theme') !== 'light') {
+    u.searchParams.set('__theme', 'light');
+    window.location.replace(u.href);
+  }
+}
+"""
+
 with gr.Blocks(title="Say It Back in Kalenjin", theme=gr.themes.Soft(primary_hue="orange"),
-               css=CSS, head=HEAD) as demo:
+               css=CSS, head=HEAD, js=FORCE_LIGHT) as demo:
     gr.HTML(
         "<div class='hero'>"
         "<div class='eyebrow'>[ English → Kalenjin · spoken ]</div>"