@font-face{font-family:Cormorant Garamond;src:url(/assets/brand/CormorantGaramond.ttf) format("truetype");font-weight:300 700;font-display:swap}:root{--black: #050403;--black-soft: #0c0b09;--line: rgba(232, 221, 198, .14);--text: #f4ecd9;--text-strong: #fff8e8;--muted: #9d9487;--cta: #e7dcc3;--cta-text: #11100e;--danger: #f2a092;--green: #a8c49b;--radius: 8px;--app-max-width: 430px;--screen-inline-padding: 10px;--brand-title-font: "Cormorant Garamond", Georgia, serif;color:var(--text);background:var(--black);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0;background:var(--black)}body{overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-play-button,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button{display:none!important;opacity:0!important;-webkit-appearance:none}.desktop-canvas{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(232,221,198,.08),transparent 34%),#020201}.app-shell{width:100%;max-width:var(--app-max-width);min-height:100vh;margin:0 auto;overflow:hidden;color:var(--text);background:var(--black)}.screen{min-height:100vh;padding:10px var(--screen-inline-padding) calc(env(safe-area-inset-bottom) + 24px);background:var(--black)}.site-header{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.wordmark{display:inline-flex;min-width:0;align-items:center;gap:10px;color:var(--text-strong);font-family:var(--brand-title-font);font-size:1.9rem;font-weight:400;line-height:1;letter-spacing:0}.brand-logo{width:26px;height:auto;object-fit:contain}.site-header .button{flex:0 0 auto;min-height:36px;padding:0 16px}.hero-copy,.screen-intro,.pet-detail-copy{display:grid;gap:9px;margin-bottom:20px}.eyebrow{color:var(--muted);font-size:.76rem;font-weight:750;letter-spacing:.02em;text-transform:uppercase}h1,p{margin:0}.hero-copy h1,.screen-intro h1,.pet-detail-copy h1,.empty-panel h1{color:var(--text-strong);font-family:var(--brand-title-font);font-size:2.15rem;font-weight:400;line-height:1.04;letter-spacing:0}.hero-copy h1{font-size:1.72rem}.hero-copy p,.screen-intro p,.pet-detail-copy p,.empty-panel p,.store-note,.inline-error{color:var(--muted);font-size:1rem;line-height:1.45}.pet-display-stage{position:relative;isolation:isolate;overflow:hidden;width:calc(100% + (var(--screen-inline-padding) * 2));max-width:var(--app-max-width);margin-inline:calc(var(--screen-inline-padding) * -1);margin-bottom:18px;border:0;border-radius:20px;background:#000;aspect-ratio:1 / 1}.pet-display-stage img,.pet-display-stage video{width:100%;height:100%;object-fit:cover;background:#000}.pet-display-poster,.pet-display-image,.pet-display-video{position:absolute;inset:0}.pet-display-poster{z-index:1}.pet-display-image,.pet-display-video{z-index:2;animation:media-fade-in .18s ease-out both}@keyframes media-fade-in{0%{opacity:0}to{opacity:1}}.pet-display-stage.is-media-missing img{opacity:.64}.media-fallback-note{position:absolute;right:12px;bottom:12px;left:12px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;color:var(--text);background:#050403c7;font-size:.83rem;font-weight:750;line-height:1.25}.action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 22px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:0 14px;font-size:.9rem;font-weight:900;line-height:1;text-align:center;white-space:nowrap}.button svg{flex:0 0 auto}.button-primary{color:var(--cta-text);background:var(--cta)}.button-secondary{color:var(--text);border-color:var(--line);background:#ffffff0a}.button-quiet{color:var(--muted);background:transparent}.home-gallery{display:grid;gap:14px;scroll-margin-top:12px}.install-prompt h2{margin:0;color:var(--text-strong);font-family:var(--brand-title-font);font-size:1.7rem;font-weight:400;line-height:1.04;letter-spacing:0}.pet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pet-card{display:grid;min-width:0;gap:7px}.pet-card img{width:100%;height:auto;aspect-ratio:1 / 1;border:0;border-radius:8px;object-fit:cover;background:#000}.pet-card:not(.install-card)>span{min-width:0;overflow:hidden;color:var(--text-strong);font-family:var(--brand-title-font);font-size:1.35rem;font-weight:400;line-height:1;text-overflow:ellipsis;white-space:nowrap}.install-card{position:relative;isolation:isolate;overflow:hidden;align-content:stretch;min-height:0;border:1px solid rgba(232,221,198,.42);border-radius:8px;padding:12px;color:#050403;background:linear-gradient(140deg,#f0e7d4,#c9dde0 58%,#9dbac6);box-shadow:inset 0 1px #ffffff8c,0 12px 24px #00000038}.install-card:after{position:absolute;z-index:-1;inset:auto 0 0;height:46%;background:#0504031a;content:""}.install-card-media{position:relative;display:block;min-height:94px}.install-card img.install-card-pet{position:absolute;width:78px;height:78px;border:2px solid rgba(255,255,255,.72);border-radius:999px;object-fit:cover;background:#050403;box-shadow:0 10px 20px #05040333}.install-card-pet-1{top:0;left:0}.install-card-pet-2{top:12px;left:44px}.install-card-pet-3{top:30px;right:0}.custom-pet-card{background:linear-gradient(140deg,#fff0db,#e6d7f3 54%,#bdd9ed)}.custom-pet-card:after{height:45%;background:#2d18391c}.custom-card-media{position:relative;display:block;min-height:94px}.custom-card-photo,.custom-card-result{position:absolute;border:2px solid rgba(255,255,255,.74);box-shadow:0 10px 20px #0504032e}.custom-card-photo{top:3px;left:2px;display:grid;width:72px;height:78px;place-items:center;border-radius:10px;color:#24394a;background:linear-gradient(180deg,rgba(255,255,255,.9) 0 22%,transparent 22%),linear-gradient(145deg,#f8fbff,#d4e9ed);transform:rotate(-7deg)}.custom-card-photo:after{position:absolute;inset:auto 10px 10px;height:20px;border-radius:999px 999px 6px 6px;background:#24394a29;content:""}.custom-card-sparkle{position:absolute;z-index:2;top:25px;left:74px;display:grid;width:34px;height:34px;place-items:center;border-radius:999px;color:#fff7e8;background:#050403;box-shadow:0 8px 16px #05040333}.custom-card-result{top:9px;right:0;overflow:hidden;width:86px;height:86px;border-radius:16px;background:#050403}.custom-card-result img.custom-card-pet{width:100%;height:100%;border:0;border-radius:0;object-fit:cover}.install-card-body{display:grid;gap:5px;align-self:end}.install-card-icon{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:999px;color:#050403;background:#fff9;box-shadow:inset 0 0 0 1px #0504031f}.install-card-title{min-width:0;overflow:hidden;color:#050403;font-family:var(--brand-title-font);font-size:1.38rem;font-weight:400;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.install-card small{color:#050403ad;font-size:.82rem;font-weight:800;line-height:1.15}.install-card-cta{display:inline-flex;min-width:0;min-height:34px;align-items:center;justify-content:center;border-radius:999px;padding:0 10px;color:#fff7e8;background:#050403;font-size:.78rem;font-weight:900;line-height:1;text-align:center;white-space:nowrap}.install-card:hover,.install-card:focus-visible{border-color:#e8ddc6d1;transform:translateY(-1px)}.empty-panel{display:grid;justify-items:start;gap:12px;border:1px solid var(--line);border-radius:8px;padding:18px;color:var(--muted);background:#ffffff09}.centered-screen{display:grid;align-content:start}.detail-screen{padding-bottom:calc(env(safe-area-inset-bottom) + 92px)}.interaction-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}.interaction-button{display:grid;min-width:0;min-height:76px;place-items:center;align-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#ffffff0e;cursor:pointer}.interaction-button span{max-width:100%;overflow:hidden;color:var(--text-strong);font-size:.88rem;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.interaction-button:hover,.interaction-button:focus-visible{color:var(--text);border-color:#e8ddc652}.action-row-sticky{position:fixed;z-index:20;right:max(10px,calc((100vw - var(--app-max-width)) / 2 + 10px));bottom:calc(env(safe-area-inset-bottom) + 10px);left:max(10px,calc((100vw - var(--app-max-width)) / 2 + 10px));max-width:calc(var(--app-max-width) - 20px);margin:0 auto;padding:8px 0 0;background:linear-gradient(to top,#050403fa,#05040300)}.store-note{margin-top:8px;font-size:.86rem}.store-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.store-links a,.store-links span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.86rem;font-weight:800}.install-prompt-backdrop{position:fixed;z-index:40;inset:0;display:grid;align-items:end;padding:14px max(10px,calc((100vw - var(--app-max-width)) / 2 + 10px)) calc(env(safe-area-inset-bottom) + 14px);background:#0000009e}.install-prompt{position:relative;display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:18px;color:var(--text);background:#0c0b09fa;box-shadow:0 18px 50px #00000073}.install-prompt p{color:var(--muted);font-size:.96rem;line-height:1.45}.install-prompt-close{position:absolute;top:10px;right:10px}.icon-button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--text);background:#ffffff0a;cursor:pointer}.prompt-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.legal-footer{display:flex;justify-content:center;gap:10px;padding:0 var(--screen-inline-padding) calc(env(safe-area-inset-bottom) + 22px);color:var(--muted);font-size:.84rem;font-weight:800;line-height:1.2}.legal-footer a{text-decoration:underline;text-decoration-color:#9d948773;text-underline-offset:3px}.legal-footer a:hover,.legal-footer a:focus-visible{color:var(--text)}.inline-error{margin-bottom:16px;color:var(--danger)}.inline-notice{margin:0;color:var(--muted);font-size:.94rem;line-height:1.45}.static-screen{padding-bottom:calc(env(safe-area-inset-bottom) + 36px)}.policy-stack{display:grid;gap:14px}.policy-section{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:16px}.policy-section h2{margin:0;color:var(--text-strong);font-family:var(--brand-title-font);font-size:1.45rem;font-weight:400;line-height:1.08;letter-spacing:0}.policy-section p{color:var(--muted);font-size:.96rem;line-height:1.5}.delete-account-screen{gap:20px}.delete-account-panel{display:grid;gap:16px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#100d0bb8}.delete-auth-flow,.signin-options,.signed-in-card,.delete-complete,.email-link-form{display:grid;gap:12px}.inline-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border:1px solid rgba(255,208,128,.32);border-radius:8px;padding:12px;color:var(--muted);background:#ffd08014}.inline-callout p,.delete-complete p,.signed-in-card p{margin:0;color:var(--muted);line-height:1.45}.email-link-form label{display:grid;gap:7px;color:var(--muted);font-size:.86rem;font-weight:800}.email-link-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);background:#ffffff0f;font:inherit}.email-link-form input:focus{border-color:#ffffff61;outline:none}.signed-in-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:#ffffff0a}.signed-in-card strong{color:var(--text-strong);word-break:break-word}.confirm-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;color:var(--text);font-size:.94rem;line-height:1.4}.confirm-row input{margin-top:2px}.danger-button{color:#fff;background:var(--danger)}.delete-complete{justify-items:start}.delete-complete h2{margin:0;color:var(--text-strong);font-family:var(--brand-title-font);font-size:1.55rem;font-weight:400;letter-spacing:0}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:640px){.screen{padding-top:16px}.screen-intro h1,.pet-detail-copy h1{font-size:2.35rem}.hero-copy h1{font-size:1.88rem}.delete-account-panel{padding:20px}}