.pon-response{transform-origin:50% 85%}.pon-interactive .pon-body{transition:scale .18s ease-out}.pon-interactive[data-pressed=true] .pon-body{scale:1.06 .92}.pon-interactive[data-reaction=rest]:is(:hover,:focus-visible) .pon[data-mood=idle] .pon-pose{transform:translateY(-4px)rotate(4deg)}.pon-interactive[data-reaction=hop] .pon-response{animation:.8s ease-in-out pon-hop}.pon-interactive[data-reaction=dance] .pon-response{animation:.85s ease-in-out pon-dance}.pon-interactive[data-reaction=wobble] .pon-response{animation:.8s ease-in-out pon-wobble}.pon-interactive[data-reaction=love] .pon-response{animation:.85s ease-in-out pon-love}.pon-interactive[data-reaction=twirl] .pon-response{animation:.85s cubic-bezier(.22,1,.36,1) pon-twirl}.pon-heart{opacity:0}.pon-interactive[data-reaction=love] .pon-heart{opacity:1;animation:.85s ease-out pon-heart}@keyframes pon-hop{0%,to{transform:translateY(0)}20%{transform:scale(1.06,.9)}48%{transform:translateY(-9%)rotate(-6deg)}75%{transform:scale(1.04,.96)}}@keyframes pon-dance{0%,to{transform:rotate(0)}20%,60%{transform:translateY(-3%)rotate(-9deg)}40%,80%{transform:translateY(-3%)rotate(9deg)}}@keyframes pon-wobble{0%,to{transform:translate(0)}25%{transform:translate(-4%)rotate(-6deg)}50%{transform:translate(4%)rotate(6deg)}75%{transform:translate(-2%)rotate(-3deg)}}@keyframes pon-love{0%,to{transform:rotate(0)}45%{transform:rotate(-12deg)scale(1.04)}}@keyframes pon-twirl{0%{transform:rotateY(0)}50%{transform:translateY(-5%)rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes pon-heart{0%{opacity:0;transform:translateY(40%)scale(.5)}35%,75%{opacity:1}to{opacity:0;transform:translateY(-60%)scale(1.15)}}@media (prefers-reduced-motion:reduce){.pon-interactive .pon-response,.pon-interactive .pon-heart{animation:none}.pon-interactive .pon-body{transition:none;scale:none!important}.pon-interactive[data-reaction] .pon-pose{transform:none!important}}.pon-body{transform-origin:50% 88%;animation:4.8s ease-in-out infinite pon-breathe}.pon-pose{transform-origin:50% 88%;transition:transform .46s cubic-bezier(.22,1,.36,1);transform:translate(0)rotate(0)scale(1)}.pon-expression{opacity:0;transition:opacity .24s ease-in-out}.pon-expression[data-visible=true]{opacity:1}.pon-eyes{transform-box:fill-box;transform-origin:50%;animation:6s infinite pon-blink}.pon-expression[data-expression=thinking] .pon-glints{transform:translate(9px,-8px)}.pon-thoughts,.pon-sparks{opacity:0;transition:opacity .32s ease-in-out,transform .46s cubic-bezier(.22,1,.36,1);transform:translateY(4px)scale(.96)}.pon[data-mood=thinking] .pon-pose{transform:translate(-1px,-3px)rotate(-5deg)scale(1)}.pon[data-mood=place] .pon-pose{transform:translateY(-12px)rotate(-4deg)scale(1.025,.985)}.pon[data-mood=remove] .pon-pose{transform:translate(7px)rotate(5deg)scale(.98,1.015)}.pon[data-mood=alert] .pon-pose{transform:translateY(-6px)rotate(0)scale(.99,1.03)}.pon[data-mood=win] .pon-pose{transform:translateY(-13px)rotate(5deg)scale(1.035,1.015)}.pon[data-mood=lose] .pon-pose{transform:translateY(4px)rotate(-7deg)scale(1.02,.97)}.pon[data-mood=thinking] .pon-thoughts,.pon[data-mood=win] .pon-sparks,.pon[data-mood=place] .pon-sparks{opacity:1;transform:translateY(0)scale(1)}.pon-thoughts circle{animation:1.6s ease-in-out infinite pon-dot}.pon-thoughts circle:nth-child(2){animation-delay:.18s}.pon-thoughts circle:nth-child(3){animation-delay:.36s}.pon-sparkle{transform-origin:50%;animation:2.2s ease-in-out infinite pon-sparkle}@keyframes pon-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-3px)rotate(1deg)scale(1.012,1.02)}}@keyframes pon-blink{0%,43%,46%,to{transform:scaleY(1)}44.5%{transform:scaleY(.08)}}@keyframes pon-dot{0%,to{opacity:.3}35%{opacity:1}}@keyframes pon-sparkle{0%,to{opacity:.65;transform:scale(.95)rotate(-4deg)}50%{opacity:1;transform:scale(1.05)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.pon *{transition:none!important;animation:none!important}.pon[data-mood] .pon-pose{transform:none}}