.koojaa-mascot{position:fixed;z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s ease}.koojaa-mascot:hover{transform:scale(1.05)}.koojaa-mascot:active{transform:scale(.95)}.mascot-bottom-right,.mascot-bottom-left,.mascot-top-right,.mascot-top-left{bottom:20px}.mascot-small .mascot-container{width:30px;height:30px}.mascot-medium .mascot-container{width:40px;height:40px}.mascot-large .mascot-container{width:60px;height:60px}.mascot-container{position:relative;width:40px;height:40px}.mascot-shadow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:70%;height:8px;background:#0003;border-radius:50%;animation:shadowPulse 2s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.2}50%{transform:translate(-50%) scale(1.1);opacity:.3}}.mascot-body{position:absolute;width:100%;height:100%;animation:walkBounce .6s ease-in-out infinite;display:flex;align-items:center;justify-content:center}@keyframes walkBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mascot-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(249,115,22,.4))}.mascot-eyes,.mascot-mouth,.mascot-arm,.mascot-leg{display:none}.mascot-message{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background:#fff;color:#333;padding:8px 12px;border-radius:12px;box-shadow:0 4px 12px #00000026;white-space:nowrap;font-size:13px;font-weight:500;animation:messagePopIn .3s cubic-bezier(.68,-.55,.265,1.55)}.mascot-message:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}@keyframes messagePopIn{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.mascot-close{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.mascot-container:hover .mascot-close{opacity:1}.mascot-close:hover{background:#000000b3;transform:scale(1.1)}.mascot-idle .mascot-body{animation:float 3s ease-in-out infinite}.mascot-excited .mascot-body{animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.mascot-excited .mascot-eye{animation:excitedEyes .6s ease-in-out infinite}@keyframes excitedEyes{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mascot-thinking .mascot-body{animation:tilt 2s ease-in-out infinite}@keyframes tilt{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(5deg) translateY(-5px)}}.mascot-thought-bubble{position:absolute;top:-30px;right:-20px;animation:thoughtFade 2s ease-in-out infinite}.thought-dot{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;box-shadow:0 2px 4px #0003}.thought-dot-1{bottom:0;right:0;animation:thoughtBubble1 2s ease-in-out infinite}.thought-dot-2{bottom:8px;right:8px;animation:thoughtBubble2 2s ease-in-out infinite .2s}.thought-dot-3{bottom:16px;right:16px;width:12px;height:12px;animation:thoughtBubble3 2s ease-in-out infinite .4s}@keyframes thoughtBubble1{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes thoughtBubble2{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes thoughtBubble3{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.mascot-celebrating .mascot-body{animation:celebrate .8s ease-in-out infinite}@keyframes celebrate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.mascot-confetti{position:absolute;font-size:16px;animation:confettiFall 1.5s ease-out infinite}.confetti-1{top:-20px;left:-10px;animation-delay:0s}.confetti-2{top:-25px;right:-10px;animation-delay:.3s}.confetti-3{top:-15px;left:50%;animation-delay:.6s}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:0}}.mascot-waving .mascot-arm-right{animation:bigWave .6s ease-in-out infinite}@keyframes bigWave{0%,to{transform:rotate(0)}25%{transform:rotate(-45deg)}75%{transform:rotate(45deg)}}.mascot-sleeping .mascot-body{animation:sleep 2s ease-in-out infinite}@keyframes sleep{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(5px) rotate(-5deg)}}.mascot-sleeping .mascot-eye{animation:none;transform:scaleY(.1)}.mascot-sleeping .mascot-mouth{border-radius:20px 20px 0 0;border-top:2px solid white;border-bottom:none}.mascot-dancing .mascot-body{animation:dance .5s ease-in-out infinite}@keyframes dance{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}.mascot-dancing .mascot-arm-left{animation:danceArmLeft .5s ease-in-out infinite}.mascot-dancing .mascot-arm-right{animation:danceArmRight .5s ease-in-out infinite}@keyframes danceArmLeft{0%,to{transform:rotate(-45deg)}50%{transform:rotate(45deg)}}@keyframes danceArmRight{0%,to{transform:rotate(45deg)}50%{transform:rotate(-45deg)}}.mascot-searching .mascot-body{animation:search 2s ease-in-out infinite}@keyframes search{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.mascot-magnifying-glass{position:absolute;font-size:24px;top:50%;right:-30px;animation:glassMove 2s ease-in-out infinite}@keyframes glassMove{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px) rotate(15deg)}}.mascot-reading .mascot-body{animation:reading 3s ease-in-out infinite}@keyframes reading{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2deg)}}.mascot-book{position:absolute;font-size:20px;bottom:-10px;left:50%;transform:translate(-50%);animation:bookFlip 3s ease-in-out infinite}@keyframes bookFlip{0%,to{transform:translate(-50%) rotateY(0)}50%{transform:translate(-50%) rotateY(180deg)}}@keyframes waveLeft{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes waveRight{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}.mascot-emoji-trail{position:fixed;font-size:24px;pointer-events:auto;z-index:9998;transition:transform .3s ease,opacity .3s ease;-webkit-user-select:none;user-select:none}.mascot-emoji-trail:hover{transform:scale(1.2)}.mascot-emoji-trail.clicked{animation:emojiWiggle .5s ease-in-out infinite}@keyframes emojiWiggle{0%,to{transform:rotate(-5deg) scale(1.1)}25%{transform:rotate(5deg) scale(1.2)}50%{transform:rotate(-5deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.2)}}.mascot-emoji-trail.collected{animation:emojiCollect .3s ease-out forwards}@keyframes emojiCollect{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.5) rotate(15deg)}to{opacity:0;transform:scale(.5) translateY(-30px) rotate(30deg)}}.mascot-celebration-particle{position:fixed;font-size:20px;pointer-events:none;z-index:9997;animation:particleBurst 1s ease-out forwards}@keyframes particleBurst{0%{opacity:1;transform:translate(0) scale(.5) rotate(0)}50%{opacity:1}to{opacity:0;transform:translate(calc(cos(var(--angle))*80px),calc(sin(var(--angle))*80px - 40px)) scale(1.2) rotate(360deg)}}.mascot-expression{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;pointer-events:none;z-index:10}.mascot-eyes{display:block;animation:sparkleEyes .6s ease-in-out infinite}@keyframes sparkleEyes{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.mascot-smile{display:block;animation:bounceSmile .5s ease-in-out infinite}@keyframes bounceSmile{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mascot-wave-emoji{display:block;animation:waveHand .6s ease-in-out infinite}@keyframes waveHand{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@media (max-width: 768px){.mascot-small .mascot-container{width:40px;height:40px}.mascot-medium .mascot-container{width:55px;height:55px}.mascot-large .mascot-container{width:80px;height:80px}.mascot-bottom-right,.mascot-bottom-left{bottom:10px}.mascot-bottom-right{right:10px}.mascot-bottom-left{left:10px}.mascot-message{font-size:12px;padding:8px 12px}.mascot-emoji-trail{font-size:28px}}@media (prefers-color-scheme: dark){.mascot-message{background:#2d3748;color:#f7fafc}.mascot-message:after{border-top-color:#2d3748}}@media (prefers-reduced-motion: reduce){.koojaa-mascot *,.koojaa-mascot *:before,.koojaa-mascot *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.koojaa-mascot{display:none}}