style.css

body { font-family: Arial, sans-serif; background: #f9fafb; color: #222; }
.container { max-width: 800px; margin: auto; padding: 20px; }
#chatbox { background: #fff; padding: 15px; border-radius: 10px; min-height: 300px; margin-bottom: 10px; overflow-y: auto; }
.user { text-align: right; margin: 5px; color: blue; }
.ai { text-align: left; margin: 5px; color: green; }
form { display: flex; gap: 10px; }
input { flex: 1; padding: 8px; }
button { padding: 8px 15px; }