Update app.py

app.py

@@ -69,16 +69,19 @@ document.addEventListener("DOMContentLoaded", ()=>{
 
 with gr.Blocks(css="""
 body { background-color:#000; font-family:'Arial',sans-serif; margin:0; padding:0; }
-.gradio-container { border-radius:45px; padding:20px; max-width:700px; margin:30px auto; background-color:#121212; box-shadow:0 6px 25px rgba(0,0,0,0.3);}
-.chat-message { border-radius:45px; padding:14px 18px; margin:8px 0; display:flex; flex-direction:column; opacity:0;}
-.chat-message.user { background-color:#1f1f1f; color:#fff; align-items:flex-end;}
-.chat-message.bot { background-color:#2b2b2b; color:#fff; align-items:flex-start;}
-textarea { border:none; outline:none; border-radius:45px; padding:12px; background-color:#1a1a1a; color:#fff; font-size:16px; flex:1; height:48px; box-sizing:border-box;}
-.send-btn { border:none; border-radius:45px; background-color:#444; color:#fff; width:48px; height:48px; font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer; margin-left:8px; transition:transform 0.1s ease;}
-.send-btn:hover { background-color:#555;}
-.gr-button.gr-login { border-radius:45px !important; background-color:#222 !important; color:#fff !important; margin-bottom:15px;}
-.gr-button.gr-login:hover { background-color:#444 !important;}
-.input-container { display:flex; margin-top:10px; }
+.gradio-container { border-radius: 20px; padding: 20px; max-width: 700px; margin: 30px auto; background-color: #121212; box-shadow: 0 6px 25px rgba(0,0,0,0.3); }
+.chat-message { border-radius: 20px; padding: 14px 18px; margin: 8px 0; display: flex; flex-direction: column; opacity: 0; }
+.chat-message.user { background-color: #1f1f1f; color: #fff; align-items: flex-end; border-bottom-right-radius: 5px; }
+.chat-message.bot { background-color: #2b2b2b; color: #fff; align-items: flex-start; border-bottom-left-radius: 5px; }
+textarea { border: none; outline: none; border-radius: 25px; padding: 15px; background-color: #1a1a1a; color: #fff; font-size: 16px; flex: 1; height: 60px; box-sizing: border-box; resize: none; }
+.send-btn { border: none; border-radius: 25px; background-color: #444; color: #fff; width: 60px; height: 60px; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 8px; transition: transform 0.1s ease, background-color 0.2s ease; }
+.send-btn:hover { background-color: #555; }
+.gr-button.gr-login { border-radius: 25px !important; background-color: #222 !important; color: #fff !important; margin-bottom: 15px; padding: 12px 20px; }
+.gr-button.gr-login:hover { background-color: #444 !important; }
+.input-container { display: flex; margin-top: 10px; }
+.gr-chatbot { border-radius: 15px; overflow: hidden; }
+.gr-box { border-radius: 15px; }
+.gr-button-primary { border-radius: 25px !important; }
 """) as demo:
 
     # Login direto na página
@@ -88,5 +91,5 @@ textarea { border:none; outline:none; border-radius:45px; padding:12px; backgrou
 
     gr.HTML(fade_js)
 
-if __name__=="__main__":
+if __name__ == "__main__":
     demo.launch()