.cat-art{position:absolute;inset:8px 5px 0;display:block}
.cat-body{position:absolute;width:51px;height:48px;border-radius:48% 52% 42% 48%;background:linear-gradient(135deg,#f3a84a,#dc7c31);left:27px;top:48px;box-shadow:inset -7px -5px 0 #c7692733}
.cat-head{position:absolute;width:57px;height:52px;border-radius:45% 45% 48% 48%;background:linear-gradient(145deg,#f7b659,#e98b38);left:20px;top:18px;border:2px solid #fff1de}
.cat-head:before,.cat-head:after{content:'';position:absolute;top:-13px;width:25px;height:29px;background:#e98b38;clip-path:polygon(50% 0,100% 100%,0 100%)}
.cat-head:before{left:0;transform:rotate(-12deg)}.cat-head:after{right:0;transform:rotate(12deg)}
.cat-head i,.cat-head b{position:absolute;z-index:2;top:20px;width:7px;height:9px;border-radius:50%;background:#5e493d;box-shadow:inset 2px 0 #f5d177}
.cat-head i{left:14px}.cat-head b{right:14px}.cat-head em{position:absolute;z-index:2;left:21px;top:28px;font-style:normal;font-size:16px;color:#9d573b}
.cat-tail{position:absolute;width:42px;height:48px;border:9px solid #dd7a30;border-left-color:transparent;border-radius:50%;right:3px;top:44px;transform:rotate(25deg);animation:tailWave 2.5s ease-in-out infinite}
.pet-online{position:absolute;width:9px;height:9px;background:#f6a2a6;border-radius:50%;right:11px;top:13px;box-shadow:0 0 0 6px #f6a2a622;animation:petPing 2s infinite}
@keyframes tailWave{50%{transform:rotate(38deg)}}
.yuni-pet{transition:filter .2s;touch-action:none}.yuni-pet.hidden{display:none}.pet-body{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.pet-body:focus-visible{outline:2px solid #b66e50;border-radius:50%;outline-offset:3px}
.cat-paw{position:absolute;top:81px;width:14px;height:16px;background:#ffbe6d;border-radius:7px;transition:height .18s,top .18s}.paw-left{left:31px}.paw-right{left:58px}.cat-lift-mark{display:none;position:absolute;left:8px;top:0;color:#b76840;font:bold 23px serif}
.lifted .pet-body{animation:none;cursor:grabbing}.lifted .cat-art{rotate:-9deg;translate:0 -8px;transform-origin:50% 20%;animation:catDangle .65s ease-in-out infinite alternate}.lifted .cat-body{height:57px;width:43px;left:29px}.lifted .cat-paw{top:91px;height:23px}.lifted .cat-head em{font-size:0}.lifted .cat-head em:after{content:'o';font-size:16px}.lifted .cat-lift-mark{display:block}.lifted .cat-tail{animation:none;transform:rotate(65deg)}.lifted{filter:drop-shadow(0 20px 12px #74504345)}
.landing .cat-art{animation:catLand .4s ease-out}.yuni-pet.note-right .pet-note{left:45px;right:auto;border-radius:18px 18px 18px 3px}.yuni-pet.note-below .pet-note{bottom:auto;top:85px}.pet-note{max-width:calc(100vw - 100px);pointer-events:auto}
@keyframes catDangle{from{rotate:-9deg}to{rotate:9deg}}@keyframes catLand{0%{translate:0 -9px;scale:1 1.08}45%{translate:0 3px;scale:1.1 .9}100%{translate:0 0;scale:1}}
@media(prefers-reduced-motion:reduce){.pet-body,.cat-tail,.lifted .cat-art,.landing .cat-art{animation:none}}
.support-modes{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.support-modes button{border:1px solid #dfbbb4;border-radius:20px;padding:6px 12px;font-size:12px;color:#865c56}.support-modes button[aria-pressed=true]{background:#b9797c;color:white}.memory-notice{max-height:86px;overflow:auto;font-size:12px;background:#fff4e9;border-radius:12px;padding:8px}.memory-notice[hidden]{display:none}.memory-notice>div{display:flex;gap:8px;justify-content:space-between}.memory-notice button{color:#9b4f58;white-space:nowrap}.yuni-pet.keyboard-away{visibility:hidden}.pet-settings{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
@media(max-width:650px){.yuni-pet{bottom:118px;right:4px}.pet-body{width:64px;height:64px}.cat-art{transform:scale(.78);transform-origin:center bottom}.pet-close{top:-5px}.pet-note{right:48px;bottom:46px}}