@layer components{.onboarding-card{background:var(--gradient-onboarding);border:1px solid var(--color-primary-border-strong);margin-bottom:16px}.onboarding-card-content{padding-top:16px;padding-bottom:16px}.onboarding-card-content:last-child{padding-bottom:16px}.onboarding-title{font-weight:700}.onboarding-progress{border-radius:var(--radius-lg);background-color:var(--color-primary-bg-hover);height:6px;margin-bottom:12px}.onboarding-progress .MuiLinearProgress-bar{border-radius:var(--radius-lg)}.onboarding-progress-active .MuiLinearProgress-bar{background:var(--gradient-progress-bar)}.onboarding-progress-done .MuiLinearProgress-bar{background:var(--gradient-progress-complete)}.onboarding-step-done{font-weight:400;text-decoration:line-through}.onboarding-step-pending{font-weight:500}.onboarding-cta{align-self:flex-start;margin-top:8px}.session-goal-prompt{border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;display:flex}.session-goal-option{cursor:pointer;min-height:var(--touch-min,44px);align-items:center;display:flex}.session-goal-option:hover{background-color:var(--color-surface-subtle-8)}.session-goal-skip{cursor:pointer;opacity:.5}.session-goal-skip:hover{opacity:1}.session-goal-nudge{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.session-goal-nudge-btn{border:1px solid #00000040}.session-goal-active{margin-bottom:12px}.session-goal-progress{border-radius:8px;height:4px}.streak-badge{cursor:default;background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:4px 10px;transition:all .25s;display:inline-flex}.streak-badge:hover{background-color:#ffffff14}.streak-badge-hot{background-color:#ffa72614;border-color:#ffa72633}.streak-badge-hot:hover{background-color:#ffa72626}.streak-badge-fire{background-color:#ff6d001a;border-color:#ff6d0040;animation:2s ease-in-out infinite streakGlow}.streak-badge-fire:hover{background-color:#ff6d002e}@keyframes streakGlow{0%,to{box-shadow:0 0 #ff6d0033}50%{box-shadow:0 0 8px 2px #ff6d0026}}@media (prefers-reduced-motion:reduce){.streak-badge-fire{animation:none}}}