.onboarding-shell{min-height:100svh;color:var(--color-ink);background:var(--color-paper);grid-template-rows:auto minmax(0,1fr);display:grid}.onboarding-shell--state{place-content:center;display:grid}.onboarding-topbar{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:4.5rem;padding:var(--space-xs) max(var(--space-sm), env(safe-area-inset-right)) var(--space-xs) max(var(--space-sm), env(safe-area-inset-left));color:var(--color-ink);background:var(--color-surface);border-bottom:var(--rule-thin) solid var(--color-line);display:flex}.onboarding-layout{min-width:0}.onboarding-rail{gap:var(--space-md);padding:var(--space-md);color:var(--color-ink);background:var(--color-paper-deep);border-bottom:var(--rule-thin) solid var(--color-line);display:grid}.onboarding-rail>div:first-child,.onboarding-rail>footer{display:none}.onboarding-rail ol{gap:var(--space-3xs);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.onboarding-rail li{min-width:0}.onboarding-rail button{width:100%;min-height:2.75rem;padding:var(--space-3xs);color:var(--color-ink-soft);border:var(--rule-thin) solid transparent;border-radius:var(--radius-small);cursor:pointer;background:0 0;place-items:center;display:grid}.onboarding-stage-number{width:1.75rem;height:1.75rem;color:var(--color-indigo-dark);background:var(--color-surface);border:var(--rule-thin) solid var(--color-indigo-line);border-radius:var(--radius-round);font-size:var(--text-xs);font-variant-numeric:tabular-nums;place-items:center;font-weight:780;display:grid}.onboarding-stage-label{display:none}.onboarding-rail button[aria-current=step]{color:var(--color-indigo-dark);background:var(--color-surface);border-color:var(--color-indigo-line);box-shadow:var(--shadow-small)}.onboarding-rail button[aria-current=step] .onboarding-stage-number{color:var(--color-accent-ink);background:var(--color-indigo);border-color:var(--color-indigo-dark)}.onboarding-rail button:disabled{cursor:not-allowed}.onboarding-content{--onboarding-stage-block-start:var(--space-lg);--onboarding-stage-inline:var(--space-md);--onboarding-action-offset:calc(var(--space-3xl) + var(--space-2xs));background:var(--color-surface);min-width:0}.onboarding-stage-wrap{animation:onboarding-enter var(--dur-medium) var(--ease-out) both}.onboarding-stage{align-content:start;gap:var(--space-lg);min-height:calc(100svh - 9rem);padding:var(--onboarding-stage-block-start) var(--onboarding-stage-inline) var(--onboarding-action-offset);display:grid}.onboarding-stage-copy{max-width:48rem}.onboarding-stage-copy h1{max-width:46rem;margin-bottom:var(--space-sm);font-size:clamp(2.3rem,9vw,4.7rem)}.onboarding-stage-copy>p:last-child{max-width:65ch;color:var(--color-ink-soft);font-size:var(--text-md);margin:0;line-height:1.6}.onboarding-kicker{margin-bottom:var(--space-xs);color:var(--color-indigo-dark);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:780}.onboarding-overview,.onboarding-key-guide{border-top:var(--rule-thin) solid var(--color-line);gap:0;max-width:48rem;margin:0;padding:0;list-style:none;display:grid}.onboarding-overview li{gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-ink-soft);border-bottom:var(--rule-thin) solid var(--color-line);grid-template-columns:auto minmax(0,1fr);line-height:1.5;display:grid}.onboarding-overview svg{width:1.5rem;height:1.5rem;color:var(--color-coral)}.onboarding-overview-title{margin-bottom:var(--space-3xs);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg);line-height:1.2;display:block}.onboarding-fields{gap:var(--space-md);max-width:48rem;display:grid}.onboarding-field-pair{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.onboarding-saved{max-width:48rem}.onboarding-saved h2{margin-bottom:var(--space-xs);font-size:var(--text-lg)}.onboarding-saved ul{border-top:var(--rule-thin) solid var(--color-line);margin:0;padding:0;list-style:none}.onboarding-saved li{gap:var(--space-xs);padding:var(--space-xs) 0;color:var(--color-ink-soft);border-bottom:var(--rule-thin) solid var(--color-line);font-size:var(--text-sm);text-transform:capitalize;grid-template-columns:auto minmax(0,1fr);display:grid}.onboarding-saved li svg{color:var(--color-green)}.onboarding-saved li strong{color:var(--color-ink);font-size:var(--text-md);text-transform:none;display:block}.onboarding-range-value{justify-content:space-between;gap:var(--space-sm);color:var(--color-ink-soft);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;display:flex}.onboarding-range-value output{color:var(--color-indigo-dark)}.onboarding-key-guide{counter-reset:key-step}.onboarding-key-guide li{counter-increment:key-step;gap:var(--space-xs);padding:var(--space-sm) 0;color:var(--color-ink-soft);border-bottom:var(--rule-thin) solid var(--color-line);grid-template-columns:2rem minmax(0,1fr);line-height:1.55;display:grid}.onboarding-key-guide li:before{content:counter(key-step);width:1.75rem;height:1.75rem;color:var(--color-indigo-dark);background:var(--color-indigo-soft);border-radius:var(--radius-round);font-variant-numeric:tabular-nums;place-items:center;font-weight:780;display:grid}.onboarding-key-guide a{align-items:center;gap:var(--space-3xs);color:var(--color-indigo-dark);text-underline-offset:var(--space-3xs);white-space:nowrap;font-weight:720;display:inline-flex}.onboarding-key-guide a:hover{color:var(--color-indigo)}.onboarding-key-guide a:active{color:var(--color-ink)}.onboarding-key-guide a svg{width:1rem;height:1rem}.onboarding-key-ready{align-items:center;gap:var(--space-sm);max-width:42rem;padding:var(--space-md);color:var(--color-green);background:var(--color-green-soft);border:var(--rule-thin) solid var(--color-green-line);border-radius:var(--radius-medium);grid-template-columns:auto minmax(0,1fr);display:grid}.onboarding-key-ready>svg{width:2rem;height:2rem}.onboarding-key-ready-title,.onboarding-key-ready-copy{display:block}.onboarding-key-ready-copy{margin-top:var(--space-3xs);color:var(--color-ink-soft);line-height:1.5}.onboarding-review{border-top:var(--rule-thin) solid var(--color-line);max-width:48rem;margin:0}.onboarding-review>div{gap:var(--space-3xs);padding:var(--space-sm) 0;border-bottom:var(--rule-thin) solid var(--color-line);display:grid}.onboarding-review dt{color:var(--color-ink-soft);font-size:var(--text-sm);font-weight:650}.onboarding-review dd{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:720;line-height:1.25}.onboarding-error,.onboarding-inline-error{max-width:48rem;margin:var(--space-md) var(--onboarding-stage-inline) 0;padding:var(--space-xs) var(--space-sm);color:var(--color-danger);background:var(--color-danger-soft);border:var(--rule-thin) solid var(--color-danger);border-radius:var(--radius-small);line-height:1.45}.onboarding-inline-error{margin:0}.onboarding-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin:auto calc(-1 * var(--onboarding-stage-inline)) calc(-1 * var(--onboarding-action-offset));padding:var(--space-sm) var(--onboarding-stage-inline) max(var(--space-sm), env(safe-area-inset-bottom));color:var(--color-ink);background:var(--color-surface);border-top:var(--rule-thin) solid var(--color-line);display:flex;position:sticky;bottom:0}.onboarding-actions>p{color:var(--color-ink-soft);font-size:var(--text-sm);margin:0 auto 0 0;display:none}.onboarding-actions>div{gap:var(--space-xs);display:flex}.onboarding-actions .button{min-height:2.75rem}
