#petnest{--bg:#f7f8f2;--surface:#fff;--ink:#293d35;--muted:#7c887e;--line:#e9ede4;--green:#42795c;--soft:#edf4e9;--yellow:#f7d77c;--radius:22px;color-scheme:light;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);border-radius:24px;position:relative;overflow:hidden;font-size:14px;line-height:1.6;min-height:760px}
#petnest *{box-sizing:border-box}#petnest button,#petnest input,#petnest select{font:inherit}#petnest button{cursor:pointer;transition:background .15s,transform .15s}#petnest button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}#petnest button:disabled{opacity:.55;cursor:default}#petnest button:focus-visible,#petnest input:focus-visible,#petnest select:focus-visible{outline:3px solid #e6b94d;outline-offset:3px}#petnest button{border:0}#petnest h1,#petnest h2,#petnest h3,#petnest p{margin:0}#petnest h1{font-size:29px;letter-spacing:-1px;line-height:1.4}#petnest h2{font-size:18px}#petnest h3{font-size:15px}#petnest small{font-size:12px;color:var(--muted)}#petnest .shell{display:grid;grid-template-columns:190px minmax(0,1fr)}#petnest .sidebar{background:#fffefa;padding:30px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}#petnest .brand{font-size:25px;font-weight:750;letter-spacing:1px;display:flex;align-items:center;gap:10px}#petnest .brandmark{width:38px;height:38px;background:var(--green);border-radius:13px;display:grid;place-items:center;color:#fff;font-size:22px}#petnest .brand small{display:block;letter-spacing:2px;font-size:9px}#petnest .group{border:1px solid var(--line);padding:12px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:9px}#petnest nav{display:grid;gap:8px}#petnest .navitem{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:12px;background:transparent;color:var(--muted)}#petnest .navitem.active{background:var(--soft);color:var(--green);font-weight:650}#petnest [data-lucide]{display:inline-block;width:18px;height:18px}#petnest .sidebar-bottom{margin-top:auto;background:#f3f4e9;border-radius:16px;padding:17px;font-size:12px}#petnest .sidebar-bottom .sprout{font-size:28px;margin-bottom:8px}#petnest .profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px}#petnest .avatar{background:#f2d7ac;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:20px;flex-shrink:0}#petnest main{padding:26px 30px 32px;min-width:0}#petnest .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px}#petnest .crumb{font-size:12px;color:var(--muted)}#petnest .top-actions{display:flex;align-items:center;gap:12px}#petnest .wallet{background:#fff3c9;border:1px solid #f7e9b5;border-radius:30px;padding:7px 14px;color:#816223;font-weight:650;white-space:nowrap}#petnest .iconbutton{width:33px;height:33px;border-radius:50%;background:var(--surface);color:var(--ink)}#petnest .welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}#petnest .subtitle{color:var(--muted);margin-top:7px;font-size:13px}#petnest .pill{background:var(--soft);color:var(--green);font-size:11px;padding:5px 10px;border-radius:20px;white-space:nowrap}#petnest .button{background:var(--green);color:#fff;padding:10px 16px;border-radius:11px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px}#petnest .button.light{background:var(--soft);color:var(--green)}#petnest .button.white{background:#fff;color:var(--ink);border:1px solid var(--line)}#petnest .button.small{padding:7px 12px;font-size:12px}#petnest .dashboard{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:20px}#petnest .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}#petnest .panelhead{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px}#petnest .room{position:relative;height:292px;background:#f0ecdc;overflow:hidden;border-top:1px solid #e9e5d5}#petnest .room:after{content:'';position:absolute;bottom:0;height:75px;left:0;right:0;background:repeating-linear-gradient(0deg,transparent 0 24px,#d8cbb1 25px 26px),#e4d7bd;z-index:0}#petnest .room.mint{background:#e6efdf}#petnest .window{position:absolute;left:29px;top:32px;width:94px;height:108px;border:8px solid #fff8e9;background:#d6e5de;border-radius:40px 40px 3px 3px;box-shadow:0 5px 0 #dbd4be}#petnest .window:before{content:'';position:absolute;left:38px;top:0;width:5px;height:100%;background:#fff8e9}#petnest .window:after{content:'';position:absolute;left:0;right:0;top:44px;height:5px;background:#fff8e9}#petnest .sun{position:absolute;width:22px;height:22px;border-radius:50%;background:#f8dc8b;left:12px;top:13px}#petnest .room-shelf{position:absolute;right:25px;top:52px;border-bottom:6px solid #c6ad89;width:89px;text-align:center;font-size:27px;letter-spacing:9px}#petnest .frame{position:absolute;right:47px;top:105px;background:#fff9e7;border:5px solid #c8b495;border-radius:4px;width:48px;height:55px;display:grid;place-items:center;font-size:22px;transform:rotate(5deg)}#petnest .rug{position:absolute;z-index:1;bottom:23px;left:20%;width:64%;height:45px;border-radius:50%;background:#d3b092;border:5px solid #e9cbb0}#petnest .plant{position:absolute;left:21px;bottom:40px;z-index:2;font-size:57px}#petnest .cushion{position:absolute;right:24px;bottom:28px;z-index:2;width:63px;height:29px;background:#acc2a3;border:5px solid #c1d0b6;border-radius:50%;transform:rotate(-8deg)}#petnest .speech{position:absolute;z-index:5;left:50%;top:17px;transform:translateX(-50%);background:#fffdfa;padding:8px 14px;border-radius:20px;font-size:11px;white-space:nowrap;box-shadow:0 3px 12px #78643c09}#petnest .room-label{position:absolute;left:15px;bottom:10px;font-size:10px;z-index:5;color:#846f54}#petnest .stats{padding:16px 20px 18px;display:grid;gap:10px}#petnest .statline{display:grid;grid-template-columns:70px 1fr 47px;align-items:center;gap:10px;font-size:12px}#petnest .track{height:7px;border-radius:8px;background:#f0f1eb;overflow:hidden}#petnest .fill{height:100%;background:#88a480;border-radius:8px}#petnest .statline:nth-child(2) .fill{background:#e4b66b}#petnest .statline:nth-child(3) .fill{background:#d99e91}#petnest .statval{text-align:right;font-size:11px;color:var(--muted)}#petnest .care-actions{display:flex;gap:8px;padding:0 20px 19px}#petnest .care-actions button{flex:1;padding:9px 4px;font-size:12px}#petnest .daily{padding:0 18px 12px}#petnest .taskrow{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}#petnest .taskrow:last-child{border-bottom:0}#petnest .taskicon{width:38px;height:38px;background:#f4eee4;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}#petnest .taskinfo{flex:1;min-width:0}#petnest .taskinfo p{font-weight:550;font-size:13px}#petnest .reward{color:#a8802a;font-size:11px}#petnest .roundcheck{width:25px;height:25px;border:1px solid #d9e0d2!important;border-radius:50%;color:var(--green);background:white;flex-shrink:0}#petnest .roundcheck.done{background:var(--green);color:#fff}#petnest .motivation{margin:3px 16px 16px;padding:16px;background:#f6f5e9;border-radius:14px;font-size:12px;color:#75765e}#petnest .motivation strong{display:block;color:#626d52;margin-bottom:3px}#petnest .below{margin-top:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px}#petnest .journey{padding:20px;background:#edf2e8;position:relative}#petnest .journey p{font-size:12px;color:#75816e;margin:5px 0 14px}#petnest .milestones{display:flex;gap:9px;align-items:center;font-size:11px}#petnest .milestone{background:#fff8;padding:7px 10px;border-radius:10px;flex:1;text-align:center}#petnest .milestone.active{background:var(--green);color:white}#petnest .friend-list{display:flex;padding:0 20px 19px;gap:16px}#petnest .friend{flex:1;text-align:center;font-size:11px;background:transparent;color:var(--ink);padding:0}#petnest .friend-portrait{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#f1e7d7;font-size:28px;margin:0 auto 6px}#petnest .link{background:none;color:var(--green);font-size:12px;padding:0}#petnest .filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#petnest .filter{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:7px 15px;font-size:12px;color:var(--muted)}#petnest .filter.active{background:var(--green);color:#fff}#petnest .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#petnest .product{padding:16px}#petnest .product-art{height:115px;display:grid;place-items:center;background:#f6f3e9;border-radius:14px;font-size:50px;margin-bottom:13px}#petnest .product p{font-size:11px;color:var(--muted);margin:5px 0 14px}#petnest .product-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}#petnest .coinprice{font-size:13px;color:#987729;font-weight:650}#petnest .tasklist{padding:0 20px}#petnest .tasklist .taskrow{padding:20px 0}#petnest .tasklist .taskinfo p{font-size:15px}#petnest .taskmeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px;font-size:12px;color:var(--muted)}#petnest .membercard{padding:24px;text-align:center}#petnest .membercard .friend-portrait{width:76px;height:76px;font-size:46px;margin-bottom:14px}#petnest .membercard p{color:var(--muted);font-size:12px;margin:7px 0 17px}#petnest .notice{background:#fff5d7;border-radius:12px;padding:13px 16px;font-size:12px;color:#927128;margin-bottom:20px}#petnest .empty{text-align:center;padding:38px;color:var(--muted)}#petnest .ledger{width:100%;border-collapse:collapse;font-size:13px}#petnest .ledger td,#petnest .ledger th{text-align:left;padding:15px;border-bottom:1px solid var(--line)}#petnest .ledger th{font-size:12px;color:var(--muted);font-weight:500}#petnest .ledger td:last-child{text-align:right}#petnest .modalback{position:absolute;inset:0;z-index:20;background:#293d3570;display:flex;align-items:flex-start;justify-content:center;padding:75px 18px}#petnest .modal{background:var(--surface);width:420px;max-width:100%;padding:25px;border-radius:22px;box-shadow:0 20px 80px #172f3530}#petnest .modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}#petnest .modal label{display:block;margin:14px 0 6px;font-size:12px;color:var(--muted)}#petnest .modal input,#petnest .modal select{width:100%;border:1px solid #dce3d7;background:#fff;padding:10px 12px;border-radius:10px;color:var(--ink)}#petnest .modal .button{width:100%;margin-top:22px}#petnest .toast{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:14px;background:#293d35;color:#fff;z-index:30;box-shadow:0 5px 20px #293d3520;font-size:13px;width:max-content;max-width:90%;text-align:center}#petnest .mobile-brand{display:none}#petnest .demo{font-size:10px;color:var(--muted);text-align:right;margin-top:19px}
@media(max-width:850px){#petnest .shell{grid-template-columns:150px minmax(0,1fr)}#petnest .sidebar{padding:25px 12px}#petnest main{padding:24px 20px}#petnest .dashboard{grid-template-columns:1fr}#petnest .daily{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}#petnest .below{grid-template-columns:1fr 1fr}#petnest .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#petnest .motivation{display:none}#petnest .room{height:300px}}
@media(max-width:580px){#petnest{border-radius:16px;min-height:0}#petnest .shell{display:block}#petnest .sidebar{padding:13px 14px;gap:10px;border-right:0;border-bottom:1px solid var(--line)}#petnest .brand{font-size:20px}#petnest .brandmark{width:30px;height:30px;font-size:18px}#petnest .brand small,#petnest .group,#petnest .sidebar-bottom,#petnest .profile{display:none}#petnest nav{display:flex;gap:3px;overflow:visible;justify-content:space-between}#petnest .navitem{flex:1;justify-content:center;padding:8px 2px;font-size:11px;gap:0}#petnest .navitem [data-lucide]{display:none}#petnest main{padding:18px 14px}#petnest .topbar{margin-bottom:18px}#petnest .top-actions{gap:7px}#petnest h1{font-size:24px}#petnest .welcome{gap:8px}#petnest .welcome>.pill{display:none}#petnest .subtitle{font-size:12px}#petnest .below{grid-template-columns:1fr}#petnest .cards{gap:10px}#petnest .product{padding:12px}#petnest .product-foot{flex-wrap:wrap}#petnest .product-art{height:95px;font-size:40px}#petnest .daily{display:block}#petnest .tasklist{padding:0 12px}#petnest .tasklist .taskinfo p{font-size:13px}#petnest .taskicon{width:32px;height:32px}#petnest .taskmeta{font-size:11px;gap:6px}#petnest .taskrow{gap:8px}#petnest .button.small{padding:8px;font-size:11px}#petnest .modalback{padding-top:40px}#petnest .ledger td,#petnest .ledger th{padding:12px 9px;font-size:12px}#petnest .membercard{padding:18px 12px}}
@media(prefers-reduced-motion:reduce){#petnest *{transition:none!important}}
#petnest .pet-picker{margin-bottom:21px}
#petnest .picker-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:13px;font-weight:550}
#petnest .picker-title small{font-weight:400;font-size:11px}
#petnest .pet-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#petnest .pet-option{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:17px;position:relative;padding:10px 8px;text-align:center;display:grid;justify-items:center;gap:1px;min-width:0;font-size:12px}
#petnest .pet-option.selected{border-color:#7d9c7e;box-shadow:0 0 0 1px #7d9c7e;background:#f2f6ed}
#petnest .pet-thumb{display:block;width:80px;height:60px;background:var(--pet-tint);border-radius:12px;margin-bottom:5px}
#petnest .pet-thumb .pet-art{width:100%;height:100%}
#petnest .pet-selected{position:absolute;right:8px;top:8px;background:var(--green);color:#fff;border-radius:50%;width:17px;height:17px;font-size:10px;line-height:17px}
#petnest .pet-option small{font-size:10px}
#petnest .pet-stage{height:330px}
#petnest .pet-character{position:absolute;width:250px;height:217px;left:50%;margin-left:-125px;bottom:25px;z-index:3;transform-origin:50% 95%}
#petnest .pet-touch{padding:0;background:transparent;color:inherit;touch-action:manipulation}#petnest .pet-touch:hover:not(:disabled){filter:none;transform:none}#petnest .pet-art{display:block;width:100%;height:100%;overflow:visible}
#petnest .v-character{transform-origin:50% 90%;animation:pn-breathe 3.8s ease-in-out infinite}
#petnest .v-head,#petnest .v-tail,#petnest .v-ear,#petnest .v-paw,#petnest .v-eye{transform-box:fill-box;transform-origin:center}
#petnest .v-head{animation:pn-look 5s ease-in-out infinite;transform-origin:50% 85%}
#petnest .v-tail{animation:pn-tail 2.6s ease-in-out infinite;transform-origin:15% 80%}
#petnest .pet-megalodon .v-tail{transform-origin:0% 50%}
#petnest .v-eye{animation:pn-blink 5.7s infinite;transform-origin:center}
#petnest .v-eye-smile,#petnest .v-brows,#petnest .v-tears,#petnest .v-mouth-sad{display:none}
#petnest .miniature *{animation:none!important}
#petnest .v-wearable{pointer-events:none}
#petnest .wardrobe-icon{width:100px;height:100px;max-width:100%;display:block}
#petnest .product-art{position:relative}
#petnest .product-actions{display:flex;gap:7px;flex-wrap:wrap}
#petnest .wearing-badge{position:absolute;top:8px;right:8px;background:var(--green);color:white;font-size:10px;padding:4px 8px;border-radius:12px}
#petnest .wardrobe-panel{display:flex;gap:24px;align-items:center;padding:20px;margin-top:22px}
#petnest .wardrobe-stage{width:220px;flex-shrink:0;background:#f4efe4;border-radius:16px}
#petnest .wardrobe-info{flex:1;min-width:0}
#petnest .worn-items{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
#petnest .worn-item{background:var(--soft);color:var(--green);padding:8px 12px;border-radius:12px;display:grid;gap:4px;text-align:left;font-size:12px}
#petnest .worn-item small{font-size:10px}
#petnest .fitting-stage{position:relative;background:radial-gradient(ellipse at 50% 80%,#e2dcc8,transparent 65%),#f3efe4;border-radius:16px;display:grid;place-items:center;margin-bottom:15px;height:250px;overflow:hidden}
#petnest .fitting-stage.ocean{background:linear-gradient(#d6e9e9,#b1d2d7)}
#petnest .fitting-stage .pet-art{width:275px;height:238px;max-width:100%}
#petnest .fitting-stage>.pill{position:absolute;bottom:10px;right:10px}
#petnest .fitting-species{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
#petnest .fitting-species .filter{padding:7px 10px;font-size:11px}
#petnest .fitting-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}
#petnest .fitting-foot .button{margin:0}
@media(max-width:580px){#petnest .wardrobe-panel{flex-direction:column;gap:12px;padding:16px}#petnest .wardrobe-stage{width:180px}#petnest .wardrobe-icon{width:80px;height:80px}#petnest .product-actions{gap:5px}#petnest .product-foot{align-items:flex-start}#petnest .fitting-stage{height:220px}#petnest .fitting-stage .pet-art{width:250px;height:217px}}
#petnest .pet-stage .speech{top:18px;max-width:90%;white-space:normal;text-align:center;padding:8px 14px;font-size:12px}
#petnest .motion-status{position:absolute;z-index:6;right:12px;bottom:11px;display:flex;align-items:center;gap:6px;font-size:10px;color:#6f785f;background:#fffaf0c9;border-radius:20px;padding:4px 9px}
#petnest .motion-status:before{content:'';height:5px;width:5px;border-radius:50%;background:#83a377}
#petnest .pet-stage.ocean{background:linear-gradient(180deg,#d6e9e9,#b1d2d7)}
#petnest .pet-stage.ocean:after{background:radial-gradient(ellipse at 50% 0%,#bed5cd 0%,#d8e1c7 65%);height:62px;border-top:1px solid #92bcc199}
#petnest .ocean .window{background:#9fcbd4;border-color:#e9f5ee;box-shadow:0 5px 0 #83b0ba44}
#petnest .ocean .window:before,#petnest .ocean .window:after{background:#e9f5ee}
#petnest .ocean .rug{background:#b1c6af;border-color:#ccd9be}
#petnest .ocean .pet-character{bottom:55px}
#petnest .bubble{position:absolute;border:1px solid #ffffff8c;border-radius:50%;z-index:1;animation:pn-bubble 5s ease-in-out infinite}
#petnest .bubble.a{width:16px;height:16px;left:23%;top:63%;animation-delay:-1s}
#petnest .bubble.b{width:9px;height:9px;right:22%;top:60%;animation-delay:-3s}
#petnest .bubble.c{width:24px;height:24px;right:29%;top:33%;animation-delay:-2s}
#petnest .pet-props{position:absolute;inset:0;pointer-events:none;z-index:5}
#petnest .food-bowl,#petnest .play-ball,#petnest .pet-hand,#petnest .reading-book,#petnest .pet-hearts,#petnest .pet-steam{display:none;position:absolute}
#petnest .food-bowl{bottom:26px;left:50%;margin-left:-36px;width:72px;height:28px;border-radius:3px 3px 24px 24px;background:#d49d77;border-top:6px solid #ecd2ad;box-shadow:0 6px 0 #876a4920;text-align:center;color:#fff2d8;font-size:13px;line-height:20px}
#petnest .food-bowl span{position:absolute;left:22px;top:-30px;font-size:24px;animation:pn-nibble 1s ease-in-out infinite}
#petnest .ocean .food-bowl{bottom:56px}
#petnest .play-ball{left:65%;bottom:32px;font-size:36px;animation:pn-ball 1.25s ease-in-out infinite}
#petnest .pet-hand{left:50%;top:95px;font-size:34px;margin-left:25px;animation:pn-stroke .8s ease-in-out infinite}
#petnest .reading-book{left:50%;bottom:32px;margin-left:-43px;display:none;gap:1px;width:86px;height:47px;transform:rotate(-3deg);perspective:150px;filter:drop-shadow(0 5px 1px #695b411a)}
#petnest .reading-book span{width:50%;height:100%;background:repeating-linear-gradient(0deg,transparent 0 8px,#d4cbb5 9px 10px),#fff4d5;border:4px solid #799c82;border-bottom-width:6px;border-radius:7px 0 0 4px}
#petnest .reading-book span:nth-child(2){border-radius:0 7px 4px 0;transform-origin:left;animation:pn-page 2s ease-in-out infinite}
#petnest .reading-book b{position:absolute;left:14px;top:5px;color:#d3ae63;font-size:17px}
#petnest .ocean .reading-book{bottom:62px}
#petnest .pet-hearts{left:50%;top:65px;width:120px;margin-left:-60px;height:120px;color:#d8918d;font-size:25px}
#petnest .pet-hearts span{position:absolute;left:0;top:40px;animation:pn-hearts 1.6s ease-out infinite}
#petnest .pet-hearts span:nth-child(2){left:95px;top:62px;animation-delay:-.6s;font-size:18px}
#petnest .pet-hearts span:nth-child(3){left:65px;top:0;animation-delay:-1.1s;color:#d9b258;font-size:20px}
#petnest .pet-steam{left:calc(50% + 65px);top:85px;color:#bd8272;font-size:32px;transform:rotate(-90deg);animation:pn-steam 1s infinite}
#petnest .motion-panel{padding:0 20px 20px}
#petnest .motion-heading{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#petnest .motion-heading h3{font-size:13px}
#petnest .motion-heading h3 span{color:#c1a56b;margin-left:3px}
#petnest .motion-panel p{font-size:10px;color:var(--muted);margin:4px 0 12px}
#petnest .motion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
#petnest .motion-button{border:1px solid var(--line);color:#647164;background:#fafbf6;border-radius:10px;padding:8px 5px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:5px}
#petnest .motion-button.selected{background:var(--soft);border-color:#9db393;color:var(--green)}
#petnest .motion-button span{font-size:16px}
#petnest [data-motion="feed"] .v-head{animation:pn-eat .85s ease-in-out infinite}
#petnest [data-motion="feed"] .v-mouth{transform-box:fill-box;transform-origin:center;animation:pn-chew .45s ease-in-out infinite}
#petnest [data-motion="feed"] .food-bowl{display:block}
#petnest [data-motion="play"] .pet-character{animation:pn-play 1.25s ease-in-out infinite}
#petnest [data-motion="play"] .v-tail{animation:pn-tail .35s ease-in-out infinite}
#petnest [data-motion="play"] .play-ball{display:block}
#petnest [data-motion="pet"] .v-head{animation:pn-nuzzle .8s ease-in-out infinite}
#petnest [data-motion="pet"] .pet-hand,#petnest [data-motion="pet"] .pet-hearts{display:block}
#petnest [data-motion="pet"] .v-open-eyes,#petnest [data-motion="happy"] .v-open-eyes{display:none}
#petnest [data-motion="pet"] .v-eye-smile,#petnest [data-motion="happy"] .v-eye-smile{display:block}
#petnest [data-motion="walk"] .pet-character{animation:pn-walk 5.6s ease-in-out infinite}
#petnest [data-motion="walk"] .v-character{animation:pn-step .35s ease-in-out infinite}
#petnest [data-motion="walk"] .v-paw-left{animation:pn-paw .35s ease-in-out infinite}
#petnest [data-motion="walk"] .v-paw-right{animation:pn-paw .35s ease-in-out infinite;animation-delay:-.175s}
#petnest .ocean[data-motion="walk"] .v-paw{animation-duration:.8s}#petnest .ocean[data-motion="walk"] .v-paw-right{animation-delay:-.4s}
#petnest .ocean[data-motion="walk"] .v-tail{animation:pn-swim .6s ease-in-out infinite}
#petnest [data-motion="happy"] .pet-character{animation:pn-hop .7s ease-in-out infinite}
#petnest [data-motion="happy"] .pet-hearts{display:block}
#petnest [data-motion="happy"] .v-tail{animation:pn-tail .3s ease-in-out infinite}
#petnest [data-motion="sad"] .v-character{animation:none;transform:translateY(8px) scaleY(.94)}
#petnest [data-motion="sad"] .v-head{animation:pn-sad 2.5s ease-in-out infinite}
#petnest [data-motion="sad"] .v-ear-left{transform:rotate(-15deg)}
#petnest [data-motion="sad"] .v-ear-right{transform:rotate(15deg)}
#petnest [data-motion="sad"] .v-tears,#petnest [data-motion="sad"] .v-mouth-sad{display:block}
#petnest [data-motion="sad"] .v-tears{animation:pn-tear 1.7s ease-in-out infinite}
#petnest [data-motion="sad"] .v-mouth,#petnest [data-motion="angry"] .v-mouth{display:none}
#petnest [data-motion="sad"] .v-tail{animation:none;transform:rotate(12deg)}
#petnest [data-motion="angry"] .v-brows,#petnest [data-motion="angry"] .v-mouth-sad,#petnest [data-motion="angry"] .pet-steam{display:block}
#petnest [data-motion="angry"] .v-head{animation:pn-shake .38s ease-in-out infinite}
#petnest [data-motion="angry"] .v-character{animation:none}
#petnest [data-motion="angry"] .v-tail{animation:pn-tail .3s ease-in-out infinite}
#petnest [data-motion="read"] .reading-book{display:flex}
#petnest [data-motion="read"] .v-head{animation:pn-read 2s ease-in-out infinite}
#petnest [data-motion="read"] .v-open-eyes{transform:translateY(3px)}
#petnest .friend-portrait .pet-art{width:100%;height:100%}
#petnest .visit-stage{position:relative;height:230px;margin:14px 0;background:#edf3e8;border-radius:16px;overflow:hidden}
#petnest .visit-stage .pet-character{bottom:8px}
@keyframes pn-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018,.986)}}
@keyframes pn-look{0%,38%,100%{transform:rotate(0)}45%,60%{transform:rotate(-3deg)}70%,80%{transform:rotate(2deg)}}
@keyframes pn-tail{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(8deg)}}
@keyframes pn-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.06)}}
@keyframes pn-eat{0%,100%{transform:translateY(4px) rotate(3deg)}50%{transform:translateY(15px) rotate(-3deg)}}
@keyframes pn-chew{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1.2)}}
@keyframes pn-nibble{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(.85)}}
@keyframes pn-play{0%,100%{transform:translateX(-15px) rotate(-6deg)}40%{transform:translateX(24px) translateY(-15px) rotate(7deg)}70%{transform:translateX(8px) rotate(-2deg)}}
@keyframes pn-ball{0%,100%{transform:translateX(15px) rotate(0)}40%{transform:translateX(-85px) translateY(-25px) rotate(-160deg)}70%{transform:translateX(-22px) rotate(-40deg)}}
@keyframes pn-nuzzle{0%,100%{transform:rotate(-7deg) translateY(-2px)}50%{transform:rotate(5deg) translateY(-6px)}}
@keyframes pn-stroke{0%,100%{transform:translateX(10px) rotate(15deg)}50%{transform:translateX(-15px) rotate(-10deg)}}
@keyframes pn-walk{0%,100%{transform:translateX(-35px)}50%{transform:translateX(35px)}}
@keyframes pn-step{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes pn-paw{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-7px) rotate(8deg)}}
@keyframes pn-swim{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@keyframes pn-hop{0%,100%{transform:translateY(0) scale(1.02,.98)}45%{transform:translateY(-24px) scale(.98,1.02)}}
@keyframes pn-hearts{0%{opacity:0;transform:translateY(12px) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(1.1)}}
@keyframes pn-sad{0%,100%{transform:rotate(-7deg) translateY(8px)}50%{transform:rotate(-3deg) translateY(11px)}}
@keyframes pn-tear{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@keyframes pn-shake{0%,100%{transform:translateX(-2px) rotate(-2deg)}50%{transform:translateX(2px) rotate(2deg)}}
@keyframes pn-steam{0%,100%{opacity:.2;transform:translateY(0) rotate(-90deg)}50%{opacity:1;transform:translateY(-10px) rotate(-90deg)}}
@keyframes pn-read{0%,100%{transform:rotate(-2deg) translateY(6px)}50%{transform:rotate(3deg) translateY(6px)}}
@keyframes pn-page{0%,65%,100%{transform:rotateY(0)}80%{transform:rotateY(-140deg)}}
@keyframes pn-bubble{0%,100%{transform:translateY(12px);opacity:.25}50%{transform:translateY(-30px);opacity:.7}}
@media(max-width:580px){#petnest .pet-options{gap:6px}#petnest .pet-option{padding:8px 3px;font-size:10px;border-radius:12px}#petnest .pet-thumb{width:58px;height:54px}#petnest .pet-option small{font-size:10px}#petnest .picker-title{align-items:flex-start;flex-direction:column;gap:2px}#petnest .pet-stage{height:310px}#petnest .pet-character{width:224px;height:194px;margin-left:-112px}#petnest .motion-panel{padding:0 15px 17px}#petnest .motion-button{min-height:42px;padding:7px 3px;font-size:11px}#petnest .pet-hand{top:105px}#petnest .speech{font-size:11px!important}#petnest .care-actions button{min-height:42px}}
@media(prefers-reduced-motion:reduce){#petnest .pet-art *,#petnest .pet-character,#petnest .pet-props *,#petnest .bubble{animation:none!important}#petnest [data-motion="pet"] .v-head{transform:rotate(-7deg)}#petnest [data-motion="read"] .v-head{transform:translateY(6px)}}

#petnest.auth-mode .shell{grid-template-columns:1fr}#petnest.auth-mode .sidebar{display:none}#petnest.auth-mode .topbar{display:none!important}#petnest.auth-mode main{padding:65px 24px}#petnest .auth-card{max-width:420px;margin:0 auto;padding:32px}#petnest .auth-logo{width:55px;height:55px;border-radius:18px;background:var(--green);color:white;display:grid;place-items:center;font-size:32px;margin-bottom:20px}#petnest .auth-card h1{font-size:25px}#petnest .auth-card label,#petnest .adopt-details label{display:block;color:var(--muted);font-size:12px;margin:16px 0 6px}#petnest input,#petnest select,#petnest textarea{font:inherit;width:100%;border:1px solid #dce3d7;background:#fff;padding:10px 12px;border-radius:10px;color:var(--ink)}#petnest textarea{resize:vertical;min-height:75px}#petnest .auth-card .button{width:100%;margin-top:22px}#petnest .auth-card>small{display:block;margin-top:18px;text-align:center}#petnest .group{padding:0}#petnest .group-switch{width:100%;padding:12px 8px;display:flex;align-items:center;gap:7px;color:var(--ink);background:transparent;text-align:left;font-size:11px}#petnest .group-switch span{flex:1;overflow-wrap:anywhere}#petnest .task-title{background:transparent;color:var(--ink);text-align:left;font-weight:550;padding:0;font-size:13px}#petnest .adoption-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}#petnest .adopt-details{padding:26px}#petnest .adopt-details p{font-size:13px;color:var(--muted);margin:10px 0 22px}#petnest .adopt-details .notice{margin:18px 0;font-size:12px}#petnest .adopt-details .button{width:100%;margin-top:15px}#petnest .adopt-details>small{display:block;margin-top:13px}#petnest .adopt-flower{font-size:42px;display:block;margin-bottom:15px}#petnest .onboarding-cards{grid-template-columns:1fr 1fr}#petnest .care-caption{font-size:10px;text-align:center;margin:-8px 0 15px;color:var(--muted)}#petnest .template-list{margin-top:22px;padding:0 20px 12px}#petnest .modalback{position:fixed;overflow-y:auto;align-items:flex-start;padding:30px 16px;background:#293d3570}#petnest .modal{width:550px;max-height:calc(100dvh - 60px);overflow-y:auto}#petnest .modal .button{width:auto;margin:16px 7px 0 0}#petnest .modal form>.button{width:100%}#petnest .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#petnest .assignee-options{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:10px}#petnest .assignee-options label,#petnest .checkbox-label{display:flex!important;align-items:center;gap:6px;margin:0!important;font-size:12px}#petnest input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--green)}#petnest .checkbox-label{margin-top:17px!important}#petnest .proof-image{max-width:100%;max-height:280px;object-fit:contain;display:block;margin:16px 0;border-radius:12px}#petnest .invite-code{font-size:26px;letter-spacing:3px;margin:18px 0}#petnest .toast{position:fixed;top:18px;bottom:auto;z-index:50;max-width:90vw}#petnest .modal hr{border:0;border-top:1px solid var(--line);margin:20px 0}#petnest [hidden]{display:none!important}#petnest .tasklist .task-title{font-size:15px}#petnest .membercard .button{margin:3px}
@media(max-width:850px){#petnest .adoption-layout{grid-template-columns:1fr}#petnest .adopt-details{padding:20px}}
@media(max-width:580px){#petnest.auth-mode main{padding:28px 14px}#petnest .auth-card{padding:25px 20px}#petnest .onboarding-cards{grid-template-columns:1fr}#petnest .form-grid{grid-template-columns:1fr}#petnest .modal{max-height:calc(100dvh - 32px);padding:20px}#petnest .modalback{padding:16px 12px}#petnest .sidebar .group{display:block;position:absolute;top:12px;right:14px;width:auto;max-width:170px;border:0}#petnest .group-switch{padding:0;font-size:11px}#petnest .group-switch small{display:none}#petnest .profile{display:flex;padding-top:0;border:0;position:absolute;right:14px;top:115px}#petnest .profile .avatar{display:none}#petnest .profile strong{font-size:11px}#petnest .top-actions .top-avatar{display:none}#petnest .topbar{padding-top:5px;margin-bottom:30px}#petnest .tasklist .task-title{font-size:13px}#petnest .topbar .crumb{max-width:60%;overflow-wrap:anywhere}#petnest .welcome h1{font-size:22px}}

#petnest[aria-busy="true"] button{opacity:.65}
@media(max-width:580px){#petnest .profile{display:none}}

#petnest .iconbutton{position:relative}#petnest .iconbutton.has-unread:after{content:"";position:absolute;right:5px;top:4px;width:6px;height:6px;border-radius:50%;background:#c9866e}

#petnest .pet-character .pet-art{transform:scale(var(--growth,1));transform-origin:50% 95%}#petnest .task-title,#petnest .profile strong,#petnest .modal p,#petnest .notice{overflow-wrap:anywhere}#petnest .task-title{max-width:100%}

#petnest h2{overflow-wrap:anywhere}@media(max-width:580px){#petnest .group-switch span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}#petnest .group-switch br{display:none}}

/* Approved cinematic renders: shark proposal 01, other pets proposal 02. */
#petnest .pet-render{position:relative;isolation:isolate}
#petnest .pet-render-image{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;z-index:1;user-select:none;pointer-events:none;filter:drop-shadow(0 3px 2px #25392c18)}
#petnest .pet-ground-shadow{position:absolute;bottom:4%;left:50%;width:30%;height:3%;border-radius:50%;background:#38493c;opacity:.12;filter:blur(2px);transform:translateX(-50%);z-index:0}
#petnest .pet-megalodon .pet-ground-shadow{left:61%;width:35%}
#petnest .pet-birman .pet-ground-shadow{left:44%}
#petnest .pet-stage{height:365px}
#petnest .pet-character{width:280px;height:280px;margin-left:-140px;bottom:23px}
#petnest .ocean .pet-character{bottom:23px}
#petnest .pet-thumb{width:86px;height:100px;padding:4px 2px}
#petnest .friend-portrait{overflow:hidden}
#petnest .friend-portrait .pet-render{height:100%;width:100%;min-height:0;min-width:0}
#petnest .membercard .friend-portrait{width:116px;height:134px;border-radius:22px}
#petnest .visit-stage{height:310px}
#petnest .visit-stage .pet-character{bottom:10px}
#petnest .wardrobe-stage{height:245px;padding:8px}
#petnest .wardrobe-stage .pet-render{height:100%}
#petnest .pet-stage .pet-hand{top:93px;margin-left:9px}
#petnest .ocean .food-bowl{bottom:26px}
#petnest .ocean .reading-book{bottom:32px}
@media(max-width:580px){#petnest .pet-stage{height:345px}#petnest .pet-character{width:252px;height:266px;margin-left:-126px}#petnest .pet-thumb{width:58px;height:82px;padding:3px 0}#petnest .membercard .friend-portrait{width:100px;height:116px}#petnest .visit-stage{height:292px}#petnest .wardrobe-stage{height:220px}#petnest .pet-stage .pet-hand{top:94px}}
@media(prefers-reduced-motion:reduce){#petnest .pet-render-image{animation:none!important}}

/* Each frame is a different articulated pose from the approved character. */
#petnest .pet-stage .pet-character{animation:none!important;transform:none}
#petnest .pet-pose{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}
#petnest .poses-ready .pet-pose{display:block}
#petnest .poses-ready .pet-render-image{visibility:hidden}
#petnest .pet-stage .food-bowl,#petnest .pet-stage .play-ball,#petnest .pet-stage .reading-book,#petnest .pet-stage .pet-hand{display:none!important}

/* Real model rendering: clothing and characters share a skeleton and depth buffer. */
#petnest .pet-reference{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#petnest .pet-model-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none;touch-action:pan-y;cursor:grab}
#petnest .model-ready .pet-reference{display:none}
#petnest .model-ready .pet-model-canvas{display:block}
#petnest .miniature .pet-model-canvas{pointer-events:none;cursor:default}
#petnest .pet-3d[data-render-error]:after{content:'立体形象暂未加载，请刷新重试';position:absolute;bottom:10px;left:0;width:100%;color:#7b6954;background:#fff7e9e8;padding:6px;border-radius:9px;font-size:11px;text-align:center}
#petnest .pet-3d[data-has-outfit="true"]:not(.model-ready) .pet-reference{opacity:.22}
#petnest .pet-3d[data-has-outfit="true"]:not(.model-ready):not([data-render-error]):after{content:'正在准备穿搭…';position:absolute;bottom:12px;left:0;width:100%;font-size:11px;text-align:center;color:#7b6954}
#petnest .product-3d{display:block;position:relative;width:168px;height:150px;max-width:100%;margin:auto}
#petnest .product-model-canvas{display:none;width:100%;height:100%;object-fit:contain}
#petnest .product-3d.model-ready .wardrobe-icon{display:none}
#petnest .product-3d.model-ready .product-model-canvas{display:block}
#petnest .product-art{min-height:154px}
#petnest .fitting-stage{height:340px;overflow:hidden}
#petnest .fitting-stage .pet-art{width:310px;height:310px}
#petnest .fitting-motion-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
#petnest .fitting-motion-options .filter{padding:7px 12px;font-size:11px}
#petnest .fitting-add{display:flex;gap:8px;align-items:center}
#petnest .fitting-add select{flex:1;min-width:0;margin:0}
#petnest .worn-item{border:1px solid #dce4d6}
#petnest .fitting-foot small{max-width:330px}
#petnest .wardrobe-stage{width:255px}
#petnest .wardrobe-stage .pet-art{height:100%}
@media(max-width:580px){#petnest .fitting-stage{height:300px}#petnest .fitting-stage .pet-art{width:275px;height:275px}#petnest .product-3d{width:150px;height:140px}#petnest .fitting-add .button{padding:10px 12px}#petnest .wardrobe-stage{width:225px}}
/* Keep the loading canvas measurable before its first rendered frame. */
#petnest .pet-model-canvas{display:block;opacity:0}
#petnest .model-ready .pet-model-canvas{opacity:1}
#petnest .product-model-canvas{display:block;position:absolute;inset:0;opacity:0}
#petnest .product-3d.model-ready .product-model-canvas{opacity:1}

/* A member's home: fixed scene proportions keep saved coordinates stable. */
#petnest .house-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}
#petnest .house-room-tab{background:#fffdf7;border:1px solid var(--line);border-radius:14px;padding:12px 16px;text-align:left;color:var(--ink);font-size:13px;flex:1;min-width:110px}
#petnest .house-room-tab small{display:block;margin-top:5px;font-size:10px}
#petnest .house-room-tab.active{background:#edf3e7;border-color:#89a37e;color:var(--green);box-shadow:inset 0 0 0 1px #89a37e}
#petnest .house-room-tab.locked{background:#f5f1e8;color:#8a806d;border-style:dashed}
#petnest .house-tabs.compact{gap:6px;margin:0;padding:12px 16px;border-top:1px solid var(--line)}
#petnest .compact .house-room-tab{min-width:0;flex:initial;padding:7px 10px;font-size:11px;border-radius:9px}
#petnest .house-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px;align-items:start}
#petnest .house-scene-panel .panelhead{align-items:flex-start;padding:18px}
#petnest .house-actions{display:flex;gap:6px;flex-shrink:0}
#petnest .house-board{height:auto;aspect-ratio:800/520;background:#f2eadd;isolation:isolate;position:relative;touch-action:pan-y;border:0;overflow:hidden}
#petnest .house-board:after{display:none}
#petnest .house-window{position:absolute;left:9%;top:10%;width:18%;height:31%;border:7px solid #fff9ec;border-radius:40% 40% 4px 4px;background:linear-gradient(140deg,#d5e7e2,#bcd3d1);box-shadow:0 4px 0 #d9cdb7;z-index:1}
#petnest .house-window:before{content:'';position:absolute;left:48%;width:5%;height:100%;background:#fff9ec}
#petnest .house-window:after{content:'';position:absolute;top:55%;width:100%;height:5%;background:#fff9ec}
#petnest .house-window span{position:absolute;left:18%;top:16%;width:22%;aspect-ratio:1;border-radius:50%;background:#f7dda0}
#petnest .house-floor{position:absolute;inset:53% 0 0;background:repeating-linear-gradient(0deg,transparent 0 30px,#c3ab8926 31px 32px),linear-gradient(145deg,#e6d5b9,#ddc7a3);border-top:4px solid #cdb897;z-index:0}
#petnest .house-backdrop{position:absolute;right:10%;top:14%;width:19%;height:23%;border:5px solid #c2a280;background:#fff8e7;box-shadow:0 4px 0 #cbb59644;border-radius:5px;transform:rotate(3deg)}
#petnest .house-backdrop:after{content:'✿';display:grid;place-items:center;height:100%;color:#b4bd94;font-size:clamp(20px,4vw,45px)}
#petnest .house-study{background:#e3e9d9}
#petnest .house-study .house-backdrop:after{content:'☾';color:#84957b}
#petnest .house-bedroom{background:#ebe0e5}
#petnest .house-bedroom .house-window{background:linear-gradient(#a2b6ce,#cad4e0)}
#petnest .house-bedroom .house-window span{background:#fff1c2;box-shadow:5px -3px 0 #aabdd3}
#petnest .house-bedroom .house-backdrop:after{content:'✧';color:#c29daa}
#petnest .house-bathroom{background:repeating-linear-gradient(0deg,transparent 0 42px,#ffffff77 43px 44px),repeating-linear-gradient(90deg,#dceae6 0 43px,#ffffff77 44px 45px)}
#petnest .house-bathroom .house-floor{background:repeating-linear-gradient(0deg,transparent 0 30px,#fff7 31px 32px),repeating-linear-gradient(90deg,#bbd8d5 0 47px,#fff7 48px 49px);border-color:#aecdc9}
#petnest .house-bathroom .house-backdrop{border-radius:45%;background:linear-gradient(140deg,#e8f6f5,#a5c8ca);border-color:#faf8ef;transform:none}
#petnest .house-bathroom .house-backdrop:after{content:''}
#petnest .house-balcony,#petnest .house-yard,#petnest .house-pool{background:linear-gradient(#d5e9ec 0 47%,#e7eadb 47%)}
#petnest .house-balcony .house-window,#petnest .house-yard .house-window,#petnest .house-pool .house-window{border:0;border-radius:50%;left:12%;top:9%;width:13%;height:auto;aspect-ratio:1;background:#f5dda1;box-shadow:0 0 40px #ffe7a355}
#petnest .house-balcony .house-window:before,#petnest .house-balcony .house-window:after,#petnest .house-balcony .house-window span,#petnest .house-yard .house-window:before,#petnest .house-yard .house-window:after,#petnest .house-yard .house-window span,#petnest .house-pool .house-window:before,#petnest .house-pool .house-window:after,#petnest .house-pool .house-window span{display:none}
#petnest .house-balcony .house-backdrop{left:0;right:0;top:43%;height:17%;width:100%;transform:none;border:0;border-top:6px solid #fbf5e6;background:repeating-linear-gradient(90deg,transparent 0 7%,#fbf5e6 7% 8%);border-bottom:4px solid #c6c0a4;border-radius:0}
#petnest .house-balcony .house-backdrop:after,#petnest .house-yard .house-backdrop:after,#petnest .house-pool .house-backdrop:after{content:''}
#petnest .house-yard .house-floor{background:radial-gradient(ellipse at 10% 90%,#b7ca98,transparent 60%),#c3d6a9;border-color:#a7be8d}
#petnest .house-yard .house-backdrop,#petnest .house-pool .house-backdrop{top:37%;left:0;right:0;width:100%;height:17%;border:0;border-radius:0;background:repeating-linear-gradient(90deg,#e7d9b7 0 7%,#c8b997 7% 8%);transform:none;border-top:4px solid #f7edd5;box-shadow:none}
#petnest .house-pool .house-floor{inset:55% 5% 5%;border:10px solid #f1e5cb;border-radius:18%;background:repeating-radial-gradient(ellipse at 30% 40%,#91cfd1 0 20px,#abdadd 21px 23px,#91cfd1 24px 45px);box-shadow:0 0 0 8px #d2c7ae}
#petnest .house-kitchen{background:#f1e6cb}
#petnest .house-kitchen .house-backdrop:after{content:'♡';color:#c9997e}
#petnest .house-mint{background:#e4eddf}
#petnest .house-object-layer{position:absolute;inset:0;pointer-events:none}
#petnest .house-item{position:absolute;background:transparent;padding:0;aspect-ratio:1;transform-origin:50% 50%;pointer-events:none;color:inherit;border-radius:10px;transition:none}
#petnest .house-board.editing .house-item{pointer-events:auto;touch-action:none;cursor:grab}
#petnest .house-board .house-item:hover{transform:translate(-50%,-50%) rotate(var(--rotation,0deg));filter:none}
#petnest .house-board.editing .house-item.selected{outline:2px dashed #4c805e;outline-offset:3px;background:#fff8}
#petnest .house-board.editing .house-item:active{cursor:grabbing}
#petnest .furnishing-art{display:block;width:100%;height:100%;pointer-events:none;overflow:visible}
#petnest .product-art>.furnishing-art{width:110px;height:110px}
#petnest .house-board .pet-character{width:27%;height:42%;margin:0;bottom:auto;transform:translate(-50%,-100%)!important;padding:0;background:transparent;transition:left 1s ease,top 1s ease;pointer-events:auto}
#petnest .house-board.editing .pet-character{pointer-events:none;opacity:.75}
#petnest .house-board .pet-art{width:100%;height:100%;transform:none}
#petnest .house-board .speech{z-index:250;top:5%;font-size:11px;pointer-events:none}
#petnest .house-board .room-label,#petnest .house-board .motion-status{z-index:250;pointer-events:none}
#petnest .house-scene-footer{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#petnest .house-scene-footer p{font-size:12px;color:var(--muted);line-height:1.7}
#petnest .house-inspector{padding:18px;border-top:1px solid var(--line);background:#faf8f0}
#petnest .house-inspector p{font-size:12px;color:var(--muted)}
#petnest .house-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
#petnest .house-controls label{font-size:11px;color:var(--muted);display:grid;gap:6px}
#petnest .house-controls input{width:100%;accent-color:var(--green);min-width:0}
#petnest .house-controls select{padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);max-width:100%}
#petnest .house-wallpaper{display:flex;align-items:center;gap:12px;margin-top:15px;border-top:1px solid var(--line);padding-top:14px}
#petnest .house-collection .panelhead{padding:18px 14px}
#petnest .house-shelf-tabs{display:flex;gap:5px;padding:0 14px 14px}
#petnest .house-shelf-tabs .filter{padding:6px 12px}
#petnest .house-shelf{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 16px;max-height:580px;overflow:auto}
#petnest .house-shelf .empty{grid-column:1/-1;font-size:12px;line-height:2;padding:24px 8px}
#petnest .house-stock{background:#f6f2e8;border:1px solid #ede7da;border-radius:12px;padding:8px 4px;text-align:center;display:grid;gap:4px;justify-items:center;color:var(--ink)}
#petnest .house-stock .furnishing-art{width:75px;height:75px}
#petnest .house-stock strong{font-size:11px;font-weight:550}
#petnest .house-stock small{font-size:10px}
#petnest .house-stock:disabled{opacity:.7}
#petnest .house-collection-note{padding:13px 14px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted)}
#petnest .house-visit-modal{width:760px}
#petnest .house-visit-modal .house-board{border-radius:16px;margin:15px 0}
#petnest .house-visit-modal .compact{padding:0;border:0}
@media(max-width:1000px){#petnest .house-layout{grid-template-columns:1fr}#petnest .house-shelf{grid-template-columns:repeat(4,1fr);max-height:300px}#petnest .house-room-tab{flex:initial}}
@media(max-width:580px){#petnest .house-tabs{gap:6px}#petnest .house-room-tab{padding:9px 10px;min-width:calc(25% - 6px);font-size:11px;flex:1}#petnest .house-room-tab small{font-size:9px}#petnest .house-scene-panel .panelhead{padding:14px 12px;gap:6px}#petnest .house-scene-panel .panelhead h2{font-size:15px}#petnest .house-scene-panel .panelhead small{font-size:10px}#petnest .house-actions .button{padding:7px 9px;font-size:11px}#petnest .house-window{border-width:4px}#petnest .house-backdrop{border-width:3px}#petnest .house-board .speech{font-size:9px!important;padding:5px 10px}#petnest .house-shelf{grid-template-columns:repeat(3,1fr)}#petnest .house-visit-modal{padding:18px}}
@media(prefers-reduced-motion:reduce){#petnest .house-board .pet-character{transition:none}}
#petnest .house-select-label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}
#petnest #house-item-choice{width:100%;padding:9px 10px;margin-bottom:16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
#petnest .family-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:22px;background:#edf5ed;border:1px solid #c9dcc9;border-radius:16px}
#petnest .family-context strong,#petnest .family-context small{display:block}
#petnest .family-context small{color:var(--muted);margin-top:5px}
#petnest .family-context-actions,#petnest .guestbook-choices{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#petnest .family-context select{padding:8px;border:1px solid var(--line);border-radius:8px;background:white}
#petnest .family-tasks{margin-top:24px;--task-inset:20px}
#petnest .family-tasks>.panelhead{padding-inline:var(--task-inset)}
#petnest .family-tasks>.taskrow{margin-inline:var(--task-inset)}
#petnest .family-children .product-actions{justify-content:center;flex-wrap:wrap}
#petnest .guestbook{margin:20px 0;padding:16px;background:#f6f7ef;border-radius:14px;text-align:left}
#petnest .guestbook-message{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
#petnest .guestbook-message p{margin:8px 0}
#petnest .guestbook-message small{display:block;color:var(--muted);margin-bottom:8px}
#petnest .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){#petnest .family-context{align-items:flex-start;flex-direction:column}#petnest .family-context-actions{width:100%}#petnest .family-context-actions .button{flex:1}#petnest .family-children{grid-template-columns:1fr}}
@media(max-width:580px){#petnest .family-tasks{--task-inset:16px}}