.pencil-mascot svg{--pm-barrel:var(--pen)}.pm-shadow{fill:oklch(30% .02 70/.12);transform-origin:32px 77px}.pm-body{transform-origin:32px 76px}.pm-eraser{fill:oklch(80% .1 10)}.pm-ferrule{fill:oklch(82% .015 80)}.pm-ferrule-line{stroke:oklch(70% .015 80);stroke-width:.8px}.pm-barrel{fill:var(--pm-barrel)}.pm-facet{fill:oklch(100% 0 0/.16)}.pm-wood{fill:oklch(86% .06 70)}.pm-lead{fill:var(--ink)}.pm-cheek{fill:oklch(78% .12 15/.55)}.pm-eye,.pm-mouth-o{fill:oklch(20% .02 70)}.pm-glint{fill:#fff}.pm-lid,.pm-mouth{fill:none;stroke:oklch(20% .02 70);stroke-width:1.8px;stroke-linecap:round}.pm-mouth-open{fill:oklch(25% .03 20);stroke:oklch(20% .02 70);stroke-width:1.2px;stroke-linejoin:round}.pm-arm{fill:none;stroke:var(--pm-barrel);stroke-width:3.2px;stroke-linecap:round;opacity:0}.pm-z text{font:800 11px var(--font-sans);fill:var(--faint)}.pm-dots circle,.pm-sparks path{fill:var(--pen)}.pm-scribble{fill:none;stroke:var(--pen);stroke-width:2px;stroke-linecap:round;stroke-dasharray:60;animation:1.4s ease-in-out infinite pm-scribble}.mood-idle .pm-body{animation:3.2s ease-in-out infinite pm-bob}.mood-idle .pm-eyes,.mood-write .pm-eyes,.mood-happy .pm-eyes{transform-origin:32px 35px;animation:4.6s infinite pm-blink}.mood-idle .pm-shadow{animation:3.2s ease-in-out infinite pm-shadow}.mood-happy .pm-body{animation:pm-hop .9s var(--spring) infinite}.mood-happy .pm-shadow{animation:pm-shadow-hop .9s var(--spring) infinite}.mood-happy .pm-arm{opacity:1}.mood-happy .pm-arm-l{transform-origin:18px 40px;animation:.45s ease-in-out infinite alternate pm-wave}.mood-happy .pm-arm-r{transform-origin:46px 40px;animation:.45s ease-in-out infinite alternate-reverse pm-wave}.mood-happy .pm-sparks path{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite pm-spark}.mood-happy .pm-sparks path:nth-child(2){animation-delay:.3s}.mood-sleep .pm-body{animation:3.6s ease-in-out infinite pm-breathe}.mood-sleep .pm-z text{animation:3s ease-in-out infinite pm-z}.mood-sleep .pm-z .pm-z2{animation-delay:1.5s}.mood-think .pm-body{animation:1.8s ease-in-out infinite pm-tilt}.mood-think .pm-eyes{transform:translate(1.5px,-1.5px)}.mood-think .pm-dots circle{animation:1.2s ease-in-out infinite pm-dot}.mood-think .pm-dots circle:nth-child(2){animation-delay:.2s}.mood-think .pm-dots circle:nth-child(3){animation-delay:.4s}.mood-write .pm-body{animation:.5s ease-in-out infinite alternate pm-scrib}.mood-sad .pm-body{transition:transform .6s var(--spring);transform:rotate(-8deg)translateY(2px)}@keyframes pm-bob{50%{transform:translateY(-2.5px)rotate(-1.5deg)}}@keyframes pm-shadow{50%{transform:scaleX(.88)}}@keyframes pm-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes pm-hop{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.06,.92)}45%{transform:translateY(-10px)scale(.96,1.05)rotate(4deg)}75%{transform:translateY(0)scale(1.04,.95)}}@keyframes pm-shadow-hop{45%{opacity:.6;transform:scaleX(.6)}}@keyframes pm-wave{to{transform:rotate(-18deg)}}@keyframes pm-spark{50%{opacity:.5;transform:scale(1.4)rotate(20deg)}}@keyframes pm-breathe{50%{transform:scale(1.03,.97)rotate(-3deg)}}@keyframes pm-z{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}to{opacity:0;transform:translate(6px,-8px)}}@keyframes pm-tilt{50%{transform:rotate(-7deg)}}@keyframes pm-dot{50%{opacity:.3;transform:translateY(-2px)}}@keyframes pm-scrib{0%{transform:rotate(14deg)translate(-2px)}to{transform:rotate(20deg)translate(3px)}}@keyframes pm-scribble{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}