.ab-quiz{--quiz-field:#81562c;--quiz-track:#442822;--quiz-fill:#cebd58;--quiz-selected:#b8d6d9;--quiz-cream:#e1e3bb;--quiz-outline:var(--quiz-fill);isolation:isolate;min-height:calc(100dvh - var(--ab-nav-height));background:var(--quiz-field);flex-direction:column;display:flex;position:relative;overflow:clip}.ab-quiz__grain{opacity:.9;pointer-events:none;background-image:url(/quiz/grain-panel.svg);background-repeat:repeat;background-size:461px 738px;position:absolute;inset:0}.ab-quiz__sound{z-index:2;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring);background:#44282259;border:1px solid #ffffff59;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:24px;right:24px}.ab-quiz__sound:hover{background:#4428228c}.ab-quiz__sound:active{transform:scale(.94)}.ab-quiz__sound:focus-visible{outline:2px solid var(--quiz-outline);outline-offset:2px}.ab-quiz__sound:disabled{opacity:.4;cursor:not-allowed}.ab-quiz__inner{z-index:1;flex-direction:column;flex:1;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:48px 24px 0;display:flex;position:relative}.ab-quiz__progress{background:var(--quiz-track);border-radius:var(--radius-full);width:min(420px,100%);height:12px;margin-bottom:40px;overflow:hidden}.ab-quiz__progress-fill{background:var(--quiz-fill);border-radius:var(--radius-full);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--quiz-progress,0))}@media (prefers-reduced-motion:no-preference){.ab-quiz__progress-fill{transition:transform var(--duration-slow) var(--ease-reveal)}}.ab-quiz__heading{width:356px;max-width:80vw;height:auto;margin-bottom:28px;display:block}.ab-quiz__question{width:min(560px,100%);font-family:var(--ab-font-body);text-align:center;color:#fff;margin:0 0 32px;font-size:28px;line-height:1.4}.ab-quiz__question:focus-visible{outline:none}.ab-quiz__options{flex-direction:column;align-items:stretch;gap:18px;width:min(480px,100%);margin-bottom:40px;display:flex}.ab-quiz__option{border-radius:var(--radius-full);height:54px;font-family:var(--ab-font-body);color:#000;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring);background:#fff;border:1px solid #000;align-items:center;padding:0 28px;font-size:20px;display:flex}.ab-quiz__option:hover{transform:translateY(-1px)}.ab-quiz__option:active{transform:scale(.98)}.ab-quiz__option:focus-visible{outline:2px solid var(--quiz-outline);outline-offset:2px}.ab-quiz__option[aria-pressed=true]{background:var(--quiz-selected)}.ab-quiz__option:disabled{cursor:default;opacity:.85}.ab-quiz__question-panel{display:contents}@media (prefers-reduced-motion:no-preference){.ab-quiz__question-panel[data-phase=enter] .ab-quiz__question,.ab-quiz__question-panel[data-phase=enter] .ab-quiz__options{animation:quiz-q-in var(--duration-normal) var(--ease-reveal) both}.ab-quiz__question-panel[data-phase=exit] .ab-quiz__question,.ab-quiz__question-panel[data-phase=exit] .ab-quiz__options{animation:quiz-q-out .4s var(--ease-default) both}.ab-quiz__question-panel[data-dir=back][data-phase=enter] .ab-quiz__question,.ab-quiz__question-panel[data-dir=back][data-phase=enter] .ab-quiz__options{animation-name:quiz-q-in-back}.ab-quiz__question-panel[data-dir=back][data-phase=exit] .ab-quiz__question,.ab-quiz__question-panel[data-dir=back][data-phase=exit] .ab-quiz__options{animation-name:quiz-q-out-back}.ab-quiz__options .ab-quiz__option{animation:quiz-opt-in var(--duration-normal) var(--ease-reveal) both}.ab-quiz__options .ab-quiz__option:first-child{animation-delay:40ms}.ab-quiz__options .ab-quiz__option:nth-child(2){animation-delay:90ms}.ab-quiz__options .ab-quiz__option:nth-child(3){animation-delay:.14s}.ab-quiz__options .ab-quiz__option:nth-child(4){animation-delay:.19s}.ab-quiz__options .ab-quiz__option:nth-child(5){animation-delay:.24s}.ab-quiz__options .ab-quiz__option:nth-child(6){animation-delay:.29s}.ab-quiz__question-panel[data-phase=exit] .ab-quiz__option{animation:quiz-q-out .4s var(--ease-default) both;animation-delay:0s}}@keyframes quiz-q-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes quiz-q-out{0%,60%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}@keyframes quiz-q-in-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes quiz-q-out-back{0%,60%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(28px)}}@keyframes quiz-opt-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ab-quiz__back-row{width:100%;padding:24px 24px calc(24px + env(safe-area-inset-bottom));margin-top:auto}.ab-quiz__back{border:1px solid var(--quiz-cream);border-radius:var(--radius-full);min-width:44px;min-height:44px;font-family:var(--ab-font-body);color:var(--quiz-cream);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);background:0 0;align-items:center;gap:6px;padding:0 24px;font-size:16px;display:inline-flex}.ab-quiz__back:hover{background:#ffffff14}.ab-quiz__back:focus-visible{outline:2px solid var(--quiz-outline);outline-offset:2px}.ab-quiz__back:disabled{opacity:0;pointer-events:none}.ab-quiz__intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:min(560px,100%);margin:0 auto;padding-bottom:56px;display:flex}.ab-quiz__intro-heading{font-family:var(--ab-font-hand-thai);color:#fff;margin:0;font-size:36px}.ab-quiz__intro-copy{font-family:var(--ab-font-body);color:var(--quiz-cream);margin:0;font-size:16px;line-height:1.7}.ab-quiz__intro-note{font-family:var(--ab-font-mono);letter-spacing:.6px;color:var(--quiz-cream);opacity:.85;margin:0;font-size:12px}.ab-quiz__intro-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:8px;display:flex}.ab-quiz__ghost-btn{border:1px solid var(--quiz-cream);border-radius:var(--radius-full);min-width:176px;height:51px;color:var(--quiz-cream);font-family:var(--ab-font-body);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-spring);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 32px;font-size:16px;display:inline-flex}.ab-quiz__ghost-btn:hover{background:#ffffff14}.ab-quiz__ghost-btn:active{transform:scale(.97)}.ab-quiz__ghost-btn:focus-visible{outline:2px solid var(--quiz-outline);outline-offset:3px}.ab-quiz__skip{font-family:var(--ab-font-body);color:var(--quiz-cream);opacity:.75;text-underline-offset:3px;margin-top:4px;font-size:13px;text-decoration:underline}.ab-quiz__skip:hover{opacity:1}@media (prefers-reduced-motion:no-preference){.ab-quiz__intro-heading{animation:ab-rise .7s var(--ease-reveal) both}.ab-quiz__intro-copy{animation:ab-rise .7s var(--ease-reveal) both .12s}.ab-quiz__intro-note{animation:ab-rise .7s var(--ease-reveal) both .24s}.ab-quiz__intro-ctas,.ab-quiz__skip{animation:ab-rise .7s var(--ease-reveal) both .36s}}.ab-quiz__calculating{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding-bottom:56px;display:flex}.ab-quiz__calculating-copy{font-family:var(--ab-font-body);color:#fff;margin:0;font-size:20px}.ab-quiz__dots{gap:10px;display:flex}.ab-quiz__dots span{background:var(--quiz-fill);border-radius:50%;width:10px;height:10px}@media (prefers-reduced-motion:no-preference){.ab-quiz__dots span{animation:1.1s ease-in-out infinite quiz-dot-pulse}.ab-quiz__dots span:nth-child(2){animation-delay:.15s}.ab-quiz__dots span:nth-child(3){animation-delay:.3s}}@keyframes quiz-dot-pulse{0%,80%,to{opacity:.35;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ab-quiz__calc-error{max-width:360px;font-family:var(--ab-font-body);color:var(--quiz-cream);margin:0;font-size:14px}.ab-quiz__reveal{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:min(480px,100%);margin:0 auto;padding-bottom:64px;display:flex}.ab-quiz__reveal-ring{border-radius:50%;width:320px;height:320px;margin-bottom:12px;position:relative}.ab-quiz__reveal-ring:after{content:"";background:var(--quiz-fill);opacity:.4;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.ab-quiz__reveal-ring:after{animation:ring-ping 1.4s var(--ease-out) 1}}.ab-quiz__reveal-portrait{z-index:1;aspect-ratio:1;object-fit:contain;background:#ffffff1f;border-radius:50%;width:320px;height:320px;position:relative}.ab-quiz__reveal-eyebrow{font-family:var(--ab-font-mono);letter-spacing:1.8px;text-transform:uppercase;color:var(--quiz-cream);margin:0;font-size:12px}.ab-quiz__reveal-name{font-family:var(--ab-font-hand-thai);color:#fff;margin:0;font-size:38px}.ab-quiz__reveal-desc{font-family:var(--ab-font-body);color:var(--quiz-cream);margin:0 0 12px;font-size:15px;line-height:1.7}.ab-quiz__reveal-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.ab-quiz__reveal-ctas .ab-btn{gap:8px}@media (prefers-reduced-motion:no-preference){.ab-quiz__reveal-portrait{animation:quiz-reveal-portrait var(--duration-reveal) var(--ease-reveal) both .2s}.ab-quiz__reveal-eyebrow{animation:ab-rise .7s var(--ease-reveal) both .42s}.ab-quiz__reveal-name{animation:ab-rise .7s var(--ease-reveal) both .52s}.ab-quiz__reveal-desc{animation:ab-rise .7s var(--ease-reveal) both .62s}.ab-quiz__reveal-ctas{animation:ab-rise .7s var(--ease-reveal) both .72s}}@keyframes quiz-reveal-portrait{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ab-quiz__empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding-bottom:56px;display:flex}.ab-quiz__empty-title{font-family:var(--ab-font-hand-thai);color:#fff;margin:0;font-size:30px}.ab-quiz__empty-copy{max-width:420px;font-family:var(--ab-font-body);color:var(--quiz-cream);margin:0;font-size:15px}.ab-quiz__empty-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:8px;display:flex}.ab-quiz__skeleton{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.ab-quiz__skeleton-bar{border-radius:var(--radius-full);background:#ffffff24}@media (prefers-reduced-motion:no-preference){.ab-quiz__skeleton-bar{animation:1.4s ease-in-out infinite quiz-skeleton-pulse}}@keyframes quiz-skeleton-pulse{0%,to{opacity:.5}50%{opacity:.9}}@media (width<=899px){.ab-quiz__inner{padding:32px 20px 0}.ab-quiz__heading{width:280px}}@media (width<=599px){.ab-quiz__question{font-size:22px}.ab-quiz__options{width:100%}.ab-quiz__option{white-space:normal;height:auto;min-height:54px;padding:14px 22px}.ab-quiz__intro-ctas,.ab-quiz__reveal-ctas,.ab-quiz__empty-ctas{flex-direction:column;width:100%}.ab-quiz__intro-ctas .ab-btn,.ab-quiz__intro-ctas .ab-quiz__ghost-btn,.ab-quiz__reveal-ctas .ab-btn,.ab-quiz__reveal-ctas .ab-quiz__ghost-btn,.ab-quiz__empty-ctas .ab-btn{width:100%}.ab-quiz__reveal-ring,.ab-quiz__reveal-portrait{width:220px;height:220px}}