Upload app.py with huggingface_hub

app.py

@@ -18,8 +18,8 @@ CSS = """
 * { font-family: 'Inter', sans-serif !important; box-sizing: border-box; }
 
 body, .gradio-container {
-    background: #050d1a !important;
-    color: #ffffff !important;
+    background: #f0f4f8 !important;
+    color: #1a202c !important;
 }
 
 .gradio-container {
@@ -30,7 +30,7 @@ body, .gradio-container {
 
 /* HEADER */
 .main-header {
-    background: linear-gradient(135deg, #0d1b3e 0%, #1a0533 50%, #0d1b3e 100%);
+    background: linear-gradient(135deg, #1a237e 0%, #b71c1c 100%);
     border-bottom: 3px solid #e63946;
     padding: 30px 20px;
     text-align: center;
@@ -39,8 +39,8 @@ body, .gradio-container {
 
 /* TABS - ALWAYS VISIBLE */
 .tab-nav {
-    background: #0d1b3e !important;
-    border-bottom: 2px solid #1e3a6e !important;
+    background: #ffffff !important;
+    border-bottom: 2px solid #e2e8f0 !important;
     padding: 0 10px !important;
     display: flex !important;
     gap: 5px !important;
@@ -48,9 +48,9 @@ body, .gradio-container {
 }
 
 .tab-nav button {
-    background: #132340 !important;
-    color: #a0b3d6 !important;
-    border: 1px solid #1e3a6e !important;
+    background: #f7fafc !important;
+    color: #2d3748 !important;
+    border: 1px solid #e2e8f0 !important;
     border-radius: 8px 8px 0 0 !important;
     padding: 12px 20px !important;
     font-size: 0.9em !important;
@@ -62,8 +62,8 @@ body, .gradio-container {
 }
 
 .tab-nav button:hover {
-    background: #1e3a6e !important;
-    color: #ffffff !important;
+    background: #ebf4ff !important;
+    color: #1a237e !important;
     border-color: #4361ee !important;
 }
 
@@ -76,17 +76,17 @@ body, .gradio-container {
 
 /* CONTENT AREA */
 .tabitem {
-    background: #0a1628 !important;
+    background: #ffffff !important;
     padding: 20px !important;
-    border: 1px solid #1e3a6e !important;
+    border: 1px solid #e2e8f0 !important;
     border-top: none !important;
 }
 
 /* INPUTS */
 textarea, input[type=number], input[type=text] {
-    background: #132340 !important;
-    color: #ffffff !important;
-    border: 1px solid #2d4a8a !important;
+    background: #f7fafc !important;
+    color: #1a202c !important;
+    border: 1px solid #cbd5e0 !important;
     border-radius: 8px !important;
     font-size: 0.95em !important;
 }
@@ -97,7 +97,7 @@ textarea:focus, input:focus {
 }
 
 textarea::placeholder {
-    color: #5a7aaa !important;
+    color: #a0aec0 !important;
 }
 
 /* BUTTONS */
@@ -119,16 +119,16 @@ button.primary:hover {
 }
 
 button.secondary {
-    background: #1d3461 !important;
-    color: #a0b3d6 !important;
-    border: 1px solid #2d4a8a !important;
+    background: #edf2f7 !important;
+    color: #4a5568 !important;
+    border: 1px solid #cbd5e0 !important;
     border-radius: 8px !important;
     font-weight: 600 !important;
 }
 
 /* LABELS */
 label span, label, .label-wrap span {
-    color: #7eb8f7 !important;
+    color: #2b6cb0 !important;
     font-weight: 600 !important;
     font-size: 0.85em !important;
     text-transform: uppercase !important;
@@ -153,16 +153,16 @@ label span, label, .label-wrap span {
 }
 
 .message.bot {
-    background: #132340 !important;
-    color: #e2e8f0 !important;
-    border: 1px solid #2d4a8a !important;
+    background: #ebf4ff !important;
+    color: #1a202c !important;
+    border: 1px solid #bee3f8 !important;
     border-radius: 12px 12px 12px 4px !important;
 }
 
 /* RESULT BOXES */
 .gr-box, .block {
-    background: #0d1b3e !important;
-    border: 1px solid #1e3a6e !important;
+    background: #ffffff !important;
+    border: 1px solid #e2e8f0 !important;
     border-radius: 12px !important;
 }
 
@@ -181,8 +181,8 @@ input[type=number] {
 
 /* SCROLLBAR */
 ::-webkit-scrollbar { width: 6px; }
-::-webkit-scrollbar-track { background: #0a1628; }
-::-webkit-scrollbar-thumb { background: #2d4a8a; border-radius: 3px; }
+::-webkit-scrollbar-track { background: #f7fafc; }
+::-webkit-scrollbar-thumb { background: #cbd5e0; border-radius: 3px; }
 """
 
 def get_pubmed(query, n=5):