:root{background-color:#fff}.chat-container{margin:auto;padding:20px;font-family:Arial,sans-serif;border:2px solid #148096;border-radius:12px}.chat-box{border:1px solid #ccc;height:300px;overflow-y:auto;padding:10px;background-color:#f7f7f7;border-radius:8px;display:flex;flex-direction:column;align-items:flex-end;resize:both}.message{display:inline-block;padding:8px 12px;border-radius:15px;max-width:70%;word-wrap:break-word;margin-bottom:5px}.message.them{background-color:#2bff75c1;color:#000;align-self:flex-start}.message.me{background-color:#007aff;color:#fff;align-self:flex-end}.message.thinking{background-color:#e5e5ea;color:#000;align-self:flex-start;display:flex;align-items:center;padding:12px 15px}.typing-indicator{height:10px}.typing-indicator span{height:8px;width:8px;background-color:#9e9ea1;border-radius:50%;display:inline-block;margin:0 1px;animation-name:bounce;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.typing-indicator span:nth-of-type(2){animation-delay:.15s}.typing-indicator span:nth-of-type(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}