.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-inverse{background-color:var(--bg-inverse)}.bg-brand{background-color:var(--bg-brand)}.bg-success{background-color:var(--bg-success)}.bg-info{background-color:var(--bg-info)}.bg-warning{background-color:var(--bg-warning)}.bg-error{background-color:var(--bg-error)}.bg-surface{background-color:var(--surface-primary)}.bg-surface-secondary{background-color:var(--surface-secondary)}.bg-surface-elevated{background-color:var(--surface-elevated)}.bg-activity-rest{background-color:var(--activity-rest)}.bg-activity-light{background-color:var(--activity-light)}.bg-activity-moderate{background-color:var(--activity-moderate)}.bg-activity-vigorous{background-color:var(--activity-vigorous)}.bg-activity-maximum{background-color:var(--activity-maximum)}.gradient-energy{background:var(--gradient-energy)}.gradient-vitality{background:var(--gradient-vitality)}.gradient-motivation{background:var(--gradient-motivation)}.gradient-success{background:var(--gradient-success)}.gradient-achievement{background:var(--gradient-achievement)}.gradient-growth{background:var(--gradient-growth)}.gradient-calm{background:var(--gradient-calm)}.gradient-recovery{background:var(--gradient-recovery)}.gradient-info{background:var(--gradient-info)}.gradient-intensity{background:var(--gradient-intensity)}.gradient-power{background:var(--gradient-power)}.gradient-action{background:var(--gradient-action)}.gradient-neutral{background:var(--gradient-neutral)}.gradient-subtle{background:var(--gradient-subtle)}.gradient-elegant{background:var(--gradient-elegant)}.text-gradient-energy{background:var(--gradient-energy);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-gradient-success{background:var(--gradient-success);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-gradient-vitality{background:var(--gradient-vitality);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-gradient-calm{background:var(--gradient-calm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-brand{color:var(--text-brand)}.text-success{color:var(--text-success)}.text-info{color:var(--text-info)}.text-warning{color:var(--text-warning)}.text-error{color:var(--text-error)}.text-heart-rate{color:var(--heart-rate)}.text-sleep-quality{color:var(--sleep-quality)}.text-nutrition{color:var(--nutrition)}.text-hydration{color:var(--hydration)}.text-steps{color:var(--steps)}.text-calories{color:var(--calories)}.text-weight{color:var(--weight)}.text-recovery{color:var(--recovery)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-strong{border-color:var(--border-strong)}.border-brand{border-color:var(--border-brand)}.border-success{border-color:var(--border-success)}.border-info{border-color:var(--border-info)}.border-warning{border-color:var(--border-warning)}.border-error{border-color:var(--border-error)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:none}.shadow-brand{box-shadow:var(--shadow-brand)}.shadow-brand-lg{box-shadow:var(--shadow-brand-lg)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-info{box-shadow:var(--shadow-info)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-error{box-shadow:var(--shadow-error)}.p-0{padding:var(--space-0)}.p-px{padding:var(--space-px)}.p-0_5{padding:var(--space-0_5)}.p-1{padding:var(--space-1)}.p-1_5{padding:var(--space-1_5)}.p-2{padding:var(--space-2)}.p-2_5{padding:var(--space-2_5)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.m-0{margin:var(--space-0)}.m-px{margin:var(--space-px)}.m-0_5{margin:var(--space-0_5)}.m-1{margin:var(--space-1)}.m-1_5{margin:var(--space-1_5)}.m-2{margin:var(--space-2)}.m-2_5{margin:var(--space-2_5)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:all .3s ease}.card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.card-elevated{background:var(--card-bg-elevated);box-shadow:var(--shadow-lg)}.metric-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .3s ease}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.activity-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.activity-badge-rest{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.activity-badge-light{background:var(--color-surface-elevated);border:1px solid color-mix(in srgb,var(--color-effort-low) 28%,var(--color-surface));color:var(--color-effort-low)}.activity-badge-moderate{background:var(--color-surface-elevated);border:1px solid color-mix(in srgb,var(--color-effort-moderate) 28%,var(--color-surface));color:var(--color-effort-moderate)}.activity-badge-vigorous{background:var(--color-surface-elevated);border:1px solid color-mix(in srgb,var(--color-effort-high) 28%,var(--color-surface));color:var(--color-effort-high)}.activity-badge-maximum{background:var(--color-surface-elevated);border:1px solid color-mix(in srgb,var(--color-effort-high) 36%,var(--color-surface));color:var(--color-effort-high)}.progress-bar{width:100%;height:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:all .3s ease}.progress-fill-success{background:var(--gradient-success)}.progress-fill-warning{background:var(--gradient-motivation)}.progress-fill-error{background:var(--gradient-intensity)}.btn-energy{background:var(--gradient-energy);color:var(--text-inverse);border:none;padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);box-shadow:var(--btn-shadow);transition:all .3s ease}.btn-energy:hover{transform:translateY(-1px);box-shadow:var(--btn-shadow-hover)}.btn-success{background:var(--gradient-success);color:var(--text-inverse);border:none;padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);box-shadow:var(--btn-shadow);transition:all .3s ease}.btn-success:hover{transform:translateY(-1px);box-shadow:var(--btn-shadow-hover)}.btn-calm{background:var(--gradient-calm);color:var(--text-inverse);border:none;padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);font-weight:var(--btn-font-weight);box-shadow:var(--btn-shadow);transition:all .3s ease}.btn-calm:hover{transform:translateY(-1px);box-shadow:var(--btn-shadow-hover)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.card,.metric-card{padding:var(--space-4)}}@media(max-width:480px){.card,.metric-card{padding:var(--space-3)}}.progress-fill-achieved{background:var(--success-color, var(--success))!important}.progress-fill-high{background:var(--primary-color, var(--brand-primary))!important}.progress-fill-medium{background:var(--warning-color, var(--warning))!important}.progress-fill-low{background:var(--error-color, var(--error))!important}.progress-fill-minimal{background:var(--neutral-400)!important}.progress-dynamic-width{width:var(--progress-width, 0%)}.avatar-bg-dynamic{background-color:var(--avatar-bg-color, var(--teal-600))}.avatar-bg-purple{background-color:var(--purple-600)!important}.avatar-bg-blue{background-color:var(--primary-color, var(--brand-primary))!important}.avatar-bg-green{background-color:var(--success-color, var(--success))!important}.avatar-bg-orange{background-color:var(--warning-color, var(--warning))!important}.avatar-bg-red{background-color:var(--error-color, var(--error))!important}.urgency-default{background-color:var(--neutral-500);color:#fff}.status-active{background-color:var(--success-color, var(--success))!important}.status-inactive{background-color:var(--neutral-400)!important}.status-warning{background-color:var(--warning-color, var(--warning))!important}.status-error{background-color:var(--error-color, var(--error))!important}.chart-bar-dynamic{height:var(--chart-height, 0%)}.chart-bar-primary{background-color:var(--primary-color, var(--brand-primary))}.chart-bar-secondary{background-color:var(--secondary-color, #64748b)}.chart-bar-success{background-color:var(--success-color, var(--success))}.chart-bar-warning{background-color:var(--warning-color, var(--warning))}.chart-bar-error{background-color:var(--error-color, var(--error))}.difficulty-easy{background-color:var(--success-color, var(--success))!important;color:#fff!important}.difficulty-medium{background-color:var(--warning-color, var(--warning))!important;color:#fff!important}.difficulty-hard{background-color:var(--error-color, var(--error))!important;color:#fff!important}.risk-low{background-color:var(--success-color, var(--success))!important}.risk-medium{background-color:var(--warning-color, var(--warning))!important}.risk-high{background-color:var(--error-color, var(--error))!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.bg-dynamic{background-color:var(--dynamic-bg-color)}.text-dynamic{color:var(--dynamic-text-color)}.border-dynamic{border-color:var(--dynamic-border-color)}.position-dynamic-left{left:var(--dynamic-left, 0)}.position-dynamic-top{top:var(--dynamic-top, 0)}.position-dynamic-right{right:var(--dynamic-right, 0)}.position-dynamic-bottom{bottom:var(--dynamic-bottom, 0)}@media(max-width:768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}}@media(min-width:769px){.desktop-hide{display:none!important}.desktop-show{display:block!important}}:root{--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--gradient-energy: linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-accent) 100%);--gradient-vitality: linear-gradient(135deg, #5b21b6 0%, var(--blue-800) 100%);--gradient-info: linear-gradient(135deg, var(--blue-800) 0%, var(--blue-700) 100%);--gradient-primary-subtle: linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 10%, transparent) 0%, color-mix(in srgb, var(--brand-secondary) 10%, transparent) 100%);--gradient-warm: linear-gradient(135deg, var(--brand-secondary) 0%, var(--brand-primary) 100%);--gradient-cool: linear-gradient(135deg, var(--brand-accent) 0%, var(--blue-500) 100%)}:root.dark-mode,body.dark-mode{--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--gradient-primary-subtle: var(--gradient-primary-dark-subtle)}.gradient-primary{background:var(--gradient-primary)}.gradient-primary-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-bg{background:var(--gradient-bg-primary)}.gradient-border{border:1px solid transparent;background:var(--gradient-border);background-clip:border-box}.gradient-progress{background:var(--gradient-progress)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animated{background-size:200% 200%;animation:gradientShift 4s ease infinite}.gradient-hover:hover{background:var(--gradient-primary-hover);transition:all .3s ease}.gradient-active:active{background:var(--gradient-primary-active)}.btn-primary{background:var(--brand-primary);color:var(--text-on-brand);border:none;border-radius:var(--btn-radius);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--btn-font-weight);cursor:pointer;transition:all .3s ease;box-shadow:var(--btn-shadow);position:relative;overflow:hidden;letter-spacing:.025em;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{background:var(--brand-primary-dark);box-shadow:var(--shadow-md)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--neutral-300);color:var(--neutral-700);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6;border:1px solid var(--border-medium)}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:10px;padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--btn-font-weight);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;box-shadow:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary);box-shadow:none}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{background:var(--surface-primary);color:var(--neutral-700);border-color:var(--border-light);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-tab{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-xs);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px}.btn-tab:disabled{background:var(--surface-primary);color:var(--neutral-700);border-color:var(--border-light);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-tab:hover{background:var(--bg-tertiary);color:var(--brand-primary);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.btn-tab.active{background:var(--tab-active-bg);color:var(--tab-active-text);border-color:transparent;box-shadow:var(--shadow-brand)}.btn-tab.active:hover{background:var(--tab-active-bg-hover, var(--tab-active-bg));box-shadow:var(--shadow-brand-lg)}.btn-action{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-family:var(--font-family-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-xs);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1_5);min-height:36px}.btn-action:hover{background:var(--bg-tertiary);color:var(--brand-primary);border-color:var(--border-medium)}.btn-action.active{background:var(--brand-primary);color:var(--text-on-brand);border-color:var(--brand-primary)}.btn-action:disabled{background:var(--surface-secondary);color:var(--neutral-700);border-color:var(--border-light);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-fab{background:var(--brand-primary);color:var(--text-on-brand);border:none;border-radius:var(--radius-full);width:56px;height:56px;font-size:var(--text-xl);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-brand);position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.btn-fab:hover{transform:translateY(-1px) scale(1.05);background:var(--brand-primary-dark);box-shadow:var(--shadow-brand-lg)}.btn-fab:active{transform:translateY(0) scale(1)}body.dark-mode .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-medium)}body.dark-mode .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--brand-primary-light);color:var(--brand-primary-light)}body.dark-mode .btn-tab{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);transition:all .3s ease}body.dark-mode .btn-tab:hover{background:var(--surface-secondary);color:var(--text-primary);border-color:var(--border-medium)}@media(hover:none){.btn-tab:not(.active):hover{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-light);transform:none;box-shadow:var(--shadow-xs)}.btn-tab.active:hover{transform:none}body.dark-mode .btn-tab:not(.active):hover{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-light)}}body.dark-mode .btn-tab.active{background:var(--tab-active-bg-dark);color:var(--tab-active-text-dark);border-color:transparent;box-shadow:var(--shadow-brand)}body.dark-mode .btn-action{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-medium)}body.dark-mode .btn-action:hover{background:var(--surface-secondary);color:var(--brand-primary-light);border-color:var(--brand-primary-light)}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px;border-radius:12px}.btn-lg{padding:1rem 2rem;font-size:1.125rem;min-height:56px;border-radius:20px}.btn-full{width:100%}.btn-icon{padding:.75rem;min-width:48px;min-height:48px}.btn-icon.btn-sm{padding:.5rem;min-width:36px;min-height:36px}.btn-loading{opacity:.8;cursor:wait;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid currentColor;border-radius:50%;border-right-color:transparent;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-tab:focus-visible,.btn-action:focus-visible,.btn-fab:focus-visible{outline:3px solid var(--focus-brand);outline-offset:2px;box-shadow:var(--shadow-focus)}body.dark-mode .btn-primary:disabled,body.dark-mode .btn-secondary:disabled,body.dark-mode .btn-tab:disabled,body.dark-mode .btn-action:disabled{color:var(--text-secondary);opacity:.5}@media(max-width:640px){.btn-primary,.btn-secondary{font-size:.875rem;padding:.625rem 1.25rem;min-height:44px}.btn-tab{font-size:.8125rem;padding:.625rem .875rem;min-height:36px}.btn-action{font-size:.8125rem;padding:.4375rem .625rem;min-height:32px}}:root{--brand-primary: #E96429;--brand-secondary: #5DAC8B;--brand-accent: #E69B44;--brand-primary-light: #818cf8;--brand-primary-dark: #4338ca;--brand-secondary-light: #7bc4a4;--brand-secondary-dark: #4a8c6f;--brand-accent-light: #f0b96a;--brand-accent-dark: #c7812a}:root{--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--gradient-warm: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%)}:root{--shadow-brand: 0 4px 14px color-mix(in srgb, var(--brand-primary) 15%, transparent);--shadow-brand-lg: 0 10px 24px color-mix(in srgb, var(--brand-primary) 20%, transparent)}:root{--font-size-xs: 14px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--mobile-font-min: 16px;--mobile-touch-min: 16px}html{font-size:100%}button,a,input,select,textarea,.btn,.nav-item,.nav-label,.button-label{font-size:max(var(--mobile-font-min),16px)!important}@media(max-width:480px){:root{--font-size-xs: 16px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-lg: 20px}.nav-label,.button-label,.btn-text,.tab-label{font-size:16px!important;line-height:1.4}}@media(max-width:360px){.nav-label,.button-label,.btn-text{font-size:14px!important;line-height:1.5}}@media(max-width:450px){.navigation-footer .nav-label{font-size:12px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.1px!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}}@media(max-width:400px){.navigation-footer .nav-label{font-size:12px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.2px!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media(max-width:375px){.navigation-footer .nav-label{font-size:12px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media(max-width:320px){.navigation-footer .nav-label{font-size:12px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:60px!important}}.navigation-footer .nav-label{font-size:max(14px,1rem)!important;font-weight:600}@media(min-width:451px){.navigation-footer .nav-label{font-size:14px!important}}.button-label,.btn,button{font-size:max(16px,1rem)!important;line-height:1.4}input,select,textarea{font-size:16px!important;line-height:1.4!important;min-height:44px!important}label{font-size:max(16px,1rem)!important;font-weight:var(--font-weight-medium)!important}@media(max-width:480px){input,select,textarea{font-size:16px!important;padding:12px 16px!important}}.card-title{font-size:max(18px,1.125rem)!important}.card-text,.description,p{font-size:max(16px,1rem)!important;line-height:1.5}@media(prefers-contrast:high){:root{--font-size-xs: 16px;--font-size-sm: 18px;--font-size-base: 20px}.nav-label,.button-label,small,.small-text{font-size:16px!important;font-weight:600!important}}@media(prefers-reduced-motion:reduce){*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:3px solid var(--focus-brand)!important;outline-offset:2px!important;box-shadow:0 0 0 1px var(--surface-primary),0 0 0 5px var(--focus-brand)!important}.create-goal-btn:focus-visible,.action-btn:focus-visible,.submit-button:focus-visible{outline:3px solid var(--focus-brand)!important;outline-offset:2px!important;transform:translateY(-1px)!important;box-shadow:0 0 0 1px var(--surface-primary),0 0 0 5px var(--focus-brand),var(--shadow-focus)!important}.recommendation-card:focus-visible,.stat-card:focus-visible,.goal-card:focus-visible{outline:3px solid var(--focus-brand)!important;outline-offset:2px!important;box-shadow:0 0 0 1px var(--surface-primary),0 0 0 5px var(--focus-brand),var(--shadow-brand-lg)!important}body.dark-mode button:focus-visible,body.dark-mode input:focus-visible,body.dark-mode select:focus-visible,body.dark-mode textarea:focus-visible,body.dark-mode [tabindex]:focus-visible,body.dark-mode a:focus-visible{outline:3px solid var(--focus-brand)!important;outline-offset:2px!important;box-shadow:0 0 0 1px var(--bg-primary),0 0 0 5px var(--focus-brand)!important}.skip-link{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;z-index:10000;display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-brand);color:var(--text-on-brand);font-weight:var(--font-weight-semibold);text-decoration:none;transform:translateY(calc(-100% - env(safe-area-inset-top,0px) - 40px))}.skip-link:focus,.skip-link:focus-visible{transform:none;box-shadow:var(--shadow-lg)}a.skip-link,body.dark-mode a.skip-link,body.dark-mode a.skip-link:hover{color:var(--text-on-brand)}html body :is(main,[role=main],h1,h2,section,[data-dialog-initial-focus])[tabindex="-1"]:focus,html body :is(main,[role=main],h1,h2,section,[data-dialog-initial-focus])[tabindex="-1"]:focus-visible{outline:none!important;box-shadow:none!important}.focus-trap{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}*:focus{animation:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(prefers-reduced-motion:reduce){*:focus-visible{outline:3px solid var(--focus-brand)!important;outline-offset:2px!important;transition:none!important;box-shadow:0 0 0 1px var(--surface-primary),0 0 0 5px var(--focus-brand)!important}}.form-input:focus,.form-select:focus,.form-textarea:focus,.search-dropdown-input:focus,.goal-form-input:focus,.goal-form-select:focus{outline:2px solid var(--focus-brand)!important;outline-offset:2px;box-shadow:var(--shadow-focus)!important}button:focus-visible,.btn:focus-visible,.tab-btn:focus-visible,.goal-action-btn:focus-visible{outline:2px solid var(--focus-brand);outline-offset:2px;box-shadow:var(--shadow-focus)}.stat-card:focus-visible,.sleep-stat:focus-visible,.zone-item:focus-visible{outline:3px solid var(--focus-brand);outline-offset:2px}button,.btn,.tab-btn,.quick-btn,.activity-btn,.distance-btn,.goal-action-btn,.add-exercise-btn,.add-water-btn,.add-nutrition-btn,.add-distance-btn,.add-mood-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.stat-card[role=group],.sleep-stat[role=button],.zone-item{min-height:44px;padding:var(--space-3)}.stat-subtitle,.page-subtitle,.zone-range,.sleep-stat-label{color:var(--neutral-700)}.text-muted,.goal-target,.entry-time{color:var(--neutral-600)}a,.link-button{color:var(--text-link, var(--blue-700));text-decoration:underline}a:hover,.link-button:hover{color:color-mix(in srgb,var(--text-link, var(--blue-700)) 80%,var(--text-primary))}body.dark-mode .stat-subtitle,body.dark-mode .page-subtitle,body.dark-mode .zone-range,body.dark-mode .sleep-stat-label{color:var(--neutral-300)}body.dark-mode .text-muted,body.dark-mode .goal-target,body.dark-mode .entry-time{color:var(--neutral-400)}.stat-icon svg,.loading-dots,.progress-dots,.gradient-bg{aria-hidden:true}.form-group label,.goal-form-group label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}.loading-overlay,.modal{animation-duration:.2s}}.error-message,.form-error{color:var(--red-700);font-weight:var(--font-weight-medium);border-left:4px solid var(--red-500);padding-left:var(--space-3)}.form-input:user-invalid,.form-input[aria-invalid=true]{border-color:var(--red-500);box-shadow:0 0 0 2px #ef444433}@media(prefers-contrast:high){.stat-card,.modal-content,.form-input{border-width:2px;border-color:var(--neutral-900)}.text-secondary,.stat-subtitle{color:var(--neutral-900)}button,.btn{border:2px solid var(--neutral-900)}}@media(min-width:1200px){html{font-size:18px}}.modal[aria-modal=true]{position:fixed;inset:0;z-index:var(--z-modal-backdrop)}.modal-content,.goal-modal-content{position:relative;outline:none}.modal-content:focus,.goal-modal-content:focus{outline:2px solid var(--focus-brand);outline-offset:-2px}body.dashboard-goal-modal-open app-onboarding-overlay .onboarding-overlay,body.dashboard-goal-modal-open app-onboarding-overlay .onboarding-tooltip-content,body.dashboard-goal-modal-open app-navigation-footer,body.dashboard-goal-modal-open app-brand-footer,body.dashboard-goal-modal-open .brand-footer{pointer-events:none!important}.modal-overlay~app-brand-footer .brand-footer,.modal-overlay~app-brand-footer .brand-footer *{pointer-events:none!important}.modal-content,.goal-modal-content,.water-modal-content,.exercise-modal-content,.distance-modal-content,.nutrition-modal-content{z-index:var(--z-popover)}@media(min-width:900px)and (max-width:1280px)and (max-height:750px){.modal-content.exercise-modal{row-gap:var(--space-12)}.modal-content.exercise-modal .quick-activities-section>h3{display:none}.modal-content.exercise-modal .activity-buttons{margin-top:var(--space-2)}}body:not(.dark-mode) .tab-buttons .tab-btn.active .tab-icon,body:not(.dark-mode) .tab-btn.active .tab-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;background:var(--bg-primary);border-radius:50%;padding:var(--space-1)}body:not(.dark-mode) .tab-buttons .tab-btn.active .tab-icon:before,body:not(.dark-mode) .tab-btn.active .tab-icon:before{content:none}:root{--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-50: #fafafa;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-50: #fffbeb;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-50: #eff6ff;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-border: var(--blue-300);--blue-light: var(--blue-100);--coral-100: #ffe4e6;--coral-200: #fecdd3;--coral-400: #ff7875;--coral-500: #f43f5e;--coral-600: #e11d48;--coral-700: #be123c;--gray-700: #374151;--green-100: #ccfbf1;--green-200: #99f6e4;--green-300: #5eead4;--green-400: #2dd4bf;--green-50: #f0fdfa;--green-500: #14b8a6;--green-600: #0d9488;--green-700: #0f766e;--green-800: #115e59;--green-900: #134e4a;--indigo-500: #4567c6;--indigo-600: #2f5aae;--indigo-700: #254a8f;--night-700: #222833;--night-800: #161c26;--night-900: #121720;--night-950: #0b0f14;--orange-100: #e0e7ff;--orange-200: #c7d2fe;--orange-300: #a5b4fc;--orange-400: #818cf8;--orange-50: #eef2ff;--orange-500: #6366f1;--orange-600: #4f46e5;--orange-700: #4338ca;--orange-800: #3730a3;--orange-900: #312e81;--pink-500: #ec4899;--purple-100: #ede9fe;--purple-200: #ddd6fe;--purple-300: #c4b5fd;--purple-400: #a78bfa;--purple-50: #f5f3ff;--purple-500: #8b5cf6;--purple-600: #7c3aed;--purple-700: #6d28d9;--purple-800: #5b21b6;--purple-900: #4c1d95;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-to-pink-to-purple-horizontal-gradient: linear-gradient(to right, var(--red-500), var(--pink-500, #ec4899), var(--purple-500));--red-to-pink-to-purple-vertical-gradient: linear-gradient(to bottom, var(--red-500), var(--pink-500, #ec4899), var(--purple-500));--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-50: #f0fdfa;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--fittra-v2-palette-amber-100: #fef3c7;--fittra-v2-palette-amber-400: #f0b839;--fittra-v2-palette-amber-500: #e5a218;--fittra-v2-palette-amber-900: #2d1f04;--fittra-v2-palette-black: #000000;--fittra-v2-palette-blue-300: #93b4fb;--fittra-v2-palette-blue-400: #6b93f9;--fittra-v2-palette-blue-500: #4a7cf7;--fittra-v2-palette-cyan-100: #cff2fc;--fittra-v2-palette-cyan-400: #56c4e3;--fittra-v2-palette-cyan-500: #38b2d6;--fittra-v2-palette-cyan-900: #082731;--fittra-v2-palette-green-100: #ccfbf1;--fittra-v2-palette-green-400: #2dd4bf;--fittra-v2-palette-green-500: #14b8a6;--fittra-v2-palette-green-900: #134e4a;--fittra-v2-palette-indigo-300: #7d8cea;--fittra-v2-palette-indigo-400: #6577e6;--fittra-v2-palette-indigo-450: #5669e4;--fittra-v2-palette-indigo-500: #4f63d9;--fittra-v2-palette-indigo-600: #3a4fc7;--fittra-v2-palette-navy-700: #1c2644;--fittra-v2-palette-navy-800: #151d35;--fittra-v2-palette-navy-900: #0f1629;--fittra-v2-palette-navy-950: #0a0e1a;--fittra-v2-palette-neutral-100: #ebebef;--fittra-v2-palette-neutral-200: #d1d1d8;--fittra-v2-palette-neutral-300: #a1a1ab;--fittra-v2-palette-neutral-400: #7a7a85;--fittra-v2-palette-neutral-50: #f6f6f8;--fittra-v2-palette-neutral-500: #56565f;--fittra-v2-palette-neutral-600: #3f3f47;--fittra-v2-palette-neutral-700: #2c2c32;--fittra-v2-palette-neutral-750: #232328;--fittra-v2-palette-neutral-800: #1c1c20;--fittra-v2-palette-neutral-850: #161619;--fittra-v2-palette-neutral-900: #111114;--fittra-v2-palette-neutral-950: #09090b;--fittra-v2-palette-purple-400: #9565e8;--fittra-v2-palette-purple-500: #7e45e0;--fittra-v2-palette-purple-600: #6b2fd6;--fittra-v2-palette-red-100: #fee2e2;--fittra-v2-palette-red-400: #ea6363;--fittra-v2-palette-red-500: #e04545;--fittra-v2-palette-red-900: #2d0a0a;--fittra-v2-palette-violet-300: #b09cf5;--fittra-v2-palette-violet-400: #9578f0;--fittra-v2-palette-violet-500: #7c5ce6;--fittra-v2-palette-white: #ffffff;--bg-brand: var(--fittra-v2-color-accent-primary);--bg-brand-subtle: color-mix(in srgb, var(--brand-primary) 10%, transparent);--bg-error: var(--error);--bg-hover: var(--neutral-100);--bg-info: var(--blue-50);--bg-inverse: var(--fittra-v2-palette-neutral-900);--bg-overlay: rgba(255, 255, 255, .95);--bg-primary: var(--fittra-v2-color-bg-primary);--bg-quaternary: #f1f5f9;--bg-secondary: var(--fittra-v2-color-bg-secondary);--bg-subtle: var(--neutral-50);--bg-success: var(--green-50);--bg-surface: var(--surface-primary);--bg-tertiary: var(--fittra-v2-color-bg-tertiary);--bg-warning: var(--warning);--surface-brand: color-mix(in srgb, var(--brand-primary) 8%, white);--surface-elevated: var(--fittra-v2-color-surface-elevated);--surface-error: var(--red-50);--surface-info: var(--blue-50);--surface-primary: var(--fittra-v2-color-surface);--surface-secondary: var(--fittra-v2-surface-base);--surface-success: var(--green-50);--surface-tertiary: var(--fittra-v2-color-bg-secondary);--surface-warning: var(--amber-50);--text-2xl: 1.5rem;--text-2xs: .625rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-8xl: 6rem;--text-base: 1rem;--text-brand: var(--brand-primary);--text-error: var(--red-700);--text-info: var(--blue-600);--text-inverse: var(--neutral-50);--text-lg: 1.125rem;--text-muted: var(--fittra-v2-color-text-muted);--text-primary: var(--fittra-v2-color-text-primary);--text-secondary: var(--fittra-v2-color-text-secondary);--text-sm: .875rem;--text-success: var(--green-700);--text-tertiary: #596b86;--text-warning: var(--amber-700);--text-xl: 1.25rem;--text-xs: .75rem;--brand-accent: var(--fittra-v2-color-accent-primary);--brand-accent-dark: var(--fittra-v2-palette-indigo-600);--brand-accent-light: var(--fittra-v2-palette-blue-400);--brand-border: var(--brand-primary);--brand-gradient: var(--fittra-v2-gradient-accent);--brand-light: var(--brand-primary-light);--brand-mindful: var(--fittra-v2-color-accent-secondary);--brand-primary: var(--fittra-v2-color-accent-primary);--brand-primary-dark: var(--fittra-v2-palette-indigo-600);--brand-primary-hover: var(--brand-primary-dark);--brand-primary-light: var(--fittra-v2-palette-indigo-400);--brand-secondary: var(--fittra-v2-color-accent-secondary);--brand-secondary-dark: var(--fittra-v2-palette-violet-500);--brand-secondary-light: var(--fittra-v2-palette-violet-300);--brand-shadow: var(--shadow-brand);--text-on-brand: #ffffff;--error: color-mix(in srgb, var(--red-600) 50%, var(--red-700));--error-border: var(--red-300);--error-color: var(--red-500);--error-dark: var(--red-700);--error-light: var(--red-100);--info: var(--blue-500);--info-light: var(--blue-100);--success: var(--green-500);--success-border: var(--green-300);--success-color: var(--green-500);--success-dark: var(--green-700);--success-light: var(--green-100);--success-primary: var(--green-500);--success-text: var(--green-700);--warning: var(--amber-500);--warning-border: var(--amber-300);--warning-color: var(--amber-500);--warning-dark: var(--amber-700);--warning-light: var(--amber-100);--border-accent-width: 4px;--border-brand: var(--brand-primary);--border-dark: var(--fittra-v2-palette-neutral-400);--border-error: var(--red-300);--border-focus: var(--brand-primary);--border-info: var(--blue-300);--border-light: var(--fittra-v2-color-border-subtle);--border-medium: var(--fittra-v2-color-border-strong);--border-strong: var(--neutral-400);--border-subtle: var(--neutral-200);--border-success: var(--green-300);--border-warning: var(--amber-300);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-brand: 0 4px 14px color-mix(in srgb, var(--fittra-v2-palette-indigo-600) 25%, transparent);--shadow-brand-blue: 0 4px 14px rgb(34 211 238 / .25);--shadow-brand-green: 0 4px 14px rgb(45 212 191 / .25);--shadow-brand-lg: 0 10px 28px color-mix(in srgb, var(--fittra-v2-palette-indigo-600) 30%, transparent);--shadow-brand-orange: 0 4px 14px rgb(99 102 241 / .25);--shadow-error: 0 0 0 3px rgba(239, 68, 68, .1);--shadow-focus: 0 0 0 3px var(--fittra-v2-color-focus-ring);--shadow-info: 0 0 0 3px rgba(59, 130, 246, .1);--shadow-lg: var(--fittra-v2-shadow-lg);--shadow-md: var(--fittra-v2-shadow-md);--shadow-sm: var(--fittra-v2-shadow-sm);--shadow-success: 0 0 0 3px rgba(20, 184, 166, .1);--shadow-surface-elevated: 0 6px 24px color-mix(in srgb, var(--neutral-900) 80%, var(--color-bg-main));--shadow-text: 0 1px 2px rgba(0, 0, 0, .1);--shadow-warning: 0 0 0 3px rgba(245, 158, 11, .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--fittra-v2-color-accent-gradient-end: var(--fittra-v2-palette-purple-500);--fittra-v2-color-accent-gradient-start: var(--fittra-v2-palette-indigo-500);--fittra-v2-gradient-accent: linear-gradient( 135deg, var(--fittra-v2-color-accent-gradient-start) 0%, var(--fittra-v2-color-accent-gradient-end) 100% );--fittra-v2-gradient-surface: linear-gradient( 180deg, var(--fittra-v2-color-surface) 0%, var(--fittra-v2-color-bg-primary) 100% );--glassmorphic-gradient: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%);--gradient-accent: linear-gradient(135deg, var(--fittra-v2-palette-indigo-600) 0%, var(--fittra-v2-palette-blue-500) 100%);--gradient-achievement: linear-gradient(135deg, var(--amber-500) 0%, var(--orange-500) 100%);--gradient-action: linear-gradient(135deg, var(--blue-500) 0%, var(--indigo-600) 100%);--gradient-bg-cool: linear-gradient(135deg, rgba(0, 180, 216, .05) 0%, var(--blue-50) 100%);--gradient-bg-neutral: linear-gradient(135deg, var(--neutral-50) 0%, var(--neutral-100) 100%);--gradient-bg-subtle: linear-gradient(135deg, #fefefe 0%, #f7f8fc 100%);--gradient-bg-warm: linear-gradient(135deg, color-mix(in srgb, var(--fittra-v2-palette-indigo-600) 4%, var(--fittra-v2-color-bg-primary)) 0%, var(--fittra-v2-color-bg-primary) 100%);--gradient-brand: var(--fittra-v2-gradient-accent);--gradient-calm: linear-gradient(135deg, color-mix(in srgb, var(--fittra-v2-palette-violet-500) 8%, var(--fittra-v2-color-bg-primary)) 0%, var(--fittra-v2-color-bg-primary) 100%);--gradient-card: linear-gradient(145deg, var(--fittra-v2-color-surface) 0%, var(--fittra-v2-surface-base) 100%);--gradient-card-elevated: linear-gradient(145deg, var(--fittra-v2-color-surface) 0%, var(--fittra-v2-color-bg-primary) 100%);--gradient-cool: linear-gradient(135deg, var(--fittra-v2-palette-blue-500) 0%, var(--fittra-v2-palette-indigo-500) 100%);--gradient-elegant: linear-gradient(135deg, var(--neutral-700) 0%, var(--neutral-500) 100%);--gradient-error: linear-gradient(135deg, var(--red-500) 0%, var(--red-600) 100%);--gradient-error-subtle: linear-gradient(135deg, rgba(239, 68, 68, .08) 0%, rgba(220, 38, 38, .06) 100%);--gradient-fresh: linear-gradient(135deg, #14b8a6 0%, #5eead4 100%);--gradient-growth: linear-gradient(135deg, var(--green-500) 0%, var(--teal-500, #14b8a6) 100%);--gradient-header: var(--fittra-v2-gradient-accent);--gradient-intensity: linear-gradient(135deg, var(--red-500) 0%, var(--orange-500) 100%);--gradient-motivation: linear-gradient(135deg, var(--purple-500) 0%, var(--indigo-500) 100%);--gradient-neutral: linear-gradient(135deg, var(--neutral-600) 0%, var(--neutral-500) 100%);--gradient-neutral-soft: linear-gradient(135deg, var(--neutral-500) 0%, var(--neutral-400) 100%);--gradient-ocean: linear-gradient(135deg, #00b4d8 0%, #14b8a6 100%);--gradient-power: linear-gradient(135deg, var(--red-600) 0%, var(--orange-500) 100%);--gradient-primary: var(--fittra-v2-gradient-accent);--gradient-recovery: linear-gradient(135deg, var(--green-500) 0%, var(--blue-500) 100%);--gradient-secondary: linear-gradient(135deg, var(--blue-600) 0%, var(--blue-500) 100%);--gradient-subtle: var(--fittra-v2-gradient-surface);--gradient-success: linear-gradient(135deg, var(--green-600) 0%, var(--green-500) 100%);--gradient-success-soft: linear-gradient(135deg, var(--green-500) 0%, var(--green-400) 100%);--gradient-success-subtle: linear-gradient(135deg, var(--green-50) 0%, var(--teal-500, #14b8a6) 10%, transparent 50%);--gradient-sunrise: linear-gradient(135deg, var(--orange-500) 0%, #818cf8 100%);--gradient-surface: linear-gradient(145deg, var(--fittra-v2-color-surface) 0%, var(--fittra-v2-color-bg-primary) 100%);--gradient-surface-warm: linear-gradient(145deg, var(--fittra-v2-color-surface) 0%, color-mix(in srgb, var(--fittra-v2-palette-indigo-600) 4%, var(--fittra-v2-color-surface)) 100%);--gradient-vitality: var(--fittra-v2-gradient-accent);--gradient-warm: linear-gradient(135deg, var(--fittra-v2-palette-violet-500) 0%, var(--fittra-v2-palette-indigo-500) 100%);--page-title-text-gradient: var(--fittra-v2-gradient-accent);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-hover: rgba(255, 255, 255, .85);--glass-blur: blur(12px);--glass-border: rgba(15, 23, 42, .12);--glass-border-hover: rgba(15, 23, 42, .16);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .08);--glassmorphic-blur: blur(12px);--glassmorphic-border: rgba(255, 255, 255, .12);--glassmorphic-shadow: 0 8px 32px rgba(0, 0, 0, .12);--font-family-mono: "Menlo", "Monaco", "Consolas", "Courier New", monospace;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", "EmojiSymbols";--font-weight-black: 900;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-light: 300;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-regular: 400;--font-weight-semibold: 600;--leading-loose: 2;--leading-none: 1;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-snug: 1.375;--leading-tight: 1.25;--tracking-tight: -.025em;--tracking-wide: .025em;--app-height: 100vh;--container-max-width: 1200px;--container-md: 768px;--container-sm: 600px;--content-max-width: 1200px;--header-height: 64px;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-base: .25rem;--radius-full: 9999px;--radius-lg: .5rem;--radius-md: .375rem;--radius-none: 0px;--radius-sm: .125rem;--radius-xl: .75rem;--size-0: 0;--size-0_5: .125rem;--size-1: .25rem;--size-10: 2.5rem;--size-11: 2.75rem;--size-12: 3rem;--size-14: 3.5rem;--size-16: 4rem;--size-1_5: .375rem;--size-2: .5rem;--size-20: 5rem;--size-24: 6rem;--size-2_5: .625rem;--size-3: .75rem;--size-3_5: .875rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-80: 20rem;--size-9: 2.25rem;--size-px: 1px;--space-0: 0;--space-0_5: .125rem;--space-1: .25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-1_5: .375rem;--space-2: .5rem;--space-20: 5rem;--space-24: 6rem;--space-2_5: .625rem;--space-3: .75rem;--space-32: 8rem;--space-3_5: .875rem;--space-4: 1rem;--space-4_5: 1.125rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-lg: 1.5rem;--space-md: 1rem;--space-px: 1px;--space-sm: .5rem;--space-xl: 2rem;--space-xs: .25rem;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--z-dropdown: 1000;--z-fixed: 1030;--z-footer: var(--z-fixed);--z-modal: 1050;--z-modal-backdrop: 1040;--z-overlay: 1000;--z-popover: 1060;--z-sticky: 1020;--z-toast: 1080;--z-tooltip: 1070;--nav-bg: var(--fittra-v2-nav-bg);--nav-border: var(--fittra-v2-nav-border);--nav-shadow: var(--shadow-sm);--card-bg: var(--fittra-v2-card-bg);--card-bg-elevated: var(--fittra-v2-surface-floating);--card-border: var(--fittra-v2-card-border);--card-border-hover: var(--fittra-v2-color-border-strong);--card-padding: var(--space-6);--card-radius: var(--radius-xl);--card-shadow: var(--fittra-v2-card-shadow);--card-shadow-hover: var(--fittra-v2-card-shadow-hover);--card-shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--input-bg: var(--fittra-v2-input-bg);--input-border: var(--fittra-v2-input-border);--input-border-focus: var(--fittra-v2-input-border-focus);--input-padding-x: var(--space-4);--input-padding-y: var(--space-3);--input-radius: var(--radius-lg);--modal-accent: var(--fittra-v2-gradient-accent);--modal-backdrop-bg: var(--fittra-v2-modal-backdrop);--modal-backdrop-blur: 8px;--modal-border: var(--fittra-v2-modal-border);--modal-radius: var(--radius-2xl);--modal-shadow: var(--fittra-v2-modal-shadow);--modal-surface: var(--fittra-v2-modal-bg);--page-title-bg: var(--bg-primary);--page-title-border: var(--border-light);--page-title-max-width: var(--container-max-width, 1200px);--page-title-padding: var(--space-3) var(--space-4);--page-title-shadow: var(--shadow-sm);--page-title-subtitle-color: var(--text-secondary);--btn-font-weight: var(--font-weight-medium);--btn-padding-x: var(--space-6);--btn-padding-y: var(--space-3);--btn-radius: var(--radius-lg);--btn-shadow: var(--shadow-sm);--btn-shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--tab-active-bg: var(--fittra-v2-palette-indigo-600);--tab-active-bg-dark: var(--red-800);--tab-active-bg-hover: var(--fittra-v2-palette-indigo-500);--tab-active-bg-hover-dark: var(--red-900);--tab-active-text: var(--fittra-v2-palette-white);--tab-active-text-dark: white;--focus-brand: var(--fittra-v2-color-accent-primary);--focus-ring: var(--fittra-v2-color-accent-primary);--hover-brand: var(--fittra-v2-palette-indigo-500);--hover-error: var(--red-600);--hover-warning: var(--amber-600);--activity-high: var(--fittra-v2-color-accent-secondary);--activity-intense: var(--blue-500);--activity-light: #14b8a6;--activity-maximum: var(--red-500);--activity-moderate: var(--amber-400);--activity-rest: #cbd5e1;--activity-vigorous: var(--red-600);--calories: var(--fittra-v2-color-accent-secondary);--health-average: #fbbf24;--health-below-average: var(--red-400);--health-critical: var(--red-500);--health-excellent: var(--teal-500);--health-good: #5eead4;--health-poor: var(--fittra-v2-color-warning);--heart-rate: var(--red-500);--nutrition: var(--green-500);--progress-behind: var(--amber-500);--progress-complete: #14b8a6;--progress-critical: var(--red-500);--progress-moderate: var(--amber-400);--progress-near: #5eead4;--progress-not-started: var(--neutral-300);--progress-on-track: var(--teal-500);--progress-start: #e2e8f0;--recovery: var(--teal-500, #14b8a6);--sleep-awake: var(--amber-400);--sleep-deep: #4c51bf;--sleep-light: #5eead4;--sleep-quality: var(--blue-600);--sleep-rem: #00b4d8;--steps: var(--teal-600);--weight: var(--purple-500, #8b5cf6);--duration-200: .2s;--ease-out: cubic-bezier(0, 0, .2, 1);--transform-hover-lift: -2px;--transition-default: all .2s ease-in-out;--transition-duration: .01ms;--fittra-v2-color-accent-primary: var(--fittra-v2-palette-indigo-600);--fittra-v2-color-accent-secondary: var(--fittra-v2-palette-violet-500);--fittra-v2-color-accent-soft: color-mix(in srgb, var(--fittra-v2-palette-indigo-600) 10%, var(--fittra-v2-palette-white));--fittra-v2-color-bg-primary: var(--fittra-v2-palette-neutral-50);--fittra-v2-color-bg-secondary: var(--fittra-v2-palette-neutral-100);--fittra-v2-color-bg-tertiary: var(--fittra-v2-palette-neutral-200);--fittra-v2-color-border-strong: var(--fittra-v2-palette-neutral-400);--fittra-v2-color-border-subtle: var(--fittra-v2-palette-neutral-200);--fittra-v2-color-button-ghost-bg: transparent;--fittra-v2-color-button-ghost-hover-bg: var(--fittra-v2-palette-neutral-100);--fittra-v2-color-button-ghost-text: var(--fittra-v2-palette-neutral-500);--fittra-v2-color-button-primary-bg: var(--fittra-v2-palette-indigo-600);--fittra-v2-color-button-primary-hover: var(--fittra-v2-palette-indigo-500);--fittra-v2-color-button-primary-text: var(--fittra-v2-palette-white);--fittra-v2-color-button-secondary-bg: transparent;--fittra-v2-color-button-secondary-border: var(--fittra-v2-palette-indigo-600);--fittra-v2-color-button-secondary-hover-bg: color-mix(in srgb, var(--fittra-v2-palette-indigo-600) 8%, transparent);--fittra-v2-color-button-secondary-text: var(--fittra-v2-palette-indigo-600);--fittra-v2-color-error: var(--fittra-v2-palette-red-500);--fittra-v2-color-error-bg: var(--fittra-v2-palette-red-100);--fittra-v2-color-focus-ring: color-mix(in srgb, var(--fittra-v2-palette-indigo-500) 40%, transparent);--fittra-v2-color-info: var(--fittra-v2-palette-cyan-500);--fittra-v2-color-info-bg: var(--fittra-v2-palette-cyan-100);--fittra-v2-color-success: var(--fittra-v2-palette-green-500);--fittra-v2-color-success-bg: var(--fittra-v2-palette-green-100);--fittra-v2-color-surface: var(--fittra-v2-palette-white);--fittra-v2-color-surface-elevated: var(--fittra-v2-palette-white);--fittra-v2-color-text-muted: color-mix(in srgb, var(--fittra-v2-palette-neutral-400) 50%, var(--fittra-v2-palette-neutral-500));--fittra-v2-color-text-primary: var(--fittra-v2-palette-neutral-900);--fittra-v2-color-text-secondary: var(--fittra-v2-palette-neutral-500);--fittra-v2-color-warning: var(--fittra-v2-palette-amber-500);--fittra-v2-color-warning-bg: var(--fittra-v2-palette-amber-100);--fittra-v2-body-letter-spacing: -.01em;--fittra-v2-card-bg: var(--fittra-v2-surface-raised);--fittra-v2-card-border: var(--fittra-v2-color-border-subtle);--fittra-v2-card-shadow: var(--fittra-v2-shadow-sm);--fittra-v2-card-shadow-hover: var(--fittra-v2-shadow-md);--fittra-v2-chart-primary: var(--fittra-v2-palette-indigo-500);--fittra-v2-chart-quaternary: var(--fittra-v2-palette-purple-400);--fittra-v2-chart-secondary: var(--fittra-v2-palette-violet-500);--fittra-v2-chart-tertiary: var(--fittra-v2-palette-blue-400);--fittra-v2-chart-track: var(--fittra-v2-palette-neutral-200);--fittra-v2-chip-active-bg: color-mix(in srgb, var(--fittra-v2-color-accent-primary) 12%, transparent);--fittra-v2-chip-active-border: color-mix(in srgb, var(--fittra-v2-color-accent-primary) 30%, transparent);--fittra-v2-chip-active-text: var(--fittra-v2-color-accent-primary);--fittra-v2-chip-bg: var(--fittra-v2-color-bg-secondary);--fittra-v2-chip-border: var(--fittra-v2-color-border-subtle);--fittra-v2-chip-text: var(--fittra-v2-color-text-secondary);--fittra-v2-glow-accent: none;--fittra-v2-heading-letter-spacing: -.02em;--fittra-v2-heading-weight: 600;--fittra-v2-input-bg: var(--fittra-v2-palette-white);--fittra-v2-input-border: var(--fittra-v2-palette-neutral-300);--fittra-v2-input-border-focus: var(--fittra-v2-color-accent-primary);--fittra-v2-input-placeholder: var(--fittra-v2-color-text-muted);--fittra-v2-input-text: var(--fittra-v2-color-text-primary);--fittra-v2-modal-backdrop: rgba(0, 0, 0, .45);--fittra-v2-modal-bg: var(--fittra-v2-surface-floating);--fittra-v2-modal-border: var(--fittra-v2-color-border-subtle);--fittra-v2-modal-shadow: var(--fittra-v2-shadow-floating);--fittra-v2-nav-bg: var(--fittra-v2-color-surface);--fittra-v2-nav-border: var(--fittra-v2-color-border-subtle);--fittra-v2-nav-icon-active: var(--fittra-v2-color-accent-primary);--fittra-v2-nav-icon-default: var(--fittra-v2-palette-neutral-400);--fittra-v2-nav-label-active: var(--fittra-v2-color-accent-primary);--fittra-v2-nav-label-default: var(--fittra-v2-palette-neutral-500);--fittra-v2-progress-fill: var(--fittra-v2-gradient-accent);--fittra-v2-progress-track: var(--fittra-v2-palette-neutral-200);--fittra-v2-shadow-floating: 0 12px 32px rgba(0, 0, 0, .1);--fittra-v2-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--fittra-v2-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--fittra-v2-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--fittra-v2-surface-base: var(--fittra-v2-palette-neutral-50);--fittra-v2-surface-floating: var(--fittra-v2-palette-white);--fittra-v2-surface-raised: var(--fittra-v2-palette-white);--color-accent-ai: var(--fittra-v2-color-accent-secondary);--color-accent-ai-soft: color-mix(in srgb, var(--color-accent-ai) 18%, var(--color-surface));--color-accent-primary: var(--fittra-v2-color-accent-primary);--color-accent-primary-hover: var(--fittra-v2-palette-indigo-500);--color-accent-primary-ring: var(--fittra-v2-color-focus-ring);--color-bg-main: var(--fittra-v2-color-bg-primary);--color-border-subtle: var(--fittra-v2-color-border-subtle);--color-effort-high: var(--purple-500);--color-effort-low: var(--blue-400);--color-effort-moderate: var(--indigo-500);--color-surface: var(--fittra-v2-color-surface);--color-surface-elevated: var(--fittra-v2-color-surface-elevated);--color-text-muted: var(--fittra-v2-color-text-muted);--color-text-primary: var(--fittra-v2-color-text-primary);--color-text-secondary: var(--fittra-v2-color-text-secondary);--animation-duration: .01ms;--border-width: 1px;--distance: var(--fittra-v2-palette-blue-500);--electric-violet: #8b5cf6;--hydration: var(--blue-500);--primary-color: var(--brand-primary);--secondary-color: var(--brand-secondary)}body.dark-mode{--bg-brand: var(--fittra-v2-color-accent-primary);--bg-inverse: var(--fittra-v2-palette-neutral-100);--bg-overlay: rgba(13, 15, 18, .95);--bg-primary: var(--fittra-v2-color-bg-primary);--bg-quaternary: var(--fittra-v2-color-surface-elevated);--bg-secondary: var(--fittra-v2-color-bg-secondary);--bg-tertiary: var(--fittra-v2-color-bg-tertiary);--bg-surface: var(--surface-primary);--bg-brand-subtle: color-mix(in srgb, var(--brand-primary) 10%, transparent);--card-bg-elevated: var(--fittra-v2-surface-floating);--card-border-hover: var(--fittra-v2-color-border-strong);--modal-backdrop-bg: var(--fittra-v2-modal-backdrop);--page-title-bg: var(--bg-primary);--page-title-border: var(--border-light);--page-title-subtitle-color: var(--text-secondary);--brand-border: var(--brand-primary);--border-brand: var(--brand-primary);--brand-primary-hover: var(--brand-primary-dark);--primary-color: var(--brand-primary);--steps: var(--teal-400);--activity-high: var(--fittra-v2-color-accent-secondary);--calories: var(--fittra-v2-color-accent-secondary);--surface-elevated: var(--fittra-v2-color-surface-elevated);--surface-primary: var(--fittra-v2-color-surface);--surface-secondary: color-mix(in srgb, var(--fittra-v2-color-surface) 82%, var(--fittra-v2-color-bg-primary));--surface-tertiary: color-mix(in srgb, var(--fittra-v2-color-surface-elevated) 88%, var(--fittra-v2-color-surface));--surface-error: color-mix(in srgb, var(--red-500) 16%, var(--fittra-v2-color-surface));--surface-info: color-mix(in srgb, var(--blue-500) 16%, var(--fittra-v2-color-surface));--surface-success: color-mix(in srgb, var(--green-500) 16%, var(--fittra-v2-color-surface));--surface-warning: color-mix(in srgb, var(--amber-500) 16%, var(--fittra-v2-color-surface));--surface-brand: color-mix(in srgb, var(--brand-primary) 16%, var(--fittra-v2-color-surface));--text-inverse: var(--fittra-v2-palette-white);--text-muted: var(--fittra-v2-color-text-muted);--text-primary: var(--fittra-v2-color-text-primary);--text-secondary: var(--fittra-v2-color-text-secondary);--text-error: var(--red-400);--error: var(--red-500);--text-success: var(--green-400);--text-warning: var(--amber-400);--text-tertiary: #94a3b8;--brand-accent: var(--fittra-v2-color-accent-primary);--brand-accent-dark: var(--fittra-v2-palette-indigo-500);--brand-accent-light: var(--fittra-v2-palette-blue-400);--brand-gradient: var(--fittra-v2-gradient-accent);--brand-mindful: var(--fittra-v2-color-accent-secondary);--brand-primary: var(--fittra-v2-color-accent-primary);--brand-primary-dark: var(--fittra-v2-palette-indigo-500);--brand-primary-light: color-mix(in srgb, var(--fittra-v2-color-accent-primary) 84%, var(--fittra-v2-color-text-primary));--brand-secondary: #4da3ff;--brand-secondary-dark: #2f7fe0;--brand-secondary-light: #7bbcff;--text-on-brand: var(--fittra-v2-palette-white);--text-brand: var(--fittra-v2-palette-indigo-300);--border-dark: color-mix(in srgb, var(--fittra-v2-color-border-subtle) 72%, var(--fittra-v2-color-text-primary));--border-focus: var(--fittra-v2-palette-indigo-300);--border-light: var(--fittra-v2-color-border-subtle);--border-medium: color-mix(in srgb, var(--fittra-v2-color-border-subtle) 88%, var(--fittra-v2-color-text-primary));--border-error: var(--red-500);--border-info: var(--blue-500);--border-success: var(--green-500);--border-warning: var(--amber-500);--shadow-brand: 0 6px 14px color-mix(in srgb, var(--fittra-v2-palette-neutral-950) 72%, var(--fittra-v2-color-accent-primary));--shadow-brand-accent: 0 4px 14px rgb(45 212 191 / .26);--shadow-brand-blue: var(--shadow-brand-secondary);--shadow-brand-green: var(--shadow-brand-accent);--shadow-brand-lg: 0 8px 16px color-mix(in srgb, var(--fittra-v2-palette-neutral-950) 68%, var(--fittra-v2-color-accent-primary));--shadow-brand-orange: var(--shadow-brand-primary);--shadow-brand-primary: 0 4px 14px rgb(124 108 255 / .3);--shadow-brand-secondary: 0 4px 14px rgb(77 163 255 / .28);--shadow-focus: 0 0 0 3px var(--fittra-v2-color-focus-ring);--shadow-lg: var(--fittra-v2-shadow-lg);--shadow-md: var(--fittra-v2-shadow-md);--shadow-sm: var(--fittra-v2-shadow-sm);--shadow-surface-elevated: var(--fittra-v2-shadow-md);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 10px 10px -5px rgb(0 0 0 / .2);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--fittra-v2-color-accent-gradient-end: var(--fittra-v2-palette-purple-500);--fittra-v2-color-accent-gradient-start: var(--fittra-v2-palette-blue-500);--fittra-v2-gradient-accent: linear-gradient( 135deg, var(--fittra-v2-color-accent-gradient-start) 0%, var(--fittra-v2-color-accent-gradient-end) 100% );--fittra-v2-gradient-surface: linear-gradient( 180deg, var(--fittra-v2-color-surface) 0%, var(--fittra-v2-color-bg-primary) 100% );--gradient-bg-subtle: linear-gradient(135deg, #0a0a0b 0%, #131316 100%);--gradient-brand: var(--fittra-v2-gradient-accent);--gradient-calm: linear-gradient(135deg, color-mix(in srgb, var(--fittra-v2-palette-violet-400) 10%, var(--fittra-v2-color-bg-primary)) 0%, var(--fittra-v2-color-bg-primary) 100%);--gradient-card: linear-gradient(145deg, var(--surface-primary) 0%, var(--surface-secondary) 100%);--gradient-card-elevated: linear-gradient(145deg, var(--surface-primary) 0%, var(--surface-elevated) 100%);--gradient-fresh: linear-gradient(135deg, #2dd4bf 0%, #6ee7d8 100%);--gradient-header: var(--fittra-v2-gradient-accent);--gradient-ocean: linear-gradient(135deg, #4da3ff 0%, #2dd4bf 100%);--gradient-primary: var(--fittra-v2-gradient-accent);--gradient-sunrise: linear-gradient(135deg, #f59e0b 0%, #fb7185 100%);--gradient-surface: var(--fittra-v2-gradient-surface);--gradient-surface-warm: linear-gradient(145deg, var(--fittra-v2-color-surface) 0%, color-mix(in srgb, var(--fittra-v2-palette-indigo-400) 6%, var(--fittra-v2-color-surface)) 100%);--gradient-vitality: var(--fittra-v2-gradient-accent);--gradient-warm: linear-gradient(135deg, var(--fittra-v2-color-accent-secondary) 0%, var(--fittra-v2-color-accent-primary) 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-bg-hover: rgba(255, 255, 255, .14);--glass-blur: blur(12px);--glass-border: rgba(255, 255, 255, .18);--glass-border-hover: rgba(255, 255, 255, .28);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .25);--nav-bg: var(--fittra-v2-nav-bg);--nav-border: var(--fittra-v2-nav-border);--nav-shadow: var(--fittra-v2-shadow-md);--card-bg: var(--fittra-v2-card-bg);--card-border: var(--fittra-v2-card-border);--card-shadow: var(--fittra-v2-card-shadow);--card-shadow-hover: var(--fittra-v2-card-shadow-hover);--input-bg: var(--fittra-v2-input-bg);--input-border: var(--fittra-v2-input-border);--input-border-focus: var(--fittra-v2-input-border-focus);--modal-border: var(--fittra-v2-modal-border);--modal-shadow: var(--fittra-v2-modal-shadow);--modal-surface: var(--fittra-v2-modal-bg);--tab-active-bg: var(--fittra-v2-palette-indigo-500);--tab-active-bg-dark: var(--fittra-v2-palette-indigo-500);--tab-active-bg-hover: var(--fittra-v2-palette-indigo-450);--tab-active-bg-hover-dark: var(--fittra-v2-palette-indigo-450);--tab-active-text: var(--fittra-v2-palette-white);--tab-active-text-dark: var(--fittra-v2-palette-white);--focus-brand: var(--fittra-v2-palette-indigo-300);--focus-ring: var(--fittra-v2-palette-indigo-300);--hover-brand: var(--fittra-v2-palette-indigo-500);--activity-intense: #7c6cff;--activity-light: #2dd4bf;--activity-moderate: #4da3ff;--activity-rest: #4a5568;--health-average: #fbbf24;--health-excellent: #2dd4bf;--health-good: #6ee7d8;--health-poor: #fb7185;--progress-complete: #2dd4bf;--progress-moderate: #4da3ff;--progress-near: #6ee7d8;--progress-start: #4a5568;--sleep-awake: #f59e0b;--sleep-deep: #7c6cff;--sleep-light: #7dd3fc;--sleep-rem: #4da3ff;--fittra-v2-color-accent-primary: var(--fittra-v2-palette-indigo-450);--fittra-v2-color-accent-secondary: var(--fittra-v2-palette-violet-400);--fittra-v2-color-accent-soft: color-mix(in srgb, var(--fittra-v2-palette-indigo-400) 14%, var(--fittra-v2-palette-neutral-900));--fittra-v2-color-bg-primary: var(--fittra-v2-palette-neutral-950);--fittra-v2-color-bg-secondary: var(--fittra-v2-palette-neutral-900);--fittra-v2-color-bg-tertiary: var(--fittra-v2-palette-neutral-850);--fittra-v2-color-border-strong: var(--fittra-v2-palette-neutral-400);--fittra-v2-color-border-subtle: var(--fittra-v2-palette-neutral-700);--fittra-v2-color-button-ghost-bg: transparent;--fittra-v2-color-button-ghost-hover-bg: var(--fittra-v2-palette-neutral-800);--fittra-v2-color-button-ghost-text: var(--fittra-v2-palette-neutral-400);--fittra-v2-color-button-primary-bg: var(--fittra-v2-palette-indigo-500);--fittra-v2-color-button-primary-hover: var(--fittra-v2-palette-indigo-450);--fittra-v2-color-button-primary-text: var(--fittra-v2-palette-white);--fittra-v2-color-button-secondary-bg: transparent;--fittra-v2-color-button-secondary-border: var(--fittra-v2-palette-indigo-400);--fittra-v2-color-button-secondary-hover-bg: color-mix(in srgb, var(--fittra-v2-palette-indigo-400) 12%, transparent);--fittra-v2-color-button-secondary-text: var(--fittra-v2-palette-indigo-300);--fittra-v2-color-error: var(--fittra-v2-palette-red-400);--fittra-v2-color-error-bg: var(--fittra-v2-palette-red-900);--fittra-v2-color-focus-ring: color-mix(in srgb, var(--fittra-v2-palette-indigo-400) 45%, transparent);--fittra-v2-color-info: var(--fittra-v2-palette-cyan-400);--fittra-v2-color-info-bg: var(--fittra-v2-palette-cyan-900);--fittra-v2-color-success: var(--fittra-v2-palette-green-400);--fittra-v2-color-success-bg: var(--fittra-v2-palette-green-900);--fittra-v2-color-surface: var(--fittra-v2-palette-neutral-900);--fittra-v2-color-surface-elevated: var(--fittra-v2-palette-neutral-800);--fittra-v2-color-text-muted: color-mix(in srgb, var(--fittra-v2-palette-neutral-400) 60%, var(--fittra-v2-palette-neutral-300));--fittra-v2-color-text-primary: var(--fittra-v2-palette-neutral-100);--fittra-v2-color-text-secondary: var(--fittra-v2-palette-neutral-300);--fittra-v2-color-warning: var(--fittra-v2-palette-amber-400);--fittra-v2-color-warning-bg: var(--fittra-v2-palette-amber-900);--fittra-v2-body-letter-spacing: -.01em;--fittra-v2-card-bg: var(--fittra-v2-surface-raised);--fittra-v2-card-border: var(--fittra-v2-color-border-subtle);--fittra-v2-card-shadow: var(--fittra-v2-shadow-sm);--fittra-v2-card-shadow-hover: var(--fittra-v2-shadow-md);--fittra-v2-chart-primary: var(--fittra-v2-palette-indigo-400);--fittra-v2-chart-quaternary: var(--fittra-v2-palette-purple-400);--fittra-v2-chart-secondary: var(--fittra-v2-palette-violet-400);--fittra-v2-chart-tertiary: var(--fittra-v2-palette-blue-300);--fittra-v2-chart-track: var(--fittra-v2-palette-neutral-750);--fittra-v2-chip-active-bg: color-mix(in srgb, var(--fittra-v2-color-accent-primary) 16%, var(--fittra-v2-palette-neutral-900));--fittra-v2-chip-active-border: color-mix(in srgb, var(--fittra-v2-color-accent-primary) 35%, transparent);--fittra-v2-chip-active-text: var(--fittra-v2-palette-indigo-300);--fittra-v2-chip-bg: var(--fittra-v2-palette-neutral-800);--fittra-v2-chip-border: var(--fittra-v2-palette-neutral-700);--fittra-v2-chip-text: var(--fittra-v2-palette-neutral-300);--fittra-v2-glow-accent: 0 0 40px color-mix(in srgb, var(--fittra-v2-palette-indigo-500) 15%, transparent);--fittra-v2-heading-letter-spacing: -.02em;--fittra-v2-heading-weight: 600;--fittra-v2-input-bg: var(--fittra-v2-palette-neutral-850);--fittra-v2-input-border: var(--fittra-v2-palette-neutral-700);--fittra-v2-input-border-focus: var(--fittra-v2-palette-indigo-400);--fittra-v2-input-placeholder: var(--fittra-v2-color-text-muted);--fittra-v2-input-text: var(--fittra-v2-color-text-primary);--fittra-v2-modal-backdrop: rgba(0, 0, 0, .65);--fittra-v2-modal-bg: var(--fittra-v2-surface-floating);--fittra-v2-modal-border: var(--fittra-v2-palette-neutral-700);--fittra-v2-modal-shadow: var(--fittra-v2-shadow-floating);--fittra-v2-nav-bg: var(--fittra-v2-palette-neutral-900);--fittra-v2-nav-border: var(--fittra-v2-palette-neutral-800);--fittra-v2-nav-icon-active: var(--fittra-v2-palette-indigo-300);--fittra-v2-nav-icon-default: var(--fittra-v2-color-text-muted);--fittra-v2-nav-label-active: var(--fittra-v2-palette-indigo-300);--fittra-v2-nav-label-default: var(--fittra-v2-color-text-muted);--fittra-v2-progress-track: var(--fittra-v2-palette-neutral-750);--fittra-v2-shadow-floating: 0 12px 32px rgba(0, 0, 0, .5);--fittra-v2-shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--fittra-v2-shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--fittra-v2-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--fittra-v2-surface-base: var(--fittra-v2-palette-neutral-950);--fittra-v2-surface-floating: var(--fittra-v2-palette-neutral-800);--fittra-v2-surface-raised: var(--fittra-v2-palette-neutral-850);--color-accent-ai: var(--fittra-v2-color-accent-secondary);--color-accent-ai-soft: color-mix(in srgb, var(--color-accent-ai) 20%, var(--color-surface));--color-accent-primary: var(--fittra-v2-color-accent-primary);--color-accent-primary-hover: var(--fittra-v2-palette-indigo-500);--color-accent-primary-ring: color-mix(in srgb, var(--color-accent-primary) 28%, var(--color-bg-main));--color-bg-main: var(--fittra-v2-color-bg-primary);--color-border-subtle: var(--fittra-v2-color-border-subtle);--color-effort-high: var(--purple-500);--color-effort-low: var(--blue-400);--color-effort-moderate: var(--indigo-500);--color-surface: var(--fittra-v2-color-surface);--color-surface-elevated: var(--fittra-v2-color-surface-elevated);--color-text-muted: var(--fittra-v2-color-text-muted);--color-text-primary: var(--fittra-v2-color-text-primary);--color-text-secondary: var(--fittra-v2-color-text-secondary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-text-success{background:var(--gradient-success);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-text-warm{background:var(--gradient-warm);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.page-title-section{background:var(--page-title-bg);padding:var(--page-title-padding);border-bottom:var(--border-width, 1px) solid var(--page-title-border);box-shadow:var(--page-title-shadow);position:relative}.page-title-content{max-width:var(--page-title-max-width);margin:0 auto;padding:0 var(--space-4);text-align:center}.page-title{margin:0 0 var(--space-2) 0;font-size:var(--text-4xl);font-weight:var(--font-weight-bold)}@media(max-width:768px){.page-title{font-size:var(--text-3xl)}}@media(max-width:480px){.page-title{font-size:var(--text-2xl)}}.page-title-section .page-subtitle{display:none;color:var(--page-title-subtitle-color);margin:0;font-weight:var(--font-weight-normal);font-size:var(--text-lg)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--modal-backdrop-bg);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));z-index:var(--z-modal)}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow:auto;position:relative;isolation:isolate;border:var(--border-width) solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--modal-shadow);animation:modal-slide-in .22s ease-out}.modal-content:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--modal-accent);z-index:1}.modal-content>*{position:relative;z-index:2}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(var(--space-4)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.modal-content{animation:none}}.ds-card{background:var(--card-bg);border:var(--border-width) solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.ds-card--padded{padding:var(--card-padding)}.ds-card--hover{transition:var(--transition-default)}.ds-card--hover:hover{transform:translateY(var(--transform-hover-lift));box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.ds-row{background:var(--surface-secondary);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-xl)}.ds-row--hover{transition:var(--transition-default)}.ds-row--hover:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-xs)}.ds-icon-surface{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-xl);background:var(--surface-secondary);border:var(--border-width) solid var(--border-light);box-shadow:var(--shadow-xs);color:var(--text-primary)}.ds-input{background:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--input-radius);padding:var(--input-padding-y) var(--input-padding-x);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-tight)}.ds-input:focus-visible{outline:none;border-color:var(--input-border-focus);box-shadow:var(--shadow-focus)}@media(prefers-reduced-motion:reduce){body.dark-mode *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.retry-btn{display:inline-block;margin-left:8px;padding:4px 12px;font-size:.8125rem;font-weight:600;color:var(--brand-primary);background:transparent;border:1.5px solid var(--brand-primary);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease;vertical-align:middle}.retry-btn:hover:not(:disabled){background:var(--brand-primary);color:var(--text-on-brand)}.retry-btn:disabled{opacity:.5;cursor:not-allowed}body.dark-mode .retry-btn{color:var(--brand-primary-light, #818cf8);border-color:var(--brand-primary-light, #818cf8)}body.dark-mode .retry-btn:hover:not(:disabled){background:var(--brand-primary-light, #818cf8);color:var(--neutral-900)}:root{--fittra-v2-palette-neutral-50: #f7f7f8;--fittra-v2-palette-neutral-100: #efeff1;--fittra-v2-palette-neutral-200: #e3e4e7;--fittra-v2-palette-neutral-300: #b4b6bb;--fittra-v2-palette-neutral-400: #7c7f86;--fittra-v2-palette-neutral-500: #5b5e65;--fittra-v2-palette-neutral-600: #42454b;--fittra-v2-palette-neutral-700: #2e3035;--fittra-v2-palette-neutral-750: #25272b;--fittra-v2-palette-neutral-800: #1c1d21;--fittra-v2-palette-neutral-850: #161719;--fittra-v2-palette-neutral-900: #111214;--fittra-v2-palette-neutral-950: #0e0f10;--fittra-v2-palette-indigo-300: #b4b6bb;--fittra-v2-palette-indigo-400: #8b8e95;--fittra-v2-palette-indigo-450: #5b5e65;--fittra-v2-palette-indigo-500: #2e3035;--fittra-v2-palette-indigo-600: #111214;--fittra-v2-palette-violet-300: #c9cbcf;--fittra-v2-palette-violet-400: #9a9da4;--fittra-v2-palette-violet-500: #42454b;--fittra-v2-palette-purple-400: #9a9da4;--fittra-v2-palette-purple-500: #42454b;--fittra-v2-palette-purple-600: #2e3035;--fittra-v2-color-bg-primary: #ffffff;--fittra-v2-color-accent-soft: color-mix(in srgb, #111214 6%, #ffffff);--fittra-v2-color-focus-ring: color-mix(in srgb, #111214 35%, transparent);--fittra-v2-chart-secondary: var(--fittra-v2-palette-neutral-400);--brand-primary-dark: #2e3035;--brand-primary-light: #5b5e65;--bg-brand: #111214;--hover-brand: #2e3035;--brand-light: color-mix(in srgb, #111214 6%, #ffffff);--brand-border: #111214;--text-brand: #111214;--focus-brand: #111214;--brand-mindful: #c2547e;--brand-signature: #b0456f;--brand-signature-soft: color-mix(in srgb, #b0456f 9%, transparent);--text-link: #b0456f;--text-tertiary: #6c6f75;--mood: #d9822b;--calories: #e0662f;--color-accent-ai: var(--fittra-v2-color-accent-primary);--fittra-v2-color-accent-gradient-start: #111214;--fittra-v2-color-accent-gradient-end: #2e3035;--gradient-primary: linear-gradient(135deg, #111214, #2e3035)}body.theme-refined{--fittra-v2-shadow-sm: 0 1px 2px rgba(17, 18, 20, .06), 0 8px 20px -4px rgba(17, 18, 20, .1);--fittra-v2-shadow-md: 0 2px 4px rgba(17, 18, 20, .05), 0 12px 26px -4px rgba(17, 18, 20, .12);--fittra-v2-shadow-lg: 0 3px 6px rgba(17, 18, 20, .06), 0 20px 40px -6px rgba(17, 18, 20, .16);--fittra-v2-shadow-floating: 0 6px 12px rgba(17, 18, 20, .08), 0 28px 56px -10px rgba(17, 18, 20, .2);--fittra-v2-surface-floating: #ffffff;--gradient-primary: linear-gradient(135deg, #111214, #2e3035);--fittra-v2-glow-accent: none;--shadow-brand: none;--shadow-brand-lg: none}body.theme-refined.dark-mode{--fittra-v2-color-bg-primary: #0e0f10;--fittra-v2-color-bg-secondary: #161719;--fittra-v2-color-bg-tertiary: #1c1d21;--fittra-v2-color-surface: #17181a;--fittra-v2-surface-raised: #1a1b1e;--fittra-v2-surface-floating: #202124;--fittra-v2-color-surface-elevated: #202124;--fittra-v2-shadow-sm: 0 2px 6px rgba(0, 0, 0, .45);--fittra-v2-shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 10px 26px -4px rgba(0, 0, 0, .6);--fittra-v2-shadow-lg: 0 4px 8px rgba(0, 0, 0, .45), 0 22px 44px -8px rgba(0, 0, 0, .7);--fittra-v2-shadow-floating: 0 8px 16px rgba(0, 0, 0, .5), 0 34px 68px -12px rgba(0, 0, 0, .75);--fittra-v2-glow-accent: none;--shadow-brand: none;--shadow-brand-lg: none;--fittra-v2-color-accent-primary: #ececee;--fittra-v2-color-accent-secondary: #9a9da4;--fittra-v2-color-accent-soft: color-mix(in srgb, #ececee 8%, #0e0f10);--fittra-v2-color-focus-ring: color-mix(in srgb, #ececee 45%, transparent);--fittra-v2-color-button-primary-bg: #ececee;--fittra-v2-color-button-primary-hover: #ffffff;--fittra-v2-color-button-primary-text: #111214;--fittra-v2-color-button-secondary-border: #5b5e65;--fittra-v2-color-button-secondary-hover-bg: color-mix(in srgb, #ececee 10%, transparent);--fittra-v2-color-button-secondary-text: #f2f2f3;--fittra-v2-chart-primary: #c9cbcf;--fittra-v2-chart-secondary: #7c7f86;--brand-primary: #ececee;--brand-primary-dark: #ffffff;--brand-primary-hover: #ffffff;--brand-primary-light: #c9cbcf;--brand-secondary: #9a9da4;--brand-secondary-dark: #7c7f86;--color-accent-primary: #ececee;--color-accent-primary-hover: #ffffff;--color-accent-ai: #ececee;--text-on-brand: #111214;--text-inverse: #111214;--bg-brand: #ececee;--hover-brand: #ffffff;--brand-light: color-mix(in srgb, #ececee 10%, transparent);--brand-border: #ececee;--text-brand: #f2f2f3;--focus-brand: #ececee;--brand-mindful: #e47fa6;--brand-signature: #e47fa6;--brand-signature-soft: color-mix(in srgb, #e47fa6 13%, transparent);--text-link: #ec95b6;--text-tertiary: #93969c;--mood: #f0a35a;--calories: #f08a55;--fittra-v2-color-accent-gradient-start: #ececee;--fittra-v2-color-accent-gradient-end: #c9cbcf;--gradient-primary: linear-gradient(135deg, #ececee, #c9cbcf)}body.theme-refined .ds-card--hover:hover,body.theme-refined .stat-card:hover{box-shadow:var(--fittra-v2-shadow-md)}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body.theme-refined{--fittra-v2-display-font: ui-rounded, "SF Pro Rounded", "Nunito", var(--font-family-sans)}body.theme-refined :is(.page-title,.dashboard-today-title,.moves-title,.section-title,.card-title,.summary-title,.goal-title,.chart-title,.form-title,.body-scan-card-title){font-family:var(--fittra-v2-display-font)}body.theme-refined .section-title :not(h1,h2,h3,h4){font-family:var(--font-family-sans)}body.theme-refined :is(.stat-value,.stat-number,.metric-value,.summary-value,.current-value){font-variant-numeric:tabular-nums}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body.theme-refined{--font-family-voice: "Newsreader", Georgia, "Times New Roman", serif}body.theme-refined :is(.guidance-hero-greeting,.recommendation-headline,.prediction-title,.coach-chat-empty-title){font-family:var(--font-family-voice);font-optical-sizing:auto;font-weight:560;letter-spacing:normal}body.theme-refined :is(.today-insight-text,.recommendation-description,.prediction-description),body.theme-refined .coach-chat-message--coach .coach-chat-text{font-family:var(--font-family-voice);font-optical-sizing:auto;font-weight:420;line-height:1.5}body.theme-refined :is(.recommendation-description,.prediction-description),body.theme-refined .coach-chat-message--coach .coach-chat-text{font-size:1.0625rem!important}body.theme-refined .today-insight-text{font-size:1.125rem;line-height:1.45}body.theme-refined .guidance-hero-greeting{font-weight:500;letter-spacing:-.015em}body.theme-refined{--text-color-rgb: 17, 18, 20;--hairline: rgba(var(--text-color-rgb), .08);--hairline-strong: rgba(var(--text-color-rgb), .16);--radius-card: 14px;--radius-chip: 8px;--radius-inner: max(calc(var(--radius-card) - var(--space-3, 12px)), 12px);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--fittra-v2-color-surface: #ffffff;--fittra-v2-surface-raised: #f5f5f6;--fittra-v2-card-bg: #f5f5f6;--fittra-v2-card-border: transparent;--fittra-v2-card-shadow: none;--fittra-v2-card-shadow-hover: none}body.theme-refined.dark-mode{--text-color-rgb: 242, 242, 243;--hairline: rgba(var(--text-color-rgb), .09);--hairline-strong: rgba(var(--text-color-rgb), .18);--fittra-v2-card-bg: #1a1b1e;--fittra-v2-card-border: var(--hairline)}body.theme-refined{--card-surface: #f5f5f6}body.theme-refined.dark-mode{--card-surface: #1a1b1e}body.theme-refined :is(.recommendation-card,.today-progress-card,.stat-card,.rings-card,.tomorrow-card,.manual-entries-card,.synced-workouts-card,.badges-section,.health-detail-link){background:var(--card-surface);border:1px solid var(--hairline);box-shadow:none}body.theme-refined .recommendation-card{border-radius:var(--radius-card)}body.theme-refined.theme-refined .badges-card{background:transparent;border:0;box-shadow:none;padding:0}body.theme-refined .badge-item{border-color:var(--hairline);border-radius:var(--radius-inner);background:color-mix(in srgb,var(--card-surface) 94%,var(--fittra-v2-color-bg-secondary))}body.theme-refined :is(.manual-entries-card,.synced-workouts-card,.badges-section,.health-detail-link){border-radius:var(--radius-card)}body.theme-refined.dark-mode :is(.badges-section,.synced-workouts-card){background:var(--card-surface);border-color:var(--hairline);box-shadow:none}body.theme-refined.dark-mode .manual-entries-card{background:var(--card-surface);border-color:var(--hairline);box-shadow:none}body.theme-refined :is(.today-insight-block,.rec-detail,.rec-sources){border-radius:var(--radius-inner);border-color:var(--hairline)}body.theme-refined :is(.recommendation-card,.stat-card,.rings-card,.health-detail-link):hover{border-color:var(--hairline-strong);box-shadow:none}body.theme-refined :is(.context-chip,.coach-ask-btn,.urgency-badge,.insight-follow-up,.data-badge,.tomorrow-chip,.skeleton-chip,.ai-powered-badge,.moves-chip){border-radius:var(--radius-chip)}body.theme-refined app-ai-coach .insight-follow-up{border-radius:10px}body.theme-refined .context-chip{border-color:var(--hairline)}@media(prefers-reduced-motion:no-preference){body.theme-refined :is(.recommendation-card,.stat-card,.rings-card){transition:border-color .3s var(--ease-out-expo),background-color .3s var(--ease-out-expo)}body.theme-refined .coach-ask-btn{transition:background-color .3s var(--ease-out-expo),border-color .3s var(--ease-out-expo),color .3s var(--ease-out-expo),transform .3s var(--ease-out-expo)}body.theme-refined .coach-ask-btn:active{transform:scale(.98)}}body.theme-refined :is(.recommendation-card,.ai-preview-card){container-type:inline-size}@container (min-width: 36rem){body.theme-refined .insight-follow-up{width:fit-content;max-width:100%}body.theme-refined .recommendation-headline,body.theme-refined .guidance-hero-greeting{max-width:36ch}}body.theme-refined .page-title-section,body.theme-refined.dark-mode .page-title-section{background:transparent;border:0;box-shadow:none}body.theme-refined .page-title-content{text-align:left}body.theme-refined .page-overline{display:flex;align-items:center;gap:6px;margin:0 0 2px;font-size:.8125rem;font-weight:600;color:var(--brand-signature)}body.theme-refined .page-overline .page-overline-muted{color:var(--text-muted);font-weight:500}body.theme-refined .page-overline{flex-wrap:wrap;column-gap:8px;row-gap:0}body.theme-refined .page-overline>*{flex:none;white-space:nowrap}body.theme-refined .page-overline a{color:inherit;text-decoration:none}body.theme-refined :is(h1.page-title,.dashboard-today-title,.moves-title),body.theme-refined.dark-mode :is(h1.page-title,.dashboard-today-title,.moves-title){margin:0;font-size:1.875rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);-webkit-text-fill-color:currentColor;background:none;animation:none}body.theme-refined :is(.manual-entries-card,.synced-workouts-card,.badges-section,.badges-card),body.theme-refined.dark-mode :is(.manual-entries-card,.synced-workouts-card,.badges-section,.badges-card){background:transparent;border:0;box-shadow:none;padding-left:0;padding-right:0}body.theme-refined :is(.collapsible-toggle,.synced-workouts .section-title,.badges-card>h3){display:flex;align-items:center;gap:6px;margin:0;padding:0;min-height:32px;font-size:.75rem!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--brand-signature);background:none;border:0}body.theme-refined .collapsible-toggle app-icon{display:none}body.theme-refined .collapse-chevron{color:var(--text-muted)}body.theme-refined .synced-workouts .section-subtitle{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}body.theme-refined :is(.manual-entries-list,.workouts-list,.badges-grid){display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;border-radius:var(--radius-card);background:var(--card-surface)}body.theme-refined :is(.entry-item,.workout-item,.badge-item),body.theme-refined.dark-mode :is(.entry-item,.workout-item,.badge-item){margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}body.theme-refined :is(.entry-item,.workout-item,.badge-item)+:is(.entry-item,.workout-item,.badge-item){border-top:1px solid var(--hairline)}body.theme-refined .badge-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:12px 14px;text-align:left}body.theme-refined .badge-item .badge-image img{width:40px;height:40px}body.theme-refined .badge-item .badge-info :is(h4,p){margin:0}body.theme-refined .badge-item .badge-info h4{font-size:.9375rem}body.theme-refined .badge-item .badge-info p,body.theme-refined .badge-item .badge-date{font-size:.8125rem;color:var(--text-secondary)}body.theme-refined :is(.synced-workouts .no-results,.no-entries){padding:12px 14px;border-radius:var(--radius-card);background:var(--card-surface);color:var(--text-secondary)}body.theme-refined :is(.dashboard-sections,app-dashboard-goals,.health-detail-link,.badges-section){margin-top:var(--space-5)}body.theme-refined .health-detail-link,body.theme-refined.dark-mode .health-detail-link{border-color:transparent}body.theme-refined :is(.modal-close,.close-btn,.close-comments,.close-report,.water-modal-close,.nutrition-modal-close,.mood-modal-close,.goal-modal-close,.coach-chat-close,.close-about,.close-camera-selector,.close-achievement,.onboarding-close){display:grid;place-items:center;flex:none;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1;box-shadow:none;transform:none;cursor:pointer}body.theme-refined :is(.modal-close,.close-btn,.close-comments,.close-report,.water-modal-close,.nutrition-modal-close,.mood-modal-close,.goal-modal-close,.coach-chat-close,.close-about,.close-camera-selector,.close-achievement,.onboarding-close) svg{width:16px;height:16px;stroke-width:2.5}body.theme-refined :is(.modal-close,.close-btn,.close-comments,.close-report,.water-modal-close,.nutrition-modal-close,.mood-modal-close,.goal-modal-close,.coach-chat-close,.close-about,.close-camera-selector,.close-achievement,.onboarding-close):hover{background:color-mix(in srgb,var(--text-primary) 14%,transparent);color:var(--text-primary);transform:none}body.theme-refined :is(.modal-close,.close-btn,.close-comments,.close-report,.water-modal-close,.nutrition-modal-close,.mood-modal-close,.goal-modal-close,.coach-chat-close,.close-about,.close-camera-selector,.close-achievement,.onboarding-close):focus-visible{outline:2px solid var(--brand-signature);outline-offset:2px}body.dashboard-loading img{visibility:hidden}.success-message,.error-message,.toast-message,.notification-text{font-family:var(--font-family-sans)}.icon-symbol,.symbol-icon,.unicode-icon,[class*=icon-text],[class*=symbol],.toast-close{font-family:Arial,Segoe UI Symbol,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Helvetica Neue,sans-serif}@media(min-width:1024px){app-standard-header.is-fixed{position:fixed;top:0;left:0;right:0;width:100vw;z-index:1050;display:block;box-shadow:0 4px 20px #00000040}app-standard-header{position:fixed;top:0;left:0;right:0;width:100vw;z-index:1050;display:block;box-shadow:0 4px 20px #00000040}app-standard-header.is-fixed .dashboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #00000026,0 2px 4px -1px #0000001a,0 8px 25px #c2410c40}app-standard-header.is-fixed .dashboard-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffffff80,#fffc,#ffffff80);z-index:10}html body .dashboard-main.dashboard-main,html body .progress-main.progress-main,html body .ai-coach-main.ai-coach-main,html body .log-container.log-container,html body .community-container.community-container,html body .settings-container.settings-container,html body .deletion-container.deletion-container{padding-top:calc(var(--space-20) + var(--space-8) + env(safe-area-inset-top,0px))}.page-title-section{padding-top:160px;margin-top:0}html body .page-title-section+.dashboard-main.dashboard-main,html body .page-title-section+.progress-main.progress-main,html body .page-title-section+.ai-coach-main.ai-coach-main,html body .page-title-section+.log-container.log-container,html body .page-title-section+.community-container.community-container,html body .page-title-section+.settings-container.settings-container,html body .page-title-section+.deletion-container.deletion-container{padding-top:0}.notification-bell{position:fixed;top:20px;z-index:999}}@media(max-width:1023px){app-standard-header{position:relative;top:auto;left:auto;right:auto;width:100%;z-index:auto;display:block;box-shadow:0 2px 4px #0000001a}}body:not(.dark-mode) app-settings .signout-btn:hover{background:var(--gradient-error);color:var(--text-on-brand)}body:not(.dark-mode) .sign-out-btn:hover{background:#ef44441a;color:#dc2626}body.dark-mode .validation-item.valid,body.dark-mode .requirement.met{background:var(--surface-success);color:var(--brand-secondary-dark);border:1px solid var(--border-success);text-shadow:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button,a,input[type=button],input[type=submit],.tab-btn,.footer-nav-item{min-height:44px;min-width:44px}button,input,select,textarea{font-family:inherit}@media(prefers-contrast:high){.chart-card,.summary-card,.goal-card,.challenge-card{border:2px solid currentColor}}*{box-sizing:border-box}:root{--app-height: 100vh}@supports (height: 100dvh){:root{--app-height: 100dvh}}html,body{margin:0;padding:0;width:100%;font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;background-color:var(--bg-primary);color:var(--text-primary)}html{height:100%}body{min-height:var(--app-height);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden;overflow-y:visible;overscroll-behavior-x:none}body:after{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--bg-primary) 78%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);z-index:calc(var(--z-fixed) + 5);pointer-events:none}app-root{display:block;width:100%;min-height:var(--app-height)}html.promo-android-web,body.promo-android-web,html.promo-forced-mobile,body.promo-forced-mobile{min-height:var(--app-height)}body.promo-force-dark,body.promo-android-web,body.promo-forced-mobile{padding-top:0;padding-bottom:0}body.promo-android-web app-root,body.promo-forced-mobile app-root{min-height:var(--app-height)}body.promo-forced-mobile app-logo .logo-container[data-size=small]{width:calc(30px * var(--promo-forced-scale, 1));height:calc(38.4px * var(--promo-forced-scale, 1))}body:has(app-brand-footer){padding-bottom:calc(100px + env(safe-area-inset-bottom))}.form-container,.dashboard-container{padding-bottom:100px}.settings-container,.deletion-container{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}body.dark-mode{background-color:var(--bg-primary);color:var(--text-primary)}html.dark-mode{background-color:var(--bg-primary)}body.dark-mode app-root{background-color:var(--bg-primary);display:block;width:100%;min-height:var(--app-height);min-height:100vh;min-height:100dvh}body.dark-mode .page-container{background-color:var(--bg-primary);min-height:var(--app-height);min-height:100vh;min-height:100dvh}body.dark-mode .dashboard-main,body.dark-mode .progress-main,body.dark-mode .community-main,body.dark-mode .ai-coach-main,body.dark-mode .log-main,body.dark-mode .main-content,body.dark-mode .container{background-color:var(--bg-primary)}body.dark-mode .welcome-section,body.dark-mode .stats-grid,body.dark-mode .user-stats-banner,body.dark-mode .summary-section{background-color:transparent}body.dark-mode .page-title-section{background:var(--bg-secondary)}body.dark-mode .goals-management-section{background:var(--bg-primary);border:none}body.dark-mode .sleep-stat,body.dark-mode .entry-item,body.dark-mode .zone-item,body.dark-mode .daily-entry-row{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);transition:all .3s ease}body.dark-mode .sleep-stat:hover,body.dark-mode .entry-item:hover,body.dark-mode .zone-item:hover,body.dark-mode .daily-entry-row:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body.dark-mode *:focus-visible{outline:2px solid var(--focus-brand);outline-offset:2px}body.dark-mode ::-webkit-scrollbar{width:8px;height:8px}body.dark-mode ::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px;transition:background .3s ease}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}body.dark-mode ::selection{background:color-mix(in srgb,var(--brand-primary) 30%,transparent);color:var(--text-primary)}body.dark-mode .muted-text,body.dark-mode .text-muted,body.dark-mode .secondary-text,body.dark-mode .gray-text,body.dark-mode .text-gray,body.dark-mode .text-secondary{color:var(--text-secondary)}body.dark-mode .settings-container{background:var(--gradient-surface)}:root,body,body.dark-mode{--gradient-primary: linear-gradient(135deg, #8452f5 0%, #2563eb 100%)}body.dark-mode .page-title-section .page-subtitle,body.dark-mode .page-subtitle{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);background:none}body.dark-mode .welcome-subtitle,body.dark-mode .stat-label,body.dark-mode .dashboard-title,body.dark-mode .section-title{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);background:none;animation:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.backgroundShift,.gradientShift,.gradientFlow,.backgroundPulse,.runnerBounce,.runnerMove{animation:none!important}}body.dark-mode .sleep-section .sleep-stat-label,body.dark-mode .daily-entries-section .daily-entry-type{color:#fff}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body.dark-mode .bg-white,body.dark-mode .bg-light,body.dark-mode .background-light,body.dark-mode *[style*="background: white"],body.dark-mode *[style*="background-color: white"],body.dark-mode *[style*="background: #fff"],body.dark-mode *[style*="background-color: #fff"],body.dark-mode *[style*="background: #ffffff"],body.dark-mode *[style*="background-color: #ffffff"]{background-color:#2a2a2a!important}@media(min-width:2000px){.modal-content.exercise-modal .quick-activities-section .activity-buttons{grid-auto-rows:112px}.modal-content.exercise-modal .quick-activities-section .activity-buttons .activity-btn{box-sizing:border-box;height:112px;padding-top:8px;padding-bottom:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.modal-content.exercise-modal .quick-activities-section .activity-buttons .activity-btn .activity-icon{line-height:1;height:40px;margin:0;display:flex;align-items:center;justify-content:center}}body.dark-mode div[style*="#d6c8ae"],body.dark-mode div[style*="#fff1d7"],body.dark-mode div[style*="#fff3de"],body.dark-mode div[style*="#FFF6E6"],body.dark-mode div[style*="#FFF9EE"],body.dark-mode div[style*="#FFFAF2"]{background:#1a1a1a!important}.page-container{position:relative;width:100%;min-height:var(--app-height);height:auto;overflow:visible hidden;touch-action:pan-y}app-dashboard,app-progress,app-ai-coach,app-community,app-log,app-settings,app-sign-in,app-splash{display:block;width:100%;animation:slideUpIn .3s ease-out}@keyframes slideUpIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.page-subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0;line-height:1.4}app-progress .page-title-section .page-subtitle{color:var(--text-secondary)}body.dark-mode app-progress .page-title-section .page-subtitle{color:var(--neutral-300)}body.dark-mode .tab-buttons .btn-tab.active,body.dark-mode .btn-tab.active,body.dark-mode .tab-buttons .tab-btn.active,body.dark-mode .tab-btn.active{background:var(--tab-active-bg-dark);color:var(--tab-active-text-dark);border-color:transparent;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-brand-lg),0 0 0 1px #ffffff38 inset;outline:2px solid rgba(255,255,255,.28);outline-offset:-2px}body.dark-mode .tab-buttons .btn-tab.active:hover,body.dark-mode .btn-tab.active:hover,body.dark-mode .tab-buttons .tab-btn.active:hover,body.dark-mode .tab-btn.active:hover{background:var(--tab-active-bg-hover-dark, var(--tab-active-bg-dark))}body.dark-mode .tab-buttons .btn-tab.active .tab-label,body.dark-mode .btn-tab.active .tab-label,body.dark-mode .tab-buttons .tab-btn.active .tab-label,body.dark-mode .tab-btn.active .tab-label,body.dark-mode .tab-buttons .tab-btn.active .tab-icon,body.dark-mode .tab-btn.active .tab-icon{color:var(--tab-active-text-dark)}.exercise-activity-display{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary)}.exercise-activity-value{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.exercise-activity-edit{flex:0 0 auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-default)}.exercise-activity-edit:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.exercise-counts-toggle{margin:var(--space-2) 0 var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary)}.exercise-counts-toggle-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.exercise-counts-toggle-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.exercise-counts-toggle-control{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.exercise-counts-toggle-option{padding:var(--space-3);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-light);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-default)}.exercise-counts-toggle-option:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.exercise-counts-toggle-option.active{background:var(--bg-brand);color:var(--text-on-brand);border-color:transparent;box-shadow:var(--shadow-sm);outline:2px solid var(--focus-brand)}.exercise-counts-toggle-help{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}