Update app.py

app.py

@@ -37,7 +37,7 @@ def call_kgx3(title, email, pdf_file, agreement):
         return "⚠️ You must accept the disclaimer before running KGX3.", ""
     if not pdf_file:
         return "Please select a PDF file.", ""
-    if not email or not re.match(r"[^@]+@[^@]+\\.[^@]+", email):
+    if not email or not re.match(r"[^@]+@[^@]+\.[^@]+", email):
         return "A valid email address is required to run KGX3.", ""
 
     pdf_path = pdf_file.name
@@ -67,40 +67,109 @@ def call_kgx3(title, email, pdf_file, agreement):
 
 # === STYLE (high-contrast Matrix aesthetic) ===
 FUTURE_CSS = """
-html, body, .gradio-container {
-  background:#000 !important;
-  color:#00ff99 !important;
-  font-family:'Courier New',monospace !important;
+/* === UNIVERSAL RESET === */
+html, body, .gradio-container, section, div, .form, .gr-block, .gr-panel, .gr-box, .gr-column, .gr-row, .container, .file-preview, .upload-box, .wrap-inner {
+  background-color: #000 !important;
+  color: #00ff99 !important;
+  font-family: 'Courier New', monospace !important;
+  box-sizing: border-box;
 }
-* { box-sizing:border-box; color:#00ff99 !important; }
-h1,h2,h3,label,.label {
-  font-weight:700 !important; text-transform:uppercase;
-  border-bottom:1px solid #00ff99; padding-bottom:4px; margin-bottom:8px;
+
+/* === GENERAL TEXT === */
+* { color: #00ff99 !important; }
+h1, h2, h3, label, .label {
+  font-weight: 700 !important;
+  text-transform: uppercase;
+  border-bottom: 1px solid #00ff99;
+  margin-bottom: 6px;
+  padding-bottom: 4px;
+  letter-spacing: 0.5px;
+}
+
+/* === CONTAINERS === */
+.gr-box, .gr-panel, .gr-block, .gr-column, .gr-row, .form {
+  border: 1px solid #00ff99 !important;
+  border-radius: 6px;
+  background-color: #000 !important;
+  padding: 8px !important;
+}
+
+/* === INPUTS & TEXTAREAS === */
+input, textarea, select {
+  background-color: #000 !important;
+  color: #00ff99 !important;
+  border: 1px solid #00ff99 !important;
+  border-radius: 4px;
+  padding: 6px 8px !important;
+}
+input:focus, textarea:focus {
+  outline: none !important;
+  border: 1px solid #00ffcc !important;
+  background-color: #001a10 !important;
 }
-.gr-box,.gr-panel,.gr-column,.gr-row {
-  background:#000 !important; border:1px solid #00ff99 !important;
-  border-radius:6px; padding:10px;
+::placeholder { color: #00ff99 !important; opacity: 0.6; }
+
+/* === FILE UPLOAD === */
+.upload-box, .file-preview, .wrap-inner, .file-preview-container {
+  background-color: #000 !important;
+  border: 2px solid #00ff99 !important;
+  border-radius: 6px !important;
+  padding: 10px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  transition: all 0.2s ease-in-out;
 }
-input,textarea,.upload-box,.file-preview,.wrap-inner {
-  background:#000 !important; border:1px solid #00ff99 !important;
-  color:#00ff99 !important; border-radius:4px; padding:6px 8px !important;
+.upload-box:hover, .file-preview:hover {
+  background-color: #001a10 !important;
+  border-color: #00ffaa !important;
 }
+
+/* === BUTTONS === */
 button {
-  background:#000 !important; color:#00ff99 !important;
-  border:2px solid #00ff99 !important; border-radius:4px;
-  text-transform:uppercase; font-weight:700; padding:8px 16px !important;
+  background-color: #000 !important;
+  color: #00ff99 !important;
+  border: 2px solid #00ff99 !important;
+  border-radius: 4px;
+  text-transform: uppercase;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  padding: 8px 16px !important;
+  transition: all 0.15s ease-in-out;
 }
-button:hover { background:#00ff99 !important; color:#000 !important; }
-pre,code,.cm-editor,.cm-content,.cm-line {
-  background:#000 !important; color:#00ff99 !important;
-  border:1px solid #00ff99 !important; border-radius:4px; padding:10px;
+button:hover {
+  background-color: #00ff99 !important;
+  color: #000 !important;
 }
-input[type=checkbox]{accent-color:#00ff99 !important;transform:scale(1.1);}
-::-webkit-scrollbar{width:8px;background:#000;}
-::-webkit-scrollbar-thumb{background:#00ff99;border-radius:4px;}
-footer,.footer,small{color:#00ff99 !important;opacity:.8;text-align:center;}
-"""
 
+/* === OUTPUT / CODE AREA === */
+pre, code, .cm-editor, .cm-content, .cm-line, .output-html, .output-markdown {
+  background-color: #000 !important;
+  color: #00ff99 !important;
+  border: 1px solid #00ff99 !important;
+  border-radius: 6px;
+  padding: 10px !important;
+  font-size: 0.9rem;
+}
+
+/* === CHECKBOX === */
+input[type=checkbox] {
+  accent-color: #00ff99 !important;
+  transform: scale(1.2);
+}
+
+/* === SCROLLBARS === */
+::-webkit-scrollbar { width: 8px; background: #000; }
+::-webkit-scrollbar-thumb { background: #00ff99; border-radius: 4px; }
+
+/* === FOOTER === */
+footer, .footer, small {
+  color: #00ff99 !important;
+  opacity: 0.8;
+  text-align: center;
+  letter-spacing: 0.4px;
+}
+"""
 
 # === BUILD INTERFACE ===
 with gr.Blocks(css=FUTURE_CSS, title="KGX3 Research Analyzer") as demo: