.quiz-page{position:relative;min-height:100svh;padding:clamp(6.5rem,12vh,9rem) 1rem clamp(3rem,8vh,6rem);overflow:hidden;background:linear-gradient(170deg,#fff,#f2fdf8 45%,#e6faee)}.quiz-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.quiz-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:quizFloat 14s ease-in-out infinite}.quiz-orb-a{width:34rem;height:34rem;top:-10rem;left:-12rem;background:#62d7aa59}.quiz-orb-b{width:28rem;height:28rem;bottom:-8rem;right:-8rem;background:#c2f03047;animation-delay:-5s}.quiz-orb-c{width:22rem;height:22rem;top:40%;left:55%;background:#207a5b2e;animation-delay:-9s}@keyframes quizFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-34px,0) scale(1.06)}}.quiz-shell{position:relative;z-index:1;max-width:46rem;margin:0 auto}.quiz-screen{display:none}.quiz-screen.is-active{display:block;animation:quizIn .45s cubic-bezier(.16,1,.3,1) both}.quiz-screen.is-leaving{display:block;animation:quizOut .22s cubic-bezier(.4,0,1,1) both}@keyframes quizIn{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes quizOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px) scale(.99)}}.quiz-screen.is-back.is-active{animation-name:quizInBack}@keyframes quizInBack{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}.quiz-progress{display:flex;align-items:center;gap:.85rem;margin-bottom:clamp(1.5rem,4vh,2.5rem)}.quiz-back{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:999px;border:1px solid rgba(10,15,26,.08);background:#ffffffbf;backdrop-filter:blur(12px);color:var(--color-ink);cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}.quiz-back:hover{background:#fff;transform:translate(-2px)}.quiz-back[disabled]{opacity:.3;cursor:default;transform:none}.quiz-progress-track{position:relative;flex:1;height:6px;border-radius:999px;background:#0a0f1a12;overflow:hidden}.quiz-progress-track:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--quiz-progress, 0%);border-radius:999px;background:linear-gradient(90deg,var(--color-brand-600),var(--color-accent-400));transition:width .55s cubic-bezier(.16,1,.3,1)}.quiz-progress-label{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--color-ink-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.quiz-intro{text-align:center}.quiz-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:#ffffffb3;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 20px -8px #0a0f1a1f;color:var(--color-brand-700);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.75rem}.quiz-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.045em;line-height:1.02;font-size:clamp(2.4rem,7vw,4.25rem);color:var(--color-ink);margin-bottom:1.25rem;text-wrap:balance}.quiz-title-accent{display:block;background:linear-gradient(115deg,var(--color-brand-700),var(--color-brand-400) 55%,var(--color-accent-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.quiz-lede{max-width:34rem;margin:0 auto 2rem;font-size:clamp(1rem,1.4vw + .6rem,1.15rem);line-height:1.65;color:var(--color-ink-muted);font-weight:500;text-wrap:pretty}.quiz-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2.25rem}.quiz-stat{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-radius:1rem;background:#fffc;border:1px solid rgba(10,15,26,.05);color:var(--color-brand-700)}.quiz-stat div{display:flex;flex-direction:column;line-height:1.15;text-align:left}.quiz-stat strong{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--color-ink)}.quiz-stat span{font-size:.7rem;font-weight:600;color:var(--color-ink-muted)}.quiz-cta{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:1.05rem 2.4rem;border:none;border-radius:999px;background:var(--color-ink);color:#fff;font-family:var(--font-display);font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 18px 36px -16px #0a0f1a8c;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,background .25s ease}.quiz-cta:hover{transform:translateY(-3px);box-shadow:0 24px 44px -16px #0a0f1a80}.quiz-cta:active{transform:translateY(-1px)}.quiz-cta[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.quiz-microcopy{margin-top:1rem;font-size:.78rem;font-weight:600;color:var(--color-ink-muted);opacity:.75}.quiz-resume{margin-top:2rem;padding:.9rem 1.2rem;border-radius:1rem;background:#fffc;border:1px dashed rgba(32,122,91,.3);font-size:.85rem;color:var(--color-ink-muted);font-weight:600}.quiz-resume button{margin-left:.4rem;border:none;background:none;color:var(--color-brand-700);font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.quiz-q-head{text-align:center;margin-bottom:1.75rem}.quiz-q-emoji{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1.25rem;font-size:1.7rem;background:#ffffffd9;border:1px solid rgba(10,15,26,.05);box-shadow:0 10px 30px -14px #0a0f1a4d;margin-bottom:1rem;animation:quizPop .5s cubic-bezier(.16,1,.3,1) both}@keyframes quizPop{0%{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:none}}.quiz-q-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:1.12;font-size:clamp(1.6rem,3.6vw,2.35rem);color:var(--color-ink);text-wrap:balance}.quiz-q-helper{margin-top:.7rem;font-size:.94rem;line-height:1.55;color:var(--color-ink-muted);font-weight:500;max-width:32rem;margin-inline:auto;text-wrap:pretty}.quiz-options{display:grid;gap:.7rem}.quiz-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-options-list,.quiz-options-pet{grid-template-columns:1fr}.quiz-options-scale{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}@media(max-width:560px){.quiz-options-grid,.quiz-options-scale{grid-template-columns:1fr}}.quiz-option{position:relative;display:flex;align-items:center;gap:.85rem;width:100%;padding:1.05rem 1.15rem;border-radius:1.15rem;border:1.5px solid rgba(10,15,26,.07);background:#ffffffd1;backdrop-filter:blur(14px);text-align:left;cursor:pointer;color:var(--color-ink);box-shadow:0 2px 14px -8px #0a0f1a24;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .25s ease,background .2s ease;animation:quizIn .4s cubic-bezier(.16,1,.3,1) both}.quiz-option:nth-child(1){animation-delay:.04s}.quiz-option:nth-child(2){animation-delay:.08s}.quiz-option:nth-child(3){animation-delay:.12s}.quiz-option:nth-child(4){animation-delay:.16s}.quiz-option:nth-child(5){animation-delay:.2s}.quiz-option:nth-child(6){animation-delay:.24s}@media(hover:hover){.quiz-option:hover{transform:translateY(-3px);border-color:#3abf8e8c;background:#fff;box-shadow:0 16px 32px -18px #207a5b8c}}.quiz-option:focus-visible{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 4px #62d7aa4d}.quiz-option.is-selected{border-color:var(--color-brand-600);background:linear-gradient(135deg,#fff,var(--color-brand-50));box-shadow:0 14px 30px -16px #207a5b99}.quiz-option.is-selected .quiz-option-key{background:var(--color-brand-600);border-color:var(--color-brand-600);color:#fff}.quiz-option-key{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:.55rem;border:1px solid rgba(10,15,26,.1);background:#0a0f1a08;font-family:var(--font-display);font-size:.72rem;font-weight:800;color:var(--color-ink-muted);transition:all .2s ease}@media(max-width:640px){.quiz-option-key{display:none}}.quiz-option-emoji{font-size:1.5rem;flex-shrink:0;line-height:1}.quiz-option-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.quiz-option-label{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.015em;line-height:1.3}.quiz-option-desc{font-size:.8rem;color:var(--color-ink-muted);font-weight:500;line-height:1.4}.quiz-option-check{position:absolute;top:.6rem;right:.7rem;display:none;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--color-brand-600);color:#fff;font-size:.7rem;animation:quizPop .3s cubic-bezier(.16,1,.3,1) both}.quiz-option.is-selected .quiz-option-check{display:flex}.quiz-options-scale .quiz-option{flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.2rem .8rem}.quiz-options-scale .quiz-option-body{align-items:center;text-align:center}.quiz-options-scale .quiz-option-key{position:absolute;top:.5rem;left:.5rem}.quiz-option-pet{padding:1.35rem 1.25rem}.quiz-option-pet .quiz-option-emoji{font-size:2rem}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.quiz-actions-hint{font-size:.8rem;font-weight:600;color:var(--color-ink-muted)}.quiz-continue{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.8rem;border:none;border-radius:999px;background:var(--color-ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.quiz-continue:hover{transform:translateY(-2px)}.quiz-continue[disabled]{opacity:.35;cursor:not-allowed;transform:none}.quiz-textarea{width:100%;min-height:8rem;padding:1.1rem 1.2rem;border-radius:1.15rem;border:1.5px solid rgba(10,15,26,.08);background:#ffffffe6;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-ink);resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.quiz-textarea:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 4px #62d7aa38}.quiz-note{margin-top:1.25rem;text-align:center;font-size:.8rem;font-weight:600;color:var(--color-ink-muted)}.quiz-email-form{display:flex;flex-direction:column;gap:.9rem;align-items:center}.quiz-email-input{width:100%;max-width:26rem;padding:1rem 1.25rem;border-radius:1rem;border:1.5px solid rgba(10,15,26,.08);background:#fff;font-size:1rem;font-weight:500;color:var(--color-ink);outline:none;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.quiz-email-input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 4px #62d7aa38}.quiz-consent{display:flex;align-items:flex-start;gap:.6rem;max-width:26rem;font-size:.8rem;line-height:1.5;color:var(--color-ink-muted);font-weight:500;cursor:pointer}.quiz-consent input{margin-top:.15rem;accent-color:var(--color-brand-600);width:1rem;height:1rem;flex-shrink:0}.quiz-email-error{color:#dc2626;font-size:.82rem;font-weight:600}.quiz-skip{border:none;background:none;font-size:.85rem;font-weight:600;color:var(--color-ink-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.quiz-skip:hover{color:var(--color-ink)}.quiz-loading{text-align:center;padding:3rem 0}.quiz-loader{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.5rem}.quiz-paw{font-size:1.8rem;animation:quizPawBounce 1.1s ease-in-out infinite}.quiz-paw-2{animation-delay:.18s}.quiz-paw-3{animation-delay:.36s}@keyframes quizPawBounce{0%,to{transform:translateY(0) rotate(-8deg);opacity:.45}40%{transform:translateY(-14px) rotate(6deg);opacity:1}}.quiz-loading-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--color-ink)}.quiz-loading-status{margin-top:.6rem;font-size:.92rem;font-weight:600;color:var(--color-ink-muted);min-height:1.4em}.quiz-loading-bar{width:min(22rem,80%);height:6px;margin:1.5rem auto 0;border-radius:999px;background:#0a0f1a12;overflow:hidden}.quiz-loading-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--color-brand-600),var(--color-accent-400));transition:width .6s ease}.quiz-results{animation:quizIn .6s cubic-bezier(.16,1,.3,1) both}.quiz-result-head{text-align:center;margin-bottom:2rem}.quiz-profile-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.05rem;border-radius:999px;background:var(--color-ink);color:var(--color-accent-300);font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.quiz-result-title{font-family:var(--font-display);font-size:clamp(1.9rem,4.5vw,2.9rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;color:var(--color-ink);text-wrap:balance}.quiz-result-summary{max-width:34rem;margin:.9rem auto 0;font-size:1rem;line-height:1.7;color:var(--color-ink-muted);font-weight:500;text-wrap:pretty}.quiz-top-card{position:relative;border-radius:1.75rem;overflow:hidden;background:#fff;border:1px solid rgba(10,15,26,.05);box-shadow:0 30px 60px -30px #0a0f1a47;margin-bottom:1.5rem}.quiz-top-media{position:relative;aspect-ratio:16 / 10;background:var(--color-brand-100)}.quiz-top-media img{width:100%;height:100%;object-fit:cover;display:block}.quiz-top-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,26,.82) 0%,rgba(10,15,26,.15) 45%,transparent 70%)}.quiz-top-media-empty{width:100%;height:100%;background:linear-gradient(135deg,var(--color-brand-200),var(--color-brand-50));display:flex;align-items:center;justify-content:center;font-size:4rem}.quiz-top-overlay{position:absolute;inset:auto 0 0;z-index:2;padding:1.5rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.quiz-top-name{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.35rem);font-weight:800;letter-spacing:-.035em;color:#fff;line-height:1.1}.quiz-top-meta{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.4rem}.quiz-tag{padding:.28rem .7rem;border-radius:999px;background:#ffffff29;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:capitalize}.quiz-ring{position:relative;width:5.5rem;height:5.5rem;flex-shrink:0}.quiz-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-ring circle{fill:none;stroke-width:7;stroke-linecap:round}.quiz-ring .quiz-ring-bg{stroke:#ffffff38}.quiz-ring .quiz-ring-fg{stroke:var(--color-accent-400);stroke-dasharray:var(--quiz-circ);stroke-dashoffset:var(--quiz-circ);animation:quizRing 1.4s cubic-bezier(.16,1,.3,1) .25s forwards}@keyframes quizRing{to{stroke-dashoffset:var(--quiz-offset)}}.quiz-ring-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);line-height:1}.quiz-ring-value strong{font-size:1.35rem;font-weight:800}.quiz-ring-value span{font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.quiz-top-body{padding:1.6rem}.quiz-headline{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.4;color:var(--color-ink);margin-bottom:1.1rem;text-wrap:pretty}.quiz-why{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.3rem}.quiz-why p{position:relative;padding-left:1.6rem;font-size:.95rem;line-height:1.65;color:var(--color-ink-light);font-weight:500}.quiz-why p:before{content:"🐾";position:absolute;left:0;top:.1rem;font-size:.85rem}.quiz-callout{border-radius:1rem;padding:1rem 1.15rem;font-size:.9rem;line-height:1.6;font-weight:500;margin-bottom:1rem}.quiz-callout strong{display:block;font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}.quiz-callout-warn{background:#eab3081a;color:#854d0e}.quiz-callout-day{background:var(--color-brand-50);color:var(--color-brand-900)}.quiz-traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.4rem;margin:1.3rem 0}@media(max-width:520px){.quiz-traits{grid-template-columns:1fr}}.quiz-trait-label{display:flex;justify-content:space-between;font-size:.74rem;font-weight:700;color:var(--color-ink-muted);margin-bottom:.3rem}.quiz-trait-bar{height:5px;border-radius:999px;background:#0a0f1a12;overflow:hidden}.quiz-trait-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-brand-500),var(--color-brand-700));width:0;transition:width .9s cubic-bezier(.16,1,.3,1)}.quiz-result-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.95rem 1.5rem;border-radius:999px;background:var(--color-ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.98rem;text-decoration:none;transition:transform .2s ease,background .2s ease}.quiz-result-cta:hover{transform:translateY(-2px);background:var(--color-brand-800)}.quiz-runners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}@media(max-width:620px){.quiz-runners{grid-template-columns:1fr}}.quiz-runner{display:flex;flex-direction:column;border-radius:1.4rem;overflow:hidden;background:#fff;border:1px solid rgba(10,15,26,.05);box-shadow:0 12px 30px -20px #0a0f1a4d;text-decoration:none;color:inherit;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.quiz-runner:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px #0a0f1a66}.quiz-runner-media{position:relative;aspect-ratio:16 / 11;background:var(--color-brand-100)}.quiz-runner-media img{width:100%;height:100%;object-fit:cover;display:block}.quiz-runner-score{position:absolute;top:.7rem;right:.7rem;padding:.3rem .65rem;border-radius:999px;background:#0a0f1ac7;backdrop-filter:blur(8px);color:var(--color-accent-300);font-family:var(--font-display);font-size:.75rem;font-weight:800}.quiz-runner-body{padding:1.1rem 1.15rem 1.3rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.quiz-runner-name{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:-.03em;color:var(--color-ink)}.quiz-runner-text{font-size:.86rem;line-height:1.55;color:var(--color-ink-muted);font-weight:500}.quiz-runner-link{margin-top:auto;padding-top:.6rem;font-size:.78rem;font-weight:800;color:var(--color-brand-700);display:inline-flex;align-items:center;gap:.3rem}.quiz-panel{border-radius:1.4rem;padding:1.5rem;background:#ffffffd9;border:1px solid rgba(10,15,26,.05);margin-bottom:1.5rem}.quiz-panel h3{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--color-ink);margin-bottom:.9rem}.quiz-tips{display:flex;flex-direction:column;gap:.7rem}.quiz-tip{display:flex;gap:.7rem;font-size:.9rem;line-height:1.6;color:var(--color-ink-light);font-weight:500}.quiz-tip span{flex-shrink:0;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--color-brand-100);color:var(--color-brand-800);font-family:var(--font-display);font-size:.72rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.quiz-result-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.quiz-ghost-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.8rem 1.5rem;border-radius:999px;border:1.5px solid rgba(10,15,26,.1);background:#fffc;color:var(--color-ink);font-family:var(--font-display);font-weight:700;font-size:.88rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.quiz-ghost-btn:hover{background:#fff;border-color:var(--color-brand-400);transform:translateY(-2px)}.quiz-fallback-note{text-align:center;font-size:.75rem;font-weight:600;color:var(--color-ink-muted);opacity:.7;margin-top:1.5rem}.quiz-error{text-align:center;padding:2.5rem 1.5rem}.quiz-error h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-ink);margin-bottom:.6rem}.quiz-error p{color:var(--color-ink-muted);font-weight:500;margin-bottom:1.5rem}#quiz-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40;display:none}#quiz-confetti.is-on{display:block}@media(prefers-reduced-motion:reduce){.quiz-screen.is-active,.quiz-screen.is-leaving,.quiz-option,.quiz-q-emoji,.quiz-results,.quiz-orb,.quiz-paw{animation:none!important}.quiz-ring .quiz-ring-fg{animation:none;stroke-dashoffset:var(--quiz-offset)}.quiz-option:hover,.quiz-cta:hover,.quiz-runner:hover{transform:none}}