UI update:

app.py

@@ -309,7 +309,7 @@ Answer:"""
         :root {
             --primary-color: #FF8C00; /* Darker Orange for buttons/accents */
             --primary-hover: #E07B00; /* Slightly darker orange for hover */
-            --background-primary: hsl(30, 100%, 99.8%); /* Almost pure white, with a very subtle warm tint */
+            --background-primary: hsl(30, 100%, 99.9%); /* Almost pure white, with a very subtle warm tint */
             --background-secondary: hsl(30, 100%, 96%); /* Clear, light, warm peach/cream */
             --text-primary: #4A3C32; /* Dark warm brown/charcoal for main text */
             --text-secondary: #8C7B6F; /* Muted warm gray/brown for secondary text */
@@ -338,6 +338,13 @@ Answer:"""
             --error-text: #FF6666;
         }
 
+        /* Universal reset for backgrounds to ensure no default grey */
+        *, *::before, *::after {
+            /* This is a soft reset. Specific overrides below will take precedence. */
+            /* background-color: initial; /* Resets to default, which for many is transparent */
+            /* box-sizing: border-box; */
+        }
+
         /* Ensure the very outer body background is also set, overriding any Gradio defaults */
         body, html {
             background-color: var(--background-secondary) !important;
@@ -452,6 +459,7 @@ Answer:"""
             align-items: center !important;
             width: 100% !important;
             flex-direction: column !important; /* Ensure content stacks vertically if needed */
+            background-color: transparent !important; /* Ensure this wrapper is transparent */
         }
 
         /* NEW: Class for the solid color title bar within each card */
@@ -503,28 +511,33 @@ Answer:"""
             color: var(--primary-color) !important; /* Highlight strong text with primary color */
         }
 
-        /* Overrides for common Gradio internal elements that might have default backgrounds */
-        /* These ensure transparency or explicit primary background for common Gradio containers */
-        .gr-block, .gr-box, .gr-prose, .gr-form, .gr-panel, .gr-columns, .gr-column,
+        /* Aggressive Overrides for all Gradio internal containers and text blocks */
+        /* These ensure transparency or explicit primary background for common Gradio elements */
+        .gr-block, .gr-box, .gr-prose, .gr-form, .gr-panel,
+        .gr-columns, .gr-column, /* Ensure columns themselves are transparent */
         .gradio-html, .gradio-markdown, .gradio-textbox, .gradio-radio, .gradio-button {
-            background-color: transparent !important; 
+            background-color: transparent !important; /* Force transparent or specific primary background */
             color: var(--text-primary) !important; /* Ensure text color is consistent */
-            /* Ensure text wrapping for markdown as well */
-            white-space: normal !important;
+            white-space: normal !important; /* Allow text to wrap */
             overflow-wrap: break-word;
             word-break: break-word;
         }
+        /* Specific elements that MUST have background-primary to look white/clean */
+        .gradio-textbox textarea,
+        .gradio-textbox input,
+        .gradio-radio label,
+        .placeholder {
+            background-color: var(--background-primary) !important; /* These are input/output content areas */
+        }
 
 
         /* Improved input styling with clear boundaries and focus */
         .gradio-textbox {
-            background-color: transparent !important; /* Ensure parent container is transparent */
             margin-bottom: 0.75rem !important;
         }
         /* Target the actual input elements for background color */
         .gradio-textbox textarea,
         .gradio-textbox input {
-            background-color: var(--background-primary) !important; /* Pure white for content area */
             border: 2px solid var(--border-color) !important; /* Clear border */
             border-radius: 8px !important;
             padding: 0.85rem 1rem !important; /* Slightly more padding */
@@ -548,7 +561,6 @@ Answer:"""
 
         /* Styling for the radio button group (state selection) */
         .gradio-radio {
-            background-color: transparent !important; /* Ensure parent container is transparent */
             padding: 0 !important; /* Remove any default padding */
             margin-top: 1rem !important; /* Add a little space above */
         }
@@ -565,7 +577,7 @@ Answer:"""
             padding: 0.75rem 1rem !important;
             border: 2px solid var(--border-color) !important;
             border-radius: 8px !important;
-            background-color: var(--background-primary) !important; /* Matches card background (white) */
+            /* background-color: var(--background-primary) !important; Set in general rule for input types */
             color: var(--text-primary) !important;
             font-weight: 500 !important;
             cursor: pointer !important;