/* ── Onboarding survey gate ──────────────────────────────────
   survey.html already fills its own background edge-to-edge, so
   this wrapper only needs to own the viewport and sit above the
   rest of the app — same layer as the auth gate, one step later. */
.onboarding-gate {
  position: fixed;
  inset: 0;
  z-index: var(--z-gate);
  background: #0a0a0f; /* matches survey.html's own --bg, avoids a flash */
}

#onboardingFrame {
  width: 100%;
  height: 100%;
  height: 100dvh;
  border: 0;
  display: block;
}