:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#463c32;background:#f5eee4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px;border:0;color:inherit}button:focus-visible{outline:3px solid #846b45;outline-offset:3px}header,main{max-width:640px;margin:auto}header{padding:calc(25px + env(safe-area-inset-top)) 25px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded5c7}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#89785d}h1{font-size:25px;margin:8px 0 0;letter-spacing:3px}h1 span{display:block;font-size:11px;font-weight:400;letter-spacing:2px;margin-top:7px;color:#8c7b68}#pause{background:#e7ddce;border-radius:50%;width:44px}main{padding:23px 18px calc(22px + env(safe-area-inset-bottom))}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 5px 20px}small{font-size:11px;color:#9a7c57;letter-spacing:2px}h2{font-size:19px;margin:7px 0 0;font-weight:500}.day{font-size:10px;color:#8a785e;background:#e9dfcd;padding:8px;border-radius:20px}#scene{height:370px;position:relative;overflow:hidden;border-radius:100px 100px 18px 18px;background:linear-gradient(#e4d8c6 0 55%,#c9b395 55% 56%,#d9c5aa 56%);box-shadow:inset 0 0 45px #b79d7725;border:1px solid #d5c3aa}.window{position:absolute;left:17%;top:25px;width:38%;height:127px;background:linear-gradient(145deg,#cbdcce,#f8f0ce);border:8px solid #f4ebdb;border-radius:45px 45px 0 0;box-shadow:7px 7px #c7b699}.window:before,.window:after{content:"";position:absolute;background:#f4ebdb}.window:before{width:6px;height:100%;left:48%}.window:after{height:6px;width:100%;top:53%}.picture{position:absolute;right:13%;top:68px;transform:rotate(6deg);font-size:12px;text-align:center;padding:13px 9px;background:#f6ecd8;border:5px solid #ac9271;line-height:1.7}.plant{position:absolute;right:6%;top:135px;font-size:58px;color:#788363}.rug{position:absolute;width:85%;height:140px;border-radius:50%;left:8%;bottom:23px;background:#c0a18466;border:7px double #f0dcc044}.room-note{position:absolute;top:175px;left:20px;color:#8e795f;font-size:10px;letter-spacing:2px}.cat{position:absolute;padding:0;background:none;width:142px;height:142px;transition:translate 1.6s linear;transform:translate(-50%,-95.703125%)}.cat img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 6px 3px #57432a22)}.cat span{position:absolute;bottom:-19px;left:50%;transform:translate(-50%);font-size:11px;background:#f8f1e5ed;padding:4px 11px;border-radius:20px;white-space:nowrap}.cat-0{left:26%;top:69%}.cat-1{left:72%;top:70%}.cat-2{left:14%;top:91%}.cat-3{left:49%;top:93%}.cat-4{left:83%;top:94%}#feedback{text-align:center;font-size:12px;min-height:20px;margin:21px 0;color:#80684e}nav{display:flex;gap:7px;justify-content:center;margin-bottom:17px}nav button{background:#e9dfd1;border-radius:24px;flex:1;max-width:105px;font-size:13px}.selected{background:#76644b!important;color:#fff}#scene.close{height:315px}.close .cat{left:50%;top:88%;width:285px;height:285px}.close .room-note{display:none}.close .rug{height:85px}.stats{display:flex;gap:24px;padding:13px 14px 18px;background:#eee4d6;border-radius:15px}.stats label{flex:1;font-size:12px}.stats strong{float:right;font-weight:500}progress{display:block;width:100%;height:7px;margin-top:9px;accent-color:#927752}.actions{display:flex;gap:12px;margin-top:16px}.actions button{flex:1;border-radius:16px;background:#fdf8ef;font-size:25px;border:1px solid #dfd1bb;padding:12px;box-shadow:0 3px #ded0ba}.actions span{display:block;font-size:13px;margin-top:4px}.actions button:disabled{opacity:.55}#back{display:block;margin:16px auto 0;background:transparent;font-size:13px}footer{border-top:1px solid #ded5c7;padding-top:17px;display:flex;justify-content:space-between;gap:8px;color:#8b7b64;font-size:9px}#offline-status{color:#66745b}@media(max-width:365px){main{padding:18px 12px}h2{font-size:17px}.cat{width:125px;height:125px}.day{font-size:9px}#scene{height:350px}}@media(min-height:850px){#scene{height:410px}#scene.close{height:350px}.close .cat{width:310px;height:310px}}