.chat-container{display:flex;flex-direction:column;gap:20px;padding:20px;background:#f5f5f5;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);max-width:600px;margin:0 auto}.user-message,.bot-message{max-width:80%;padding:10px 15px;border-radius:15px;font-size:1rem;display:inline-block;overflow:hidden;white-space:nowrap;border:none;background:transparent;opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s ease-out forwards}.user-message{align-self:flex-end;background:#007bff;color:white;border-bottom-right-radius:2px}.bot-message{align-self:flex-start;background:#e0e0e0;color:black;border-bottom-left-radius:2px}.typewriter p{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid black;animation:typing 3s steps(40,end),blink 0.5s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:1s}.delay-2{animation-delay:2s}.delay-3{animation-delay:3s}.delay-4{animation-delay:4s}