body { font-family: sans-serif; margin: 0; display: flex; height: 100vh; justify-content: center; align-items: center; background: #f0f0f0; }
.chat-container { background: white; width: 100%; max-width: 600px; height: 80vh; display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.messages { flex: 1; padding: 1rem; overflow-y: auto; }
.message { margin-bottom: 0.5rem; }
.message.user { text-align: right; color: #0070f3; }
.message.assistant { text-align: left; color: #111; }
form { display: flex; border-top: 1px solid #ddd; }
input { flex: 1; border: none; padding: 1rem; font-size: 1rem; }
button { background: #0070f3; color: white; border: none; padding: 0 1.5rem; font-size: 1rem; cursor: pointer; }
button:hover { background: #005bb5; }