.onboarding-experience{background:var(--background);min-height:100dvh;color:var(--foreground);padding:env(safe-area-inset-top) var(--space-page-x) max(16px,env(safe-area-inset-bottom));font:var(--type-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.onboarding-column{flex-direction:column;max-width:min(100%,48rem);min-height:100dvh;margin:auto;display:flex}.onboarding-header{color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:24px 0;font-size:13px;display:flex}.onboarding-wordmark{letter-spacing:-1.5px;color:var(--foreground);font-size:27px;font-weight:650}.onboarding-wordmark span{color:var(--recovery)}.onboarding-progress{background:var(--border-premium);border-radius:4px;height:3px;overflow:hidden}.onboarding-progress span{background:var(--recovery);height:100%;transition:width .25s;display:block}.onboarding-content{flex:1;padding:36px 0 28px}.onboarding-eyebrow{color:var(--calm);letter-spacing:.07em;text-transform:uppercase;font-size:12px;line-height:1.8}.onboarding-eyebrow span{color:var(--muted-foreground);letter-spacing:0;text-transform:none}.onboarding-experience h1{letter-spacing:-.035em;outline:none;margin:12px 0 20px;font-size:clamp(29px,5vw,40px);font-weight:650;line-height:1.08}.onboarding-experience h2{margin-top:28px;font-size:20px;line-height:1.4}.onboarding-intro{color:var(--muted-foreground);max-width:60ch;margin-bottom:28px;font-size:16px;line-height:1.75}.onboarding-orb{width:clamp(160px,24vw,208px);margin:12px auto 24px}.onboarding-fields{gap:16px;margin:24px 0;display:grid}.onboarding-fields label{gap:9px;font-size:15px;line-height:1.6;display:grid}.onboarding-fields label small{color:var(--muted-foreground);font-size:13px}.onboarding-fields input,.onboarding-fields select,.onboarding-fields textarea{box-sizing:border-box;border:1px solid var(--border-premium-strong);background:var(--surface-card);width:100%;color:var(--foreground);border-radius:12px;outline:none;min-height:48px;padding:13px 14px;font-size:16px;display:block}.onboarding-fields textarea{resize:vertical;min-height:98px}.onboarding-fields p,.onboarding-arrival p,.onboarding-review p{color:var(--muted-foreground);font-size:15px;line-height:1.7}.onboarding-experience :focus-visible,.onboarding-dialog :focus-visible{outline:2px solid var(--recovery);outline-offset:4px}.onboarding-footer{background:color-mix(in oklab,var(--background) 96%,transparent);border-top:1px solid var(--border-premium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;padding:16px 0 8px;position:sticky;bottom:0}.onboarding-actions{gap:12px;display:flex}.onboarding-primary,.onboarding-secondary,.onboarding-back{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:550;display:flex}.onboarding-primary{background:var(--recovery);color:var(--primary-foreground);flex:1}.onboarding-secondary,.onboarding-back{background:var(--surface-card-muted);color:var(--foreground);border:1px solid var(--border-premium-strong)}.onboarding-later{color:var(--muted-foreground);text-underline-offset:4px;cursor:pointer;min-height:44px;margin:8px auto 0;padding:10px 18px;font-size:14px;text-decoration:underline;display:block}.onboarding-status{text-align:center;color:var(--muted-foreground);min-height:17px;margin:0;font-size:11px}.onboarding-note,.onboarding-preview{color:var(--muted-foreground);padding:12px 0;font-size:13px;line-height:1.6}.onboarding-preview{color:var(--calm);margin:0}.onboarding-error{background:color-mix(in oklab,var(--danger) 12%,var(--background));color:color-mix(in oklab,var(--danger) 40%,var(--foreground));border:1px solid color-mix(in oklab,var(--danger) 50%,var(--border));border-radius:12px;padding:16px;line-height:1.6}.onboarding-error button{margin-top:12px;text-decoration:underline;display:block}.onboarding-dialog{background:var(--surface-card);color:var(--foreground);border:1px solid var(--border-premium-strong);border-radius:20px;max-width:min(520px,100vw - 32px);padding:24px}.onboarding-dialog [data-slot=dialog-description]{color:var(--muted-foreground)}.onboarding-choice{gap:12px;display:grid}.onboarding-choice button{border:1px solid var(--border-premium-strong);text-align:left;border-radius:14px;min-height:52px;padding:14px}.onboarding-choice button[aria-pressed=true]{border-color:var(--recovery);background:color-mix(in oklab,var(--recovery) 12%,var(--card))}.onboarding-review{gap:4px;display:grid}.onboarding-review button{border-bottom:1px solid var(--border-premium);text-align:left;align-items:center;gap:12px;min-height:64px;padding:12px 0;display:flex}.onboarding-review button span{flex:1}.onboarding-review small{color:var(--muted-foreground)}.onboarding-loading{place-content:center;gap:20px;min-height:80vh;display:grid}.onboarding-experience button:disabled{opacity:.45;cursor:default}.onboarding-resume{border:1px solid var(--border-premium-strong);background:var(--surface-card);color:var(--foreground);border-radius:16px;margin:12px 0;padding:16px}.onboarding-resume a{min-height:44px;color:var(--recovery);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.onboarding-resume p{font-size:14px;line-height:1.6}.onboarding-experience .profile-experience-content{max-width:100%}@media(max-width:480px){.onboarding-experience{padding-left:20px;padding-right:20px}.onboarding-content{padding-top:25px}.onboarding-header{padding:18px 0}.onboarding-review button{flex-wrap:wrap}.onboarding-review small{font-size:11px}.onboarding-dialog [data-slot=dialog-footer]{gap:10px;display:grid}}@media(prefers-reduced-motion:reduce){.onboarding-progress span{transition:none}}.onboarding-experience h1:focus-visible{outline:none}@media(max-width:480px){.onboarding-dialog-actions{gap:10px;flex-direction:column!important}}.onboarding-header{grid-template-columns:1fr auto 1fr;display:grid}.onboarding-header .today-current-wordmark{grid-area:1/2;position:static;transform:none}.onboarding-header .onboarding-later{grid-area:1/1;justify-self:start;padding-left:0}.onboarding-header>span:last-child{grid-area:1/3;justify-self:end}.onboarding-content>h1{font-family:var(--font-display)}.onboarding-dialog{background:var(--popover)}.onboarding-fields :is(input,textarea,select){background:var(--surface-control);border-radius:var(--radius-control)}.onboarding-primary,.onboarding-secondary,.onboarding-back{border-radius:var(--radius-control)}.onboarding-review button{border-color:var(--border-premium)}
