Update app.py

app.py

@@ -6,15 +6,14 @@ from langchain_tavily import TavilySearch
 # =========================
 # Environment Variables
 # =========================
-# Set these in Hugging Face Spaces → Settings → Secrets
 GROQ_API_KEY = os.getenv("GROQ_API_KEY")
 TAVILY_API_KEY = os.getenv("TAVILY_API_KEY")
 
 if not GROQ_API_KEY or not TAVILY_API_KEY:
-    raise ValueError("Please set GROQ_API_KEY and TAVILY_API_KEY in Hugging Face Secrets")
+    raise ValueError("Set GROQ_API_KEY and TAVILY_API_KEY in Hugging Face Secrets")
 
 # =========================
-# LLM & Search Setup
+# LLM & Search
 # =========================
 llm = ChatGroq(
     model_name="openai/gpt-oss-120b",
@@ -27,6 +26,9 @@ search = TavilySearch(
     tavily_api_key=TAVILY_API_KEY
 )
 
+# =========================
+# Search Logic
+# =========================
 def google_style_search(query):
     if not query.strip():
         return "Please enter a search query."
@@ -40,31 +42,36 @@ Using the following web search information:
 {context}
 
 Question: {query}
-Answer in a clear, user-friendly, Google-style summary:
+Answer in a clear, Google-style summary:
 """
 
     response = llm.invoke(prompt)
     return response.content.strip()
 
+# =========================
+# Google-like CSS (BIG LOGO)
+# =========================
 google_css = """
-@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Inter:wght@400;500;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap');
 
 body {
     background-color: #ffffff;
-    font-family: 'Google Sans', 'Inter', Arial, sans-serif;
+    font-family: 'Google Sans', Arial, sans-serif;
 }
 
 .gradio-container {
-    max-width: 850px !important;
-    margin-top: 60px;
+    max-width: 900px !important;
+    margin-top: 70px;
 }
 
+/* BIG GOOGLE LOGO */
 #logo {
-    font-size: 52px;
+    font-size: 72px;
     font-weight: 700;
     text-align: center;
-    margin-bottom: 35px;
-    letter-spacing: -1px;
+    margin-bottom: 40px;
+    letter-spacing: -2px;
+    line-height: 1;
 }
 
 #logo span:nth-child(1) { color: #4285F4; }
@@ -78,7 +85,7 @@ body {
     border-radius: 24px !important;
     border: 1px solid #dfe1e5 !important;
     padding: 14px 20px !important;
-    font-size: 16px !important;
+    font-size: 17px !important;
 }
 
 .search-box textarea:focus {
@@ -96,7 +103,6 @@ body {
 
 .search-btn button:hover {
     border: 1px solid #dadce0 !important;
-    background-color: #f8f9fa !important;
 }
 
 .answer-box textarea {
@@ -107,6 +113,9 @@ body {
 }
 """
 
+# =========================
+# UI
+# =========================
 with gr.Blocks(css=google_css) as demo:
 
     gr.Markdown(