body { font-family: sans-serif; background: #f3f3f3; display: flex; justify-content: center; padding: 40px; }
.chatbox { width: 400px; background: white; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.messages { max-height: 400px; overflow-y: auto; padding: 10px; }
.user-msg, .bot-msg { padding: 8px 10px; margin: 8px 0; border-radius: 6px; }
.user-msg { background: #dcf8c6; text-align: right; }
.bot-msg { background: #eee; text-align: left; }
form { display: flex; border-top: 1px solid #ccc; }
input { flex: 1; padding: 10px; border: none; border-radius: 0 0 0 8px; }
button { padding: 10px; border: none; background: #2d89ef; color: white; cursor: pointer; border-radius: 0 0 8px 0; }