.pet-section{background:#f6efea;color:#222;scroll-margin-top:100px}.pet-intro{margin:20px 0 36px;max-width:600px;color:#665b59}.pet-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.pet-preview{background:radial-gradient(ellipse at center,#fff9f5,#eadcd6);border:1px solid #dfcec6;border-radius:24px;padding:32px 24px;text-align:center;overflow:hidden}.pet-preview-label{font-size:11px;letter-spacing:2px;color:#75625b}.pet-preview svg{display:block;width:100%;max-width:520px;margin:auto;filter:drop-shadow(0 16px 12px #60233c30)}.pet-preview p{font-weight:700;margin:0 0 12px}.pet-preview small,.pet-help{color:#6a5e59;font-size:12px;line-height:1.65}.pet-form{display:grid;gap:14px}.pet-form>label,.pet-form legend{font-weight:700;font-size:14px}.pet-form input[type=text],.pet-form input:not([type]){width:100%;padding:15px;background:#fff;border:1px solid #cbbeb7;border-radius:8px;font:inherit;color:#222}.pet-form fieldset{border:0;padding:0;margin:8px 0}.pet-colors{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pet-colors label{position:relative;display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #cbbeb7;border-radius:8px;cursor:pointer;font-size:13px;background:#fff}.pet-colors label:has(input:checked){border-color:#a32160;box-shadow:0 0 0 1px #a32160}.pet-colors input{accent-color:#a32160}.pet-colors span{width:20px;height:20px;background:var(--swatch);border-radius:50%;border:1px solid #0002}.pet-form input[type=file]{width:100%;font:inherit;font-size:13px;border:1px dashed #af979f;border-radius:8px;padding:18px;background:#fff9}.pet-form input::file-selector-button{border:0;border-radius:5px;padding:9px;background:#ebd6df;color:#67203f;margin-right:10px;cursor:pointer}.pet-help{margin:0}.pet-form .btn{margin-top:6px;white-space:normal}.pet-form button#petRemove{justify-self:start;border:0;background:none;color:#892452;text-decoration:underline;cursor:pointer;padding:6px}.pet-form :focus-visible,.pet-floating:focus-visible{outline:3px solid #a32160;outline-offset:4px}.pet-floating{position:fixed;left:22px;bottom:24px;z-index:90;display:flex;align-items:center;gap:12px;border:0;background:transparent;cursor:pointer;color:#fff;text-align:left}.pet-paw{display:grid;place-items:center;position:relative;width:62px;height:62px;border-radius:50%;background:#9c245e;box-shadow:0 6px 22px #51263740;animation:pet-bounce 3s ease-in-out 3}.pet-paw svg{width:39px;height:39px;fill:currentColor}.pet-floating[data-animal=cat] .pet-paw{background:#38323d}.pet-floating[data-animal=cat] svg{transform:scale(.88)}.pet-floating[data-animal=dog] .pet-claws{display:none}.pet-invite{background:#fff;color:#32232a;border:1px solid #e5d6dd;box-shadow:0 4px 20px #0001;border-radius:12px;padding:12px 15px;font-size:12px;max-width:210px}.pet-invite strong{display:block;margin-bottom:4px}.pet-invite small{color:#78656e}.pet-floating:hover .pet-paw{transform:rotate(-10deg)}@keyframes pet-bounce{0%,75%,100%{transform:translateY(0) rotate(0)}82%{transform:translateY(-9px) rotate(-8deg)}90%{transform:translateY(-3px) rotate(8deg)}}@media(max-width:760px){.pet-grid{grid-template-columns:1fr;gap:28px}.pet-preview{padding:24px 12px}.pet-floating{left:12px;bottom:18px;gap:8px}.pet-paw{width:52px;height:52px}.pet-invite{max-width:175px;padding:10px;font-size:11px}}@media(prefers-reduced-motion:reduce){.pet-paw{animation:none}}