.mascot{display:block;overflow:visible}.mascot-line,.mascot-fingers{fill:var(--mascot-line,#c3d2e2)}.mascot-pen,.mascot-z{fill:var(--mascot-pen,#2c64a0)}.mascot-fingers{fill:none;stroke:var(--mascot-line,#c3d2e2)}.mascot-arm{fill:none;stroke:var(--mascot-line,#c3d2e2);stroke-width:7px;stroke-linecap:round;transform-box:fill-box}.mascot-arm.right{transform-origin:0 100%}.mascot:not(.mood-writing) .mascot-pen,.mascot:not(.mood-sleepy) .mascot-z{display:none}.mascot-z{font:600 16px/1 FiraGO,system-ui,sans-serif}html.motion .mood-sleepy .mascot-body{transform:translateY(3px)rotate(-4deg)}html.motion .mood-sleepy .mascot-z{animation:2.4s ease-in-out infinite snooze}@keyframes snooze{0%{opacity:0;transform:translateY(6px)scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(8px,-14px)scale(1.15)}}html.motion .mood-sleepy .mascot-blink{animation:none}.mood-sleepy .mascot-eyes circle{display:none}.mascot-eyes{transition:transform .18s ease-out}.mascot-blink,.mascot-body,.mascot-pen{transform-box:fill-box;transform-origin:50%}html.motion .mascot-blink{animation:4.6s infinite blink}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}html.motion .mascot.is-waving .mascot-arm.right{animation:.4s ease-in-out 4 alternate wave}@keyframes wave{to{transform:rotate(-28deg)}}html.motion .mood-curious .mascot-body{transition:transform .5s var(--spring);transform:rotate(-6deg)}html.motion .mood-happy .mascot-body{animation:hop .6s var(--spring)}html.motion .mood-reading .mascot-body{animation:1.6s ease-in-out infinite alternate sway}html.motion .mood-writing .mascot-pen{animation:.35s ease-in-out infinite alternate scribble}html.motion .mood-sad .mascot-body{transition:transform .5s var(--spring);transform:translateY(3px)rotate(3deg)}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes scribble{to{transform:translate(-3px,2px)rotate(-8deg)}}.mascot-body{transition:transform .5s var(--spring)}.mascot-hands{filter:drop-shadow(0 2px 3px #1d3a5c2e);position:absolute;top:68px;left:0;overflow:visible}.hand{transform-box:fill-box;transform-origin:50% 100%;transition:transform .45s var(--spring)}html.motion .mascot-hands.is-waving .hand-right{animation:hand-wave 1.4s var(--ease)}@keyframes hand-wave{15%{transform:translateY(-16px)rotate(-12deg)}30%{transform:translateY(-16px)rotate(12deg)}45%{transform:translateY(-16px)rotate(-12deg)}60%{transform:translateY(-16px)rotate(8deg)}80%,to{transform:none}}html.motion .mascot-hands.mood-happy .hand{animation:hand-tap .5s var(--spring) 2}html.motion .mascot-hands.mood-happy .hand-right{animation-delay:.12s}@keyframes hand-tap{50%{transform:translateY(-4px)}}html.motion .mascot-hands.mood-curious .hand{transform:translateY(1px)scaleX(1.05)}@keyframes hop{to{transform:translateY(-6px)}}.buddy-peek{height:80px;padding:0 8px;display:block;overflow:hidden}.buddy-figure{width:108px;height:80px;display:block;position:relative}.buddy-peek .mascot-arm{display:none}