/* Soft toy-box UI. Only the pet page is affected. */
.pet-studio-page{background-color:#fff8f1;background-image:radial-gradient(#efdfcc 1px,transparent 1px);background-size:22px 22px;color:#594937}
.ps{--ink:#594937;--muted:#8d7a67;--line:#efdcca;font-family:"Nunito","Microsoft YaHei","PingFang SC",sans-serif}
.ps-heading{position:relative;margin-bottom:18px;padding:6px 3px}
.ps-heading h1{color:#664c3b;font-size:34px;letter-spacing:1px;text-shadow:2px 3px #fff}
.ps-heading h1 span{background:#ffe7b2;color:#886225;border:2px solid #fff;padding:8px 12px;box-shadow:0 3px #f2d899;transform:rotate(-3deg)}
.ps-heading>div>p:last-child{color:#9a8067}
.ps-overline{color:#b58c65;letter-spacing:1px;font-size:11px}
.ps-wallet{background:linear-gradient(135deg,#fff0b9,#ffe0a3);border:2px solid #fff;border-radius:24px 24px 24px 8px;box-shadow:0 6px 0 #f0d8a7,0 10px 22px #bd99521a;transform:rotate(2deg)}
.ps-wallet strong{color:#a76d25}.ps-wallet i{background:#ffd76e;border-color:#d89c3a;box-shadow:inset 0 0 0 2px #fff3b5}
.ps-welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffdf4;border:2px dashed #ead3b5;border-radius:18px;padding:10px 20px;margin:0 0 20px}
.ps-welcome-strip>span{font-weight:700;font-size:12px;color:#a18459}.ps-welcome-strip p{font-size:12px;color:#a48f76;margin:0}
.ps-home{border:3px solid #fff;border-radius:30px;box-shadow:0 7px 0 #eadbc8,0 13px 28px #986b3a12;background:#fffdf8;position:relative}
.ps-scene{border-bottom:4px solid #fff5df;height:510px;border-radius:26px 26px 20px 20px}
.ps-scene-top button,.ps-scene-bottom button{background:#fffcf5f0;border:2px solid #fff;border-radius:15px;box-shadow:0 3px #d9c9b366;color:#826444;font-weight:600}
.ps-scene-top button:hover,.ps-scene-bottom button:hover{background:#ffecca}
.ps-live{color:#729675;background:#f7fff2e6;border:2px solid #fff;border-radius:20px;box-shadow:0 3px #bad2ad44}
.ps-scene-bottom>span{background:#fffcf4d9;padding:7px 10px;border-radius:10px;color:#8b795e}
.ps-caption{background:#fff2d9;border:2px solid #fff;margin:18px 18px 14px;border-radius:22px 22px 22px 6px;box-shadow:0 3px #f0dabc;position:relative;min-height:104px;padding:14px 17px}
.ps-caption:before{content:'';position:absolute;top:-10px;left:30px;width:17px;height:17px;transform:rotate(45deg);background:#fff2d9;border-top:2px solid #fff;border-left:2px solid #fff}
.ps-caption small{color:#b78e53;font-weight:700}.ps-caption p{color:#745a3c;font-size:14px;line-height:1.85}.ps-paw{background:#ffdeac;color:#ae7d3c;border:3px solid #fff;border-radius:50%;font-size:23px;padding:11px;flex-shrink:0}
.ps-actions{gap:12px;padding:3px 20px}.ps-actions button{position:relative;border:2px solid #fff;background:#ffe8eb;border-radius:22px;box-shadow:0 5px #edc6cd;padding:15px 5px 13px;font-size:28px}
.ps-actions button:nth-child(2){background:#e3f3e3;box-shadow:0 5px #c3dcc0}.ps-actions button:nth-child(3){background:#fff0c7;box-shadow:0 5px #ecd8a1}.ps-actions button:nth-child(4){background:#eae5fb;box-shadow:0 5px #d2c7eb}
.ps-actions button:hover{transform:translateY(-3px);filter:brightness(1.03)}.ps-actions button:active{transform:translateY(3px);box-shadow:none}.ps-actions span{color:#725c52;font-size:12px}.ps-actions small{color:#a18c7a}
.ps-audio-note{color:#a08d79;font-size:10px;margin:21px 0 17px}.ps-card{background:#fffdf8;border:3px solid #fff;border-radius:27px;box-shadow:0 5px #eddfcf,0 9px 22px #9572470b;padding:22px}
.ps-card h2{color:#79583f;font-size:18px}.ps-side>.ps-card:first-child{background:linear-gradient(155deg,#fffcf1,#fff2df);position:relative}.ps-side>.ps-card:first-child:before{content:'';position:absolute;width:68px;height:18px;top:-10px;left:calc(50% - 34px);background:#ffc9b6a8;transform:rotate(-5deg);border-left:3px dashed #ffe4d8;border-right:3px dashed #ffe4d8}
.ps-growth{gap:9px}.ps-growth>div{background:#fffdf8;border:2px dashed #eedfce;border-radius:16px;padding:12px 10px}.ps-growth strong{color:#a17b4d;font-size:23px}.ps-growth small{color:#b59a7c;font-size:10px}.ps-growth em{color:#b09c84}.ps-birthday{color:#ad916e;font-size:10px}
.ps-chart{border-bottom:2px dashed #ebd8bd;padding-bottom:9px}.ps-chart i{background:linear-gradient(#ffd3a1,#efb67e);border:2px solid #fff3de;border-radius:9px 9px 3px 3px;position:relative;min-width:10px}.ps-chart i:after{content:'•';position:absolute;top:1px;left:0;right:0;text-align:center;color:#fff4e5;font-style:normal}.ps-chart small{color:#ae977c}.ps-muted{color:#a68e76;font-size:10px;line-height:1.9}
.ps-side>.ps-card:nth-child(2){background:#f2f9f0}.ps-stat>div:first-child{color:#718869}.ps-stat strong{font-size:12px}.ps-meter{height:12px;background:#e3eddc;border:2px solid #fff;border-radius:12px;box-shadow:0 2px #d5e2cb}.ps-meter i{background:repeating-linear-gradient(120deg,#f0c777 0,#f0c777 9px,#f6d591 9px,#f6d591 17px)}.ps-stat:nth-of-type(2) .ps-meter i{background:repeating-linear-gradient(120deg,#95c3a1 0,#95c3a1 9px,#afd4b8 9px,#afd4b8 17px)}.ps-stat small{color:#94a289}
.ps-affection{background:#fffdf8;border:2px dashed #dfe8d5;border-radius:14px;padding:12px;font-size:12px}.ps-affection b{color:#ce8e8e}.ps-affection span{margin-top:2px;color:#8e9b80}
.ps-shop{margin-top:27px;background:#fffcf5;position:relative}.ps-shop-title h2{font-size:23px}.ps-shop-title>p{border-radius:18px;background:#fff0cb;border:2px solid white;padding:10px 15px;color:#ad8a4e;box-shadow:0 3px #f1dfb6}.ps-snacks{gap:18px}
.ps-snacks form{background:#fff0e7;border:2px solid #fff;border-radius:24px;box-shadow:0 5px #e7cbb8;padding:22px 14px;position:relative;transition:transform .2s}
.ps-snacks form:nth-child(2){background:#eaf4f9;box-shadow:0 5px #c6dce8}.ps-snacks form:nth-child(3){background:#fff5d7;box-shadow:0 5px #eadcb0}.ps-snacks form:nth-child(4){background:#fbeaf0;box-shadow:0 5px #e9cbd8}
.ps-snacks form:hover{transform:translateY(-3px)}.ps-snack-icon{width:76px;height:76px;font-size:41px;background:#fff8f0!important;border:3px solid #fff;border-radius:24px 30px 24px 30px;transform:rotate(-7deg);box-shadow:0 4px #b68b6820}.ps-snacks form:nth-child(even) .ps-snack-icon{transform:rotate(7deg)}
.ps-snacks h3{color:#7b614b;font-size:16px;margin-top:17px}.ps-snacks p{color:#a48b74;font-size:11px}.ps-snacks button{color:#fff;background:#c3946e;border:2px solid #fff;border-radius:15px;padding:11px 7px;font-weight:700;box-shadow:0 4px #a77652;font-size:12px}.ps-snacks form:nth-child(2) button{background:#80afc4;box-shadow:0 4px #5b93ac}.ps-snacks form:nth-child(3) button{background:#d8ae5e;box-shadow:0 4px #b48b3f}.ps-snacks form:nth-child(4) button{background:#d999ae;box-shadow:0 4px #b9788e}.ps-snacks button:active{transform:translateY(3px);box-shadow:none}.ps-snacks button:disabled{background:#e6dfd5!important;box-shadow:0 3px #d5cdc2!important;color:#9b9489;opacity:.85}
.ps-history{margin-top:27px;background:#fffefa}.ps-history h2{margin-bottom:14px}.ps-history li{border-top:2px dashed #efe5d7;padding:14px 7px;color:#8b735a}.ps-history li span:before{content:'🐾';font-size:11px;margin-right:10px;opacity:.6}.ps-history time{color:#b39a82}.ps-history b{background:#fff0cc;border-radius:12px;padding:3px 9px;color:#bc964d;font-size:11px}.ps-credits{color:#ae987f}.ps-credits a{color:#b17d6b}
@media(min-width:1400px){.ps-scene{height:550px}}
@media(max-width:1000px){.ps-scene{height:455px}.ps-card{padding:17px}.ps-growth{grid-template-columns:1fr}.ps-growth>div{padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:6px}.ps-growth small{margin:0}.ps-growth strong{font-size:22px}.ps-heading h1{font-size:29px}}
@media(max-width:760px){.ps-heading h1{font-size:24px}.ps-welcome-strip{padding:11px 13px;gap:8px;flex-wrap:wrap}.ps-welcome-strip>span:last-child{display:none}.ps-welcome-strip p{font-size:10px}.ps-wallet{min-width:105px}.ps-scene{height:430px}.ps-side{gap:16px;margin-top:23px}.ps-shop-title>p{padding:8px;font-size:10px}.ps-shop-title h2{font-size:20px}.ps-caption{margin:13px 12px;padding:13px}.ps-caption p{font-size:13px}.ps-actions{padding:2px 12px;gap:8px}.ps-actions button{font-size:25px;border-radius:17px}.ps-snacks{gap:15px}.ps-snacks form{padding:18px 10px}.ps-heading h1 span{font-size:10px}}
@media(max-width:420px){.ps-heading h1{font-size:22px}.ps-overline{font-size:9px;letter-spacing:0}.ps-scene{height:370px}.ps-scene-top,.ps-scene-bottom{left:10px;right:10px}.ps-scene-bottom>span{font-size:8px}.ps-scene-bottom button{font-size:9px}.ps-actions small{font-size:8px}.ps-actions span{font-size:11px}.ps-paw{font-size:19px;padding:8px}.ps-growth{grid-template-columns:1fr 1fr}.ps-growth>div{display:block}.ps-growth small{margin-bottom:6px}.ps-heading{gap:12px}.ps-snacks p{font-size:10px}.ps-shop-title{gap:8px}.ps-shop-title>p{max-width:112px}.ps-history li{gap:10px}}
@media(prefers-reduced-motion:reduce){.ps-snacks form:hover,.ps-actions button:hover{transform:none}}
