.onboarding{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);overflow:visible;transition:box-shadow var(--dur-fast)}.onboarding--highlight{border-color:rgba(205,251,14,.45);box-shadow:0 0 0 1px rgba(205,251,14,.12),var(--shadow-sm)}.onboarding-reminder{display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--lime-50);border-bottom:1px solid rgba(205,251,14,.25);cursor:pointer}[data-theme=dark] .onboarding-reminder{background:rgba(205,251,14,.08)}.onboarding--collapsed .onboarding-reminder{display:flex}.onboarding-reminder__text{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;min-width:0}.onboarding-reminder__dot{width:8px;height:8px;border-radius:50%;background:var(--lime-500);flex-shrink:0;animation:onboarding-pulse 2s ease-in-out infinite}@keyframes onboarding-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.onboarding-reminder__meta{font-size:13px;color:var(--text-secondary);white-space:nowrap}.onboarding-reminder__chevron{color:var(--text-muted);flex-shrink:0}.onboarding-panel{padding:20px 22px 22px;overflow:visible}.onboarding--collapsed .onboarding-panel,.onboarding--completed .onboarding-panel,.onboarding--completed .onboarding-reminder{display:none}.onboarding-done{display:none;align-items:center;gap:12px;padding:16px 20px;background:var(--lime-50);font-size:14px}[data-theme=dark] .onboarding-done{background:rgba(205,251,14,.08)}.onboarding--completed .onboarding-done{display:flex;flex-wrap:wrap}.onboarding-done__cta{margin-left:auto;font-size:14px;font-weight:600;color:var(--text-link);text-decoration:none}.onboarding-done__cta:hover{text-decoration:underline}.onboarding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.onboarding-head__title{margin:0;font-size:17px;font-weight:600}.onboarding-head__sub{margin:4px 0 0;font-size:14px;color:var(--text-secondary);max-width:520px}.onboarding-head__actions{display:flex;gap:8px;flex-shrink:0}.onboarding-progress{margin-bottom:18px}.onboarding-progress__bar{height:6px;border-radius:var(--radius-pill);background:var(--gray-200);overflow:hidden}[data-theme=dark] .onboarding-progress__bar{background:var(--gray-100)}.onboarding-progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--lime-500);width:0;transition:width .35s var(--ease-out)}.onboarding-progress__meta{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--text-muted)}.onboarding-steps{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.onboarding-step-pill{padding:5px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;border:1px solid var(--border-subtle);color:var(--text-muted);background:transparent}.onboarding-step-pill--done{border-color:rgba(205,251,14,.5);color:var(--text-primary);background:var(--lime-50)}[data-theme=dark] .onboarding-step-pill--done{background:rgba(205,251,14,.1)}.onboarding-step-pill--current{border-color:var(--lime-500);color:var(--on-lime);background:var(--lime-500)}.onboarding-body{min-height:120px;overflow:visible}.onboarding-field{display:none;flex-direction:column;gap:16px;overflow:visible}.onboarding-field--active{display:flex}.onboarding-field__label{margin:0;font-size:15px;font-weight:600;line-height:1.35}.onboarding-field__hint{margin:-8px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.45}.onboarding-field__hint--note{color:var(--text-primary);opacity:.82}.onboarding-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.onboarding-role{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-page);cursor:pointer;text-align:left;font-family:inherit;transition:border-color var(--dur-fast),background var(--dur-fast)}.onboarding-role:hover{border-color:var(--gray-300)}.onboarding-role--selected{border-color:var(--lime-500);background:var(--lime-50);box-shadow:0 0 0 1px rgba(205,251,14,.35)}[data-theme=dark] .onboarding-role{background:var(--surface-subtle)}[data-theme=dark] .onboarding-role--selected{background:rgba(205,251,14,.1)}.onboarding-role__title{font-size:14px;font-weight:600}.onboarding-role__desc{font-size:12px;color:var(--text-secondary);line-height:1.35}.onboarding-role-current{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.onboarding-role--readonly{cursor:default;width:100%;max-width:360px}.onboarding-role-change{border:none;background:none;padding:0;font-size:13px;font-weight:500;color:var(--color-accent-text,var(--text-primary));text-decoration:underline;text-underline-offset:3px;cursor:pointer}.onboarding-role-change:hover{opacity:.85}.onboarding-input,.onboarding-select{width:100%;max-width:360px;height:48px;padding:0 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--surface-card);font-family:inherit;font-size:15px;color:var(--text-primary);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background-color var(--dur-fast)}.onboarding-input:focus,.onboarding-select:focus{border-color:var(--lime-600);box-shadow:0 0 0 3px rgba(143,184,0,.25)}.st-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px!important;background-color:var(--surface-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235d6470' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}.st-select:hover{border-color:var(--gray-300);background-color:var(--gray-50)}[data-theme=dark] .st-select{background-color:var(--surface-card);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a7afc0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}[data-theme=dark] .st-select:hover{background-color:var(--gray-100)}.st-select option{background:var(--surface-card);color:var(--text-primary);padding:8px}.phone-country.st-select{max-width:132px;min-width:112px;padding-left:12px!important;font-size:14px;font-weight:600}@keyframes onboarding-autofill{0%{opacity:1}to{opacity:1}}.phone-national:-webkit-autofill{animation-name:onboarding-autofill;animation-duration:.01s}.phone-national:-webkit-autofill,.phone-national:-webkit-autofill:focus,.phone-national:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-transition:background-color 99999s ease-out;transition:background-color 99999s ease-out;box-shadow:0 0 0 1000px var(--surface-card) inset!important}.phone-field{flex-direction:column;max-width:420px}.phone-field,.phone-row{display:flex;gap:10px;width:100%}.phone-row{align-items:stretch}.phone-country{flex:0 0 auto;height:48px;outline:none}.phone-country:focus{border-color:var(--lime-600);box-shadow:0 0 0 3px rgba(143,184,0,.25)}.phone-national-wrap{display:flex;align-items:center;flex:1 1;min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.phone-national-wrap:focus-within{border-color:var(--lime-600);box-shadow:0 0 0 3px rgba(143,184,0,.25)}.phone-prefix{padding:0 4px 0 14px;font-size:15px;font-weight:600;color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-national{flex:1 1;min-width:0;height:46px;border:none!important;box-shadow:none!important;padding-left:6px!important;max-width:none}.phone-national--other{padding-left:14px!important}.phone-hint{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4}.phone-suggest__btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:var(--surface-page);cursor:pointer;font-family:inherit;text-align:left;transition:border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.phone-suggest__btn:hover{border-color:var(--lime-500);background:var(--lime-50);box-shadow:0 0 0 1px rgba(205,251,14,.2)}[data-theme=dark] .phone-suggest__btn{background:var(--surface-subtle)}[data-theme=dark] .phone-suggest__btn:hover{background:rgba(205,251,14,.08)}.phone-suggest__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-secondary);flex-shrink:0}.phone-suggest__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.phone-suggest__label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.phone-suggest__text strong{font-size:15px;font-weight:600;color:var(--text-primary)}.phone-suggest__source{font-size:11px;color:var(--text-muted);line-height:1.35}.phone-suggest__action{font-size:13px;font-weight:700;color:var(--ink-800);background:var(--lime-500);padding:6px 12px;border-radius:var(--radius-pill);flex-shrink:0}[data-theme=dark] .phone-suggest__action{color:var(--on-lime)}.onboarding-field__label--sm{font-size:14px;font-weight:600;margin:0}.optional{font-weight:400;color:var(--text-muted)}.onboarding-athlete-level{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:16px;border-top:1px solid var(--border-subtle)}.onboarding-levels{display:flex;flex-wrap:wrap;gap:10px}.onboarding-level{padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-page);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dur-fast)}.onboarding-level:hover{border-color:var(--gray-300)}.onboarding-level--selected{border-color:var(--lime-500);background:var(--lime-50);font-weight:600}[data-theme=dark] .onboarding-level{background:var(--surface-subtle)}[data-theme=dark] .onboarding-level--selected{background:rgba(205,251,14,.1)}.sport-combobox{display:flex;flex-direction:column;gap:8px;max-width:360px;width:100%}.sport-combobox__input{max-width:none}.sport-hints-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.sport-suggestions{position:static;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;background:transparent;border:none;box-shadow:none;max-height:none;overflow:visible}.sport-suggestions[hidden]{display:none!important}.sport-suggestions li{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-page);font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.sport-suggestions li:focus,.sport-suggestions li:hover{border-color:var(--lime-500);background:var(--lime-50);outline:none}[data-theme=dark] .sport-suggestions li{background:var(--surface-subtle)}[data-theme=dark] .sport-suggestions li:hover{background:rgba(205,251,14,.08)}.onboarding-focus-other[hidden]{display:none!important}.onboarding-focus-other.is-visible{display:flex}.onboarding-focus-other{width:100%;max-width:360px;flex-direction:column;gap:10px;margin-top:0;padding-top:16px;border-top:1px solid var(--border-subtle)}.onboarding-focus-other .onboarding-input{max-width:none}.onboarding-focuses{display:flex;flex-wrap:wrap;gap:8px}.onboarding-focus{padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-page);font-family:inherit;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all var(--dur-fast)}.onboarding-focus:hover{border-color:var(--gray-300)}.onboarding-focus--selected{border-color:var(--lime-500);background:var(--lime-50);color:var(--text-primary)}[data-theme=dark] .onboarding-focus{background:var(--surface-subtle);color:var(--text-primary)}[data-theme=dark] .onboarding-focus--selected{background:rgba(205,251,14,.12);color:var(--text-primary)}.onboarding-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.onboarding-foot__left{display:flex;gap:8px;flex-wrap:wrap}.btn-icon{display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer}.btn-icon:hover{background:var(--gray-100);color:var(--text-primary)}@media (max-width:640px){.dashboard__title{font-size:22px}.onboarding-panel{padding:16px}.onboarding-head{flex-direction:column;gap:8px;margin-bottom:14px}.onboarding-head__actions{align-self:flex-end}.onboarding-progress{margin-bottom:14px}.onboarding-steps{margin-bottom:16px}.onboarding-field{gap:14px}.onboarding-field__hint{margin:-6px 0 0}.onboarding-roles{grid-template-columns:1fr}.onboarding-foot{gap:10px;margin-top:16px}.onboarding-foot,.onboarding-foot__left{flex-direction:column;align-items:stretch}.onboarding-foot__left .st-btn--primary{justify-content:center;width:100%}.onboarding-foot #onboarding-snooze{align-self:flex-start}.phone-row{flex-direction:column;gap:8px}.phone-country.st-select{min-width:0}.onboarding-focus-other,.onboarding-input,.onboarding-select,.phone-country.st-select,.phone-field,.sport-combobox{max-width:none;width:100%}.phone-suggest__btn{flex-wrap:wrap}.phone-suggest__action{width:100%;text-align:center;margin-top:4px}.mock-banner{left:var(--page-gutter);right:var(--page-gutter);bottom:max(12px,env(safe-area-inset-bottom,0px));max-width:none}}