Aggressive CSS reset: nuke all Gradio chrome, fix focus indicator

- Wildcard box-shadow removal across all Gradio elements
- Hide all chatbot buttons via CSS
- Kill focus indicator bars and blue underlines
- Tighter vertical spacing
- Inter font via theme
- Disclaimer as quiet footnote

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

app.py

@@ -271,88 +271,88 @@ appsimple_theme = gr.themes.Base(
     radius_size=gr.themes.Size(
         lg="12px", md="8px", sm="4px", xl="16px", xxl="24px", xs="2px", xxs="1px",
     ),
+    font=("Inter", "system-ui", "sans-serif"),
 )
 
 CUSTOM_CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
 
-/* Reset Gradio container — no visual footprint */
+/* Reset Gradio container */
 footer { display: none !important; }
 .gradio-container {
     max-width: 100% !important;
     padding: 0 !important;
     background: transparent !important;
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
 }
 
-/* Remove all borders, shadows, backgrounds from components */
-#question-input, #chat-output {
-    border: none !important;
+/* Nuke ALL borders, shadows, backgrounds, wrappers */
+.gradio-container * {
     box-shadow: none !important;
-    background: transparent !important;
 }
-
-/* Input field — minimal, just a bottom border */
-#question-input, #question-input > * {
-    background: transparent !important;
+#question-input, #question-input > *,
+#chat-output, #chat-output > * {
     border: none !important;
-    border-radius: 0 !important;
-    box-shadow: none !important;
-}
-#question-input textarea, #question-input input {
     background: transparent !important;
-    border: none !important;
+}
+
+/* Input field — just a bottom border */
+#question-input textarea {
     border-bottom: 1px solid #E5E7EB !important;
     border-radius: 0 !important;
     padding: 8px 0 !important;
-    font-family: inherit !important;
     font-size: 16px !important;
     color: #1F2937 !important;
-    box-shadow: none !important;
 }
-#question-input textarea:focus, #question-input input:focus {
+#question-input textarea:focus {
     border-bottom-color: #4682B4 !important;
     outline: none !important;
-    box-shadow: none !important;
 }
-#question-input textarea::placeholder, #question-input input::placeholder {
+#question-input textarea::placeholder {
     color: #9CA3AF !important;
 }
-/* Kill Gradio's focus indicator bar */
-#question-input .focus-indicator, #question-input [class*="focus"] {
+
+/* Kill ALL Gradio focus indicators, loading bars, underlines */
+[class*="focus-indicator"], [class*="progress"], [class*="eta-bar"],
+[class*="generating"], [data-testid*="status"] {
     display: none !important;
 }
 
-/* Chat messages — clean, no bubbles */
-#chat-output .message {
+/* Kill the blue underline bar specifically */
+.gradio-container .border-2,
+.gradio-container [class*="border-solid"],
+.gradio-container .ring-1,
+.gradio-container [style*="border-bottom: 2px"] {
     border: none !important;
-    background: transparent !important;
-    box-shadow: none !important;
-    padding: 12px 0 !important;
+    ring: none !important;
 }
-#chat-output .user-message, #chat-output .bot-message,
-#chat-output .message-row {
-    background: transparent !important;
-}
-#chat-output .bubble-wrap {
+
+/* Chat — no bubbles, no backgrounds, tight spacing */
+#chat-output [class*="message"],
+#chat-output [class*="bubble"],
+#chat-output [class*="row"] {
     background: transparent !important;
     border: none !important;
-    padding: 0 !important;
+    padding: 8px 0 !important;
+}
+
+/* Hide all buttons inside chatbot (delete, copy, share) */
+#chat-output button {
+    display: none !important;
 }
 
-/* Hide Gradio processing spinner */
-.progress-bar, .eta-bar, .generating,
-[data-testid="status-generating"],
-.wrap.generating { display: none !important; }
+/* Tighten vertical gaps */
+.gap-2, .gap-3, .gap-4 {
+    gap: 4px !important;
+}
 
 /* Accordion (Trace) — subtle */
-.accordion { border: none !important; }
+.accordion { border-color: #E5E7EB !important; }
 
-/* Disclaimer text — quiet footnote */
-.disclaimer-text {
+/* Disclaimer — small, quiet footnote */
+.disclaimer-text, .disclaimer-text * {
     font-size: 12px !important;
     color: #9CA3AF !important;
-    line-height: 1.5 !important;
+    line-height: 1.6 !important;
 }
 .disclaimer-text a {
     color: #D97706 !important;