Final 4.3.1

src/app.py

@@ -346,10 +346,25 @@ def create_interface():
     # Custom CSS for better styling
     css = """
     .container {max-width: 1200px; margin: auto; padding: 20px;}
-    .output-markdown {font-size: 16px; line-height: 1.6;}
-    .details-box {background-color: #f8f9fa; padding: 15px; border-radius: 8px; margin: 10px 0;}
-    .reasoning-box {background-color: #fff; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;}
-    .unit4-section {background-color: #e3f2fd; padding: 20px; border-radius: 8px; margin: 20px 0;}
+    .output-markdown {font-size: 16px; line-height: 1.6; color: #333;}
+    .details-box {background-color: #f8f9fa; padding: 15px; border-radius: 8px; margin: 10px 0; color: #333;}
+    .reasoning-box {background-color: #fff; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px; color: #333;}
+    .unit4-section {background-color: #e3f2fd; padding: 20px; border-radius: 8px; margin: 20px 0; color: #1565c0;}
+    
+    /* Fix white text on white background issues */
+    .gradio-container {color: #333 !important;}
+    .gradio-container .gr-button-primary {background: #007bff; color: white;}
+    .gradio-container .gr-button-secondary {background: #6c757d; color: white;}
+    .gradio-container .gr-textbox textarea {color: #333; background: white;}
+    .gradio-container .gr-markdown {color: #333;}
+    
+    /* Ensure login section has proper contrast */
+    .oauth-login {background: #f8f9fa; padding: 10px; border-radius: 5px; margin: 10px 0;}
+    
+    /* Fix any remaining text contrast issues */
+    .gradio-container * {color: inherit;}
+    .gradio-container h1, .gradio-container h2, .gradio-container h3 {color: #333 !important;}
+    .gradio-container p {color: #555 !important;}
     """
     
     with gr.Blocks(css=css, title="GAIA Agent System", theme=gr.themes.Soft()) as interface: