.chat-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:800px;margin:0 auto;background-color:var(--background-color)}.chat-history{flex-grow:1;padding:1rem;overflow-y:auto}.message{padding:1rem;border-radius:8px;margin-bottom:1rem;max-width:80%;line-height:1.5}.user{background-color:var(--message-user-color);align-self:flex-end;color:var(--text-color)}.bot{background-color:var(--message-bot-color);align-self:flex-start}.chat-input{display:flex;padding:1rem;background-color:var(--background-color)}.chat-input input{flex-grow:1;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-background-color);color:var(--text-color);font-size:1rem}.chat-input button{margin-left:1rem;padding:1rem 1.5rem;border:none;background-color:var(--button-color);color:#fff;border-radius:8px;cursor:pointer;font-size:1rem}