.chat-container{background:#e9f8ec;min-height:100vh;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;font-family:Segoe UI,sans-serif}.bot-center{position:absolute;top:20%;text-align:center;animation:fadeIn 1s ease}.bot-welcome{margin-top:10px;font-size:1.2rem;color:#3e7c4c}.chat-bubble{max-width:80%;display:flex;margin:10px 0;align-items:flex-end}.chat-bubble.bot{align-self:flex-start}.chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.chat-text{padding:12px 16px;border-radius:20px;font-size:1.4rem;line-height:1.4;margin:0 10px;max-width:300px;word-wrap:break-word}.chat-text.left{background:#d7f2de;color:#234c2c}.chat-text.right{background:#a0e3b2;color:#003d1e}.chat-input-box{display:flex;width:100%;max-width:600px;margin-top:auto;padding:20px;background:#f3fff5;border-top:2px solid #c9eecf;position:-webkit-sticky;position:sticky;bottom:0}.chat-input-box input{flex:1 1;padding:12px 16px;font-size:1rem;border-radius:10px;border:2px solid #b4e1c1;outline:none;margin-right:10px}.chat-input-box button{background:#4caf50;color:white;padding:12px 20px;border:none;border-radius:10px;font-size:1rem;cursor:pointer;transition:background .3s ease}.chat-input-box button:hover{background:#3e8e41}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.bot{width:100%;justify-content:flex-start}.chat-text.left{max-width:none;width:calc(100% - 120px)}