UI update

app.py

@@ -299,7 +299,15 @@ Answer:"""
         /* Import legible fonts from Google Fonts */
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
 
-        /* Define our custom light theme variables */
+        /* Force light theme globally */
+        :root, html, body, .gradio-app, .dark, html.dark, body.dark {{
+            color-scheme: light only !important; /* Prevent dark mode */
+            background-color: var(--custom-background-secondary) !important;
+            color: var(--custom-text-primary) !important;
+            transition: none !important; /* Prevent theme transition flickering */
+        }}
+
+        /* Define custom light theme variables */
         :root {{
             --custom-primary-color: #FF8C00;
             --custom-primary-hover: #E07B00;
@@ -317,8 +325,8 @@ Answer:"""
             --custom-error-text: #E05C00; /* Orange-red error text */
         }}
 
-        /* CRITICAL: FORCE GRADIO'S INTERNAL VARIABLES TO OUR CUSTOM LIGHT THEME VALUES */
-        :root, html.dark, body.dark, .dark {{
+        /* Override dark mode for all Gradio components */
+        :root, html.dark, body.dark, .dark, .gradio-container, .gradio-app {{
             /* General backgrounds */
             --background-fill-primary: var(--custom-background-primary) !important;
             --background-fill-secondary: var(--custom-background-secondary) !important;
@@ -379,7 +387,7 @@ Answer:"""
             --color-error-background: var(--custom-error-bg) !important;
             --color-error-border: var(--custom-error-border) !important;
 
-            /* Specific overrides for common Gradio components */
+            /* Specific overrides */
             --block-border-color: var(--custom-border-color) !important;
             --input-border-color: var(--custom-border-color) !important;
             --input-label-color: var(--custom-text-primary) !important;
@@ -391,6 +399,15 @@ Answer:"""
             --scrollbar-track-color: var(--custom-background-secondary) !important;
         }}
 
+        /* Override dark mode media query */
+        @media (prefers-color-scheme: dark) {{
+            :root, html, body, .gradio-app, .dark, .gradio-container {{
+                color-scheme: light only !important;
+                background-color: var(--custom-background-secondary) !important;
+                color: var(--custom-text-primary) !important;
+            }}
+        }}
+
         /* Base styles for html and body */
         body, html {{
             background-color: var(--custom-background-secondary) !important;
@@ -503,7 +520,7 @@ Answer:"""
         .examples-section .gr-samples-table th {{
             background-color: var(--custom-background-secondary) !important;
             color: var(--custom-text-primary) !important;
-            text-align: center !important; /* Center table headers */
+            text-align: center !important;
         }}
         .examples-section .gr-samples-table td {{
             background-color: var(--custom-background-primary) !important;
@@ -711,7 +728,7 @@ Answer:"""
                     <style>
                         .custom-link {{
                             font-weight: bold !important;
-                            color: var(--custom-primary-color) !important;
+                            color: var(--custom-primary-color) ! includes;
                             text-decoration: underline;
                         }}
                         .app-footer p {{