Update app.py

app.py

@@ -64,16 +64,45 @@ def process_query(message, history):
     return f"[{t}] {reply}"
 
 # ============================================================
-#  BUILD INTERFACE
+#  QUANTUM-STYLE THEME (light + animated grid)
 # ============================================================
 custom_css = """
-body {background: linear-gradient(135deg,#1e0036 0%,#3b00a1 35%,#6f2cff 100%);
-      color:#fff !important;}
-.gradio-container {background:transparent !important;}
-#component-0, #component-1, #component-2 {color:#fff !important;}
+body {
+    background: radial-gradient(circle at 30% 20%, #d0e7ff 0%, #a7d4ff 30%, #7fb8ff 60%, #4a90e2 100%);
+    font-family: 'IBM Plex Sans', sans-serif;
+    color: #001133 !important;
+}
+.gradio-container {
+    background: rgba(255,255,255,0.85) !important;
+    backdrop-filter: blur(6px);
+    border-radius: 12px;
+    box-shadow: 0 0 25px rgba(0,140,255,0.3);
+}
+#component-0, #component-1, #component-2 {
+    color: #001133 !important;
+}
+/* Subtle animated quantum grid */
+body::before {
+    content: "";
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background-image:
+        linear-gradient(90deg, rgba(0,180,255,0.08) 1px, transparent 1px),
+        linear-gradient(0deg, rgba(0,180,255,0.08) 1px, transparent 1px);
+    background-size: 40px 40px;
+    animation: drift 20s linear infinite;
+    z-index: -1;
+}
+@keyframes drift {
+    from {background-position: 0 0, 0 0;}
+    to   {background-position: 40px 40px, 40px 40px;}
+}
 """
 
-with gr.Blocks(css=custom_css, title=APP_TITLE, theme=gr.themes.Soft(primary_hue="violet")) as demo:
+# ============================================================
+#  BUILD INTERFACE
+# ============================================================
+with gr.Blocks(css=custom_css, title=APP_TITLE, theme=gr.themes.Soft(primary_hue="cyan")) as demo:
     gr.Markdown(
         f"""
         <div style='text-align:center;'>
@@ -133,7 +162,7 @@ with gr.Blocks(css=custom_css, title=APP_TITLE, theme=gr.themes.Soft(primary_hue
                 try:
                     safe_env = {k:getattr(math,k) for k in dir(math)}
                     result = eval(expr, {"__builtins__":None}, safe_env)
-                    return f"<div style='color:#00ffae;font-weight:bold;'>🧠 Rendered Result: {result}</div>"
+                    return f"<div style='color:#00a37a;font-weight:bold;'>🧠 Rendered Result: {result}</div>"
                 except Exception as e:
                     return f"<div style='color:#ffaa00;'>⚠️ Expression error: {e}</div>"