.mascot{width:150px;height:150px;animation:bounce 3s infinite ease-in-out;transform-origin:center;position:relative}.mascot-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:70%;height:10px;background:radial-gradient(ellipse at center,#0003,#0000 70%);animation:shadow 3s infinite ease-in-out}@keyframes shadow{0%,to{transform:translate(-50%) scale(1);opacity:.4}50%{transform:translate(-50%) scale(.85);opacity:.2}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.eyes{animation:blink 4s infinite;fill:#027b6d}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:0}}.light-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#ffffff4d 10%,#fff0 50%);animation:light-pass 5s infinite linear;opacity:0}@keyframes light-pass{0%{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}to{opacity:0;transform:translate(200%)}}.chat-bubble{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1);max-width:85%;position:relative;width:fit-content}.chat-bubble.visible{opacity:1;transform:translateY(0)}.chat-bubble.bg-white{border-radius:5px 20px 20px}.chat-bubble.bg-green-100{border-radius:20px 5px 20px 20px;background-color:#dcf8c6;margin-left:auto}.gradient-bg{background:linear-gradient(120deg,#fde9c9,#84c5db,#e8f6f3);position:relative}.gradient-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to bottom,transparent,#ffffff 70%);z-index:1}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.chat-bubble{transition:opacity .5s ease,transform .5s ease}