/* SVG parts move a little; each action lasts 0.8s and never locks a button. */
.michi-cat .cat-head{transform-box:view-box;transform-origin:112px 148px}.michi-cat .cat-body{transform-box:view-box;transform-origin:113px 211px}.michi-cat .cat-tail{transform-box:view-box;transform-origin:164px 171px}.michi-cat .cat-paw{transform-box:view-box;transform-origin:77px 195px}.michi-cat .cat-paw-right{transform-origin:147px 195px}.michi-cat .cat-mouth{transform-box:fill-box;transform-origin:center}.home-action-prop{position:absolute;inset:0;z-index:2;pointer-events:none;animation:action-prop .8s ease both}.home-action-prop>svg{width:100%;height:100%;overflow:visible}.action-brush{transform-box:view-box;transform-origin:160px 120px;animation:action-brush .8s ease-in-out both}.action-gleam{animation:action-gleam .8s ease both}.action-yarn{transform-box:view-box;transform-origin:171px 208px;animation:action-yarn .8s ease both}
.michi-cat[data-motion=food] .cat-head{animation:action-nibble .8s ease-in-out both}.michi-cat[data-motion=food] .cat-mouth{animation:action-chew .2s ease-in-out 4}.michi-cat[data-motion=brush] .cat-head{animation:action-brush-lean .8s ease-in-out both}.michi-cat[data-motion=brush] .cat-tail{animation:action-tail .8s ease both}.michi-cat[data-motion=play]{animation:action-hop .8s ease both}.michi-cat[data-motion=play] .cat-paw-right{animation:action-paw .8s ease both}.michi-cat[data-motion=pose-tilt] .cat-head{animation:action-tilt .8s ease both}.michi-cat[data-motion=pose-wave] .cat-paw-left{animation:action-wave .8s ease both}.michi-cat[data-motion=pose-wave] .cat-head{animation:action-brush-lean .8s ease both}.michi-cat[data-motion=pose-proud] .cat-body{animation:action-proud .8s ease both}.michi-cat[data-motion=pose-proud] .cat-head{animation:action-chin .8s ease both}.michi-cat[data-motion^=pose] .cat-tail{animation:action-tail .8s ease both}
@keyframes action-prop{0%,100%{opacity:0}12%,82%{opacity:1}}@keyframes action-nibble{0%,100%{transform:translateY(0)}25%,65%{transform:translateY(10px) rotate(3deg)}45%,80%{transform:translateY(7px)}}@keyframes action-chew{50%{transform:scaleY(.55)}}@keyframes action-brush-lean{0%,100%{transform:rotate(0)}35%,65%{transform:rotate(4deg)}}@keyframes action-brush{0%,100%{transform:translate(10px,-12px) rotate(-10deg)}30%,70%{transform:translate(-5px,10px) rotate(8deg)}50%{transform:translate(3px,-4px)}}@keyframes action-gleam{0%,100%{opacity:0}45%,75%{opacity:1}}@keyframes action-tail{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}65%{transform:rotate(5deg)}}@keyframes action-hop{0%,100%{transform:translateY(0)}25%{transform:translateY(2px)}50%{transform:translateY(-8px)}75%{transform:translateY(1px)}}@keyframes action-paw{0%,100%{transform:rotate(0)}40%,65%{transform:translate(5px,-5px) rotate(-14deg)}}@keyframes action-yarn{0%{transform:translateX(12px) rotate(30deg)}45%{transform:translateX(-3px) rotate(-20deg)}100%{transform:translateX(19px) rotate(60deg)}}@keyframes action-tilt{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}65%{transform:rotate(6deg)}}@keyframes action-wave{0%,100%{transform:translate(0,0) rotate(0)}30%,65%{transform:translate(1px,-17px) rotate(14deg)}48%{transform:translate(-2px,-15px) rotate(-8deg)}}@keyframes action-proud{0%,100%{transform:scaleY(1)}35%,65%{transform:scaleY(1.045)}}@keyframes action-chin{0%,100%{transform:translateY(0)}35%,65%{transform:translateY(-4px) rotate(-3deg)}}
/* Larger previews and an actual before/after reveal for cuts and styling. */
.cut-options button{min-height:181px;padding:11px 5px}.cut-options button>span{width:84px;height:88px}.cut-options em{font-style:normal;font-size:10px;line-height:1.4;color:#476981;overflow-wrap:anywhere}.salon-comparison{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px;padding:16px;border:1px solid #b9e0de;border-radius:20px;background:linear-gradient(120deg,#f0f8fc,#e8faf2)}.salon-comparison>div{text-align:center;min-width:0}.salon-comparison>div>span{display:block;font-size:11px;color:#476981;font-weight:700;margin-bottom:9px}.salon-comparison>div:last-child>span{color:#08796e}.salon-comparison svg{width:145px;max-width:100%;height:151px}.salon-comparison-arrow{font-size:25px;color:#0b998c;text-align:center}
@media(max-width:560px){.cut-options button{min-height:184px}.cut-options button>span{width:80px;height:84px}.salon-comparison{padding:12px}.salon-comparison svg{width:115px;height:122px}.cut-options em{font-size:9px}}
@media(prefers-reduced-motion:reduce){.michi-cat[data-motion],.michi-cat[data-motion] *,.home-action-prop,.home-action-prop *{animation:none!important}.home-action-prop{opacity:1}}
.scene>.spark{font-size:18px;animation-duration:.65s}