.pet-welcome{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-navy);background:radial-gradient(at 50% 40%,#fffaf0 0%,#f3f7ff 60%,#f9fbff 100%);border:0;margin:0;padding:28px 20px;position:fixed;inset:0;overflow-y:auto}.pet-welcome[open]{place-items:center;display:grid}.pet-welcome::backdrop{background:#f3f7ff}.pet-welcome-content{text-align:center;width:100%;max-width:550px}.pet-welcome-eyebrow{color:var(--color-brand-600);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.pet-welcome-stage{width:min(300px,75vw);height:min(300px,75vw);margin:20px auto 12px;position:relative}.pet-welcome-glow{background:#e4effc;border-radius:48% 52% 58% 42%;position:absolute;inset:15px;transform:rotate(-9deg)}.pet-welcome-pet{transform-origin:50% 85%;place-items:center;animation:.9s ease-in-out 2 pet-welcome-hop;display:grid;position:absolute;inset:12px 15px 22px}.pet-welcome-pet img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.pet-welcome-shadow{opacity:.35;background:#b4cae4;border-radius:50%;width:50%;height:14px;animation:.9s ease-in-out 2 pet-welcome-shadow;position:absolute;bottom:14px;left:25%}.pet-welcome-float{z-index:1;width:27px;height:27px;animation:1.8s ease-in-out pet-welcome-float;position:absolute}.pet-welcome-heart{color:#e59491;fill:#ffe7e4;top:26%;left:0;transform:rotate(-14deg)}.pet-welcome-sparkles{color:#cca261;top:12%;right:3%}.pet-welcome h2{font-family:var(--font-display);overflow-wrap:anywhere;outline:none;font-size:clamp(25px,5vw,36px);font-weight:800;line-height:1.2}.pet-welcome #pet-welcome-description{max-width:340px;color:var(--color-muted);margin:14px auto 0;font-size:15px;line-height:1.6}.pet-welcome-paws{color:var(--color-brand-600);justify-content:center;gap:14px;margin:24px 0 18px;display:flex}.pet-welcome-paws svg{width:19px;height:19px;animation:.9s ease-in-out 2 pet-welcome-step}.pet-welcome-continue{color:var(--color-brand-600);border-radius:24px;align-items:center;gap:7px;padding:12px 16px;font-size:13px;font-weight:600;display:inline-flex}.pet-welcome-continue:hover{background:#e4effc}.pet-welcome-continue:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:3px}@keyframes pet-welcome-hop{0%,to{transform:translateY(0)rotate(-2deg)}45%{transform:translateY(-12px)rotate(2deg)}}@keyframes pet-welcome-shadow{0%,to{opacity:.35;transform:scaleX(1)}45%{opacity:.2;transform:scaleX(.8)}}@keyframes pet-welcome-float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes pet-welcome-step{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (max-height:650px){.pet-welcome-stage{width:190px;height:190px;margin:12px auto}.pet-welcome-paws{margin:14px 0 4px}}@media (prefers-reduced-motion:reduce){.pet-welcome *,.pet-welcome :before,.pet-welcome :after{transition:none!important;animation:none!important}}