:root{color-scheme:light;--brand-navy: #021d4c;--brand-navy-light: #0a2f68;--brand-teal: #0c97a1;--brand-teal-light: #1db9c3;--brand-teal-dark: #0a7d86;--brand-lime: #91cc2d;--brand-lime-light: #a9e342;--brand-lime-dark: #567c14;--brand-offwhite: #f7fafc;--brand-gradient: linear-gradient(135deg, #0c97a1 0%, #42c8b0 55%, #91cc2d 100%);--light-bg: #f7fafc;--light-bg-elevated: #ffffff;--light-surface-1: #ffffff;--light-surface-2: #f5f7f8;--light-surface-3: #edf0f2;--light-border: #d8e0e5;--light-border-soft: #e5eaed;--light-text-primary: #10213b;--light-text-secondary: #526277;--light-text-tertiary: #7a8899;--light-text-disabled: #a7b1be;--light-primary: #0a7d86;--light-primary-hover: #096e76;--light-primary-active: #075f66;--light-primary-text: #075f66;--light-on-primary: #ffffff;--light-primary-surface: #e4f4f5;--light-accent: #91cc2d;--light-accent-hover: #82ba24;--light-accent-active: #71a31c;--light-accent-text: #567c14;--light-on-accent: #021d4c;--light-accent-surface: #f1f8e3;--light-success: #398b56;--light-success-text: #2f7748;--light-warning: #9a6800;--light-warning-text: #895c00;--light-hint-surface: #fff6d8;--light-autumn: #b54708;--light-autumn-hover: #9a3b07;--light-autumn-active: #7c2d12;--light-autumn-text: #9a3412;--light-on-autumn: #ffffff;--light-autumn-surface: #fff1e6;--light-error: #b83e4b;--light-info: #256da8;--light-overlay: #021d4c52;--light-nav-active: #0a7d86;--light-nav-inactive: #6e7c8d;--light-nav-surface: #f7fafc;--light-glass-card: rgb(255 255 255 / 76%);--light-glass-border: rgb(2 29 76 / 8%);--light-glass-highlight: rgb(255 255 255 / 78%);--light-glass-highlight-soft: rgb(255 255 255 / 18%);--light-glass-lowlight: rgb(2 29 76 / 8%);--light-glass-accent: rgb(12 151 161 / 8%);--light-glass-secondary: rgb(2 29 76 / 6%);--light-glass-shadow: 0 8px 32px rgb(2 29 76 / 7%);--light-glow-primary: 0 0 12px rgb(12 125 134 / 22%), 0 0 28px rgb(12 125 134 / 9%);--light-glow-accent: 0 0 12px rgb(145 204 45 / 22%), 0 0 26px rgb(145 204 45 / 9%);--dark-bg: #07111f;--dark-bg-elevated: #0a1628;--dark-surface-1: #0d1a2b;--dark-surface-2: #112239;--dark-surface-3: #162b45;--dark-border: #223a57;--dark-border-soft: #172a42;--dark-text-primary: #f5f8fc;--dark-text-secondary: #aab7c7;--dark-text-tertiary: #78879a;--dark-text-disabled: #566274;--dark-primary: #18b7b5;--dark-primary-hover: #23c1c6;--dark-primary-active: #0c97a1;--dark-primary-text: #18b7b5;--dark-on-primary: #021d4c;--dark-primary-surface: #0c2633;--dark-accent: #91cc2d;--dark-accent-hover: #a9e342;--dark-accent-active: #7fb521;--dark-accent-text: #91cc2d;--dark-on-accent: #07111f;--dark-accent-surface: #19270d;--dark-success: #5dc77d;--dark-success-text: #5dc77d;--dark-warning: #f0b84b;--dark-warning-text: #f0b84b;--dark-hint-surface: #353022;--dark-autumn: #fb923c;--dark-autumn-hover: #fdba74;--dark-autumn-active: #f97316;--dark-autumn-text: #fdba74;--dark-on-autumn: #07111f;--dark-autumn-surface: #431407;--dark-error: #f06868;--dark-info: #58a6ff;--dark-overlay: #020a189e;--dark-nav-active: #18b7b5;--dark-nav-inactive: #78879a;--dark-nav-surface: #0c2633;--dark-glass-card: rgb(13 26 43 / 72%);--dark-glass-border: rgb(126 181 205 / 10%);--dark-glass-highlight: rgb(255 255 255 / 4%);--dark-glass-highlight-soft: rgb(255 255 255 / 4%);--dark-glass-lowlight: rgb(0 8 24 / 22%);--dark-glass-accent: rgb(24 183 181 / 8%);--dark-glass-secondary: rgb(2 29 76 / 16%);--dark-glass-shadow: inset 0 1px 0 rgb(255 255 255 / 4%), 0 8px 30px rgb(0 8 24 / 22%);--dark-glow-primary: 0 0 12px rgb(24 183 181 / 22%), 0 0 28px rgb(24 183 181 / 9%);--dark-glow-accent: 0 0 12px rgb(145 204 45 / 22%), 0 0 26px rgb(145 204 45 / 9%);--color-bg: var(--light-bg);--color-bg-elevated: var(--light-bg-elevated);--color-surface-1: var(--light-surface-1);--color-surface-2: var(--light-surface-2);--color-surface-3: var(--light-surface-3);--color-border: var(--light-border);--color-border-soft: var(--light-border-soft);--color-text-primary: var(--light-text-primary);--color-text-secondary: var(--light-text-secondary);--color-text-tertiary: var(--light-text-tertiary);--color-text-disabled: var(--light-text-disabled);--color-primary: var(--light-primary);--color-primary-hover: var(--light-primary-hover);--color-primary-active: var(--light-primary-active);--color-primary-text: var(--light-primary-text);--color-on-primary: var(--light-on-primary);--color-primary-surface: var(--light-primary-surface);--color-accent: var(--light-accent);--color-accent-hover: var(--light-accent-hover);--color-accent-active: var(--light-accent-active);--color-accent-text: var(--light-accent-text);--color-on-accent: var(--light-on-accent);--color-accent-surface: var(--light-accent-surface);--color-success: var(--light-success);--color-success-text: var(--light-success-text);--color-warning: var(--light-warning);--color-warning-text: var(--light-warning-text);--color-hint-surface: var(--light-hint-surface);--color-autumn: var(--light-autumn);--color-autumn-hover: var(--light-autumn-hover);--color-autumn-active: var(--light-autumn-active);--color-autumn-text: var(--light-autumn-text);--color-on-autumn: var(--light-on-autumn);--color-autumn-surface: var(--light-autumn-surface);--color-error: var(--light-error);--color-info: var(--light-info);--color-overlay: var(--light-overlay);--color-nav-active: var(--light-nav-active);--color-nav-inactive: var(--light-nav-inactive);--color-nav-surface: var(--light-nav-surface);--color-glass-card: var(--light-glass-card);--color-glass-border: var(--light-glass-border);--color-glass-highlight: var(--light-glass-highlight);--color-glass-highlight-soft: var(--light-glass-highlight-soft);--color-glass-lowlight: var(--light-glass-lowlight);--color-glass-accent: var(--light-glass-accent);--color-glass-secondary: var(--light-glass-secondary);--color-challenge-hero-text: var(--light-text-primary);--color-challenge-hero-text-muted: var(--light-text-secondary);--color-challenge-hero-progress-surface: rgb(255 250 240 / 90%);--color-challenge-hero-ring-track: rgb(12 151 161 / 20%);--challenge-hero-overlay: linear-gradient( 90deg, rgb(255 250 240 / 98%) 0%, rgb(255 250 240 / 90%) 38%, rgb(255 250 240 / 35%) 65%, rgb(255 250 240 / 0%) 100% );--challenge-hero-overlay-mobile: linear-gradient( 90deg, rgb(255 250 240 / 100%) 0%, rgb(255 250 240 / 96%) 48%, rgb(255 250 240 / 55%) 72%, rgb(255 250 240 / 8%) 100% );--glow-primary: var(--light-glow-primary);--glow-accent: var(--light-glow-accent);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-page-inline: var(--space-4);--space-page-top: var(--space-4);--space-page-bottom: var(--space-8);--space-section: var(--space-6);--space-card-inner: var(--space-4);--space-stack: var(--space-4);--space-grid: var(--space-3);--space-list: var(--space-2);--space-field: var(--space-1);--space-actions: var(--space-3);--space-surface-inner: var(--space-3);--card-radius: var(--radius-3);--card-border: var(--color-border-soft);--card-surface: var(--color-surface-1);--card-surface-hover: var(--color-surface-2);--card-padding: var(--space-card-inner);--card-elevation: var(--shadow-1);--card-elevation-raised: var(--shadow-2);--icon-container-size: var(--touch-target);--icon-container-radius: var(--radius-2);--icon-container-surface: var(--color-primary-surface);--icon-container-color: var(--color-primary-text);--bottom-nav-height: 4.125rem;--bottom-nav-height-compact: 3.375rem;--bottom-nav-offset: var(--space-3);--bottom-nav-offset-compact: var(--space-2);--bottom-nav-content-gap: var(--space-4);--bottom-nav-content-space: calc( var(--bottom-nav-height) + max(var(--bottom-nav-offset), env(safe-area-inset-bottom)) + var(--bottom-nav-content-gap) );--radius-1: .5rem;--radius-2: .75rem;--radius-3: 1rem;--radius-4: 1.25rem;--radius-full: 999px;--touch-target: 44px;--content-width: 40rem;--font-family: Inter, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--font-size-page-title: clamp(1.75rem, 6vw, 2.25rem);--font-size-section: 1.25rem;--font-size-card: 1.0625rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-tiny: .75rem;--line-height-tight: 1.2;--line-height-body: 1.55;--control-height: 3.25rem;--icon-small: 1rem;--icon-default: 1.375rem;--icon-nav: 1.5rem;--duration-fast: .12s;--duration-standard: .18s;--duration-level-transition: .2s;--easing-standard: cubic-bezier(.2, .8, .2, 1);--easing-level-transition: cubic-bezier(.2, 0, 0, 1);--shadow-1: 0 1px 2px rgb(2 29 76 / 4%);--shadow-2: 0 12px 32px rgb(2 29 76 / 8%);--shadow-glass: var(--light-glass-shadow);--glass-blur: 1.25rem;--glass-saturation: 1.25}:root[data-theme=dark]{color-scheme:dark;--color-bg: var(--dark-bg);--color-bg-elevated: var(--dark-bg-elevated);--color-surface-1: var(--dark-surface-1);--color-surface-2: var(--dark-surface-2);--color-surface-3: var(--dark-surface-3);--color-border: var(--dark-border);--color-border-soft: var(--dark-border-soft);--color-text-primary: var(--dark-text-primary);--color-text-secondary: var(--dark-text-secondary);--color-text-tertiary: var(--dark-text-tertiary);--color-text-disabled: var(--dark-text-disabled);--color-primary: var(--dark-primary);--color-primary-hover: var(--dark-primary-hover);--color-primary-active: var(--dark-primary-active);--color-primary-text: var(--dark-primary-text);--color-on-primary: var(--dark-on-primary);--color-primary-surface: var(--dark-primary-surface);--color-accent: var(--dark-accent);--color-accent-hover: var(--dark-accent-hover);--color-accent-active: var(--dark-accent-active);--color-accent-text: var(--dark-accent-text);--color-on-accent: var(--dark-on-accent);--color-accent-surface: var(--dark-accent-surface);--color-success: var(--dark-success);--color-success-text: var(--dark-success-text);--color-warning: var(--dark-warning);--color-warning-text: var(--dark-warning-text);--color-hint-surface: var(--dark-hint-surface);--color-autumn: var(--dark-autumn);--color-autumn-hover: var(--dark-autumn-hover);--color-autumn-active: var(--dark-autumn-active);--color-autumn-text: var(--dark-autumn-text);--color-on-autumn: var(--dark-on-autumn);--color-autumn-surface: var(--dark-autumn-surface);--color-error: var(--dark-error);--color-info: var(--dark-info);--color-overlay: var(--dark-overlay);--color-nav-active: var(--dark-nav-active);--color-nav-inactive: var(--dark-nav-inactive);--color-nav-surface: var(--dark-nav-surface);--color-glass-card: var(--dark-glass-card);--color-glass-border: var(--dark-glass-border);--color-glass-highlight: var(--dark-glass-highlight);--color-glass-highlight-soft: var(--dark-glass-highlight-soft);--color-glass-lowlight: var(--dark-glass-lowlight);--color-glass-accent: var(--dark-glass-accent);--color-glass-secondary: var(--dark-glass-secondary);--glow-primary: var(--dark-glow-primary);--glow-accent: var(--dark-glow-accent);--shadow-1: 0 1px 2px rgb(0 8 24 / 18%);--shadow-2: 0 14px 36px rgb(0 8 24 / 24%);--shadow-glass: var(--dark-glass-shadow)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg: var(--dark-bg);--color-bg-elevated: var(--dark-bg-elevated);--color-surface-1: var(--dark-surface-1);--color-surface-2: var(--dark-surface-2);--color-surface-3: var(--dark-surface-3);--color-border: var(--dark-border);--color-border-soft: var(--dark-border-soft);--color-text-primary: var(--dark-text-primary);--color-text-secondary: var(--dark-text-secondary);--color-text-tertiary: var(--dark-text-tertiary);--color-text-disabled: var(--dark-text-disabled);--color-primary: var(--dark-primary);--color-primary-hover: var(--dark-primary-hover);--color-primary-active: var(--dark-primary-active);--color-primary-text: var(--dark-primary-text);--color-on-primary: var(--dark-on-primary);--color-primary-surface: var(--dark-primary-surface);--color-accent: var(--dark-accent);--color-accent-hover: var(--dark-accent-hover);--color-accent-active: var(--dark-accent-active);--color-accent-text: var(--dark-accent-text);--color-on-accent: var(--dark-on-accent);--color-accent-surface: var(--dark-accent-surface);--color-success: var(--dark-success);--color-success-text: var(--dark-success-text);--color-warning: var(--dark-warning);--color-warning-text: var(--dark-warning-text);--color-hint-surface: var(--dark-hint-surface);--color-autumn: var(--dark-autumn);--color-autumn-hover: var(--dark-autumn-hover);--color-autumn-active: var(--dark-autumn-active);--color-autumn-text: var(--dark-autumn-text);--color-on-autumn: var(--dark-on-autumn);--color-autumn-surface: var(--dark-autumn-surface);--color-error: var(--dark-error);--color-info: var(--dark-info);--color-overlay: var(--dark-overlay);--color-nav-active: var(--dark-nav-active);--color-nav-inactive: var(--dark-nav-inactive);--color-nav-surface: var(--dark-nav-surface);--color-glass-card: var(--dark-glass-card);--color-glass-border: var(--dark-glass-border);--color-glass-highlight: var(--dark-glass-highlight);--color-glass-highlight-soft: var(--dark-glass-highlight-soft);--color-glass-lowlight: var(--dark-glass-lowlight);--color-glass-accent: var(--dark-glass-accent);--color-glass-secondary: var(--dark-glass-secondary);--glow-primary: var(--dark-glow-primary);--glow-accent: var(--dark-glow-accent);--shadow-1: 0 1px 2px rgb(0 8 24 / 18%);--shadow-2: 0 14px 36px rgb(0 8 24 / 24%);--shadow-glass: var(--dark-glass-shadow)}}*,*:before,*:after{box-sizing:border-box}.brand{display:inline-grid;align-items:center;max-width:100%;line-height:0}.brand--mark{width:2.75rem;aspect-ratio:442 / 388}.brand--lockup{width:min(100%,18rem);aspect-ratio:599.24 / 104}.brand__image{grid-area:1 / 1;display:block;width:100%;height:100%;object-fit:contain;transition:opacity var(--duration-fast) var(--easing-standard)}.brand__image--dark,:root[data-theme=dark] .brand__image--light{opacity:0}:root[data-theme=dark] .brand__image--dark{opacity:1}@media(prefers-color-scheme:dark){:root:not([data-theme]) .brand__image--light{opacity:0}:root:not([data-theme]) .brand__image--dark{opacity:1}}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-bg);background:radial-gradient(circle at 8% -8%,var(--color-glass-accent),transparent 24rem),radial-gradient(circle at 105% 12%,var(--color-glass-secondary),transparent 26rem),var(--color-bg);background-attachment:fixed;min-height:100vh}.shell{max-width:var(--content-width);margin-inline:auto;padding:max(var(--space-page-top),env(safe-area-inset-top)) max(var(--space-page-inline),env(safe-area-inset-right)) max(var(--space-page-bottom),env(safe-area-inset-bottom)) max(var(--space-page-inline),env(safe-area-inset-left))}h1,h2,h3{margin:0;line-height:var(--line-height-tight);letter-spacing:-.015em;text-wrap:balance}h1{font-size:var(--font-size-page-title);font-weight:750}h2{font-size:var(--font-size-section);font-weight:700}h3{font-size:var(--font-size-card);font-weight:700}h1+p,h2+p,h3+p{margin-top:var(--space-2)}p{margin:0 0 var(--space-3)}.muted{color:var(--color-text-secondary);font-size:var(--font-size-small)}header>.muted,header>p{max-width:62ch;margin-top:var(--space-2)}a{color:var(--color-primary-text);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--color-primary-text);outline-offset:3px;border-radius:var(--radius-1)}.card{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);position:relative}.card--raised{border-color:var(--color-border);background:var(--color-bg-elevated);box-shadow:var(--shadow-2)}.card--elevated{box-shadow:var(--card-elevation)}.card--interactive{transition:background var(--duration-standard) var(--easing-standard),border-color var(--duration-standard) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.card--interactive:hover{border-color:var(--color-border);background:var(--card-surface-hover);transform:translateY(-1px)}.card--interactive:active{background:var(--color-surface-3);transform:translateY(0)}.card--glass,.card--hero{background:var(--color-surface-1);background:linear-gradient(135deg,var(--color-glass-highlight-soft),transparent 42%),var(--color-glass-card);border-color:var(--color-glass-border);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}.card--hero{padding:clamp(var(--space-5),6vw,var(--space-8))}.card--glass:before,.card--hero:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--color-glass-highlight),inset 1px 0 0 var(--color-glass-highlight-soft),inset 0 -1px 0 var(--color-glass-lowlight)}.surface{padding:var(--space-surface-inner);border:0;border-radius:var(--radius-2);background:var(--color-surface-2)}.surface--hint{background:var(--color-hint-surface);color:var(--color-text-primary)}.stack{--stack-gap: var(--space-stack);display:flex;flex-direction:column;gap:var(--stack-gap)}.stack>*{margin-block:0}.stack[hidden]{display:none}.page-stack{--stack-gap: var(--space-section)}.list-stack{--stack-gap: var(--space-list)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:max(var(--touch-target),var(--control-height));min-width:var(--touch-target);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-2);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.button:hover{background:var(--color-primary-hover)}.button:active{background:var(--color-primary-active);transform:translateY(1px)}.button[disabled]{opacity:.5;cursor:not-allowed}.button--quiet{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-border)}.button--quiet:hover,.button--quiet:active{background:var(--color-surface-3)}.button--text{padding-inline:var(--space-2);border-color:transparent;background:transparent;color:var(--color-primary-text)}.button--text:hover,.button--text:active{background:var(--color-primary-surface)}.button--reward{box-sizing:border-box;flex:none;width:var(--touch-target);min-width:var(--touch-target);max-width:var(--touch-target);height:var(--touch-target);min-height:var(--touch-target);max-height:var(--touch-target);padding:0;aspect-ratio:1;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-section);line-height:1}.button--reward:hover{background:var(--color-primary-hover)}.button--reward:active{background:var(--color-primary-active)}.button--reward[disabled],.button--reward[data-redeemable=false]{border-color:var(--color-border);background:var(--color-surface-3);color:var(--color-text-disabled);opacity:1}.button--reward[data-redeemable=false]:hover,.button--reward[data-redeemable=false]:active{background:var(--color-surface-3)}.form{margin:0}.form--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-grid)}.form--inline,.form-actions{display:flex;align-items:end;justify-content:space-between;gap:var(--space-actions);flex-wrap:wrap}.form-field{display:flex;flex-direction:column;gap:var(--space-field)}.form-field--wide{grid-column:1 / -1}.form-field--checkbox{display:grid;grid-template-columns:var(--touch-target) minmax(0,1fr);align-items:center;gap:var(--space-field);min-height:var(--touch-target);cursor:pointer}.form-field--checkbox input[type=checkbox]{width:1.125rem;min-height:0;height:1.125rem;margin:0 auto;padding:0;accent-color:var(--color-primary)}label{font-weight:600;font-size:var(--font-size-small)}.icon,.button__icon{flex:none;width:var(--icon-default);height:var(--icon-default)}.help-label{position:relative;align-self:stretch}.help-label__header{position:relative;display:inline-block;max-width:100%;padding-inline-end:calc(var(--touch-target) + var(--space-1))}.help-label__header label{display:block}.help-label__trigger{position:absolute;inset-block-start:50%;inset-inline-end:0;display:grid;place-items:center;width:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);margin:0;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;transform:translateY(-50%)}.help-label__icon{width:var(--space-5);height:var(--space-5)}.help-label__trigger:hover,.help-label__trigger:focus-visible{background:var(--color-primary-surface);color:var(--color-primary-text)}.help-label__trigger:focus-visible{outline:2px solid var(--color-primary-text);outline-offset:2px}.help-label__explanation{position:absolute;z-index:20;inset-block-start:calc(100% + var(--space-1));inset-inline:0;margin:0;padding:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-2);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:400;line-height:var(--line-height-body)}input,select,textarea{min-height:max(var(--touch-target),var(--control-height));width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);color:var(--color-text-primary);font:inherit;transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}input:hover,select:hover,textarea:hover{border-color:var(--color-text-tertiary)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-text);background:var(--color-surface-1);box-shadow:0 0 0 3px var(--color-primary-surface);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}.password-input{position:relative}.password-input input{padding-inline-end:6.5rem}.password-input__toggle{position:absolute;inset-block:0;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-2);background:transparent;color:var(--color-primary-text);font:inherit;font-size:var(--font-size-small);font-weight:600;cursor:pointer}.password-input__toggle:hover,.password-input__toggle:focus-visible{background:var(--color-primary-surface)}textarea{min-height:8rem;resize:vertical}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-2);color:var(--color-text-secondary)}.field-hint,.form-help{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-small)}.form-message{margin:0;color:var(--color-error);font-size:var(--font-size-small);font-weight:600}[aria-invalid=true]{border-color:var(--color-error)}.notice{padding:var(--space-3);border-left:var(--space-1) solid var(--color-info);background:var(--color-surface-2)}.notice--warning{border-left-color:var(--color-warning)}.notice--error{border-left-color:var(--color-error)}.notice>:first-child{margin-top:0}.notice>:last-child{margin-bottom:0}.table-scroll{position:relative;max-width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table caption{padding-bottom:var(--space-3);font-weight:700;text-align:left}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.data-table th{color:var(--color-text-secondary);font-size:var(--font-size-small)}.grid{display:grid;gap:var(--space-grid)}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics{margin:0}.metric dt{color:var(--color-text-secondary)}.metric dd{margin:var(--space-1) 0 0;font-weight:700;font-variant-numeric:tabular-nums}.metric--large dd{margin-top:var(--space-2);color:var(--color-text-primary);font-size:1.5rem}.metric--surface{padding:var(--space-3);border-radius:var(--radius-1);background:var(--color-surface-2)}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.tabs>*{flex:none}.dialog{width:min(42rem,calc(100% - (2 * var(--space-4))));max-height:calc(100dvh - (2 * var(--space-4)));overflow:auto;color:var(--color-text-primary)}.dialog::backdrop{background:color-mix(in srgb,var(--color-bg) 72%,transparent);backdrop-filter:blur(4px)}.status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:600;background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border)}.status__icon{flex:none;width:1rem;height:1rem}.status--ok{color:var(--color-success-text);border-color:currentcolor}.status--warn{color:var(--color-warning-text);border-color:currentcolor}.status--err{color:var(--color-error);border-color:currentcolor}.status--info{color:var(--color-info);border-color:currentcolor}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.progress{--progress-color: var(--color-primary);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-border);overflow:hidden}.progress__value{height:100%;width:var(--progress-value, 0%);background:var(--progress-color)}.progress--reward{--progress-color: var(--color-accent)}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.empty__title{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--space-1)}.empty__sentence{margin:0;max-width:34ch;margin-inline:auto}.main-nav{position:fixed;left:50%;bottom:max(var(--bottom-nav-offset),env(safe-area-inset-bottom));z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:min(calc(100% - var(--space-6)),30rem);height:var(--bottom-nav-height);padding:var(--space-1);transform:translate(-50%);isolation:isolate;background:var(--color-surface-1);background:var(--color-glass-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-4);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));transition:width var(--duration-standard) var(--easing-standard),height var(--duration-standard) var(--easing-standard),padding var(--duration-standard) var(--easing-standard),bottom var(--duration-standard) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard),transform var(--duration-standard) var(--easing-standard)}.main-nav__inner{display:contents}.main-nav__active{position:absolute;inset-block:var(--space-1);inset-inline-start:var(--space-1);z-index:0;width:calc((100% - var(--space-2)) / 4);border-radius:var(--radius-3);pointer-events:none;background:var(--color-nav-surface);box-shadow:inset 0 0 0 1px var(--color-glass-border);opacity:0;transform:translate(0);transition:transform var(--duration-standard) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard)}.main-nav:has(.main-nav__target[aria-current=page]) .main-nav__active{opacity:1}.main-nav:has(.main-nav__target:nth-of-type(2)[aria-current=page]) .main-nav__active{transform:translate(100%)}.main-nav:has(.main-nav__target:nth-of-type(3)[aria-current=page]) .main-nav__active{transform:translate(200%)}.main-nav:has(.main-nav__target:nth-of-type(4)[aria-current=page]) .main-nav__active{transform:translate(300%)}.main-nav__target{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-width:var(--touch-target);min-height:3.5rem;padding:var(--space-2) var(--space-1);color:var(--color-nav-inactive);text-decoration:none;font-size:var(--font-size-tiny);font-weight:600;line-height:1;border-radius:var(--radius-3);transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),min-height var(--duration-standard) var(--easing-standard),padding var(--duration-standard) var(--easing-standard)}.main-nav__icon{flex:none;width:var(--icon-nav);height:var(--icon-nav);transition:transform var(--duration-standard) var(--easing-standard)}.main-nav__text{max-width:8rem;max-height:1em;overflow:hidden;opacity:1;transform:translateY(0);white-space:nowrap;transition:max-width var(--duration-standard) var(--easing-standard),max-height var(--duration-standard) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard),transform var(--duration-standard) var(--easing-standard)}.main-nav__target[aria-current=page]{color:var(--color-nav-active)}.main-nav__target[aria-current=page] .main-nav__icon{stroke-width:2.4}.main-nav[data-compact=true]{bottom:max(var(--bottom-nav-offset-compact),env(safe-area-inset-bottom));width:min(calc(100% - var(--space-12)),15rem);height:var(--bottom-nav-height-compact);padding:var(--space-1)}.main-nav[data-compact=true] .main-nav__target{gap:0;min-height:var(--touch-target);padding:var(--space-2)}.main-nav[data-compact=true] .main-nav__text{max-width:0;max-height:0;opacity:0;transform:translateY(var(--space-1))}.main-nav[data-keyboard=open]{pointer-events:none;opacity:0;transform:translate(-50%,calc(100% + var(--space-6)))}.shell--with-nav{padding-bottom:var(--bottom-nav-content-space)}@media(max-width:22rem){.main-nav{width:calc(100% - var(--space-4))}.main-nav[data-compact=true]{width:min(calc(100% - var(--space-10)),15rem)}}@media(min-width:75rem){.main-nav,.main-nav[data-compact=true]{position:sticky;inset:0 auto auto;display:block;width:100%;max-width:none;height:auto;margin-inline:auto;padding:0;transform:none;background:var(--color-surface-1);border:0;border-bottom:1px solid var(--color-border);border-radius:0;box-shadow:var(--shadow-1);-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}.main-nav__inner{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;max-width:var(--content-width);margin-inline:auto;padding:var(--space-2) var(--space-page-inline)}.main-nav__active{display:none}.main-nav__target,.main-nav[data-compact=true] .main-nav__target{flex-direction:row;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-4);font-size:var(--font-size-small)}.main-nav__target[aria-current=page]{background:var(--color-nav-surface)}.main-nav[data-compact=true] .main-nav__text{max-width:8rem;max-height:1em;opacity:1;transform:none}.main-nav[data-keyboard=open]{pointer-events:auto;opacity:1;transform:none}.shell--with-nav{padding-bottom:max(var(--space-page-bottom),env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.state__title{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--space-1)}.state .button{margin-top:var(--space-4)}.state--error .state__title{color:var(--color-error)}.state--success .state__title{color:var(--color-success)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-actions);min-height:var(--touch-target);padding:var(--space-3) var(--space-2);background:transparent;border:0;border-bottom:1px solid var(--color-border-soft);border-radius:0;color:inherit;text-decoration:none}.row--top{align-items:flex-start}.row--stacked{align-items:stretch;flex-direction:column;justify-content:flex-start}.row--compact{padding:var(--space-2) var(--space-3);border-color:var(--color-border-soft);border-radius:var(--radius-1)}a.row:hover{background:var(--color-surface-2)}.row__text{display:flex;flex-direction:column;gap:var(--space-field);align-items:flex-start;min-width:0}.row__title{font-weight:600}.row__value{flex:none;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:42rem){.form--grid,.grid--two,.grid--four{grid-template-columns:1fr}.row--mobile-stacked{align-items:flex-start;flex-direction:column}}.balance__amount{font-size:2rem;font-weight:700;line-height:1.1;margin:0 0 var(--space-4);font-variant-numeric:tabular-nums;color:var(--color-accent-text)}.balance{box-shadow:var(--shadow-glass)}.reward-highlight{color:var(--color-accent-text);font-weight:700}.progress-block>p{margin-bottom:var(--space-2)}.timezone-combobox{position:relative;min-width:0}.timezone-combobox>input{width:100%}.timezone-combobox__list{position:absolute;z-index:20;top:calc(100% + var(--space-2));right:0;left:0;max-height:min(14rem,calc(100dvh - (2 * var(--space-12))));overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-1);box-shadow:var(--shadow-2);-webkit-overflow-scrolling:touch}.timezone-combobox__list[hidden]{display:none}.timezone-combobox--above .timezone-combobox__list{top:auto;bottom:calc(100% + var(--space-2))}.timezone-combobox--compact .timezone-combobox__list{max-height:min(7.5rem,calc(100dvh - (2 * var(--space-8))))}.timezone-combobox__option{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);cursor:pointer}.timezone-combobox__option+.timezone-combobox__option{border-top:1px solid var(--color-border-soft)}.timezone-combobox__option:hover,.timezone-combobox__option--active{background:var(--color-primary-surface);outline:2px solid var(--color-primary);outline-offset:-2px}.timezone-combobox__option[aria-selected=true]{font-weight:700}.timezone-combobox__option[aria-selected=true]:after{margin-left:var(--space-3);color:var(--color-primary-text);font-size:var(--font-size-tiny);content:"Aktuell"}.timezone-combobox__empty{margin:0;padding:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-small)}.account-flow{max-width:28rem;margin-inline:auto;padding-top:clamp(var(--space-4),8vh,var(--space-12))}.account-flow__brand{width:min(100%,15rem);margin-bottom:var(--space-stack)}.account-flow__step{margin-bottom:var(--space-field);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:700}.account-flow__switch{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-small)}.account-flow__switch a{display:inline-flex;align-items:center;min-height:var(--touch-target)}.account-flow h1[tabindex="-1"]:focus{outline:none}.rule-tree{margin:var(--space-list) 0 0;padding-left:var(--space-5)}.rule-tree__group,.rule-tree__comparison{margin-top:var(--space-list)}.rule-tree__group::marker{content:""}.rule-check{margin:0;padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-2);color:var(--color-warning-text)}.rule-check[data-satisfied=true]{border-color:var(--color-success);color:var(--color-success-text)}.form-field input[aria-invalid=true]{border-color:var(--color-error)}.account-flow .form-actions>*{flex:1 1 12rem}.company-confirmation,.account-success{text-align:center}.company-confirmation__name{margin-bottom:var(--space-section);font-size:1.25rem;font-weight:700}.account-success .button{margin-top:var(--space-actions)}.activities-header{--stack-gap: var(--space-5);display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,10.5rem);grid-template-areas:"text image" "actions actions";align-items:center;padding-block:var(--space-2)}.activities-header__text{grid-area:text;max-width:34rem}.activities-header__text .muted{margin-top:var(--space-3)}.activities-header__image{grid-area:image;justify-self:end;display:block;width:min(100%,10.5rem);height:auto;pointer-events:none}.activities-actions{grid-area:actions;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.activities-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);text-decoration:none}.activities-action:hover{border-color:var(--color-border);background:var(--card-surface-hover);transform:translateY(-1px)}.activities-action__symbol,.activity-card__symbol{display:grid;place-items:center;width:var(--icon-container-size);height:var(--icon-container-size);flex:none;border-radius:var(--icon-container-radius);background:var(--icon-container-surface);color:var(--icon-container-color)}.activities-action__icon,.activity-card__icon{width:var(--icon-default);height:var(--icon-default)}.activities-action__icon--image{width:100%;height:100%;object-fit:contain}.activities-chevron{width:var(--icon-small);height:var(--icon-small);flex:none;color:var(--color-text-tertiary)}.activities-overview{--stack-gap: var(--space-4);min-width:0}.activities-overview__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.activities-filter{position:relative;width:min(10.5rem,48%);min-width:0;flex:none}.activities-filter__select{min-height:var(--touch-target);padding-inline:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary-text);font-size:var(--font-size-small);font-weight:600;text-overflow:ellipsis;cursor:pointer;appearance:none}.activities-filter__icon{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3);width:var(--icon-small);height:var(--icon-small);color:var(--color-primary-text);pointer-events:none;transform:translateY(-50%)}.activities-list{min-width:0}.activity-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);color:var(--color-text-primary);text-decoration:none}.activity-card__text{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.activity-card__symbol{width:var(--space-12);height:var(--space-12)}.activity-card__icon--image{width:100%;height:100%;border-radius:var(--radius-2);object-fit:contain;filter:grayscale(1) sepia(1) saturate(5) hue-rotate(126deg) brightness(.82)}.activity-card__title{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-card);line-height:var(--line-height-tight);overflow-wrap:anywhere}.activity-card__favorite{flex:none;width:var(--icon-small);height:var(--icon-small);fill:currentcolor}.button[data-favorite=true] .button__icon{fill:currentcolor}.activity-card__description{line-height:1.4;overflow-wrap:anywhere}@media(max-width:23rem){.activities-actions{gap:var(--space-2)}.activities-action{gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--font-size-small)}.activities-action__symbol{width:var(--space-10);height:var(--space-10)}.activities-header{grid-template-columns:minmax(0,1fr) minmax(6rem,7.5rem)}.activities-header__image{width:min(100%,7.5rem)}.activity-card{padding:var(--space-3)}.activity-card__symbol{width:3.5rem;height:3.5rem}}.home-page,.home-content{min-width:0}.home-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,10.5rem);align-items:center;padding-block:var(--space-2)}.home-header__text{min-width:0}.home-header__text strong{display:block;margin-top:var(--space-3);font-size:var(--font-size-card)}.home-header__text .muted{margin-top:var(--space-1)}.home-header__image{justify-self:end;display:block;width:min(100%,10.5rem);height:auto;pointer-events:none}.home-overview{display:grid;gap:var(--space-3);min-width:0}.home-progress{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.home-progress__heading{display:flex;align-items:center;gap:var(--space-3)}.home-progress__heading .muted{margin-top:var(--space-1)}.home-progress__value{font-size:clamp(2.25rem,12vw,4rem);line-height:1}.home-progress__value--unavailable{color:var(--color-text-tertiary)}.home-progress .progress-block{display:flex;flex-direction:column-reverse;gap:var(--space-2)}.home-progress .progress-block>p{color:var(--color-text-secondary)}.home-balance{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);min-width:0;background:linear-gradient(135deg,var(--color-primary-surface),var(--color-surface-1) 65%,var(--color-primary-surface))}.home-balance__image{width:var(--space-12);height:var(--space-12);object-fit:contain}.home-balance__text{min-width:0}.home-balance__value{display:block;margin-top:var(--space-1);color:var(--color-primary-text);font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.1}.home-balance .button{grid-column:1 / -1;justify-self:start}.home-section{min-width:0}.home-section>h2,.home-section__heading{margin-bottom:var(--space-3)}.home-quick-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.home-quick-actions .activities-action{grid-template-columns:auto minmax(0,1fr) auto}.home-section__heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.home-highlights{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);min-width:0}.home-highlight{min-width:0}.home-highlight--linked,.home-highlight--challenge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3)}.home-highlight--linked{color:var(--color-text-primary);text-decoration:none}.home-highlight--challenge{grid-template-columns:auto minmax(0,1fr)}.home-highlight--challenge-banner{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:clamp(17.5rem,38vw,20rem);overflow:hidden;padding:clamp(var(--space-4),4vw,var(--space-8));color:var(--color-challenge-hero-text);background-color:var(--color-challenge-hero-progress-surface);background-image:var(--challenge-hero-overlay),url(/app/assets/autumn-challenge-CkNo-YA1.png);background-repeat:no-repeat;background-position:center,center right;background-size:cover;box-shadow:var(--shadow-1)}.home-challenge-hero__content{position:relative;z-index:1;max-width:min(65%,30rem);gap:var(--space-2)}.home-challenge-hero__content h3{font-size:var(--font-size-page-title)}.home-challenge-hero__subtitle,.home-challenge-hero__description{color:var(--color-challenge-hero-text-muted)}.home-challenge-hero__description{max-width:29rem}.home-challenge-hero__label{position:absolute;z-index:2;top:var(--space-4);right:var(--space-4);margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--color-autumn-text);background:var(--color-autumn-surface);font-size:var(--font-size-small);font-weight:700;letter-spacing:.04em}.home-challenge-hero__metadata{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-challenge-hero-text-muted);font-size:var(--font-size-small)}.home-challenge-hero__metadata>span:not(.home-challenge-hero__metadata-separator){display:inline-flex;align-items:center;gap:var(--space-1)}.home-challenge-hero__metadata-icon{width:var(--icon-small);height:var(--icon-small);color:var(--color-autumn-text)}.home-challenge-hero__progress{position:relative;z-index:1;display:grid;width:clamp(8rem,18vw,10rem);aspect-ratio:1;place-content:center;place-items:center;padding:var(--space-3);border-radius:50%;background:color-mix(in srgb,var(--color-autumn) 16%,transparent);text-align:center}.home-challenge-hero__progress:before{position:absolute;z-index:-1;inset:calc(var(--space-2) + .12rem);border-radius:50%;background:var(--color-challenge-hero-progress-surface);box-shadow:var(--shadow-1);content:""}.home-challenge-hero__progress svg{position:absolute;inset:var(--space-2);width:calc(100% - (2 * var(--space-2)));height:calc(100% - (2 * var(--space-2)));transform:rotate(-90deg)}.home-challenge-hero__progress circle{fill:none;stroke-width:2}.home-challenge-hero__progress-track{stroke:var(--color-challenge-hero-ring-track)}.home-challenge-hero__progress-value{stroke:var(--color-primary);stroke-linecap:round}.home-challenge-hero__progress-numbers{position:relative;z-index:1;font-size:var(--font-size-section);line-height:1}.home-challenge-hero__progress span{position:relative;z-index:1;max-width:6rem;color:var(--color-challenge-hero-text-muted);font-size:var(--font-size-small);line-height:1.2}.home-challenge-hero__progress--protected .home-challenge-hero__progress-value{display:none}.home-challenge-hero__reward{position:absolute;z-index:1;right:var(--space-4);bottom:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);max-width:45%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-challenge-hero-text);background:var(--color-challenge-hero-progress-surface);font-size:var(--font-size-small);font-weight:700}.home-challenge-hero__reward-icon{flex:none;width:var(--icon-small);height:var(--icon-small)}.home-highlight__image{width:clamp(4rem,18vw,5rem);height:clamp(4rem,18vw,5rem);border-radius:var(--radius-2);object-fit:contain}.home-highlight__text{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.home-highlight__text .progress-block{margin-top:var(--space-1)}.home-highlight__text .progress-block>p,.home-highlight__text>p{font-size:var(--font-size-small)}.home-highlight__text>strong,.home-highlight__text>span{overflow-wrap:anywhere}.home-highlight__eyebrow{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary-text);font-size:var(--font-size-small);font-weight:700}.home-highlight__eyebrow-icon{width:var(--icon-small);height:var(--icon-small)}.home-secondary-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-recent{min-width:0}.home-recent__row{gap:var(--space-3)}.home-recent__row .row__text{gap:var(--space-1)}.home-recent__row>.status{flex:none}@media(min-width:42rem){.home-overview{grid-template-columns:minmax(0,3fr) minmax(15rem,2fr)}.home-highlights{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}}@media(max-width:42rem){.home-highlight--challenge-banner{display:block;min-height:17.5rem;padding:var(--space-4);background-image:var(--challenge-hero-overlay-mobile),url(/app/assets/autumn-challenge-CkNo-YA1.png);background-position:center,65% center}.home-challenge-hero__content{max-width:none;padding-top:var(--space-8)}.home-challenge-hero__content h3{max-width:100%;font-size:clamp(1.5rem,7vw,1.75rem)}.home-challenge-hero__subtitle{max-width:70%}.home-challenge-hero__metadata{flex-wrap:nowrap;white-space:nowrap}.home-challenge-hero__description{display:none}.home-challenge-hero__progress{position:relative;right:auto;bottom:auto;width:7.5rem;margin:var(--space-3) 0 0 auto;padding:var(--space-2);gap:.1rem}.home-challenge-hero__progress-numbers{white-space:nowrap;font-size:var(--font-size-small)}.home-challenge-hero__progress span{max-width:4.5rem;font-size:var(--font-size-tiny);line-height:1.1}.home-challenge-hero__reward{display:none}}@media(max-width:23rem){.home-header{grid-template-columns:minmax(0,1fr) minmax(6rem,7.5rem)}.home-header__image{width:min(100%,7.5rem)}.home-quick-actions{gap:var(--space-2)}.home-quick-actions .activities-action{gap:var(--space-2);padding:var(--space-2);font-size:var(--font-size-small)}.home-quick-actions .activities-action__symbol{width:var(--space-10);height:var(--space-10)}}.benefits-content{--stack-gap: var(--space-3);min-width:0}.benefit-store{--stack-gap: var(--space-4);min-width:0}.benefit-store>.balance{background:linear-gradient(135deg,var(--color-primary-surface),var(--color-surface-1) 65%,var(--color-primary-surface))}.benefit-store__balance-row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.benefit-store__balance-row .benefit-store__image{flex:none}.benefit-store__balance-row .metrics{flex:0 1 auto;min-width:0;text-align:start}.benefit-store__balance-row .button{flex:none;margin-inline-start:auto}.benefit-store__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(7.5rem,10rem);align-items:center;min-height:7.5rem}.benefit-store__header-text{min-width:0}.benefit-store__header-text h1{font-size:clamp(var(--font-size-section),6vw,1.75rem)}.benefit-store__introduction{max-width:24rem;margin-top:var(--space-2);line-height:1.4}.benefit-store__hero{display:block;justify-self:end;width:clamp(7.5rem,38vw,10rem);height:auto;pointer-events:none}.benefit-store__categories{display:flex;gap:var(--space-2);min-width:0;padding-bottom:var(--space-1);overflow-x:auto;scrollbar-width:thin}.benefit-store__category-chip{display:inline-flex;align-items:center;min-height:var(--space-10);padding-inline:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);background:var(--color-surface-1);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:600;white-space:nowrap}.benefit-store__category-chip--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.benefit-store__group{min-width:0}.benefit-store__group+.benefit-store__group{padding-top:var(--space-3);border-top:1px solid var(--color-border-soft)}.benefit-store__group-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.benefit-store__group-text{min-width:0}.benefit-store__category{color:var(--color-text-primary);font-size:var(--font-size-section);overflow-wrap:anywhere}.benefit-store__count{flex:none;padding-bottom:var(--space-1);font-size:var(--font-size-tiny);white-space:nowrap}.benefit-store__offers{--stack-gap: var(--space-2);min-width:0}.benefit-store__offer{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;grid-template-areas:"image description action" "image value action";gap:var(--space-1) var(--space-3);align-items:center;min-width:0;padding:var(--space-3)}.benefit-store__image{grid-area:image;display:block;width:5.5rem;height:5.5rem;border-radius:var(--radius-2);object-fit:cover}.benefit-store__provider-image,.benefit-detail__provider-image{padding:var(--space-2);background:var(--brand-gradient);object-fit:contain}.benefit-voucher{overflow:hidden;border-inline-start:.35rem solid var(--brand-teal);background:linear-gradient(135deg,var(--color-surface-1),var(--color-surface-2))}.benefit-voucher__brand{width:4.5rem;height:3rem;flex:0 0 auto;object-fit:contain}.benefit-store__offer-text{display:flex;grid-area:description;min-width:0;flex-direction:column;gap:var(--space-1)}.benefit-store__offer-title{display:-webkit-box;font-size:var(--font-size-card);line-height:var(--line-height-tight);overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.benefit-store__provider{line-height:1.3;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap}.benefit-store__value{grid-area:value;align-self:end;justify-self:start;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary-text);white-space:nowrap;font-size:var(--font-size-card);font-variant-numeric:tabular-nums}.benefit-store__action{grid-area:action;justify-self:end}.benefit-store__amount{min-width:0;flex:1 1 8rem}.benefit-store__message{max-width:10rem;color:var(--color-text-secondary);font-size:var(--font-size-tiny);line-height:1.35;text-align:end}.benefit-store__message:empty{display:none}.benefits-secondary-section{--stack-gap: var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}.benefit-detail__image{display:block;width:min(9rem,45%);aspect-ratio:1;margin-inline:auto;border-radius:var(--radius-3);object-fit:cover}.benefit-detail__value{font-size:var(--font-size-section)}.benefit-detail__redemption{padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}@media(max-width:28rem){.benefit-store__offer{grid-template-columns:5rem minmax(0,1fr) auto;grid-template-areas:"image description description" "image value action";gap:var(--space-1) var(--space-3);padding:var(--space-3)}.benefit-store__image{width:5rem;height:5rem}.benefit-store__action{gap:var(--space-2)}.benefit-store__offer--variable{grid-template-columns:5rem minmax(0,1fr);grid-template-areas:"image description" "image value" "action action"}.benefit-store__offer--variable .benefit-store__message{grid-column:1 / -1;max-width:none;text-align:start}}@media(max-width:22rem){.benefit-store__header{grid-template-columns:minmax(0,1fr) 7.5rem;padding-left:var(--space-3)}.benefit-store__offer,.benefit-store__offer--variable{grid-template-columns:5rem minmax(0,1fr);grid-template-areas:"image description" "image value" "action action"}}.theme-setting{display:flex;align-items:center;justify-content:space-between;gap:var(--space-actions)}.theme-toggle{position:relative;display:inline-flex;flex:none;align-items:center;min-height:var(--touch-target);cursor:pointer}.theme-toggle__input{position:absolute;width:1px;min-height:0;margin:-1px;padding:0;opacity:0}.theme-toggle__track{display:block;width:3.25rem;height:1.75rem;padding:.125rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-3);transition:background var(--duration-standard) var(--easing-standard),border-color var(--duration-standard) var(--easing-standard)}.theme-toggle__thumb{display:block;width:1.375rem;height:1.375rem;border-radius:var(--radius-full);background:var(--color-text-secondary);box-shadow:var(--shadow-1);transition:background var(--duration-standard) var(--easing-standard),transform var(--duration-standard) var(--easing-standard)}.theme-toggle__input:checked+.theme-toggle__track{border-color:var(--color-primary);background:var(--color-primary)}.theme-toggle__input:checked+.theme-toggle__track .theme-toggle__thumb{background:var(--color-on-primary);transform:translate(1.5rem)}.theme-toggle__input:focus-visible{outline:none}.theme-toggle__input:focus-visible+.theme-toggle__track{outline:2px solid var(--color-primary-text);outline-offset:2px}.secondary-nav{position:sticky;top:max(var(--space-2),env(safe-area-inset-top));z-index:10;display:grid;grid-template-columns:var(--touch-target) minmax(0,1fr) var(--touch-target);align-items:center;gap:var(--space-2);margin-bottom:var(--space-section);padding:var(--space-2);background:var(--color-glass-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-3);box-shadow:var(--shadow-glass);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}.secondary-nav__back{display:inline-grid;width:var(--touch-target);height:var(--touch-target);padding:0;place-items:center;color:var(--color-text-primary);background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer}.secondary-nav__back:hover{background:var(--color-surface-2)}.secondary-nav__icon{width:var(--icon-default);height:var(--icon-default)}.secondary-nav__title{overflow:hidden;font-size:var(--font-size-section);text-align:center;text-overflow:ellipsis;white-space:nowrap}.shell--secondary #app h1{display:none}.shell{view-transition-name:employee-content}.main-nav{view-transition-name:employee-dock}@keyframes employee-content-forward-out{to{opacity:0;transform:translate(-8px)}}@keyframes employee-content-forward-in{0%{opacity:0;transform:translate(24px)}}@keyframes employee-content-backward-out{to{opacity:0;transform:translate(8px)}}@keyframes employee-content-backward-in{0%{opacity:0;transform:translate(-24px)}}@keyframes employee-content-direct-in{0%{opacity:0}}::view-transition-group(employee-content){animation:none}::view-transition-old(employee-content),::view-transition-new(employee-content),::view-transition-group(employee-dock){animation-duration:var(--duration-level-transition);animation-timing-function:var(--easing-level-transition)}::view-transition-old(employee-content),::view-transition-new(employee-content){animation-fill-mode:both}:root[data-navigation-motion=forward]::view-transition-old(employee-content){animation-name:employee-content-forward-out}:root[data-navigation-motion=forward]::view-transition-new(employee-content){animation-name:employee-content-forward-in}:root[data-navigation-motion=backward]::view-transition-old(employee-content){animation-name:employee-content-backward-out}:root[data-navigation-motion=backward]::view-transition-new(employee-content){animation-name:employee-content-backward-in}:root[data-navigation-motion=direct]::view-transition-new(employee-content){animation-name:employee-content-direct-in}@media(prefers-reduced-motion:reduce){::view-transition-group(employee-content),::view-transition-group(employee-dock),::view-transition-old(employee-content),::view-transition-new(employee-content){animation:none!important}}.home-challenge-entry{display:grid;min-width:0;gap:var(--space-2)}.home-challenge-tasks{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.home-challenge-tasks--below-banner{margin-top:0}.home-challenge-task{display:grid;align-items:end;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-challenge-hero-progress-surface);box-shadow:var(--shadow-1)}.home-challenge-task>div{display:grid;gap:var(--space-1)}.home-challenge-task__label{width:max-content;padding:.15rem var(--space-2);border-radius:var(--radius-pill);color:var(--color-autumn-text);background:var(--color-autumn-surface);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.home-challenge-task__title{color:inherit;font-weight:var(--font-weight-semibold)}.home-challenge-task__summary{color:var(--color-challenge-hero-text-muted);font-size:var(--font-size-small);line-height:1.35}.home-challenge-task__rewards{display:flex;flex-wrap:wrap;gap:var(--space-1)}.home-challenge-task__reward{padding:.15rem var(--space-2);border-radius:var(--radius-pill);color:var(--color-autumn-text);background:var(--color-autumn-surface);font-weight:var(--font-weight-semibold)}.home-challenge-task .button{white-space:nowrap}.home-challenge-task__action{border-color:var(--color-autumn);color:var(--color-on-autumn);background:var(--color-autumn)}.home-challenge-task__action:hover{border-color:var(--color-autumn-hover);background:var(--color-autumn-hover)}.home-challenge-task__action:active{border-color:var(--color-autumn-active);background:var(--color-autumn-active)}.home-challenge-task__completed{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-success-text);font-weight:var(--font-weight-semibold)}.challenge-task-tutorial .ql-editor{padding:0}.challenge-task-tutorial .ql-editor img{max-width:100%;border-radius:var(--radius-md)}@media(max-width:42rem){.home-challenge-task{align-items:stretch;grid-template-columns:minmax(0,1fr)}.home-challenge-task .button{align-self:flex-start}}