:root{--profile-ink:#123f38;--profile-green:#087b5d;--profile-mint:#e4f5e8;--profile-coral:#ff755d;--profile-cream:#fffaf0}
.pet-profile-shell,.pet-settings-shell,.shared-pet-profile{max-width:760px;margin:0 auto;color:var(--profile-ink)}
.pet-profile-hero,.shared-pet-hero{position:relative;text-align:center;padding:24px clamp(18px,5vw,42px) 30px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(231,247,232,.92));box-shadow:0 18px 45px rgba(18,63,56,.14);overflow:hidden}
.pet-profile-owner-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.pet-profile-owner-actions a{text-decoration:none;font-weight:800}.pet-settings-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-radius:999px;box-shadow:0 5px 18px rgba(0,0,0,.08)}.pet-settings-button svg,.pet-profile-primary-actions svg,.shared-profile-share svg{width:20px;height:20px;fill:currentColor}
.pet-profile-photo,.shared-pet-placeholder{width:176px;height:176px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:var(--profile-mint);border:7px solid #fff;box-shadow:0 10px 28px rgba(18,63,56,.18)}.pet-profile-photo img,.shared-pet-photo{width:176px;height:176px;object-fit:cover;border-radius:50%;border:7px solid #fff;box-shadow:0 10px 28px rgba(18,63,56,.18)}.pet-profile-photo svg,.shared-pet-placeholder svg{width:68px;height:68px;fill:var(--profile-green)}
.pet-profile-hero h1,.shared-pet-hero h1{font-size:clamp(2.5rem,10vw,4rem);margin:.1em 0}.pet-profile-hero>p,.shared-pet-hero>p{font-size:1.08rem}.pet-profile-primary-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}.pet-profile-primary-actions .btn,.shared-profile-share{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.pet-profile-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.pet-profile-summary a{display:flex;align-items:center;gap:12px;padding:18px;border-radius:24px;background:#fff;text-decoration:none;box-shadow:0 9px 28px rgba(18,63,56,.09)}.pet-profile-summary svg{width:34px;height:34px;fill:var(--profile-green)}.pet-profile-summary span{display:flex;min-width:0;flex-direction:column;text-align:left}.pet-profile-summary small{color:#687a76}.pet-profile-summary strong{font-size:1rem}.pet-profile-summary b{margin-left:auto;font-size:1.7rem}
.pet-profile-story,.pet-profile-moments,.pet-profile-tools{padding:25px;margin:16px 0;border-radius:28px;background:rgba(255,255,255,.93);box-shadow:0 9px 28px rgba(18,63,56,.08)}.pet-profile-story{background:linear-gradient(135deg,#ffe7dd,#fff6e8)}.section-title{display:flex;align-items:end;justify-content:space-between}.section-title h2{margin:.2em 0}.pet-profile-moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pet-profile-moment-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.pet-profile-empty{text-align:center;padding:24px}.pet-profile-empty svg{width:50px;height:50px;fill:var(--profile-green)}
.pet-profile-tools>div{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.pet-profile-tools a{display:flex;flex-direction:column;gap:4px;padding:17px;border-radius:20px;background:var(--profile-mint);text-decoration:none}.pet-profile-tools a:nth-child(2){background:#fff0c8}.pet-profile-tools a:nth-child(3){background:#e9ddff}.pet-profile-tools a:nth-child(4){background:#ffe3df}.pet-profile-tools svg{width:28px;height:28px;fill:currentColor}.pet-profile-tools span{font-size:.9rem}
.pet-settings-shell{display:grid;gap:16px}.pet-settings-shell>header{padding:24px;border-radius:28px;background:linear-gradient(135deg,#e5f5e9,#fff7e4)}.pet-settings-shell h1{margin:.2em 0}.pet-settings-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px;border-radius:24px;background:#fff;box-shadow:0 9px 28px rgba(18,63,56,.08)}.pet-settings-card>div{display:flex;align-items:center;gap:14px}.pet-settings-card svg{width:38px;height:38px;fill:var(--profile-green)}.pet-settings-card h2,.pet-settings-card p{margin:.15em 0}.pet-privacy-option{display:flex;align-items:start;gap:13px;padding:14px 0;border-bottom:1px solid #e4ebe7}.pet-privacy-option input{width:22px;height:22px;accent-color:var(--profile-green)}.pet-privacy-option span{display:flex;flex-direction:column}.pet-share-url{display:flex;gap:8px}.pet-share-url input{min-width:0;flex:1}.pet-share-url button{border:0;border-radius:12px;background:var(--profile-green);color:#fff;font-weight:800;padding:10px}.danger{color:#a62c2c}
.shared-pet-profile{display:grid;gap:16px}.shared-preview-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:#fff3c6}.shared-preview-banner span{flex:1}.shared-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}.shared-brand span{display:flex;flex-direction:column;text-align:left;font-size:1.2rem;font-weight:900}.shared-brand small{font-size:.7rem;font-weight:600}.shared-pet-photo{display:block;margin:0 auto 15px}.shared-profile-share{margin:18px auto 0;border:0;border-radius:999px;background:var(--profile-green);color:#fff;padding:13px 20px;font:inherit;font-weight:900}.shared-owner-card,.shared-story,.shared-moments,.shared-care,.shared-sensitive,.shared-profile-cta{padding:22px;border-radius:26px;background:#fff;box-shadow:0 9px 28px rgba(18,63,56,.09)}.shared-owner-card{display:flex;align-items:center;gap:13px}.shared-owner-card>img{width:62px;height:62px;border-radius:50%;object-fit:cover}.shared-owner-card>div{display:flex;flex:1;min-width:0;flex-direction:column}.shared-owner-card>a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:999px;background:#13a65b;color:#fff;text-decoration:none;font-weight:900}.shared-owner-card>a svg{width:27px;height:27px;fill:#fff}.shared-story{background:linear-gradient(135deg,#ffe5d7,#fff5dc)}.shared-moments>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shared-moments figure{margin:0}.shared-moments img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.shared-moments figcaption{font-size:.8rem}.shared-care p{display:flex;gap:12px}.shared-care svg{width:30px;height:30px;fill:var(--profile-green)}.shared-care span{display:flex;flex-direction:column}.shared-profile-cta{display:flex;align-items:center;gap:15px;margin-bottom:40px;background:var(--profile-ink);color:#fff}.shared-profile-cta div{flex:1}.shared-profile-cta p{margin:.2em 0}.share-feedback{min-height:1.4em;font-weight:700;color:var(--profile-green)}
.install-app-entry{position:fixed;right:14px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:72;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(8,123,93,.25);border-radius:18px;background:#fff;color:var(--profile-ink);box-shadow:0 9px 30px rgba(0,0,0,.18);font:inherit;text-align:left}.install-app-entry[hidden],.install-sheet[hidden]{display:none}.install-app-entry span{display:flex;flex-direction:column}.install-app-entry small,.install-sheet small{font-size:.65rem;letter-spacing:.12em;color:var(--profile-green)}.install-sheet{position:fixed;z-index:90;left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:520px;margin:auto;padding:20px;border-radius:26px;background:#fff;box-shadow:0 14px 50px rgba(0,0,0,.25)}.install-sheet>div:first-child{display:flex;align-items:center;gap:12px}.install-sheet h2,.install-sheet p{margin:.2em 0}.install-sheet .actions{display:flex;align-items:center;gap:12px;margin-top:14px}.install-dialog{max-width:min(92vw,520px);border:0;border-radius:28px;padding:25px;color:var(--profile-ink)}.install-dialog::backdrop{background:rgba(5,30,26,.62)}.install-dialog ol{list-style:none;padding:0}.install-dialog li{display:flex;gap:12px;padding:12px 0}.step-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--profile-green);color:#fff;font-weight:900}.ios-share{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2}.audio-status{margin:3px 0 8px;font-size:.9rem;font-weight:700}.audio-status.is-error{color:#b3261e}
@media(max-width:560px){.pet-profile-summary{grid-template-columns:1fr}.pet-profile-tools>div{grid-template-columns:1fr 1fr}.shared-owner-card{align-items:flex-start;flex-wrap:wrap}.shared-owner-card>a{width:100%;justify-content:center}.shared-profile-cta{align-items:flex-start;flex-wrap:wrap}.shared-profile-cta .btn{width:100%}.pet-settings-card{align-items:flex-start;flex-direction:column}.pet-settings-card .btn{width:100%}.pet-profile-moment-grid,.shared-moments>div{grid-template-columns:repeat(2,1fr)}}

.pet-profile-contact-warning{display:flex;align-items:center;gap:13px;margin:16px 0;padding:17px;border-radius:22px;background:#fff4d8;box-shadow:0 8px 24px rgba(18,63,56,.08)}.pet-profile-contact-warning svg{width:34px;height:34px;fill:#a66a00}.pet-profile-contact-warning div{flex:1}.pet-profile-contact-warning p{margin:.2em 0}.pet-profile-contact-warning a{font-weight:900}