Update app.py

app.py

@@ -29,7 +29,7 @@ const observer = new MutationObserver(mutations=>{
         m.addedNodes.forEach(node=>{
             if(node.classList && node.classList.contains('chat-message')){
                 node.style.opacity = 0;
-                node.style.transition = "opacity 0.5s ease";
+                node.style.transition = "opacity 0.4s ease";
                 requestAnimationFrame(()=>{
                     node.style.opacity = 1;
                 });
@@ -47,16 +47,44 @@ document.addEventListener("DOMContentLoaded", ()=>{
 
 with gr.Blocks(css="""
 body{background-color:#000; font-family:'Arial',sans-serif;}
-.gradio-container{border-radius:25px; padding:20px; max-width:700px; margin:20px auto; background-color:#fff; outline:none;}
-.chat-message{border-radius:25px; padding:12px 18px; margin:8px 0; display:flex; flex-direction:column; outline:none;}
-.chat-message.user{background-color:#dceefc; align-items:flex-end; outline:none;}
-.chat-message.bot{background-color:#f0f0f0; align-items:flex-start; outline:none;}
-textarea{border:none; outline:none; border-radius:15px; padding:8px; background-color:#f9f9f9;}
-button{border:none; border-radius:15px;}
+.gradio-container{
+    border-radius:30px; 
+    padding:25px; 
+    max-width:700px; 
+    margin:20px auto; 
+    background-color:#fff; 
+    box-shadow:0 5px 20px rgba(0,0,0,0.1);
+}
+.chat-message{
+    border-radius:25px; 
+    padding:14px 18px; 
+    margin:8px 0; 
+    display:flex; 
+    flex-direction:column; 
+}
+.chat-message.user{background-color:#dceefc; align-items:flex-end;}
+.chat-message.bot{background-color:#f0f0f0; align-items:flex-start;}
+textarea{
+    border:none; 
+    outline:none; 
+    border-radius:20px; 
+    padding:10px; 
+    background-color:#f7f7f7; 
+    color:#000; 
+    font-size:16px;
+}
+button{
+    border:none; 
+    border-radius:20px; 
+    background-color:#007bff; 
+    color:#fff; 
+    padding:8px 15px;
+    font-size:16px;
+}
 """) as demo:
     with gr.Sidebar():
         gr.LoginButton()
-    
+
     chatbot.render()
     gr.HTML(fade_js)