Update app.py

app.py

@@ -350,6 +350,65 @@ button[role="tab"].selected {
     -webkit-text-fill-color: #ffffff !important;
     opacity: 1 !important;
 }
+
+/* =========================================================
+   GRADIO FOOTER FIX
+   The default footer ("Use via API · Built with Gradio · Settings")
+   has a broken hover state — text fades to nearly invisible on hover.
+   We give it a readable base color and a clearly visible hover color
+   that matches the app's dark-blue accent. Targets <footer> directly
+   plus all link/button descendants in any version of Gradio. */
+.gradio-container footer,
+.gradio-container .footer,
+footer.svelte-1ax1toq,
+footer {
+    background: transparent !important;
+    border-top: 1px solid #d8dfe6 !important;
+    padding: 12px 18px !important;
+}
+
+/* Base state — readable medium-grey */
+.gradio-container footer,
+.gradio-container footer *,
+.gradio-container footer a,
+.gradio-container footer a *,
+.gradio-container footer button,
+.gradio-container footer button *,
+.gradio-container .footer a,
+.gradio-container .footer button {
+    color: #4d6272 !important;
+    -webkit-text-fill-color: #4d6272 !important;
+    opacity: 1 !important;
+    text-decoration: none !important;
+    font-weight: 600 !important;
+}
+
+/* Hover state — dark blue, fully opaque, underline for affordance */
+.gradio-container footer a:hover,
+.gradio-container footer a:hover *,
+.gradio-container footer button:hover,
+.gradio-container footer button:hover *,
+.gradio-container footer a:focus,
+.gradio-container footer a:focus *,
+.gradio-container footer button:focus,
+.gradio-container footer button:focus *,
+.gradio-container .footer a:hover,
+.gradio-container .footer button:hover {
+    color: #173a59 !important;
+    -webkit-text-fill-color: #173a59 !important;
+    opacity: 1 !important;
+    text-decoration: underline !important;
+    background: transparent !important;
+    cursor: pointer !important;
+}
+
+/* Keep the separator dots and emojis visible too */
+.gradio-container footer span,
+.gradio-container footer svg {
+    color: #4d6272 !important;
+    -webkit-text-fill-color: #4d6272 !important;
+    opacity: 1 !important;
+}
 """
 
 def guess_title(notes):