.pip{--pip-stage:var(--green-soft);--pip-pupil:var(--card);--pip-cheek:#e07a5f47;color:var(--ink);place-items:center;display:grid}.pip svg{display:block;overflow:visible}.pip__cheeks{fill:var(--pip-cheek);opacity:0;transition:opacity .3s}.pip[data-mood=pleased] .pip__cheeks,.pip[data-mood=celebrate] .pip__cheeks{opacity:1}.pip__brows{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.4,1.4,.5,1)}.pip__brow{transform-box:fill-box;transform-origin:50%;transition:transform .35s cubic-bezier(.4,1.4,.5,1)}.pip[data-mood=unsure] .pip__brows,.pip[data-mood=curious] .pip__brows,.pip[data-mood=thinking] .pip__brows,.pip[data-mood=sorry] .pip__brows,.pip[data-mood=pleased] .pip__brows,.pip[data-mood=celebrate] .pip__brows{opacity:1}.pip[data-mood=unsure] .pip__brow--left{transform:translateY(-3px)rotate(-4deg)}.pip[data-mood=unsure] .pip__brow--right{transform:translateY(1px)rotate(8deg)}.pip[data-mood=curious] .pip__brow--left{transform:translateY(-5px)rotate(-12deg)}.pip[data-mood=curious] .pip__brow--right{transform:translateY(2px)rotate(6deg)}.pip[data-mood=thinking] .pip__brow--left{transform:translateY(-5px)rotate(-9deg)}.pip[data-mood=thinking] .pip__brow--right{transform:translateY(1px)rotate(3deg)}.pip[data-mood=sorry] .pip__brow--left{transform:translateY(-1px)rotate(-12deg)}.pip[data-mood=sorry] .pip__brow--right{transform:translateY(-1px)rotate(12deg)}.pip[data-mood=pleased] .pip__brow--left,.pip[data-mood=celebrate] .pip__brow--left{transform:translateY(-4px)rotate(-6deg)}.pip[data-mood=pleased] .pip__brow--right,.pip[data-mood=celebrate] .pip__brow--right{transform:translateY(-4px)rotate(6deg)}.pip__mouths{transform-box:fill-box;transform-origin:50% 40%}.pip__mouth{fill:none;stroke:currentColor;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .22s}.pip__mouth--celebrate{fill:currentColor;stroke-width:6px}.pip[data-mood=idle] .pip__mouth--idle,.pip[data-mood=listening] .pip__mouth--listening,.pip[data-mood=thinking] .pip__mouth--thinking,.pip[data-mood=pleased] .pip__mouth--pleased,.pip[data-mood=unsure] .pip__mouth--unsure,.pip[data-mood=curious] .pip__mouth--curious,.pip[data-mood=sorry] .pip__mouth--sorry,.pip[data-mood=celebrate] .pip__mouth--celebrate{opacity:1}.pip[data-talking=true] .pip__mouths{animation:.42s ease-in-out infinite pip-talk}@keyframes pip-talk{0%,to{transform:scaleY(1)translateY(0)}35%{transform:scaleY(.45)translateY(6px)}70%{transform:scaleY(.75)translateY(2px)}}.pip__lid{transform-box:fill-box;transform-origin:50%;animation:5.6s infinite pip-blink}.pip__pupils{fill:var(--pip-pupil);transition:transform .3s cubic-bezier(.4,1.4,.5,1)}.pip__glint{fill:var(--ink);opacity:.35}.pip[data-mood=thinking] .pip__pupils{transform:translate(5px,-5px)}.pip[data-mood=listening] .pip__pupils{transform:translateY(2px)scale(1.1)}.pip[data-mood=curious] .pip__pupils{transform:translateY(-2px)scale(1.15)}.pip[data-mood=sorry] .pip__pupils{transform:translateY(4px)scale(.92)}.pip[data-mood=celebrate] .pip__pupils{transform:scale(1.2)}.pip__sparks{fill:var(--green);opacity:0;transform-box:fill-box;transform-origin:50%}.pip[data-mood=celebrate] .pip__sparks{opacity:1;animation:1.4s ease-in-out infinite pip-spark}@keyframes pip-spark{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@keyframes pip-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.pip--chip svg{width:30px;height:24px}.pip--inline svg{width:68px;height:54px}.pip--hero{background:var(--pip-stage);border-radius:16px;width:min(100%,380px);margin:0 auto;padding:16px 0 12px;transition:background .3s}.pip--hero svg{width:182px;height:144px}.pip-slot{margin:0 0 10px}.pip-button{cursor:pointer;background:0 0;border:0;border-radius:16px;justify-items:center;gap:2px;padding:0;display:grid}.pip-button:hover .pip--hero{background:var(--green-soft);filter:brightness(1.03)}.pip-button:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.pip-button__hint{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);opacity:0;font-size:12px;transition:opacity .2s,transform .2s;transform:translateY(-2px)}.pip-button:hover .pip-button__hint,.pip-button:focus-visible .pip-button__hint{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.pip__lid,.pip[data-talking=true] .pip__mouths,.pip[data-mood=celebrate] .pip__sparks{animation:none}.pip__pupils,.pip__mouth,.pip__brows,.pip__brow,.pip__cheeks{transition:none}}