*{box-sizing:border-box;margin:0;padding:0}.chat-wrapper{max-width:500px;margin:40px auto;border:1px solid #ccc;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:90vh;font-family:Segoe UI,sans-serif;background-color:#f0f2f5}.chat-header{background-color:#007bff;color:#fff;padding:15px;font-size:20px;text-align:center;font-weight:700}.chat-body{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:75%;padding:12px 16px;border-radius:20px;font-size:15px;line-height:1.4;animation:Whith .3s 1 linear}@keyframes Whith{0%{transform:translate(-50px)}to{transform:translate(0)}}.chat-bubble.user{align-self:flex-end;background-color:#007bff80;border-bottom-right-radius:0;font-weight:600}.chat-bubble.bot{align-self:flex-start;background-color:#fff;border-bottom-left-radius:0;border:1px solid #ddd}.chat-footer{display:flex;padding:10px;background-color:#fff;border-top:1px solid #ddd}.chat-footer input{flex:1;padding:10px 14px;border:1px solid #ccc;border-radius:20px;font-size:16px;outline:none}.chat-footer button{margin-left:10px;padding:10px 18px;background-color:#007bff;color:#fff;border:none;border-radius:20px;font-size:16px;cursor:pointer;transition:background .3s}.chat-footer button:hover{background-color:#0056b3}