Update app.py

app.py

@@ -73,15 +73,68 @@
 
 
 # app.py
+#import gradio as gr
+
+#def chat_fn(message, history):
+#    # history is a list of (user, bot) pairs
+#    response = f"🤖 You said: {message}"
+#    return response
+#
+#gr.ChatInterface(
+#    fn=chat_fn,
+#    title="BubbleBot",
+#    description="A friendly chatbot built with Gradio on Hugging Face Spaces."
+#).launch()
+
+
+#--==== Fancy bubbles ====
+
 import gradio as gr
 
-def chat_fn(message, history):
-    # history is a list of (user, bot) pairs
-    response = f"🤖 You said: {message}"
-    return response
+css = """
+.gradio-container {
+  background: #f9fafb;
+  font-family: 'Inter', sans-serif;
+}
+
+.chatbot .user {
+  background: #dbeafe;
+  color: #1e3a8a;
+  border-radius: 16px;
+  padding: 8px 12px;
+  margin: 4px 0;
+  text-align: right;
+  max-width: 70%;
+  margin-left: auto;
+}
+
+.chatbot .bot {
+  background: #f3f4f6;
+  color: #111827;
+  border-radius: 16px;
+  padding: 8px 12px;
+  margin: 4px 0;
+  text-align: left;
+  max-width: 70%;
+  margin-right: auto;
+}
+"""
+@keyframes typing {
+  0%, 100% { opacity: 0.4; transform: translateY(0); }
+  50% { opacity: 1; transform: translateY(-4px); }
+}
+.typing-dot {
+  animation: typing 1s infinite;
+}
+
+def respond(message, history):
+    return f"BubbleBot says: {message}"
 
 gr.ChatInterface(
-    fn=chat_fn,
+    fn=respond,
     title="BubbleBot",
-    description="A friendly chatbot built with Gradio on Hugging Face Spaces."
+    description="Stylish chat UI built with Gradio",
+    theme="soft",
+    css=css
 ).launch()
+