:root{--pma-ink:#122f32;--pma-ink2:#0b2528;--pma-aqua:#43c8c5;--pma-blue:#66aff2;--pma-blue2:#8bc5fb;--pma-cream:#fff8f0;--pma-blush:#fff0ee;--pma-sun:#f1f300;--pma-yellow:#ffd95a;--pma-soft:#f5f8f6;--pma-line:#dce7e3;--pma-muted:#6b7d7b;--pma-white:#fff;--pma-danger:#b94c4c;--pma-shadow:0 22px 60px rgba(18,47,50,.13);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}.petmelo-app-body{margin:0;background:#e9f1ef;color:var(--pma-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.petmelo-app-body #wpadminbar{display:none!important}.pma-root{min-height:100dvh}.pma-boot{height:100dvh;display:grid;place-items:center;align-content:center;gap:22px;background:linear-gradient(155deg,#69b4f3,#58c9c5)}.pma-boot img{width:96px;height:96px;border-radius:30px;background:#fff;box-shadow:0 24px 70px rgba(15,60,70,.22)}.pma-boot span{width:58px;height:5px;border-radius:999px;background:rgba(255,255,255,.4);overflow:hidden;position:relative}.pma-boot span:after{content:"";position:absolute;inset:0;width:45%;background:#fff;animation:pmaLoad 1.1s infinite}@keyframes pmaLoad{from{transform:translateX(-120%)}to{transform:translateX(300%)}}
.pma-app,.pma-welcome{min-height:100dvh;background:#f9f5f0;padding-bottom:calc(102px + var(--safe-b));position:relative;overflow-x:hidden}.pma-app.is-plain{background:#f9f5f0}.pma-grab{display:block;width:44px;height:5px;border-radius:999px;background:#172729;margin:0 auto 14px;opacity:.95}
/* Welcome */
.pma-welcome{padding-bottom:0;background:#68b2f2}.pma-welcome-top{min-height:55dvh;position:relative;padding:calc(20px + var(--safe-t)) 24px 160px;background:linear-gradient(145deg,#68b6f6,#5dcac7);overflow:hidden}.pma-welcome-top:before,.pma-home-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.12) 0 2px,transparent 3px),radial-gradient(circle at 75% 55%,rgba(255,255,255,.1) 0 2px,transparent 3px);background-size:42px 42px,56px 56px;opacity:.7}.pma-welcome-logo{width:142px;height:48px;object-fit:contain;object-position:left center;position:relative;z-index:2;filter:brightness(0) invert(1)}.pma-welcome-copy{position:relative;z-index:2;margin-top:44px;color:#fff;max-width:420px}.pma-welcome-copy>span{font-size:10px;font-weight:900;letter-spacing:.16em;opacity:.86}.pma-welcome-copy h1{font-size:clamp(44px,12vw,64px);line-height:.92;letter-spacing:-.055em;margin:10px 0 16px;font-weight:900}.pma-welcome-copy h1 b{color:var(--pma-sun)}.pma-welcome-copy p{max-width:340px;font-size:16px;line-height:1.55;margin:0;color:rgba(255,255,255,.88)}.pma-welcome-pet{position:absolute;right:-30px;bottom:-30px;width:250px;height:250px;border-radius:48% 48% 0 0;background:rgba(255,255,255,.17);display:grid;place-items:center;transform:rotate(-5deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.pma-welcome-paw{font-size:112px;transform:rotate(5deg);filter:drop-shadow(0 18px 25px rgba(30,80,90,.15))}.pma-welcome-sheet{min-height:45dvh;background:#fff4f2;border-radius:34px 34px 0 0;margin-top:-36px;position:relative;z-index:3;padding:14px 24px calc(30px + var(--safe-b));box-shadow:0 -16px 50px rgba(18,47,50,.1)}.pma-welcome-sheet h2{font-size:30px;line-height:1;letter-spacing:-.045em;margin:8px 0 12px}.pma-welcome-sheet p{color:var(--pma-muted);line-height:1.55;margin:0 0 20px}.pma-install-link{width:100%;border:0;background:transparent;color:#0f7777;font-weight:850;padding:15px 0;cursor:pointer}
/* Home hero */
.pma-home-hero{height:360px;background:linear-gradient(150deg,#63b5f5,#54c9c5);position:relative;overflow:hidden;padding:calc(16px + var(--safe-t)) 20px 0}.pma-hero-pattern{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 33%),radial-gradient(circle at 90% 40%,rgba(255,255,255,.12),transparent 24%)}.pma-home-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between}.pma-user-mini{display:flex;align-items:center;gap:10px;color:#fff}.pma-user-avatar{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--pma-ink);display:grid;place-items:center;font-weight:900;box-shadow:0 7px 18px rgba(20,70,80,.12)}.pma-user-mini small,.pma-user-mini strong{display:block}.pma-user-mini small{font-size:11px;opacity:.75}.pma-user-mini strong{font-size:16px}.pma-hero-bell,.pma-page-bell{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#112e31;display:grid;place-items:center;box-shadow:0 8px 22px rgba(20,70,80,.12);cursor:pointer}.pma-hero-bell svg,.pma-page-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pma-hero-pet{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:min(100%,430px);height:285px;display:grid;place-items:end center;z-index:2}.pma-hero-pet-photo{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:34px 34px 0 0;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.pma-hero-pet-fallback{width:220px;height:220px;border-radius:50% 50% 46% 46%;background:rgba(255,255,255,.22);display:grid;place-items:center;align-content:center;gap:6px;color:#fff;border:1px solid rgba(255,255,255,.2)}.pma-hero-pet-fallback span{font-size:96px}.pma-hero-pet-fallback small{font-size:11px;font-weight:800}.pma-hero-empty-pet{position:absolute;inset:94px 0 25px;display:grid;place-items:center;align-content:center;gap:15px;z-index:2}.pma-hero-empty-pet img{width:112px;height:112px;border-radius:32px;background:#fff;box-shadow:0 20px 40px rgba(20,70,80,.14)}.pma-hero-empty-pet button{border:0;border-radius:999px;background:#fff;color:var(--pma-ink);padding:12px 18px;font-weight:900}.pma-home-sheet{background:#fff4f2;border-radius:34px 34px 0 0;margin-top:-34px;position:relative;z-index:4;padding:12px 18px 28px;min-height:55vh}.pma-pet-summary{padding:0 0 8px}.pma-pet-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.pma-pet-title h1{font-size:36px;line-height:1;letter-spacing:-.05em;margin:4px 0}.pma-pet-title p{margin:3px 0 0;color:#384a4a;font-size:14px}.pma-pet-title button{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--pma-ink);font-weight:900}.pma-pet-chips{display:flex;gap:7px;overflow:auto;margin:13px 0}.pma-pet-chips span{white-space:nowrap;padding:7px 11px;background:#fff;border:1px solid #f0dfdd;border-radius:999px;font-size:10px;font-weight:850;color:#405452}.pma-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pma-status-grid button{border:0;border-radius:18px;background:#fff;padding:13px;text-align:left;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;box-shadow:0 10px 25px rgba(18,47,50,.05);color:var(--pma-ink)}.pma-status-grid button>span{grid-row:1/3;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:18px}.pma-status-grid .is-aqua{background:#e3fbf7}.pma-status-grid .is-sun{background:#fff2c3}.pma-status-grid small{font-size:9px;color:#7b8b89;align-self:end}.pma-status-grid strong{font-size:14px;line-height:1.15}.pma-empty-pet-card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 12px 30px rgba(18,47,50,.05)}.pma-empty-pet-card h2{font-size:26px;margin:0 0 8px}.pma-empty-pet-card p{color:var(--pma-muted);line-height:1.5}
/* Install */
.pma-install-card{margin:18px 0 4px;background:#172f32;color:#fff;border-radius:22px;padding:14px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;position:relative;box-shadow:0 15px 35px rgba(18,47,50,.14)}.pma-install-icon img{width:48px;height:48px;border-radius:15px;background:#fff}.pma-install-card span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#7de1dc}.pma-install-card h3{font-size:17px;margin:3px 0}.pma-install-card p{font-size:10px;line-height:1.4;color:#bdd0ce;margin:0}.pma-install-card>button:not(.pma-install-close){border:0;border-radius:999px;background:var(--pma-sun);color:#132f31;padding:10px 12px;font-weight:900}.pma-install-close{position:absolute;right:7px;top:5px;border:0;background:transparent;color:#fff;font-size:17px;opacity:.7}.pma-install-nudge{text-align:center}.pma-install-nudge>img{width:78px;height:78px;border-radius:24px;background:#fff;box-shadow:0 15px 30px rgba(20,70,80,.14)}.pma-install-nudge span{display:block;margin-top:13px;color:#0f7777;font-size:9px;font-weight:900;letter-spacing:.14em}.pma-install-nudge h2{font-size:32px;line-height:.98;letter-spacing:-.05em;margin:8px 0}.pma-install-nudge p{color:var(--pma-muted);line-height:1.55}.pma-install-steps{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;margin:16px 0 20px}.pma-install-steps b{width:36px;height:36px;border-radius:13px;background:#e4f8f5;display:grid;place-items:center}.pma-install-steps span{font-weight:800}
/* Sections */
.pma-section{margin-top:26px}.pma-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.pma-section-head span,.pma-page-top>span,.pma-ai-banner span,.pma-care-banner span,.pma-box-banner span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#0f7777}.pma-section-head h2{font-size:24px;letter-spacing:-.04em;margin:4px 0 0}.pma-section-head button{border:0;background:transparent;color:#157979;font-weight:850;font-size:12px}.pma-quick-row,.pma-article-row,.pma-product-row{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.pma-quick-row::-webkit-scrollbar,.pma-article-row::-webkit-scrollbar,.pma-product-row::-webkit-scrollbar{display:none}.pma-quick-card{min-width:132px;min-height:142px;border:1px solid #eadfdb;border-radius:20px;background:#fff;padding:14px;text-align:left;color:var(--pma-ink);scroll-snap-align:start;position:relative;display:flex;flex-direction:column}.pma-quick-card>span{font-size:25px;width:43px;height:43px;border-radius:14px;background:#edf9f6;display:grid;place-items:center;margin-bottom:20px}.pma-quick-card strong{font-size:14px}.pma-quick-card small{font-size:10px;color:var(--pma-muted);margin-top:4px}.pma-quick-card i{position:absolute;right:8px;top:8px;border-radius:999px;background:#172f32;color:#fff;padding:4px 6px;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.08em}.pma-ai-banner{margin-top:26px;border-radius:25px;background:linear-gradient(135deg,#173b3d,#275c5d);color:#fff;padding:18px;display:grid;grid-template-columns:48px 1fr;gap:12px;box-shadow:0 18px 35px rgba(18,47,50,.15)}.pma-ai-orb{width:48px;height:48px;border-radius:16px;background:#66d5d0;color:#102f31;display:grid;place-items:center}.pma-ai-orb svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.pma-ai-banner span{color:#7fe2dd}.pma-ai-banner h2{font-size:23px;line-height:1.02;letter-spacing:-.04em;margin:4px 0}.pma-ai-banner p{grid-column:2;color:#c4d8d6;font-size:11px;line-height:1.45;margin:-5px 0 0}.pma-ai-banner>button{grid-column:2;border:0;border-radius:999px;background:#fff;color:#173b3d;padding:10px 14px;font-weight:900;justify-self:start}
/* Page top */
.pma-page-top{background:linear-gradient(150deg,#67b6f5,#5cc8c5);color:#fff;padding:calc(18px + var(--safe-t)) 20px 36px;position:relative;overflow:hidden}.pma-page-top:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.12) 0 2px,transparent 3px);background-size:44px 44px}.pma-page-top-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;margin-bottom:28px}.pma-page-top-row>img{width:128px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.pma-back-btn{width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#173b3d;display:grid;place-items:center}.pma-back-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.pma-page-top>span,.pma-page-top>h1,.pma-page-top>p{position:relative;z-index:2}.pma-page-top>span{color:rgba(255,255,255,.85)}.pma-page-top>h1{font-size:clamp(38px,10vw,54px);line-height:.94;letter-spacing:-.055em;margin:7px 0 11px;max-width:560px}.pma-page-top>p{max-width:520px;color:rgba(255,255,255,.84);line-height:1.5;margin:0}.pma-content-sheet{background:#fff4f2;border-radius:32px 32px 0 0;margin-top:-20px;position:relative;z-index:3;padding:22px 18px 30px;min-height:60vh}
/* Blog */
.pma-article-card{min-width:195px;width:195px;border:0;background:#fff;border-radius:20px;padding:9px;text-align:left;color:var(--pma-ink);scroll-snap-align:start;box-shadow:0 10px 24px rgba(18,47,50,.05)}.pma-article-card.is-featured{min-width:235px;width:235px}.pma-article-image{height:130px;border-radius:15px;overflow:hidden;background:#e9f1ee}.pma-article-card.is-featured .pma-article-image{height:150px}.pma-article-image img{width:100%;height:100%;object-fit:cover}.pma-article-card>span,.pma-blog-feature span,.pma-blog-list span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#0f7777;margin:10px 3px 5px;text-transform:uppercase}.pma-article-card>strong{display:block;font-size:14px;line-height:1.25;margin:0 3px}.pma-article-card>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--pma-muted);font-size:10px;line-height:1.4;margin:6px 3px 3px}.pma-blog-feature{width:100%;border:0;background:#fff;border-radius:24px;padding:10px;text-align:left;color:var(--pma-ink);box-shadow:0 12px 30px rgba(18,47,50,.06)}.pma-blog-feature>img{width:100%;height:225px;object-fit:cover;border-radius:18px}.pma-blog-feature h2{font-size:27px;line-height:1.02;letter-spacing:-.04em;margin:6px 3px}.pma-blog-feature p{font-size:12px;line-height:1.5;color:var(--pma-muted);margin:8px 3px}.pma-blog-feature b{display:block;color:#0f7777;margin:12px 3px 8px;font-size:12px}.pma-blog-list{display:grid;gap:10px;margin-top:12px}.pma-blog-list>button{border:0;background:#fff;border-radius:19px;padding:9px;display:grid;grid-template-columns:105px 1fr;gap:12px;text-align:left;color:var(--pma-ink)}.pma-blog-list img{width:105px;height:100px;border-radius:14px;object-fit:cover}.pma-blog-list h3{font-size:16px;line-height:1.15;margin:3px}.pma-blog-list p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.4;color:var(--pma-muted);margin:5px 3px}
.pma-reader{background:#fffdf9;min-height:100dvh;padding-bottom:calc(102px + var(--safe-b))}.pma-reader .pma-page-top{padding-bottom:56px}.pma-reader-cover{display:block;width:calc(100% - 32px);height:250px;object-fit:cover;border-radius:24px;margin:-30px auto 0;position:relative;z-index:4;box-shadow:0 15px 35px rgba(18,47,50,.13)}.pma-reader-body{padding:24px 20px}.pma-reader-meta{font-size:10px;color:#0f7777;font-weight:850;letter-spacing:.08em;margin-bottom:17px}.pma-reader-content{font-family:Georgia,ui-serif,serif;color:#253a3b;font-size:17px;line-height:1.75}.pma-reader-content h2,.pma-reader-content h3{font-family:Inter,system-ui,sans-serif;color:#173b3d;letter-spacing:-.04em;line-height:1.05;margin:32px 0 12px}.pma-reader-content h2{font-size:29px}.pma-reader-content h3{font-size:23px}.pma-reader-content img{max-width:100%;height:auto;border-radius:18px}.pma-reader-content a{color:#0f7777}.pma-reader-cta{margin-top:32px;background:#173b3d;color:#fff;border-radius:24px;padding:21px}.pma-reader-cta>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#75ddd8}.pma-reader-cta h2{font-size:27px;margin:7px 0}.pma-reader-cta p{color:#c5d7d5;line-height:1.5;font-size:12px}.pma-reader-cta>div{display:flex;gap:8px}.pma-reader-cta button{border:0;border-radius:999px;background:#fff;color:#173b3d;padding:11px 14px;font-weight:900}.pma-reader-cta button+button{background:#73d8d4}
/* Shop */
.pma-product-card{min-width:170px;width:170px;text-decoration:none;color:var(--pma-ink);background:#fff;border-radius:20px;padding:9px;scroll-snap-align:start}.pma-product-img{height:145px;border-radius:15px;background:#f0f4f2;overflow:hidden}.pma-product-img img{width:100%;height:100%;object-fit:cover}.pma-product-card>span,.pma-shop-card>span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#0f7777;margin:10px 3px 5px}.pma-product-card strong{display:block;font-size:14px;line-height:1.2;margin:0 3px}.pma-product-card small{display:block;color:var(--pma-muted);margin:5px 3px}.pma-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pma-shop-card{text-decoration:none;color:var(--pma-ink);background:#fff;border-radius:20px;padding:9px}.pma-shop-card>div{height:160px;border-radius:15px;overflow:hidden;background:#f0f4f2}.pma-shop-card img{width:100%;height:100%;object-fit:cover}.pma-shop-card h3{font-size:14px;line-height:1.2;margin:4px 3px}.pma-shop-card p{font-size:11px;color:var(--pma-muted);margin:6px 3px}.pma-box-banner{margin-top:18px;border-radius:25px;padding:22px;background:#fff0b8;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.pma-box-banner h2{font-size:28px;margin:7px 0}.pma-box-banner p{color:#715f30;line-height:1.45;font-size:12px}.pma-box-banner>div:last-child{font-size:64px}
/* Tools / chat */
.pma-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pma-tools-grid .pma-quick-card{min-width:0;min-height:165px}.pma-care-banner{margin-top:18px;border-radius:25px;padding:22px;background:#173b3d;color:#fff}.pma-care-banner span{color:#7be0db}.pma-care-banner h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}.pma-care-banner p{color:#c4d7d5;line-height:1.5}.pma-care-banner button{border:0;border-radius:999px;background:#fff;color:#173b3d;padding:11px 14px;font-weight:900}.pma-chat{min-height:58vh;display:flex;flex-direction:column}.pma-chat-bubble{display:flex;gap:9px;margin:8px 0;max-width:88%}.pma-chat-bubble img{width:36px;height:36px;border-radius:12px;background:#fff}.pma-chat-bubble>div{padding:13px 15px;background:#fff;border-radius:7px 19px 19px 19px}.pma-chat-bubble strong{font-size:9px;color:#0f7777}.pma-chat-bubble p{margin:4px 0 0;line-height:1.55;font-size:14px}.pma-chat-bubble.me{margin-left:auto}.pma-chat-bubble.me>div{background:#173b3d;color:#fff;border-radius:19px 7px 19px 19px}.pma-chat-bubble.is-loading{opacity:.6}.pma-chat-input{position:sticky;bottom:calc(94px + var(--safe-b));margin-top:auto;background:#fff;border:1px solid #eadfdb;border-radius:22px;padding:8px;display:grid;grid-template-columns:1fr 48px;gap:7px;box-shadow:var(--pma-shadow)}.pma-chat-input textarea{border:0;resize:none;outline:0;padding:11px;font:inherit;background:transparent;min-height:48px}.pma-chat-input button{border:0;border-radius:15px;background:#173b3d;color:#fff;display:grid;place-items:center}.pma-chat-input svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
/* Profile */
.pma-profile-identity{display:flex;align-items:center;gap:14px;background:#fff;border-radius:22px;padding:14px;margin-bottom:10px}.pma-profile-identity>div{width:62px;height:62px;border-radius:22px;background:#173b3d;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.pma-profile-identity strong,.pma-profile-identity small{display:block}.pma-profile-identity strong{font-size:18px}.pma-profile-identity small{color:var(--pma-muted);font-size:11px;margin-top:3px}.pma-settings-card{background:#fff;border-radius:22px;padding:7px 14px;margin-bottom:10px}.pma-settings-card h2{font-size:16px;margin:11px 0 4px}.pma-settings-card>button{width:100%;border:0;background:transparent;color:var(--pma-ink);display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:14px 0;border-bottom:1px solid #edf1ef}.pma-settings-card>button:last-child{border-bottom:0}.pma-settings-card>button strong,.pma-settings-card>button small{display:block}.pma-settings-card>button small{color:var(--pma-muted);font-size:10px;margin-top:3px}.pma-settings-card>button>b{font-size:20px}.pma-settings-card>button.danger{color:var(--pma-danger)}.pma-switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1ef}.pma-switch-row:last-child{border-bottom:0}.pma-switch-row input{position:absolute;opacity:0}.pma-switch-row i{width:46px;height:28px;border-radius:999px;background:#dbe6e2;position:relative}.pma-switch-row i:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.14)}.pma-switch-row input:checked+i{background:#48c9c5}.pma-switch-row input:checked+i:after{transform:translateX(18px)}
/* Dock */
.pma-bottom-dock{position:fixed;z-index:90;left:50%;bottom:calc(12px + var(--safe-b));transform:translateX(-50%);width:min(360px,calc(100% - 28px));height:68px;border-radius:24px;background:#151c1d;color:#fff;display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;padding:7px 9px;box-shadow:0 18px 45px rgba(15,27,28,.28)}.pma-bottom-dock button{border:0;background:transparent;color:#d3dada;display:grid;place-items:center;align-content:center;gap:2px;height:54px;font-size:8px;font-weight:800}.pma-bottom-dock button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pma-bottom-dock button.is-active{color:#fff}.pma-nav-plus{width:58px!important;height:58px!important;border-radius:50%!important;background:var(--pma-sun)!important;color:#172224!important;font-size:31px!important;line-height:1!important;justify-self:center;box-shadow:0 7px 18px rgba(241,243,0,.2)}
/* Sheets & form controls */
.pma-sheet-layer{position:fixed;inset:0;z-index:200;pointer-events:none}.pma-sheet-layer.is-open{pointer-events:auto}.pma-sheet-backdrop{position:absolute;inset:0;background:rgba(8,27,29,.46);backdrop-filter:blur(4px);opacity:0;transition:.23s}.pma-sheet-layer.is-open .pma-sheet-backdrop{opacity:1}.pma-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,105%);width:min(620px,100%);max-height:94dvh;overflow:auto;background:#fff4f2;border-radius:32px 32px 0 0;padding:11px 20px calc(24px + var(--safe-b));box-shadow:0 -20px 70px rgba(18,47,50,.25);transition:.27s cubic-bezier(.2,.8,.2,1)}.pma-sheet-layer.is-open .pma-sheet{transform:translate(-50%,0)}.pma-sheet-grab{width:44px;height:5px;border-radius:999px;background:#1d2c2d;margin:0 auto 20px}.pma-sheet-head>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#0f7777}.pma-sheet-head h2{font-size:34px;line-height:.98;letter-spacing:-.05em;margin:7px 0 9px}.pma-sheet-head p{color:var(--pma-muted);line-height:1.5;margin:0 0 20px}.pma-auth-form,.pma-pet-form{display:grid;gap:11px}.pma-auth-form>label:not(.pma-remember),.pma-app-field{background:#fff;border:1px solid #eadfdb;border-radius:18px;padding:10px 13px}.pma-auth-form label>span,.pma-app-field>span,.pma-chip-field>span{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;color:#0f7777;margin-bottom:5px;text-transform:uppercase}.pma-auth-form input:not([type=checkbox]),.pma-auth-form select,.pma-app-field input{width:100%;border:0!important;box-shadow:none!important;outline:0;background:transparent!important;padding:4px 0!important;font:inherit;color:var(--pma-ink);min-height:34px}.pma-primary,.pma-secondary{border:0;border-radius:999px;min-height:52px;padding:0 20px;font-weight:900;font-size:14px;cursor:pointer}.pma-primary{background:#173b3d;color:#fff}.pma-secondary{background:#fff;color:#173b3d;border:1px solid #e2d8d4}.pma-switch-auth{border:0;background:transparent;color:#0f7777;font-weight:900;padding:13px}.pma-remember{display:flex!important;align-items:center;gap:10px;background:transparent!important;border:0!important;padding:4px 2px!important}.pma-remember input{position:absolute;opacity:0}.pma-remember i{width:44px;height:27px;background:#d9e5e1;border-radius:999px;position:relative;flex:0 0 auto}.pma-remember i:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.pma-remember input:checked+i{background:#48c9c5}.pma-remember input:checked+i:after{transform:translateX(17px)}.pma-remember>span{margin:0!important;text-transform:none!important;letter-spacing:0!important;color:#4c5e5d!important;font-size:12px!important}.pma-photo-picker{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #eadfdb;border-radius:20px;padding:10px;cursor:pointer}.pma-photo-picker>input{position:absolute;opacity:0;width:1px;height:1px}.pma-photo-picker>div{width:70px;height:70px;border-radius:20px;overflow:hidden;background:#e6f8f5;display:grid;place-items:center;flex:0 0 auto}.pma-photo-picker img{width:100%;height:100%;object-fit:cover}.pma-photo-picker>div span{font-size:38px}.pma-photo-picker b{font-size:13px}.pma-species-pick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pma-species-pick button{border:1px solid #eadfdb;border-radius:20px;background:#fff;padding:15px;color:var(--pma-ink)}.pma-species-pick button.is-active{border-color:#4cc9c5;background:#e9faf7}.pma-species-pick b{display:block;font-size:34px}.pma-species-pick span{font-weight:900}.pma-chip-field{padding:6px 0}.pma-chip-field>div{display:flex;gap:7px;overflow:auto}.pma-chip-field button{border:1px solid #e4dbd7;border-radius:999px;background:#fff;padding:10px 13px;color:var(--pma-ink);font-weight:800}.pma-chip-field button.is-active{background:#173b3d;color:#fff;border-color:#173b3d}.pma-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pma-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pma-action-grid button{border:0;border-radius:21px;background:#fff;padding:18px 12px;color:var(--pma-ink);min-height:120px}.pma-action-grid b{display:block;font-size:35px;margin-bottom:12px}.pma-action-grid span{font-weight:900}.pma-toast{position:fixed;left:50%;bottom:calc(96px + var(--safe-b));transform:translate(-50%,18px);z-index:300;background:#173b3d;color:#fff;border-radius:999px;padding:11px 16px;font-weight:800;font-size:11px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}.pma-toast.is-show{opacity:1;transform:translate(-50%,0)}.pma-empty{text-align:center;background:#fff;border-radius:24px;padding:34px 18px}.pma-empty h2{font-size:25px;margin:0 0 8px}.pma-empty p{color:var(--pma-muted);line-height:1.5}
/* Tool embedded shell / lock */
.pma-app-tool-top{height:calc(62px + var(--safe-t));padding:calc(9px + var(--safe-t)) 16px 8px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;position:sticky;top:0;z-index:80;background:#fff4f2;border-bottom:1px solid #eadfdb}.pma-app-tool-top>a{font-size:31px;text-decoration:none;color:var(--pma-ink)}.pma-app-tool-top img{width:118px;height:40px;object-fit:contain;justify-self:center}.pma-app-tool-content{padding-bottom:calc(90px + var(--safe-b));background:#fff4f2}.pma-bottom-nav-static{position:fixed;z-index:90;left:50%;bottom:calc(12px + var(--safe-b));transform:translateX(-50%);width:min(340px,calc(100% - 28px));height:58px;border-radius:22px;background:#151c1d;display:flex;align-items:center;justify-content:space-around;padding:6px 10px;box-shadow:0 18px 45px rgba(15,27,28,.28)}.pma-bottom-nav-static a{display:grid;place-items:center;text-decoration:none;color:#cdd6d5;font-size:10px;font-weight:800;padding:10px}.pma-bottom-nav-static a.is-active{color:#f1f300}.pma-lock-body{margin:0;background:#f6faf8;font-family:Inter,system-ui,sans-serif;color:var(--pma-ink)}.pma-lock{min-height:100dvh;display:grid;place-items:center;padding:24px}.pma-lock-card{width:min(560px,100%);background:#fff;border:1px solid var(--pma-line);border-radius:32px;padding:32px;text-align:center;box-shadow:var(--pma-shadow)}.pma-lock-card>img{width:88px}.pma-lock-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#0f7777;margin-top:16px}.pma-lock-card h1{font-size:40px;line-height:.98;letter-spacing:-.055em;margin:12px 0}.pma-lock-card>p{color:var(--pma-muted);line-height:1.6}.pma-lock-features{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:20px 0}.pma-lock-features span{background:#edf8f5;border-radius:999px;padding:8px 10px;font-size:11px}.pma-lock-btn,.pma-lock-back{display:block;text-decoration:none}.pma-lock-btn{border-radius:999px;background:var(--pma-ink);color:#fff;padding:14px 20px;font-weight:900}.pma-lock-back{color:#0f7777;font-weight:800;margin-top:14px}
@media(min-width:760px){.pma-app,.pma-welcome{width:560px;margin:14px auto;min-height:calc(100dvh - 28px);border-radius:38px;overflow:hidden;box-shadow:0 30px 90px rgba(18,47,50,.16);border:1px solid #dce7e3}.pma-bottom-dock{bottom:28px}.pma-home-hero{height:385px}.pma-home-sheet{padding-left:22px;padding-right:22px}.pma-page-top{padding-left:24px;padding-right:24px}.pma-content-sheet{padding-left:22px;padding-right:22px}}
@media(max-width:430px){.pma-home-hero{height:345px}.pma-hero-pet{height:270px}.pma-home-sheet{margin-top:-31px}.pma-page-top>h1{font-size:40px}.pma-status-grid strong{font-size:13px}.pma-install-card{grid-template-columns:42px 1fr}.pma-install-card>button:not(.pma-install-close){grid-column:1/-1;width:100%}.pma-install-icon img{width:42px;height:42px}.pma-blog-feature>img{height:205px}.pma-shop-card>div{height:145px}}

/* v1.2 — profile photo, language and appearance */
.pma-user-avatar-img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 7px 18px rgba(20,70,80,.12);background:#fff}.pma-profile-avatar-picker{position:relative;display:block;flex:0 0 auto;cursor:pointer}.pma-profile-avatar-picker>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:3}.pma-profile-avatar-picker>div{width:68px;height:68px;border-radius:23px;background:#173b3d;color:#fff;display:grid;place-items:center;overflow:hidden;font-size:25px;font-weight:900}.pma-profile-avatar-picker img{width:100%;height:100%;object-fit:cover}.pma-profile-avatar-picker>i{position:absolute;right:-5px;bottom:-5px;width:28px;height:28px;border-radius:10px;background:#ffd95a;color:#173b3d;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 5px 14px rgba(18,47,50,.16)}.pma-profile-avatar-picker svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9}.pma-profile-identity>span>b{display:block;color:#0f7777;font-size:10px;margin-top:5px}.pma-settings-feature{padding:16px}.pma-settings-copy>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#0f7777;text-transform:uppercase}.pma-settings-copy>p{font-size:11px;line-height:1.45;color:var(--pma-muted);margin:6px 0 14px}.pma-language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pma-language-grid button{border:1px solid #e0e9e6;background:#f7faf9;color:var(--pma-ink);border-radius:17px;padding:11px 6px;min-height:68px}.pma-language-grid button b,.pma-language-grid button span{display:block}.pma-language-grid button b{font-size:15px}.pma-language-grid button span{font-size:9px;margin-top:3px;color:var(--pma-muted)}.pma-language-grid button.is-active{background:#173b3d;color:#fff;border-color:#173b3d;box-shadow:0 8px 20px rgba(18,47,50,.13)}.pma-language-grid button.is-active span{color:#c7d7d5}.pma-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pma-theme-grid button{border:1px solid #e0e9e6;background:#f7faf9;color:var(--pma-ink);border-radius:18px;padding:13px;display:flex;align-items:center;gap:10px;text-align:left}.pma-theme-grid button>i{width:39px;height:39px;border-radius:13px;background:#fff;display:grid;place-items:center;box-shadow:0 5px 12px rgba(18,47,50,.05)}.pma-theme-grid svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.pma-theme-grid strong,.pma-theme-grid small{display:block}.pma-theme-grid strong{font-size:12px}.pma-theme-grid small{font-size:9px;color:var(--pma-muted);margin-top:2px}.pma-theme-grid button.is-active{border-color:#43c8c5;background:#e9faf7}.pma-theme-grid button.is-active>i{background:#43c8c5;color:#102f31}

/* Dark mode */
.pma-theme-dark{--pma-ink:#eff7f5;--pma-ink2:#ffffff;--pma-muted:#9fb4b1;--pma-line:#294548;--pma-white:#13282b;--pma-soft:#102326;--pma-shadow:0 22px 60px rgba(0,0,0,.24);background:#07191c;color:var(--pma-ink)}.pma-theme-dark .pma-app,.pma-theme-dark .pma-app.is-plain{background:#0b2023}.pma-theme-dark .pma-home-sheet,.pma-theme-dark .pma-content-sheet,.pma-theme-dark .pma-welcome-sheet,.pma-theme-dark .pma-sheet{background:#102528;color:var(--pma-ink)}.pma-theme-dark .pma-grab,.pma-theme-dark .pma-sheet-grab{background:#d8e7e4}.pma-theme-dark .pma-pet-title p,.pma-theme-dark .pma-reader-content{color:#c8d8d5}.pma-theme-dark .pma-pet-title button,.pma-theme-dark .pma-status-grid button,.pma-theme-dark .pma-empty-pet-card,.pma-theme-dark .pma-quick-card,.pma-theme-dark .pma-article-card,.pma-theme-dark .pma-blog-feature,.pma-theme-dark .pma-blog-list>button,.pma-theme-dark .pma-product-card,.pma-theme-dark .pma-shop-card,.pma-theme-dark .pma-profile-identity,.pma-theme-dark .pma-settings-card,.pma-theme-dark .pma-chat-bubble>div,.pma-theme-dark .pma-chat-input,.pma-theme-dark .pma-auth-form>label:not(.pma-remember),.pma-theme-dark .pma-app-field,.pma-theme-dark .pma-photo-picker,.pma-theme-dark .pma-species-pick button,.pma-theme-dark .pma-chip-field button,.pma-theme-dark .pma-action-grid button,.pma-theme-dark .pma-empty{background:#173135;color:var(--pma-ink);border-color:#29484b}.pma-theme-dark .pma-pet-chips span,.pma-theme-dark .pma-language-grid button,.pma-theme-dark .pma-theme-grid button{background:#142d30;color:var(--pma-ink);border-color:#2a484b}.pma-theme-dark .pma-language-grid button.is-active{background:#58c9c5;color:#092224;border-color:#58c9c5}.pma-theme-dark .pma-language-grid button.is-active span{color:#244c4c}.pma-theme-dark .pma-theme-grid button.is-active{background:#173e3f;border-color:#58c9c5}.pma-theme-dark .pma-theme-grid button>i{background:#203b3e}.pma-theme-dark .pma-theme-grid button.is-active>i{background:#58c9c5;color:#10282a}.pma-theme-dark .pma-reader{background:#0b2023}.pma-theme-dark .pma-reader-body{background:#0b2023}.pma-theme-dark .pma-reader-content h2,.pma-theme-dark .pma-reader-content h3{color:#f1f7f5}.pma-theme-dark .pma-reader-content a,.pma-theme-dark .pma-section-head button,.pma-theme-dark .pma-blog-feature b,.pma-theme-dark .pma-profile-identity>span>b{color:#79ddd8}.pma-theme-dark .pma-settings-card>button{color:var(--pma-ink);border-color:#29484b}.pma-theme-dark .pma-switch-row{border-color:#29484b}.pma-theme-dark .pma-switch-row i{background:#2e4d50}.pma-theme-dark .pma-auth-form input:not([type=checkbox]),.pma-theme-dark .pma-auth-form select,.pma-theme-dark .pma-app-field input,.pma-theme-dark .pma-chat-input textarea{color:var(--pma-ink)!important}.pma-theme-dark .pma-secondary{background:#173135;color:#e7f3f1;border-color:#345155}.pma-theme-dark .pma-box-banner{background:#5b4d21;color:#fff}.pma-theme-dark .pma-box-banner p{color:#eadca8}.pma-theme-dark .pma-product-img,.pma-theme-dark .pma-shop-card>div,.pma-theme-dark .pma-article-image{background:#21383a}.pma-theme-dark .pma-chat-bubble.me>div{background:#55c9c5;color:#092326}.pma-theme-dark .pma-profile-avatar-picker>i{border-color:#173135}.pma-theme-dark .pma-bottom-dock{background:#050e10}.pma-theme-dark .pma-app-tool-top,.pma-theme-dark .pma-app-tool-content{background:#102528;border-color:#29484b}.pma-theme-dark .pma-lock-body{background:#07191c;color:#eff7f5}.pma-theme-dark .pma-lock-card{background:#102528;border-color:#29484b;color:#eff7f5}.pma-theme-dark .pma-lock-features span{background:#173135}.pma-theme-dark .pma-lock-back{color:#79ddd8}

/* v1.2.1 — first-run account onboarding */
.pma-session-account{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--pma-line,#dfe9e6);border-radius:20px;background:rgba(255,255,255,.72);margin:4px 0 18px}.pma-session-account .pma-user-avatar,.pma-session-account .pma-user-avatar-img{width:52px;height:52px;flex:0 0 52px;border-radius:50%;object-fit:cover}.pma-session-account>div{min-width:0}.pma-session-account strong{display:block;color:var(--pma-ink,#173b3d);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pma-session-account small{display:block;margin-top:3px;color:var(--pma-muted,#6b7b79);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pma-session-remember{margin:16px 0 18px}.pma-welcome.is-installed .pma-welcome-copy>span{display:inline-flex;align-items:center;gap:6px}.pma-welcome.is-installed .pma-welcome-copy>span:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#173b3d;color:#fff;font-size:11px}.pma-session-onboarding .pma-welcome-sheet{padding-bottom:max(28px,env(safe-area-inset-bottom))}

/* v1.2.3 — auth state is verified server-side before personalized UI opens */
.pma-auth-boot{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:14px;background:var(--pma-bg,#fffaf1);color:var(--pma-ink,#173b3d)}
.pma-auth-boot img{width:72px;height:72px;object-fit:contain;animation:pmaBootFloat 1.8s ease-in-out infinite}
.pma-auth-boot span{width:48px;height:4px;border-radius:999px;background:linear-gradient(90deg,#173b3d 0 35%,#45c8c4 35% 68%,#f3c958 68%);animation:pmaBootPulse 1s ease-in-out infinite}
.pma-auth-boot small{font-size:10px;letter-spacing:.18em;font-weight:900;opacity:.62}
@keyframes pmaBootFloat{50%{transform:translateY(-5px)}}
@keyframes pmaBootPulse{50%{opacity:.35;transform:scaleX(.72)}}

/* APP isolation: global site widgets (hosting assistants, chat bubbles, marketing
   overlays, etc.) must never leak into the standalone PETMELO experience. */
body.petmelo-app-body>[data-pma-external-ui="1"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.petmelo-app-body iframe[src*="hostinger" i],body.petmelo-app-body [id*="hostinger" i],body.petmelo-app-body [class*="hostinger" i]{display:none!important}


/* v1.3 — living sky: time + local weather */
.pma-home-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#6ec6ee 0%,#46c7c6 100%);transition:background .55s ease,color .35s ease}
.pma-home-hero.is-night{background:radial-gradient(circle at 78% 18%,rgba(83,133,178,.34),transparent 27%),linear-gradient(165deg,#102c49 0%,#0b2737 48%,#092326 100%)}
.pma-home-hero.pma-sky-cloudy.is-day{background:linear-gradient(165deg,#9ec7d3 0%,#72bdc5 58%,#55c6bc 100%)}
.pma-home-hero.pma-sky-rain.is-day,.pma-home-hero.pma-sky-storm.is-day{background:linear-gradient(165deg,#829fac 0%,#607f8d 56%,#406f76 100%)}
.pma-home-hero.pma-sky-fog.is-day{background:linear-gradient(165deg,#c2d8da 0%,#9bc9c8 58%,#79c5bc 100%)}
.pma-home-hero.pma-sky-snow.is-day{background:linear-gradient(165deg,#c7e2ec 0%,#9bd5db 60%,#76c9c1 100%)}
.pma-home-hero .pma-home-top,.pma-home-hero .pma-hero-pet,.pma-home-hero .pma-hero-empty-pet{position:relative;z-index:5}
.pma-home-hero.is-night .pma-home-top,.pma-home-hero.pma-sky-rain .pma-home-top,.pma-home-hero.pma-sky-storm .pma-home-top{color:#fff}
.pma-weather-scene{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.pma-celestial{position:absolute;right:48px;top:76px;width:68px;height:68px;border-radius:50%;background:#ffe16f;box-shadow:0 0 0 13px rgba(255,225,111,.13),0 0 45px rgba(255,215,83,.62);animation:pmaFloatSky 5.5s ease-in-out infinite}
.pma-weather-scene.is-night .pma-celestial{background:#f6f2d4;box-shadow:0 0 0 10px rgba(241,239,211,.07),0 0 35px rgba(201,224,255,.28)}
.pma-weather-scene.is-night .pma-celestial:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;left:-12px;top:-7px;background:#15344c}
.pma-star{display:none;position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.9);animation:pmaTwinkle 2.6s ease-in-out infinite}
.pma-weather-scene.is-night .pma-star{display:block}.pma-star.s1{left:18%;top:31%}.pma-star.s2{left:72%;top:43%;animation-delay:.8s}.pma-star.s3{left:84%;top:25%;animation-delay:1.4s}.pma-star.s4{left:58%;top:17%;animation-delay:.3s}
.pma-cloud{position:absolute;display:none;width:78px;height:25px;border-radius:999px;background:rgba(255,255,255,.48);filter:drop-shadow(0 7px 12px rgba(25,66,77,.05));animation:pmaCloudDrift 15s ease-in-out infinite;opacity:.72}
.pma-cloud i{position:absolute;display:block;border-radius:50%;background:inherit}.pma-cloud i:nth-child(1){width:31px;height:31px;left:13px;top:-14px}.pma-cloud i:nth-child(2){width:39px;height:39px;left:33px;top:-21px}.pma-cloud i:nth-child(3){width:27px;height:27px;right:3px;top:-9px}
.pma-cloud.c1{right:14px;top:152px}.pma-cloud.c2{left:-12px;top:208px;transform:scale(.68);opacity:.42;animation-delay:-6s}
.pma-sky-cloudy .pma-cloud,.pma-sky-rain .pma-cloud,.pma-sky-storm .pma-cloud,.pma-sky-snow .pma-cloud,.pma-sky-fog .pma-cloud{display:block}.pma-sky-cloudy .pma-celestial{opacity:.52;filter:blur(.4px)}
.pma-sky-rain .pma-cloud,.pma-sky-storm .pma-cloud{background:rgba(224,235,239,.75)}.is-night .pma-cloud{background:rgba(204,220,228,.22);filter:none}
.pma-rain{display:none;position:absolute;inset:0}.pma-sky-rain .pma-rain,.pma-sky-storm .pma-rain{display:block}.pma-rain i{position:absolute;top:138px;width:2px;height:20px;border-radius:999px;background:rgba(235,249,255,.58);transform:rotate(12deg);animation:pmaRain 1.15s linear infinite}.pma-rain i:nth-child(1){left:12%;animation-delay:-.2s}.pma-rain i:nth-child(2){left:24%;animation-delay:-.75s}.pma-rain i:nth-child(3){left:36%;animation-delay:-.4s}.pma-rain i:nth-child(4){left:48%;animation-delay:-.95s}.pma-rain i:nth-child(5){left:60%;animation-delay:-.25s}.pma-rain i:nth-child(6){left:71%;animation-delay:-.64s}.pma-rain i:nth-child(7){left:81%;animation-delay:-.48s}.pma-rain i:nth-child(8){left:90%;animation-delay:-.82s}.pma-rain i:nth-child(9){left:55%;animation-delay:-1.05s}
.pma-sky-storm .pma-weather-scene:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.14);opacity:0;animation:pmaLightning 7s infinite}
.pma-sky-fog .pma-weather-scene:before,.pma-sky-fog .pma-weather-scene:after{content:"";position:absolute;left:-20%;width:140%;height:55px;border-radius:50%;background:rgba(255,255,255,.19);filter:blur(7px);animation:pmaFog 10s ease-in-out infinite}.pma-sky-fog .pma-weather-scene:before{top:145px}.pma-sky-fog .pma-weather-scene:after{top:215px;animation-delay:-4s}
.pma-sky-snow .pma-rain{display:block}.pma-sky-snow .pma-rain i{width:5px;height:5px;border-radius:50%;transform:none;background:#fff;animation:pmaSnow 3.4s linear infinite}
.pma-weather-pill{position:absolute;z-index:7;right:18px;bottom:43px;min-height:38px;border:1px solid rgba(255,255,255,.42);border-radius:16px;background:rgba(255,255,255,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#173b3d;padding:7px 11px;display:flex;align-items:center;gap:7px;box-shadow:0 9px 24px rgba(18,54,63,.08)}
.pma-weather-pill b{font-size:17px}.pma-weather-pill span{font-size:9px;font-weight:850}.pma-weather-pill.is-action{border:0;cursor:pointer;font:inherit}.pma-home-hero.is-night .pma-weather-pill,.pma-home-hero.pma-sky-rain .pma-weather-pill,.pma-home-hero.pma-sky-storm .pma-weather-pill{background:rgba(7,30,39,.52);color:#fff;border-color:rgba(255,255,255,.18)}
.pma-theme-grid.is-three{grid-template-columns:repeat(3,1fr)}.pma-theme-grid.is-three button{padding:10px 7px;gap:7px;flex-direction:column;text-align:center}.pma-theme-grid.is-three button>i{width:36px;height:36px;font-style:normal}.pma-weather-setting{width:100%;margin-top:10px;border:1px solid var(--pma-line,#e0e9e6);background:var(--pma-soft,#f7faf9);color:var(--pma-ink);border-radius:17px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left}.pma-weather-setting strong,.pma-weather-setting small{display:block}.pma-weather-setting strong{font-size:12px}.pma-weather-setting small{font-size:9px;color:var(--pma-muted);margin-top:3px}
.pma-theme-dark .pma-weather-setting{background:#142d30;border-color:#2a484b;color:#eff7f5}
@keyframes pmaFloatSky{50%{transform:translateY(6px)}}@keyframes pmaTwinkle{50%{opacity:.3;transform:scale(.65)}}@keyframes pmaCloudDrift{50%{transform:translateX(-13px)}}@keyframes pmaRain{to{transform:translate(17px,180px) rotate(12deg);opacity:.1}}@keyframes pmaSnow{to{transform:translate(18px,180px) rotate(180deg);opacity:.15}}@keyframes pmaLightning{2%,4%{opacity:.9}3%,5%,100%{opacity:0}}@keyframes pmaFog{50%{transform:translateX(8%)}}
@media(max-width:430px){.pma-weather-pill{bottom:40px;right:14px}.pma-celestial{right:34px;top:85px;width:58px;height:58px}.pma-weather-scene.is-night .pma-celestial:after{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.pma-celestial,.pma-star,.pma-cloud,.pma-rain i,.pma-weather-scene:before,.pma-weather-scene:after{animation:none!important}}


/* v1.4 — PETMELO living scenes: branded header + pet/weather storytelling */
.pma-home-hero{height:430px;padding:calc(18px + var(--safe-t)) 20px 0;background:#102d3b}
.pma-home-hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(3,24,31,.24) 0%,rgba(3,24,31,.03) 35%,rgba(3,24,31,.08) 62%,rgba(3,24,31,.62) 100%)}
.pma-home-top{z-index:8}.pma-scene-brand{width:132px;height:42px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 10px rgba(0,0,0,.25))}.pma-home-hero.is-night .pma-scene-brand,.pma-home-hero.pma-sky-rain .pma-scene-brand,.pma-home-hero.pma-sky-storm .pma-scene-brand{filter:brightness(0) invert(1) drop-shadow(0 3px 10px rgba(0,0,0,.28))}
.pma-weather-scene{z-index:1}.pma-weather-pets{position:absolute;left:0;right:0;bottom:0;height:74%;background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;transform:none;filter:saturate(1.03) contrast(1.02);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%);transition:filter .5s ease,opacity .5s ease}.pma-weather-scene.phase-dawn .pma-weather-pets{filter:saturate(1.08) sepia(.06) brightness(.94)}.pma-weather-scene.phase-sunset .pma-weather-pets{filter:saturate(1.17) sepia(.17) brightness(.82)}.pma-weather-scene.is-night .pma-weather-pets{filter:saturate(.9) brightness(.82) contrast(1.08)}.pma-sky-fog .pma-weather-pets{filter:saturate(.6) brightness(.94) contrast(.9)}.pma-sky-snow .pma-weather-pets{filter:saturate(.72) brightness(.96) contrast(.94)}
.pma-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,34,.4) 0%,rgba(5,28,34,.1) 48%,rgba(5,28,34,.04) 100%)}.pma-home-hero.is-day:not(.pma-sky-rain):not(.pma-sky-storm) .pma-scene-shade{background:linear-gradient(90deg,rgba(6,37,42,.28) 0%,transparent 55%,rgba(6,37,42,.05) 100%)}
.pma-scene-welcome{position:absolute;z-index:8;left:22px;top:calc(78px + var(--safe-t));color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.38)}.pma-scene-welcome small,.pma-scene-welcome strong{display:block}.pma-scene-welcome small{font-size:16px;line-height:1.1;font-weight:520;opacity:.93}.pma-scene-welcome strong{font-size:38px;line-height:.98;letter-spacing:-.045em;margin-top:5px}.pma-scene-welcome:after{content:"";display:block;width:54px;height:3px;border-radius:99px;background:#41d7d0;margin-top:12px;box-shadow:0 0 12px rgba(65,215,208,.55)}
.pma-weather-pill{z-index:9;bottom:74px;right:16px;background:rgba(6,29,38,.68)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 12px 28px rgba(0,0,0,.18);min-height:44px;padding:8px 12px}.pma-weather-pill>i{font-style:normal;font-size:18px}.pma-weather-pill b{font-size:20px}.pma-weather-pill span{font-size:10px}.pma-weather-pill.is-action{max-width:180px}
.pma-scene-add{position:absolute;z-index:9;left:50%;bottom:24px;transform:translateX(-50%);border:0;border-radius:999px;background:linear-gradient(135deg,#31d2cd,#50e0d3);color:#092f32;min-width:245px;min-height:52px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;box-shadow:0 16px 34px rgba(3,24,31,.28)}.pma-scene-add span{width:30px;height:30px;border-radius:50%;background:rgba(9,47,50,.9);color:#53ded7;display:grid;place-items:center;font-size:23px;line-height:1}.pma-scene-add b{font-size:15px}
.pma-scene-user-pet{position:absolute;z-index:9;left:18px;bottom:24px;border:1px solid rgba(255,255,255,.18);background:rgba(5,28,35,.62);color:#fff;border-radius:999px;padding:6px 12px 6px 7px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pma-scene-user-pet img,.pma-scene-user-pet>span{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff;display:grid;place-items:center}.pma-scene-user-pet b{font-size:12px}
.pma-home-sheet{margin-top:-30px}.pma-empty-pet-card{position:relative;z-index:1}.pma-empty-pet-card p{color:var(--pma-muted)!important}.pma-theme-dark .pma-empty-pet-card p{color:#b7c9c6!important}
.pma-snow{display:none;position:absolute;inset:0;z-index:4;pointer-events:none}.pma-sky-snow .pma-snow{display:block}.pma-snow i{position:absolute;top:-12px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.9);animation:pmaSnow 5s linear infinite}.pma-snow i:nth-child(1){left:6%;animation-delay:-1s}.pma-snow i:nth-child(2){left:13%;animation-delay:-3s}.pma-snow i:nth-child(3){left:21%;animation-delay:-.5s}.pma-snow i:nth-child(4){left:29%;animation-delay:-4s}.pma-snow i:nth-child(5){left:37%;animation-delay:-2s}.pma-snow i:nth-child(6){left:45%;animation-delay:-.8s}.pma-snow i:nth-child(7){left:52%;animation-delay:-3.6s}.pma-snow i:nth-child(8){left:59%;animation-delay:-1.8s}.pma-snow i:nth-child(9){left:66%;animation-delay:-4.5s}.pma-snow i:nth-child(10){left:73%;animation-delay:-2.7s}.pma-snow i:nth-child(11){left:80%;animation-delay:-.2s}.pma-snow i:nth-child(12){left:87%;animation-delay:-3.2s}.pma-snow i:nth-child(13){left:92%;animation-delay:-1.2s}.pma-snow i:nth-child(14){left:97%;animation-delay:-4.1s}@keyframes pmaSnow{0%{transform:translate3d(0,-15px,0);opacity:0}12%{opacity:1}100%{transform:translate3d(-16px,450px,0);opacity:.1}}
@media(max-width:430px){.pma-home-hero{height:405px}.pma-scene-brand{width:118px;height:38px}.pma-scene-welcome{top:calc(72px + var(--safe-t));left:18px}.pma-scene-welcome small{font-size:15px}.pma-scene-welcome strong{font-size:34px}.pma-weather-pill{bottom:70px;right:12px}.pma-scene-add{bottom:20px;min-width:225px}.pma-scene-user-pet{bottom:20px}.pma-weather-pets{height:70%;background-size:100% auto;background-position:center bottom}}
@media(min-width:760px){.pma-home-hero{height:455px}.pma-scene-welcome{top:calc(92px + var(--safe-t));left:28px}.pma-scene-welcome strong{font-size:44px}.pma-scene-brand{width:148px}.pma-weather-pill{bottom:82px}}

/* v1.4.1 — responsive scene composition: never zoom pets to fill a tall phone hero */
.pma-weather-pets{max-width:none!important}
@media(max-width:380px){.pma-weather-pets{height:68%;background-size:100% auto}.pma-home-hero{height:395px}}
@media(min-width:431px) and (max-width:759px){.pma-weather-pets{height:76%;background-size:100% auto}}
@media(min-width:760px){.pma-weather-pets{height:82%;background-size:min(100%,900px) auto}}


/* v1.4.2 — scene composition fix
   The weather artwork is now rendered in two layers:
   1) a blurred full-bleed backdrop that always fills the hero;
   2) a smaller sharp foreground that keeps dog/cat at a natural scale.
   This avoids the giant-pet crop on tall phones and removes the hard seam. */
.pma-home-hero{height:420px!important;background:#0d2b36!important}
.pma-home-hero .pma-hero-pattern{opacity:.10!important;z-index:2!important}
.pma-weather-scene{position:absolute!important;inset:0!important;overflow:hidden!important;z-index:1!important;background:transparent!important}
.pma-weather-backdrop{position:absolute;inset:-22px;background-repeat:no-repeat;background-size:cover;background-position:center 55%;filter:blur(16px) saturate(.96) brightness(.72);transform:scale(1.08);opacity:.82;z-index:0}
.pma-weather-pets{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-repeat:no-repeat!important;background-size:86% auto!important;background-position:center bottom!important;filter:none!important;transform:none!important;opacity:1!important;z-index:1!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 10%,#000 22%,#000 100%)!important;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 10%,#000 22%,#000 100%)!important}
.pma-weather-scene.phase-dawn .pma-weather-pets{filter:saturate(1.05) sepia(.05) brightness(.96)!important}
.pma-weather-scene.phase-sunset .pma-weather-pets{filter:saturate(1.08) sepia(.10) brightness(.88)!important}
.pma-weather-scene.is-night .pma-weather-pets{filter:saturate(.92) brightness(.88) contrast(1.04)!important}
.pma-sky-fog .pma-weather-pets{filter:saturate(.72) brightness(.94) contrast(.94)!important}
.pma-sky-snow .pma-weather-pets{filter:saturate(.82) brightness(.98) contrast(.96)!important}
/* The scene art already contains moon/clouds/weather. Hide duplicate CSS illustrations. */
.pma-weather-scene.has-art .pma-celestial,.pma-weather-scene.has-art .pma-star,.pma-weather-scene.has-art .pma-cloud{display:none!important}
.pma-scene-shade{z-index:2!important;background:linear-gradient(90deg,rgba(3,21,27,.46) 0%,rgba(3,21,27,.18) 48%,rgba(3,21,27,.06) 100%)!important}
.pma-home-hero.is-day:not(.pma-sky-rain):not(.pma-sky-storm) .pma-scene-shade{background:linear-gradient(90deg,rgba(5,34,38,.30) 0%,rgba(5,34,38,.05) 56%,rgba(5,34,38,.02) 100%)!important}
.pma-home-hero:after{z-index:3!important;background:linear-gradient(180deg,rgba(3,24,31,.14) 0%,rgba(3,24,31,.02) 42%,rgba(3,24,31,.10) 68%,rgba(3,24,31,.58) 100%)!important}
.pma-scene-brand,.pma-scene-welcome,.pma-home-top{z-index:8!important}.pma-weather-pill,.pma-scene-add,.pma-scene-user-pet{z-index:9!important}

@media(max-width:380px){
  .pma-home-hero{height:400px!important}
  .pma-weather-pets{background-size:82% auto!important;background-position:center bottom!important}
  .pma-weather-backdrop{background-position:center 58%!important}
}
@media(min-width:381px) and (max-width:430px){
  .pma-home-hero{height:415px!important}
  .pma-weather-pets{background-size:84% auto!important;background-position:center bottom!important}
}
@media(min-width:431px) and (max-width:759px){
  .pma-home-hero{height:430px!important}
  .pma-weather-pets{background-size:82% auto!important;background-position:center bottom!important}
}
@media(min-width:760px){
  .pma-home-hero{height:455px!important}
  .pma-weather-pets{background-size:76% auto!important;background-position:center bottom!important}
  .pma-weather-backdrop{background-position:center 52%!important}
}


/* v1.4.3 — full-bleed weather hero
   One scene image only. No duplicated/blurred layer and no contained image box.
   The scene fills the entire header; each weather asset has its own focal point. */
.pma-home-hero{
  height:350px!important;
  background:#12343d!important;
  padding:calc(14px + var(--safe-t)) 18px 0!important;
}
.pma-weather-backdrop,.pma-weather-pets{display:none!important}
.pma-weather-scene{position:absolute!important;inset:0!important;overflow:hidden!important;z-index:1!important;background:transparent!important}
.pma-weather-art{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center 54%!important;
  transform:none!important;
  filter:saturate(1.02) contrast(1.02)!important;
}
/* Wide daytime scenes */
.pma-weather-art.scene-clear-day,.pma-weather-art.scene-cloudy-day,.pma-weather-art.scene-dawn,.pma-weather-art.scene-sunset,.pma-weather-art.scene-fog-day,.pma-weather-art.scene-snow-day{background-position:center 52%!important}
.pma-weather-art.scene-rain-day,.pma-weather-art.scene-storm-day{background-position:center 48%!important}
/* Square night scenes have lots of sky; keep pets naturally smaller and low. */
.pma-weather-art.scene-clear-night,.pma-weather-art.scene-cloudy-night,.pma-weather-art.scene-fog-night,.pma-weather-art.scene-snow-night{background-position:center 66%!important}
.pma-weather-art.scene-rain-night,.pma-weather-art.scene-storm-night{background-position:center 52%!important}
.pma-weather-scene.phase-dawn .pma-weather-art{filter:saturate(1.06) sepia(.05) brightness(.98)!important}
.pma-weather-scene.phase-sunset .pma-weather-art{filter:saturate(1.08) sepia(.08) brightness(.92)!important}
.pma-weather-scene.is-night .pma-weather-art{filter:saturate(.96) brightness(.88) contrast(1.06)!important}
.pma-weather-scene.has-art .pma-celestial,.pma-weather-scene.has-art .pma-star,.pma-weather-scene.has-art .pma-cloud{display:none!important}
.pma-weather-scene.has-art .pma-rain,.pma-weather-scene.has-art .pma-snow{opacity:.55}
.pma-scene-shade{z-index:2!important;background:linear-gradient(90deg,rgba(2,19,25,.54) 0%,rgba(2,19,25,.22) 46%,rgba(2,19,25,.04) 100%)!important}
.pma-home-hero.is-day:not(.pma-sky-rain):not(.pma-sky-storm) .pma-scene-shade{background:linear-gradient(90deg,rgba(5,39,43,.38) 0%,rgba(5,39,43,.10) 48%,rgba(5,39,43,.02) 100%)!important}
.pma-home-hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(3,21,28,.10) 0%,rgba(3,21,28,.00) 44%,rgba(3,21,28,.08) 66%,rgba(3,21,28,.52) 100%)!important}
.pma-home-hero .pma-hero-pattern{display:none!important}
.pma-home-top{z-index:8!important}
.pma-scene-brand{width:116px!important;height:34px!important}
.pma-scene-welcome{z-index:8!important;left:18px!important;top:calc(72px + var(--safe-t))!important}
.pma-scene-welcome small{font-size:14px!important}
.pma-scene-welcome strong{font-size:34px!important}
.pma-scene-welcome:after{width:48px!important;margin-top:10px!important}
.pma-weather-pill{z-index:9!important;right:12px!important;bottom:64px!important;min-height:42px!important;padding:7px 11px!important}
.pma-weather-pill b{font-size:19px!important}.pma-weather-pill span{font-size:10px!important}
.pma-scene-add{z-index:9!important;bottom:12px!important;min-width:224px!important;min-height:48px!important;padding:0 18px!important}
.pma-scene-add b{font-size:14px!important}.pma-scene-add span{width:28px!important;height:28px!important;font-size:21px!important}
.pma-scene-user-pet{z-index:9!important;bottom:12px!important}
.pma-home-sheet{margin-top:-22px!important}
@media(max-width:380px){
  .pma-home-hero{height:335px!important}
  .pma-scene-welcome{top:calc(68px + var(--safe-t))!important}
  .pma-scene-welcome strong{font-size:32px!important}
  .pma-weather-pill{bottom:60px!important}
  .pma-scene-add{bottom:10px!important;min-width:212px!important}
}
@media(min-width:431px) and (max-width:759px){.pma-home-hero{height:365px!important}}
@media(min-width:760px){
  .pma-home-hero{height:400px!important}
  .pma-scene-brand{width:132px!important;height:40px!important}
  .pma-scene-welcome{left:26px!important;top:calc(86px + var(--safe-t))!important}
  .pma-scene-welcome strong{font-size:42px!important}
  .pma-weather-pill{right:22px!important;bottom:72px!important}
}


/* v1.5.1 — CSS-ONLY LIVING SCENE
   No weather photography or scene bitmaps are used in the hero.
   The complete atmosphere, landscape and pet characters are composed in CSS,
   so the header scales consistently on every phone aspect ratio. */
.pma-home-hero{
  --scene-top:#73c9f3;--scene-mid:#55c7d4;--scene-bottom:#2e908f;
  --scene-hill:#27757a;--scene-hill-2:#1d6269;--scene-ground:#174e51;
  --scene-cloud:rgba(255,255,255,.78);--scene-glow:rgba(255,225,112,.7);
  height:360px!important;padding:calc(14px + var(--safe-t)) 18px 0!important;
  background:linear-gradient(180deg,var(--scene-top) 0%,var(--scene-mid) 58%,var(--scene-bottom) 100%)!important;
  isolation:isolate;overflow:hidden;
}
.pma-weather-art,.pma-weather-backdrop,.pma-weather-pets{display:none!important;background-image:none!important}
.pma-weather-scene.pma-css-scene{position:absolute!important;inset:0!important;z-index:1!important;overflow:hidden!important;background:transparent!important}
.pma-home-hero:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(3,25,31,.06),rgba(3,25,31,0) 46%,rgba(3,25,31,.10) 70%,rgba(3,25,31,.34))!important}
.pma-home-hero .pma-hero-pattern{display:none!important}

/* Scene palettes */
.pma-home-hero.phase-dawn{--scene-top:#617ea4;--scene-mid:#e8a16d;--scene-bottom:#e8bd73;--scene-hill:#385d68;--scene-hill-2:#274a55;--scene-ground:#214448;--scene-glow:rgba(255,207,112,.82)}
.pma-home-hero.phase-sunset{--scene-top:#765483;--scene-mid:#ee875d;--scene-bottom:#f1b960;--scene-hill:#664c55;--scene-hill-2:#493c48;--scene-ground:#322f34;--scene-glow:rgba(255,180,76,.82)}
.pma-home-hero.is-night{--scene-top:#071b31;--scene-mid:#0a3146;--scene-bottom:#0d4448;--scene-hill:#0b2f38;--scene-hill-2:#08252e;--scene-ground:#071f25;--scene-cloud:rgba(183,207,220,.20);--scene-glow:rgba(207,229,255,.28)}
.pma-home-hero.pma-sky-cloudy.is-day{--scene-top:#9bb8c3;--scene-mid:#7fa9b3;--scene-bottom:#5f999c;--scene-hill:#517f82;--scene-hill-2:#3f6d71;--scene-ground:#315d5f;--scene-cloud:rgba(242,248,248,.82)}
.pma-home-hero.pma-sky-rain{--scene-top:#526a78;--scene-mid:#425d69;--scene-bottom:#31585d;--scene-hill:#284b53;--scene-hill-2:#203e46;--scene-ground:#17363d;--scene-cloud:rgba(211,224,230,.78)}
.pma-home-hero.pma-sky-storm{--scene-top:#243744;--scene-mid:#293e48;--scene-bottom:#223f44;--scene-hill:#1b333a;--scene-hill-2:#162a31;--scene-ground:#10262b;--scene-cloud:rgba(190,203,210,.66)}
.pma-home-hero.pma-sky-fog{--scene-top:#b9cbce;--scene-mid:#9eb7b9;--scene-bottom:#849fa1;--scene-hill:#718b8c;--scene-hill-2:#647c7d;--scene-ground:#526b6c;--scene-cloud:rgba(248,251,250,.72)}
.pma-home-hero.pma-sky-snow{--scene-top:#bfd8e7;--scene-mid:#a7cbd8;--scene-bottom:#91bcbf;--scene-hill:#769ea3;--scene-hill-2:#61898e;--scene-ground:#eaf3f4;--scene-cloud:rgba(255,255,255,.84)}
.pma-home-hero.pma-sky-snow.is-night{--scene-top:#10283d;--scene-mid:#17394b;--scene-bottom:#264f58;--scene-hill:#173944;--scene-hill-2:#102e38;--scene-ground:#d9e7e8}

/* Sun / moon */
.pma-css-celestial{position:absolute;right:58px;top:74px;width:58px;height:58px;border-radius:50%;background:#ffe477;box-shadow:0 0 0 12px rgba(255,228,119,.10),0 0 42px var(--scene-glow);animation:pmaCssFloat 6s ease-in-out infinite}
.phase-dawn .pma-css-celestial,.phase-sunset .pma-css-celestial{top:142px;right:42px;width:48px;height:48px}
.is-night .pma-css-celestial{background:#edf3f4;box-shadow:0 0 0 10px rgba(224,238,244,.05),0 0 36px rgba(210,231,255,.20)}
.is-night .pma-css-celestial:after{content:"";position:absolute;width:51px;height:51px;border-radius:50%;left:-12px;top:-7px;background:var(--scene-top)}
.pma-sky-rain .pma-css-celestial,.pma-sky-storm .pma-css-celestial,.pma-sky-fog .pma-css-celestial{opacity:.28}

/* Stars */
.pma-css-stars{display:none;position:absolute;inset:0}
.is-night .pma-css-stars{display:block}
.pma-css-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff;animation:pmaCssTwinkle 3.2s ease-in-out infinite}
.pma-css-stars i:nth-child(1){left:12%;top:20%}.pma-css-stars i:nth-child(2){left:27%;top:29%;animation-delay:-1s}.pma-css-stars i:nth-child(3){left:42%;top:16%;animation-delay:-.4s}.pma-css-stars i:nth-child(4){left:58%;top:31%;animation-delay:-1.8s}.pma-css-stars i:nth-child(5){left:72%;top:18%;animation-delay:-.8s}.pma-css-stars i:nth-child(6){left:88%;top:36%;animation-delay:-2.1s}.pma-css-stars i:nth-child(7){left:19%;top:43%;animation-delay:-1.4s}.pma-css-stars i:nth-child(8){left:52%;top:45%;animation-delay:-2.4s}.pma-css-stars i:nth-child(9){left:80%;top:52%;animation-delay:-.2s}.pma-css-stars i:nth-child(10){left:34%;top:51%;animation-delay:-1.2s}.pma-css-stars i:nth-child(11){left:65%;top:9%;animation-delay:-2s}.pma-css-stars i:nth-child(12){left:92%;top:12%;animation-delay:-.6s}

/* Clouds */
.pma-css-cloud{position:absolute;width:96px;height:28px;border-radius:999px;background:var(--scene-cloud);filter:drop-shadow(0 8px 12px rgba(10,45,55,.08));opacity:0;animation:pmaCssCloud 18s ease-in-out infinite}
.pma-css-cloud i{position:absolute;border-radius:50%;background:inherit}.pma-css-cloud i:nth-child(1){width:38px;height:38px;left:13px;top:-17px}.pma-css-cloud i:nth-child(2){width:48px;height:48px;left:38px;top:-27px}.pma-css-cloud i:nth-child(3){width:34px;height:34px;right:3px;top:-12px}
.pma-css-cloud.cloud-a{right:18px;top:122px}.pma-css-cloud.cloud-b{left:-28px;top:178px;transform:scale(.72);animation-delay:-7s}.pma-css-cloud.cloud-c{right:38%;top:70px;transform:scale(.52);animation-delay:-12s}
.pma-sky-cloudy .pma-css-cloud,.pma-sky-rain .pma-css-cloud,.pma-sky-storm .pma-css-cloud,.pma-sky-snow .pma-css-cloud,.pma-sky-fog .pma-css-cloud{opacity:.92}
.pma-sky-cloudy .cloud-c{opacity:.62}.pma-sky-rain .cloud-a,.pma-sky-storm .cloud-a{transform:scale(1.08)}

/* CSS landscape */
.pma-css-landscape{position:absolute;inset:0;overflow:hidden}
.pma-css-hill{position:absolute;bottom:72px;width:75%;height:92px;border-radius:55% 55% 0 0;background:var(--scene-hill);opacity:.96}
.pma-css-hill.hill-a{left:-18%;transform:rotate(3deg)}.pma-css-hill.hill-b{right:-28%;height:116px;background:var(--scene-hill-2);transform:rotate(-3deg)}
.pma-css-city{position:absolute;left:0;right:0;bottom:78px;height:42px;opacity:.42;background:linear-gradient(90deg,transparent 0 5%,rgba(8,38,44,.75) 5% 9%,transparent 9% 12%,rgba(8,38,44,.78) 12% 17%,transparent 17% 23%,rgba(8,38,44,.65) 23% 26%,transparent 26% 35%,rgba(8,38,44,.76) 35% 40%,transparent 40% 49%,rgba(8,38,44,.72) 49% 53%,transparent 53% 61%,rgba(8,38,44,.72) 61% 68%,transparent 68% 77%,rgba(8,38,44,.76) 77% 81%,transparent 81% 88%,rgba(8,38,44,.65) 88% 93%,transparent 93% 100%)}
.is-night .pma-css-city:after{content:"";position:absolute;inset:6px 0 0;background:radial-gradient(circle,rgba(255,213,104,.9) 0 1px,transparent 2px);background-size:27px 13px;opacity:.58}
.pma-css-ground{position:absolute;left:-6%;right:-6%;bottom:-44px;height:145px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--scene-ground) 86%,#4c7b61 14%),var(--scene-ground));box-shadow:inset 0 16px 30px rgba(255,255,255,.025)}
.pma-sky-snow .pma-css-ground{background:linear-gradient(180deg,#f1f7f7,#d9e8e9 42%,#bdd3d4)}

/* Rain, snow, fog and lightning */
.pma-css-rain,.pma-css-snow,.pma-css-fog{display:none;position:absolute;inset:0;z-index:5;pointer-events:none}.pma-sky-rain .pma-css-rain,.pma-sky-storm .pma-css-rain{display:block}.pma-sky-snow .pma-css-snow{display:block}.pma-sky-fog .pma-css-fog{display:block}
.pma-css-rain i{position:absolute;top:95px;width:1.5px;height:21px;border-radius:99px;background:rgba(224,245,251,.65);transform:rotate(12deg);animation:pmaCssRain 1.1s linear infinite}.pma-css-rain i:nth-child(1){left:5%}.pma-css-rain i:nth-child(2){left:13%;animation-delay:-.7s}.pma-css-rain i:nth-child(3){left:21%;animation-delay:-.3s}.pma-css-rain i:nth-child(4){left:29%;animation-delay:-.9s}.pma-css-rain i:nth-child(5){left:37%;animation-delay:-.5s}.pma-css-rain i:nth-child(6){left:45%;animation-delay:-.1s}.pma-css-rain i:nth-child(7){left:53%;animation-delay:-.8s}.pma-css-rain i:nth-child(8){left:61%;animation-delay:-.4s}.pma-css-rain i:nth-child(9){left:69%;animation-delay:-.95s}.pma-css-rain i:nth-child(10){left:77%;animation-delay:-.6s}.pma-css-rain i:nth-child(11){left:85%;animation-delay:-.2s}.pma-css-rain i:nth-child(12){left:93%;animation-delay:-.75s}.pma-css-rain i:nth-child(13){left:48%;animation-delay:-.35s}.pma-css-rain i:nth-child(14){left:72%;animation-delay:-.88s}
.pma-css-snow i{position:absolute;top:-10px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 7px rgba(255,255,255,.5);animation:pmaCssSnow 5.5s linear infinite}.pma-css-snow i:nth-child(1){left:6%}.pma-css-snow i:nth-child(2){left:12%;animation-delay:-2s}.pma-css-snow i:nth-child(3){left:18%;animation-delay:-4s}.pma-css-snow i:nth-child(4){left:24%;animation-delay:-1s}.pma-css-snow i:nth-child(5){left:31%;animation-delay:-3s}.pma-css-snow i:nth-child(6){left:38%;animation-delay:-5s}.pma-css-snow i:nth-child(7){left:45%;animation-delay:-2.4s}.pma-css-snow i:nth-child(8){left:52%;animation-delay:-4.4s}.pma-css-snow i:nth-child(9){left:59%;animation-delay:-1.4s}.pma-css-snow i:nth-child(10){left:66%;animation-delay:-3.4s}.pma-css-snow i:nth-child(11){left:72%;animation-delay:-.7s}.pma-css-snow i:nth-child(12){left:78%;animation-delay:-2.8s}.pma-css-snow i:nth-child(13){left:84%;animation-delay:-4.8s}.pma-css-snow i:nth-child(14){left:90%;animation-delay:-1.8s}.pma-css-snow i:nth-child(15){left:96%;animation-delay:-3.8s}.pma-css-snow i:nth-child(16){left:42%;animation-delay:-.2s}.pma-css-snow i:nth-child(17){left:68%;animation-delay:-2.2s}.pma-css-snow i:nth-child(18){left:29%;animation-delay:-4.2s}
.pma-css-fog i{position:absolute;left:-18%;width:136%;height:38px;border-radius:50%;background:rgba(255,255,255,.24);filter:blur(7px);animation:pmaCssFog 10s ease-in-out infinite}.pma-css-fog i:nth-child(1){top:105px}.pma-css-fog i:nth-child(2){top:170px;animation-delay:-3s}.pma-css-fog i:nth-child(3){top:230px;animation-delay:-6s}
.pma-css-lightning{display:none;position:absolute;right:26%;top:100px;width:4px;height:72px;background:#e9f7ff;transform:skew(-16deg);box-shadow:0 0 18px #fff}.pma-css-lightning:after{content:"";position:absolute;left:-12px;top:38px;width:4px;height:58px;background:inherit;transform:rotate(31deg);transform-origin:top}.pma-sky-storm .pma-css-lightning{display:block;animation:pmaCssLightning 7s infinite}

/* CSS pet characters — fixed physical scale, never background-cropped */
.pma-css-pets{position:absolute;z-index:6;right:22px;bottom:44px;width:166px;height:116px;filter:drop-shadow(0 13px 12px rgba(3,23,28,.22))}
.pma-css-dog{position:absolute;left:0;bottom:0;width:96px;height:96px;--dog:#b98252;--dog-dark:#8b5d3b;transform-origin:70% 90%}
.dog-body{position:absolute;left:12px;bottom:10px;width:70px;height:43px;border-radius:52% 48% 42% 45%;background:linear-gradient(150deg,#d29a63,var(--dog));box-shadow:inset -8px -8px 0 rgba(97,57,35,.08)}
.dog-head{position:absolute;right:0;top:15px;width:40px;height:38px;border-radius:48% 52% 44% 48%;background:linear-gradient(145deg,#d69f69,var(--dog))}
.dog-ear{position:absolute;right:24px;top:17px;width:20px;height:31px;border-radius:70% 25% 70% 35%;background:var(--dog-dark);transform:rotate(22deg)}
.dog-muzzle{position:absolute;right:-8px;top:31px;width:24px;height:16px;border-radius:60% 60% 55% 45%;background:#c99567}.dog-muzzle:after{content:"";position:absolute;right:1px;top:4px;width:6px;height:5px;border-radius:60%;background:#253337}
.dog-eye{position:absolute;right:12px;top:27px;width:4px;height:4px;border-radius:50%;background:#142a2d;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.dog-leg{position:absolute;bottom:0;width:14px;height:31px;border-radius:9px;background:var(--dog)}.dog-leg.l1{left:27px}.dog-leg.l2{left:62px;height:28px}
.dog-tail{position:absolute;left:-3px;top:35px;width:32px;height:35px;border:8px solid var(--dog);border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-34deg);transform-origin:bottom right;animation:pmaCssDogTail 2.8s ease-in-out infinite}
.dog-scarf{display:none;position:absolute;right:10px;top:47px;width:28px;height:7px;border-radius:99px;background:#27c8c1;transform:rotate(8deg)}

.pma-css-cat{position:absolute;right:0;bottom:0;width:60px;height:82px;--cat:#53656b;--cat-dark:#38494f}
.cat-body{position:absolute;left:10px;bottom:4px;width:38px;height:53px;border-radius:52% 52% 42% 42%;background:linear-gradient(160deg,#657981,var(--cat))}
.cat-head{position:absolute;left:14px;top:8px;width:34px;height:31px;border-radius:48% 48% 44% 44%;background:linear-gradient(150deg,#687d84,var(--cat))}
.cat-ear{position:absolute;top:2px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:21px solid var(--cat-dark)}.cat-ear.e1{left:11px;transform:rotate(-18deg)}.cat-ear.e2{right:7px;transform:rotate(18deg)}
.cat-eye{position:absolute;top:20px;width:3px;height:5px;border-radius:50%;background:#d6f4cb}.cat-eye.e1{left:23px}.cat-eye.e2{left:36px}
.cat-tail{position:absolute;right:-7px;bottom:15px;width:34px;height:50px;border:7px solid var(--cat);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(22deg);animation:pmaCssCatTail 4s ease-in-out infinite}
.cat-scarf{display:none;position:absolute;left:13px;top:37px;width:30px;height:6px;border-radius:99px;background:#f0c752}

/* Weather storytelling */
.pma-css-umbrella{display:none;position:absolute;right:-2px;bottom:74px;width:144px;height:64px;border-radius:90px 90px 8px 8px;background:linear-gradient(135deg,#2fcac3,#1d9f9e);transform:rotate(-2deg);box-shadow:inset 0 -5px 0 rgba(0,0,0,.06)}
.pma-css-umbrella:before{content:"";position:absolute;left:70px;top:56px;width:4px;height:65px;border-radius:99px;background:#173b3d}.pma-css-umbrella:after{content:"";position:absolute;left:70px;top:111px;width:22px;height:14px;border:4px solid #173b3d;border-left:0;border-top:0;border-radius:0 0 12px 0}
.pma-sky-rain .pma-css-umbrella,.pma-sky-storm .pma-css-umbrella{display:block}.pma-sky-rain .pma-css-pets,.pma-sky-storm .pma-css-pets{right:24px;bottom:28px;transform:scale(.90)}
.pma-sky-rain .pma-css-dog,.pma-sky-storm .pma-css-dog{transform:translateX(14px) scale(.94)}.pma-sky-rain .pma-css-cat,.pma-sky-storm .pma-css-cat{transform:translateX(-10px) scale(.94)}
.pma-sky-snow .dog-scarf,.pma-sky-snow .cat-scarf{display:block}.pma-sky-snow .pma-css-pets{bottom:52px}
.pma-sky-fog .pma-css-pets{opacity:.72;filter:drop-shadow(0 10px 10px rgba(3,23,28,.10))}
.is-night .pma-css-dog{--dog:#846747;--dog-dark:#5e4938}.is-night .pma-css-cat{--cat:#405058;--cat-dark:#2d3c42}.is-night .pma-css-pets{transform:translateY(2px)}
.phase-dawn .pma-css-pets,.phase-sunset .pma-css-pets{bottom:48px}.phase-sunset .pma-css-pets{filter:drop-shadow(0 15px 18px rgba(72,37,25,.25))}

/* Text/controls above CSS scene */
.pma-scene-shade{position:absolute!important;inset:0!important;z-index:7!important;background:linear-gradient(90deg,rgba(3,24,30,.34) 0%,rgba(3,24,30,.10) 48%,transparent 78%)!important;pointer-events:none}
.pma-home-hero.is-day:not(.pma-sky-rain):not(.pma-sky-storm) .pma-scene-shade{background:linear-gradient(90deg,rgba(5,36,41,.28) 0%,rgba(5,36,41,.06) 50%,transparent 82%)!important}
.pma-home-top{position:relative;z-index:10!important}.pma-scene-brand{width:116px!important;height:34px!important;object-fit:contain}.pma-scene-welcome{z-index:10!important;left:18px!important;top:calc(73px + var(--safe-t))!important;color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.34)}.pma-scene-welcome small{font-size:14px!important}.pma-scene-welcome strong{font-size:34px!important}.pma-scene-welcome:after{width:48px!important;margin-top:10px!important}
.pma-weather-pill{z-index:11!important;right:14px!important;bottom:66px!important;background:rgba(7,31,39,.64)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;min-height:42px!important;padding:7px 11px!important}.pma-weather-pill b{font-size:19px!important}.pma-weather-pill span{font-size:10px!important}
.pma-scene-add{z-index:11!important;bottom:13px!important;min-width:224px!important;min-height:48px!important}.pma-scene-user-pet{z-index:11!important;bottom:13px!important}.pma-home-sheet{margin-top:-22px!important}

@keyframes pmaCssFloat{50%{transform:translateY(5px)}}@keyframes pmaCssTwinkle{50%{opacity:.28;transform:scale(.6)}}@keyframes pmaCssCloud{50%{transform:translateX(-13px)}}@keyframes pmaCssRain{to{transform:translate(16px,255px) rotate(12deg);opacity:.08}}@keyframes pmaCssSnow{to{transform:translate(16px,390px) rotate(180deg);opacity:.08}}@keyframes pmaCssFog{50%{transform:translateX(8%)}}@keyframes pmaCssLightning{0%,96%,100%{opacity:0}97%{opacity:1}97.7%{opacity:.1}98.2%{opacity:1}99%{opacity:0}}@keyframes pmaCssDogTail{0%,100%{transform:rotate(-34deg)}50%{transform:rotate(-10deg)}}@keyframes pmaCssCatTail{0%,100%{transform:rotate(22deg)}50%{transform:rotate(35deg)}}

@media(max-width:380px){.pma-home-hero{height:345px!important}.pma-css-pets{right:12px;bottom:42px;transform:scale(.91);transform-origin:bottom right}.pma-weather-pill{bottom:62px!important;right:10px!important}.pma-scene-add{bottom:10px!important;min-width:210px!important}.pma-scene-welcome{top:calc(68px + var(--safe-t))!important}.pma-scene-welcome strong{font-size:32px!important}}
@media(min-width:431px) and (max-width:759px){.pma-home-hero{height:375px!important}.pma-css-pets{right:34px;bottom:48px;transform:scale(1.06);transform-origin:bottom right}}
@media(min-width:760px){.pma-home-hero{height:405px!important}.pma-css-pets{right:46px;bottom:52px;transform:scale(1.13);transform-origin:bottom right}.pma-scene-welcome{left:26px!important;top:calc(88px + var(--safe-t))!important}.pma-scene-welcome strong{font-size:42px!important}.pma-scene-brand{width:132px!important;height:40px!important}.pma-weather-pill{right:22px!important;bottom:76px!important}}
@media(prefers-reduced-motion:reduce){.pma-css-celestial,.pma-css-stars i,.pma-css-cloud,.pma-css-rain i,.pma-css-snow i,.pma-css-fog i,.pma-css-lightning,.dog-tail,.cat-tail{animation:none!important}}


/* PETMELO APP 1.5.2 — compact transparent brand lockup */
.pma-home-top{align-items:center!important;gap:10px!important}
.pma-home-top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.pma-scene-brand{
  width:118px!important;height:auto!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important;
  filter:none!important;background:transparent!important;padding:0!important;border-radius:0!important;
  box-shadow:none!important;box-sizing:content-box!important;display:block;
}
.pma-home-hero.is-night .pma-scene-brand,.pma-home-hero.pma-sky-rain .pma-scene-brand,.pma-home-hero.pma-sky-storm .pma-scene-brand{filter:none!important}
.pma-weather-pill{display:none!important}
.pma-weather-top{height:42px;min-width:70px;max-width:128px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(6,31,39,.64);color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px rgba(0,0,0,.12);box-sizing:border-box}
.pma-weather-top i{font-style:normal;font-size:15px;line-height:1}.pma-weather-top b{font-size:16px;line-height:1;white-space:nowrap}.pma-weather-top span{font-size:8px;font-weight:800;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pma-weather-top.is-action{min-width:42px;width:42px;padding:0;border:1px solid rgba(255,255,255,.2);font-size:18px;cursor:pointer}
.pma-hero-bell{flex:0 0 44px}
.pma-scene-add{display:none!important}
.pma-scene-user-pet{bottom:16px!important}
.pma-nav-plus{background:var(--pma-aqua)!important;color:#0b3134!important;box-shadow:0 9px 22px rgba(67,200,197,.30)!important}
.pma-bottom-dock button.is-active{color:var(--pma-aqua)!important}
@media(max-width:380px){.pma-scene-brand{width:106px!important;height:auto!important;max-height:31px!important}.pma-weather-top{max-width:92px;padding:0 8px}.pma-weather-top span{display:none}.pma-home-top-actions{gap:6px}}
@media(min-width:760px){.pma-scene-brand{width:132px!important;height:auto!important;max-height:38px!important}.pma-weather-top{height:44px;max-width:144px}.pma-weather-top b{font-size:17px}}


/* v1.5.3 — one APP chrome on every screen + hard isolation from hosting widgets */
body.petmelo-app-body>[data-pma-external-ui="1"],
body.pma-tool-page>[data-pma-external-ui="1"],
body.pma-lock-body>[data-pma-external-ui="1"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.petmelo-app-body iframe[src*="hostinger" i],body.petmelo-app-body [id*="hostinger" i],body.petmelo-app-body [class*="hostinger" i],
body.pma-tool-page iframe[src*="hostinger" i],body.pma-tool-page [id*="hostinger" i],body.pma-tool-page [class*="hostinger" i],
body.pma-lock-body iframe[src*="hostinger" i],body.pma-lock-body [id*="hostinger" i],body.pma-lock-body [class*="hostinger" i]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.pma-tool-shell-root{min-height:100dvh;background:#fff4f2;color:var(--pma-ink);overflow-x:hidden}
.pma-theme-dark .pma-tool-shell-root{background:#102528;color:#eff7f5}
.pma-bottom-dock-static a{border:0;background:transparent;color:#d3dada;text-decoration:none;display:grid;place-items:center;align-content:center;gap:2px;height:54px;font-size:8px;font-weight:800}
.pma-bottom-dock-static a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pma-bottom-dock-static .pma-nav-plus{width:58px!important;height:58px!important;border-radius:50%!important;background:var(--pma-aqua)!important;color:#092f32!important;font-size:31px!important;line-height:1!important;display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;box-shadow:0 8px 20px rgba(69,200,196,.30)!important;text-decoration:none!important}
.pma-app-tool-content{padding-bottom:calc(100px + var(--safe-b))!important}
@media(max-width:430px){.pma-bottom-dock-static{width:min(360px,calc(100% - 28px))}}


/* PETMELO APP 1.5.4 — final hero brand lockup
   The scene hero is always visually busy/dark enough that the monochrome white
   brand has the best contrast. This override intentionally wins over all older
   iterative logo rules above. */
.pma-home-hero .pma-home-top{
  min-height:48px!important;
  align-items:center!important;
}
.pma-home-hero .pma-scene-brand{
  display:block!important;
  width:152px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:brightness(0) invert(1) drop-shadow(0 2px 7px rgba(0,0,0,.35))!important;
  -webkit-filter:brightness(0) invert(1) drop-shadow(0 2px 7px rgba(0,0,0,.35))!important;
}
@media (max-width:380px){
  .pma-home-hero .pma-scene-brand{
    width:138px!important;
    max-height:44px!important;
  }
}
@media (min-width:430px){
  .pma-home-hero .pma-scene-brand{
    width:160px!important;
    max-height:50px!important;
  }
}
@media (min-width:760px){
  .pma-home-hero .pma-scene-brand{
    width:176px!important;
    max-height:54px!important;
  }
}


/* PETMELO APP 1.5.7 — slightly smaller white brand scale on phones */
.pma-home-hero .pma-scene-brand{
  width:160px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.28))!important;
  -webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.28))!important;
  opacity:1!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}
@media (max-width:380px){
  .pma-home-hero .pma-scene-brand{width:144px!important;max-height:43px!important}
}
@media (min-width:430px){
  .pma-home-hero .pma-scene-brand{width:170px!important;max-height:51px!important}
}
@media (min-width:760px){
  .pma-home-hero .pma-scene-brand{width:190px!important;max-height:57px!important}
}


/* PETMELO APP 1.5.8 — Core tools rendered as native APP screens
   The Core remains the data/logic layer, but its public desktop composition is
   normalized inside the APP shell so every tool feels like the same product. */
body.pma-tool-page{
  margin:0!important;
  background:#f6f1ec!important;
  color:#173b3d!important;
  overflow-x:hidden!important;
}
body.pma-tool-page .pma-tool-shell-root{
  min-height:100dvh!important;
  background:#f6f1ec!important;
  color:#173b3d!important;
}
body.pma-tool-page .pma-app-tool-top{
  height:calc(64px + var(--safe-t))!important;
  padding:calc(8px + var(--safe-t)) 14px 8px!important;
  grid-template-columns:44px 1fr 44px!important;
  background:#0d2f32!important;
  border:0!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06)!important;
}
body.pma-tool-page .pma-tool-back{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  font-size:28px!important;
  line-height:1!important;
  text-decoration:none!important;
}
body.pma-tool-page .pma-tool-logo{
  width:112px!important;
  height:34px!important;
  object-fit:contain!important;
  object-position:center!important;
  justify-self:center!important;
  filter:none!important;
  opacity:1!important;
}
body.pma-tool-page .pma-app-tool-content{
  background:#f6f1ec!important;
  padding:0 0 calc(150px + var(--safe-b))!important;
  min-height:calc(100dvh - 64px)!important;
}
body.pma-tool-page .pmc-tool-wrap,
body.pma-tool-page .pmc-hub-hero,
body.pma-tool-page .pmc-hub-section{
  background:transparent!important;
}
body.pma-tool-page .pmc-tool-wrap{
  padding:20px 14px 28px!important;
  min-height:auto!important;
}
body.pma-tool-page .pmc-shell{
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
}
body.pma-tool-page .pmc-tool-head{
  max-width:none!important;
  margin:0 2px 18px!important;
  padding:0!important;
}
body.pma-tool-page .pmc-kicker{
  font-size:9px!important;
  letter-spacing:.13em!important;
  color:#0c807f!important;
  gap:7px!important;
}
body.pma-tool-page .pmc-kicker i{
  width:6px!important;height:6px!important;
  box-shadow:0 0 0 4px rgba(247,210,104,.22)!important;
}
body.pma-tool-page .pmc-tool-head h1{
  font-size:clamp(30px,8.3vw,38px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  margin:10px 0 10px!important;
  color:#173b3d!important;
}
body.pma-tool-page .pmc-tool-head p{
  font-size:14px!important;
  line-height:1.55!important;
  color:#6e7e7c!important;
  margin:0!important;
  max-width:580px!important;
}
body.pma-tool-page .pmc-tool-panel{
  background:#fff!important;
  border:1px solid #e3e9e6!important;
  border-radius:26px!important;
  padding:16px!important;
  box-shadow:0 14px 34px rgba(23,59,61,.07)!important;
  overflow:hidden!important;
}
body.pma-tool-page .pmc-food-panel{max-width:none!important}
body.pma-tool-page .pmc-food-topline{
  margin-bottom:14px!important;
  align-items:center!important;
}
body.pma-tool-page .pmc-food-topline>span{
  font-size:11px!important;
  color:#7b8987!important;
  white-space:nowrap!important;
}
body.pma-tool-page .pmc-segment,
body.pma-tool-page .pmc-chip-row{
  gap:8px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:2px!important;
}
body.pma-tool-page .pmc-segment::-webkit-scrollbar,
body.pma-tool-page .pmc-chip-row::-webkit-scrollbar,
body.pma-tool-page .pmc-food-popular::-webkit-scrollbar{display:none!important}
body.pma-tool-page .pmc-chip,
body.pma-tool-page .pmc-segment button{
  min-height:42px!important;
  flex:0 0 auto!important;
  border-radius:15px!important;
  padding:0 16px!important;
  font-size:13px!important;
  background:#f7faf8!important;
  color:#173b3d!important;
  border:1px solid #dfe8e4!important;
  font-weight:850!important;
}
body.pma-tool-page .pmc-chip.is-active,
body.pma-tool-page .pmc-segment button.is-active{
  background:#173b3d!important;
  color:#fff!important;
  border-color:#173b3d!important;
}
body.pma-tool-page .pmc-searchbox{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
}
body.pma-tool-page .pmc-searchbox>svg{
  position:absolute!important;
  z-index:3!important;
  left:15px!important;
  top:17px!important;
  width:19px!important;
  height:19px!important;
  color:#7e918f!important;
}
body.pma-tool-page .pmc-searchbox input{
  box-sizing:border-box!important;
  width:100%!important;
  height:54px!important;
  border:1px solid #dfe8e4!important;
  border-radius:17px!important;
  background:#f9fbfa!important;
  color:#173b3d!important;
  padding:0 16px 0 45px!important;
  font-size:15px!important;
  outline:0!important;
}
body.pma-tool-page .pmc-searchbox button{
  grid-column:auto!important;
  width:100%!important;
  height:50px!important;
  border-radius:16px!important;
  background:#173b3d!important;
  color:#fff!important;
  padding:0 18px!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.pma-tool-page .pmc-food-popular{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  gap:7px!important;
  margin:15px -2px 0!important;
  padding:0 2px 4px!important;
  scrollbar-width:none!important;
}
body.pma-tool-page .pmc-food-popular strong{
  flex:0 0 auto!important;
  align-self:center!important;
}
body.pma-tool-page .pmc-food-popular button,
body.pma-tool-page .pmc-suggestions button{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  background:#f7faf8!important;
}
body.pma-tool-page .pmc-warning,
body.pma-tool-page .pmc-food-result-head,
body.pma-tool-page .pmc-food-detail-grid section,
body.pma-tool-page .pmc-unknown,
body.pma-tool-page .pmc-place,
body.pma-tool-page .pmc-reminder{
  border-radius:18px!important;
  box-shadow:none!important;
}
body.pma-tool-page .pmc-warning{
  margin-top:16px!important;
  padding:14px!important;
}
body.pma-tool-page .pmc-food-result-head{
  padding:17px!important;
  flex-direction:column!important;
  gap:10px!important;
}
body.pma-tool-page .pmc-food-result h2{font-size:25px!important}
body.pma-tool-page .pmc-food-detail-grid{
  grid-template-columns:1fr!important;
  gap:9px!important;
}
body.pma-tool-page .pmc-food-detail-grid section{padding:15px!important}
body.pma-tool-page .pmc-form-grid,
body.pma-tool-page .pmc-cost-grid{
  grid-template-columns:1fr!important;
  gap:12px!important;
  max-width:none!important;
}
body.pma-tool-page .pmc-span-2{grid-column:1!important}
body.pma-tool-page .pmc-form-grid input,
body.pma-tool-page .pmc-form-grid select{
  width:100%!important;
  box-sizing:border-box!important;
  height:52px!important;
  border-radius:15px!important;
  background:#f9fbfa!important;
}
body.pma-tool-page .pmc-primary{
  width:100%!important;
  min-height:50px!important;
  border-radius:16px!important;
  background:#173b3d!important;
}
body.pma-tool-page .pmc-nearby-actions{
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:18px 0 8px!important;
}
body.pma-tool-page .pmc-nearby-actions>span{display:none!important}
body.pma-tool-page .pmc-inline-input{
  width:100%!important;
  height:52px!important;
  border-radius:16px!important;
  background:#f9fbfa!important;
}
body.pma-tool-page .pmc-results{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.pma-tool-page .pmc-calc-result{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:20px!important;
  max-width:none!important;
}
body.pma-tool-page .pmc-result-grid{grid-template-columns:1fr!important}
body.pma-tool-page .pmc-quick{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  padding-bottom:4px!important;
}
body.pma-tool-page .pmc-quick::-webkit-scrollbar{display:none!important}
body.pma-tool-page .pmc-quick>*{flex:0 0 auto!important}
body.pma-tool-page .pmc-reminder{grid-template-columns:1fr!important}
body.pma-tool-page .pmc-after-card{
  border-radius:22px!important;
  margin-top:16px!important;
}
body.pma-tool-page .pma-bottom-dock-static{
  bottom:calc(12px + var(--safe-b))!important;
  width:min(372px,calc(100% - 28px))!important;
  height:64px!important;
  border-radius:24px!important;
  background:#061315!important;
  box-shadow:0 18px 42px rgba(4,20,22,.30)!important;
}
body.pma-tool-page .pma-bottom-dock-static a{
  height:54px!important;
  color:#dce4e3!important;
  font-size:9px!important;
}
body.pma-tool-page .pma-bottom-dock-static .pma-nav-plus{
  width:58px!important;
  height:58px!important;
  background:#43c8c5!important;
  color:#0a3134!important;
}

/* Native dark mode for every Core tool rendered inside the APP. */
body.pma-tool-page.pma-theme-dark,
body.pma-tool-page.pma-theme-dark .pma-tool-shell-root,
body.pma-tool-page.pma-theme-dark .pma-app-tool-content{
  background:#0b2023!important;
  color:#edf7f5!important;
}
body.pma-tool-page.pma-theme-dark .pmc-tool-head h1,
body.pma-tool-page.pma-theme-dark .pmc-food-topline>span strong,
body.pma-tool-page.pma-theme-dark .pmc-form-grid label>span{
  color:#edf7f5!important;
}
body.pma-tool-page.pma-theme-dark .pmc-tool-head p,
body.pma-tool-page.pma-theme-dark .pmc-food-topline>span,
body.pma-tool-page.pma-theme-dark .pmc-food-result p,
body.pma-tool-page.pma-theme-dark .pmc-place p,
body.pma-tool-page.pma-theme-dark .pmc-reminder p{
  color:#a8bdb9!important;
}
body.pma-tool-page.pma-theme-dark .pmc-tool-panel,
body.pma-tool-page.pma-theme-dark .pmc-food-detail-grid section,
body.pma-tool-page.pma-theme-dark .pmc-food-result-head,
body.pma-tool-page.pma-theme-dark .pmc-unknown,
body.pma-tool-page.pma-theme-dark .pmc-place,
body.pma-tool-page.pma-theme-dark .pmc-reminder{
  background:#132d30!important;
  border-color:#29474a!important;
  color:#edf7f5!important;
}
body.pma-tool-page.pma-theme-dark .pmc-chip,
body.pma-tool-page.pma-theme-dark .pmc-segment button,
body.pma-tool-page.pma-theme-dark .pmc-food-popular button,
body.pma-tool-page.pma-theme-dark .pmc-suggestions button,
body.pma-tool-page.pma-theme-dark .pmc-form-grid input,
body.pma-tool-page.pma-theme-dark .pmc-form-grid select,
body.pma-tool-page.pma-theme-dark .pmc-searchbox input,
body.pma-tool-page.pma-theme-dark .pmc-inline-input{
  background:#173437!important;
  border-color:#315054!important;
  color:#edf7f5!important;
}
body.pma-tool-page.pma-theme-dark .pmc-chip.is-active,
body.pma-tool-page.pma-theme-dark .pmc-segment button.is-active,
body.pma-tool-page.pma-theme-dark .pmc-primary,
body.pma-tool-page.pma-theme-dark .pmc-searchbox button{
  background:#49c9c5!important;
  color:#082c2f!important;
  border-color:#49c9c5!important;
}
body.pma-tool-page.pma-theme-dark .pmc-warning{
  background:#3a3522!important;
  border-color:#5a5130!important;
  color:#f4e9b2!important;
}

@media(max-width:380px){
  body.pma-tool-page .pmc-tool-wrap{padding-left:12px!important;padding-right:12px!important}
  body.pma-tool-page .pmc-tool-head h1{font-size:29px!important}
  body.pma-tool-page .pma-tool-logo{width:102px!important}
  body.pma-tool-page .pma-bottom-dock-static{width:calc(100% - 20px)!important}
}

/* PETMELO APP 1.6.0 — visual system aligned to the product carousel */
.pma-v2-page{padding-bottom:128px}
.pma-v2-home{padding-bottom:120px}
.pma-v2-home-intro{padding:4px 2px 12px}
.pma-v2-home-intro>span,.pma-v2-panel-head span{display:block;font-size:11px;letter-spacing:.13em;font-weight:900;color:#139ea3;text-transform:uppercase;margin-bottom:5px}
.pma-v2-home-intro h2{margin:0;font-size:25px;line-height:1.08;color:var(--pma-ink,#173b3d)}
.pma-v2-home-pets{display:flex;gap:10px;overflow:auto;padding:16px 1px 4px;scrollbar-width:none}
.pma-v2-home-pets::-webkit-scrollbar{display:none}
.pma-v2-home-pets>button{border:0;background:#fff;border-radius:18px;min-width:165px;padding:8px;display:flex;align-items:center;gap:9px;text-align:left;box-shadow:0 8px 24px rgba(22,59,61,.08);outline:1px solid rgba(23,59,61,.08)}
.pma-v2-home-pets>button.is-active{outline:2px solid #39c5c7;background:#f3ffff}
.pma-v2-home-pets img,.pma-v2-home-pets .pma-pet-fallback{width:48px;height:48px;border-radius:15px;object-fit:cover;display:grid;place-items:center;background:#e7f8f6;font-size:25px;flex:none}
.pma-v2-home-pets strong,.pma-v2-home-pets small{display:block}.pma-v2-home-pets strong{font-size:15px;color:#173b3d}.pma-v2-home-pets small{font-size:11px;color:#7b8987;margin-top:2px;white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}
.pma-v2-home-pets .pma-v2-pet-add-mini{min-width:52px;width:52px;justify-content:center;font-size:25px;color:#0a777b;background:#e9fbf9}
.pma-v2-panel{background:#fff;border-radius:26px;padding:18px;margin:14px 0;box-shadow:0 12px 32px rgba(17,53,55,.07);border:1px solid rgba(23,59,61,.07)}
.pma-v2-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:12px}
.pma-v2-panel-head h2{margin:0;color:#173b3d;font-size:20px;line-height:1.1}.pma-v2-panel-head button{border:0;background:transparent;color:#0d8e93;font-weight:800;font-size:12px;padding:5px 0}
.pma-v2-events{display:grid;gap:8px}.pma-v2-event{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;background:#fbfcfb;border:1px solid #e6eeec}.pma-v2-event>i{font-style:normal;width:40px;height:40px;border-radius:12px;background:#eaf9f7;display:grid;place-items:center;font-size:19px}.pma-v2-event>div{min-width:0;flex:1}.pma-v2-event strong,.pma-v2-event small{display:block}.pma-v2-event strong{font-size:14px;color:#173b3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pma-v2-event small{font-size:11px;color:#7b8987;margin-top:2px}.pma-v2-event>span{color:#94a09e;font-size:18px}.pma-v2-event>button{border:0;width:34px;height:34px;border-radius:50%;background:#dff6f2;color:#0d777b;font-weight:900;font-size:17px}
.pma-v2-add-reminder,.pma-v2-add{width:100%;margin-top:10px;border:1px dashed #9bdad6;background:#f4fffd;color:#0b7479;border-radius:15px;padding:12px;font-weight:850}
.pma-v2-pets{display:grid;gap:10px}.pma-v2-pet-card{width:100%;border:1px solid #e4ecea;background:#fff;border-radius:20px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 8px 24px rgba(17,53,55,.05)}.pma-v2-pet-card.is-active{background:linear-gradient(135deg,#dff9f7,#effcfb);border-color:#65d3cf}.pma-v2-pet-photo{width:64px;height:64px;border-radius:18px;object-fit:cover;display:grid;place-items:center;background:#e9f8f7;font-size:30px;flex:none}.pma-v2-pet-card>div{flex:1;min-width:0}.pma-v2-pet-card strong,.pma-v2-pet-card span,.pma-v2-pet-card small{display:block}.pma-v2-pet-card strong{font-size:19px;color:#173b3d}.pma-v2-pet-card span{font-size:13px;color:#46605f;margin-top:2px}.pma-v2-pet-card small{font-size:11px;color:#81908e;margin-top:3px}.pma-v2-pet-card>b{font-size:24px;color:#74aaa7}
.pma-v2-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.pma-v2-actions button{border:0;border-radius:14px;padding:12px;background:#173b3d;color:#fff;font-weight:800}.pma-v2-actions button:last-child{background:#e5f8f5;color:#0b7479}
.pma-v2-push{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;background:linear-gradient(135deg,#24b8bd,#45d3cd);color:#fff;border-radius:22px;padding:15px;margin-top:14px}.pma-v2-push>div:first-child{width:44px;height:44px;background:rgba(255,255,255,.2);border-radius:14px;display:grid;place-items:center;font-size:21px}.pma-v2-push strong{font-size:14px}.pma-v2-push p{font-size:11px;margin:3px 0 0;opacity:.9;line-height:1.35}.pma-v2-push button{border:0;background:#fff;color:#0c777a;border-radius:13px;padding:10px 12px;font-weight:850}
.pma-v2-passport{display:grid;grid-template-columns:78px 1fr auto;gap:13px;align-items:center;background:linear-gradient(135deg,#173b3d,#24595a);color:#fff;border-radius:25px;padding:16px;margin-bottom:14px}.pma-v2-passport-photo{width:78px;height:78px;border-radius:19px;object-fit:cover;background:#fff;display:grid;place-items:center;font-size:34px}.pma-v2-passport span{font-size:9px;letter-spacing:.13em;color:#73ded8;font-weight:900}.pma-v2-passport h2{margin:3px 0 1px;font-size:24px}.pma-v2-passport p,.pma-v2-passport small{margin:0;display:block;color:#d7e6e4;font-size:12px}.pma-v2-passport button{border:0;background:rgba(255,255,255,.12);color:#fff;width:35px;height:35px;border-radius:50%}
.pma-v2-note-list{display:grid;gap:8px}.pma-v2-note-list article{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #e7efed;background:#fbfcfb;border-radius:15px}.pma-v2-note-list article>div{flex:1}.pma-v2-note-list strong{color:#173b3d;font-size:14px}.pma-v2-note-list p{color:#5f7472;font-size:12px;line-height:1.45;margin:4px 0}.pma-v2-note-list small{font-size:10px;color:#93a09f}.pma-v2-note-list button{border:0;background:transparent;color:#8c9b99;font-size:18px}
.pma-v2-content-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.pma-v2-content-links button{border:1px solid #e2ece9;background:#fff;border-radius:20px;padding:14px;text-align:left;display:flex;gap:10px;align-items:center}.pma-v2-content-links button>span{display:block}.pma-v2-content-links strong,.pma-v2-content-links small{display:block}.pma-v2-content-links strong{color:#173b3d;font-size:14px}.pma-v2-content-links small{color:#7e8c8a;font-size:10px;margin-top:3px}
.pma-v2-empty,.pma-v2-empty-card{padding:18px;border-radius:17px;background:#f7faf9;color:#70817f;text-align:center;font-size:12px}.pma-v2-empty-card h2{color:#173b3d;margin:0 0 8px}.pma-v2-empty-card p{margin:0 0 12px}
body.pma-theme-dark .pma-v2-panel,body.pma-theme-dark .pma-v2-pet-card,body.pma-theme-dark .pma-v2-home-pets>button,body.pma-theme-dark .pma-v2-content-links button{background:#17383a;border-color:#2d5354;color:#fff}.pma-theme-dark .pma-v2-panel h2,.pma-theme-dark .pma-v2-pet-card strong,.pma-theme-dark .pma-v2-home-intro h2,.pma-theme-dark .pma-v2-event strong,.pma-theme-dark .pma-v2-content-links strong{color:#fff}.pma-theme-dark .pma-v2-event,.pma-theme-dark .pma-v2-note-list article{background:#102e30;border-color:#315051}.pma-theme-dark .pma-v2-event small,.pma-theme-dark .pma-v2-note-list p{color:#b7c8c6}
@media(max-width:390px){.pma-v2-panel{padding:15px;border-radius:22px}.pma-v2-home-intro h2{font-size:23px}.pma-v2-content-links{grid-template-columns:1fr}.pma-v2-home-pets>button{min-width:150px}}

/* ==========================================================
   PETMELO APP 1.7.0 — Plans, Gallery, Vision and Club
   Native mobile treatment for all paid-product surfaces.
   ========================================================== */
.pma-plan-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(18,47,50,.08);border-radius:18px;background:linear-gradient(135deg,#f8fffd,#eefaf7);box-shadow:0 8px 22px rgba(18,47,50,.05)}
.pma-plan-strip>div{min-width:0}.pma-plan-strip span{display:block;font-size:9px;letter-spacing:.14em;font-weight:900;color:#0e979b}.pma-plan-strip strong{display:block;margin-top:3px;font-size:14px;color:#173b3d}.pma-plan-strip button{border:0;border-radius:12px;background:#173b3d;color:#fff;padding:10px 12px;font-weight:850;font-size:11px;white-space:nowrap}
.pma-photo-locked{width:100%;border:1px dashed #a9d9d5!important;background:#f4fcfa!important;color:#173b3d!important;border-radius:20px!important;padding:13px!important;display:grid!important;grid-template-columns:48px 1fr auto!important;gap:10px!important;align-items:center!important;text-align:left!important;box-shadow:none!important}
.pma-photo-locked>span{width:48px;height:48px;border-radius:15px;background:#dff7f4;display:grid;place-items:center;font-size:22px}.pma-photo-locked strong,.pma-photo-locked small{display:block}.pma-photo-locked strong{font-size:13px}.pma-photo-locked small{margin-top:3px;color:#70827f;font-size:10px;line-height:1.35}.pma-photo-locked>b{font-size:22px;color:#65a8a4}
.pma-v2-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.pma-v2-actions-grid button{border:1px solid #e0ebe8;background:#fff;color:#173b3d;border-radius:15px;padding:11px 8px;font-size:11px;font-weight:850;min-height:45px}.pma-v2-actions-grid button.is-primary{background:#173b3d;color:#fff;border-color:#173b3d}.pma-v2-actions-grid button.is-locked{background:#f6f8f7;color:#899593}
.pma-membership-card{margin:0 0 14px;border-radius:25px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,#173b3d,#245f5d);color:#fff;box-shadow:0 16px 38px rgba(18,47,50,.16);overflow:hidden;position:relative}.pma-membership-card:after{content:"";position:absolute;width:125px;height:125px;border-radius:50%;right:-58px;top:-70px;background:rgba(87,215,207,.15)}.pma-membership-card>div,.pma-membership-card>button{position:relative;z-index:1}.pma-membership-card span{display:block;color:#70ddd7;font-size:9px;font-weight:950;letter-spacing:.14em}.pma-membership-card h2{font-size:18px;line-height:1.1;margin:5px 0 7px;color:#fff}.pma-membership-card p{font-size:10px;line-height:1.4;color:#d2e7e4;margin:0}.pma-membership-card button{border:0;border-radius:13px;padding:10px 11px;background:#fff;color:#0b5557;font-size:10px;font-weight:900;white-space:nowrap}.pma-membership-card.is-start{background:linear-gradient(135deg,#176b6d,#33a6a3)}.pma-membership-card.is-pro{background:linear-gradient(135deg,#092f34,#146a6c)}
.pma-v2-content-links-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Paywall */
.pma-paywall{text-align:left;padding:2px 1px 8px}.pma-paywall>span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e6f8f5;color:#08797d;font-size:9px;letter-spacing:.14em;font-weight:950}.pma-paywall h2{font-size:30px;line-height:.98;letter-spacing:-.045em;margin:12px 0 9px;color:#173b3d}.pma-paywall>p{font-size:13px;line-height:1.5;color:#6c7e7b;margin:0 0 16px}.pma-paywall-price{display:flex;align-items:end;gap:6px;margin:5px 0 14px}.pma-paywall-price b{font-size:31px;line-height:1;color:#0c777a}.pma-paywall-price small{font-size:10px;color:#83918f;padding-bottom:3px}.pma-paywall ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}.pma-paywall li{background:#f5faf8;border:1px solid #e7f0ed;border-radius:13px;padding:10px 11px;color:#38514f;font-size:12px}.pma-paywall-buy{display:flex!important;text-decoration:none!important;align-items:center;justify-content:center}.pma-paywall .pma-secondary{width:100%;margin-top:8px;border:0;background:transparent;color:#6c7d7b;padding:11px;font-weight:800}

/* Locked surfaces */
.pma-locked-feature{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;padding:26px;border-radius:28px;background:linear-gradient(150deg,#f2fffc,#fff7ef);border:1px solid #e5efec}.pma-locked-feature>b{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#dff7f3;font-size:34px;box-shadow:0 12px 28px rgba(18,47,50,.08)}.pma-locked-feature h2{font-size:27px;line-height:1.02;letter-spacing:-.04em;max-width:310px;margin:16px 0 8px}.pma-locked-feature p{font-size:12px;line-height:1.5;color:#71817f;max-width:330px;margin:0 0 14px}.pma-locked-feature button{border:0;border-radius:999px;background:#173b3d;color:#fff;font-weight:900;padding:13px 18px}

/* Gallery */
.pma-gallery-page{padding-bottom:138px}.pma-gallery-upload{background:linear-gradient(145deg,#173b3d,#236264);color:#fff;border-radius:26px;padding:17px;margin-bottom:14px;box-shadow:0 15px 36px rgba(18,47,50,.14)}.pma-gallery-upload>div>span{font-size:9px;color:#75dfd7;letter-spacing:.13em;font-weight:900}.pma-gallery-upload h2{font-size:22px;margin:4px 0 13px;color:#fff}.pma-gallery-upload form{display:grid;grid-template-columns:1fr auto;gap:8px}.pma-gallery-upload label{grid-column:1/-1;border:1px dashed rgba(255,255,255,.32);border-radius:15px;padding:12px;cursor:pointer}.pma-gallery-upload label input{display:none}.pma-gallery-upload label span{font-size:12px;font-weight:850}.pma-gallery-upload input[name="caption"]{min-width:0;border:0;border-radius:13px;background:#fff;color:#173b3d;padding:11px 12px;font:inherit;font-size:12px;outline:none}.pma-gallery-upload button{border:0;border-radius:13px;background:#51d3cd;color:#092e31;font-weight:900;padding:0 14px}.pma-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.pma-gallery-grid article{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#e7efed;box-shadow:0 8px 22px rgba(18,47,50,.07)}.pma-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.pma-gallery-grid article>button{position:absolute;right:7px;top:7px;width:29px;height:29px;border:0;border-radius:50%;background:rgba(6,30,33,.78);color:#fff;font-size:18px;display:grid;place-items:center}.pma-gallery-grid article>small{position:absolute;left:7px;right:7px;bottom:7px;padding:7px 8px;border-radius:10px;background:rgba(6,30,33,.72);color:#fff;font-size:9px;line-height:1.3;backdrop-filter:blur(8px)}.pma-social-maker{border:1px solid #dfebe8;background:#fff;border-radius:25px;padding:17px;margin-top:14px}.pma-social-maker>span{font-size:9px;letter-spacing:.13em;font-weight:900;color:#0d979a}.pma-social-maker h2{font-size:21px;margin:5px 0 7px}.pma-social-maker p{font-size:11px;color:#70817f;line-height:1.45;margin:0}.pma-social-maker>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.pma-social-maker button{border:0;border-radius:14px;padding:12px;background:#e5f8f5;color:#0b7377;font-weight:900}.pma-social-maker button:last-child{background:#173b3d;color:#fff}

/* Vision */
.pma-vision-page{padding-bottom:140px}.pma-vision-quota{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 19px;background:#173b3d;color:#fff;border-radius:20px;margin-bottom:12px;overflow:hidden}.pma-vision-quota span{font-size:9px;letter-spacing:.13em;color:#72ddd6;font-weight:950}.pma-vision-quota strong{font-size:16px}.pma-vision-quota i{position:absolute;left:14px;right:14px;bottom:9px;height:4px;border-radius:99px;background:#33595a;overflow:hidden}.pma-vision-quota i:after{content:"";display:block;width:var(--p,0%);height:100%;border-radius:inherit;background:#50d6cf}.pma-vision-form{background:#fff;border:1px solid #e2ece9;border-radius:27px;padding:15px;box-shadow:0 12px 30px rgba(18,47,50,.06)}.pma-vision-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.pma-vision-types label{cursor:pointer}.pma-vision-types input{position:absolute;opacity:0;pointer-events:none}.pma-vision-types span{min-height:58px;display:flex;align-items:center;gap:8px;border-radius:15px;border:1px solid #e1ebe8;background:#f9fbfa;padding:8px;color:#34514f;font-size:11px;font-weight:850;transition:.18s}.pma-vision-types b{font-size:18px}.pma-vision-types input:checked+span{background:#e4fbf7;border-color:#4ccac6;color:#0a696d;box-shadow:inset 0 0 0 1px #4ccac6}.pma-vision-photo{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;border:1px dashed #8fd2cd;background:#f4fffc;border-radius:18px;padding:12px;margin:4px 0 10px;cursor:pointer}.pma-vision-photo input{display:none}.pma-vision-photo>span{width:48px;height:48px;border-radius:15px;background:#dff7f4;display:grid;place-items:center;font-size:22px}.pma-vision-photo strong,.pma-vision-photo small{display:block}.pma-vision-photo strong{font-size:12px;color:#173b3d}.pma-vision-photo small{font-size:9px;color:#71827f;line-height:1.35;margin-top:3px}.pma-vision-form textarea{width:100%;resize:vertical;border:1px solid #dfe9e6;border-radius:16px;padding:12px;background:#fbfcfb;color:#173b3d;font:inherit;font-size:12px;line-height:1.45;outline:none}.pma-vision-form textarea:focus{border-color:#49c9c5;box-shadow:0 0 0 3px rgba(73,201,197,.12)}.pma-vision-consent{display:flex;align-items:flex-start;gap:9px;margin:10px 1px;color:#667b78;font-size:9px;line-height:1.4}.pma-vision-consent input{margin:2px 0 0;accent-color:#31bcb9}.pma-vision-safety{margin:10px 0;background:#fff6d9;border:1px solid #f2dfa1;color:#6f5d1f;border-radius:14px;padding:10px;font-size:9px;line-height:1.4}.pma-vision-form>.pma-primary{width:100%;margin-top:2px;border:0;border-radius:15px;background:#173b3d;color:#fff;padding:13px;font-weight:900}
.pma-vision-result{margin-top:14px;border:1px solid #dde9e6;border-radius:27px;background:#fff;padding:17px;box-shadow:0 14px 32px rgba(18,47,50,.07);scroll-margin-top:15px}.pma-vision-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.pma-vision-result-head span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef5f3;color:#3a5c59;font-size:9px;font-weight:900}.pma-vision-result-head b{text-transform:uppercase;font-size:8px;color:#85938f}.pma-vision-result h2{font-size:23px;line-height:1.05;margin:10px 0 8px}.pma-vision-summary{font-size:12px;line-height:1.5;color:#526965}.pma-vision-result h3{font-size:13px;margin:15px 0 7px}.pma-vision-result ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.pma-vision-result li{position:relative;padding-left:15px;font-size:11px;line-height:1.45;color:#4c625f}.pma-vision-result li:before{content:"•";position:absolute;left:2px;color:#22aaa8;font-weight:900}.pma-vision-result>small{display:block;margin-top:15px;padding-top:11px;border-top:1px solid #e8efed;color:#7d8c89;font-size:9px;line-height:1.4}.pma-vision-result.severity-low .pma-vision-result-head span,.pma-vision-result.severity-informational .pma-vision-result-head span{background:#e9f8f2;color:#267555}.pma-vision-result.severity-attention .pma-vision-result-head span{background:#fff3d2;color:#856719}.pma-vision-result.severity-urgent .pma-vision-result-head span{background:#ffe4d5;color:#9b4e23}.pma-vision-result.severity-emergency{border-color:#efb0aa}.pma-vision-result.severity-emergency .pma-vision-result-head span{background:#ffe1df;color:#a43333}.pma-breed-candidates{display:grid;gap:7px;margin:12px 0}.pma-breed-candidates>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:#f4faf8;border-radius:13px}.pma-breed-candidates strong{font-size:11px}.pma-breed-candidates span{font-size:12px;font-weight:900;color:#0e8b8e}.pma-red-flags{margin-top:14px;background:#fff1ef;border:1px solid #f0d0cc;border-radius:16px;padding:12px}.pma-red-flags>strong{font-size:11px;color:#9c3c36}.pma-red-flags li:before{color:#c74840}.pma-vision-compare{margin-top:13px;padding:12px;border-radius:15px;background:#eaf9f7}.pma-vision-compare strong{font-size:11px;color:#0a7174}.pma-vision-compare p{font-size:10px;line-height:1.45;color:#526e6a;margin:5px 0 0}.pma-vision-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pma-vision-history article{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center;border:1px solid #e3ecea;border-radius:16px;padding:8px;background:#fbfcfb}.pma-vision-history img,.pma-vision-history article>i{width:52px;height:52px;border-radius:13px;object-fit:cover;background:#e9f7f5;display:grid;place-items:center;font-style:normal}.pma-vision-history strong,.pma-vision-history span,.pma-vision-history small{display:block}.pma-vision-history strong{font-size:10px}.pma-vision-history span{font-size:8px;color:#a06720;margin-top:3px}.pma-vision-history small{font-size:8px;color:#879692;margin-top:3px}

/* Club */
.pma-club-page{padding-bottom:140px}.pma-club-hero{position:relative;overflow:hidden;padding:18px;border-radius:26px;background:linear-gradient(135deg,#092f34,#17686a);color:#fff;box-shadow:0 15px 36px rgba(18,47,50,.15)}.pma-club-hero:after{content:"💙";position:absolute;right:-8px;bottom:-20px;font-size:88px;opacity:.08}.pma-club-hero span{font-size:9px;letter-spacing:.14em;color:#6ce0d8;font-weight:950}.pma-club-hero h2{font-size:25px;margin:5px 0 7px;color:#fff}.pma-club-hero p{max-width:320px;margin:0;font-size:11px;line-height:1.45;color:#d5e9e6}.pma-club-cats{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:13px 0 3px}.pma-club-cats::-webkit-scrollbar{display:none}.pma-club-cats button{flex:none;border:1px solid #dfe9e6;background:#fff;border-radius:999px;padding:9px 12px;color:#48605d;font-size:10px;font-weight:850}.pma-club-cats button.is-active{background:#173b3d;color:#fff;border-color:#173b3d}.pma-benefit-grid{display:grid;gap:10px;margin-top:10px}.pma-benefit-grid article{border:1px solid #e1ebe8;background:#fff;border-radius:23px;padding:11px;box-shadow:0 10px 28px rgba(18,47,50,.06);overflow:hidden}.pma-benefit-grid article>img,.pma-benefit-placeholder{width:100%;height:150px;border-radius:16px;object-fit:cover;background:linear-gradient(135deg,#dff8f5,#fff3ce);display:grid;place-items:center;font-size:42px}.pma-benefit-grid article>span{display:block;margin-top:10px;font-size:8px;letter-spacing:.12em;font-weight:950;color:#0b999b;text-transform:uppercase}.pma-benefit-grid h3{font-size:18px;line-height:1.08;margin:4px 0 4px}.pma-benefit-grid article>b{color:#0b7478;font-size:12px}.pma-benefit-grid p{color:#71817f;font-size:10px;line-height:1.4;margin:7px 0 10px}.pma-benefit-grid article>button{width:100%;border:0;border-radius:13px;background:#173b3d;color:#fff;padding:11px;font-weight:900}.pma-redeem-sheet{text-align:center}.pma-redeem-sheet>span{font-size:9px;letter-spacing:.14em;color:#0a9397;font-weight:950}.pma-redeem-sheet h2{font-size:27px;margin:8px 0}.pma-redeem-sheet p{font-size:11px;line-height:1.45;color:#71817f}.pma-redeem-code{margin:15px 0;background:#e7faf7;border:1px dashed #52c9c4;border-radius:17px;padding:15px;font-size:25px;letter-spacing:.08em;font-weight:950;color:#0a6c70}.pma-redeem-sheet .pma-primary{width:100%;border:0;border-radius:14px;background:#173b3d;color:#fff;padding:13px;font-weight:900}

/* Dark mode */
body.pma-theme-dark .pma-plan-strip,body.pma-theme-dark .pma-social-maker,body.pma-theme-dark .pma-vision-form,body.pma-theme-dark .pma-vision-result,body.pma-theme-dark .pma-benefit-grid article,body.pma-theme-dark .pma-vision-history article{background:#153437;border-color:#2b5050;color:#edf7f5}
body.pma-theme-dark .pma-plan-strip strong,body.pma-theme-dark .pma-paywall h2,body.pma-theme-dark .pma-locked-feature h2,body.pma-theme-dark .pma-social-maker h2,body.pma-theme-dark .pma-vision-photo strong,body.pma-theme-dark .pma-vision-result h2,body.pma-theme-dark .pma-benefit-grid h3{color:#edf7f5}
body.pma-theme-dark .pma-photo-locked,body.pma-theme-dark .pma-vision-types span,body.pma-theme-dark .pma-vision-photo{background:#173b3e!important;border-color:#315958!important;color:#edf7f5!important}
body.pma-theme-dark .pma-photo-locked small,body.pma-theme-dark .pma-paywall>p,body.pma-theme-dark .pma-locked-feature p,body.pma-theme-dark .pma-social-maker p,body.pma-theme-dark .pma-vision-photo small,body.pma-theme-dark .pma-vision-summary,body.pma-theme-dark .pma-vision-result li,body.pma-theme-dark .pma-benefit-grid p{color:#b4c9c5}
body.pma-theme-dark .pma-paywall li{background:#17383a;border-color:#2c5051;color:#dce9e7}.pma-theme-dark .pma-locked-feature{background:linear-gradient(150deg,#143639,#1e3433);border-color:#2e5152}.pma-theme-dark .pma-gallery-upload{background:linear-gradient(145deg,#0b292c,#174d4f)}.pma-theme-dark .pma-gallery-upload input[name="caption"],.pma-theme-dark .pma-vision-form textarea{background:#102d2f;border-color:#315151;color:#edf7f5}.pma-theme-dark .pma-vision-types input:checked+span{background:#145155!important;border-color:#4ccac6!important}.pma-theme-dark .pma-vision-result>small{border-color:#294a4b;color:#a9bcb9}.pma-theme-dark .pma-breed-candidates>div{background:#103335}.pma-theme-dark .pma-vision-compare{background:#174647}.pma-theme-dark .pma-vision-compare p{color:#c0d1ce}.pma-theme-dark .pma-club-cats button{background:#153437;border-color:#2c5051;color:#cfe0dd}.pma-theme-dark .pma-club-cats button.is-active{background:#50cdc7;color:#082b2d;border-color:#50cdc7}

@media(max-width:390px){
  .pma-membership-card{grid-template-columns:1fr;padding:15px}.pma-membership-card button{justify-self:start}
  .pma-v2-actions-grid{grid-template-columns:1fr 1fr}
  .pma-paywall h2{font-size:27px}.pma-paywall-price b{font-size:28px}
  .pma-gallery-upload form{grid-template-columns:1fr}.pma-gallery-upload label{grid-column:auto}.pma-gallery-upload button{min-height:42px}
  .pma-vision-types{grid-template-columns:1fr 1fr}.pma-vision-history{grid-template-columns:1fr}
  .pma-benefit-grid article>img,.pma-benefit-placeholder{height:135px}
}
@media(min-width:600px){.pma-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pma-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pma-vision-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pma-vision-shot-guide{margin:0 0 10px;padding:11px;border-radius:16px;background:#f7faf9;border:1px solid #e5eeeb}.pma-vision-shot-guide>strong{display:block;font-size:10px;color:#173b3d}.pma-vision-shot-guide>p{margin:4px 0 9px;color:#6d817d;font-size:9px;line-height:1.4}.pma-vision-shot-guide>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pma-vision-shot-guide label{cursor:pointer}.pma-vision-shot-guide input{display:none}.pma-vision-shot-guide label>span{display:block;text-align:center;padding:9px;border-radius:12px;background:#fff;border:1px dashed #9fd4d0;color:#0a777b;font-size:9px;font-weight:900}.pma-theme-dark .pma-vision-shot-guide{background:#102e30;border-color:#2b5050}.pma-theme-dark .pma-vision-shot-guide>strong{color:#eef7f5}.pma-theme-dark .pma-vision-shot-guide>p{color:#b1c4c1}.pma-theme-dark .pma-vision-shot-guide label>span{background:#173b3e;border-color:#3d6a68;color:#75ddd7}
.pma-gallery-actions{position:absolute;right:7px;top:7px;display:flex;gap:5px}.pma-gallery-grid article>.pma-gallery-actions button{position:static;width:29px;height:29px;border:0;border-radius:50%;background:rgba(6,30,33,.78);color:#fff;font-size:14px;display:grid;place-items:center}.pma-gallery-grid article>.pma-gallery-actions button:last-child{font-size:18px}
.pma-gallery-actions{position:absolute;right:7px;top:7px;display:flex;gap:5px}.pma-gallery-grid article>.pma-gallery-actions button{position:static;width:29px;height:29px;border:0;border-radius:50%;background:rgba(6,30,33,.78);color:#fff;font-size:14px;display:grid;place-items:center}.pma-gallery-grid article>.pma-gallery-actions button:last-child{font-size:18px}