.onb-page{min-height:100vh;font-family:var(--font-ui);color:var(--text-body);background:radial-gradient(1200px 620px at 50% -8%,var(--cream-200),#f5f0e800 62%),var(--bg-page);justify-content:center;align-items:flex-start;padding:clamp(20px,4vw,56px) 20px;display:flex;position:relative;overflow-x:hidden}.onb-page:before{content:"";opacity:.07;mix-blend-mode:multiply;pointer-events:none;z-index:0;background:url(/onboarding-mandala.png) top/420px;height:46vh;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.onb-page>*{z-index:1;position:relative}.onb-page ::selection{background:var(--gold-100);color:var(--ink-900)}.onb-nav{border-top:1px solid var(--border-hairline);justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:22px;display:flex}@media (max-width:440px){.onb-nav{flex-direction:column-reverse;align-items:stretch}.onb-nav>*,.onb-nav button{text-align:center;justify-content:center;width:100%}}@keyframes onbFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes onbPop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes onbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onbSpin{to{transform:rotate(360deg)}}