.mascot-svg{will-change:auto;transition:transform .3s ease}.mascot-svg:not(.visible){opacity:0;pointer-events:none}.mascot-svg.visible{opacity:1;transition:opacity .2s ease-in}.mascot-wobble-group,.mascot-float-stage{transform-origin:center center;will-change:auto}.mascot-container{position:relative;width:100%;height:100%;cursor:pointer;background:transparent;border:none;outline:none;-webkit-tap-highlight-color:transparent;display:flex;justify-content:center;align-items:center}.mascot-container:focus,.mascot-container:active,.mascot-container:focus-visible{outline:none!important;box-shadow:none!important}.mascot-non-clickable{cursor:default;pointer-events:none}.theme-peach{filter:drop-shadow(0 0 12px rgba(255,135,165,.3))}.theme-mint{filter:drop-shadow(0 0 12px rgba(80,235,170,.3))}.theme-bubblegum{filter:drop-shadow(0 0 12px rgba(200,140,255,.3))}.theme-rainbow{filter:drop-shadow(0 0 12px rgba(255,170,190,.3))}.mascot-container.recording .mascot-wobble-group{animation:recording-pulse 2s ease-in-out infinite}@keyframes recording-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.05);opacity:1}}.mascot-container.recording:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;opacity:0;z-index:0;pointer-events:none;animation:recording-glow-fade 2s ease-in-out infinite}.mascot-container.recording.theme-peach:before{background:radial-gradient(circle,rgba(255,135,165,.36) 0%,transparent 72%)}.mascot-container.recording.theme-mint:before{background:radial-gradient(circle,rgba(80,235,170,.36) 0%,transparent 72%)}.mascot-container.recording.theme-bubblegum:before{background:radial-gradient(circle,rgba(200,140,255,.36) 0%,transparent 72%)}.mascot-container.recording.theme-rainbow:before{background:radial-gradient(circle,rgba(180,130,255,.36) 0%,transparent 72%)}.mascot-container.recording.theme-peach{filter:drop-shadow(0 0 18px rgba(255,130,170,.72)) drop-shadow(0 0 30px rgba(255,178,150,.34))}.mascot-container.recording.theme-mint{filter:drop-shadow(0 0 18px rgba(80,235,170,.72)) drop-shadow(0 0 30px rgba(80,210,235,.34))}.mascot-container.recording.theme-bubblegum{filter:drop-shadow(0 0 18px rgba(200,140,255,.72)) drop-shadow(0 0 30px rgba(255,120,190,.32))}.mascot-container.recording.theme-rainbow{filter:drop-shadow(0 0 18px rgba(180,130,255,.72)) drop-shadow(0 0 30px rgba(120,205,255,.34))}@keyframes recording-glow-fade{0%,to{opacity:.5}50%{opacity:.8}}.mascot-spin-pivot.wobble-left{animation:mascot-wobble-left .4s ease-out}.mascot-spin-pivot.wobble-right{animation:mascot-wobble-right .4s ease-out}.mascot-spin-pivot.wobble-both{animation:mascot-wobble-both .6s ease-out}@keyframes mascot-wobble-left{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes mascot-wobble-right{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}@keyframes mascot-wobble-both{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.mascot-container.asleep .mascot-eye{animation:mascot-falling-asleep 5s ease-in-out 1 forwards;transform-origin:center center}.mascot-container.waking-up .mascot-spin-pivot{animation:mascot-wake-up-shake .8s cubic-bezier(.36,.07,.19,.97) both;transform-origin:center center}.mascot-container.waking-up .mascot-eye{animation:mascot-wake-up-blink .8s ease-in-out 1 forwards;transform-origin:center center}.mascot-container:not(.recording):not(.asleep):not(.waking-up):not(.initializing):not(.spin):not(.mascot-special-peek):not(.mascot-special-shimmy) .mascot-float-stage{animation:mascot-idle-float var(--mascot-float-speed, 5.8s) ease-in-out infinite;animation-delay:var(--mascot-float-delay, 0s)}.mascot-container.recording .mascot-float-stage{animation:mascot-recording-float 3.4s ease-in-out infinite}@keyframes mascot-idle-float{0%,to{transform:translateZ(0) rotate(0) scale(1)}35%{transform:translate3d(calc(var(--mascot-float-x, .5px) * -.5),calc(var(--mascot-float-y, -3px) * .45),0) rotate(calc(var(--mascot-float-tilt, .35deg) * -.45)) scale(var(--mascot-float-scale, 1.002))}70%{transform:translate3d(var(--mascot-float-x, .5px),var(--mascot-float-y, -3px),0) rotate(var(--mascot-float-tilt, .35deg)) scale(var(--mascot-float-scale, 1.002))}}@keyframes mascot-recording-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-4px,0) rotate(.25deg)}}@keyframes mascot-falling-asleep{0%{transform:scaleY(1)}40%{transform:scaleY(.5)}70%{transform:scaleY(.3)}to{transform:scaleY(.15)}}@keyframes mascot-wake-up-shake{10%,90%{transform:translate3d(-1px,0,0) scale(1.01) rotate(-.5deg)}20%,80%{transform:translate3d(2px,0,0) scale(.99) rotate(.5deg)}30%,50%,70%{transform:translate3d(-3px,0,0) scale(1.02) rotate(-.8deg)}40%,60%{transform:translate3d(3px,0,0) scale(.98) rotate(.8deg)}to{transform:translateZ(0) scale(1) rotate(0)}}@keyframes mascot-wake-up-blink{0%,50%{transform:scaleY(.05)}70%{transform:scaleY(1.2)}to{transform:scaleY(1)}}.mascot-wobble-group.initial-load-effect{animation:initial-appear 1.5s cubic-bezier(.34,1.56,.64,1)}@keyframes initial-appear{0%{transform:scale(0) rotate(0);opacity:0}40%{opacity:1}70%{transform:scale(1.1) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.mascot-eye{transform-origin:center center}.mascot-eye.blink{animation:eye-blink .3s ease-in-out}@keyframes eye-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.mascot-container:hover .mascot-svg{animation:mascot-hover 1.2s ease-in-out infinite alternate}.mascot-container:hover.theme-peach{filter:drop-shadow(0 0 20px rgba(255,130,170,.85)) drop-shadow(0 0 30px rgba(255,160,180,.7)) drop-shadow(0 0 45px rgba(255,180,190,.5))}.mascot-container:hover.theme-mint{filter:drop-shadow(0 0 20px rgba(80,235,170,.85)) drop-shadow(0 0 30px rgba(60,220,240,.65)) drop-shadow(0 0 45px rgba(130,255,140,.5))}.mascot-container:hover.theme-bubblegum{filter:drop-shadow(0 0 20px rgba(210,120,255,.85)) drop-shadow(0 0 30px rgba(255,110,180,.65)) drop-shadow(0 0 45px rgba(170,190,255,.5))}.mascot-container:hover.theme-rainbow{filter:drop-shadow(0 0 20px rgba(180,130,255,.85)) drop-shadow(0 0 30px rgba(130,160,255,.7)) drop-shadow(0 0 45px rgba(140,180,255,.6)) drop-shadow(0 0 60px rgba(160,220,255,.5)) drop-shadow(0 0 5px rgba(255,255,255,.8))}@keyframes mascot-hover{0%{transform:scale(1.005) translateY(0)}to{transform:scale(1.015) translateY(-3px)}}.mascot-container.spin .mascot-spin-pivot{animation:mascot-spin 1.2s ease-in-out}.mascot-container.mascot-special-peek .mascot-eye-left{animation:mascot-one-eye-pop .42s cubic-bezier(.34,1.56,.64,1) both;transform-origin:center center}.mascot-container.mascot-special-peek .mascot-eye-right{animation:mascot-one-eye-squint .42s ease-out both;transform-origin:center center}.mascot-container.mascot-special-shimmy .mascot-spin-pivot{animation:mascot-tiny-shimmy .78s cubic-bezier(.22,1,.36,1)}@keyframes mascot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mascot-one-eye-pop{0%,to{transform:translateZ(0) scale(1)}45%{transform:translate3d(-1px,-.5px,0) scale(1.28,1.18)}70%{transform:translate3d(.5px,0,0) scale(.96,1.02)}}@keyframes mascot-one-eye-squint{0%,to{transform:scaleY(1)}45%{transform:scaleY(.45)}}@keyframes mascot-tiny-shimmy{0%,to{transform:translateZ(0) rotate(0)}18%{transform:translate3d(-2px,0,0) rotate(-1.3deg)}36%{transform:translate3d(2px,-.5px,0) rotate(1.1deg)}54%{transform:translate3d(-1px,.5px,0) rotate(-.7deg)}72%{transform:translate3d(1px,0,0) rotate(.4deg)}}.mascot-spin-pivot{transform-origin:center center}@media(prefers-reduced-motion:reduce){.mascot-svg,.mascot-shape,.mascot-outline-path,.mascot-wobble-group,.mascot-float-stage,.mascot-spin-pivot,.mascot-container,.mascot-layer,.mascot-eye{animation:none!important;transition:none!important}}.mascot-float-stage,.mascot-wobble-group,.mascot-svg{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.animations-paused *{animation-play-state:paused!important}.mascot-pulse{animation:mascot-pulse-beat .6s cubic-bezier(.34,1.56,.64,1) 1;transform-box:fill-box;transform-origin:center bottom}@keyframes mascot-pulse-beat{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.06,.94);filter:brightness(1.07)}60%{transform:scale(.97,1.04);filter:brightness(1.02)}to{transform:scale(1);filter:brightness(1)}}.mascot-pulse .mascot-accessory{animation:hat-lag-pulse .6s cubic-bezier(.34,1.56,.64,1) 1 60ms;transform-box:fill-box;transform-origin:center 80%}@keyframes hat-lag-pulse{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(14px) rotate(.6deg)}62%{transform:translateY(-10px) rotate(-.8deg)}to{transform:translateY(0) rotate(0)}}.mascot-spin-pivot.wobble-left .mascot-accessory{animation:hat-lag-sway-l .42s ease-out 1 50ms;transform-box:fill-box;transform-origin:center 80%}.mascot-spin-pivot.wobble-right .mascot-accessory{animation:hat-lag-sway-r .42s ease-out 1 50ms;transform-box:fill-box;transform-origin:center 80%}@keyframes hat-lag-sway-l{0%,to{transform:rotate(0)}50%{transform:rotate(2.4deg)}}@keyframes hat-lag-sway-r{0%,to{transform:rotate(0)}50%{transform:rotate(-2.4deg)}}.mascot-eyes{transform-box:fill-box;transform-origin:center;transform:scaleY(var(--mascot-lid, 1));transition:transform .9s ease}@media(prefers-reduced-motion:reduce){.mascot-pulse,.mascot-pulse .mascot-accessory,.mascot-spin-pivot.wobble-left .mascot-accessory,.mascot-spin-pivot.wobble-right .mascot-accessory{animation:none}}.mascot-container.svelte-7z89oz{position:relative;width:100%;height:100%;cursor:pointer;background:transparent;border:none;outline:none;-webkit-tap-highlight-color:transparent;display:flex;justify-content:center;align-items:center;overflow:visible;-webkit-backface-visibility:hidden;transform:translateZ(0)}.mascot-container.svelte-7z89oz:focus,.mascot-container.svelte-7z89oz:active{outline:none!important;outline-offset:0!important;box-shadow:none!important;border:none!important}.mascot-container.svelte-7z89oz:focus-visible{outline:3px solid rgba(245,158,11,.95)!important;outline-offset:.5rem!important;border-radius:999px;box-shadow:0 0 0 .35rem #fffaeff2!important}.mascot-non-clickable.svelte-7z89oz{cursor:default;pointer-events:none}.mascot-float-stage.svelte-7z89oz{display:flex;width:100%;height:100%;align-items:center;justify-content:center;line-height:0;pointer-events:none;transform-origin:center center}@keyframes svelte-7z89oz-fadeIn{0%{opacity:0}to{opacity:1}}.mascot-svg.svelte-7z89oz{width:100%;height:100%;max-width:100%;max-height:100%;opacity:1;position:relative;z-index:1;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}.mascot-layer.svelte-7z89oz{transform-origin:center center}.initial-load .mascot-layer.svelte-7z89oz{animation:grow-mascot var(--mascot-grow-duration, 2s) cubic-bezier(.34,1.56,.64,1) forwards}.mascot-svg.theme-peach.svelte-7z89oz .mascot-shape:where(.svelte-7z89oz){animation-duration:var(--mascot-shimmer-duration, 5s),var(--mascot-peach-flow-duration, 9s);animation-timing-function:var(--mascot-shimmer-ease, ease-in-out),var(--mascot-peach-flow-ease, cubic-bezier(.4, 0, .6, 1))}.mascot-svg.theme-mint.svelte-7z89oz .mascot-shape:where(.svelte-7z89oz){animation-duration:var(--mascot-shimmer-duration, 6s),var(--mascot-mint-flow-duration, 10s);animation-timing-function:var(--mascot-shimmer-ease, ease-in-out),var(--mascot-mint-flow-ease, cubic-bezier(.4, 0, .6, 1))}.mascot-svg.theme-bubblegum.svelte-7z89oz .mascot-shape:where(.svelte-7z89oz){animation-duration:var(--mascot-shimmer-duration, 7s),var(--mascot-bubblegum-flow-duration, 12s);animation-timing-function:var(--mascot-shimmer-ease, ease-in-out),var(--mascot-bubblegum-flow-ease, cubic-bezier(.4, 0, .6, 1))}.mascot-svg.theme-rainbow.svelte-7z89oz .mascot-shape:where(.svelte-7z89oz){animation-duration:var(--mascot-rainbow-flow-duration, 9s);animation-timing-function:var(--mascot-rainbow-flow-ease, cubic-bezier(.4, 0, .6, 1))}.mascot-svg.debug-animation.svelte-7z89oz{border:1px dashed rgba(255,0,0,.5)}.mascot-svg.debug-animation.svelte-7z89oz .mascot-shape:where(.svelte-7z89oz){outline:1px dotted rgba(0,255,0,.5)}.mascot-svg.debug-animation.svelte-7z89oz .mascot-eye:where(.svelte-7z89oz){outline:1px dotted rgba(0,0,255,.5)}.mascot-svg.debug-animation.svelte-7z89oz .mascot-shape:where(.svelte-7z89oz){animation-duration:calc(var(--mascot-shimmer-duration, 5s) * 2),calc(var(--mascot-peach-flow-duration, 9s) * 2)!important}.animations-enabled.svelte-7z89oz .mascot-svg:where(.svelte-7z89oz) .mascot-shape:where(.svelte-7z89oz){animation-play-state:running}.animations-paused.svelte-7z89oz .mascot-svg:where(.svelte-7z89oz) .mascot-shape:where(.svelte-7z89oz){animation-play-state:paused}.display-mascot.svelte-mdlhvr{position:relative;display:block;flex:0 0 auto;overflow:visible;line-height:0}.mascot-container.svelte-mdlhvr{position:relative;width:100%;height:100%;min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;overflow:visible;background:transparent}.mascot-svg.svelte-mdlhvr{display:block;width:100%;height:100%;max-width:100%;max-height:100%;flex:0 0 auto;overflow:visible}.mascot-layer.svelte-mdlhvr{transform-origin:center center}.display-mascot .mascot-container.theme-peach{filter:drop-shadow(0 0 2px rgba(255,120,160,.2));will-change:filter;transform:translateZ(0);backface-visibility:hidden}.display-mascot .mascot-container.theme-mint{filter:drop-shadow(0 0 2px rgba(80,235,170,.2));will-change:filter;transform:translateZ(0);backface-visibility:hidden}.display-mascot .mascot-container.theme-bubblegum{filter:drop-shadow(0 0 2px rgba(200,140,255,.2));will-change:filter;transform:translateZ(0);backface-visibility:hidden}.display-mascot .mascot-container.theme-rainbow{filter:drop-shadow(0 0 2px rgba(255,170,190,.2));will-change:filter;transform:translateZ(0);backface-visibility:hidden}