.mascot{position:fixed;bottom:0;left:0;width:64px;height:66px;z-index:999;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;will-change:transform}.mascot:focus{outline:none}.mascot:focus-visible .m-head{box-shadow:0 0 0 3px rgba(52,152,219,.5),0 2px 4px rgba(0,0,0,.2)}.mascot-hop{position:absolute;inset:0}.mascot.is-jumping .mascot-hop{animation:m-jump .55s cubic-bezier(.3,.7,.4,1)}@keyframes m-jump{0%,100%{transform:translateY(0)}40%{transform:translateY(-26px)}60%{transform:translateY(-22px)}}.mascot-rig{position:absolute;left:6px;bottom:2px;width:52px;height:62px;transition:transform .15s ease}.mascot.face-left .mascot-rig{transform:scaleX(-1)}.m-antenna{position:absolute;top:2px;left:50%;width:2px;height:9px;margin-left:-1px;background:#2c3e50}.m-antenna::after{content:'';position:absolute;top:-6px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#e74c3c;animation:m-glow 2s ease-in-out infinite}@keyframes m-glow{0%,100%{box-shadow:0 0 2px rgba(231,76,60,.6)}50%{box-shadow:0 0 8px rgba(231,76,60,.9)}}.m-head{position:absolute;top:11px;left:50%;width:44px;height:28px;margin-left:-22px;background:linear-gradient(145deg,#5dade2,#3498db);border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.mascot.is-active .m-head{box-shadow:0 0 0 3px rgba(52,152,219,.35),0 2px 4px rgba(0,0,0,.2)}.m-eye{position:absolute;top:7px;width:11px;height:11px;border-radius:50%;background:#fff;overflow:hidden;animation:m-blink 4.5s infinite}.m-eye-l{left:7px}.m-eye-r{right:7px}@keyframes m-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}.m-pupil{position:absolute;top:3px;left:3px;width:5px;height:5px;border-radius:50%;background:#2c3e50;transform:translate(var(--px,0),var(--py,0))}.m-mouth{position:absolute;bottom:4px;left:50%;width:12px;height:3px;margin-left:-6px;border-radius:2px;background:rgba(255,255,255,.85)}.m-body{position:absolute;top:40px;left:50%;width:32px;height:14px;margin-left:-16px;background:linear-gradient(145deg,#34495e,#2c3e50);border-radius:6px}.m-light{position:absolute;top:4px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2ecc71;animation:m-glow-g 1.6s ease-in-out infinite}@keyframes m-glow-g{0%,100%{opacity:.5}50%{opacity:1;box-shadow:0 0 6px rgba(46,204,113,.9)}}.m-foot{position:absolute;bottom:0;width:12px;height:9px;background:#2c3e50;border-radius:4px 4px 2px 2px}.m-foot-l{left:10px}.m-foot-r{right:10px}.mascot.is-walking .m-foot-l{animation:m-step .32s linear infinite}.mascot.is-walking .m-foot-r{animation:m-step .32s linear infinite .16s}@keyframes m-step{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.mascot-bubble{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);width:max-content;max-width:230px;background:#fff;border:1px solid rgba(52,152,219,.4);border-radius:10px;padding:8px 12px;font-size:12px;line-height:1.6;color:#2c3e50;box-shadow:0 4px 12px rgba(0,0,0,.12);cursor:default}.mascot-bubble::after{content:'';position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:10px;height:10px;background:#fff;border-right:1px solid rgba(52,152,219,.4);border-bottom:1px solid rgba(52,152,219,.4);transform:rotate(45deg)}.mascot-bubble.bubble-left{left:0;transform:none}.mascot-bubble.bubble-left::after{left:26px}.mascot-bubble a{color:#3498db;font-weight:600}.mascot-close{position:absolute;top:-2px;right:-4px;width:18px;height:18px;border:none;border-radius:50%;background:rgba(44,62,80,.55);color:#fff;font-size:11px;line-height:18px;padding:0;cursor:pointer;opacity:0;transition:opacity .2s;z-index:2}.mascot:hover .mascot-close,.mascot:focus-within .mascot-close{opacity:.85}@media(pointer:coarse){.mascot-close{opacity:.5}}@media(prefers-reduced-motion:reduce){.mascot,.mascot *{animation:none!important;transition:none!important}}@media print{.mascot{display:none}}