Update app.py

app.py

@@ -33,7 +33,7 @@ Using the following web search information:
 {context}
 
 Question: {query}
-Answer in a clear, Google-style summary:
+Answer clearly and concisely like Google Search:
 """
 
     response = llm.invoke(prompt)
@@ -49,17 +49,16 @@ body {
 
 .gradio-container {
     max-width: 900px !important;
-    margin-top: 70px;
+    margin-top: 40px;
 }
 
-/* BIG GOOGLE LOGO */
 #logo {
-    font-size: 72px;
+    font-size: 96px;          
     font-weight: 700;
     text-align: center;
-    margin-bottom: 40px;
+    margin-bottom: 45px;
     letter-spacing: -2px;
-    line-height: 1;
+    line-height: 1.1;
 }
 
 #logo span:nth-child(1) { color: #4285F4; }
@@ -69,10 +68,11 @@ body {
 #logo span:nth-child(5) { color: #0F9D58; }
 #logo span:nth-child(6) { color: #DB4437; }
 
+/* Search box */
 .search-box textarea {
     border-radius: 24px !important;
     border: 1px solid #dfe1e5 !important;
-    padding: 14px 20px !important;
+    padding: 16px 22px !important;
     font-size: 17px !important;
 }
 
@@ -81,23 +81,26 @@ body {
     border-color: transparent !important;
 }
 
+/* Button */
 .search-btn button {
     border-radius: 6px !important;
     background-color: #f8f9fa !important;
     color: #202124 !important;
     border: 1px solid #f8f9fa !important;
     font-weight: 500;
+    padding: 10px 18px;
 }
 
 .search-btn button:hover {
     border: 1px solid #dadce0 !important;
 }
 
+/* Answer box */
 .answer-box textarea {
     border-radius: 12px !important;
     background: #f8f9fa !important;
     font-size: 15px !important;
-    line-height: 1.6;
+    line-height: 1.7;
 }
 """
 
@@ -106,7 +109,8 @@ with gr.Blocks(css=google_css) as demo:
     gr.Markdown(
         """
         <div id="logo">
-            <span>G</span><span>o</span><span>o</span><span>g</span><span>l</span><span>e</span>
+            <span>G</span><span>o</span><span>o</span>
+            <span>g</span><span>l</span><span>e</span>
         </div>
         """,
         elem_id="logo"