/* ===== Onboarding questionnaire ===== */
.ob-scrim{position:fixed;inset:0;z-index:100;background:rgba(10,15,28,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:slideIn .2s var(--ease)}
.ob{position:relative;width:100%;max-width:480px;max-height:90vh;overflow:hidden auto;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);padding:30px 28px;text-align:center}
.ob-skip{position:absolute;top:16px;left:18px;border:none;background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;font-family:inherit}
.ob-skip:hover{color:var(--ink)}
.ob-progress{display:flex;gap:6px;justify-content:center;margin-bottom:18px}
.ob-progress span{width:34px;height:5px;border-radius:3px;background:var(--surface-3);transition:background var(--t)}
.ob-progress span.on{background:var(--gold)}
.ob-mascot{display:flex;justify-content:center;margin-bottom:8px}
.ob-q{font-family:var(--font-display);font-weight:900;font-size:21px;color:var(--ink);margin:0 0 6px;line-height:1.35}
.ob-hint{font-size:13px;color:var(--muted);line-height:1.7;margin:0 auto 20px;max-width:380px}
.ob-hint b{color:var(--ink)}
.ob-mask{color:var(--memory)}
.ob-opts{display:flex;flex-direction:column;gap:9px}
.ob-opt{display:flex;align-items:center;gap:11px;width:100%;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--r-md);padding:13px 15px;text-align:right;font-size:14px;font-weight:600;color:var(--ink);transition:border-color var(--t),background var(--t)}
.ob-opt:hover{border-color:var(--gold);background:var(--human-bg)}
.ob-opt.on{border-color:var(--gold);background:var(--human-bg);color:var(--human)}
.ob-opt-ic{width:34px;height:34px;border-radius:10px;background:var(--surface-3);color:var(--human);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ob-opt.on .ob-opt-ic{background:var(--surface)}
.ob-res-ic{width:64px;height:64px;border-radius:50%;background:var(--memory-bg);color:var(--memory);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;animation:vgPop .4s var(--ease)}
.ob-res-chips{display:flex;gap:8px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}
.ob-res-chips span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--memory);background:var(--memory-bg);padding:6px 12px;border-radius:var(--r-full)}
.ob-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;border:none;background:var(--gold);color:var(--on-gold);font-weight:700;font-size:15px;padding:13px;border-radius:var(--r-md);box-shadow:0 8px 20px rgba(158,43,78,.26)}
.ob-cta:hover{background:var(--gold-light)}