Remove excess padding on mobile viewport

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app.py

@@ -428,6 +428,22 @@ input[type=range] {
 
 /* ---------- Footer hide ---------- */
 footer { display: none !important; }
+
+/* ---------- Mobile: remove excess padding ---------- */
+@media (max-width: 768px) {
+    .gradio-container {
+        padding: 12px 8px !important;
+    }
+    .masthead-meta {
+        justify-content: center;
+        font-size: 10px;
+        gap: 4px 12px;
+    }
+    .lede {
+        font-size: 15px;
+        text-align: left;
+    }
+}
 """