body { font-family: sans-serif; display: flex; justify-content: center; margin: 20px; background-color: #f4f4f9; }
#chat-container { width: 450px; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; }
#messages { height: 400px; padding: 10px; overflow-y: auto; border-bottom: 1px solid #ccc; }
.message { margin-bottom: 10px; padding: 8px 12px; border-radius: 18px; max-width: 80%; }
.user { background-color: #d1e7dd; margin-left: auto; text-align: right; }
.assistant { background-color: #f8d7da; margin-right: auto; text-align: left; }
#input-container { display: flex; padding: 10px; }
#user-input { flex-grow: 1; padding: 10px; border: 1px solid #ccc; border-radius: 4px; margin-right: 10px; font-size: 16px; }
#send-button { padding: 10px 15px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {font-size: 16px;}