.chat-container{height:100%;min-height:0;max-height:100%;min-width:80%;max-width:80%;overflow:hidden;color:#fff}.chat-container,.chat-messages{display:flex;flex-direction:column}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;gap:40px}.message{display:flex;max-width:80%;word-wrap:break-word}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.message-bubble{border-radius:18px;line-height:1.4}.message.user .message-bubble{border-bottom-right-radius:4px}.message.ai .message-bubble{border-bottom-left-radius:4px}.typing-indicator{display:flex;align-items:center;justify-content:center;padding:5px 15px;font-style:italic;color:#777;text-align:center;font-size:.9em}.typing-indicator span{height:5px;width:5px;background-color:#9e9e9e;border-radius:50%;display:inline-block;margin:0 2px;animation:typing 1.4s infinite both}.typing-indicator span:first-child{animation-delay:.2s}.typing-indicator span:nth-child(2){animation-delay:.4s}.typing-indicator span:nth-child(3){animation-delay:.6s}@keyframes typing{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.5}}.chat-input-form{display:flex}.chat-input-form input{flex-grow:1;padding:10px;margin-right:10px;background:transparent}.chat-input-form button{border:none;cursor:pointer;transition:background-color .2s}.chat-input-form button:disabled{background-color:#ccc;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}