:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#344234;background:#f7f4ed;font-synthesis:none;text-rendering:optimizeLegibility;--paper:#f7f4ed;--ink:#344234;--muted:#73796c;--green:#637658;--line:#dfdfd2;--white:#fffef9;--danger:#a15045}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b27c4e;outline-offset:3px}a{color:inherit}.topbar{max-width:1360px;height:108px;margin:auto;padding:0 52px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:21px;font-weight:650;letter-spacing:2px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#fff}.brand-mark svg{width:22px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px}.text-button{border:0;background:none;padding:8px 0;font-size:14px;color:var(--muted)}.pill{border:1px solid #c6cdbd;border-radius:30px;padding:10px 21px;background:transparent;font-size:14px}.pill span{margin-left:16px}main{max-width:1360px;margin:auto;padding:45px 52px 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{margin:0 0 12px;font-size:12px;font-weight:650;letter-spacing:2px;color:var(--green)}h1,h2{font-family:Songti SC,STSong,serif;font-weight:500}h1{margin:0;font-size:39px;line-height:1.35;letter-spacing:2px}.intro>div>p:last-child{margin:14px 0 0;color:var(--muted)}.room-label{font-size:14px}.room-label i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#86966b}.room-label small{display:block;text-align:right;color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:28px}.room-card{overflow:hidden;border:1px solid #dddccb;border-radius:20px;background:var(--white)}.room{position:relative;isolation:isolate;height:470px;overflow:hidden;background:#eae5d7}.room:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:-2;background:#dfcfb7;border-top:8px solid #d4c4ab}.room-top{position:absolute;z-index:6;top:22px;left:22px;right:22px;display:flex;justify-content:space-between}.badge,.sound{border-radius:20px;background:#f8f6ede8;font-size:12px}.badge{padding:5px 12px}.sound{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #d4d4c5}.sound svg{width:14px}.window{position:absolute;right:17%;top:61px;width:172px;height:208px;overflow:hidden;border:12px solid #f8f4e7;border-bottom-width:16px;border-radius:88px 88px 2px 2px;background:#dce5dc;box-shadow:4px 4px #d4d0c1}.window:before{content:"";position:absolute;left:-25%;right:-25%;bottom:-40px;height:100px;border-radius:50%;background:#b6c5ac}.window span:first-child{position:absolute;left:48%;width:9px;height:100%;z-index:2;background:#f8f4e7}.window span:last-child{position:absolute;top:50%;width:100%;height:8px;z-index:2;background:#f8f4e7}.picture{position:absolute;left:15%;top:110px;width:77px;height:92px;display:grid;place-items:center;transform:rotate(-3deg);border:5px solid #d0b492;background:#f5eddc;color:#98a57e}.picture svg{width:34px}.plant{position:absolute;left:7%;bottom:114px;width:64px;height:105px;border-bottom:43px solid #c39476}.plant:before{content:"";position:absolute;left:31px;top:9px;width:3px;height:70px;background:#7b895f}.plant span{position:absolute;top:0;left:7px;width:29px;height:48px;transform:rotate(-35deg);border-radius:90% 0;background:#8f9e73}.plant span:nth-child(2){left:32px;top:23px;transform:rotate(20deg)}.plant span:nth-child(3){top:38px}.rug{position:absolute;left:12%;bottom:42px;width:67%;height:116px;border:8px solid #d5d4b6;border-radius:50%;outline:2px solid #c1c3a0;background:#cac9a6}.cat-touch{position:absolute;z-index:3;left:calc(50% - 125px);bottom:62px;width:250px;height:244px;padding:0;border:0;background:none;transform-origin:50% 90%}.cat-touch img{display:block;width:100%;height:100%;object-fit:contain;animation:breathe 4s ease-in-out infinite}.heart-pop{position:absolute;right:20px;top:-10px;color:#ae7e6d;opacity:0}.bowl{display:none;position:absolute;z-index:4;left:53%;bottom:64px;width:68px;height:28px;border-radius:5px 5px 30px 30px;background:#a5b29b}.bowl svg{width:22px;color:#8c6d52}.toy{display:none;position:absolute;z-index:4;left:63%;bottom:175px;width:80px;height:135px;border-right:4px solid #8b7359;transform:rotate(25deg)}.toy span{position:absolute;left:35px;bottom:-3px;width:17px;height:35px;border-radius:80% 0;background:#b78169}.action-petting .cat-touch img{animation:nuzzle 1s ease-in-out infinite}.action-petting .heart-pop{animation:heart 1.5s ease-out infinite}.action-feeding .cat-touch img{animation:eat 1.1s ease-in-out infinite}.action-feeding .bowl,.action-playing .toy{display:grid;place-items:center}.action-playing .toy{animation:wiggle .7s ease-in-out infinite alternate}.action-playing .cat-touch img{animation:play .8s ease-in-out infinite}.action-walking .cat-touch{animation:walk 4s ease-in-out}.room-caption{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:10px;font-size:12px;color:#685e4d}.room-caption strong{font-size:14px}.actions{display:grid;grid-template-columns:repeat(4,1fr);padding:21px 14px}.actions button{display:flex;align-items:center;flex-direction:column;padding:0 5px;border:0;border-right:1px solid #e9e7dc;background:transparent;transition:color .2s}.actions button:last-child{border:0}.actions button:hover,.actions button.active{color:#a57050}.actions svg{width:23px;margin-bottom:7px}.actions strong{font-size:14px;font-weight:500}.actions small{margin-top:3px;font-size:12px;color:#8a8d7f}.note-card{padding:28px 24px;border:1px solid #e1e3d6;border-radius:18px;background:#eeeee3}.note-card h2{margin:12px 0 16px;font-size:29px;line-height:1.45}.note-card>p:not(.eyebrow):not(.micro){font-size:14px;line-height:1.9;color:#7c8072}.steps{margin:26px 0}.steps>div{display:flex;align-items:baseline;gap:15px;margin:17px 0}.steps>div>span{font:italic 15px Georgia,serif;color:#96a285}.steps p{margin:0;font-size:14px}.steps small{display:block;margin-top:2px;font-size:12px;color:#939687}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;border-radius:10px;font-size:14px;text-decoration:none}.primary{border:1px solid var(--green);background:var(--green);color:#fff}.secondary{border:1px solid #c3cbb8;background:transparent}.note-card .primary{width:100%}.micro{font-size:12px!important;text-align:center;color:#8a8d80}.quiet-note{display:flex;gap:15px;padding:22px 5px;align-items:center}.quiet-note svg{width:28px;color:#939c80}.quiet-note p{margin:0;font-size:14px}.quiet-note small{display:block;color:var(--muted);font-size:12px}.member{margin-top:35px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.member>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.member h2{margin:0;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}label{display:block;font-size:14px}input:not([type=checkbox]),textarea{display:block;width:100%;margin:8px 0;padding:11px 13px;border:1px solid #d8dace;border-radius:8px;background:#fcfcf6;font-size:16px}textarea{min-height:100px;resize:vertical}label small{font-size:12px;color:var(--muted)}.check{display:flex;align-items:flex-start;gap:10px;margin:25px 0;color:var(--muted)}.check input{margin-top:6px;accent-color:var(--green)}.check button{padding:0;border:0;background:none;text-decoration:underline}.form-message{color:#8d5c45}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:20px;background:#e6eddc;color:#536646;font-size:13px}.status-badge svg{width:16px}.photo-previews{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.photo-previews img{width:90px;height:90px;object-fit:cover;border-radius:10px}.review-image{display:block;width:100%;max-width:320px;height:300px;margin:20px 0;object-fit:contain;border-radius:16px;background:#efece2}.review-controls{display:grid;gap:14px;max-width:600px}.inline{margin-top:18px}.inline svg,.account-actions svg{width:16px}.refresh-bottom{display:block;margin-top:18px}.account-actions{display:flex;gap:25px;margin-top:25px;padding-top:15px;border-top:1px solid var(--line)}.account-actions button{display:inline-flex;align-items:center;gap:7px}.danger{padding:8px 0;border:0;background:transparent;color:var(--danger);font-size:14px}.danger.filled{padding:10px 18px;border-radius:8px;background:var(--danger);color:#fff}footer{max-width:1360px;margin:45px auto 0;padding:22px 52px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:#8a8d80}footer>div{display:flex;gap:18px;align-items:center}dialog{position:relative;width:calc(100% - 32px);max-width:520px;max-height:85vh;padding:34px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--white);color:var(--ink)}dialog::backdrop{background:#26322366;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-size:26px}dialog p{color:var(--muted);line-height:1.7}.close{position:absolute;right:14px;top:12px;padding:5px;border:0;background:none;color:var(--muted)}.close svg{width:22px}dialog .primary{width:100%;margin-top:12px}@keyframes breathe{50%{transform:scale(1.012,1.023)}}@keyframes nuzzle{50%{transform:rotate(-4deg) translateY(3px)}}@keyframes heart{0%{opacity:0;transform:translateY(10px)}30%{opacity:1}to{opacity:0;transform:translateY(-25px)}}@keyframes eat{50%{transform:translateY(12px) rotate(5deg) scaleY(.95)}}@keyframes play{50%{transform:translateY(-14px) rotate(-5deg)}}@keyframes wiggle{to{transform:rotate(38deg)}}@keyframes walk{0%,to{transform:translate(0)}25%{transform:translate(-65px) rotate(-3deg)}70%{transform:translate(55px) rotate(3deg)}}@media(max-width:900px){.topbar{padding:0 28px}main{padding:30px 28px 0}.workspace{grid-template-columns:1fr}.room{height:440px}.note-card{padding:24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.steps>div{display:block}.steps small{font-size:11px}}@media(max-width:640px){.topbar{height:82px;padding:0 18px}.brand{font-size:18px}.brand small{font-size:8px}.topbar nav>.text-button{display:none}.pill{padding:8px 12px;font-size:12px}.pill span{display:none}main{padding:28px 14px 0}.intro{padding:0 4px}.intro h1{font-size:30px}.room-label{display:none}.room{height:400px}.room-top{top:15px;left:14px;right:14px}.window{right:9%;top:67px;width:126px;height:170px;border-width:9px}.picture{left:10%;top:100px;width:60px;height:72px}.plant{left:2%;bottom:100px;transform:scale(.8)}.rug{left:7%;width:82%;height:95px}.cat-touch{left:calc(50% - 110px);bottom:55px;width:220px;height:215px}.room-caption{bottom:15px;font-size:11px}.actions{padding:18px 2px}.actions strong{font-size:12px}.actions small{font-size:10px}.actions svg{width:21px}.steps{grid-template-columns:1fr}.steps>div{display:flex}.note-card h2 br{display:none}.form-grid{grid-template-columns:1fr}.member{padding:22px 18px}.account-actions{flex-wrap:wrap}.member>header{align-items:flex-start}footer{display:block;margin-top:25px;padding:20px;text-align:center}footer>div{justify-content:center;margin-top:7px}dialog{padding:28px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}