.chat-container{border:1px solid #ccc;border-radius:8px;font-family:sans-serif;height:60px;margin:20px auto;max-width:500px;overflow:hidden;transition:all .5s ease-in-out}.chat-container.expanded{height:500px}.chat-messages{display:none;height:calc(100% - 70px);overflow-y:auto;padding:10px}.chat-container.expanded .chat-messages{display:block}.message{border-radius:18px;margin-bottom:10px;max-width:80%;padding:8px 12px;word-wrap:break-word}.user-message{align-self:flex-end;background-color:#dcf8c6;margin-left:auto}.bot-message{align-self:flex-start;background-color:#f1f0f0}.bot-message.loading{color:#666;font-style:italic}.chat-input-container{border-top:1px solid #ccc;display:flex;padding:10px}.chat-input{border:1px solid #ccc;border-radius:20px;flex-grow:1;font-size:16px;padding:10px 15px;transition:all .3s ease}.chat-input:focus{border-color:#007a9b;outline:none}.send-button{background-color:#007a9b;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-left:10px;padding:10px 15px;transition:background-color .3s ease}.send-button:hover{background-color:#005f79}