.sa-quiz-page,.sa-quiz-shell{--sa-ink:#302738;--sa-muted:#7a7384;--sa-line:#ded8e2;--sa-primary:#9472c7;--sa-soft:#f0e9fa;background:#faf8f5;color:var(--sa-ink);font-family:Inter,system-ui,sans-serif;min-height:100svh;margin:0;color-scheme:light}
.sa-quiz-page *,.sa-quiz-shell *{box-sizing:border-box}.sa-quiz{max-width:600px;margin:auto;padding:24px 26px 0}.sa-quiz-header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;margin-bottom:22px}.sa-brand{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-1.8px;color:var(--sa-primary);text-decoration:none}.sa-back{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:0;border-radius:50%;color:var(--sa-ink);font-size:25px;cursor:pointer;text-decoration:none}.sa-back:hover{background:var(--sa-soft)}.sa-step{font-size:12px;color:var(--sa-muted);font-variant-numeric:tabular-nums}.sa-progress{height:5px;background:#ece7f0;border-radius:10px;overflow:hidden}.sa-progress>span{display:block;height:100%;border-radius:inherit;background:var(--sa-primary);transition:width .4s ease}.sa-journey{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--sa-muted);margin-top:12px}.sa-journey .is-current{color:#8060af;font-weight:600}.sa-question{padding-top:35px}.sa-eyebrow{color:#8964be;font-size:11px;font-weight:600;letter-spacing:1.7px;margin:0 0 12px}.sa-question h1,.sa-complete h1{font-size:clamp(29px,5vw,39px);font-weight:600;line-height:1.14;letter-spacing:-1.3px;margin:0 0 14px;color:var(--sa-ink)}.sa-question h1:focus{outline:none}.sa-helper{color:var(--sa-muted);line-height:1.6;font-size:14px;margin:0 0 25px}.sa-options{display:grid;grid-template-columns:1fr;gap:12px}.sa-photo-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sa-answer{appearance:none;position:relative;display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;border:1px solid var(--sa-line);border-radius:16px;background:#fffdfa;text-align:left;color:var(--sa-ink);font:inherit;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.sa-answer:hover{border-color:#b69acf;transform:translateY(-2px)}.sa-answer:active{transform:scale(.975)}.sa-answer[aria-pressed=true]{border-color:var(--sa-primary);background:var(--sa-soft);box-shadow:0 0 0 1px var(--sa-primary)}.sa-answer:disabled{cursor:not-allowed}.sa-answer img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;transition:transform .35s}.sa-answer[aria-pressed=true] img{transform:scale(1.025)}.sa-answer-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 14px;font-size:14px;font-weight:500;min-height:58px;line-height:1.4}.sa-answer-copy{display:flex;flex-direction:column;gap:5px}.sa-answer-copy small{font-size:12px;font-weight:400;line-height:1.5;color:var(--sa-muted)}.sa-check{width:23px;height:23px;border:1px solid #b8afc2;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:transparent;background:transparent;font-size:13px}.sa-answer[aria-pressed=true] .sa-check{border-color:var(--sa-primary);background:var(--sa-primary);color:white;animation:sa-check-in .22s ease-out}.sa-actions{position:sticky;bottom:0;padding:16px 0 max(18px,env(safe-area-inset-bottom));background:#faf8f5;z-index:5;margin-top:12px}.sa-continue{display:flex;align-items:center;justify-content:center;gap:18px;min-height:54px;width:100%;padding:15px 20px;border:0;border-radius:14px;background:var(--sa-primary);color:white;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s,transform .2s,opacity .2s}.sa-continue:hover:not(:disabled){background:#8360b7;transform:translateY(-1px)}.sa-continue:active:not(:disabled){transform:scale(.985)}.sa-continue:disabled{background:#e6e0ed;color:#96909e;cursor:not-allowed}.sa-selection-status{min-height:18px;margin:0 0 10px;text-align:center;font-size:12px;color:var(--sa-muted)}.sa-footnote{font-size:11px;line-height:1.6;color:var(--sa-muted);text-align:center;margin:12px 0 0}.sa-skip{margin-top:18px;padding:12px;width:100%;border:1px dashed var(--sa-line);border-radius:12px;background:transparent;color:#8060af;font:500 13px Inter,system-ui,sans-serif;cursor:pointer}.sa-skip[aria-pressed=true]{background:var(--sa-soft);border-color:var(--sa-primary)}.sa-atlas{aspect-ratio:1.35;background-size:300% 200%;background-repeat:no-repeat;background-color:#f0e7df}.sa-context{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.sa-context span{padding:6px 10px;border-radius:999px;background:var(--sa-soft);color:#8060af;font-size:11px}.sa-complete{padding:80px 0 40px}.sa-complete-symbol{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--sa-soft);color:var(--sa-primary);margin-bottom:24px}.sa-complete p{color:var(--sa-muted);line-height:1.7}.sa-quiz :focus-visible{outline:3px solid #8060af;outline-offset:4px}.sa-enter{animation:sa-enter .38s ease both}.sa-leaving{animation:sa-leave .18s ease forwards}@keyframes sa-check-in{from{transform:scale(.5);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes sa-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sa-leave{to{opacity:0;transform:translateX(-12px)}}
@media(min-width:800px){.sa-quiz{padding-top:35px}.sa-photo-options .sa-answer img{aspect-ratio:1.9}.sa-quiz-shell .sa-options:not(.sa-photo-options){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.sa-quiz{padding:16px 18px 0}.sa-question{padding-top:26px}.sa-photo-options{gap:10px}.sa-answer-label{padding:12px 10px;font-size:13px}.sa-question h1{font-size:30px}.sa-helper{font-size:13px}.sa-answer img{aspect-ratio:1.55}}
@media(prefers-reduced-motion:reduce){.sa-quiz-page *,.sa-quiz-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sa-answer:hover,.sa-answer:active{transform:none!important}}