@layer app-legacy{.onboarding-panel{display:flex;flex-direction:column;gap:var(--space-6)}.onboarding-resume-link{font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.onboarding-return-banner{margin:0;padding:var(--space-3) var(--space-4);background:var(--paper-card-texture) center /150px 150px repeat,rgba(255,253,249,.9);border:1.5px solid rgba(74,54,38,.18);border-left:3px solid #7a4e22;border-radius:4px 9px 9px 4px;box-shadow:1.5px 2px 0 rgba(74,54,38,.1);font-size:var(--font-size-body-sm);line-height:var(--line-height-loose);color:var(--color-text-secondary)}.onboarding-world-promise{align-self:center;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;max-width:100%;text-align:center;margin:0;padding:6px 13px;background:linear-gradient(180deg,rgba(214,188,152,.34),rgba(214,188,152,.34)),var(--paper-card-texture) center /150px 150px repeat,#EADFCB;border:1.5px dashed rgba(74,54,38,.3);border-radius:7px 5px 8px 5px;box-shadow:1.5px 2px 0 rgba(74,54,38,.12);font-size:var(--font-size-caption);font-weight:700;letter-spacing:.01em;color:#7A4E22;transform:rotate(-1deg)}.onboarding-world-promise:before{content:"";width:8px;height:8px;border-radius:50%;background:#7FA37C;box-shadow:0 0 0 3px rgba(127,163,124,.22)}@media (prefers-reduced-motion:reduce){.onboarding-world-promise{transform:none}}.onboarding-copy{display:flex;flex-direction:column;gap:var(--space-3);text-align:center}.onboarding-copy h1{margin:0;font-size:var(--fs-display);font-weight:700;line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.onboarding-copy p{margin:0;font-size:var(--font-size-body-lg);line-height:var(--line-height-loose);color:var(--color-text-secondary)}.onboarding-assessment-route{overflow:hidden;border:1.5px solid rgba(74,54,38,.2);border-radius:7px 11px 8px 10px;background:var(--paper-card-texture) center /150px 150px repeat,rgba(255,253,249,.92);box-shadow:3px 4px 0 rgba(74,54,38,.11)}.onboarding-dual-stage{display:grid;grid-template-columns:1fr 1fr;height:152px;border-bottom:1px dashed rgba(74,54,38,.25);background:#eadfcb}.onboarding-dual-stage,.onboarding-dual-stage-half{position:relative;overflow:hidden}.onboarding-dual-stage-half-public{background:linear-gradient(145deg,rgba(255,253,249,.94),rgba(232,223,205,.72)),var(--paper-card-texture) center /150px 150px repeat}.onboarding-dual-stage-half-private{background:linear-gradient(215deg,rgba(223,205,175,.78),rgba(255,248,233,.88)),var(--paper-card-texture) center /150px 150px repeat}.onboarding-dual-stage-half img{position:absolute;bottom:-74px;left:50%;width:150px;height:auto;filter:drop-shadow(2px 3px 0 rgba(74,54,38,.13));transform:translateX(-50%)}.onboarding-dual-stage-half-private img{width:142px;transform:translateX(-50%) scaleX(-1)}.onboarding-dual-stage-seam{position:absolute;z-index:2;top:0;bottom:0;left:50%;width:13px;background:#f8f4eb;clip-path:polygon(45% 0,88% 9%,35% 19%,72% 30%,24% 42%,78% 55%,31% 69%,70% 81%,42% 100%,0 100%,0 0);transform:translateX(-50%)}.onboarding-route-heading{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.onboarding-route-heading>span{flex:0 0 auto;font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;color:#7a4e22}.onboarding-route-heading h2{margin:0;font-size:var(--font-size-body-sm);font-weight:700;line-height:var(--line-height-snug);color:var(--color-text-primary)}.onboarding-route-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0 var(--space-3) var(--space-4);list-style:none}.onboarding-route-list li{position:relative;min-width:0;padding:0 var(--space-2);text-align:center}.onboarding-route-list li:not(:last-child):after{content:"";position:absolute;top:13px;left:calc(50% + 13px);width:calc(100% - 26px);border-top:1px dashed rgba(74,54,38,.3)}.onboarding-route-index{position:relative;z-index:1;display:inline-grid;width:27px;height:27px;place-items:center;border:1px solid rgba(74,54,38,.32);border-radius:50%;background:#f8f4eb;font-size:var(--fs-micro);font-weight:700;color:#7a4e22}.onboarding-route-copy{display:flex;flex-direction:column;gap:3px;margin-top:var(--space-2)}.onboarding-route-copy strong{font-size:var(--font-size-caption);line-height:var(--line-height-snug);color:var(--color-text-primary)}.onboarding-route-copy small{font-size:var(--fs-micro);line-height:1.35;color:var(--color-text-tertiary)}@media (prefers-reduced-motion:no-preference){.onboarding-dual-stage-half img{animation:onboarding-character-settle .52s cubic-bezier(.22,1,.36,1) both}.onboarding-dual-stage-half-private img{animation-delay:90ms}}@keyframes onboarding-character-settle{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media (max-width:640px){.onboarding-dual-stage{height:132px}.onboarding-dual-stage-half img{bottom:-68px;width:128px}.onboarding-dual-stage-half-private img{width:120px}.onboarding-route-list{grid-template-columns:1fr;gap:0;padding-inline:var(--space-4)}.onboarding-route-list li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:var(--space-2);padding:var(--space-2) 0;text-align:left}.onboarding-route-list li:not(:last-child):after{top:35px;bottom:-8px;left:13px;width:0;border-top:0;border-left:1px dashed rgba(74,54,38,.3)}.onboarding-route-copy{margin-top:0}.onboarding-route-copy small{font-size:var(--fs-micro)}}.onboarding-field{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding-field>label{font-size:var(--font-size-body-sm);font-weight:600;color:var(--color-text-primary)}.onboarding-field input{font-size:var(--font-size-body)}.onboarding-field p{margin:0;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.onboarding-consent{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding-consent label{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid rgba(74,54,38,.22);border-radius:9px 6px 10px 6px;background:var(--paper-card-texture) center /150px 150px repeat,rgba(255,253,249,.9);box-shadow:1.5px 2px 0 rgba(74,54,38,.12);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.onboarding-consent label:hover{border-color:rgba(74,54,38,.36);box-shadow:2.5px 3px 0 rgba(74,54,38,.16)}.onboarding-consent label:has(input[aria-invalid=true]){border-color:var(--color-error);background:rgba(217,96,96,.06)}.onboarding-consent input[type=checkbox]{flex:0 0 auto;width:22px;height:22px;margin:2px 0 0;accent-color:var(--color-type-SL);cursor:pointer}.onboarding-consent label>span{flex:1 1 auto;font-size:var(--font-size-body-sm);line-height:var(--line-height-normal);color:var(--color-text-primary)}.onboarding-consent label>span a{color:var(--color-type-SL);text-decoration:underline;text-underline-offset:2px}.onboarding-required{margin-left:2px;font-weight:700;color:var(--color-error)}.onboarding-consent p[role=alert]{margin:0;padding:var(--space-2) var(--space-3);background:rgba(217,96,96,.08);border-left:3px solid var(--color-error);border-radius:var(--radius-tiny);font-size:var(--font-size-caption);font-weight:600;color:var(--color-error)}.onboarding-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}@media (max-width:640px){.onboarding-cta{position:sticky;bottom:calc(var(--consent-banner-h, 0px) + var(--space-2, 8px));z-index:30;margin-top:var(--space-4);padding:var(--space-3) var(--space-2) 0;background:linear-gradient(to bottom,rgba(248,244,235,0) 0,var(--color-surface-01,#F8F4EB) 40%);border-radius:var(--radius-card)}}.onboarding-cta>div{width:100%;transition:opacity .16s ease}.onboarding-cta>div[data-consented=false]{filter:saturate(.6) brightness(.98);cursor:pointer}.onboarding-cta>div[data-consented=true]{filter:none}.onboarding-cta>p{margin:0;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}}