Update app.py

app.py

@@ -16,7 +16,7 @@ def respond(message):
     last_msgs = history[-3:]
     input_text = " ".join([m["content"] for m in last_msgs])
     inputs = tokenizer(input_text, return_tensors="pt").to(device)
-    outputs = model.generate(**inputs, max_new_tokens=100, do_sample=True, top_p=0.9)
+    outputs = model.generate(**inputs, max_new_tokens=120, do_sample=True, top_p=0.9)
     response_text = tokenizer.decode(outputs[0], skip_special_tokens=True)
     history.append({"role": "assistant", "content": response_text})
     return history
@@ -27,20 +27,93 @@ def reset_chat():
     return history
 
 css = """
-body {background-color: #000 !important; color: #fff !important;}
-.gr-chatbot {background-color: #111 !important; border-radius: 12px; height: 100% !important;}
-.gr-chatbot .message.user {border-color: #0ff; background-color: transparent !important;}
-.gr-chatbot .message.bot {border-color: #aaa; background-color: transparent !important;}
-.gr-textbox textarea {background-color: transparent !important; color: #fff !important; border: 1px solid #555 !important;}
-.gr-textbox textarea::selection {background-color: #0ff !important; color: #000 !important;}
-.gr-button {background-color: #0ff !important; color: #000 !important; border-radius: 8px;}
-footer {display: none !important;}
+:root {
+  --accent: #00e5ff;
+}
+
+body {
+  background: #000 !important;
+  color: #fff !important;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
+.gradio-container {
+  max-width: 100% !important;
+}
+
+.gr-chatbot {
+  background: rgba(255,255,255,0.03) !important;
+  border-radius: 16px;
+  padding: 12px;
+  height: 100% !important;
+  box-shadow: inset 0 0 20px rgba(255,255,255,0.03);
+}
+
+.gr-chatbot .message {
+  border: none !important;
+  margin: 10px 0;
+  padding: 12px 14px;
+  border-radius: 14px;
+  backdrop-filter: blur(6px);
+  line-height: 1.5;
+}
+
+.gr-chatbot .message.user {
+  background: linear-gradient(
+    135deg,
+    rgba(0,229,255,0.15),
+    rgba(0,229,255,0.05)
+  ) !important;
+  box-shadow: 0 0 18px rgba(0,229,255,0.25);
+}
+
+.gr-chatbot .message.bot {
+  background: rgba(255,255,255,0.06) !important;
+  box-shadow: 0 0 14px rgba(255,255,255,0.08);
+}
+
+.gr-textbox textarea {
+  background: rgba(255,255,255,0.04) !important;
+  color: #fff !important;
+  border: 1px solid rgba(255,255,255,0.15) !important;
+  border-radius: 12px !important;
+  padding: 12px !important;
+  resize: none !important;
+}
+
+.gr-textbox textarea:focus {
+  border-color: var(--accent) !important;
+  box-shadow: 0 0 12px rgba(0,229,255,0.4) !important;
+}
+
+.gr-button {
+  background: var(--accent) !important;
+  color: #000 !important;
+  border-radius: 10px !important;
+  font-weight: 600;
+}
+
+.gr-button:hover {
+  filter: brightness(1.1);
+}
+
+footer {
+  display: none !important;
+}
 """
 
-with gr.Blocks(css=css) as demo:
-    chatbot = gr.Chatbot(label="DevMegaBlack")
-    msg = gr.Textbox(placeholder="Say something...")
-    reset_btn = gr.Button("Reset Chat")
+with gr.Blocks(css=css, fill_height=True) as demo:
+    gr.Markdown(
+        "<div style='text-align:center;letter-spacing:0.25em;opacity:0.7;margin-bottom:6px;'>DEVMEGABLACK</div>"
+    )
+    chatbot = gr.Chatbot(show_label=False)
+    with gr.Row():
+        msg = gr.Textbox(
+            placeholder="Type a message...",
+            scale=4
+        )
+        reset_btn = gr.Button("Reset", scale=1)
+
     msg.submit(respond, msg, chatbot)
     reset_btn.click(reset_chat, [], chatbot)