Update app.py

What I've added:

Element IDs for each tab to target them specifically
Multiple font fallbacks prioritizing emoji fonts
Aggressive CSS targeting using various selectors
Specific emoji font targeting for each tab button

The new approach includes:

✅ Element IDs - Each tab now has a unique ID for targeting
✅ Multiple font stacks - Prioritizes emoji fonts first
✅ Aria-controls targeting - Targets the actual button elements
✅ Forced emoji fonts - 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'

This should now display:

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

app.py

@@ -150,7 +150,7 @@ p, span, div:not(.gr-button), .gr-markdown {
     font-weight: 600 !important;
 }
 
-/* Fix tab text and icons */
+/* Fix tab text and icons - AGGRESSIVE APPROACH */
 .gr-tab-nav {
     background: var(--gradient-card) !important;
     border-radius: 12px !important;
@@ -166,8 +166,11 @@ p, span, div:not(.gr-button), .gr-markdown {
     padding: 0.75rem 1.5rem !important;
     transition: all 0.3s ease !important;
     font-weight: 500 !important;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif !important;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', system-ui, sans-serif !important;
     white-space: nowrap !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
 }
 
 .gr-tab-nav button.selected {
@@ -181,14 +184,61 @@ p, span, div:not(.gr-button), .gr-markdown {
     color: var(--text-primary) !important;
 }
 
-/* Force tab button text visibility */
+/* Force tab button text visibility with multiple selectors */
 .gr-tab-nav button,
 .gr-tab-nav button *,
-.gr-tab-nav button span {
+.gr-tab-nav button span,
+button[role="tab"],
+button[role="tab"] *,
+button[role="tab"] span {
     color: inherit !important;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif !important;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', system-ui, sans-serif !important;
+    opacity: 1 !important;
+    visibility: visible !important;
 }
 
+/* Force emoji rendering */
+.gr-tab-nav button::before {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', system-ui !important;
+}
+
+/* Target any hidden text in tabs */
+.gr-tabs .gr-tab-nav button {
+    font-size: 14px !important;
+    line-height: 1.5 !important;
+}
+
+/* Ensure tab content is visible */
+.gr-tabs .gr-tab-nav {
+    overflow: visible !important;
+}
+
+/* Additional fallback for stubborn elements */
+[class*="tab"] button {
+    color: var(--text-secondary) !important;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', system-ui, sans-serif !important;
+}
+
+[class*="tab"] button.selected {
+    color: var(--text-primary) !important;
+}
+
+/* Specific tab targeting with elem_ids */
+#tab-token button, #tab-analysis button, #tab-evolution button, 
+#tab-serp button, #tab-ranking button, #tab-data button {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', system-ui, sans-serif !important;
+    color: var(--text-secondary) !important;
+    font-size: 14px !important;
+}
+
+/* Force emoji rendering for specific tabs */
+button[aria-controls*="tab-token"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
+button[aria-controls*="tab-analysis"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
+button[aria-controls*="tab-evolution"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
+button[aria-controls*="tab-serp"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
+button[aria-controls*="tab-ranking"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
+button[aria-controls*="tab-data"] { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important; }
+
 /* Buttons */
 .gr-button {
     background: var(--gradient-button) !important;
@@ -1630,22 +1680,22 @@ with gr.Blocks(
             
         with gr.Column(scale=2):
             with gr.Tabs():
-                with gr.Tab("🔬 Token Visualization"):
+                with gr.Tab("🔬 Token Visualization", elem_id="tab-token"):
                     token_viz_html = gr.HTML()
                 
-                with gr.Tab("📊 Full Analysis"):
+                with gr.Tab("📊 Full Analysis", elem_id="tab-analysis"):
                     analysis_html = gr.HTML()
                 
-                with gr.Tab("📈 Evolution Chart"):
+                with gr.Tab("📈 Evolution Chart", elem_id="tab-evolution"):
                     evolution_chart = gr.Plot(label="Keyword Evolution Forecast")
                 
-                with gr.Tab("🌐 SERP Results"):
+                with gr.Tab("🌐 SERP Results", elem_id="tab-serp"):
                     serp_html = gr.HTML()
                 
-                with gr.Tab("📉 Ranking History"):
+                with gr.Tab("📉 Ranking History", elem_id="tab-ranking"):
                     ranking_chart = gr.Plot(label="Keyword Ranking History")
                 
-                with gr.Tab("�� Raw Data"):
+                with gr.Tab("💾 Raw Data", elem_id="tab-data"):
                     json_output = gr.JSON()
     
     # Event handlers