UI update

app.py

@@ -311,7 +311,7 @@ Answer:"""
             --primary-color: #FF8C00; /* Darker Orange for buttons/accents */
             --primary-hover: #E07B00; /* Slightly darker orange for hover */
             --background-primary: #FFFFFF; /* Pure White for main cards, inputs, output area - NO GREY */
-            --background-secondary: #FFF5E0; /* Very light, warm cream for overall app background, table headers, placeholder */
+            --background-secondary: #FFFBF5; /* Very light, warm cream for overall app background, table headers, placeholder */
             --text-primary: #4A3C32; /* Dark warm brown/charcoal for main text */
             --text-secondary: #8C7B6F; /* Muted warm gray/brown for secondary text */
             --border-color: #DDC6AF; /* Light, desaturated orange-brown for borders */
@@ -378,15 +378,15 @@ Answer:"""
             left: 0;
             width: 100%;
             height: 100%;
-            background: radial-gradient(circle at top left, rgba(255,140,0,0.1) 0%, transparent 40%), /* More orange tint, slightly more opaque */
-                        radial-gradient(circle at bottom right, rgba(255,140,0,0.1) 0%, transparent 40%);
+            background: radial-gradient(circle at top left, rgba(255,140,0,0.15) 0%, transparent 50%), /* More vibrant orange tint */
+                        radial-gradient(circle at bottom right, rgba(255,140,0,0.15) 0%, transparent 50%);
             z-index: 0;
             opacity: 0.8;
             pointer-events: none;
         }
 
         .app-header-logo {
-            font-size: 5.5rem !important; /* Significantly larger icon */
+            font-size: 6.5rem !important; /* Significantly larger icon */
             margin-bottom: 0.75rem !important;
             display: block !important; 
             color: var(--primary-color) !important; /* Theme color */
@@ -489,7 +489,7 @@ Answer:"""
         }
         .gradio-textbox textarea,
         .gradio-textbox input {
-            background-color: var(--background-primary) !important; /* Explicitly set background to primary cream */
+            background-color: var(--background-primary) !important; /* Explicitly set background to primary white */
             border: 2px solid var(--border-color) !important; /* Clear border */
             border-radius: 8px !important;
             padding: 0.85rem 1rem !important; /* Slightly more padding */
@@ -525,7 +525,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 */
+            background-color: var(--background-primary) !important; /* Matches card background (white) */
             color: var(--text-primary) !important;
             font-weight: 500 !important;
             cursor: pointer !important;
@@ -888,8 +888,8 @@ Answer:"""
                             query_input = gr.Textbox(
                                 label="Your Question",
                                 placeholder="E.g., What are the rules for security deposit returns in my state?",
-                                lines=4,
-                                max_lines=8,
+                                lines=8, # Increased default height
+                                max_lines=15, # Increased max height
                                 elem_classes=["input-field-group"]
                             )
                         with gr.Column(elem_classes="input-field", scale=1): # State radio buttons take less space