Update app.py

app.py

@@ -75,28 +75,33 @@ def run_ven_engine(budget, dietary, company, purpose, noise):
     match_pct = int(similarities[closest_persona] * 100)
     review_text = str(top_match[col_review])[:160] + "..."
     
+    # --- VISIBILITY FIX: Added 'color:black' to all text elements ---
     return f"""
-    <div style="background: white; border: 1px solid #e2e8f0; border-radius: 20px; padding: 24px;">
+    <div style="background: white; border: 1px solid #e2e8f0; border-radius: 20px; padding: 24px; color: black;">
         <div style="display:flex; justify-content:space-between;">
             <div>
-                <div style="font-size: 22px; font-weight: 800; color: #1e293b;">{top_match[col_name]}</div>
-                <div style="font-size: 14px; color: #64748b; font-weight: 600;">Match for: {closest_persona}</div>
+                <div style="font-size: 22px; font-weight: 800; color: #000000;">{top_match[col_name]}</div>
+                <div style="font-size: 14px; color: #333333; font-weight: 600;">Match for: {closest_persona}</div>
             </div>
             <div style="text-align:right;">
                 <div style="font-size: 28px; font-weight: 900; color: #2563eb;">{top_match[col_rating]}</div>
-                <div style="font-size:12px; font-weight:bold; color:#94a3b8;">RATING</div>
+                <div style="font-size:12px; font-weight:bold; color: #000000;">RATING</div>
             </div>
         </div>
-        <hr style="border:0; border-top:1px solid #f1f5f9; margin: 15px 0;">
-        <p style="color:#334155; line-height:1.6;"><i>"{review_text}"</i></p>
+        <hr style="border:0; border-top:1px solid #cbd5e1; margin: 15px 0;">
+        <p style="color: #000000; line-height:1.6; font-size: 16px; font-weight: 500;"><i>"{review_text}"</i></p>
         <div style="margin-top:15px; font-size:13px; font-weight:700; color:#2563eb;">Match Confidence: {match_pct}%</div>
     </div>
     """
 
 # ==========================================
-# 3. APP UI
+# 3. APP UI & CSS FIX
 # ==========================================
-ven_css = """body { background: radial-gradient(1200px 600px at 20% 0%, #eef6ff 0%, #f8fafc 45%, #ffffff 100%) !important; font-family: sans-serif !important; }"""
+# Added 'color: black !important' to force dark text everywhere
+ven_css = """
+body { background: radial-gradient(1200px 600px at 20% 0%, #eef6ff 0%, #f8fafc 45%, #ffffff 100%) !important; font-family: sans-serif !important; color: black !important; }
+h1, h2, h3, h4, h5, h6, span, p, div { color: black; }
+"""
 
 with gr.Blocks(css=ven_css, title="VEN Project") as demo:
     gr.Markdown("# 🍔 VEN: Restaurant Matchmaker")
@@ -106,10 +111,7 @@ with gr.Blocks(css=ven_css, title="VEN Project") as demo:
             in_budget = gr.Dropdown(["Budget-friendly", "Mid-range", "Premium"], label="Budget", value="Mid-range")
             in_diet = gr.Dropdown(["Anything", "Vegetarian", "Vegan", "Meat-lover"], label="Diet", value="Anything")
             in_company = gr.Radio(["Solo", "Date/Couple", "Friends", "Business"], label="With who?", value="Date/Couple")
-            
-            # --- FIX IS HERE: Added "Professional meeting" to the list ---
             in_purpose = gr.Dropdown(["Casual dinner", "Special occasion", "Quick bite", "Professional meeting"], label="Occasion", value="Casual dinner")
-            
             in_noise = gr.Radio(["Quiet/Intimate", "Moderate/Social", "Lively/Music"], label="Environment", value="Moderate/Social")
             btn = gr.Button("Find My Table", variant="primary")