.visual-quiz{--visual-blue:#477fec;color:#292929;max-width:560px;padding-bottom:32px}.visual-header{grid-template-columns:48px 1fr 48px;align-items:center;width:100%;max-width:400px;min-height:68px;margin:0 auto;padding:8px 20px;display:grid}.visual-header .f-brand{text-align:center;font-size:21px}.visual-back{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0;display:flex}.visual-back:disabled{opacity:.4;cursor:default}.visual-counter{font-variant-numeric:tabular-nums;justify-self:end;font-size:15px}.visual-progress{background:#e8e8e8;border-radius:4px;width:calc(100% - 40px);max-width:360px;height:4px;margin:0 auto;overflow:hidden}.visual-progress span{background:var(--visual-blue);height:100%;transition:width .18s ease-out;display:block}.visual-body{width:100%;max-width:400px;margin:0 auto;padding:16px 20px 0}.visual-title{margin:8px 0 22px;font-size:24px;line-height:1.3}.visual-stimulus{border-radius:20px;width:100%;height:auto;display:block}.visual-circle{border-radius:50%;width:240px;max-width:100%;margin:0 auto}.visual-pick{margin:25px 0 24px;font-size:17px}.visual-options{font-variant-numeric:tabular-nums;gap:20px 14px}.visual-options .f-option{min-width:0;min-height:72px;font-size:18px;font-weight:600;transition:background .12s,color .12s}.visual-options .f-option[aria-pressed=true]{background:var(--visual-blue);color:#fff}.visual-options .f-option:disabled{cursor:default}.visual-options .f-option:not(:disabled):hover{background:#e7eefb}.visual-quiz button:focus-visible{outline-offset:4px;outline:3px solid #2759af}.visual-pick:focus{outline:none}.visual-shapes{justify-content:center;align-items:center;gap:4px;display:flex}.visual-shapes svg{flex-shrink:0}.visual-status{text-align:center;padding:48px 8px;font-size:17px;line-height:1.5}.visual-retry{margin:24px auto 0;padding:12px 24px;font-size:17px}.visual-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.visual-intro-header{max-width:560px;min-height:96px}.visual-intro-header .f-brand{font-size:28px}.visual-intro-header .visual-menu summary{justify-content:flex-end;align-items:center;width:44px;height:44px;display:flex}.visual-menu nav{z-index:5}.visual-body:has(.visual-intro){max-width:560px}.visual-intro .visual-title{margin:4px 0 32px;font-size:28px}.visual-coral{color:#d9675c}.visual-intro .visual-pick{margin:32px 0 38px;font-size:23px}.visual-intro .visual-options{gap:24px}.visual-intro .f-option{border-radius:24px;min-height:96px;font-size:25px;font-weight:700}@media (max-width:480px){.visual-intro-header{min-height:80px}.visual-intro-header .f-brand{font-size:24px}.visual-intro .visual-title{margin-bottom:28px;font-size:24px}.visual-intro .visual-pick{margin:26px 0 28px;font-size:20px}.visual-intro .visual-options{font-variant-numeric:tabular-nums;gap:20px 14px}.visual-intro .f-option{border-radius:20px;min-height:80px;font-size:22px}}@media (prefers-reduced-motion:reduce){.visual-quiz *{transition:none}}