.chat-container{width:100%;max-width:500px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;height:500px}.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message{max-width:85%;padding:12px 16px;border-radius:18px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;background-color:#007bff;color:#fff;border-bottom-right-radius:4px}.assistant-message{align-self:flex-start;background-color:#f1f1f1;color:#333;border-bottom-left-radius:4px}.message-content{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.input-form{display:flex;padding:16px;border-top:1px solid #eaeaea;background-color:#fff}.chat-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;outline:none;font-size:16px;transition:border-color .2s}.chat-input:focus{border-color:#007bff}.send-button{background-color:#007bff;color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;transition:background-color .2s;border:none}.send-button:hover{background-color:#0069d9}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.loading-dots{display:flex;align-items:center;justify-content:center}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;font-size:24px;margin:0 2px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.hidden{display:none}