Update app.py

app.py

@@ -320,6 +320,36 @@ CSS_STYLES = """
         color: var(--body-text-color) !important;
     }
 
+    /* Custom glossy purple styling for primary action buttons */
+    .gradio-container button.primary {
+        border: 1px solid rgba(99, 102, 241, 0.35) !important;
+        background: linear-gradient(180deg, rgba(99, 102, 241, 0.25), rgba(59, 130, 246, 0.20)) !important;
+        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 2px 4px rgba(0, 0, 0, 0.15) !important;
+        color: rgba(255, 255, 255, 0.95) !important;
+        transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .06s ease !important;
+    }
+    .gradio-container button.primary:hover {
+        border-color: rgba(99, 102, 241, 0.5) !important;
+        background: linear-gradient(180deg, rgba(99, 102, 241, 0.35), rgba(59, 130, 246, 0.28)) !important;
+        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 3px 6px rgba(0, 0, 0, 0.2) !important;
+    }
+    .gradio-container button.primary:active {
+        transform: scale(0.98) !important;
+        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
+    }
+    @media (prefers-color-scheme: light) {
+        .gradio-container button.primary {
+            border-color: rgba(99, 102, 241, 0.4) !important;
+            background: linear-gradient(180deg, rgba(99, 102, 241, 0.85), rgba(79, 70, 229, 0.75)) !important;
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 4px rgba(0, 0, 0, 0.12) !important;
+            color: rgba(255, 255, 255, 0.98) !important;
+        }
+        .gradio-container button.primary:hover {
+            background: linear-gradient(180deg, rgba(99, 102, 241, 0.95), rgba(79, 70, 229, 0.85)) !important;
+            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
+        }
+    }
+
     /* Hide the actual tabs since we use the sidebar to control them */
     .hidden-tabs .tab-nav,
     .hidden-tabs [role="tablist"] {