.onboarding-shell{box-sizing:border-box;flex:1;min-height:100%;display:flex;flex-direction:column;width:100%}.onboarding-entry-gate{flex:1;display:flex;align-items:center;justify-content:center;min-height:50vh}.onboarding-fallback-copy,.onboarding-tail-copy{margin:2rem auto;max-width:28rem;text-align:center;font-size:.95rem;line-height:1.5;color:var(--theme-text-secondary)}.onboarding-step-panel{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;height:100%}.onboarding-step-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:none;padding:1rem 0 .5rem}.onboarding-step-footer{flex-shrink:0;width:100%;position:sticky;bottom:0;z-index:5;padding-top:.75rem;padding-inline:0;padding-bottom:calc(max(.75rem,var(--app-safe-bottom, 0px)) + var(--app-overlap-bottom-extra, .5rem));border-top:1px solid color-mix(in srgb,var(--theme-divider, rgba(0, 0, 0, .12)) 70%,transparent);background:var(--theme-background-paper)}.onboarding-shell .step h2{font-size:clamp(1.4rem,3.2vw,1.55rem);font-weight:600;line-height:1.28;margin:0 0 1.35rem;text-align:center;color:var(--theme-text-primary)}.step-learning-path .learning-path-heading{margin-bottom:.65rem}.learning-path-intro{margin:0 auto 1.15rem;max-width:34rem;text-align:center;font-size:.95rem;line-height:1.5;color:var(--theme-text-secondary)}.path-next-pill{margin:1.25rem auto 0;max-width:34rem;padding:.65rem 1rem;border-radius:999px;font-size:.88rem;line-height:1.45;text-align:center;color:var(--theme-text-secondary);background:color-mix(in srgb,var(--theme-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--theme-primary) 22%,transparent)}.learning-path-beats{list-style:none;margin:0 auto .25rem;padding:0;max-width:32rem;display:flex;flex-direction:column;gap:.85rem}.learning-path-beat{display:flex;align-items:flex-start;gap:.75rem;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--theme-divider, rgba(255, 255, 255, .12)) 55%,transparent)}.learning-path-beat:last-child{border-bottom:none;padding-bottom:0}.learning-path-beat-icon{flex-shrink:0;font-size:1.35rem;line-height:1.2;width:2rem;text-align:center}.learning-path-beat-text{flex:1;min-width:0}.learning-path-beat-title{margin:0;font-size:1.02rem;font-weight:600;color:var(--theme-text-primary);line-height:1.3}.learning-path-beat-support{margin:.25rem 0 0;font-size:.84rem;line-height:1.45;color:var(--theme-text-secondary)}@media(min-width:768px){.onboarding-step-panel--learning-path .onboarding-step-scroll--learning-path{padding:1.75rem 0 2.75rem}.step-learning-path .learning-path-heading{font-size:clamp(1.55rem,2.3vw,1.95rem);font-weight:650;line-height:1.22;margin:0 auto 1.15rem;max-width:42rem}.step-learning-path .learning-path-intro{font-size:1.0625rem;line-height:1.58;max-width:40rem;margin-bottom:1.65rem}.step-learning-path .learning-path-beats{max-width:40rem;gap:1.2rem}.step-learning-path .learning-path-beat{align-items:flex-start;padding:.65rem 0;gap:1rem}.step-learning-path .learning-path-beat-icon{font-size:1.6rem;width:2.6rem;line-height:1.15}.step-learning-path .learning-path-beat-title{font-size:1.1rem;line-height:1.38}.step-learning-path .learning-path-beat-support{font-size:.9375rem;line-height:1.55;margin-top:.35rem}}@media(min-width:1100px){.onboarding-step-panel--learning-path .onboarding-step-scroll--learning-path{padding:2.25rem 0 3.5rem}.step-learning-path .learning-path-heading{font-size:clamp(1.7rem,1.9vw,2.15rem);margin-bottom:1.35rem}.step-learning-path .learning-path-intro{font-size:1.125rem;line-height:1.62;margin-bottom:2rem}.step-learning-path .learning-path-beats{max-width:44rem;gap:1.45rem}.step-learning-path .learning-path-beat{padding:.85rem 0}.step-learning-path .learning-path-beat-icon{font-size:1.75rem;width:2.75rem}.step-learning-path .learning-path-beat-title{font-size:1.2rem;line-height:1.36}.step-learning-path .learning-path-beat-support{font-size:1rem;line-height:1.58}}.level-heading{font-size:clamp(1.25rem,3vw,1.45rem);font-weight:600;margin:0 0 1.25rem;text-align:center;color:var(--theme-text-primary)}.welcome-hints-style{font-size:.8rem;line-height:1.35;color:var(--theme-text-secondary);text-align:center;margin:0 0 .65rem;opacity:.92}.onboarding-selector-slot{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%}.onboarding-selector-slot--foreign-grid .language-selector{width:100%}.step-language-hints{font-size:.8rem;line-height:1.35;color:var(--theme-text-secondary);text-align:center;margin:-.45rem 0 .65rem;opacity:.92}.step-language-subtitle{font-size:.95rem;color:var(--theme-text-secondary);text-align:center;margin:0 0 1.1rem;line-height:1.4}.simplified-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}@media(max-width:600px){.simplified-level-grid{grid-template-columns:1fr}}.simplified-level-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;border-radius:12px;border:2px solid var(--theme-divider, rgba(0, 0, 0, .12));background-color:var(--theme-background-surface, rgba(255, 255, 255, .06));cursor:pointer;font:inherit;color:var(--theme-text-primary);gap:.5rem;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s}@media(hover:hover)and (pointer:fine){.simplified-level-card:hover{background-color:var(--theme-background, rgba(255, 255, 255, .08));border-color:var(--theme-primary, #6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}}.simplified-level-card.selected{border-color:var(--theme-primary, #6366f1);background-color:color-mix(in srgb,var(--theme-primary, #6366f1) 10%,var(--theme-background-paper, #1e1e1e));box-shadow:0 0 0 1px var(--theme-primary, #6366f1),0 4px 12px #00000026}.simplified-level-card h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--theme-text-primary)}.simplified-level-card p{margin:0;font-size:.875rem;color:var(--theme-text-secondary);line-height:1.45}.level-icon{font-size:2.25rem;line-height:1;margin-bottom:.15rem}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:.5rem}@media(max-width:480px){.goal-grid{grid-template-columns:1fr}}@media(min-width:768px){.onboarding-step-panel--goal .onboarding-step-scroll--goal{padding:2rem 0 3rem}.step-goal .level-heading{font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:650;line-height:1.25;margin:0 auto 1.75rem;max-width:36rem}.step-goal .goal-grid{gap:1.25rem;max-width:38rem;margin:0 auto}.step-goal .goal-card{padding:1.35rem 1.1rem;gap:.65rem;min-height:6.25rem;border-radius:14px}.step-goal .goal-card h4{font-size:1.02rem;line-height:1.38}.step-goal .goal-icon{font-size:1.95rem}}@media(min-width:1100px){.onboarding-step-panel--goal .onboarding-step-scroll--goal{padding:2.5rem 0 3.75rem}.step-goal .level-heading{font-size:clamp(1.55rem,2vw,2rem);margin-bottom:2.25rem;max-width:40rem}.step-goal .goal-grid{gap:1.5rem;max-width:42rem}.step-goal .goal-card{padding:1.5rem 1.2rem;min-height:6.75rem}.step-goal .goal-card h4{font-size:1.1rem;line-height:1.4}.step-goal .goal-icon{font-size:2.1rem}}.goal-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.1rem .85rem;border-radius:12px;border:2px solid var(--theme-divider, rgba(0, 0, 0, .12));background-color:var(--theme-background-surface, rgba(255, 255, 255, .06));cursor:pointer;font:inherit;color:var(--theme-text-primary);gap:.4rem;transition:background-color .2s,border-color .2s,transform .15s;min-height:5.5rem}@media(hover:hover)and (pointer:fine){.goal-card:hover{border-color:var(--theme-primary, #6366f1);transform:translateY(-2px)}}.goal-card.selected{border-color:var(--theme-primary, #6366f1);background-color:color-mix(in srgb,var(--theme-primary, #6366f1) 12%,var(--theme-background-paper, #1e1e1e))}.goal-card h4{margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.goal-icon{font-size:1.75rem;line-height:1}.step-notifications{display:grid;gap:.9rem;max-width:34rem;margin:0 auto}.notification-hero{font-size:2.2rem;line-height:1;text-align:center}.notification-cta-row{display:flex;justify-content:center}.notification-hint{margin:0 auto;max-width:30rem;font-size:.9rem;text-align:center;color:var(--theme-text-secondary)}.notification-signup-upsell{border:1px solid var(--theme-border, rgba(0, 0, 0, .15));border-radius:12px;background:var(--theme-background-surface, rgba(255, 255, 255, .04));padding:.85rem;display:grid;gap:.65rem}.notification-signup-upsell p{margin:0;font-size:.9rem;color:var(--theme-text-secondary)}.onboarding-start-grid{margin-top:2.35rem}@media(min-width:768px){.onboarding-start-grid{margin-top:2.85rem}}@media(min-width:1100px){.onboarding-start-grid{margin-top:3.25rem}}.step-actions{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.step-actions--single{justify-content:flex-end}.onboarding-account-gate-body{position:relative;display:grid;grid-template-columns:1fr;margin-top:1.25rem}.onboarding-account-gate-body>*{grid-column:1;grid-row:1}.onboarding-account-gate-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.onboarding-account-gate-actions .primary-button,.onboarding-account-gate-actions .secondary-button{flex:none;width:100%}.onboarding-signin-panel-wrap{margin-top:.35rem;width:100%}.onboarding-step-footer .primary-button,.onboarding-step-footer .secondary-button,.onboarding-account-gate-actions .primary-button,.onboarding-account-gate-actions .secondary-button{padding:.65rem 1.1rem;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;border:none;flex:1;min-width:120px}.onboarding-step-footer .primary-button,.onboarding-account-gate-actions .primary-button{background:var(--theme-accent, #6366f1);color:var(--theme-on-accent, #fff)}.onboarding-step-footer .primary-button:disabled,.onboarding-step-footer .secondary-button:disabled,.onboarding-account-gate-actions .primary-button:disabled,.onboarding-account-gate-actions .secondary-button:disabled{opacity:.5;cursor:not-allowed}.onboarding-step-footer .secondary-button,.onboarding-account-gate-actions .secondary-button{background:var(--theme-background-surface, rgba(255, 255, 255, .08));color:var(--theme-text-primary);border:1px solid var(--theme-border, rgba(0, 0, 0, .14));box-shadow:0 1px 2px #0000000f,inset 0 1px color-mix(in srgb,var(--theme-text-primary, #000) 6%,transparent)}@media(hover:hover)and (pointer:fine){.onboarding-step-footer .secondary-button:hover:not(:disabled),.onboarding-account-gate-actions .secondary-button:hover:not(:disabled){background:color-mix(in srgb,var(--theme-background-surface, rgba(255, 255, 255, .08)) 88%,var(--theme-text-primary, #000) 12%);border-color:var(--theme-border, rgba(0, 0, 0, .22))}}