Update app.py

app.py

@@ -190,24 +190,6 @@ body, .gradio-container {
     text-transform: uppercase;
 }
 
-.tab-nav button {
-    background: transparent !important;
-    color: var(--muted) !important;
-    border: 1px solid transparent !important;
-    border-radius: var(--r) !important;
-    font-family: 'Syne', sans-serif !important;
-    font-weight: 700 !important;
-    font-size: 0.82rem !important;
-    padding: 0.5rem 1rem !important;
-    transition: all .18s !important;
-}
-.tab-nav button.selected {
-    background: var(--surface2) !important;
-    color: var(--accent) !important;
-    border-color: var(--accent3) !important;
-}
-.tab-nav button:hover { color: var(--text) !important; }
-
 input[type=text], textarea {
     background: var(--surface) !important;
     border: 1px solid var(--border) !important;
@@ -278,6 +260,26 @@ button.secondary:hover {
     color: var(--text) !important;
 }
 
+.gradio-accordion {
+    background: var(--surface2) !important;
+    border: 1px solid var(--accent2) !important;
+    border-radius: var(--r) !important;
+    margin-bottom: .6rem !important;
+}
+
+.gradio-accordion .label-wrap span {
+    color: var(--accent2) !important;
+    font-family: 'Syne', sans-serif !important;
+    font-weight: 700 !important;
+    font-size: .85rem !important;
+    letter-spacing: .04em !important;
+}
+
+.gradio-accordion svg {
+    color: var(--accent2) !important;
+    stroke: var(--accent2) !important;
+}
+
 .foot {
     text-align: center;
     padding: 1.5rem;