.onboarding-page{background:var(--bg-0);color:var(--text-0);z-index:100;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.onboarding-main{--onb-main-pad-bottom:max(1.5rem, min(2.5rem, 5vh));padding:max(1.25rem, min(2rem, 4vh)) 1.5rem var(--onb-main-pad-bottom);scrollbar-gutter:stable both-edges;will-change:opacity;flex:1;justify-content:center;align-items:safe center;display:flex;overflow-y:auto}.onboarding-warmup{z-index:102;opacity:.005;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.onboarding-warmup>*{grid-area:1/1;width:100%}.onboarding-warmup__road{max-width:35rem}.onboarding-center{opacity:1;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;max-width:47.5rem;display:flex}.onboarding-center--intro{text-align:center;align-items:center;gap:1.375rem}.onboarding-center.is-entering>*{animation:onboardingItemIn .42s var(--easing) both}.onboarding-center.is-entering>:first-child{animation-delay:0s}.onboarding-center.is-entering>:nth-child(2){animation-delay:70ms}.onboarding-center.is-entering>:nth-child(3){animation-delay:.14s}.onboarding-center.is-entering>:nth-child(4){animation-delay:.21s}.onboarding-center.is-entering>:nth-child(5){animation-delay:.28s}.onboarding-center.is-entering>:nth-child(6){animation-delay:.35s}@keyframes onboardingItemIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.onboarding-step-heading{color:var(--text-0);text-align:center;outline:none;margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.25}.onboarding-step-heading--hero{font-family:var(--font-manrope,system-ui), system-ui, sans-serif;letter-spacing:-.02em;isolation:isolate;font-size:clamp(1.875rem,3.8vw,2.875rem);font-weight:700;line-height:1.12;position:relative}.onboarding-step-heading--hero:before{content:"";background:radial-gradient(ellipse at center, rgb(var(--accent-orange-rgb) / .07), transparent 65%);pointer-events:none;z-index:-1;position:absolute;inset:-40% -10%}.onboarding-step-heading:focus-visible{outline:none}.onboarding-step-description{color:var(--text-1);text-align:center;font-size:var(--fs-sm,.9375rem);margin:0}.onboarding-step-description--lead{font-size:var(--fs-lg,1.125rem);max-width:54ch;color:var(--text-1);margin:0 auto;line-height:1.55}.onboarding-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.onboarding-center--intro .onboarding-actions{justify-content:center;margin-top:.25rem}.onboarding-actions.is-end{justify-content:flex-end}.onboarding-center--intro .onboarding-actions.is-end{justify-content:center}.onboarding-btn{--onb-btn-hover:.2s;--onb-btn-hover-easing:cubic-bezier(.4, 0, .2, 1);border-radius:var(--radius-pill,999px);border:1px solid var(--stroke);background:var(--surface-1);min-height:2.75rem;color:var(--text-0);font-size:var(--fs-sm,.9375rem);cursor:pointer;transition:color var(--onb-btn-hover) var(--onb-btn-hover-easing), background-color var(--onb-btn-hover) var(--onb-btn-hover-easing), border-color var(--onb-btn-hover) var(--onb-btn-hover-easing), box-shadow var(--onb-btn-hover) var(--onb-btn-hover-easing), opacity var(--onb-btn-hover) var(--onb-btn-hover-easing);justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-weight:500;display:inline-flex}.onboarding-btn:focus-visible{outline:none}.onboarding-btn:not(.is-primary):focus-visible:not(:disabled){background:var(--white-06);border-color:var(--white-15)}@media (hover:hover){.onboarding-btn:not(.is-primary):hover:not(:disabled){background:var(--white-06);border-color:var(--white-15)}}.onboarding-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn.is-primary{background:var(--accent-orange);color:var(--accent-orange-ink);border-color:#0000;font-weight:600}.onboarding-btn.is-primary:focus-visible:not(:disabled){background:var(--accent-orange-hover);box-shadow:0 .375rem 1.375rem rgb(var(--accent-orange-rgb) / .28)}@media (hover:hover){.onboarding-btn.is-primary:hover:not(:disabled){background:var(--accent-orange-hover);box-shadow:0 .375rem 1.375rem rgb(var(--accent-orange-rgb) / .28)}}.onboarding-btn.is-hero{min-height:3.125rem;font-size:var(--fs-base,1rem);padding:.8125rem 1.75rem;font-weight:600}.onboarding-btn.is-ghost{color:var(--text-2);background:0 0;border-color:#0000}.onboarding-btn.is-ghost:focus-visible:not(:disabled){color:var(--text-0);background:var(--white-06);border-color:#0000}@media (hover:hover){.onboarding-btn.is-ghost:hover:not(:disabled){color:var(--text-0);background:var(--white-06);border-color:#0000}}.onboarding-center--intro .onboarding-actions--stack{flex-direction:column;justify-content:center;align-items:center;gap:.25rem}@media not (min-width:48rem){.onboarding-page{--onb-gutter:1rem;padding-top:calc(env(safe-area-inset-top) + 1rem);overflow-x:hidden}.onboarding-main{--onb-main-pad-bottom:max(1.5rem, min(4rem, 8vh));padding:1.5rem var(--onb-gutter);padding-bottom:max(var(--onb-main-pad-bottom), var(--m-edge-bottom), calc(var(--cookie-consent-height,0px) + 1rem));overscroll-behavior:contain;overflow-x:hidden}:root:has(.onboarding-page.onb-flow){overscroll-behavior-y:none}:root:has(.onboarding-page.onb-flow){--m-toast-floor:calc(var(--m-edge-bottom) + 7rem)}.onboarding-step-heading--hero{font-size:clamp(1.625rem,7vw,2.125rem)}.onboarding-step-description--lead{font-size:var(--fs-base,.9375rem)}.onboarding-actions{flex-direction:column-reverse;align-items:stretch}.onboarding-btn{width:100%;min-height:3.25rem;padding:.75rem 1.375rem;font-size:1rem}.onboarding-btn.is-ghost{box-shadow:var(--light-inset) transparent}.onboarding-btn.is-ghost:active:not(:disabled){color:var(--text-0);box-shadow:var(--light-inset) var(--white-06);transition-duration:0s}}@media (pointer:coarse){.onboarding-page.onb-flow :is(.interlude-copy,.onb-result,.onb-fin-copy,.onb-fork-title,.onb-header){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}
