Update app.py

I've added specific emoji font support to the tabs. The key addition is:
css/* Ensure emoji icons are displayed properly */
.gr-tab-nav button {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif !important;
}
This font stack ensures that:

✅ Emoji icons render properly on all operating systems
✅ Color emojis are supported (Noto Color Emoji, Apple Color Emoji)
✅ Fallback fonts ensure compatibility

The tabs should now show:

🔬 Token Visualization
📊 Full Analysis
📈 Evolution Chart
🌐 SERP Results
📉 Ranking History
💾 Raw Data

app.py

@@ -437,7 +437,7 @@ button:not(.gr-tab-nav button) * {
     color: #1f2937 !important;
 }
 
-/* Mobile responsiveness */
+/* Mobile responsiveness - IMPROVED */
 @media (max-width: 768px) {
     .gradio-container h1 {
         font-size: 2rem !important;
@@ -448,9 +448,65 @@ button:not(.gr-tab-nav button) * {
         justify-content: center !important;
     }
     
+    /* Don't force column layout on mobile - let it flow naturally */
+    .gr-row {
+        flex-direction: row !important;
+        flex-wrap: wrap !important;
+    }
+    
+    /* Ensure proper spacing on mobile */
+    .gr-column {
+        min-width: 300px !important;
+        flex: 1 !important;
+    }
+    
+    /* Make tabs more mobile friendly */
+    .gr-tab-nav {
+        flex-wrap: wrap !important;
+    }
+    
+    .gr-tab-nav button {
+        margin: 2px !important;
+        padding: 0.5rem 1rem !important;
+        font-size: 0.9rem !important;
+    }
+}
+
+/* Tablet responsiveness */
+@media (max-width: 1024px) and (min-width: 769px) {
+    .gradio-container h1 {
+        font-size: 2.5rem !important;
+    }
+    
+    .gr-column {
+        min-width: 250px !important;
+    }
+}
+
+/* Ensure minimum widths are respected */
+.gr-column {
+    min-width: 200px;
+    flex-shrink: 0;
+}
+
+/* Fix for very small screens */
+@media (max-width: 480px) {
+    .gradio-container {
+        padding: 1rem !important;
+    }
+    
+    .gradio-container h1 {
+        font-size: 1.5rem !important;
+    }
+    
     .gr-row {
         flex-direction: column !important;
     }
+    
+    .gr-column {
+        min-width: 100% !important;
+        margin-bottom: 1rem !important;
+    }
 }
 """