.quiz-container{position:relative}.quiz-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;align-items:center;justify-content:center;background-color:#00000080;overflow-y:auto;padding:16px}.quiz-modal.is-open{display:flex!important}.quiz-modal:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.quiz-modal__inner{position:relative;background:#faf7f2;border-radius:1rem;width:100%;max-height:calc(100svh - 32px);min-height:calc(100svh - 32px);display:flex;flex-direction:column;z-index:1;box-shadow:0 12px 25px #00000026;overflow:hidden;height:calc(100svh - 32px)}@supports (height: 100dvh) and (not (height: 100svh)){.quiz-modal__inner{max-height:calc(100dvh - 32px);min-height:calc(100dvh - 32px);height:calc(100dvh - 32px)}}@supports (not (height: 100svh)) and (not (height: 100dvh)){.quiz-modal__inner{max-height:calc(100vh - 32px);min-height:calc(100vh - 32px);height:calc(100vh - 32px)}}.quiz-modal.is-mini{display:flex!important;top:auto;left:auto;right:1.5rem;bottom:1.5rem;width:auto;height:auto;background-color:transparent;padding:12px;align-items:flex-end;justify-content:flex-end;overflow:visible}.quiz-modal.is-mini:before{display:none}.quiz-modal.is-mini .quiz-modal__inner{width:280px;height:auto;max-height:400px;min-height:auto;border-radius:1rem;background:#fff;box-shadow:0 2px 8px #0000000f,0 1px 4px #0000000a;border:1px solid rgba(12,39,34,.08);cursor:pointer;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);margin:0;position:relative;animation:miniModalEnter .2s cubic-bezier(.34,1.56,.64,1);overflow:visible}.quiz-modal.is-mini .quiz-modal__inner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000d}@keyframes miniModalEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes miniModalScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.quiz-modal.is-mini.is-closing .quiz-modal__inner{animation:miniModalScaleOut .2s cubic-bezier(.4,0,1,1) forwards}.quiz-modal.is-fullscreen{top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#00000080;padding:16px;align-items:center;justify-content:center}.quiz-modal.is-fullscreen:before{display:block}.quiz-modal.is-fullscreen .quiz-modal__inner{width:100%;max-width:40rem;height:calc(100svh - 32px);max-height:calc(100svh - 32px);min-height:calc(100svh - 32px);border-radius:24px;margin:0}@supports (height: 100dvh) and (not (height: 100svh)){.quiz-modal.is-fullscreen .quiz-modal__inner{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);min-height:calc(100dvh - 32px)}}@supports (not (height: 100svh)) and (not (height: 100dvh)){.quiz-modal.is-fullscreen .quiz-modal__inner{height:calc(100vh - 32px);max-height:calc(100vh - 32px);min-height:calc(100vh - 32px)}}@media (min-width: 769px){.quiz-modal.is-fullscreen .quiz-modal__inner{height:35rem;max-height:35rem;min-height:20rem;border-radius:24px}}@keyframes fullscreenScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.quiz-modal.is-fullscreen.is-opening .quiz-modal__inner{animation:fullscreenScaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.quiz-modal.is-morphing{pointer-events:none}.quiz-modal.is-mini .quiz-content{padding:20px;overflow:hidden;border-radius:1rem;position:relative;z-index:1;background:#fff}.quiz-modal.is-mini #quiz-footer-container{display:none}.quiz-modal.is-mini .quiz-back{display:none!important}.quiz-modal.is-mini .quiz-progress{display:none}@media (min-width: 769px){.quiz-modal{padding:20px}.quiz-modal__inner{border-radius:24px;width:40rem;height:35rem;max-height:35rem;min-height:20rem}.quiz-modal.is-mini{right:1.5rem;bottom:1.5rem}.quiz-modal.is-mini .quiz-modal__inner{margin:0}}@media (max-width: 768px){.quiz-modal.is-mini{right:1rem;bottom:1rem;padding:8px}.quiz-modal.is-mini .quiz-modal__inner{width:240px;max-height:350px;margin:0}}.quiz-content{flex:1;overflow-y:auto;padding:2.25rem 1.5rem 7rem;-webkit-overflow-scrolling:touch;background:#faf7f2;transition:padding-bottom .3s ease}.quiz-content.has-dropdown-open{padding-bottom:14rem}@media (min-width: 769px){.quiz-content{padding:2.5rem 2rem 9rem}.quiz-content.has-dropdown-open{padding-bottom:14rem}}#quiz-footer-container{position:absolute;left:0;right:0;bottom:0;z-index:50}.quiz-mini-modal-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.5rem}.quiz-mini-modal-inner-wrap{transition:opacity .3s ease,transform .3s ease;width:100%}.quiz-mini-modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text-body);margin:-.25rem 0 0;line-height:1.4;text-align:left;width:100%;text-wrap:balance}.quiz-mini-modal-subtitle{font-size:.875rem;color:#0c2722b3;margin:0;line-height:1.5;text-align:left;width:100%;text-wrap:balance}.quiz-mini-modal-cta{margin-top:1rem;width:auto;align-self:flex-start;flex:0 0 auto}.quiz-modal.is-mini .quiz-modal__inner .quiz-mini-modal-close{position:absolute;top:1rem;right:1rem;z-index:200;width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;border:none;background:#0c27221a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-button-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;box-sizing:border-box;padding:0;margin:0}.quiz-modal.is-mini .quiz-modal__inner .quiz-mini-modal-close:hover{background:#0c272226;transform:scale(1.05)}.quiz-modal.is-mini .quiz-modal__inner .quiz-mini-modal-close:active{transform:scale(.95)}.quiz-modal.is-mini .quiz-modal__inner .quiz-mini-modal-close svg{width:14px;height:14px;pointer-events:none;display:block}.quiz-mini-modal-images{display:flex;align-items:center;justify-content:flex-start;margin:0;height:48px}.quiz-mini-modal-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 6px #0000001a;margin-left:-12px;position:relative;background-color:#f0f0f0}.quiz-mini-modal-image:first-child{margin-left:0}.quiz-mini-modal-image--1{z-index:3}.quiz-mini-modal-image--2{z-index:2}.quiz-mini-modal-image--3{z-index:1}.quiz-step{display:none;opacity:0;transform:translate(20px);transition:opacity .3s ease,transform .3s ease}.quiz-step.is-active{display:block;opacity:1;transform:translate(0)}.quiz-step--exiting{animation:quiz-step-exit .3s ease-out forwards}.quiz-step--exiting-backward{animation:quiz-step-exit-backward .3s ease-out forwards}.quiz-step--entering{animation:quiz-step-enter .3s ease-out forwards}.quiz-step--entering-backward{animation:quiz-step-enter-backward .3s ease-out forwards}@keyframes quiz-step-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes quiz-step-enter-backward{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes quiz-step-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes quiz-step-exit-backward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.quiz-progress{padding:calc(1rem + 14px) 2rem calc(1rem - 14px) 2rem;background:#faf7f2;position:relative;display:flex;align-items:center;justify-content:center}.quiz-progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#faf7f2,#faf7f200);pointer-events:none;z-index:1}.quiz-progress__bar{position:relative;z-index:2;height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden;width:65%;max-width:calc(100% - 5rem);margin:0 auto}.quiz-progress__fill{height:100%;background:var(--color-button-primary);transition:width .3s ease;border-radius:2px;width:0%}.quiz-footer{padding:1.5rem 2rem 2rem;background:#faf7f2;position:relative;width:100%}.quiz-footer__actions{position:relative;z-index:2;display:flex;gap:.75rem;align-items:stretch;width:100%}.quiz-footer__note{margin-top:1rem;font-size:.8125rem;color:#0c272299;text-align:center;line-height:1.5;text-wrap:balance}.quiz-footer__note a{color:var(--color-button-primary);text-decoration:underline;transition:opacity .2s ease}.quiz-footer__note a:hover{opacity:.8}.quiz-step h1,.quiz-step h2,.quiz-step h3{text-align:center;color:var(--color-text-body);font-weight:700;margin:1.5rem auto .5rem;font-size:2rem;text-wrap:balance;max-width:30rem;width:100%}.quiz-step h2[data-intro-title]{font-size:2rem;font-weight:600}@media (max-width: 768px){.quiz-step h1,.quiz-step h2,.quiz-step h3,.quiz-step h2[data-intro-title]{font-size:1.5rem}.quiz-btn{padding:.65rem 1.05rem;font-size:.9375rem;flex:0 1 auto;min-width:140px;max-width:90%;align-self:center}.quiz-footer__actions{justify-content:center;flex-wrap:wrap;gap:.5rem}}.quiz-btn{flex:1;padding:.875rem 1.5rem;border-radius:2rem;font-size:1rem;font-weight:600;line-height:1.5;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.quiz-btn--small{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.quiz-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.quiz-btn--primary{background:var(--color-button-primary);color:var(--color-button-primary-text);border:none}.quiz-btn--primary:hover:not(:disabled){background:#0a1f1b;color:var(--color-button-primary-text)}.quiz-btn--secondary{background:transparent;border:2px solid var(--color-button-primary);color:var(--color-button-primary)}.quiz-btn--secondary:hover:not(:disabled){background:#0c27220d}.quiz-btn.is-highlighted{transform:scale(1.05);box-shadow:0 4px 12px #0c272233;transition:transform .15s ease,box-shadow .15s ease}.quiz-btn--loading,.quiz-btn.is-loading{cursor:wait;position:relative;pointer-events:none;color:transparent!important}.quiz-btn--loading:after,.quiz-btn.is-loading:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-button .8s linear infinite}@keyframes spin-button{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.quiz-modal.is-loading{pointer-events:none}.quiz-modal.is-loading *{cursor:wait!important}.breed-search-results.is-loading,#edit-breed-results.is-loading{pointer-events:none}.breed-suggestion-skeleton{padding:.75rem 1rem;margin:.25rem 0;background:#fff;border-radius:.5rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line{height:1rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:.25rem;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quiz-upload-progress{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:1rem;border-radius:0 0 .75rem .75rem;z-index:10}.quiz-upload-progress__bar{width:100%;height:.25rem;background:#0c27221a;border-radius:.125rem;overflow:hidden;margin-bottom:.5rem}.quiz-upload-progress__fill{height:100%;background:var(--color-button-primary);transition:width .3s ease;border-radius:.125rem}.quiz-upload-progress__text{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#0c2722b3}.quiz-upload-progress__percentage{font-weight:600;color:var(--color-button-primary)}.quiz-upload-progress__message{flex:1;text-align:right}@keyframes spin{to{transform:rotate(360deg)}}.quiz-footer__actions>.quiz-btn{margin:0}.quiz-footer__login-link{margin-top:1rem;text-align:center}.quiz-footer__login-btn{background:none;border:none;color:var(--color-button-primary);font-size:.875rem;text-decoration:underline;cursor:pointer;padding:.5rem;transition:opacity .2s ease}.quiz-footer__login-btn:hover{opacity:.8}.quiz-back{position:absolute;top:1rem;z-index:20;width:32px;height:32px;border-radius:50%;border:none;background:#0c27221a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-button-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;min-height:32px;box-sizing:border-box}.quiz-back[data-prev]{left:1rem}.quiz-back[data-close-quiz],.quiz-back[data-close-name-modal]{right:1rem}.quiz-back:hover{background:#0c272226;transform:scale(1.05)}.quiz-back:active{transform:scale(.95)}.quiz-back svg{width:16px;height:16px}.quiz-title,.quiz-subtitle{text-wrap:balance}.step-subtitle{font-size:1rem;color:#666;text-align:center;margin:0 auto 2rem;text-wrap:balance;max-width:30rem;width:100%}.intro-time{font-size:.875rem;color:#0c272299;text-align:center;margin:1rem 0}.intro-pet-images{display:flex;align-items:center;justify-content:center;margin:1.5rem auto 2rem;height:100px}.intro-pet-image{width:70px;height:70px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 12px #0000001a;margin-left:-20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;background-color:#f0f0f0;transform:scale(.5) translate(-20px);opacity:0;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards,popInTransform .5s cubic-bezier(.175,.885,.32,1.275) forwards}.intro-pet-image:first-child{margin-left:0}.intro-pet-image--placeholder{background:#e0e0e0;display:flex;align-items:center;justify-content:center}.intro-pet-image--placeholder:after{content:"";width:40%;height:40%;background:#bdbdbd;border-radius:50%}.intro-pet-image--1{animation-delay:.05s;z-index:1}.intro-pet-image--2{animation-delay:.1s;z-index:2}.intro-pet-image--3{animation-delay:.15s;z-index:3}.intro-pet-image--4{animation-delay:.2s;z-index:4}.intro-pet-image--5{animation-delay:.25s;z-index:5}@keyframes popIn{0%{opacity:0}to{opacity:1}}@keyframes popInTransform{0%{transform:scale(.5) translate(-20px)}to{transform:scale(1) translate(0)}}@media (max-width: 768px){.intro-pet-images{height:90px;margin-bottom:1.5rem}.intro-pet-image{width:60px;height:60px;margin-left:-15px;border-width:3px}}.quiz-grid{display:flex;gap:1rem;margin:0;justify-content:center;max-width:100%}.quiz-card{display:block;cursor:pointer;flex:1}.quiz-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.quiz-card__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid #e5e5e5;border-radius:.75rem;min-height:60px;transition:all .2s ease;background:#fff;text-align:center;margin-bottom:0}.quiz-card:hover .quiz-card__content{border-color:var(--color-button-primary);background:#f9f9f9}.quiz-card input[type=radio]:checked+.quiz-card__content{border-color:var(--color-button-primary);border-width:2px;background:#f0f7f6}.quiz-card__icon{font-size:2rem;margin-bottom:.5rem;line-height:1}.quiz-card__label{font-size:.9375rem;font-weight:600;color:var(--color-text-body);display:flex;flex-direction:column;align-items:center;gap:.25rem}.quiz-card__sublabel{font-size:.8125rem;font-weight:400;color:#666}.quiz-photo-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.pet-avatar{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;overflow:hidden;background:#0c27220d}.pet-avatar--md{width:80px;height:80px}.pet-avatar--sm{width:60px;height:60px}.pet-avatar__emoji{font-size:2.25rem;line-height:1}.pet-avatar__emoji[hidden]{display:none}.pet-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.pet-avatar__img[hidden]{display:none}.quiz-photo-upload__label{display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:.5rem}.quiz-photo-preview{width:80px;height:80px;border-radius:50%;background:#0c27220d;border:2px dashed rgba(12,39,34,.25);display:flex;align-items:center;justify-content:center;overflow:visible;transition:border-color .2s ease,transform .2s ease;position:relative}.quiz-photo-preview:hover{border-color:var(--color-button-primary);transform:scale(1.05)}.quiz-photo-preview.has-file{border-style:solid;border-color:var(--color-button-primary)}.quiz-photo-placeholder{font-size:1.5rem;opacity:.5}.quiz-photo-preview__img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.quiz-photo-preview__img[hidden]{display:none}.quiz-photo-upload__text{font-size:.85rem;color:#666;text-align:center}.quiz-photo-input{display:none}.step-photo-display-wrapper{position:relative;display:none;margin:0 auto 1.5rem;text-align:center;width:100%}.step-photo-display-wrapper.is-visible{display:block}.step-photo-display{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #00000026;display:inline-block;position:relative;vertical-align:middle}.quiz-content{position:relative}.quiz-content .step-photo-display-wrapper.is-visible{display:block;margin-bottom:1.5rem}.step-photo-add-btn{position:absolute;bottom:0;left:calc(50% + 26px);width:28px;height:28px;border-radius:50%;background-color:#0c2722;border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 8px #00000026;z-index:10;outline:none;transform:translateY(50%)}.quiz-photo-add-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background-color:#0c2722;border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 8px #00000026;z-index:10;outline:none;transform:translate(25%,25%)}.quiz-photo-remove-icon-btn{position:absolute;top:0;right:0;width:28px;height:28px;border-radius:50%;background-color:#fff;border:2px solid #fff;color:#0c2722;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 8px #00000026;z-index:11;outline:none;transform:translate(25%,-25%);opacity:0;pointer-events:none}.quiz-photo-preview:hover .quiz-photo-remove-icon-btn,.quiz-photo-preview:focus-within .quiz-photo-remove-icon-btn{opacity:1;pointer-events:auto}.step-photo-add-btn:focus,.quiz-photo-add-btn:focus{outline:none;box-shadow:0 2px 8px #00000026}.step-photo-add-btn:focus-visible,.quiz-photo-add-btn:focus-visible{outline:none;box-shadow:0 2px 8px #00000026}.quiz-photo-remove-icon-btn:focus{outline:none;box-shadow:0 2px 8px #00000026}.quiz-photo-remove-icon-btn:focus-visible{outline:none;box-shadow:0 2px 8px #00000026}.step-photo-add-btn svg,.quiz-photo-add-btn svg{width:16px;height:16px;display:block}.quiz-photo-remove-icon-btn svg{width:14px;height:14px;display:block}.quiz-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.quiz-field__label{font-weight:600;font-size:.9375rem;display:block;margin-bottom:0;color:#111}.quiz-input{width:100%;padding:.875rem 2.5rem .875rem 1.125rem;font-size:1rem;line-height:1.5;border:1px solid rgba(12,39,34,.2);border-radius:.75rem;background:#fff;color:#000;transition:border-color .2s ease,box-shadow .2s ease;position:relative;min-height:44px;box-sizing:border-box}.quiz-input:focus{outline:none;border-color:var(--color-button-primary);box-shadow:0 0 0 3px #0c27221a}.quiz-input:invalid:not(:placeholder-shown):not(:focus){border-color:#d32f2f}.quiz-input.is-invalid{border-color:#d32f2f}.quiz-field{position:relative}.date-input-wrapper{position:relative;width:100%}.quiz-field--checkbox{gap:.25rem;margin-bottom:1rem}.quiz-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;font-weight:400;color:#111;margin:0;-webkit-user-select:none;user-select:none}.quiz-checkbox-input{width:16px;height:16px;min-width:16px;min-height:16px;cursor:pointer;accent-color:#0c2722;margin:0;flex-shrink:0}.quiz-checkbox-text{flex:1;line-height:1.4;display:block;color:#111;margin:0}.quiz-checkbox-help{font-size:.8125rem;color:#666;margin:.5rem 0 0 2.25rem;padding:0;line-height:1.4}input[type=date].quiz-input{cursor:pointer;width:100%;background-color:#fff;position:relative;z-index:2;-webkit-appearance:none;-moz-appearance:textfield;appearance:none}input[type=date].quiz-input:invalid{border-color:#ddd}input[type=date].quiz-input:invalid.touched{border-color:#d32f2f}input[type=date].quiz-input:focus{color:#000;background-color:#fff;outline:none}input[type=date].quiz-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;width:14px;height:14px;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);filter:brightness(0) saturate(100%) invert(20%) sepia(10%) saturate(2000%) hue-rotate(120deg) brightness(.3);transition:opacity .2s ease}input[type=date].quiz-input:focus::-webkit-calendar-picker-indicator{opacity:1;filter:brightness(0) saturate(100%) invert(8%) sepia(15%) saturate(2000%) hue-rotate(120deg) brightness(.15)}input[type=date].quiz-input:invalid{color:transparent}input[type=date].quiz-input:focus{color:#000}input[type=date].quiz-input:not(:invalid){color:#000}input[type=date].quiz-input:invalid::-webkit-datetime-edit,input[type=date].quiz-input:invalid::-webkit-datetime-edit-fields-wrapper,input[type=date].quiz-input:invalid::-webkit-datetime-edit-text,input[type=date].quiz-input:invalid::-webkit-datetime-edit-month-field,input[type=date].quiz-input:invalid::-webkit-datetime-edit-day-field,input[type=date].quiz-input:invalid::-webkit-datetime-edit-year-field{color:transparent!important;opacity:0!important}input[type=date].quiz-input:invalid:focus::-webkit-datetime-edit,input[type=date].quiz-input:invalid:focus::-webkit-datetime-edit-fields-wrapper,input[type=date].quiz-input:invalid:focus::-webkit-datetime-edit-text,input[type=date].quiz-input:invalid:focus::-webkit-datetime-edit-month-field,input[type=date].quiz-input:invalid:focus::-webkit-datetime-edit-day-field,input[type=date].quiz-input:invalid:focus::-webkit-datetime-edit-year-field{color:#000!important}input[type=date].quiz-input:not(:invalid)::-webkit-datetime-edit,input[type=date].quiz-input:not(:invalid)::-webkit-datetime-edit-fields-wrapper,input[type=date].quiz-input:not(:invalid)::-webkit-datetime-edit-text,input[type=date].quiz-input:not(:invalid)::-webkit-datetime-edit-month-field,input[type=date].quiz-input:not(:invalid)::-webkit-datetime-edit-day-field,input[type=date].quiz-input:not(:invalid)::-webkit-datetime-edit-year-field{color:#000!important}.date-input-placeholder{position:absolute;left:1.125rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#0006;font-size:1rem;z-index:5;-webkit-user-select:none;user-select:none;display:block}input[type=date].quiz-input:not(:invalid)~.date-input-placeholder{display:none}input[type=date].quiz-input:focus~.date-input-placeholder{display:none}.date-input-placeholder[style*="display: none"]{display:none!important}.date-input-wrapper{cursor:pointer;position:relative}.quiz-input[readonly]{background:#f5f5f5;cursor:pointer}.allergies-input[readonly]{background:#fff}.weight-input-wrapper{position:relative;width:100%}.weight-input{padding-right:3rem}.weight-input-suffix{position:absolute;right:1.125rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:1rem;z-index:1}.quiz-feedback{display:block;margin-top:.375rem;padding:0;font-size:.8125rem;line-height:1.4;text-align:left;background:none;color:#666}.quiz-feedback--error{color:#d32f2f}.quiz-feedback--warning{color:#f57c00}.quiz-feedback--info{color:#0c2722b3}.quiz-feedback--success{color:#2e7d32;text-align:center;font-weight:500}#verification-status{text-align:center;margin-top:.75rem}#verification-success{color:#2e7d32;text-align:center;font-weight:500;margin-top:1rem}.quiz-feedback[style*="display: none"]{display:none!important}.quiz-hint{display:block;margin-top:0;padding:0;font-size:.8125rem;line-height:1.4;text-align:left;background:none;color:#666}.quiz-hint--error{color:#d32f2f}.quiz-hint[style*="display: none"]{display:none!important}.breed-search-container{position:relative;margin-bottom:.25rem}.breed-search-wrapper{position:relative;display:flex;align-items:center}.breed-search-wrapper .breed-search-input{flex:1}.breed-search-input{width:100%;padding:.875rem 2.5rem .875rem 1.125rem;border:1px solid rgba(12,39,34,.2);border-radius:.75rem;font-size:1rem;line-height:1.5;background:#fff;color:var(--color-text-body);transition:border-color .2s ease,box-shadow .2s ease;min-height:44px;box-sizing:border-box}.breed-search-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#0c272280;display:flex;align-items:center;justify-content:center;z-index:1;transition:color .2s ease}.breed-search-wrapper:has(.breed-reset-btn:not([style*="display: none"])) .breed-search-chevron{right:2.75rem}.breed-search-input:focus~.breed-search-chevron{color:var(--color-button-primary)}.breed-search-input:focus{outline:none;border-color:var(--color-button-primary);box-shadow:0 0 0 3px #0c27221a}.breed-search-input::placeholder{color:#0c272266}.breed-reset-btn{position:absolute;right:.5rem;width:32px;height:32px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;transition:background .2s ease,transform .2s ease;min-height:32px;box-sizing:border-box}.breed-reset-btn:hover{background:#0000001a;transform:scale(1.1)}.breed-reset-btn:active{transform:scale(.9)}.breed-search-results,#edit-breed-results{position:absolute;top:100%;left:0;right:0;margin:.5rem 0 2rem;padding:0;list-style:none;background:#fff;border:1px solid rgba(12,39,34,.15);border-radius:.75rem;box-shadow:0 8px 24px #0000001f;max-height:160px;min-height:3.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;display:none;z-index:60}.breed-search-results.is-visible,#edit-breed-results.is-visible{display:block!important}.breed-suggestion{display:block;width:100%;padding:.65rem .75rem;margin:0;border-radius:0;cursor:pointer;transition:background-color .15s;text-align:left;border:none;background:transparent}.breed-suggestion:hover,.breed-suggestion.highlighted{background-color:#0c27220f}.breed-suggestion--custom{font-weight:600;color:var(--color-button-primary);background:transparent;border:none;padding:.65rem .75rem;margin:0;border-radius:0}.breed-suggestion-match{font-weight:600;color:var(--color-button-primary)}.breed-no-results{padding:.75rem 1rem;color:#0c272280;font-style:italic}.quiz-link-btn{background:none;border:none;color:var(--color-button-primary);text-decoration:underline;cursor:pointer;margin-top:.5rem;font-size:.95rem;padding:.25rem .5rem;transition:color .2s ease;position:relative;z-index:0;display:block;margin-left:auto;margin-right:auto;text-align:center}#mix-breed-btn{margin-top:0}#custom-breed-btn{display:block;margin-left:auto;margin-right:auto;text-align:center}.quiz-link-btn:hover{color:var(--color-button-primary);opacity:.85}.custom-breed-group{margin-top:1rem}.quiz-section{margin-bottom:2rem}.quiz-section__title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#111}.allergies-search-container{position:relative;margin-bottom:2.5rem}.allergies-input-wrapper{position:relative;display:flex;align-items:center}.allergies-input{width:100%;padding:.875rem 2.5rem .875rem 1.125rem;border:1px solid rgba(12,39,34,.2);border-radius:.75rem;font-size:1rem;line-height:1.5;background:#fff;color:var(--color-text-body);transition:border-color .2s ease,box-shadow .2s ease;min-height:44px;box-sizing:border-box}.allergies-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#0c272280;display:flex;align-items:center;justify-content:center;z-index:1;transition:color .2s ease}.allergies-input:focus~.allergies-chevron{color:var(--color-button-primary)}.allergies-input:focus{outline:none;border-color:var(--color-button-primary);box-shadow:0 0 0 3px #0c27221a}.allergies-results,#edit-allergies-results{position:absolute;top:100%;left:0;right:0;margin:.5rem 0 2rem;padding:0;background:#fff;border:1px solid rgba(12,39,34,.15);border-radius:.75rem;box-shadow:0 8px 24px #0000001f;max-height:160px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;display:none;z-index:60}.allergies-results.is-visible,#edit-allergies-results.is-visible{display:block!important}.allergy-option{display:flex;align-items:center;padding:.75rem 1rem;width:100%;border:none;background:transparent;cursor:pointer;transition:background-color .15s;text-align:left;font-size:.95rem;color:var(--color-text-body)}.allergy-option:hover{background-color:#0c27220f}.allergy-option.is-selected{background-color:#0c27221a;font-weight:600}.allergy-option.is-selected:before{content:"\2713";margin-right:.5rem;color:var(--color-button-primary)}.allergy-option.is-highlighted{background-color:#0c27221a}.allergies-chips-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;min-height:0}.allergy-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#0c272214;border:1px solid rgba(12,39,34,.15);border-radius:1.5rem;font-size:.875rem;color:var(--color-text-body);line-height:1}.allergy-chip__label{font-weight:500}.allergy-chip__remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0;border:none;background:transparent;color:var(--color-text-body);font-size:1rem;line-height:1;cursor:pointer;border-radius:50%;transition:background-color .15s,color .15s;flex-shrink:0}.allergy-chip__remove:hover{background-color:#0c272226;color:#d32f2f}.allergy-chip__remove:active{background-color:#0c272233}.pet-summary-list{display:flex;flex-direction:column;gap:.375rem;margin:1.5rem 0 .375rem}.pet-summary-empty{text-align:center;color:#666;padding:2rem}.pet-summary-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.pet-summary-card:hover{border-color:var(--color-button-primary);box-shadow:0 2px 8px #0000001a}.pet-summary-card__img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.pet-summary-card__avatar{flex-shrink:0}.pet-summary-card__img--add{display:flex;align-items:center;justify-content:center;background:#0c27220d;border:2px dashed rgba(12,39,34,.2);border-radius:50%;color:var(--color-button-primary)}.pet-summary-card--add{border-style:dashed;border-color:#0c272233}.pet-summary-card--add:hover{border-color:var(--color-button-primary);background:#0c272205}.pet-summary-card__info{flex:1;min-width:0}.pet-summary-card__name{font-weight:700;font-size:1rem;color:var(--color-text-body);margin-bottom:.25rem}.pet-summary-card__details{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.pet-summary-card__detail{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:#666}.pet-summary-card__detail+.pet-summary-card__detail:before{content:"\2022";margin-right:.375rem;color:currentColor}@media (max-width: 768px){.pet-summary-card__detail--breed,.pet-summary-card__detail--age{display:none}.pet-summary-card__detail--breed:before,.pet-summary-card__detail--age:before{content:none}}.pet-summary-card svg{flex-shrink:0;color:#666}.pet-summary-card__progress{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.pet-summary-card__progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.pet-summary-card__progress-bg{fill:none;stroke:#0000001a;stroke-width:3}.pet-summary-card__progress-fill{fill:none;stroke:var(--color-button-primary, #0C2722);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .3s ease;stroke-linecap:round}.pet-summary-card__progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--color-button-primary, #0C2722);line-height:1}.pet-detail-view{margin-bottom:1.5rem;padding:1.5rem;background:#f9f9f9;border-radius:.75rem}.quiz-crop-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background-color:#000;overflow-y:auto}.quiz-crop-modal.is-visible{display:flex;flex-direction:column}.quiz-crop-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent}.quiz-crop-modal__content{position:relative;background:#000;border-radius:0;padding:2rem 2rem 4rem;width:100%;max-width:35rem;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;box-sizing:border-box;gap:1.5rem}@supports (min-height: 100dvh) and (not (min-height: 100svh)){.quiz-crop-modal__content{min-height:100dvh}}@supports (not (min-height: 100svh)) and (not (min-height: 100dvh)){.quiz-crop-modal__content{min-height:100vh}}.quiz-crop-modal__title{font-size:1.5rem;font-weight:600;margin:0 0 2rem;text-align:center;color:#fff}.quiz-crop-container{position:relative;width:100%;max-width:500px;aspect-ratio:1 / 1;flex:0 0 auto;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:3px solid #fff;background:#000;padding:0;box-sizing:border-box}.quiz-crop-container>*{position:absolute;top:0;left:0;width:100%;height:100%}.quiz-crop-viewport{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-sizing:border-box}.quiz-crop-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.quiz-crop-grid__line{position:absolute;background:#ffffff4d}.quiz-crop-grid__line--vertical{width:1px;height:100%;top:0}.quiz-crop-grid__line--horizontal{width:100%;height:1px;left:0}.quiz-crop-grid__line--center{background:#ffffff80}.quiz-crop-grid__line--vertical.quiz-crop-grid__line--center{left:50%;transform:translate(-50%)}.quiz-crop-grid__line--horizontal.quiz-crop-grid__line--center{top:50%;transform:translateY(-50%)}.quiz-crop-grid__line--vertical.quiz-crop-grid__line--left{left:33.33%}.quiz-crop-grid__line--vertical.quiz-crop-grid__line--right{left:66.66%}.quiz-crop-grid__line--horizontal.quiz-crop-grid__line--top{top:33.33%}.quiz-crop-grid__line--horizontal.quiz-crop-grid__line--bottom{top:66.66%}.quiz-crop-image{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:cover;object-position:center;width:100%;height:100%;border-radius:50%}.quiz-crop-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:none;align-items:center;justify-content:center}.quiz-crop-loading.is-visible{display:flex}.quiz-crop-loading__spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.2);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}.quiz-crop-controls{display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.quiz-crop-zoom-label{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#fff;width:100%}.quiz-crop-zoom{flex:1;height:6px;border-radius:10px;background:#fff3;outline:none;-webkit-appearance:none;appearance:none}.quiz-crop-zoom::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer}.quiz-crop-zoom::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:none}.quiz-crop-actions{display:flex;gap:.75rem;width:100%}.quiz-crop-actions .quiz-btn{flex:1;min-width:0}.quiz-crop-modal .quiz-btn--primary{background-color:#fff;color:#000;border:1px solid #fff}.quiz-crop-modal .quiz-btn--primary:hover:not(:disabled){background-color:#ffffffe6;color:#000}.quiz-crop-modal .quiz-btn--secondary{background-color:transparent;color:#fff;border:1px solid #fff}.quiz-crop-modal .quiz-btn--secondary:hover:not(:disabled){background-color:#ffffff1a;color:#fff}.quiz-toast{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-100px);background:var(--color-button-primary);color:#fff;padding:1rem 1.5rem;border-radius:1rem;box-shadow:0 4px 12px #00000026;z-index:10001;opacity:0;transition:all .3s ease;pointer-events:none;max-width:90%;text-align:center}.quiz-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.quiz-toast--error{background:#d32f2f}.quiz-btn--danger{background-color:transparent;color:#bb2801;border:2px solid #BB2801}.quiz-btn--danger:hover:not(:disabled){background-color:transparent;color:#bb2801;border-color:#bb2801;opacity:.8}@media (max-width: 768px){.quiz-progress{padding:calc(.75rem + 14px) 1.25rem calc(.75rem - 14px) 1.25rem}.quiz-progress__bar{width:60%;max-width:calc(100% - 4rem)}.quiz-footer{padding:1.25rem 1.25rem 1.5rem}.quiz-footer__actions{gap:.5rem}.quiz-grid{grid-template-columns:1fr;gap:.75rem}.quiz-card__content{padding:.75rem .875rem;min-height:56px}.quiz-crop-modal__content{padding:2rem 1.5rem 3rem;max-width:35rem;justify-content:flex-start}.quiz-crop-container{max-width:100%;width:100%;margin-bottom:1rem}.quiz-crop-modal__title{font-size:1.125rem;margin-bottom:1rem;color:#fff}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.email-verification{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid rgba(12,39,34,.1)}.email-verification__message{text-align:center;font-size:.9375rem;color:var(--color-text-body);margin:0 0 1.5rem;line-height:1.5}.email-verification__code-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;width:100%}.email-verification__code-input{flex:1;max-width:3.5rem;text-align:center;font-size:1.25rem;font-weight:600;padding:.875rem .5rem;border:1px solid rgba(12,39,34,.2);border-radius:.75rem;background:#fff;color:var(--color-text-body);transition:border-color .2s ease,box-shadow .2s ease;min-height:44px;box-sizing:border-box;font-family:inherit}.email-verification__code-input:focus{outline:none;border-color:var(--color-button-primary);box-shadow:0 0 0 3px #0c27221a}.email-verification__code-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.email-verification__code-input.is-invalid{border-color:#d32f2f}.email-verification__code-input.is-invalid:focus{border-color:#d32f2f;box-shadow:0 0 0 3px #d32f2f1a}.email-verification__resend{text-align:center;margin-top:1rem}.email-verification__resend-btn{background:transparent;border:none;color:var(--color-button-primary);text-decoration:underline;cursor:pointer;font-size:.875rem;padding:.5rem;transition:opacity .2s ease}.email-verification__resend-btn:hover:not(:disabled){opacity:.8}.email-verification__resend-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.email-verification__resend-cooldown{display:block;font-size:.8125rem;color:#666;margin-top:.5rem;text-align:center}.email-verification__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 0}.email-verification__spinner{width:2rem;height:2rem;border:3px solid rgba(12,39,34,.2);border-top-color:#0c272299;border-radius:50%;animation:spin .8s linear infinite}.email-verification__loading-text{font-size:1rem;color:var(--color-text-body);text-align:center;margin:0}@media (max-width: 768px){.email-verification{padding:1.25rem;margin-top:1rem}.email-verification__code-inputs{gap:.375rem}.email-verification__code-input{max-width:2.75rem;font-size:1.125rem;padding:.75rem .375rem}}#step-success.is-active{display:flex;flex-direction:column;align-items:center}#step-success #success-title,#step-success #success-message,#step-success .success-discount-message{max-width:30rem;margin-left:auto;margin-right:auto}.success-discount-message{margin-top:-1rem;margin-bottom:2rem;font-weight:500}@media (max-width: 768px){html:has(body.pet-quiz-open),html:has(body.name-settings-open),body.pet-quiz-open,body.name-settings-open{background-color:#0c2722!important}body.pet-quiz-open .quiz-modal,body.name-settings-open .quiz-modal{background-color:#0c2722}body.pet-quiz-open .quiz-modal:before,body.name-settings-open .quiz-modal:before{background-color:#0c2722}body.pet-quiz-open .quiz-modal__inner,body.name-settings-open .quiz-modal__inner{border-radius:2rem}body.pet-quiz-open .quiz-modal,body.name-settings-open .quiz-modal{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body.pet-quiz-open .quiz-modal__inner,body.name-settings-open .quiz-modal__inner{height:calc(100svh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)));max-height:calc(100svh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)));min-height:calc(100svh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)))}}@supports (height: 100dvh) and (not (height: 100svh)){@media (max-width: 768px){body.pet-quiz-open .quiz-modal__inner,body.name-settings-open .quiz-modal__inner{height:calc(100dvh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)));max-height:calc(100dvh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)));min-height:calc(100dvh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)))}}}@supports (not (height: 100svh)) and (not (height: 100dvh)){@media (max-width: 768px){body.pet-quiz-open .quiz-modal__inner,body.name-settings-open .quiz-modal__inner{height:calc(100vh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)));max-height:calc(100vh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)));min-height:calc(100vh - max(32px,calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px)))}}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){body.pet-quiz-open,body.name-settings-open{background-color:#0c2722!important}body.pet-quiz-open .quiz-modal,body.name-settings-open .quiz-modal{margin-top:calc(-1*env(safe-area-inset-top,0px));padding-top:calc(env(safe-area-inset-top,0px) + 16px);height:calc(100% + env(safe-area-inset-top,0px))}}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/pet-quiz.css.map */