.chat-container {
    width: 500px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 10px;
}
.chat-log {
    height: 300px;
    overflow-y: scroll;
    border: 1px solid #eee;
    padding: 5px;
}
.user-message {
    text-align: right;
    margin-bottom: 5px;
    background-color: #DCF8C6;
    padding: 5px;
    border-radius: 5px;
}
.ai-message {
    margin-bottom: 5px;
    background-color: #E5E5EA;
    padding: 5px;
    border-radius: 5px;
}