.shushu-stage{position:fixed;right:0;bottom:env(safe-area-inset-bottom,0);left:0;z-index:30;height:0;pointer-events:none}.shushu-frame{position:absolute;bottom:0;left:0;width:0;will-change:transform}.shushu-stage[data-calm="1"] .shushu-frame{left:auto;right:5.5rem;transform:none}.shushu-stage[data-narrow="1"] .shushu-frame{left:auto;right:3.25rem;transform:none}.shushu-unit{position:absolute;bottom:0;left:0;transform:translateX(-50%)}.shushu-hit{padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.shushu-flip,.shushu-hit{display:block}.shushu-answer{display:block;animation:shushu-hop .5s ease-in-out}.shushu{display:block;width:72px;height:58px;overflow:visible}.shushu-shadow{fill:var(--color-ink);opacity:.12}.shushu-bubble{position:absolute;bottom:62px;left:0;transform:translateX(-50%) translateX(var(--shift,0));width:max-content;max-width:min(17rem,74vw);padding:.6rem .85rem;border:1px solid var(--color-ink);background-color:var(--color-paper);color:var(--color-ink);font-size:.8125rem;line-height:1.5;opacity:0;transition:opacity .2s ease-out}.shushu-bubble[data-show="1"]{opacity:1}.shushu-stage[data-calm="1"] .shushu-bubble,.shushu-stage[data-narrow="1"] .shushu-bubble{right:-2.75rem;left:auto;transform:none}.shushu-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;width:8px;height:8px;margin-left:calc(-4px - var(--shift, 0px));border-right:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink);background-color:var(--color-paper);transform:rotate(45deg)}.shushu-stage[data-calm="1"] .shushu-bubble:after,.shushu-stage[data-narrow="1"] .shushu-bubble:after{right:2.5rem;left:auto;margin-left:0}.shushu-rest{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);padding:.2rem .5rem;border:1px solid var(--color-rule);background-color:var(--color-paper);color:var(--color-mute);font-size:.6875rem;white-space:nowrap;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out}.shushu-unit:focus-within .shushu-rest,.shushu-unit:hover .shushu-rest{opacity:1;visibility:visible;pointer-events:auto}.shushu-frame[data-talking="1"] .shushu-rest{display:none}.shushu-recall{position:absolute;right:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border:1px solid var(--color-rule);background-color:var(--color-paper);color:var(--color-mute);font-size:.6875rem;cursor:pointer;pointer-events:auto;transition:color .15s ease-out}.shushu-recall:hover{color:var(--color-ink)}.shushu-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shushu-tail{transform-box:view-box;transform-origin:22px 36px}.shushu-head{transform-box:view-box;transform-origin:56px 35px}.shushu-ear{transform-box:view-box;transform-origin:52px 5px}.shushu-torso{transform-origin:56px 57px}.shushu-leg,.shushu-torso{transform-box:view-box}@keyframes shushu-wag{0%,to{transform:rotate(-9deg)}50%{transform:rotate(15deg)}}@keyframes shushu-step-a{0%,to{transform:rotate(17deg)}50%{transform:rotate(-17deg)}}@keyframes shushu-step-b{0%,to{transform:rotate(-17deg)}50%{transform:rotate(17deg)}}@keyframes shushu-dash-a{0%,to{transform:rotate(32deg)}50%{transform:rotate(-27deg)}}@keyframes shushu-dash-b{0%,to{transform:rotate(-27deg)}50%{transform:rotate(32deg)}}@keyframes shushu-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-.9px)}}@keyframes shushu-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.7px)}}@keyframes shushu-bound{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3.6px) rotate(-2.5deg)}}@keyframes shushu-doze{0%,to{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-1.1px)}}@keyframes shushu-ear-flop{0%,to{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes shushu-nuzzle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-2deg)}}@keyframes shushu-hop{0%,to{transform:translateY(0)}35%{transform:translateY(-5px)}70%{transform:translateY(0)}}@keyframes shushu-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes shushu-zzz{0%{opacity:0;transform:translateY(3px)}30%{opacity:.85}to{opacity:0;transform:translateY(-8px)}}.shushu-eye{transform-box:fill-box;transform-origin:center;animation:shushu-blink 5.6s ease-in-out infinite}.shushu[data-pose=stand] .shushu-torso{animation:shushu-breathe 3.4s ease-in-out infinite}.shushu[data-pose=stand] .shushu-tail{animation:shushu-wag 1.9s ease-in-out infinite}.shushu[data-pose=walk] .shushu-torso{animation:shushu-bob .32s ease-in-out infinite}.shushu[data-pose=walk] .shushu-tail{animation:shushu-wag .64s ease-in-out infinite}.shushu[data-pose=walk] .shushu-ear{animation:shushu-ear-flop .64s ease-in-out infinite}.shushu[data-pose=walk] .shushu-leg--a{animation:shushu-step-a .64s ease-in-out infinite}.shushu[data-pose=walk] .shushu-leg--b{animation:shushu-step-b .64s ease-in-out infinite}.shushu[data-pose=run] .shushu-torso{animation:shushu-bound .16s ease-in-out infinite}.shushu[data-pose=run] .shushu-tail{animation:shushu-wag .32s ease-in-out infinite}.shushu[data-pose=run] .shushu-ear{animation:shushu-ear-flop .32s ease-in-out infinite}.shushu[data-pose=run] .shushu-head{transform:rotate(-4deg)}.shushu[data-pose=run] .shushu-leg--a{animation:shushu-dash-a .32s ease-in-out infinite}.shushu[data-pose=run] .shushu-leg--b{animation:shushu-dash-b .32s ease-in-out infinite}.shushu[data-pose=alert] .shushu-torso{animation:shushu-breathe 2.2s ease-in-out infinite}.shushu[data-pose=alert] .shushu-tail{animation:shushu-wag .5s ease-in-out infinite}.shushu[data-pose=alert] .shushu-head{transform:rotate(-8deg)}.shushu[data-pose=alert] .shushu-ear{transform:rotate(-15deg)}.shushu[data-pose=pet]{animation:shushu-hop .52s ease-in-out infinite}.shushu[data-pose=pet] .shushu-tail{animation:shushu-wag .22s ease-in-out infinite}.shushu[data-pose=pet] .shushu-head{animation:shushu-nuzzle .5s ease-in-out infinite}.shushu[data-pose=pet] .shushu-ear{animation:shushu-ear-flop .34s ease-in-out infinite}.shushu[data-pose=sit] .shushu-torso{transform:rotate(-12deg)}.shushu[data-pose=sit] .shushu-tail{animation:shushu-wag 2.4s ease-in-out infinite}.shushu[data-pose=doze] .shushu-torso{animation:shushu-doze 4.4s ease-in-out infinite}.shushu[data-pose=doze] .shushu-tail{transform:rotate(-7deg)}.shushu[data-pose=doze] .shushu-head{transform:rotate(6deg) translateY(2px)}.shushu-eye-happy,.shushu-eye-shut,.shushu-haunch,.shushu-zzz{display:none}.shushu[data-pose=doze] .shushu-haunch,.shushu[data-pose=sit] .shushu-haunch{display:block}.shushu[data-pose=doze] .shushu-eye,.shushu[data-pose=doze] .shushu-leg--hind,.shushu[data-pose=sit] .shushu-leg--hind{display:none}.shushu[data-pose=doze] .shushu-eye-shut{display:block}.shushu[data-pose=pet] .shushu-eye{display:none}.shushu[data-pose=doze] .shushu-zzz,.shushu[data-pose=pet] .shushu-eye-happy{display:block}.shushu[data-pose=doze] .shushu-zzz-1{animation:shushu-zzz 2.8s ease-out infinite}.shushu[data-pose=doze] .shushu-zzz-2{animation:shushu-zzz 2.8s ease-out .9s infinite}@media (prefers-reduced-motion:reduce){.shushu,.shushu *{animation:none!important}.shushu-bubble{transition:none}}