.loading-screen{min-height:100vh;display:grid;place-items:center;background:#f8f7f2;color:#284942;font-size:18px}
.brand-lockup{display:block;width:157px;aspect-ratio:1020/480;background-image:url('assets/logo-lockup.webp');background-repeat:no-repeat;background-size:100% 100%;mix-blend-mode:multiply}
.brand{display:inline-flex;align-items:center;flex:none}
@media(max-width:620px){.brand-lockup{width:137px}}
.live-note{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#fff7ef;color:#9a694c;font-size:12px;font-weight:700}
.live-note::before{content:"";width:6px;height:6px;border-radius:50%;background:#d5a17e}
.auth-card{max-width:520px;margin:60px auto 100px;padding:38px}
.auth-card h1{font-size:36px;margin:12px 0}
.auth-card .field{margin:20px 0}
.auth-card .btn{width:100%;justify-content:center}
.auth-switch{margin-top:20px;text-align:center}
.form-error{padding:12px 15px;border-radius:10px;background:#fff0ed;color:#a4433d;margin:14px 0}
.form-success{padding:12px 15px;border-radius:10px;background:#ecf5eb;color:#38654e;margin:14px 0}
.pet-cover-placeholder{min-height:280px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e2eee5,#f4e5d9);color:#567b67;text-align:center}
.pet-cover-placeholder img{width:100px;height:100px;opacity:.55;margin:auto}
.pet-cover-placeholder span{display:block;margin-top:5px;font-size:13px}
.real-pet-photo{width:100%;max-height:420px;object-fit:cover;border-radius:18px}
.pet-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pet-edit-grid .field{margin:0}
.owner-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.upload-box{position:relative;border:1px dashed #a2b9a9;border-radius:15px;padding:22px;background:#fbfdfa;margin:22px 0}
.upload-box input{max-width:100%}
.upload-box p{margin-bottom:8px}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.media-card{overflow:hidden;border-radius:13px;background:#f5f7f3;min-height:155px}
.media-card img,.media-card video{width:100%;height:190px;object-fit:cover}
.media-card .tiny{display:block;padding:9px 11px}
.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.memory-grid video{width:100%;aspect-ratio:16/9;background:#203c34;border-radius:12px}
.memory-grid .tiny{display:block;margin-top:5px}
.offerings-list{display:grid;gap:10px}
.offering-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:#f9f3ec}
.offering-item>span{font-size:27px;line-height:1.2}
.offering-item p{margin:2px 0}.offering-item small{color:#758578}
.order-list{display:grid;gap:14px}.order-row{display:flex;justify-content:space-between;gap:20px;align-items:center}
.order-row h3{margin:8px 0 3px}.order-row>div:last-child{display:grid;gap:10px;justify-items:end}
.price-card .select{margin:5px 0 13px}
.privacy-note{font-size:13px;color:#677e6c}
.comment-list{display:grid;gap:12px;margin-top:22px}
.comment-card{background:#f7f8f4;border-radius:12px;padding:15px}
.comment-card p{margin:5px 0}
.comment-card .tiny{color:#8b9c8f}
.comment-card .action-row{margin-top:7px}
.state-card{padding:35px;text-align:center}
.state-card img{width:70px;margin:0 auto 18px}
.quota-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}
.quota-block{padding:18px;background:#f4f7f1;border-radius:12px}
.quota-block strong{display:block;font-size:22px;color:#284942}
.share-field{word-break:break-all;background:#f3f7f1;padding:12px;border-radius:10px;font-size:13px}
.sample-pill{display:inline-block;padding:4px 9px;border-radius:99px;background:#f6eee5;color:#9a725a;font-size:11px;font-weight:700}
.soft-divider{height:1px;background:#e7ebe4;margin:24px 0}
.bottom-help{padding:25px 0;color:#718777;font-size:12px}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.platform-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin:20px 0}
.platform-settings .field{margin:0}
.platform-settings .field span{font-size:13px;font-weight:700}
@media(max-width:850px){.platform-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.auth-card{margin:30px 16px 70px;padding:25px}.pet-edit-grid,.quota-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card img,.media-card video{height:140px}.owner-tools .btn{flex:1}}
@media(max-width:520px){.platform-settings{grid-template-columns:1fr}}
.knowledge-card{display:grid;gap:7px;color:inherit;text-decoration:none}.knowledge-card:hover{border-color:#afcbb7;background:#fbfdf9}.knowledge-card strong{color:#284942}.knowledge-card .tiny{color:#a1775c}
.media-card{position:relative}.media-delete{margin:0 10px 10px;padding:3px 10px;border:1px solid #d7b7ae;border-radius:7px;background:#fff;color:#974b40;font-size:12px}.media-delete:hover{background:#fff1eb}
.header-logout{border:0;background:transparent;color:#567064;font-size:13px;font-weight:700;white-space:nowrap;padding:9px 3px}.header-logout:hover{text-decoration:underline}.menu-logout{margin-bottom:10px}@media(max-width:900px){.header-logout{display:none}}
.memorial-entry{padding-top:28px}.memorial-entry-grid{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:34px;align-items:start;margin:28px 0 70px}.memorial-login{padding:28px;position:sticky;top:92px}.memorial-login h2{font-size:27px;margin:10px 0}.memorial-login .field{margin:17px 0}.memorial-login .btn{width:100%;justify-content:center}.memorial-login p{line-height:1.7}.memorial-guide h1{font-size:clamp(38px,5vw,58px);margin:6px 0 12px}.memorial-guide>.lead{max-width:750px}.memorial-guide-visual{position:relative;overflow:hidden;border-radius:22px;margin:25px 0 32px;background:#e9eee5;max-height:310px}.memorial-guide-visual img{display:block;width:100%;height:310px;object-fit:cover;object-position:center 52%}.memorial-guide-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#142d24a6)}.memorial-guide-visual>div{position:absolute;bottom:20px;left:24px;z-index:1;display:grid;gap:7px;color:#fff}.memorial-guide-visual strong{font-size:21px}.memorial-guide-section{margin:28px 0}.memorial-guide-section h2{font-size:25px}.memorial-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.memorial-guide-cards>div{background:#fff;border:1px solid #e9eee5;border-radius:16px;padding:17px}.memorial-guide-cards b{color:#315a46}.memorial-guide-cards p{font-size:14px;line-height:1.65;margin-bottom:0}.memorial-tips{padding:0;list-style:none;display:grid;gap:10px;counter-reset:tips}.memorial-tips li{counter-increment:tips;display:grid;grid-template-columns:32px 1fr;column-gap:10px;background:#f7f8f3;padding:13px;border-radius:12px}.memorial-tips li:before{content:counter(tips,decimal-leading-zero);color:#b87d5d;font-weight:800;grid-row:span 2}.memorial-tips span{font-size:14px;color:#61766a}.memorial-guide-links{display:flex;flex-wrap:wrap;gap:10px}.memorial-guide-links a{padding:10px 14px;border-radius:100px;background:#eef5eb;color:#315a46;text-decoration:none;font-weight:700;font-size:13px}
.knowledge-filter{margin:15px 0;display:flex;align-items:flex-start;gap:16px}.knowledge-filter>strong{min-width:65px;padding-top:8px;color:#365b48;font-size:14px}.knowledge-filter>div{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{border:1px solid #dbe6d9;background:#fff;border-radius:999px;padding:7px 13px;color:#526e5e;cursor:pointer;font:inherit;font-size:13px}.filter-chip.selected{background:#315b49;border-color:#315b49;color:#fff}.knowledge-published,.knowledge-topics{margin-top:36px}.knowledge-published h2 small{font-size:14px;color:#7b8f7e;font-weight:500}.knowledge-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.knowledge-topic-card{padding:23px}.knowledge-topic-card .topic-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#f3e8df;color:#a67457}.knowledge-topic-card h3{margin:12px 0 6px}.knowledge-topic-card p{font-size:14px;margin:0 0 13px}.knowledge-topic-card small{display:block;margin-top:13px;color:#a16e56}.topic-tags{display:flex;flex-wrap:wrap;gap:7px}.topic-tags span{padding:5px 9px;border-radius:8px;background:#f5f8f2;color:#54705d;font-size:12px}.knowledge-topics>p{color:#6e826f}
@media(max-width:850px){.memorial-entry-grid{grid-template-columns:1fr}.memorial-login{position:static;max-width:520px}.memorial-guide-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.memorial-entry-grid{gap:20px;margin-top:18px}.memorial-login{max-width:none;margin:0;padding:23px}.memorial-guide-cards,.knowledge-topic-grid{grid-template-columns:1fr}.memorial-guide-visual img{height:220px}.knowledge-filter{display:block}.knowledge-filter>div{margin-top:7px}}
.memorial-login{padding:0;border:1px solid #b9cdbb;background:#fffdfa;overflow:hidden;box-shadow:0 22px 55px rgba(27,66,47,.17),0 4px 10px rgba(27,66,47,.06)}.memorial-login-banner{display:flex;align-items:center;gap:14px;padding:22px 25px;background:linear-gradient(120deg,#1e4d3c,#356a50 75%,#5d8a69);color:#fff}.memorial-login-icon{display:grid;place-items:center;flex:none;width:51px;height:51px;border-radius:16px;background:#fffaf4;box-shadow:0 4px 12px #17392b40}.memorial-login-icon img{width:36px;height:36px;object-fit:contain}.memorial-login-banner strong{display:block;font-size:19px;line-height:1.3;letter-spacing:.02em}.memorial-login-banner small{display:block;margin-top:4px;color:#e7f2e8;font-size:12px}.memorial-login-body{padding:26px 28px 29px}.memorial-login-body .eyebrow{color:#9a6249}.memorial-login-body h2{font-size:28px;color:#1f4637;margin:8px 0 8px}.memorial-login-body p{margin-bottom:18px}.memorial-login-body .field label{color:#284b3c}.memorial-login-body .input{border:1.5px solid #a8c3ad;background:#fff;min-height:49px}.memorial-login-body .input:focus{border-color:#2b6950;box-shadow:0 0 0 3px #dcebe0;outline:0}.memorial-login-body form .btn{min-height:51px;background:#a95035;border-color:#a95035;font-size:16px;box-shadow:0 5px 13px rgba(169,80,53,.22)}.memorial-login-body form .btn:hover{background:#91442e;border-color:#91442e}.memorial-login-body .auth-switch{padding-top:16px;border-top:1px solid #e9eee6}.memorial-login-body .auth-switch a{color:#9b4e34;font-weight:800;text-decoration:underline;text-underline-offset:3px}.memorial-login-body .tiny{display:block;margin:18px 0 0;color:#76877b;font-size:12px}
@media(max-width:620px){.memorial-login{padding:0}.memorial-login-banner{padding:19px 21px}.memorial-login-body{padding:22px 23px 25px}}

/* Public memorials use real owner-published records; never show a made-up pet. */
.public-memorial-section{background:#fffaf6}.public-memorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.public-memorial-card{overflow:hidden;border:1px solid #eadfd5;border-radius:22px;background:#fffefa;box-shadow:0 10px 30px #5540360b}.public-memorial-photo{display:grid;place-items:center;height:205px;background:linear-gradient(145deg,#f4e8df,#e7efe5)}.public-memorial-photo img{width:100%;height:100%;object-fit:cover}.public-memorial-icon{display:grid;place-items:center;width:98px;height:98px;border-radius:50%;background:#fffefa;color:#9d7258;font-size:42px}.public-memorial-copy{padding:19px}.public-memorial-copy h3{font-size:25px;margin:4px 0 8px}.public-memorial-copy p{font-size:13px;line-height:1.7;min-height:44px;max-height:44px;overflow:hidden}.public-memorial-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:15px}.public-memorial-actions>a{width:100%;color:#2d5a42;font-size:13px;font-weight:700}.public-memorial-actions button{border:1px solid #e9ded3;border-radius:999px;background:#fff8f3;color:#76543f;padding:6px 9px;font-size:12px;font-weight:700}.public-memorial-actions button:hover:not(:disabled){border-color:#bf9679;background:#fceee3}.public-memorial-actions button:disabled{opacity:.55;cursor:not-allowed}.public-memorial-empty{text-align:center;max-width:670px;margin:0 auto;padding:48px 25px;border:1px dashed #dac5b3;border-radius:23px;background:#fffefa}.public-memorial-empty>span{font-size:42px;color:#c19076}.public-memorial-empty h3{margin:7px 0}.public-memorial-empty p{max-width:480px;margin:0 auto 18px}.public-memorial-note{font-size:12px;margin:18px 0 0;color:#7f8379}.public-memorial-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:32px 0}.public-memorial-pagination a{padding:8px 15px;border:1px solid #dbe3d9;border-radius:9px;background:#fff;color:#315e45;font-weight:700}.public-memorial-pagination span{font-size:13px;color:#738276}

/* Every pet category keeps a recognisable home silhouette. Themes change the scene for members. */
.pet-home{--home-wall:#f3dfca;--home-roof:#9c6a54;--home-door:#fff9f1;position:relative;height:445px;margin-bottom:2px;overflow:hidden;border:1px solid #e8dfd2;border-radius:26px;background:radial-gradient(circle at 75% 20%,#fff9ee 0 8%,transparent 9%),linear-gradient(180deg,#e9f3ed 0 69%,#cadfc4 70%);display:flex;align-items:end;justify-content:center}.pet-home--garden{--home-wall:#f2e4d8;--home-roof:#769c79;background:radial-gradient(circle at 75% 20%,#fff9ee 0 8%,transparent 9%),linear-gradient(180deg,#e5f4e7 0 70%,#a9d39e 71%)}.pet-home--starlight{--home-wall:#e4e0ed;--home-roof:#555474;background:radial-gradient(circle at 20% 19%,#fffbe8 0 1%,transparent 1.4%),radial-gradient(circle at 70% 16%,#fffbe8 0 1%,transparent 1.4%),linear-gradient(180deg,#344967 0 70%,#667768 71%)}.pet-home--sunset{--home-wall:#ffead9;--home-roof:#b57467;background:radial-gradient(circle at 72% 23%,#ffecd2 0 9%,transparent 10%),linear-gradient(180deg,#f9d5bd 0 69%,#c1cba6 70%)}.pet-home-roof{position:absolute;z-index:2;bottom:291px;width:min(76%,670px);height:135px;background:var(--home-roof);clip-path:polygon(50% 2%,100% 100%,0 100%);filter:drop-shadow(0 4px 2px #4d3c3322)}.pet-home-body{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:min(70%,600px);height:315px;padding:22px 22px 13px;border:9px solid #fff7ed;border-bottom:0;border-radius:22px 22px 0 0;background:var(--home-wall);box-shadow:0 14px 35px #433d3333}.pet-home-plaque{padding:5px 18px;border-radius:999px;background:#fffaf2;color:#654b3d;font-family:"Songti SC",serif;font-size:22px;font-weight:700}.pet-home-door{display:grid;place-items:center;width:190px;height:200px;min-height:200px;margin-top:13px;overflow:hidden;border:10px solid #fffaf3;border-bottom:0;border-radius:100px 100px 0 0;background:var(--home-door);box-shadow:inset 0 6px 13px #59432f1c}.pet-home-door img{width:100%;height:100%;object-fit:cover}.pet-home-door span{font-size:68px;color:#966e56}.pet-home-step{position:absolute;bottom:0;left:0;right:0;padding:6px;background:#ffffff99;text-align:center;color:#5f5c4d;font-size:12px;font-weight:700}.pet-home--cat .pet-home-roof{clip-path:polygon(7% 0,27% 33%,50% 5%,73% 33%,93% 0,100% 100%,0 100%)}.pet-home--rabbit .pet-home-roof{clip-path:polygon(25% 0,38% 5%,42% 49%,58% 49%,62% 5%,75% 0,73% 65%,100% 100%,0 100%,27% 65%)}.pet-home--bird .pet-home-roof{clip-path:none;border-radius:180px 180px 0 0}.pet-home--bird .pet-home-body{border-radius:36px 36px 0 0;border-color:#cfb797;background:repeating-linear-gradient(90deg,#f5e8d8 0 15px,#e2d1bb 16px 19px)}.pet-home--fish .pet-home-roof{height:38px;bottom:300px;clip-path:none;border-radius:18px 18px 4px 4px;background:#64898c}.pet-home--fish .pet-home-body{height:310px;border:13px solid #719ca3;border-bottom:0;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#c9e5e9,#95c7ce)}.pet-home--fish .pet-home-door{border-color:#ebfbf5;background:#b3dce2}.pet-home--reptile .pet-home-roof{height:32px;bottom:302px;clip-path:none;border-radius:8px;background:#688064}.pet-home--reptile .pet-home-body{height:310px;border:11px solid #7b9876;border-bottom:0;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#dce8d5,#b3cfac)}.pet-home--reptile .pet-home-door{border-color:#e7f3dc}.pet-home--other .pet-home-roof{clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%)}
@media(max-width:900px){.public-memorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.public-memorial-grid{grid-template-columns:1fr}.public-memorial-photo{height:180px}.pet-home{height:340px;border-radius:19px}.pet-home-roof{bottom:218px;width:88%;height:105px}.pet-home-body{width:79%;height:240px;padding:13px;border-width:7px}.pet-home-plaque{font-size:16px}.pet-home-door{width:135px;height:154px;min-height:154px;margin-top:9px;border-width:7px}.pet-home-door span{font-size:50px}.pet-home--fish .pet-home-roof,.pet-home--reptile .pet-home-roof{bottom:232px;height:26px}.pet-home--fish .pet-home-body,.pet-home--reptile .pet-home-body{height:240px}}
.home-theme-field{grid-column:1/-1;border:0;margin:0;padding:0}.home-theme-field legend{font-size:14px;font-weight:700;margin-bottom:9px}.theme-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.theme-choice{position:relative;display:grid;gap:3px;cursor:pointer;border:1px solid #dce5da;border-radius:13px;padding:8px;background:#fff}.theme-choice:has(input:checked){border:2px solid #467552;padding:7px;background:#f7fbf6}.theme-choice:has(input:disabled){opacity:.55;cursor:not-allowed}.theme-choice input{position:absolute;top:8px;right:8px;accent-color:#35624a}.theme-choice-scene{display:grid;place-items:end center;height:68px;overflow:hidden;border-radius:8px;background:linear-gradient(#e7f2eb 70%,#c8dfc6 70%)}.theme-choice-scene i{position:relative;width:58%;height:38px;border-radius:5px 5px 0 0;background:#f2dfca}.theme-choice-scene i:before{content:"";position:absolute;left:-10%;right:-10%;bottom:100%;height:23px;background:#9c6a54;clip-path:polygon(50% 0,100% 100%,0 100%)}.theme-choice--garden .theme-choice-scene{background:linear-gradient(#e2f4e4 70%,#a7d3a1 70%)}.theme-choice--garden .theme-choice-scene i:before{background:#769c79}.theme-choice--starlight .theme-choice-scene{background:linear-gradient(#344967 70%,#667768 70%)}.theme-choice--starlight .theme-choice-scene i{background:#e4e0ed}.theme-choice--starlight .theme-choice-scene i:before{background:#555474}.theme-choice--sunset .theme-choice-scene{background:linear-gradient(#f9d5bd 70%,#c1cba6 70%)}.theme-choice--sunset .theme-choice-scene i{background:#ffead9}.theme-choice--sunset .theme-choice-scene i:before{background:#b57467}.theme-choice strong{font-size:12px}.theme-choice small{font-size:10px;color:#7c887b}@media(max-width:620px){.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Member homes have their own scenery and details, not just a recolored roof. */
.pet-home .home-style-access{position:absolute;z-index:8;top:17px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.home-style-access span,.home-style-access button{pointer-events:auto;border:1px solid #fff9;border-radius:999px;background:#fffdf2e9;box-shadow:0 5px 18px #21332417;color:#315540;font-size:13px;font-weight:800;padding:8px 13px}
.home-style-access button{cursor:pointer;background:#285841;color:#fff;border-color:#285841}
.home-style-access button:hover{background:#1c4431}
.pet-home-ornament,.pet-home-window{display:none}
.pet-home--garden{background:radial-gradient(circle at 78% 18%,#fff7d4 0 7%,transparent 7.5%),linear-gradient(#e7f5e9 0 68%,#a5d09b 68%)}
.pet-home--garden .pet-home-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 11% 95%,#537f56 0 14%,transparent 14.5%),radial-gradient(ellipse at 91% 95%,#5e9565 0 17%,transparent 17.5%),linear-gradient(90deg,transparent 0 4%,#ffffff8a 4% 4.5%,transparent 4.5% 8%,#ffffff8a 8% 8.5%,transparent 8.5%) bottom/100% 27% no-repeat}
.pet-home--garden .pet-home-roof{background:repeating-linear-gradient(120deg,#769c79 0 18px,#88aa87 18px 30px);filter:drop-shadow(0 5px 4px #27462955)}
.pet-home--garden .pet-home-body{border-color:#fff9eb;background:linear-gradient(90deg,#eedfcb,#f9e8d4 45%,#e8d3b9)}
.pet-home--garden .pet-home-body:before{content:"❀  ❀  ❀";position:absolute;top:23px;left:13px;color:#bf7f86;font-size:23px;letter-spacing:5px;writing-mode:vertical-rl}
.pet-home--garden .pet-home-body:after{content:"❀  ❀  ❀";position:absolute;top:23px;right:13px;color:#bf7f86;font-size:23px;letter-spacing:5px;writing-mode:vertical-rl}
.pet-home--garden .pet-home-ornament{display:block;position:absolute;z-index:4;bottom:0;width:17%;height:115px;border-radius:75% 75% 0 0;background:radial-gradient(circle at 34% 25%,#f4c2bd 0 6%,transparent 7%),radial-gradient(circle at 65% 45%,#ffe3a4 0 6%,transparent 7%),radial-gradient(circle at 40% 67%,#eab0a9 0 6%,transparent 7%),#608f62;box-shadow:0 0 0 8px #a6ca9e inset}
.pet-home--garden .pet-home-ornament--left{left:6%}.pet-home--garden .pet-home-ornament--right{right:6%}
.pet-home--garden .pet-home-door{border-color:#fffdf4;box-shadow:0 0 0 6px #c2d3a8,inset 0 6px 13px #59432f1c}
.pet-home--starlight{background:radial-gradient(circle at 78% 17%,#f8f2ce 0 6%,#f8f2ce55 7%,transparent 13%),linear-gradient(#263d5e 0 69%,#64737b 69%)}
.pet-home--starlight .pet-home-sky{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 37% 12%,#fff 0 2px,transparent 3px),radial-gradient(circle at 61% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 88% 38%,#fff 0 2px,transparent 3px),radial-gradient(circle at 26% 48%,#fff 0 1px,transparent 2px),radial-gradient(circle at 73% 45%,#fff 0 1px,transparent 2px);background-size:160px 130px}
.pet-home--starlight .pet-home-roof{background:linear-gradient(145deg,#70759a,#393e68 70%);filter:drop-shadow(0 6px 8px #111a4066)}
.pet-home--starlight .pet-home-body{border-color:#cbd2e5;background:linear-gradient(135deg,#e4e0ed,#cfcce3);box-shadow:0 0 55px #ffecc055,0 18px 35px #0d173b77}
.pet-home--starlight .pet-home-plaque{background:#fff8dd;color:#4c4966;box-shadow:0 0 18px #fff6baaa}
.pet-home--starlight .pet-home-window{display:block;position:absolute;top:100px;width:46px;height:65px;border:5px solid #6d6889;border-radius:25px 25px 4px 4px;background:linear-gradient(90deg,transparent 45%,#6d6889 45% 55%,transparent 55%),linear-gradient(#f8d18c,#ffefa9);box-shadow:0 0 27px #ffe49caa}
.pet-home-window--left{left:13%}.pet-home-window--right{right:13%}
.pet-home--starlight .pet-home-door{background:#fff9e8;border-color:#fbefcc;box-shadow:0 0 22px #fff3b799,inset 0 6px 13px #59432f1c}
.pet-home--sunset{background:radial-gradient(circle at 76% 26%,#ffe5bc 0 10%,#ffe5bc88 11%,transparent 18%),linear-gradient(#efb9b2 0 70%,#d6a98e 70%)}
.pet-home--sunset .pet-home-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 51%,#fff5e2aa 0 8%,transparent 9%),radial-gradient(ellipse at 85% 43%,#fff5e2aa 0 10%,transparent 11%)}
.pet-home--sunset .pet-home-roof{background:repeating-linear-gradient(90deg,#b57467 0 32px,#cf8d79 32px 64px);filter:drop-shadow(0 7px 5px #7c4b4a55)}
.pet-home--sunset .pet-home-body{border-color:#fff6ed;background:linear-gradient(120deg,#ffe1cb,#ffe9d7 55%,#f6cbbd)}
.pet-home--sunset .pet-home-body:before{content:"";position:absolute;top:69px;left:0;right:0;height:22px;background:radial-gradient(circle at 15px 0,#fffaf1 0 13px,transparent 14px) 0 0/30px 22px repeat-x}
.pet-home--sunset .pet-home-ornament{display:block;position:absolute;z-index:4;bottom:0;width:15%;height:95px;border-radius:90px 90px 0 0;background:linear-gradient(110deg,#d28373,#edb9a1);box-shadow:inset 8px 0 #f9dbb966}
.pet-home--sunset .pet-home-ornament--left{left:7%}.pet-home--sunset .pet-home-ornament--right{right:7%}
.pet-home--sunset .pet-home-door{border-color:#fff9ee;box-shadow:0 0 0 5px #e8b7a5,inset 0 6px 13px #59432f1c}
.pet-home--fish .pet-home-body:before,.pet-home--fish .pet-home-body:after,.pet-home--reptile .pet-home-body:before,.pet-home--reptile .pet-home-body:after{display:none}
.pet-home--bird .pet-home-window,.pet-home--fish .pet-home-window,.pet-home--reptile .pet-home-window{display:none}
.home-style-panel{border:1px solid #e7ded4;border-radius:20px;background:#fffdf9;padding:24px;margin:0 24px 26px;box-shadow:0 10px 30px #6b4d360a;scroll-margin-top:85px}
.home-style-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:17px}
.home-style-heading h2{font-size:25px;margin:4px 0 5px}.home-style-heading p{margin:0;color:#687969;font-size:13px}
.home-style-tier{white-space:nowrap;background:#eaf3e8;color:#315a46;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}
.home-species-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px;margin-bottom:17px;border-radius:12px;background:#fff3e9}
.home-species-form label{font-weight:700;color:#704f3b}.home-species-form .select{width:min(240px,100%);background:#fff}
.home-style-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-style-option{position:relative;display:grid;gap:4px;text-align:left;padding:9px 9px 12px;border:1px solid #dce6dc;border-radius:15px;background:#fff;color:#284942;cursor:pointer;font:inherit}
.home-style-option:hover:not(:disabled){border-color:#56866a;transform:translateY(-2px)}
.home-style-option.is-selected{border:2px solid #3d7554;padding:8px 8px 11px;background:#f7fbf6}
.home-style-option:disabled{cursor:default;opacity:.62}.home-style-option.is-selected:disabled{opacity:1}
.home-style-option strong{font-size:15px;margin:2px 3px 0}.home-style-option small{font-size:11px;color:#697d6d;margin:0 3px}.home-style-option em{font-size:11px;font-style:normal;font-weight:800;color:#3a7852;margin:4px 3px 0}
.home-style-thumb{position:relative;display:block;height:94px;overflow:hidden;border-radius:10px;background:linear-gradient(#e7f2eb 69%,#c9dfc5 69%)}
.home-style-thumb i{position:absolute;left:25%;bottom:0;width:50%;height:51%;border:5px solid #fff9ed;border-bottom:0;border-radius:8px 8px 0 0;background:#f3dfca}
.home-style-thumb i:before{content:"";position:absolute;left:-13%;right:-13%;bottom:100%;height:35px;background:#9c6a54;clip-path:polygon(50% 0,100% 100%,0 100%)}
.home-style-thumb i:after{content:"";position:absolute;left:31%;bottom:0;width:38%;height:43%;border-radius:30px 30px 0 0;background:#fff8ee}
.home-style-option--garden .home-style-thumb{background:radial-gradient(circle at 83% 21%,#fff7d4 0 7%,transparent 8%),linear-gradient(#e7f5e9 69%,#a5d09b 69%)}
.home-style-option--garden .home-style-thumb:before,.home-style-option--garden .home-style-thumb:after{content:"✿";position:absolute;bottom:0;color:#eaa9a4;font-size:28px;text-shadow:2px 2px #5d925e}
.home-style-option--garden .home-style-thumb:before{left:6%}.home-style-option--garden .home-style-thumb:after{right:6%}
.home-style-option--garden .home-style-thumb i:before{background:repeating-linear-gradient(120deg,#769c79 0 8px,#88aa87 8px 15px)}
.home-style-option--starlight .home-style-thumb{background:radial-gradient(circle at 78% 17%,#f8f2ce 0 7%,transparent 8%),radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 37% 12%,#fff 0 2px,transparent 3px),radial-gradient(circle at 61% 25%,#fff 0 1px,transparent 2px),linear-gradient(#263d5e 69%,#64737b 69%)}
.home-style-option--starlight .home-style-thumb i{background:#dcd9eb;border-color:#cbd2e5}.home-style-option--starlight .home-style-thumb i:before{background:#555474}.home-style-option--starlight .home-style-thumb i:after{background:#ffefb4;box-shadow:0 0 10px #ffefb4}
.home-style-option--sunset .home-style-thumb{background:radial-gradient(circle at 76% 24%,#ffe5bc 0 9%,transparent 10%),linear-gradient(#efb9b2 69%,#d6a98e 69%)}
.home-style-option--sunset .home-style-thumb i{background:#ffe1cb}.home-style-option--sunset .home-style-thumb i:before{background:repeating-linear-gradient(90deg,#b57467 0 12px,#cf8d79 12px 24px)}
@media(max-width:720px){.home-style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.home-style-panel{margin:0 10px 20px;padding:17px}.home-style-heading h2{font-size:22px}.home-style-tier{font-size:11px}.pet-home--starlight .pet-home-window{top:78px;width:27px;height:42px;border-width:3px}.pet-home--garden .pet-home-body:before,.pet-home--garden .pet-home-body:after{font-size:15px;letter-spacing:2px}.pet-home .home-style-access{left:10px;right:10px;top:10px}.home-style-access span,.home-style-access button{font-size:11px;padding:7px 9px}}

/* Photographic cottages are exclusive to the dog member themes. */
.pet-home--photo{height:clamp(540px,56vw,680px);background:#efe9df}
.pet-home-photo-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.pet-home-photo-name{position:absolute;z-index:4;top:30%;left:50%;transform:translateX(-50%);max-width:44%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 20px;border:2px solid #fff7e8;border-radius:10px;background:linear-gradient(#f8e9d2,#e5c9a4);box-shadow:0 5px 14px #251b1440;color:#5b493e;font-family:"Songti SC",serif;font-size:19px;font-weight:700;text-align:center}
.pet-home-photo-name--ribbon{border-color:#fff0ee;background:linear-gradient(#fff2ef,#e7b8bf);color:#754a55}.pet-home-photo-name--ribbon:before{content:'🎀 ';font-family:system-ui}
.pet-home-photo-name--heart{border-color:#fff1e7;background:linear-gradient(#fff3e6,#edc0b4);color:#804f4a}.pet-home-photo-name--heart:before{content:'♥ ';color:#a94f61}
.pet-home-photo-name--star{border-color:#fff7dc;background:linear-gradient(#fff7d9,#d9ba70);color:#65502e}.pet-home-photo-name--star:before{content:'✦ ';color:#86641d}
.home-style-panel--dog .home-style-option--garden .home-style-thumb{background:url('/assets/generated-pets/site/home-garden.webp') center/cover}
.home-style-panel--dog .home-style-option--starlight .home-style-thumb{background:url('/assets/generated-pets/site/home-starlight.webp') center/cover}
.home-style-panel--dog .home-style-option--sunset .home-style-thumb{background:url('/assets/generated-pets/site/home-sunset.webp') center/cover}
.home-style-panel--dog .home-style-option:not(.home-style-option--classic) .home-style-thumb i,
.home-style-panel--dog .home-style-option:not(.home-style-option--classic) .home-style-thumb:before,
.home-style-panel--dog .home-style-option:not(.home-style-option--classic) .home-style-thumb:after{display:none}
@media(max-width:620px){.pet-home--photo{height:470px}.pet-home-photo-scene{object-position:center center}.pet-home-photo-name{top:29%;max-width:55%;padding:5px 9px;font-size:13px}}
.home-decoration-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:13px;align-items:end;margin-top:22px;padding:18px;border:1px solid #e5d8c8;border-radius:16px;background:#fffaf4}.home-decoration-form h3{margin:3px 0 5px}.home-decoration-form p{margin:0;color:#698072;font-size:13px}.home-decoration-form .field{margin:0}.home-decoration-form .field span{display:block;margin-bottom:6px;font-size:12px;font-weight:700}.home-decoration-form .btn{white-space:nowrap}@media(max-width:850px){.home-decoration-form{grid-template-columns:1fr 1fr}.home-decoration-form>div{grid-column:1/-1}}@media(max-width:520px){.home-decoration-form{grid-template-columns:1fr}.home-decoration-form>div{grid-column:auto}}
.add-pet-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;background:#fffaf3}.add-pet-card h2{margin:5px 0 7px;font-size:22px}.add-pet-card p{margin:0;color:#627b69}.add-pet-card .btn{flex:none}@media(max-width:620px){.add-pet-card{display:block}.add-pet-card .btn{margin-top:16px}}

/* The pet sits in the photographed cottage doorway. A transparent cutout is used when available; an ordinary cover photo fills the arch otherwise. */
.pet-home-occupant{position:absolute;z-index:3;display:grid;place-items:end center;pointer-events:none}
.pet-home-occupant--cutout{left:39%;bottom:22%;width:22%;height:36%;filter:drop-shadow(0 7px 7px #211d1970)}
.pet-home-occupant--cutout img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.pet-home-occupant--photo{left:40.5%;bottom:17%;width:19%;height:40%;overflow:hidden;border:5px solid #fff6e8;border-bottom:0;border-radius:50% 50% 4px 4px;background:#e3caaa;box-shadow:0 6px 14px #2f271958}
.pet-home-occupant--photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
@media(max-width:620px){.pet-home-occupant--cutout{left:35%;bottom:24%;width:30%;height:36%}.pet-home-occupant--photo{left:34%;bottom:18%;width:32%;height:40%;border-width:3px}}