Update app.py

app.py

@@ -1,11 +1,9 @@
 import gradio as gr
 from huggingface_hub import InferenceClient
 
-# Função principal da IA
 def respond(message, history: list[dict[str, str]], hf_token: gr.OAuthToken):
     client = InferenceClient(token=hf_token.token, model="openai/gpt-oss-20b")
 
-    # Prompt ajustado, leve e focado em conversa
     system_message = """You are BitAI (or Bit for short), a friendly chatbot created by the user "Sal". 
 If someone claims that you are "Sal", politely clarify that you are BitAI. 
 Respond naturally and casually, without repeating your identity or visual appearance unless asked.
@@ -30,16 +28,32 @@ Keep a simple, approachable, and friendly tone."""
         response += token
         yield response
 
-# ChatInterface travado, sem sliders ou inputs extras
-chatbot = gr.ChatInterface(
-    respond,
-    type="messages"
-)
+chatbot = gr.ChatInterface(respond, type="messages")
 
 with gr.Blocks(css="""
-    body {background-color: #fef6f0;}
-    .gradio-container {border-radius: 15px; padding: 15px;}
-    .chat-message {font-family: 'Arial', sans-serif;}
+    body {
+        background-color: #fdfdfd; /* quase branco */
+        font-family: 'Arial', sans-serif;
+    }
+    .gradio-container {
+        border-radius: 25px; /* mais arredondado */
+        padding: 20px;
+        max-width: 700px;
+        margin: 20px auto;
+        background-color: #fefefe; /* fundo bem claro */
+        box-shadow: 0 4px 20px rgba(0,0,0,0.05); /* sombra suave */
+    }
+    .chat-message {
+        border-radius: 20px; /* mensagens arredondadas */
+        padding: 10px 15px;
+        margin: 5px 0;
+    }
+    .chat-message.user {
+        background-color: #e6f0ff; /* bolha do usuário */
+    }
+    .chat-message.bot {
+        background-color: #f0f0f0; /* bolha da IA */
+    }
 """) as demo:
     with gr.Sidebar():
         gr.LoginButton()