@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-\[44px\]{min-height:44px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-5\/6{width:83.3333%}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/3{--tw-translate-x:calc(1 / 3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/3{--tw-translate-y:calc(1 / 3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-stretch{align-items:stretch}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#F5C518\]\/60{border-color:#f5c51899}.bg-\[\#0b0b0b\]{background-color:#0b0b0b}.bg-\[\#080808\]{background-color:#080808}.bg-\[\#F5C518\]{background-color:#f5c518}.bg-\[\#F5C518\]\/8{background-color:#f5c51814}.bg-\[\#F5C518\]\/12{background-color:#f5c5181f}.bg-\[\#F5C518\]\/15{background-color:#f5c51826}.bg-transparent{background-color:#0000}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.text-center{text-align:center}.text-left{text-align:left}.\[font-family\:var\(--font-montserrat\)\,ui-sans-serif\,system-ui\]{font-family:var(--font-montserrat),ui-sans-serif,system-ui}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-\[\#F5C518\]{color:#f5c518}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.5\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#00000080), inset 0 1px 0 var(--tw-shadow-color,#ffffff14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.35\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#00000059), inset 0 1px 0 var(--tw-shadow-color,#ffffff0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.45\)\,0_0_0_1px_rgba\(245\,197\,24\,0\.22\)\,0_0_28px_rgba\(245\,197\,24\,0\.14\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.10\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#00000073), 0 0 0 1px var(--tw-shadow-color,#f5c51838), 0 0 28px var(--tw-shadow-color,#f5c51824), inset 0 1px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.45\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#00000073), inset 0 1px 0 var(--tw-shadow-color,#ffffff14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.55\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.10\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#0000008c), inset 0 1px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#F5C518\]\/25{--tw-ring-color:oklab(84.1944% -.00126347 .168374/.25)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:border-\[\#F5C518\]:hover{border-color:#f5c518}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[\#F5C518\]:focus{border-color:#f5c518}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--color-primary:#f5c518;--color-primary-hover:#e6b800;--color-primary-dark:#c90;--color-primary-light:#fde68a;--color-primary-rgb:245, 197, 24;--color-action:#10b981;--color-action-hover:#059669;--color-action-dark:#047857;--color-action-rgb:16, 185, 129;--color-bg:#080808;--color-bg-secondary:#0f0f0f;--color-surface:#141414;--color-surface-2:#1a1a1a;--color-surface-3:#222;--color-border:#2a2a2a;--color-border-light:#333;--color-border-highlight:#f5c518;--color-highlight:#f5c518;--color-highlight-muted:#f5c51826;--color-accent-legacy:#06b6d4;--color-accent-legacy-hover:#0891b2;--color-accent-legacy-muted:#06b6d426;--color-text-primary:#fff;--color-text-secondary:#e5e5e5;--color-text-muted:var(--color-text-subtle);--color-text-subtle:#737373;--color-success:#10b981;--color-warning:#f5c518;--color-error:#ef4444;--color-info:#3b82f6;--color-accent:#f5c518;--shadow-sm:0 1px 4px #0009;--shadow-card:0 2px 12px #0009;--shadow-elevated:0 4px 32px #000c;--shadow-yellow:0 0 20px #f5c51826;--shadow-action:0 0 20px #10b98133;--glass-bg-light:#ffffff0a;--glass-bg-medium:#ffffff14;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0006, inset 0 1px 0 #ffffff14;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-family:"Montserrat", system-ui, -apple-system, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:var(--font-weight-semibold);--font-weight-bold:var(--font-weight-bold);--font-weight-black:800;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--glow-primary:var(--shadow-action);--glow-secondary:0 0 20px #fbbf2466;--glow-accent-legacy:0 0 15px #06b6d44d;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.75;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-base:1;--z-overlay:10;--z-modal:100;--z-toast:200;--z-nav:50;--color-text:var(--color-text-primary);--color-text-medium:var(--color-text-secondary);--color-text-light:var(--color-text-muted);--color-primary-muted:rgba(var(--color-primary-rgb), .15);--color-bg-subtle:var(--color-bg-secondary);--color-card:var(--color-surface-2);--color-surface-hover:var(--color-surface-3);--color-border-bright:var(--color-border-light);--font-weight-normal:var(--font-weight-regular);--font-weight-body:var(--font-weight-normal);--font-weight-extrabold:var(--font-weight-black);--text-body:var(--text-base);--text-h1:var(--text-4xl);--text-h2:var(--text-3xl);--text-h3:var(--text-2xl);--text-h4:var(--text-xl);--text-h5:var(--text-lg);--text-body-sm:var(--text-sm);--text-label:var(--text-sm);--transition-base:var(--transition-normal);--radius-btn:var(--radius-md);--radius-card:var(--radius-lg);--radius-card-lg:var(--radius-xl);--shadow-md:var(--shadow-card);--shadow-lg:var(--shadow-elevated);--shadow-focus:0 0 0 3px rgba(var(--color-action-rgb), .25);--space-1:var(--space-xs);--space-2:var(--space-sm);--space-3:12px;--space-4:var(--space-md);--space-5:20px;--space-6:var(--space-lg);--space-8:var(--space-xl);--space-10:40px;--space-12:var(--space-2xl);--space-16:var(--space-3xl);--container-max:1280px;--content-max:980px;--padding-mobile:16px;--padding-tablet:24px;--padding-desktop:32px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--font-weight-heading:var(--font-weight-semibold);--color-okta-bg:#080808;--color-okta-bg-card:#111;--color-okta-bg-elevated:#1a1a1a;--color-okta-accent:#f5c518;--color-okta-accent-hover:#d4a900;--color-okta-text:#fff;--color-okta-text-muted:#9ca3af;--color-okta-border:#1f1f1f;--color-okta-success:#22c55e;--color-okta-error:#ef4444;--color-okta-warning:#f59e0b;--radius-okta-card:12px;--radius-okta-btn:8px;--radius-okta-pill:999px;--font-okta-primary:"Inter", var(--font-family);--bottom-nav-height:56px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html,body{min-width:320px;max-width:100vw;height:100%;font-family:var(--font-family);font-weight:var(--font-weight-normal);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#080808,#0f0f0f,#111);margin:0;overflow-x:hidden}input,textarea,select{font-size:16px}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.page{padding-bottom:env(safe-area-inset-bottom,16px)}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skipLink{top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-card);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:top var(--transition-base);position:absolute}.skipLink:focus{top:var(--space-4)}.onboardingV2Page{color:#fff;background:#080808;min-height:100vh}.onboardingV2Shell{width:100%;max-width:480px;margin:0 auto;padding:16px 16px 24px}.onboardingV2{flex-direction:column;gap:14px;display:flex}.onbTop{flex-direction:column;gap:8px;display:flex}.onbStepText{color:#d4d4d4;font-size:.85rem}.onbProgressTrack{background:#1e1e1e;border-radius:9999px;width:100%;height:8px;overflow:hidden}.onbProgressFill{background:#f5c518;height:100%;transition:width .22s}.onbCard{background:#101010;border:1px solid #232323;border-radius:14px;padding:16px}.onbTitle{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.onbHint{color:#c7c7c7;margin:8px 0 0;font-size:.92rem}.onbGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.onbChipCard,.onbChip,.onbMiniBtn,.onbPrimaryBtn,.onbSecondaryBtn{color:#fff;cursor:pointer;background:#131313;border:1px solid #2b2b2b;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.92rem}.onbChipCardActive,.onbChipActive,.onbMiniBtnActive{color:#f5c518;background:#f5c51826;border-color:#f5c518}.onbRowBlock{margin-top:10px}.onbRowLabel,.onbLabel{color:#f2f2f2;margin-top:12px;font-size:.92rem;display:block}.onbRange{accent-color:#f5c518;width:100%;margin-top:10px}.onbFields{flex-direction:column;gap:10px;margin-top:12px;display:flex}.onbInput,.onbTextarea{color:#fff;background:#131313;border:1px solid #2b2b2b;border-radius:10px;width:100%;padding:10px 12px;font-size:.95rem}.onbTextarea{resize:vertical;min-height:92px}.onbToggleRow{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.onbLoadingWrap{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 0;display:flex}.onbLoader{border:4px solid #2f2f2f;border-top-color:#f5c518;border-radius:9999px;width:46px;height:46px}.onbError,.onbErrorInline{color:#ff9a9a;margin-top:10px;font-size:.9rem}.onbError{background:#2a1010;border:1px solid #6d2424;border-radius:10px;width:100%;padding:10px}.onbFooter{justify-content:space-between;gap:8px;display:flex}.onbPrimaryBtn{color:#111;background:#f5c518;border-color:#f5c518;font-weight:700}.onbSecondaryBtn{color:#fff;background:0 0}.onbPrimaryBtn:disabled,.onbSecondaryBtn:disabled{opacity:.55;cursor:not-allowed}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root{--border-width: 1px;--border-color: var(--color-border);--color-okta-accent: #F5C518;--color-okta-accent-hover: #d4a900;--font-size-h1: var(--text-h1);--font-size-h2: var(--text-h2);--font-size-h3: var(--text-h3);--font-size-h4: var(--text-h4);--font-size-body: var(--text-body);--font-size-small: var(--text-sm);--line-height-tight: var(--leading-tight);--line-height-normal: var(--leading-normal);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-md)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;min-width:320px;font-family:var(--font-family);font-weight:var(--font-weight-body);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg)}body{transition:opacity var(--transition-fast)}body.page-enter{animation:pageFadeIn var(--transition-fast) ease forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}a{color:var(--color-action);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-action-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-sm);font-weight:var(--font-weight-heading);color:var(--color-text);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{margin:0 0 var(--space-md);font-size:var(--font-size-body);color:var(--color-text-medium)}.muted{color:var(--color-text-light);margin:0;font-size:var(--font-size-small)}.page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}main.page:has(>header.topBar){padding-top:calc(56px + env(safe-area-inset-top,0px))}.pageCentered{align-items:center;justify-content:center;padding:var(--space-lg)}.content{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--padding-mobile);padding-bottom:calc(var(--space-2xl) + 56px)}@media(min-width:640px){.content{padding-left:var(--padding-tablet);padding-right:var(--padding-tablet);padding-top:var(--padding-tablet)}}@media(min-width:1024px){.content{padding-left:var(--padding-desktop);padding-right:var(--padding-desktop);padding-top:var(--padding-desktop)}}.btn-primary-okta{background:var(--color-okta-accent);color:#000;font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-okta-btn);cursor:pointer;min-height:44px;padding:0 24px;transition:background var(--transition-fast);font-family:var(--font-family)}.btn-primary-okta:hover:not(:disabled){background:var(--color-okta-accent-hover)}.btn-secondary-okta{background:transparent;color:var(--color-okta-text);border:1.5px solid var(--color-okta-border);border-radius:var(--radius-okta-btn);cursor:pointer;min-height:44px;padding:0 24px;font-family:var(--font-family)}.btn-ghost-okta{background:transparent;color:var(--color-okta-text-muted);border:none;cursor:pointer;min-height:44px;padding:0 16px;font-family:var(--font-family)}.btn-sm-okta{min-height:36px;padding:0 16px;font-size:14px}.btn-md-okta{min-height:44px;padding:0 24px;font-size:15px}.btn-lg-okta{min-height:52px;padding:0 32px;font-size:16px;font-weight:var(--font-weight-bold)}.btn-glow-okta{box-shadow:0 0 20px #f5c5184d}.card-glow-okta:hover{box-shadow:0 0 24px #f5c51826}.authBtn,.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:var(--radius-btn);padding:12px 24px;min-height:44px;border:var(--border-width) solid transparent;font-family:var(--font-family);font-weight:var(--font-weight-heading);font-size:var(--font-size-small);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.authBtn:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.authBtn:disabled[aria-busy=true],.btn:disabled[aria-busy=true]{position:relative;color:transparent}.authBtn:disabled[aria-busy=true]:after,.btn:disabled[aria-busy=true]:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;color:inherit}.authBtn:disabled,.btn:disabled{background:var(--color-border-light);color:var(--color-text-light);cursor:not-allowed;transform:none}.btn-primary,.btnPrimary,.authBtnPrimary{background:var(--color-action);color:#000;font-family:var(--font-family);font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-md);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover:not(:disabled),.btnPrimary:hover:not(:disabled),.authBtnPrimary:hover:not(:disabled){background:var(--color-action-hover);box-shadow:var(--shadow-action);transform:translateY(-2px)}.authBtnPrimary:active:not(:disabled),.btnPrimary:active:not(:disabled){transform:scale(.98)}.btn-secondary,.btnSecondary,.authBtnSecondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled),.btnSecondary:hover:not(:disabled),.authBtnSecondary:hover:not(:disabled){background:#f5c51814;box-shadow:var(--shadow-yellow);text-decoration:none;transform:translateY(-2px)}.authBtnSecondary:active:not(:disabled),.btnSecondary:active:not(:disabled){transform:scale(.98)}.bottomNav{position:fixed;inset-inline:0;bottom:0;left:0;right:0;min-height:56px;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:center;justify-content:space-around;padding-left:var(--space-md);padding-right:var(--space-md);background:#0009;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 12px #0009;z-index:900}.bottomNavItem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;min-width:48px;font-size:11px;color:var(--color-text-light);text-decoration:none}.bottomNavItem:hover{text-decoration:none;color:var(--color-text-medium)}.bottomNavItemActive{color:var(--color-okta-accent);font-weight:var(--font-weight-semibold);background:#ffffff1a;border-radius:12px}.bottomNavEmoji{font-size:1.125rem;line-height:1}.bottomNavLabel{font-size:11px}.btnGhost{background:transparent;color:var(--color-text-medium);border-color:transparent}.btnGhost:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text);border-color:transparent}.btnGhost.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btnGhost.active:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.btnSm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small)}.heroCard,.authBox,.statsCard,.mealCard,.pricingCard,.dayCard,.quickActionCard{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:var(--radius-card-lg);padding:var(--space-lg);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.heroCard:hover,.authBox:hover,.statsCard:hover,.mealCard:hover,.pricingCard:hover,.quickActionCard:hover{border-color:var(--color-border-bright);box-shadow:var(--shadow-lg)}.statsCard:hover,.mealCard:hover,.quickActionCard:hover{border-color:var(--color-border-bright)}.quickActionCard:hover{text-decoration:none;border-color:var(--color-primary);color:var(--color-primary)}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(var(--glass-bg-medium),var(--glass-bg-medium)),var(--color-card);border:1px solid var(--glass-border);border-radius:var(--radius-card-lg);box-shadow:var(--glass-shadow);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.glassCard{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);background:var(--glass-bg-medium)}.glassCard--light{background:var(--glass-bg-light)}.glassCard--medium{background:var(--glass-bg-medium)}.glassCard--strong{background:#ffffff1a}.hero{flex:1;display:grid;place-items:center;padding:var(--space-2xl) var(--space-md)}@media(min-width:640px){.hero{padding:var(--space-3xl) var(--space-lg)}}.heroTitle{font-size:clamp(1.75rem,4vw,var(--font-size-h1));line-height:var(--line-height-tight);letter-spacing:-.03em;margin:0 0 var(--space-md);text-align:center;color:var(--color-text)}.heroSubtitle{margin:0 auto var(--space-lg);max-width:780px;text-align:center;color:var(--color-text-medium);font-size:var(--font-size-body)}.heroCard{width:min(560px,92vw)}.heroCtaButtons{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;align-items:center}.heroCtaPrimary{font-size:var(--font-size-body);padding:var(--space-md) var(--space-xl);min-width:140px}.heroCtaSecondary{font-size:var(--font-size-small);padding:var(--space-sm) var(--space-lg)}.authPageWrap{flex-direction:column;gap:var(--space-lg)}.authPageHeader{text-align:center}.authPageTitle{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs)}.authPageSubtitle{margin:0;color:var(--color-text-medium);font-size:var(--font-size-body)}.authClerkRoot{width:100%}.authClerkCard{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}.signInPage{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:#080808;padding:var(--space-md) var(--padding-mobile);box-sizing:border-box}.signInPageInner{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;margin:auto 0}.signInBackLink{align-self:flex-start;margin:0 0 var(--space-md);color:var(--color-text-light);font-size:var(--text-sm);text-decoration:none;transition:color .2s ease;min-height:44px;display:inline-flex;align-items:center}.signInBackLink:hover{color:#f5c518}.signInPageCard{width:100%;max-width:420px;background:#111;border:1px solid #1f1f1f;border-radius:12px;padding:32px 24px;box-sizing:border-box}.signInPageBrand{text-align:center;margin-bottom:var(--space-lg)}.signInPageLogoMark{margin:0 0 var(--space-sm);font-size:1.5rem;line-height:1.2}.signInPageLogoText{font-weight:700;color:#fff}.signInPageLogoHub{font-weight:700;color:#f5c518}.signInPageTagline{margin:0 0 var(--space-md);font-size:14px;color:#9ca3af;line-height:1.4}.signInPageQuote{margin:0;font-size:var(--text-sm);color:#9ca3af;font-style:italic;line-height:1.45}.signInPageClerk{width:100%}.signUpPage{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:#080808;padding:var(--space-md) var(--padding-mobile);box-sizing:border-box}.signUpPageInner{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;margin:auto 0}.signUpBackLink{align-self:flex-start;margin:0 0 var(--space-md);color:var(--color-text-light);font-size:var(--text-sm);text-decoration:none;transition:color .2s ease;min-height:44px;display:inline-flex;align-items:center}.signUpBackLink:hover{color:#f5c518}.signUpPageCard{width:100%;max-width:420px;background:#111;border:1px solid #1f1f1f;border-radius:12px;padding:32px 24px;box-sizing:border-box}.signUpPageBrand{text-align:center;margin-bottom:var(--space-lg)}.signUpPageLogoMark{margin:0 0 var(--space-sm);font-size:1.5rem;line-height:1.2}.signUpPageLogoText{font-weight:700;color:#fff}.signUpPageLogoHub{font-weight:700;color:#f5c518}.signUpPageTagline{margin:0 0 var(--space-md);font-size:14px;color:#9ca3af;line-height:1.4}.signUpPageQuote{margin:0;font-size:var(--text-sm);color:#9ca3af;font-style:italic;line-height:1.45}.adminBanner{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-bg, #fff);font-size:var(--font-size-small)}.adminBannerLabel{font-weight:600}.adminBannerLink{color:inherit;text-decoration:underline;opacity:.95}.adminBannerLink:hover{opacity:1}.dashboardRestBanner{text-align:center;padding:var(--space-md);background:#fbbf2433;border:1px solid rgba(251,191,36,.5);color:var(--color-text, #1a1a1a);font-weight:600}.dashboardRestBanner[role=alert]{margin:0 var(--space-md, 1rem);border-radius:var(--radius-md, 8px)}.recoveryWarningBanner{margin:0 var(--space-md, 1rem) var(--space-md);border-radius:var(--radius-card-lg, 12px);background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 50%,#b91c1c 100%);box-shadow:0 4px 20px #ef444459;border:1px solid rgba(255,255,255,.15);animation:recoveryWarningPulse 3s ease-in-out infinite}@keyframes recoveryWarningPulse{0%,to{box-shadow:0 4px 20px #ea580c59}50%{box-shadow:0 4px 28px #ea580c80}}.recoveryWarningBannerInner{padding:var(--space-lg);color:#fff}.recoveryWarningBannerTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-h4);font-weight:700;letter-spacing:-.02em}.recoveryWarningBannerText{margin:0 0 var(--space-md);font-size:var(--font-size-small);line-height:1.5;opacity:.95}.recoveryWarningBannerText strong{font-weight:700}.recoveryWarningBannerActions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.recoveryWarningBannerBtn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.recoveryWarningBannerBtn:hover{transform:translateY(-1px)}.recoveryWarningBannerBtn:active{transform:translateY(0)}.recoveryWarningBannerBtnPrimary{background:#fff;color:#c2410c}.recoveryWarningBannerBtnPrimary:hover{background:#fef3c7}.recoveryWarningBannerBtnSecondary{background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.4)}.recoveryWarningBannerBtnGhost{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.4)}.recoveryWarningBannerBtnGhost:hover{background:#ffffff1a}.recoveryDeloadModal{max-width:360px;padding:var(--space-xl);text-align:center}.recoveryDeloadModalTitle{margin:0 0 var(--space-md);font-size:var(--font-size-h4);font-weight:600;color:var(--color-text)}.recoveryDeloadModalText{margin:0 0 var(--space-lg);font-size:var(--font-size-small);color:var(--color-text-light);line-height:1.5}.adminDashboard{max-width:1000px}.adminDashboardBanner{background:#ef4444;color:#fff;padding:var(--space-md);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-lg);font-weight:600}.adminDashboardTitle{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;margin:0 0 var(--space-lg);color:var(--color-text)}.adminDashboardPlaceholder{margin:0;color:var(--color-text-medium)}.adminDashboardCard{background:var(--color-surface, #fff);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.08));padding:var(--space-lg)}.adminDashboardCardTitle{font-size:var(--font-size-body);font-weight:600;margin:0 0 var(--space-md);color:var(--color-text)}.adminDashboardTableWrap{overflow-x:auto}.adminDashboardTable{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}.adminDashboardTable th,.adminDashboardTable td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.adminDashboardTable th{font-weight:600;color:var(--color-text-medium)}.adminDashboardTable tbody tr:hover{background:var(--color-bg-subtle, rgba(0,0,0,.02))}.authButtons{display:grid;gap:var(--space-md)}.authDivider{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:center;color:var(--color-text-light);font-size:var(--font-size-small);margin:var(--space-xs) 0}.authDivider:before,.authDivider:after{content:"";height:1px;background:var(--color-border)}.authBox{width:min(520px,92vw)}.authSpinnerWrap{min-height:70vh;display:grid;place-items:center;gap:var(--space-md);padding:var(--space-lg)}.authSpinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.authSpinnerText{color:var(--color-text-light);font-size:var(--font-size-small)}.authSpinnerWrap-sm .authSpinner{width:20px;height:20px;border-width:2px}.authSpinnerWrap-lg .authSpinner{width:48px;height:48px;border-width:4px}.authSpinner-muted{border-color:var(--color-border);border-top-color:var(--color-text-light)}.loadingDots{display:inline-flex;align-items:center;gap:2px;min-width:1.5em}.loadingDotsDot{display:inline-block;font-size:1.2em;line-height:1}.chatMessageTyping{min-height:1.25em;display:flex;align-items:center}.signedInCta{text-align:center}.signedInCta .muted{margin-bottom:var(--space-md)}.signedInCta .authBtn{margin-top:var(--space-sm)}.pageTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-h3);font-weight:var(--font-weight-heading);color:var(--color-text)}.footer{margin-top:auto;padding:var(--space-lg);border-top:var(--border-width) solid var(--color-border);background:var(--color-card);box-shadow:0 -1px 3px #0000000d}.footerInner{max-width:980px;margin:0 auto;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);text-align:center}.footerBrand{font-weight:var(--font-weight-bold);font-size:var(--font-size-small);color:var(--color-text);min-width:44px;min-height:44px;display:inline-flex;align-items:center}.footerBrand:hover{color:var(--color-primary);text-decoration:none}.footerNav{display:flex;gap:var(--space-md)}.footerNav a:hover{text-decoration:none;color:var(--color-primary)}.footerNav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}.footerTagline{color:var(--color-text-light);font-size:var(--font-size-small);margin:0}.footerNav .footerSep{color:var(--color-text-light);-webkit-user-select:none;user-select:none;margin:0 var(--space-xs)}.footerCopyright{color:var(--color-text-light);font-size:var(--font-size-small);margin:0}.modalOverlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:var(--space-lg);animation:overlayFadeIn var(--transition-base) ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modalContent{position:relative;background:#ffffff14;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--radius-card-lg);padding:var(--space-lg);max-width:480px;width:100%;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a;animation:modalSlideIn var(--transition-base) ease}@media(max-width:639px){.modalOverlay{align-items:flex-end;padding:0}.modalContent{max-width:100%;height:100vh;border-radius:0;padding:var(--space-xl) var(--space-md) var(--space-2xl)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modalContent.modal-bottom-sheet{position:fixed;inset:auto 0 0;max-height:90vh;border-radius:20px 20px 0 0;overflow-y:auto;max-width:none;background:#000000b3;border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom,0px)}.modal-drag-handle{width:40px;height:4px;background:#ffffff2e;border-radius:2px;margin:12px auto 0;flex-shrink:0}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modalTitle{margin:0 0 var(--space-md);font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);color:var(--color-text)}.modalClose{position:absolute;top:var(--space-md);right:var(--space-md);min-width:44px;min-height:44px;background:none;border:none;color:var(--color-text-light);font-size:1.5rem;cursor:pointer;padding:var(--space-xs);line-height:1;border-radius:var(--radius-card);transition:color var(--transition-base),background-color var(--transition-base)}.bottomNavItem,.errorMessageRetry,.btnPrimary,.btnGhost{min-width:44px;min-height:44px}.modalClose:hover{color:var(--color-text);background:var(--color-border-light)}.modalClose:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notificationPermissionModal .notificationPermissionLead{margin:0 0 var(--space-sm);font-size:var(--font-size-body);color:var(--color-text)}.notificationPermissionList{margin:0 0 var(--space-md);padding-left:var(--space-lg);font-size:var(--font-size-body);color:var(--color-text)}.notificationPermissionNote{margin:0 0 var(--space-lg);font-size:var(--font-size-small);color:var(--color-text-light)}.notificationPermissionActions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.notificationPermissionActions .btn{flex:1;min-width:120px}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swapExerciseOverlay{padding:var(--space-lg);align-items:center;justify-content:center}.swapExerciseModal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;padding:var(--space-xl)}.swapExerciseTitle{margin:0 0 var(--space-md);font-size:var(--font-size-h3);font-weight:700;color:var(--color-text)}.swapExerciseCurrent{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-border-light);border-radius:var(--radius-card)}.swapExerciseCurrentLabel{display:block;font-size:var(--font-size-small);color:var(--color-text-light);margin-bottom:var(--space-xs)}.swapExerciseCurrentDetail{margin:0;font-weight:500;color:var(--color-text)}.swapExerciseCurrentBullet{color:var(--color-primary)}.swapExerciseCurrentMeta{font-weight:400;color:var(--color-text-light)}.swapExerciseCurrentNotes{margin:var(--space-xs) 0 0;font-size:var(--font-size-small);color:var(--color-text-light)}.swapExerciseForm{margin-top:0}.swapExerciseReplaceLabel{display:block;font-size:var(--font-size-small);font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.swapExerciseSearchWrap{position:relative;margin-bottom:var(--space-sm)}.swapExerciseInput{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) 2.5rem;font-size:var(--font-size-body);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);margin-bottom:0;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.swapExerciseInput:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.swapExerciseSearchIcon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.swapExerciseSearchResults{list-style:none;margin:0 0 var(--space-md);padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);max-height:200px;overflow-y:auto}.swapExerciseSearchResultItem{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);text-align:left;background:none;border:none;cursor:pointer;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background var(--transition-base)}.swapExerciseSearchResultItem:last-child{border-bottom:none}.swapExerciseSearchResultItem:hover{background:var(--color-border-light)}.swapExerciseSearchResultCategory{font-size:.75rem;color:var(--color-text-light)}.swapExerciseSuggestionsBlock{margin-bottom:var(--space-md)}.swapExerciseSuggestionsLabel{display:block;font-size:var(--font-size-small);color:var(--color-text-light);margin-bottom:var(--space-sm)}.swapExerciseSuggestionsList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.swapExerciseSuggestionBtn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);text-align:left;background:var(--color-border-light);border:var(--border-width) solid transparent;border-radius:var(--radius-card);cursor:pointer;color:var(--color-text);transition:background var(--transition-base),border-color var(--transition-base)}.swapExerciseSuggestionBtn:hover{background:var(--color-primary-muted);color:var(--color-primary)}.swapExerciseSuggestionBtnSelected{border-color:var(--color-primary);background:var(--color-primary-muted);color:var(--color-primary)}.swapExerciseSuggestionCheck{color:var(--color-text-light);font-size:.9em}.swapExerciseAiRow{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.swapExerciseAiBtn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);background:var(--color-border-light);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-light);cursor:not-allowed;opacity:.8}.swapExerciseAiHint{font-size:.75rem;color:var(--color-text-light)}.swapExerciseActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.swapExerciseClose{position:absolute;top:var(--space-md);right:var(--space-md)}@media(max-width:480px){.swapExerciseOverlay{padding:var(--space-md);align-items:flex-end}.swapExerciseModal{max-height:95vh;border-radius:var(--radius-card-lg) var(--radius-card-lg) 0 0}}.exerciseCard{position:relative;padding:var(--space-md);padding-right:2.5rem;border-radius:var(--radius-card);background:var(--color-bg-subtle);border:var(--border-width) solid var(--color-border);margin-bottom:var(--space-sm)}.exerciseCardSwapBtn{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-small);background:transparent;border:none;color:var(--color-primary);cursor:pointer;border-radius:var(--radius-card)}.exerciseCardSwapBtn:hover{background:var(--color-primary-muted)}.swap-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-small);background:#ffffffe6;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-primary);cursor:pointer;transition:opacity .2s ease,background .2s ease,transform .2s ease;box-shadow:0 1px 3px #00000014}.swap-btn:hover:not(:disabled){background:var(--color-primary-muted);color:var(--color-primary)}.swap-btn:disabled{opacity:.6;cursor:not-allowed}@media(min-width:641px){.swap-btn{opacity:.85}.exerciseCardWrap:hover .swap-btn,.mealCardHasSwap:hover .swap-btn{opacity:1}}@media(max-width:640px){.swap-btn-text{display:none}.swap-btn{opacity:1;padding:var(--space-sm)}}.workoutDetailList .exerciseCardWrap{list-style:none;margin-left:0}.trainingSwapBadge{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-light)}.mealsCustomizedBadge{margin:0 0 var(--space-md);font-size:var(--font-size-small);color:var(--color-text-light)}.mealCardHasSwap{position:relative}.mealCardSwapBtn{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:2}.onboardingPage{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.onboardingContent{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--padding-mobile)}.onboardingCard{width:100%;max-width:640px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);margin:0 auto}@media(min-width:768px){.onboardingCard{padding:var(--space-10)}}.onboardingProgress{text-align:center;margin-bottom:var(--space-8)}.onboardingProgressText{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-4)}.onboardingProgressBar{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.onboardingProgressFill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.onboardingForm{display:flex;flex-direction:column;gap:var(--space-6)}.onboardingFormGroup{display:flex;flex-direction:column;gap:var(--space-2)}.onboardingLabel{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-text)}.onboardingInput,.onboardingSelect{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-body);transition:border-color .2s ease}.onboardingInput:focus,.onboardingSelect:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.onboardingFlow{padding:var(--space-md) 0}.progressIndicator{margin-bottom:var(--space-lg)}.progressIndicatorBar{height:4px;background:var(--color-primary);border-radius:2px;transition:width var(--transition-base)}.progressIndicatorText{font-size:var(--font-size-small);color:var(--color-text-light);margin-top:var(--space-sm)}.onboardingStepWrap{max-width:520px}.onboardingStep{display:flex;flex-direction:column;gap:var(--space-md)}.onboardingStep label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-text-medium)}.onboardingInput{padding:10px 12px;border-radius:var(--radius-card);border:var(--border-width) solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:var(--font-size-body);font-family:var(--font-family);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.onboardingInput:hover{border-color:var(--color-neutral)}.onboardingInput:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.onboardingInput::placeholder{color:var(--color-text-muted)}.onboardingTextarea{min-height:80px;resize:vertical}.onboardingCheckboxGroup,.onboardingRadioGroup{display:flex;flex-wrap:wrap;gap:var(--space-md)}.onboardingCheckbox,.onboardingRadio{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-body);color:var(--color-text-medium);transition:color var(--transition-base)}.onboardingCheckbox:hover,.onboardingRadio:hover{color:var(--color-text)}.onboardingCheckbox input,.onboardingRadio input{accent-color:var(--color-primary)}.onboardingActions{display:flex;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap}.onboardingStepCard{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);max-width:560px}.onboardingStepTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-h2);font-weight:var(--font-weight-heading);color:var(--color-text)}.onboardingStepSubtitle{margin:0 0 var(--space-lg);color:var(--color-text-medium);font-size:var(--font-size-body)}.onboardingStepForm{display:flex;flex-direction:column;gap:var(--space-lg)}.onboardingLabel{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-small);font-weight:var(--font-weight-heading);color:var(--color-text)}.onboardingLabelInline{margin-bottom:var(--space-xs)}.onboardingHint{font-size:var(--font-size-small);font-weight:var(--font-weight-body);color:var(--color-text-light);margin-top:var(--space-xs)}.onboardingError{color:var(--color-error);font-size:var(--font-size-small);margin:0 0 var(--space-sm)}.onboardingCta{margin-top:var(--space-sm)}.onboardingCtaLarge{padding:14px 28px;font-size:var(--font-size-body);margin-top:var(--space-md)}.onboardingStepMessage{padding:var(--space-md);background:#2563eb14;border-radius:var(--radius-card);border:var(--border-width) solid rgba(37,99,235,.2);color:var(--color-text-medium);font-size:var(--font-size-small);margin:0}.onboardingSportGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:640px){.onboardingSportGrid{grid-template-columns:repeat(3,1fr)}}.onboardingSportCard{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card-lg);background:var(--color-card);cursor:pointer;font-weight:var(--font-weight-heading);color:var(--color-text-medium);transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.onboardingSportCard:hover{border-color:var(--color-primary);color:var(--color-primary)}.onboardingSportCardSelected{border-color:var(--color-primary);background:#2563eb14;color:var(--color-primary)}.onboardingSportIcon{display:flex;align-items:center;justify-content:center;color:var(--color-neutral)}.onboardingSportCardSelected .onboardingSportIcon{color:var(--color-primary)}.onboardingSportLabel{font-size:var(--font-size-small)}.onboardingObjectiveGrid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:480px){.onboardingObjectiveGrid{grid-template-columns:repeat(2,1fr)}}.onboardingObjectiveCard{padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-heading);color:var(--color-text-medium);text-align:left;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.onboardingObjectiveCard:hover{border-color:var(--color-primary);color:var(--color-primary)}.onboardingObjectiveCardSelected{border-color:var(--color-primary);background:#2563eb14;color:var(--color-primary)}.onboardingCheckboxCard{padding:var(--space-md);border-radius:var(--radius-card);border:var(--border-width) solid var(--color-border);background:var(--color-bg)}.onboardingExperienceRow{margin-bottom:var(--space-md)}.onboardingTooltipWrap{display:flex;align-items:center;gap:var(--space-sm)}.onboardingTooltipWrap .onboardingInput{flex:1}.onboardingTooltip{color:var(--color-text-light);cursor:help}.onboardingToggleRow{display:flex;gap:var(--space-sm)}.onboardingToggleBtn{flex:1;padding:var(--space-md) var(--space-lg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);font-weight:var(--font-weight-heading);color:var(--color-text-medium);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.onboardingToggleBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.onboardingToggleBtnActive{border-color:var(--color-primary);background:#2563eb14;color:var(--color-primary)}.onboardingSlider{width:100%;height:8px;border-radius:4px;accent-color:var(--color-primary)}.onboardingDurationButtons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.onboardingDurationButtonsLarge{margin-bottom:var(--space-md)}.onboardingDurationBtn{padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);font-size:var(--font-size-small);font-weight:var(--font-weight-heading);color:var(--color-text-medium);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.onboardingDurationBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.onboardingDurationBtnActive{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.onboardingDurationBtnActive:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.onboardingMealTimes{display:flex;flex-direction:column;gap:var(--space-sm)}.onboardingMealTimeRow{display:flex;align-items:center;gap:var(--space-md)}.onboardingMealTimeRow span{min-width:60px}.onboardingMealTimeRow .onboardingInput{max-width:120px}.onboardingGenerating{text-align:center;padding:var(--space-2xl)}.onboardingGenerating .authSpinner{margin:0 auto var(--space-lg)}.onboardingErrorBanner{background:#ef44441a;border:var(--border-width) solid rgba(239,68,68,.3);border-radius:var(--radius-card);padding:var(--space-md);margin-bottom:var(--space-lg);max-width:560px}.onboardingErrorBanner p{margin:0 0 var(--space-sm);color:var(--color-error);font-size:var(--font-size-small)}.onboardingErrorActions{display:flex;gap:var(--space-sm)}.trainingErrorBanner,.trainingEmptyBanner{padding:var(--space-lg);border-radius:var(--radius-card);max-width:560px}.trainingErrorBanner{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.trainingErrorBanner p{margin:0 0 var(--space-md)}.trainingEmptyBanner{background:var(--color-bg-subtle, rgba(0, 0, 0, .03));border:1px solid var(--color-border)}.trainingEmptyBanner p{margin:0;color:var(--color-text-medium)}.dashboardGrid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin:var(--space-lg) 0}@media(min-width:640px){.dashboardGrid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(min-width:1024px){.dashboardGrid{grid-template-columns:repeat(4,1fr)}}.dashboardPage{padding-top:0;padding-bottom:calc(var(--bottom-nav-height, 56px) + var(--safe-bottom, 0px) + 16px)}.dashboardHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-8);padding-top:var(--space-6)}.dashboardTitle{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2)}.dashboardSubtitle{font-size:var(--text-body);color:var(--color-text-light);margin:0}@media(min-width:768px){.dashboardHeader{margin-bottom:var(--space-12);padding-top:var(--space-8)}}.dashboardSection{margin-bottom:var(--space-xl)}.dashboardHeaderRight{display:flex;align-items:center;gap:var(--space-sm)}.dashboardBadge{padding:4px 10px;border-radius:999px;font-size:var(--font-size-small);font-weight:var(--font-weight-heading)}.dashboardBadgeTrial{background:#f59e0b1a;color:var(--color-warning);border:var(--border-width) solid rgba(245,158,11,.6)}.dashboardBadgePremium{background:#10b9811a;color:var(--color-success);border:var(--border-width) solid rgba(16,185,129,.6)}.dashboardBadgeNeutral{background:var(--color-border-light);color:var(--color-text-medium);border:var(--border-width) solid var(--color-border)}.statsCardGrid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-md);align-items:center}@media(max-width:639px){.statsCardGrid{grid-template-columns:1fr}}.dashboardRingWrap{position:relative;width:96px;height:96px}.dashboardRingWrap .dashboardCircularProgress{width:100%;height:100%;display:block}.dashboardRing{width:100%;height:100%;transform:rotate(-90deg)}.dashboardRingBg{fill:none;stroke:var(--color-border-light);stroke-width:3}.dashboardRingFg{fill:none;stroke:var(--color-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray var(--transition-base)}.dashboardRingText{fill:var(--color-text);font-size:9px;text-anchor:middle}.dashboardRingSkeleton{position:absolute;inset:0}.statsCardStreak{display:flex;flex-direction:column;gap:var(--space-sm)}.streakCalendar{display:flex;gap:4px;margin-top:var(--space-xs)}.streakDay{width:14px;height:14px;border-radius:3px;background:var(--color-border-light)}.streakDayActive{background:var(--color-primary)}.statsCardNextSession{display:flex;flex-direction:column;gap:var(--space-xs)}.dashboardQuickActions{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin:var(--space-lg) 0}@media(min-width:640px){.dashboardQuickActions{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboardQuickBtn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md);border-radius:var(--radius-card-lg);border:var(--border-width) solid var(--color-border);background:var(--color-card);font-weight:var(--font-weight-heading);color:var(--color-text-medium);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.dashboardQuickBtn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);text-decoration:none}.dashboardQuickBtnPrimary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.dashboardQuickBtnPrimary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.dashboardExtras{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.dashboardWeightLogger{display:flex;flex-direction:column;gap:var(--space-sm)}.dashboardWeightForm{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.dashboardWeightForm .onboardingInput{max-width:120px}.dashboardV2{max-width:900px;margin:0 auto;padding:0 var(--space-md) var(--space-xl)}.dashboardV2Header{margin-bottom:var(--space-lg)}.dashboardV2Title{margin:0 0 var(--space-xs);font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;color:var(--color-text)}.dashboardV2Emoji{font-size:1em}.dashboardV2Subtitle{margin:0;font-size:var(--font-size-body);color:var(--color-text-light)}.dashboardV2Banner{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#fbbf241f;border-radius:var(--radius-card);border:1px solid rgba(251,191,36,.4)}.dashboardV2Banner p{margin:0}.dashboardV2Banner a{font-weight:600}.dashboardV2Quote{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--color-primary-muted, rgba(59, 130, 246, .08));border-radius:var(--radius-card);font-style:italic;color:var(--color-text-medium)}.dashboardV2Grid{display:flex;flex-direction:column;gap:var(--space-lg)}.dashboardV2Card{position:relative;padding:var(--space-lg);border-radius:var(--radius-card-lg);background:var(--color-card);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base)}.dashboardV2Card:hover{box-shadow:var(--shadow-card-hover, var(--shadow-md));transform:translateY(-2px)}.dashboardV2CardTraining{border:2px solid transparent;background:linear-gradient(var(--color-card),var(--color-card)) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899) border-box}.dashboardV2CardDone{border-color:var(--color-success, #10b981);background:linear-gradient(var(--color-card),var(--color-card)) padding-box,linear-gradient(135deg,#10b9814d,#10b9811a) border-box}.dashboardV2CardGradient{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0}.dashboardV2CardTitle{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:var(--font-size-small);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light)}.dashboardV2CardTitle svg{flex-shrink:0;color:var(--color-primary)}.dashboardV2Skeleton{padding:var(--space-sm) 0}.dashboardV2Empty{padding:var(--space-md) 0}.dashboardV2Empty p{margin:0 0 var(--space-sm);color:var(--color-text-medium)}.dashboardV2WorkoutMeta{margin-bottom:var(--space-sm)}.dashboardV2WorkoutTitle{display:block;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.dashboardV2WorkoutDetails{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-text-light)}.dashboardV2WorkoutDetails svg{flex-shrink:0}.dashboardV2Preview{margin:var(--space-md) 0;padding:var(--space-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.dashboardV2PreviewLabel{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-light)}.dashboardV2Preview ul{margin:var(--space-xs) 0 0;padding-left:var(--space-md)}.dashboardV2Preview li{margin:2px 0;font-size:var(--font-size-small)}.dashboardV2Reminder{margin:var(--space-sm) 0;font-size:var(--font-size-small);color:var(--color-text-light)}.dashboardV2CardActions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.dashboardV2CardActions .btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.dashboardV2Completed{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-success, #10b981);font-weight:600}.dashboardV2Macros{margin:0 0 var(--space-sm);font-size:var(--font-size-body);color:var(--color-text-medium)}.dashboardV2NextMeal{margin:0 0 var(--space-md);font-size:var(--font-size-small);color:var(--color-text-medium)}.dashboardV2NextMeal strong{color:var(--color-text)}.dashboardV2RecoveryText,.dashboardV2RecoveryAvg{margin:0 0 var(--space-xs);font-size:var(--font-size-body)}.dashboardV2StatsList{list-style:none;padding:0;margin:0}.dashboardV2StatsList li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--font-size-body);color:var(--color-text-medium)}.dashboardV2StatsList li svg{flex-shrink:0;color:var(--color-primary)}.dashboardV2QuickLinks{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-xl) 0;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.dashboardV2QuickLink{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);color:var(--color-primary);border-radius:var(--radius-card);transition:background var(--transition-base)}.dashboardV2QuickLink:hover{background:var(--color-primary-muted);text-decoration:none}.dashboardNew{max-width:960px;margin:0 auto;padding:0 var(--space-md) var(--space-xl)}.dashboardNewHeader{margin-bottom:var(--space-lg)}.dashboardNewTitle{margin:0 0 var(--space-xs);font-size:clamp(1.4rem,4vw,1.85rem);font-weight:700;color:var(--color-text);line-height:1.2}.dashboardNewEmoji{font-size:1em}.dashboardNewSubtitle{margin:0;font-size:var(--font-size-body);color:var(--color-text-light)}.dashboardProgramHero{margin-bottom:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-card-lg);background:linear-gradient(var(--color-card),var(--color-card)) padding-box,linear-gradient(135deg,var(--color-highlight),rgba(245,197,24,.35),var(--color-secondary-dark)) border-box;border:2px solid transparent;text-align:center}.dashboardProgramHeroTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-h2);color:var(--color-text)}.dashboardProgramHeroSub{margin:0 0 var(--space-lg);font-size:var(--font-size-body);color:var(--color-text-light)}.dashboardProgramHeroCta.btn{min-height:44px;padding:0 var(--space-xl);border-radius:var(--radius-button);background:var(--color-highlight);color:var(--color-bg);font-weight:700;border:none;text-decoration:none}.dashboardProgramHeroCta.btn:hover{background:var(--color-secondary-hover);color:var(--color-bg)}.recoveryStaleBanner{display:flex;align-items:stretch;gap:var(--space-xs);margin:0 var(--space-md) var(--space-md);padding:0;background:var(--color-highlight-muted);border:1px solid rgba(245,197,24,.45);border-radius:var(--radius-card);color:var(--color-text);font-size:var(--font-size-small);overflow:hidden}.recoveryStaleBannerInner{flex:1;display:flex;align-items:center;min-height:44px;padding:var(--space-sm) var(--space-md);margin:0;border:none;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer}.recoveryStaleBannerText{display:block}.recoveryStaleBannerDismiss{flex-shrink:0;min-width:44px;min-height:44px;margin:0;border:none;border-left:1px solid rgba(245,197,24,.35);background:transparent;color:var(--color-text-light);font-size:1.25rem;line-height:1;cursor:pointer}.dashboardPwaQueueSheet{position:fixed;left:0;right:0;bottom:0;z-index:1200;padding:var(--space-md);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));background:var(--color-card);border-top:1px solid var(--color-border);box-shadow:0 -4px 24px #00000059}.dashboardPwaQueueInner{max-width:480px;margin:0 auto}.dashboardPwaQueueTitle{margin:0 0 var(--space-md);font-size:var(--font-size-h4);font-weight:600;color:var(--color-text)}.dashboardPwaQueueActions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.dashboardPwaQueueActions .btn{min-height:44px}.dashboardRechartsWrap{width:100%;min-width:0;margin-top:var(--space-sm)}.dashboardSkeletonBlock{width:100%}.dashboardSkeletonSubtitle{max-width:70%;margin-top:var(--space-sm)}.dashboardChartSection{margin-top:var(--space-lg)}.dashboardChartSectionSkeleton{padding:var(--space-md) 0}.dashboardSkeletonChart{width:100%;margin-top:var(--space-sm)}.dashboardRecoverySkLine{height:18px}.dashboardRecoverySkLineSecond{margin-top:6px}.dashboardNewNoProgramHint{margin:0;color:var(--color-text-light);font-size:var(--font-size-body)}.dashboardNewModalActions{flex-wrap:wrap;gap:var(--space-sm)}.dashboardNewBanner{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#fbbf241f;border-radius:var(--radius-card);border:1px solid rgba(251,191,36,.4)}.dashboardNewBanner p{margin:0}.dashboardNewBanner a{font-weight:600}.dashboardNewSuggestion{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:var(--radius-card);font-style:italic;color:var(--color-text-medium)}.dashboardHeroCard{margin-bottom:var(--space-md)}.dashboardHeroGreeting{margin:0 0 var(--space-sm);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--color-text-primary)}.dashboardHeroGreetingEmoji{font-size:1em}.dashboardHeroInsight{margin:0 0 var(--space-md);font-size:var(--text-base);line-height:1.5;color:var(--color-text-secondary);font-style:italic;border-left:3px solid var(--color-primary);padding-left:var(--space-md)}.dashboardHeroCta{display:inline-flex;align-items:center;gap:var(--space-sm)}.dashboardQuickStatsBanner{display:flex;flex-wrap:nowrap;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm) 0 var(--space-md);scrollbar-width:none;-webkit-overflow-scrolling:touch}.dashboardQuickStatsBanner::-webkit-scrollbar{display:none}.dashboardQuickStatPill{flex-shrink:0;padding:var(--space-sm) var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}@media(min-width:768px){.dashboardQuickStatsBanner{flex-wrap:wrap;overflow-x:visible}}.dashboardNewCardMission .dashboardMissionHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.dashboardMissionTitle{margin:0;font-size:var(--font-size-small);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light)}.dashboardMissionWeek{font-size:var(--text-sm);color:var(--color-text-muted)}.dashboardMissionWorkoutName{margin:0 0 var(--space-xs);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.dashboardMissionMeta{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.dashboardMissionChips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.dashboardMissionChip{padding:var(--space-xs) var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary)}.dashboardMissionChipMore{color:var(--color-primary);border-color:var(--color-primary)}.dashboardMissionActions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.dashboardMissionStartBtn{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-action)!important;color:#000!important}.dashboardWeekRing{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.dashboardWeekDot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-surface-2);border:2px solid var(--color-border);color:var(--color-text-muted)}.dashboardWeekDotDone{background:var(--color-success);border-color:var(--color-success);color:#000}.dashboardWeekDotToday{border-color:var(--color-primary);color:var(--color-primary);background:transparent;animation:dashboardWeekDotPulse 1.5s ease-in-out infinite}.dashboardWeekDotRest{width:20px;border-radius:4px;font-size:10px}@keyframes dashboardWeekDotPulse{0%,to{box-shadow:0 0 #f5c51866}50%{box-shadow:0 0 0 6px #f5c51800}}.dashboardStatsRowCard .dashboardNewCardTitle{margin-bottom:var(--space-md)}.dashboardStatsRow{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:480px){.dashboardStatsRow{grid-template-columns:repeat(4,1fr)}}.dashboardStatCard{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border-bottom:3px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.dashboardStatCard:hover{transform:scale(1.02);box-shadow:var(--shadow-card)}.dashboardStatCardHighlight{border-bottom-color:var(--color-primary)}.dashboardStatCardValue{display:block;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--color-primary);line-height:1.2}.dashboardStatCardLabel{display:block;margin-top:2px;font-size:var(--text-xs);color:var(--color-text-muted)}.dashboardNewGrid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:640px){.dashboardNewGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.dashboardNewGrid{grid-template-columns:repeat(3,1fr)}}.dashboardNewCard{position:relative;padding:var(--space-lg);border-radius:var(--radius-card-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(var(--glass-bg-medium),var(--glass-bg-medium)),var(--color-card);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:box-shadow .2s ease,transform .2s ease}.dashboardNewCard:hover{box-shadow:var(--glass-shadow)}.dashboardNewCardTraining{border:2px solid transparent;background:linear-gradient(var(--color-card),var(--color-card)) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6) border-box}.dashboardNewCardDone{border-color:#10b98180;background:linear-gradient(var(--color-card),var(--color-card)) padding-box,linear-gradient(135deg,#10b98126,#10b9810d) border-box}.dashboardNewCardRest{background:linear-gradient(135deg,#94a3b814,#cbd5e10d)}.dashboardNewCardGradient{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0}.dashboardNewCardTitle{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:var(--font-size-small);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light)}.dashboardNewCardTitle svg{flex-shrink:0;color:var(--color-primary)}.dashboardNewCardDivider{height:2px;margin:0 0 var(--space-md);background:linear-gradient(90deg,var(--color-border),transparent);border-radius:1px}.dashboardNewSkeleton{padding:var(--space-sm) 0}.dashboardNewShimmer{animation:shimmer 1.5s ease-in-out infinite}.dashboardNewEmpty{padding:var(--space-md) 0}.dashboardNewEmpty p{margin:0 0 var(--space-sm);color:var(--color-text-medium)}.dashboardNewCta{animation:dashboardPulse 2s ease-in-out infinite}@keyframes dashboardPulse{0%,to{opacity:1}50%{opacity:.9}}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-lg);min-height:200px}.emptyStateIconWrap{margin-bottom:var(--space-md)}.emptyStateIcon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-light)}.emptyStateEmoji{font-size:3rem;line-height:1}.emptyStateCompact .emptyStateEmoji{font-size:2rem}.emptyStateTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-h4);font-weight:600;color:var(--color-text)}.emptyStateDescription{margin:0 0 var(--space-lg);max-width:320px;font-size:var(--font-size-body);line-height:1.5;color:var(--color-text-light)}.emptyStateCompact .emptyStateDescription{margin-bottom:var(--space-md)}.emptyStateActions .btn{min-width:140px}.emptyStateCompact{padding:var(--space-lg) var(--space-md);min-height:120px}.emptyStateCompact .emptyStateTitle{font-size:var(--font-size-body);font-weight:600}.emptyStateCompact .emptyStateDescription{font-size:var(--font-size-small)}@media(prefers-reduced-motion:reduce){.emptyStateIcon{animation:none!important}}.dashboardNewRestTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-h4);font-weight:700;color:var(--color-text)}.dashboardNewRestText{margin:0 0 var(--space-sm);color:var(--color-text-medium)}.dashboardNewRestSub{margin:0 0 var(--space-xs);font-size:var(--font-size-small);font-weight:600;color:var(--color-text-light)}.dashboardNewRestList{margin:0 0 var(--space-md);padding-left:var(--space-lg);font-size:var(--font-size-small);color:var(--color-text-medium)}.dashboardNewWorkoutTitle{margin:0 0 var(--space-xs);font-size:var(--font-size-h4);font-weight:600;color:var(--color-text)}.dashboardNewWorkoutMeta{margin:0 0 var(--space-md);font-size:var(--font-size-small);color:var(--color-text-light);display:flex;align-items:center;gap:var(--space-xs)}.dashboardNewPreview{margin:var(--space-md) 0;padding:var(--space-sm) 0;border-top:1px solid var(--color-border)}.dashboardNewPreviewLabel{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-light)}.dashboardNewPreview ul{margin:var(--space-xs) 0 0;padding-left:var(--space-md)}.dashboardNewPreview li{margin:2px 0;font-size:var(--font-size-small);color:var(--color-text-medium)}.dashboardNewProgressWrap{margin:var(--space-md) 0}.dashboardNewProgressBar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.dashboardNewProgressFill{height:100%;background:linear-gradient(90deg,var(--color-primary),#8b5cf6);border-radius:4px}.dashboardNewProgressText{margin:var(--space-xs) 0 0;font-size:var(--font-size-small);color:var(--color-text-light)}.dashboardNewCardActions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.dashboardNewCardActions .btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.dashboardNewPulse{animation:dashboardPulse 2s ease-in-out infinite}.dashboardNewCompleted{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-success, #10b981);font-weight:600}.dashboardNewMacrosTarget{margin:0 0 var(--space-md);font-size:var(--font-size-small);color:var(--color-text-medium)}.dashboardNewMacrosTarget strong{color:var(--color-text)}.dashboardNewNextMeal{margin-bottom:var(--space-md)}.dashboardNewNextMealLabel{margin:0 0 2px;font-size:var(--font-size-small);color:var(--color-text-light)}.dashboardNewNextMealName{margin:0 0 2px;font-weight:600;color:var(--color-text)}.dashboardNewNextMealMacros{margin:0;font-size:var(--font-size-small);color:var(--color-text-light)}.dashboardNewMealProgress{margin-bottom:var(--space-md)}.dashboardNewMealProgressLabel{margin:0 0 var(--space-xs);font-size:var(--font-size-small);font-weight:600;color:var(--color-text-light)}.dashboardNewMealProgressRow{margin:2px 0;font-size:var(--font-size-small);color:var(--color-text-medium)}.dashboardNewRecoveryLast{margin:0 0 var(--space-xs);font-size:var(--font-size-body);color:var(--color-text-medium)}.dashboardNewRecoveryScore{margin:0 0 var(--space-xs);font-size:var(--font-size-body)}.dashboardNewRecoveryScore strong{color:var(--color-text)}.dashboardNewRecoveryTrend{margin:0 0 var(--space-md);font-size:var(--font-size-small);color:var(--color-text-light)}.dashboardNewStatRow{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.dashboardNewStatRow:last-of-type{border-bottom:none}.dashboardNewStatLabel{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-light)}.dashboardNewStatValue{font-size:var(--font-size-body);color:var(--color-primary)}.dashboardNewCardQuick{grid-column:1 / -1}.dashboardNewQuickGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media(min-width:480px){.dashboardNewQuickGrid{grid-template-columns:repeat(2,1fr)}}.dashboardNewQuickBtn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);font-size:var(--font-size-small);font-weight:500;color:var(--color-primary);background:var(--color-border-light);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);text-decoration:none;transition:background .2s,border-color .2s}.dashboardNewQuickBtn:hover{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}@media(prefers-color-scheme:dark){.dashboardNewCard{box-shadow:0 1px 3px #0003}.dashboardNewCard:hover{box-shadow:0 4px 12px #00000040}}.competitionCountdown{padding:var(--space-md)}.competitionCountdownTitle{margin:0 0 var(--space-md);font-size:var(--font-size-small);font-weight:700;letter-spacing:.05em;color:var(--color-text-medium)}.competitionCountdownUnits{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.competitionCountdownUnit{display:flex;flex-direction:column;align-items:center;min-width:4rem}.competitionCountdownUnitValue{font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.2}.competitionCountdownUnitLabel{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.competitionCountdownEvent{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-medium);text-align:center}.competitionCountdownProgressWrap{margin-bottom:var(--space-md)}.competitionCountdownProgressBar{height:8px;background:var(--color-border-light);border-radius:4px;overflow:hidden;margin-bottom:var(--space-xs)}.competitionCountdownProgressFill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.competitionCountdownProgressLabel{font-size:.75rem;color:var(--color-text-muted)}.competitionCountdownUrgency-warning .competitionCountdownUnitValue,.competitionCountdownUrgency-warning .competitionCountdownProgressFill{color:#f5c518}.competitionCountdownUrgency-warning .competitionCountdownProgressFill{background:#f5c518}.competitionCountdownUrgency-urgent .competitionCountdownUnitValue,.competitionCountdownUrgency-urgent .competitionCountdownProgressFill{color:#ef4444}.competitionCountdownUrgency-urgent .competitionCountdownProgressFill{background:#ef4444}.competitionCountdownUrgency-urgent{animation:competitionPulse 2s ease-in-out infinite}@keyframes competitionPulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}.competitionCountdownEmpty{text-align:center;padding:var(--space-lg)}.competitionCountdownEmptyText{margin:0 0 var(--space-md);font-size:var(--font-size-small);color:var(--color-text-muted)}.competitionCountdownPast .competitionCountdownComplete{margin:0 0 var(--space-xs);font-weight:600;color:var(--color-text)}.competitionCountdownHowDid{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-muted)}.settingsLabel{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.settingsInput{padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-body)}.motivationalQuoteCard{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-border-light);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);position:relative}.motivationalQuoteIcon{font-size:1.25rem;margin-right:var(--space-xs);vertical-align:middle}.motivationalQuoteText{margin:0 0 var(--space-xs);font-style:italic;font-size:var(--font-size-body);line-height:1.45;color:var(--color-text)}.motivationalQuoteAuthor{display:block;font-size:var(--font-size-small);font-style:normal;color:var(--color-text-light)}.motivationalQuoteNext{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-small);color:var(--color-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,color .2s}.motivationalQuoteNext:hover{background:var(--color-primary-muted);color:var(--color-primary-dark)}.statsCard{padding:var(--space-lg);border-radius:var(--radius-card-lg)}.statsCard:hover{box-shadow:var(--shadow-md)}.statsCardTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-light);font-weight:var(--font-weight-body)}.statsCardValue{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-primary)}.statsCardUnit{font-size:var(--font-size-small);font-weight:var(--font-weight-body);color:var(--color-text-light)}.quickActions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin:var(--space-lg) 0}.quickActionCard{padding:var(--space-md) var(--space-lg);color:var(--color-text-medium)}.weightChart{margin-top:var(--space-lg)}.weightChartList{list-style:none;padding:0;margin:var(--space-sm) 0 0}.weightChartList li{padding:var(--space-sm) 0;border-bottom:var(--border-width) solid var(--color-border-light);color:var(--color-text-medium);font-size:var(--font-size-small)}.trainingProgram{margin-top:var(--space-md)}.weekTabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.weekTab{position:relative;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-card);color:var(--color-text-medium);font-size:var(--font-size-small);font-weight:var(--font-weight-heading);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.weekTab:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.weekTabActive{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.weekTabActive:after{content:"";position:absolute;bottom:-2px;left:var(--space-2);right:var(--space-2);height:3px;background:var(--color-secondary);border-radius:var(--radius-full)}.weekTabActive:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.dayCard{margin-bottom:var(--space-md);overflow:hidden;border-radius:var(--radius-card-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.dayCard:hover{box-shadow:var(--shadow-md)}.dayCardRest .dayCardHeader{background:var(--color-bg-subtle)}.dayCardPast{opacity:.92}.dayCardHeader{width:100%;padding:var(--space-md) var(--space-lg);text-align:left;background:var(--color-bg);border:none;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-base)}.dayCardHeader:hover{background:var(--color-border-light)}.dayCardHeader:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.dayCardTitle{font-weight:var(--font-weight-heading)}.dayCardDuration{font-size:var(--font-size-small);color:var(--color-text-light)}.dayCardTitleRow{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.dayCardDate{font-size:var(--font-size-small);color:var(--color-text-light)}.dayCardMeta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.dayCardIntensity{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-sm)}.dayCardIntensity-low{background:var(--color-success);color:#fff;opacity:.9}.dayCardIntensity-medium{background:var(--color-secondary-muted);color:var(--color-secondary)}.dayCardIntensity-high{background:var(--color-error);color:#fff;opacity:.9}.dayCardComplete{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-small);color:var(--color-text-medium)}.dayCardComplete input{accent-color:var(--color-primary)}.dayCardBody{padding:var(--space-md) var(--space-lg);border-top:var(--border-width) solid var(--color-border-light);background:var(--color-card)}.dayCardDetailsBtn{width:auto}.workoutDetail{padding:var(--space-md) var(--space-lg);border-top:var(--border-width) solid var(--color-border-light);background:var(--color-card)}.workoutDetailList{margin:0;padding-left:var(--space-lg);color:var(--color-text-medium)}.trainingWeekSummary{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.trainingWeekActions{flex-shrink:0}.trainingWeekGrid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.trainingWeekGrid{grid-template-columns:repeat(2,1fr)}}.mealPlan{margin-top:var(--space-md)}.macroDisplay{margin-bottom:var(--space-md);font-size:var(--font-size-small);color:var(--color-text-medium)}.macroDisplayCal{margin-right:var(--space-md)}.mealsViewToggle{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.daySelector{margin-bottom:var(--space-lg);overflow:hidden}.daySelectorScroll{display:flex;gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xs)}.daySelectorScroll>*{scroll-snap-align:start;flex-shrink:0}.daySelectorBtn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-card);color:var(--color-text-medium);font-size:var(--font-size-small);font-weight:var(--font-weight-heading);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.daySelectorBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.daySelectorBtnActive{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.daySelectorBtnActive:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.daySelectorDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:var(--space-xs);vertical-align:middle}.dailySummaryCard{margin-bottom:var(--space-lg)}.dailySummaryHeader{margin-bottom:var(--space-md)}.dailySummaryBadge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-card);font-size:var(--font-size-small);font-weight:var(--font-weight-heading)}.dailySummaryBadgeTraining{background:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.dailySummaryBadgeRest{background:#6b72801f;color:var(--color-neutral);border:1px solid var(--color-border)}.dailySummaryTargets{display:flex;flex-direction:column;gap:var(--space-md)}.dailySummaryBarMeta{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:var(--font-size-small)}.dailySummaryBarLabel{color:var(--color-text-medium)}.dailySummaryBarValues{color:var(--color-text-light)}.dailySummaryBarTrack{height:8px;background:var(--color-border-light);border-radius:var(--radius-btn);overflow:hidden}.dailySummaryBarFill{height:100%;background:var(--color-success);border-radius:var(--radius-btn);transition:width var(--transition-base)}.dailySummaryTargetRow{margin-bottom:var(--space-xs)}.dailySummaryTargetLabel{font-size:var(--font-size-small);color:var(--color-text-light)}.mealPlanContainer{display:flex;flex-direction:column;gap:var(--space-8)}.mealDayCard{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.mealDayCard:hover{box-shadow:var(--shadow-md)}.mealPlanList,.mealsList{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-6)}.mealPlanListGrid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.mealPlanListGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.mealDayCard{padding:var(--space-10)}.mealsList .mealCard,.mealPlanList .mealCard{border-radius:var(--radius-md)}.mealsList,.mealPlanList{gap:var(--space-8)}}.mealCard{padding:0;overflow:hidden;display:grid;grid-template-columns:120px 1fr;gap:0;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mealsList .mealCard .mealCardBody,.mealPlanList .mealCard .mealCardBody{padding:var(--space-6)}@media(min-width:768px){.mealsList .mealCard .mealCardBody,.mealPlanList .mealCard .mealCardBody{padding:var(--space-8)}}@media(max-width:639px){.mealCard{grid-template-columns:1fr;width:100%}}.mealCardImageWrap{position:relative;min-height:100px;background:var(--color-border-light)}.mealCardImage{width:100%;height:100%;object-fit:cover;min-height:100px}.mealCardPlaceholder{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a)}.mealCardPlaceholderVisible{display:flex}.mealCardPlaceholderEmoji{font-size:2.5rem}.mealCardBody{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.mealCardTitle{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--color-text)}.mealCardChips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.mealCardChip{font-size:var(--font-size-small);color:var(--color-text-medium);background:var(--color-border-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.mealCardActions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.mealCardBtn{width:auto}.mealCardLogged{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-text-medium);cursor:pointer}.mealCardLogged input{margin:0}.mealCard .mealMacroChip{font-weight:var(--font-weight-medium)}.mealCard .mealMacroChipCalories{color:#a78bfa}.mealCard .mealMacroChipProtein{color:#f5c518}.mealCard .mealMacroChipCarbs{color:#60a5fa}.mealCard .mealMacroChipFats{color:#f87171}.mealCardExpandToggle{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 0;min-height:44px;border:none;background:transparent;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;width:100%;justify-content:flex-start;text-align:left}.mealCardExpandToggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:6px}.mealCardExpandChevron{flex-shrink:0;transition:transform .25s ease}.mealCardExpandChevronOpen{transform:rotate(180deg)}.mealCardExpandInner p{margin:0;font-size:13px;color:var(--color-text-medium)}.mealCardMacros{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-small);color:var(--color-text-light);margin:0 0 var(--space-sm)}.mealCardList{margin:0;padding-left:var(--space-lg);color:var(--color-text-medium)}.recipeSheetOverlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:overlayFadeIn var(--transition-base) ease}.recipeSheet{background:var(--color-card);border-radius:var(--radius-card-lg) var(--radius-card-lg) 0 0;max-height:85vh;overflow-y:auto;width:100%;max-width:480px;padding:var(--space-lg);box-shadow:0 -4px 20px #00000026;animation:sheetSlideUp var(--transition-base) ease}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:640px){.recipeSheetOverlay{align-items:center}.recipeSheet{max-height:90vh;border-radius:var(--radius-card-lg);max-width:520px}}.recipeView{padding-bottom:var(--space-lg)}.recipeViewHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.recipeViewTitle{margin:0;font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);color:var(--color-text);flex:1}.recipeViewFavorite{background:none;border:none;font-size:var(--font-size-small);color:var(--color-text-medium);cursor:pointer;padding:var(--space-sm)}.recipeViewMeta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--font-size-small);color:var(--color-text-light);margin-bottom:var(--space-lg)}.recipeViewSection{margin-bottom:var(--space-lg)}.recipeViewSectionTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--color-text)}.recipeViewList,.recipeViewSteps{margin:0;padding-left:var(--space-lg);color:var(--color-text-medium)}.recipeViewSteps{list-style:decimal}.recipeViewClose{margin-top:var(--space-md);width:100%}.swapModalIntro{margin:0 0 var(--space-md);color:var(--color-text-medium)}.swapModalError{color:var(--color-error);font-size:var(--font-size-small);margin:var(--space-sm) 0}.swapModalList{list-style:none;padding:0;margin:var(--space-md) 0 0;display:flex;flex-direction:column;gap:var(--space-md)}.swapModalItem{padding:var(--space-md);background:var(--color-border-light);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:var(--space-xs)}.swapModalItemName{font-weight:var(--font-weight-heading);color:var(--color-text)}.swapModalItemMacros{font-size:var(--font-size-small);color:var(--color-text-light)}.swapMealForm{margin-top:var(--space-md)}.swapMealLabel{display:block;font-size:var(--font-size-small);font-weight:500;color:var(--color-text-medium);margin-bottom:var(--space-xs)}.swapMealInput{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-md)}.swapMealInput:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.swapMealRow{margin-bottom:var(--space-md)}.swapMealSelect{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);margin-top:var(--space-xs)}.swapMealCheckbox{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);cursor:pointer;font-size:var(--font-size-body)}.swapMealActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.swapMealSubmitRow{display:flex;justify-content:flex-end;gap:var(--space-sm)}.swapMealOverlay{padding:var(--space-lg);align-items:center;justify-content:center}.swapMealModal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;padding:var(--space-xl)}.swapMealTitle{margin:0 0 var(--space-md);font-size:var(--font-size-h3);font-weight:700;color:var(--color-text)}.swapMealCurrent{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-border-light);border-radius:var(--radius-card)}.swapMealCurrentLabel{display:block;font-size:var(--font-size-small);color:var(--color-text-light);margin-bottom:var(--space-xs)}.swapMealCurrentDetail{margin:0;font-weight:500;color:var(--color-text)}.swapMealCurrentBullet{color:var(--color-primary)}.swapMealCurrentMacros{margin:var(--space-xs) 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-light)}.swapMealMacroBars{display:flex;flex-direction:column;gap:var(--space-xs)}.swapMealMacroRow{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-light)}.swapMealMacroRow span:first-child{min-width:1rem}.swapMealMacroBarWrap{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.swapMealMacroBar{height:100%;border-radius:3px;transition:width .2s ease}.swapMealFieldset{border:none;margin:0 0 var(--space-md);padding:0}.swapMealLegend{font-size:var(--font-size-small);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.swapMealRadioGroup{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.swapMealRadio{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-small);color:var(--color-text)}.swapMealRadio input{margin:0}.swapMealSuggestionsBlock{margin-bottom:var(--space-md)}.swapMealSuggestionsLabel{display:block;font-size:var(--font-size-small);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.swapMealSuggestionsList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.swapMealSuggestionBtn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);text-align:left;background:var(--color-border-light);border:var(--border-width) solid transparent;border-radius:var(--radius-card);cursor:pointer;color:var(--color-text);transition:background .2s,border-color .2s}.swapMealSuggestionBtn:hover{background:var(--color-primary-muted)}.swapMealSuggestionBtnSelected{border-color:var(--color-primary);background:var(--color-primary-muted);color:var(--color-primary)}.swapMealSuggestionCheck{color:var(--color-text-light)}.swapMealSuggestionEmoji{font-size:1.1rem}.swapMealNoSuggestions{margin:0;font-size:var(--font-size-small);color:var(--color-text-light)}.swapMealAiRow{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.swapMealAiBtn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);background:var(--color-border-light);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-light);cursor:not-allowed;opacity:.8}.swapMealAiHint{font-size:.75rem;color:var(--color-text-light)}.swapMealClose{position:absolute;top:var(--space-md);right:var(--space-md)}@media(max-width:480px){.swapMealOverlay{padding:var(--space-md);align-items:flex-end}.swapMealModal{max-height:95vh;border-radius:var(--radius-card-lg) var(--radius-card-lg) 0 0}.swapMealFieldset{margin-bottom:var(--space-sm)}.swapMealRadioGroup{gap:var(--space-xs)}}.accountDietaryInput{width:100%;max-width:400px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-sm)}.accountDietaryInput:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.weeklyView{margin-top:var(--space-md)}.weeklyViewToolbar{margin-bottom:var(--space-md)}.weeklyViewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.weeklyViewDay{padding:var(--space-md)}.weeklyViewDayTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-heading);color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs)}.weeklyViewDayMeals{list-style:none;padding:0;margin:0}.weeklyViewMeal{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-text-medium);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light)}.weeklyViewMeal:last-child{border-bottom:none}.weeklyViewMealEmoji{flex-shrink:0}.weeklyViewMealName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weeklyViewMealCal{flex-shrink:0;color:var(--color-text-light)}.groceryList{margin-bottom:var(--space-lg)}.groceryListHeader{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.groceryListTitle{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-heading);color:var(--color-text)}.groceryListActions{display:flex;gap:var(--space-sm)}.groceryListWeekLabel{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-muted)}.groceryListClearChecked{margin-bottom:var(--space-md)}.groceryListGroups{display:flex;flex-direction:column;gap:var(--space-md)}.groceryListGroupTitle{margin:0 0 var(--space-xs);font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--color-text)}.groceryListItems{margin:0;padding:0;list-style:none}.groceryListItem{margin-bottom:var(--space-xs)}.groceryListItemChecked .groceryListItemName{text-decoration:line-through;color:var(--color-text-muted)}.groceryListItemLabel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-small);color:var(--color-text-medium)}.groceryListCheckbox{margin-right:var(--space-xs);flex-shrink:0}.groceryListItemName{font-weight:500;min-width:0}.groceryListQuantity{color:var(--color-primary);font-size:.9em}.groceryListMeals{font-size:.85em;color:var(--color-text-muted);background:var(--color-surface);padding:.15rem .5rem;border-radius:4px;margin-left:auto}.groceryListQty{color:var(--color-primary);margin-right:var(--space-xs)}.completionChart,.streakDisplay{margin:var(--space-lg) 0}.streakDisplayValue{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:var(--space-xs) 0 0;color:var(--color-primary)}.achievementBadges{margin-top:var(--space-lg)}.achievementBadgesFilters{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.achievementBadgesFilterGroup{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.achievementBadgesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(min-width:768px){.achievementBadgesGrid{grid-template-columns:repeat(4,1fr)}}.achievementBadgeCard{position:relative;padding:var(--space-md);border-radius:var(--radius-card);border:2px solid transparent;text-align:center;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-xs)}.achievementBadgeCardUnlocked{background:var(--color-surface);border-color:var(--achievement-border, #6b7280);box-shadow:0 0 12px var(--achievement-glow, transparent)}.achievementBadgeCardLocked{background:#ffffff0a;opacity:.5;filter:grayscale(1)}.achievementBadgeCardLockIcon{position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:1rem;opacity:.9}.achievementBadgeCardIcon{font-size:2.25rem;line-height:1;margin-bottom:var(--space-xs)}.achievementBadgeCardTitle{font-size:var(--font-size-small);font-weight:var(--font-weight-heading);color:var(--color-text)}.achievementBadgeCardDesc{font-size:.75rem;color:var(--color-text-muted);line-height:1.3}.achievementBadgeCardDescLocked{font-style:italic}.achievementBadgesList{list-style:none;padding:0;margin:var(--space-sm) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.achievementBadge{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:#7c3aed1f;border:var(--border-width) solid rgba(124,58,237,.3);font-size:var(--font-size-small);font-weight:var(--font-weight-heading);color:var(--color-secondary);transition:background-color var(--transition-base),border-color var(--transition-base)}.achievementBadge:hover{background:#7c3aed2e;border-color:var(--color-secondary)}.progressPage{padding-bottom:var(--space-2xl)}.progressHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.progressJourneyHeaderInner{flex:1;min-width:0}.progressHeaderActions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.progressJourneyTitle{margin:0 0 var(--space-md);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:.02em}.progressJourneyStats{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-sm)}.progressJourneyStat{display:flex;flex-direction:column;gap:2px}.progressJourneyStatValue{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--color-primary);line-height:1.2}.progressJourneyStatLabel{font-size:var(--text-sm);color:var(--color-text-muted)}.progressJourneyTrend{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.adherenceHeatmap{margin-top:var(--space-md)}.adherenceHeatmapGrid{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-md)}.adherenceHeatmapRow{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.adherenceHeatmapCell{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;transition:transform .15s ease,box-shadow .15s ease}.adherenceHeatmapCell--trained{background:#10b981}.adherenceHeatmapCell--rest{background:#333}.adherenceHeatmapCell--missed{background:#ef4444}.adherenceHeatmapCell--future{background:#1a1a1a}.adherenceHeatmapCell--today{background:#1a1a1a;box-shadow:0 0 0 2px var(--color-primary);animation:progressTodayPulse 1.5s ease-in-out infinite}@keyframes progressTodayPulse{0%,to{box-shadow:0 0 0 2px var(--color-primary);opacity:1}50%{box-shadow:0 0 0 4px var(--color-primary);opacity:.9}}.adherenceHeatmapSummary{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.beltRankCard{padding:var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--belt-border, #333);background:linear-gradient(135deg,color-mix(in srgb,var(--belt-color) 12%,transparent),transparent)}.beltRankTitle{margin:0 0 var(--space-sm);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.beltRankWorkouts{margin:0 0 var(--space-sm);font-size:var(--text-base);color:var(--color-text-secondary)}.beltRankBarWrap{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.beltRankBar{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.beltRankBarFill{height:100%;background:var(--belt-color);border-radius:4px;transition:width .4s ease}.beltRankPct{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);min-width:2.5em}.beltRankNext{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.progressSection{padding:var(--space-lg);margin-bottom:var(--space-lg)}.progressSection .progressSectionTitle{margin-top:0}.progressWeightChart .progressWeightTrend{margin-bottom:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.progressTimelineList{list-style:none;padding:0;margin:0}.progressTimelineWeek{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.progressTimelineWeekHeader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:none;cursor:pointer;font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);text-align:left}.progressTimelineWeekHeader:hover{background:var(--color-surface-hover)}.progressTimelineWeekToggle{font-size:var(--text-sm);color:var(--color-text-muted)}.progressTimelineWorkouts{list-style:none;padding:var(--space-md);margin:0;border-top:1px solid var(--color-border)}.progressTimelineItem{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.progressTimelineItem:last-child{border-bottom:none}.progressTimelineDateBadge{flex-shrink:0;padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.progressTimelineConnector{flex-shrink:0;color:var(--color-text-muted);font-size:var(--text-sm)}.progressTimelineContent{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.progressTimelineName{font-weight:600;color:var(--color-text-primary)}.progressTimelineMeta{font-size:var(--text-sm);color:var(--color-text-muted)}.progressTimelineNotes{margin:4px 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.progressTimelineStatus{font-size:var(--text-xs);color:var(--color-success);margin-top:4px}.weeklyReportOverlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);overflow-y:auto}.weeklyReportModal{position:relative;background:#0f0f0f;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:480px;width:100%;box-shadow:0 0 0 1px #f5c51826,0 24px 48px #00000080}.weeklyReportTitle{margin:0 0 var(--space-xs);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);text-align:center;letter-spacing:.02em}.weeklyReportDates{margin:0 0 var(--space-lg);font-size:var(--text-base);color:var(--color-text-muted);text-align:center}.weeklyReportStats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.weeklyReportStatBox{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.weeklyReportStatValue{font-size:var(--text-xl);font-weight:800;color:var(--color-primary);line-height:1.2}.weeklyReportStatLabel{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.weeklyReportBlock{margin-bottom:var(--space-lg)}.weeklyReportBlockTitle{margin:0 0 var(--space-sm);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.weeklyReportBlockText{margin:0;font-size:var(--text-base);line-height:1.5;color:var(--color-text-secondary);font-style:italic}.weeklyReportActions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl)}.weeklyReportBtn{min-width:140px}.weeklyReportClose{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border:none;background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:1.5rem;line-height:1;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center}.weeklyReportClose:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.shareCardOverlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--space-md)}.shareCardModal{position:relative;background:#ffffff14;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:var(--space-lg);max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}.shareCardTitle{margin:0 0 var(--space-md);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);text-align:center}.shareCardPreviewWrap{display:flex;justify-content:center;margin-bottom:var(--space-lg);overflow:hidden;border-radius:var(--radius-md);background:#080808}.shareCardPreview{display:block;max-width:100%;height:auto}.shareCardActions{display:flex;flex-direction:column;gap:var(--space-sm)}.shareCardBtn{width:100%}.progressMetrics{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(min-width:640px){.progressMetrics{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.progressMetrics{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.progressMetrics{grid-template-columns:repeat(4,1fr)}}.progressMetricCard{padding:var(--space-lg)}.progressMetricTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--color-text)}.progressMetricValue{margin:0 0 var(--space-md);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-primary)}.progressTrend{margin:var(--space-sm) 0 0;font-size:var(--font-size-small);font-weight:var(--font-weight-heading)}.progressTrendUp{color:var(--color-success)}.progressTrendDown{color:var(--color-warning)}.progressWeightCurrent{margin:0 0 var(--space-xs);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text)}.progressWeightMeta{margin:0 0 var(--space-md);font-size:var(--font-size-small);color:var(--color-text-light)}.progressStreakValue{margin:0 0 var(--space-md);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-success)}.progressStreakCalendar{display:grid;grid-template-columns:repeat(30,1fr);gap:2px;margin-bottom:var(--space-sm)}.progressStreakDot{aspect-ratio:1;border-radius:2px;background:var(--color-border-light);transition:background var(--transition-base)}.progressStreakDotActive{background:var(--color-success)}.progressStreakBest{margin:0;font-size:var(--font-size-small);color:var(--color-text-light)}.progressStatsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--font-size-body);color:var(--color-text-medium)}.progressStatsList strong{color:var(--color-text)}.progressSectionTitle{margin:var(--space-lg) 0 var(--space-md);font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);color:var(--color-text)}.progressSectionTitle:first-of-type{margin-top:0}.progressTabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap}.progressTab{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-medium);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.progressTab:hover{background:var(--color-border-light);color:var(--color-text)}.progressTabActive{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.weightCutCalculator{padding:var(--space-lg)}@media print{.weightCutCalculator{box-shadow:none;border:1px solid #ccc}}.weightCutCalculatorIntro{margin:0 0 var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-small)}.weightCutCalculatorDisclaimerProminent{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-card);padding:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-size-small);color:var(--color-text)}.weightCutCalculatorForm{display:flex;flex-direction:column;gap:var(--space-md);max-width:400px}.weightCutCalculatorLabel{display:flex;flex-direction:column;gap:var(--space-xs)}.weightCutCalculatorLabelText{font-size:var(--font-size-small);font-weight:500;color:var(--color-text)}.weightCutCalculatorInput{padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-body)}.weightCutCalculatorUnit{font-size:var(--font-size-small);color:var(--color-text-muted)}.weightCutCalculatorToggle{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.weightCutCalculatorResults{margin-bottom:var(--space-lg)}.weightCutCalculatorResultRow{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.weightCutCalculatorResultLabel{font-size:var(--font-size-small);color:var(--color-text-muted)}.weightCutCalculatorResultValue{font-weight:600;color:var(--color-text)}.weightCutCalculatorSafety{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);margin:var(--space-md) 0;font-weight:600;font-size:var(--font-size-small)}.weightCutSafety-safe{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#059669}.weightCutSafety-moderate{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#d97706}.weightCutSafety-dangerous{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#dc2626}.weightCutCalculatorSafetyIcon{font-size:1.25rem}.weightCutCalculatorProgressWrap{margin:var(--space-md) 0}.weightCutCalculatorProgressLabel{margin:0 0 var(--space-xs);font-size:var(--font-size-small);color:var(--color-text-muted)}.weightCutCalculatorProgressTrack{height:10px;background:var(--color-border-light);border-radius:5px;overflow:hidden;max-width:100%}.weightCutCalculatorProgressBar{height:100%;background:var(--color-primary);border-radius:5px;min-width:0}.weightCutCalculatorSubtitle{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}.weightCutCalculatorTimeline,.weightCutCalculatorRehydration,.weightCutCalculatorRecommendations{margin:0 0 var(--space-md);padding-left:var(--space-lg);color:var(--color-text-medium);font-size:var(--font-size-small);line-height:1.5}.weightCutCalculatorTimelineItem{margin-bottom:var(--space-xs)}.weightCutCalculatorCalories{margin-top:var(--space-md)}.weightCutCalculatorResult .weightCutCalculatorDisclaimerProminent{margin-top:0}.progressMetricCardStats{grid-column:1 / -1}@media(min-width:1280px){.progressMetricCardStats{grid-column:span 1}}.achievementBadgesGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-sm)}@media(min-width:640px){.achievementBadgesGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.achievementBadgeEarned{background:linear-gradient(135deg,#10b98126,#10b98114);border-color:#10b98166;color:var(--color-success)}.achievementBadgeLocked{background:var(--color-border-light);border-color:var(--color-border);color:var(--color-text-light);opacity:.9}.achievementBadgeIcon{display:block;font-size:1.5rem;margin-bottom:var(--space-xs)}.achievementBadgeLabel{display:block;font-weight:var(--font-weight-heading);font-size:var(--font-size-small)}.achievementBadgeReq{display:block;font-size:11px;margin-top:var(--space-xs);color:var(--color-text-light)}.progressChartsSection{margin-bottom:var(--space-xl)}.progressChartCard{padding:var(--space-lg);margin-bottom:var(--space-lg)}.recoveryTrendsSection{margin-bottom:var(--space-xl)}.recoveryTrendsGrid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media(min-width:640px){.recoveryTrendsGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.recoveryTrendsGrid{grid-template-columns:1.2fr 1fr}.recoveryTrendsChartCard{grid-row:span 2}}.recoveryTrendsCard{padding:var(--space-lg)}.recoveryTrendsCardTitle{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);color:var(--color-text)}.recoveryChartWrap{width:100%;min-height:220px}.recoveryChartTooltip{padding:var(--space-sm) var(--space-md);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;font-size:var(--font-size-small);display:flex;flex-direction:column;gap:2px}.recoveryTrendsEmpty{margin:0;color:var(--color-text-light);font-size:var(--font-size-small)}.recoveryTrendsSummaryAvg,.recoveryTrendsSummaryStatus,.recoveryTrendsSummaryTrend{margin:0 0 var(--space-sm);font-size:var(--font-size-small)}.recoveryTrendsSummaryStatus{font-weight:600}.recoveryTrendsSummaryTrend{display:flex;align-items:center;gap:var(--space-xs)}.recoveryTrendsTrendImproving{color:var(--color-success, #22c55e)}.recoveryTrendsTrendDeclining{color:var(--color-warning, #F5C518)}.recoveryTrendsTrendStable{color:var(--color-text-light)}.recoveryTrendsBreakdownList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.recoveryTrendsBreakdownList li{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-small)}.recoveryTrendsBreakdownList strong{margin-left:auto}.recoveryTrendsInsightCard{margin-top:0}.recoveryTrendsInsightText{margin:0;font-size:var(--font-size-small);line-height:1.5;color:var(--color-text)}.progressChartWrap{min-height:160px;width:100%}@media(max-width:639px){.progressChartWrap{min-height:120px}}.progressChartAvg{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-light)}.progressWeightRange{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.progressWorkoutHistory{margin-bottom:var(--space-xl)}.progressWorkoutList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.progressWorkoutItem{padding:var(--space-md)}.progressWorkoutMain{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.progressWorkoutDate{font-size:var(--font-size-small);color:var(--color-text-light)}.progressWorkoutSport{font-weight:var(--font-weight-heading);color:var(--color-text)}.progressWorkoutFocus{font-size:var(--font-size-small);color:var(--color-text-medium)}.progressWorkoutDuration{font-size:var(--font-size-small);color:var(--color-primary);margin-left:auto}.progressWorkoutNotes{margin:0 0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-text-medium);font-style:italic}.weightLogForm{display:flex;flex-direction:column;gap:var(--space-md)}.weightLogLabel{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-small);font-weight:var(--font-weight-heading);color:var(--color-text)}.weightLogInput{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-btn);border:var(--border-width) solid var(--color-border);font-size:var(--font-size-body)}.weightLogActions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.aiCoach{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.aiCoachMessages{min-height:200px;display:flex;flex-direction:column;gap:var(--space-md)}.chatMessage{padding:var(--space-md);border-radius:var(--radius-card-lg);max-width:85%;transition:box-shadow var(--transition-base)}.chatMessageUser{background:#2563eb1a;border:var(--border-width) solid rgba(37,99,235,.2);align-self:flex-end}.chatMessageAssistant{background:var(--color-card);border:var(--border-width) solid var(--color-border);align-self:flex-start}.chatMessageRole{font-size:11px;color:var(--color-text-light);display:block;margin-bottom:var(--space-xs)}.chatMessageContent{margin:0;font-size:var(--font-size-body);color:var(--color-text-medium)}.chatInput{display:flex;gap:var(--space-md)}.chatInputField{flex:1;padding:10px var(--space-md);border-radius:var(--radius-card-lg);border:var(--border-width) solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:var(--font-size-body);font-family:var(--font-family);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.chatInputFieldWrap{flex:1;display:flex;flex-direction:column;gap:4px}.chatInputTextarea{resize:none;max-height:120px}.chatInputMeta{display:flex;justify-content:flex-end}.chatInputCounter{font-size:var(--font-size-small);color:var(--color-text-light)}.chatInputSend{max-width:120px}.chatInputField:hover{border-color:var(--color-neutral)}.chatInputField:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.messageCounter{font-size:var(--font-size-small);margin:0 0 var(--space-sm);color:var(--color-text-light)}.pricingPage{padding-top:var(--space-8);padding-bottom:var(--space-12)}.pricingPageTitle{font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2);text-align:center}.pricingPageSubtitle{font-size:var(--text-body);color:var(--color-text-medium);margin:0 0 var(--space-8);text-align:center}.pricingTrialBanner{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);margin-bottom:var(--space-8);background:var(--color-primary-muted);border:1px solid rgba(30,58,95,.2);border-radius:var(--radius-card-lg)}.pricingTrialBannerIcon{flex-shrink:0;width:24px;height:24px;color:var(--color-primary)}.pricingTrialBannerTitle{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.pricingTrialBannerText{font-size:var(--text-sm);color:var(--color-text-medium);margin:0}.pricingTrialBannerActive{background:var(--color-secondary-muted);border-color:#b4530940}.pricingCards{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:960px;margin:0 auto}@media(min-width:640px){.pricingCards{grid-template-columns:repeat(2,1fr);gap:var(--space-10)}}.pricingCard{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);border-radius:var(--radius-card-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.pricingCard:hover{box-shadow:var(--shadow-md)}.pricingCardStandard{position:relative}.pricingCardPopular{position:relative;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pricingCardPopular:hover{box-shadow:var(--shadow-lg)}.pricingCardBadge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:var(--space-2) var(--space-4);background:#f5c518;color:#000;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap}.pricingCardName{font-size:var(--text-h3);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.pricingCardTagline{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.pricingCardPrice{margin:var(--space-2) 0 0}.pricingCardAmount{font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-primary)}.pricingCardPeriod{font-size:var(--text-body);font-weight:var(--font-weight-normal);color:var(--color-text-light)}.pricingCardEffective{font-size:var(--text-sm);color:var(--color-success);font-weight:var(--font-weight-medium);margin:0}.pricingCardFeatures{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.pricingFeatureItem{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-medium)}.pricingFeatureIcon{flex-shrink:0;width:20px;height:20px}.pricingFeatureIconCheck{color:var(--color-success)}.pricingFeatureIconNone{color:var(--color-text-muted);font-size:var(--text-body)}.pricingFeatureText{flex:1}.pricingCardCta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.pricingCardCta .checkoutForm button,.pricingCardCta .authBtn{width:100%;justify-content:center}.pricingGrid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-top:var(--space-lg)}@media(min-width:640px){.pricingGrid{grid-template-columns:repeat(2,1fr)}}.pricingAmount{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text)}.subscriptionStatus,.freeTrialBanner{margin-top:var(--space-md)}.freeTrialBanner{padding:var(--space-lg);border-radius:var(--radius-card-lg);background:var(--color-primary-muted);border:var(--border-width) solid rgba(30,58,95,.2);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.freeTrialBanner p{margin:0;color:var(--color-text-medium)}.cookieBanner{position:fixed;bottom:0;left:0;right:0;padding:var(--space-lg) var(--space-xl);background:var(--color-card);border-top:var(--border-width) solid var(--color-border);box-shadow:0 -4px 6px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);z-index:999}.cookieBanner .muted{margin:0;flex:1}.legalPage .content{max-width:720px;margin-left:auto;margin-right:auto;line-height:1.6}.legalContent{padding-top:var(--space-lg);padding-bottom:var(--space-xl)}.legalContent h1{margin-bottom:var(--space-sm)}.legalContent h2{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.legalContent h3{margin-top:var(--space-md);margin-bottom:var(--space-xs)}.legalContent a{color:var(--color-primary)}.legalContent a:hover{text-decoration:underline}@media(max-width:640px){.legalPage .content{padding-left:var(--space-md);padding-right:var(--space-md)}}@media print{.legalPage header,.legalPage .footer,.legalPage .networkBanner,.legalPage .bottomNav{display:none!important}.legalPage .content{max-width:none}.legalContent{padding-top:0}}.disclaimer{margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-card-lg);background:var(--color-border-light);border:var(--border-width) solid var(--color-border)}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-border) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-card)}.skeleton-shimmer,.skeletonCard .skeleton,.skeletonStat .skeleton,.skeletonChart .skeleton,.skeletonText .skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#242424,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeletonCard{padding:var(--space-md)}.skeletonTitle{height:18px;margin-bottom:var(--space-sm)}.skeletonBody{display:flex;flex-direction:column;gap:var(--space-xs)}.skeletonLine{height:10px}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:999;background:#92400e;color:#fff;padding:10px 16px;font-size:.875rem;text-align:center}.appLayout{display:flex;flex-direction:column;min-height:100vh}.pull-refresh-indicator{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;padding:8px 16px;background:var(--color-surface-2);border-radius:20px;box-shadow:var(--shadow-card)}.pull-refresh-spinner{display:inline-block;font-size:1.25rem;animation:pullRefreshSpin .8s linear infinite}@keyframes pullRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.appLayout>*:first-child{flex:1}.appFooter{border-top:var(--border-width) solid var(--color-border);padding:var(--space-lg) var(--space-md);text-align:center;font-size:var(--font-size-small);color:var(--color-text-light);background:var(--color-bg)}.appFooterLink{color:var(--color-primary);text-decoration:none}.appFooterLink:hover{text-decoration:underline}.appFooterSep{margin:0 var(--space-xs);color:var(--color-border)}@media print{.appFooter{border-top-color:var(--color-border)}}.cookieConsentWrap{position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-height, 56px) + 8px);z-index:950;display:flex;justify-content:center;padding:0 var(--space-md);pointer-events:none;box-sizing:border-box}.cookieConsentWrap>*{pointer-events:auto}@media(min-width:640px){.cookieConsentWrap{bottom:24px}}.cookieConsentBanner{width:100%;max-width:480px;padding:16px 20px;background:#111;border:1px solid #1f1f1f;border-radius:12px;box-shadow:0 8px 32px #00000073;box-sizing:border-box}.cookieConsentText{margin:0 0 var(--space-md);font-size:var(--font-size-small);line-height:1.5;color:var(--color-text)}@media(min-width:480px){.cookieConsentText{margin-bottom:0}}.cookieConsentLink{color:#f5c518;text-decoration:none}.cookieConsentLink:hover{text-decoration:underline}.cookieConsentActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-sm)}@media(min-width:480px){.cookieConsentBanner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-lg)}.cookieConsentText{flex:1;min-width:0}.cookieConsentActions{flex-shrink:0;justify-content:flex-end}}.cookieConsentBtnAccept{min-height:44px}.cookieConsentBtnDecline{font-size:14px}@media print{.cookieConsentWrap{display:none!important}}.settingsPage{max-width:640px;margin-left:auto;margin-right:auto;padding-bottom:var(--space-xl)}.settingsCard{margin-bottom:var(--space-lg);padding:var(--space-lg)}.settingsCardTitle{margin:0 0 var(--space-sm);font-size:var(--font-size-h4);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-xs)}.settingsCardDivider{height:1px;background:var(--color-border);margin:0 0 var(--space-md)}.settingsRow{margin:0 0 var(--space-sm);font-size:var(--font-size-body);color:var(--color-text)}.settingsActions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.settingsActionsColumn{flex-direction:column;align-items:flex-start}.settingsToggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm);cursor:pointer}.settingsToggleLabel{font-size:var(--font-size-body);color:var(--color-text)}.settingsToggleSwitch{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:12px;transition:background .2s}.settingsToggleSwitch.settingsToggleOn{background:var(--color-primary)}.settingsToggleInput{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.settingsToggleSwitch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.settingsToggleOn.settingsToggleSwitch:after{transform:translate(20px)}.settingsCheckbox{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);cursor:pointer;font-size:var(--font-size-body);color:var(--color-text)}.settingsCheckbox input{width:18px;height:18px}.settingsDangerZone{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--border-width) solid var(--color-border)}.settingsDangerZone .btnDanger{border:2px solid var(--color-danger, #dc2626);color:var(--color-danger, #dc2626);background:transparent}.settingsDangerZone .btnDanger:hover:not(:disabled){background:var(--color-danger, #dc2626);color:#fff}.btnDanger{border:2px solid var(--color-danger, #dc2626);color:var(--color-danger, #dc2626);background:transparent;border-radius:var(--radius-card);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:background .2s,color .2s}.btnDanger:hover:not(:disabled){background:var(--color-danger, #dc2626);color:#fff}.btnDanger:disabled{opacity:.5;cursor:not-allowed}.settingsDeleteModal{max-width:400px}.settingsDeleteWarning{margin:0 0 var(--space-md);color:var(--color-text)}.settingsDeleteInput{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);border:2px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-md)}.settingsDeleteInput:focus{outline:none;border-color:var(--color-primary)}.settingsDeleteActions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.settingsVersion{margin:var(--space-md) 0 0;font-size:var(--font-size-small);color:var(--color-text-light)}.networkBanner{background:var(--color-warning);color:#111827;padding:6px var(--space-md);font-size:var(--font-size-small);text-align:center}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--padding-mobile);padding-right:var(--padding-mobile)}@media(min-width:640px){.container{padding-left:var(--padding-tablet);padding-right:var(--padding-tablet)}}@media(min-width:1024px){.container{padding-left:var(--padding-desktop);padding-right:var(--padding-desktop)}}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.section{padding-top:var(--space-6);padding-bottom:var(--space-6)}@media(min-width:640px){.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.grid-1,.grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.heading-1{font-size:var(--text-h1);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);color:var(--color-text);margin:0}.heading-2{font-size:var(--text-h2);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);color:var(--color-text);margin:0}.heading-3{font-size:var(--text-h3);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text);margin:0}.heading-4{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text);margin:0}.heading-5{font-size:var(--text-h5);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);color:var(--color-text);margin:0}.body{font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-text-medium);margin:0}.body-sm{font-size:var(--text-body-sm);line-height:var(--leading-normal);color:var(--color-text-medium);margin:0}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-muted{color:var(--color-text-muted)}.text-medium{color:var(--color-text-medium)}.text-bold{font-weight:var(--font-weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:var(--border-width) solid var(--color-border-light);font-weight:var(--font-weight-semibold);color:var(--color-text)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-width) solid var(--color-border-light);background:var(--color-bg-subtle);border-radius:0 0 var(--radius-card-lg) var(--radius-card-lg)}.stat-card{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md)}.info-card{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-action);color:#000;font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-action-hover);box-shadow:var(--shadow-action);transform:translateY(-2px)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-action-rgb),.35)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);min-height:44px;border:1.5px solid var(--color-primary);border-radius:var(--radius-md);background:transparent;color:var(--color-primary);font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover:not(:disabled){background:#f5c51814;box-shadow:var(--shadow-yellow)}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.25)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);min-height:44px;border:var(--border-width) solid transparent;border-radius:var(--radius-btn);background:transparent;color:var(--color-text-medium);font-family:var(--font-family);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.btn-sm{padding:var(--space-2) var(--space-4);min-height:36px;font-size:var(--text-xs)}.btn-md{padding:var(--space-3) var(--space-6);min-height:44px;font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);min-height:48px;font-size:var(--text-body)}.btn-disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.text-accent,.stat-value,.badge-text,.highlight,.dashboardNewStatValue,.statsCardValue,.streakDisplayValue{color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border:var(--border-width) solid transparent}.badge-success{background:#0596691f;color:var(--color-success);border-color:#0596694d}.badge-warning{background:#d977061f;color:var(--color-warning);border-color:#d977064d}.badge-info{background:var(--color-primary-muted);color:var(--color-primary);border-color:#1e3a5f4d}.badge-error{background:#dc26261f;color:var(--color-error);border-color:#dc26264d}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-2{padding-bottom:var(--space-2)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pl-2{padding-left:var(--space-2)}.pl-4{padding-left:var(--space-4)}.pr-2{padding-right:var(--space-2)}.pr-4{padding-right:var(--space-4)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.hidden-mobile{display:none}@media(min-width:640px){.hidden-mobile{display:revert}}.hidden-tablet{display:revert}@media(min-width:640px)and (max-width:1023px){.hidden-tablet{display:none!important}}@media(min-width:1024px){.hidden-tablet{display:revert!important}}.hidden-desktop{display:revert}@media(min-width:1024px){.hidden-desktop{display:none!important}}.stack-mobile{display:flex;flex-direction:column}@media(min-width:1024px){.stack-mobile{flex-direction:row}}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.landingPage{padding-bottom:0}.landingHero{min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%);color:var(--color-text);text-align:center;padding:var(--space-12) var(--padding-mobile)}.landingHeroInner{max-width:800px}.landingHeroTitle{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-6);color:inherit}.landingHeroSubtitle{font-size:clamp(1rem,2.5vw,1.25rem);margin:0 0 var(--space-10);opacity:.95}.landingHeroCtas{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}.landingCtaPrimary{padding:var(--space-4) var(--space-8);font-size:var(--text-body);background:var(--color-card)!important;color:var(--color-primary)!important;border-color:var(--color-card)!important;box-shadow:var(--shadow-lg)}.landingCtaPrimary:hover{background:var(--color-bg-subtle)!important;color:var(--color-primary-hover)!important}.landingCtaSecondary{padding:var(--space-4) var(--space-8);font-size:var(--text-body);background:transparent!important;color:var(--color-card)!important;border:2px solid var(--color-card)!important}.landingCtaSecondary:hover{background:#ffffff26!important;color:var(--color-card)!important}.landingHeroNote{font-size:var(--text-sm);margin:0;opacity:.9}.landingSection{padding:var(--space-12) var(--padding-mobile)}@media(min-width:640px){.landingSection{padding:var(--space-16) var(--padding-tablet)}}.landingSectionTitle{text-align:center;font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-12)}.landingFeaturesGrid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:1200px;margin:0 auto}@media(min-width:640px){.landingFeaturesGrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.landingFeaturesGrid{grid-template-columns:repeat(4,1fr)}}.landingFeatureCard{text-align:center;padding:var(--space-8)}.landingFeatureIcon{font-size:3rem;margin-bottom:var(--space-4)}.landingPricing{background:var(--color-bg-subtle)}.landingPricingCard{max-width:480px;margin:0 auto;padding:var(--space-8)}.landingPricingContent{text-align:center}.landingPricingPrice{margin:var(--space-2) 0 var(--space-6);font-size:var(--text-body);color:var(--color-text-medium)}.landingPricingAmount{font-weight:var(--font-weight-bold);color:var(--color-text)}.landingPricingList{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left;max-width:240px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-6)}.landingPricingList li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative}.landingPricingList li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.landingPricingCta{width:100%}.landingTestimonials{background:var(--color-bg)}.landingTestimonialsGrid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1200px;margin:0 auto}@media(min-width:640px){.landingTestimonialsGrid{grid-template-columns:repeat(3,1fr)}}.landingTestimonial{padding:var(--space-6)}.landingTestimonialQuote{font-size:var(--text-body);font-style:italic;color:var(--color-text-medium);margin:0 0 var(--space-4)}.landingTestimonial footer{font-size:var(--text-sm)}.landingCtaSection{padding:var(--space-12) var(--padding-mobile);background:var(--color-primary);color:var(--color-card);text-align:center}@media(min-width:640px){.landingCtaSection{padding:var(--space-16) var(--padding-tablet)}}.landingCtaTitle{font-size:var(--text-h2);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6);color:inherit}.landingCtaSubtitle{font-size:var(--text-body);margin:0 0 var(--space-8);opacity:.95}.landingCtaButton{padding:var(--space-4) var(--space-12);font-size:var(--text-body);font-weight:var(--font-weight-semibold);background:var(--color-secondary)!important;color:var(--color-card)!important;border:none!important;box-shadow:var(--shadow-xl)}.landingCtaButton:hover{background:var(--color-secondary-hover)!important;color:var(--color-card)!important}@media(max-width:639px){.hero{padding:var(--space-xl) var(--space-md)}.heroCard,.authBox,.content{padding:var(--space-md)}}.bg-secondary{background-color:var(--color-secondary);color:var(--color-bg)}.text-secondary{color:var(--color-secondary)}.border-secondary{border-color:var(--color-secondary)}.btn-secondary-yellow{background:var(--color-secondary);color:var(--color-bg);border:none;font-weight:var(--font-weight-bold);box-shadow:var(--glow-secondary)}.btn-secondary-yellow:hover:not(:disabled){background:var(--color-secondary-hover);box-shadow:0 0 30px #fbbf2499;transform:translateY(-2px)}.bg-primary{background-color:var(--color-primary);color:var(--color-bg)}.text-primary{color:var(--color-primary)}.border-primary{border-color:var(--color-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pwa-install-prompt{position:fixed;bottom:80px;left:16px;right:16px;background:#1a1a2e;border:1px solid #F5C518;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:100;box-shadow:0 4px 20px #f5c51833;animation:slideUp .3s ease}.pwa-install-content{display:flex;align-items:center;gap:12px}.pwa-install-icon{font-size:1.75rem;line-height:1}.pwa-install-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 .15rem}.pwa-install-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.pwa-install-actions{display:flex;gap:8px;flex-shrink:0}.app,.page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.app{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"navbar" "main" "footer"}.app>header,.page>header{grid-area:navbar}.app>main,.page>main{grid-area:main;flex:1;display:flex;flex-direction:column}.app>footer,.page>footer{grid-area:footer}.app-main,.page>main .content{flex:1;width:100%;padding-bottom:calc(var(--space-12) + 56px)}@media(min-width:1024px){.app-main,.page>main .content{padding-bottom:var(--space-8)}}.page-container,.content{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding:var(--padding-mobile);padding-bottom:calc(var(--space-12) + 56px)}@media(min-width:640px){.page-container,.content{padding-left:var(--padding-tablet);padding-right:var(--padding-tablet);padding-top:var(--padding-tablet)}}@media(min-width:640px)and (max-width:1023px){.page-container,.content{padding-bottom:calc(var(--space-12) + 56px)}}@media(min-width:1024px){.page-container,.content{padding-left:var(--padding-desktop);padding-right:var(--padding-desktop);padding-top:var(--padding-desktop);padding-bottom:var(--space-8)}}.pageCentered{align-items:center;justify-content:center;padding:var(--space-6)}.pageTitle{margin:0 0 var(--space-2);font-size:var(--text-h3);font-weight:var(--font-weight-semibold);color:var(--color-text)}.muted{color:var(--color-text-light);margin:0}.bottomNavItem{padding:var(--space-2) 0;transition:color var(--transition-base)}.bottomNavItemActive{color:var(--color-okta-accent)}@media(min-width:1024px){.bottomNav{display:none}}.appLayout{min-height:100vh;background:linear-gradient(135deg,#080808,#0f0f0f,#111)}.appLayoutMain{min-height:100vh}@media(min-width:1024px){.appLayoutWithSidebar .appLayoutMain{margin-left:240px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .7s linear infinite}.app-spinner-sm{width:20px;height:20px;border-width:2px}.app-spinner-lg{width:48px;height:48px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-border) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-line{height:1em;border-radius:var(--radius-sm)}.skeleton-title{height:1.25em;width:60%;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-card{padding:var(--space-6);border-radius:var(--radius-card-lg)}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000d9;border-radius:inherit;transition:opacity var(--transition-base)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-enter{animation:pageFadeIn var(--transition-slow) ease forwards}.content-fade-in{animation:fadeIn var(--transition-base) ease forwards}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.app a,.app button,.topLink,.bottomNavItem{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}@media(prefers-reduced-motion:reduce){.page-enter,.content-fade-in,.hover-lift:hover,.hover-scale:hover{animation:none;transform:none}}.btn-glow{box-shadow:var(--glow-primary);transition:box-shadow .3s ease}.btn-glow:hover{box-shadow:0 0 30px #10b98199}.card-glow:hover{box-shadow:var(--shadow-lg),var(--glow-primary);border-color:var(--color-primary)}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-overlay{background:#000000d9}.appSidebar{display:none}@media(max-width:1023px){.appSidebar{display:none}}@media(min-width:1024px){.appSidebar{display:flex;flex-direction:column;position:fixed;left:0;top:calc(56px + env(safe-area-inset-top,0px));bottom:0;width:240px;z-index:160;background:#080808bf;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid rgba(255,255,255,.08);box-sizing:border-box}.appSidebarInner{display:flex;flex-direction:column;height:100%;min-height:0;padding:16px 0 20px}.appSidebarBrand{display:inline-flex;align-items:baseline;padding:0 16px 20px;font-size:var(--text-h5, 1.125rem);font-weight:var(--font-weight-extrabold, 800);letter-spacing:.04em;color:#fff;text-decoration:none;flex-shrink:0}.appSidebarBrand:hover{color:var(--color-okta-accent, #f5c518);text-decoration:none}.appSidebarBrandAccent{color:var(--color-okta-accent, #f5c518)}.appSidebarNav{flex:1;min-height:0;overflow-y:auto;padding:0 12px}.appSidebarNavList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.appSidebarNavItem{margin:0}.appSidebarLink{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:44px;padding:0 16px;border-radius:8px;color:#9ca3af;font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-medium, 500);text-decoration:none;border-left:3px solid transparent;box-sizing:border-box;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.appSidebarLink:hover{background:#1a1a1a;color:#e5e7eb;text-decoration:none}.appSidebarLink:focus-visible{outline:2px solid var(--color-okta-accent, #f5c518);outline-offset:2px}.appSidebarLinkActive{background:#ffffff1a;border-left-color:#f5c518;color:#f5c518}.appSidebarLinkActive:hover{background:#ffffff1f;color:#f5c518}.appSidebarIcon{flex-shrink:0}.appSidebarFooter{flex-shrink:0;padding:16px 16px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.appSidebarUserText{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.appSidebarUserName{font-size:var(--text-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:#fff;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appSidebarUserEmail{font-size:.75rem;color:#9ca3af;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}