:root{--color-background:#f8f9ff;--color-surface:#f8f9ff;--color-surface-container-lowest:#fff;--color-surface-container-low:#eff4ff;--color-surface-container:#e5eeff;--color-surface-container-high:#dce9ff;--color-surface-container-highest:#d3e4fe;--color-surface-dim:#cbdbf5;--color-surface-bright:#f8f9ff;--color-on-surface:#0b1c30;--color-on-surface-variant:#464554;--color-inverse-surface:#213145;--color-inverse-on-surface:#eaf1ff;--color-outline:#767586;--color-outline-variant:#c7c4d7;--color-surface-tint:#494bd6;--color-surface-variant:#d3e4fe;--color-primary:#4648d4;--color-on-primary:#fff;--color-primary-container:#6063ee;--color-on-primary-container:#fffbff;--color-inverse-primary:#c0c1ff;--color-primary-fixed:#e1e0ff;--color-primary-fixed-dim:#c0c1ff;--color-on-primary-fixed:#07006c;--color-on-primary-fixed-variant:#2f2ebe;--color-secondary:#00687a;--color-on-secondary:#fff;--color-secondary-container:#57dffe;--color-on-secondary-container:#006172;--color-secondary-fixed:#acedff;--color-secondary-fixed-dim:#4cd7f6;--color-on-secondary-fixed:#001f26;--color-on-secondary-fixed-variant:#004e5c;--color-tertiary:#b90538;--color-on-tertiary:#fff;--color-tertiary-container:#dc2c4f;--color-on-tertiary-container:#fffbff;--color-tertiary-fixed:#ffdadb;--color-tertiary-fixed-dim:#ffb2b7;--color-on-tertiary-fixed:#40000d;--color-on-tertiary-fixed-variant:#92002a;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-on-media:#eaf1ff;--color-on-media-variant:#b9c2d9;--color-media-scrim:#0b1326;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-container:20px;--spacing-gutter:16px;--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-card:0 4px 20px #0000000a;--font-display:"Montserrat", sans-serif;--font-body:"Inter", system-ui, sans-serif}[data-theme=dark]{--color-background:#0b1326;--color-surface:#0b1326;--color-surface-container-lowest:#060e20;--color-surface-container-low:#131b2e;--color-surface-container:#171f33;--color-surface-container-high:#222a3d;--color-surface-container-highest:#2d3449;--color-surface-dim:#0b1326;--color-surface-bright:#31394d;--color-on-surface:#dae2fd;--color-on-surface-variant:#c7c4d7;--color-inverse-surface:#dae2fd;--color-inverse-on-surface:#283044;--color-outline:#908fa0;--color-outline-variant:#464554;--color-surface-tint:#c0c1ff;--color-surface-variant:#2d3449;--color-primary:#c0c1ff;--color-on-primary:#1000a9;--color-primary-container:#8083ff;--color-on-primary-container:#0d0096;--color-inverse-primary:#494bd6;--color-primary-fixed:#e1e0ff;--color-primary-fixed-dim:#c0c1ff;--color-on-primary-fixed:#07006c;--color-on-primary-fixed-variant:#2f2ebe;--color-secondary:#5de6ff;--color-on-secondary:#00363e;--color-secondary-container:#00cbe6;--color-on-secondary-container:#00515d;--color-secondary-fixed:#a2eeff;--color-secondary-fixed-dim:#2fd9f4;--color-on-secondary-fixed:#001f25;--color-on-secondary-fixed-variant:#004e5a;--color-tertiary:#ddb7ff;--color-on-tertiary:#490080;--color-tertiary-container:#b76dff;--color-on-tertiary-container:#400071;--color-tertiary-fixed:#f0dbff;--color-tertiary-fixed-dim:#ddb7ff;--color-on-tertiary-fixed:#2c0051;--color-on-tertiary-fixed-variant:#6900b3;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6}.type-display-hero{font-family:var(--font-display);letter-spacing:-.02em;font-size:48px;font-weight:800;line-height:56px}.type-headline-lg{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:40px}.type-headline-md{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:32px}.type-title-lg{font-family:var(--font-body);font-size:20px;font-weight:600;line-height:28px}.type-body-md{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:24px}.type-label-caps{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:16px}.type-stat-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:22px}.icon-glow{box-shadow:0 0 20px 6px color-mix(in srgb, var(--color-secondary) 30%, transparent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-on-surface);font-family:var(--font-body)}.app-shell{background:var(--color-background);min-height:100dvh;color:var(--color-on-surface)}.btn{height:48px;padding:0 var(--spacing-lg);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);white-space:nowrap;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:1;text-decoration:none;transition:opacity .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:not(:disabled):hover{opacity:.9}.btn--primary:not(:disabled):active{transform:scale(.98)}[data-theme=dark] .btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-tertiary));color:var(--color-on-primary)}[data-theme=dark] .btn--primary:not(:disabled):active{box-shadow:0 0 20px 6px color-mix(in srgb, var(--color-secondary) 30%, transparent);transform:scale(.98)}.btn--secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn--secondary:not(:disabled):hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.btn--ghost{color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant);background:0 0}.btn--ghost:not(:disabled):hover{background:color-mix(in srgb, var(--color-on-surface-variant) 8%, transparent)}.btn__spinner{flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite btn-spin}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-label{font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:14px;font-weight:600}.input-field{width:100%;height:48px;padding:0 var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-body);outline:none;font-size:16px;transition:border-color .15s,box-shadow .15s}.input-field::placeholder{color:var(--color-on-surface-variant)}.input-field:focus{border-color:var(--color-primary)}[data-theme=dark] .input-field:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 40%, transparent)}.input-field:disabled{opacity:.4;cursor:not-allowed}.input-field--error{border-color:var(--color-error)}.input-row{align-items:center;display:flex;position:relative}.input-field--with-icon{padding-left:44px}.input-icon{left:var(--spacing-md);color:var(--color-on-surface-variant);pointer-events:none;align-items:center;line-height:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-error{font-family:var(--font-body);color:var(--color-error);font-size:12px}.checkbox-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.checkbox-row{align-items:center;gap:var(--spacing-sm);display:flex}.checkbox-field{border-radius:var(--radius-sm);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer;outline:none;flex-shrink:0}.checkbox-field:focus-visible{border-color:var(--color-primary)}[data-theme=dark] .checkbox-field:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 40%, transparent)}.checkbox-field:disabled{opacity:.4;cursor:not-allowed}.checkbox-field--error{border-color:var(--color-error)}.checkbox-label{font-family:var(--font-body);color:var(--color-on-surface-variant);cursor:pointer;font-size:14px}.checkbox-error{font-family:var(--font-body);color:var(--color-error);font-size:12px}.password-input-inner{align-items:center;display:flex;position:relative}.input-field--password{width:100%;padding-right:44px}.password-toggle{right:var(--spacing-sm);cursor:pointer;color:var(--color-on-surface-variant);border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:0;transition:color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-on-surface)}.password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.card{background:color-mix(in srgb, var(--color-surface-container-low) 60%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:var(--spacing-md);border:1px solid #ffffff1a}:root:not([data-theme=dark]) .card{background:var(--color-surface-container-lowest);-webkit-backdrop-filter:none;border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-card)}.badge{border-radius:var(--radius-full);font-family:var(--font-body);white-space:nowrap;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.badge--positive{background:color-mix(in srgb, var(--color-secondary) 15%, transparent);color:var(--color-secondary)}.badge--negative{background:color-mix(in srgb, var(--color-tertiary) 15%, transparent);color:var(--color-tertiary)}.badge--xp{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}[data-theme=dark] .badge--xp{background:linear-gradient(135deg, var(--color-primary), var(--color-tertiary));color:var(--color-on-primary)}[data-theme=dark] .badge--negative{background:color-mix(in srgb, var(--color-error) 15%, transparent);color:var(--color-error)}.badge--neutral{background:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.progress-bar-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.progress-bar-label{font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:12px;font-weight:700}.progress-bar{appearance:none;border-radius:var(--radius-full);border:none;width:100%;height:8px;overflow:hidden}.progress-bar::-webkit-progress-bar{background:var(--color-surface-container-highest);border-radius:var(--radius-full)}.progress-bar::-moz-progress-bar{border-radius:var(--radius-full)}.progress-bar--xp::-webkit-progress-value{background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s}.progress-bar--xp::-moz-progress-bar{background:var(--color-primary);border-radius:var(--radius-full)}.progress-bar--positive::-webkit-progress-value{background:var(--color-secondary);border-radius:var(--radius-full);transition:width .3s}.progress-bar--positive::-moz-progress-bar{background:var(--color-secondary);border-radius:var(--radius-full)}.progress-bar--negative::-webkit-progress-value{background:var(--color-tertiary);border-radius:var(--radius-full);transition:width .3s}.progress-bar--negative::-moz-progress-bar{background:var(--color-tertiary);border-radius:var(--radius-full)}[data-theme=dark] .progress-bar--negative::-webkit-progress-value{background:var(--color-error)}[data-theme=dark] .progress-bar--negative::-moz-progress-bar{background:var(--color-error)}.progress-ring{border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.progress-ring__center{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.progress-ring__value{color:var(--color-on-surface)}.progress-ring__label{color:var(--color-on-surface-variant)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background:linear-gradient(90deg, var(--color-surface-container) 25%, var(--color-surface-container-high) 50%, var(--color-surface-container) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.skeleton-card{border-radius:var(--radius-xl);height:140px;padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex;overflow:hidden}.skeleton-card__block{border-radius:var(--radius);flex:1}.skeleton-card__block--short{flex:0 0 20px;width:60%}.skeleton-list-item{border-radius:var(--radius);align-items:center;gap:var(--spacing-md);height:64px;padding:0 var(--spacing-md);display:flex}.skeleton-list-item__avatar{border-radius:var(--radius-full);flex-shrink:0;width:40px;height:40px}.skeleton-list-item__lines{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.skeleton-list-item__line{border-radius:var(--radius-sm);height:12px}.skeleton-list-item__line--short{width:60%}.alert{margin:0;font-size:.875rem;line-height:1.5}.alert--error{color:var(--color-error)}.alert--success{color:var(--color-secondary)}.spinner{color:var(--color-primary);flex-shrink:0;animation:.8s linear infinite spinner-spin}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:240px;min-height:100dvh;padding:var(--spacing-md);gap:var(--spacing-lg);background:color-mix(in srgb, var(--color-surface-container-low) 60%, transparent);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--color-outline-variant);flex-direction:column;display:flex}:root:not([data-theme=dark]) .sidebar{background:var(--color-surface);-webkit-backdrop-filter:none}.sidebar__logo{font-family:var(--font-display);color:var(--color-primary);align-items:center;font-weight:700;display:flex}.sidebar__nav{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.sidebar__item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);color:var(--color-on-surface-variant);font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__item:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.sidebar__item--active{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary)}.sidebar__item--disabled{opacity:.4;cursor:not-allowed}.sidebar__icon{flex-shrink:0}.sidebar__footer{margin-top:auto}.app-header{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);background:color-mix(in srgb, var(--color-surface-container-low) 60%, transparent);-webkit-backdrop-filter:blur(12px);display:flex}:root:not([data-theme=dark]) .app-header{background:var(--color-surface);-webkit-backdrop-filter:none}.app-header__search{flex:1;max-width:480px}.app-header__actions{align-items:center;gap:var(--spacing-md);color:var(--color-on-surface-variant);display:flex}.app-header__avatar{align-items:center;display:flex}.karma-widget{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-secondary) 15%, transparent);display:flex}.karma-widget__label,.karma-widget__value{color:var(--color-secondary)}.textarea-wrapper{gap:var(--spacing-xs);flex-direction:column;display:flex}.textarea-label{font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:14px;font-weight:600}.textarea-field{width:100%;min-height:96px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);color:var(--color-on-surface);font-family:var(--font-body);resize:vertical;outline:none;font-size:16px;transition:border-color .15s,box-shadow .15s}.textarea-field::placeholder{color:var(--color-on-surface-variant)}.textarea-field:focus{border-color:var(--color-primary)}[data-theme=dark] .textarea-field:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 40%, transparent)}.textarea-field:disabled{opacity:.4;cursor:not-allowed}.textarea-field--error{border-color:var(--color-error)}.textarea-error{font-family:var(--font-body);color:var(--color-error);font-size:12px}.hero-section{isolation:isolate;min-height:100svh;padding:88px var(--spacing-container);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (height<=640px){.hero-section{padding-top:52px;padding-bottom:var(--spacing-md)}.hero-section .hero-section__headline{font-size:clamp(1.875rem,.43rem + 6.43svh,3rem);line-height:1.15}.hero-section .hero-section__subheadline{line-height:1.4}.hero-section__content{gap:var(--spacing-md)}}.hero-section__backdrop{z-index:-2;object-fit:cover;object-position:68% center;width:100%;height:100%;position:absolute;inset:0}@media (width>=768px){.hero-section__backdrop{object-position:center}}.hero-section:after{content:"";z-index:-1;background:radial-gradient(ellipse 85% 65% at 50% 45%, color-mix(in srgb, var(--color-media-scrim) 64%, transparent) 0%, color-mix(in srgb, var(--color-media-scrim) 80%, transparent) 100%), linear-gradient(to bottom, color-mix(in srgb, var(--color-media-scrim) 45%, transparent) 0%, transparent 22%, transparent 62%, var(--color-background) 100%);position:absolute;inset:0}@media (width<=767px){.hero-section:after{background:radial-gradient(ellipse 120% 55% at 50% 48%, color-mix(in srgb, var(--color-media-scrim) 78%, transparent) 0%, color-mix(in srgb, var(--color-media-scrim) 86%, transparent) 100%), linear-gradient(to bottom, color-mix(in srgb, var(--color-media-scrim) 55%, transparent) 0%, transparent 20%, transparent 60%, var(--color-background) 100%)}}@media (height<=640px){.hero-section:after{background:radial-gradient(ellipse 100% 70% at 50% 50%, color-mix(in srgb, var(--color-media-scrim) 76%, transparent) 0%, color-mix(in srgb, var(--color-media-scrim) 86%, transparent) 100%), linear-gradient(to bottom, color-mix(in srgb, var(--color-media-scrim) 50%, transparent) 0%, transparent 25%, transparent 70%, var(--color-background) 100%)}}@media (prefers-contrast:more){.hero-section:after{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-media-scrim) 90%, transparent) 0%, color-mix(in srgb, var(--color-media-scrim) 90%, transparent) 72%, var(--color-background) 100%)}}.hero-section__content{align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;max-width:48rem;display:flex}.hero-section__badge-icon{margin:var(--spacing-xs)}.hero-section__headline{text-shadow:0 2px 16px color-mix(in srgb, var(--color-media-scrim) 70%, transparent);margin:0}.hero-section__headline-line{color:var(--color-on-media);display:block}.hero-section__headline-line--accent{color:var(--color-secondary-fixed-dim)}.hero-section__subheadline{color:var(--color-on-media-variant);max-width:36rem;margin:0}.hero-section__actions{gap:var(--spacing-md);flex-direction:column;display:flex}@media (width>=640px){.hero-section__actions{flex-direction:row}}.karma-card{height:100%}.karma-card__body{padding:var(--spacing-lg);flex-direction:column;gap:40px;display:flex}.karma-card__header{align-items:center;gap:var(--spacing-sm);display:flex}.karma-card__icon-wrap{border-radius:var(--radius-md);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.karma-card__icon{color:var(--color-secondary)}.karma-card__title{color:var(--color-secondary);margin:0}.karma-card__description{color:var(--color-on-surface-variant);margin:0}.karma-card__progress{gap:var(--spacing-sm);flex-direction:column;display:flex}.karma-card__progress-labels{justify-content:space-between;align-items:center;display:flex}.karma-card__progress-label{color:var(--color-on-surface-variant)}.karma-card__progress-row{align-items:center;gap:var(--spacing-md);display:flex}.karma-card__progress-bar{flex:1}.streak-card{height:100%}.streak-card__body{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;height:100%;display:flex}.streak-card__header{align-items:center;gap:var(--spacing-sm);display:flex}.streak-card__icon-wrap{border-radius:var(--radius-md);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.streak-card__icon{color:var(--color-primary)}.streak-card__title{color:var(--color-on-surface);margin:0}.streak-card__description{color:var(--color-on-surface-variant);margin:0}.streak-card__stat{border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.streak-card__value{color:var(--color-tertiary)}.streak-card__unit{color:var(--color-on-surface-variant)}.medals-teaser{gap:var(--spacing-lg);flex-direction:column;display:flex}.medals-teaser__header{align-items:center;gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.medals-teaser__eyebrow{color:var(--color-tertiary)}.medals-teaser__title{color:var(--color-on-surface);margin:0}.medals-teaser__body{padding:var(--spacing-lg);align-items:center;display:grid}@media (width>=768px){.medals-teaser__body{grid-template-columns:repeat(2,minmax(0,1fr))}}.medals-teaser__content{gap:var(--spacing-md);flex-direction:column;display:flex}.medals-teaser__description{color:var(--color-on-surface-variant);margin:0}.medals-teaser__tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.medals-teaser__image{padding-left:var(--spacing-container);width:100%;height:auto}.mission-pillars{gap:var(--spacing-lg);flex-direction:column;display:flex}.mission-pillars__header{align-items:center;gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.mission-pillars__eyebrow{color:var(--color-tertiary)}.mission-pillars__title{color:var(--color-on-surface);margin:0}.mission-pillars__grid{gap:var(--spacing-lg);display:grid}@media (width>=768px){.mission-pillars__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mission-pillars__card{height:100%}.mission-pillars__card-body{padding:var(--spacing-lg);text-align:center;flex-direction:column;align-items:center;gap:12px;height:100%;display:flex}.mission-pillars__icon-wrap{border-radius:var(--radius-md);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.mission-pillars__icon{color:var(--color-primary)}.mission-pillars__card-title{color:var(--color-on-surface);margin:0}.mission-pillars__card-description{color:var(--color-on-surface-variant);margin:0}.evolution-section{max-width:72rem;padding:64px var(--spacing-container);flex-direction:column;gap:40px;margin-left:auto;margin-right:auto;display:flex}.evolution-section__header{align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}.evolution-section__eyebrow{color:var(--color-secondary)}.evolution-section__title{color:var(--color-on-surface);margin:0}.evolution-section__divider{border-radius:var(--radius-full);background:var(--color-secondary);width:48px;height:4px}.evolution-section__grid{gap:var(--spacing-lg);display:grid}@media (width>=768px){.evolution-section__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.evolution-section__grid-item--karma{grid-column:span 2/span 2}.evolution-section__grid-item--streak{grid-column:span 1/span 1}}.landing-footer__text{text-align:center;color:var(--color-on-surface-variant);opacity:.3;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);margin:0;font-size:10px}.locale-switcher{align-items:center;gap:var(--spacing-xs);display:flex}.locale-switcher__button{cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);background:0 0;border:none;font-size:12px;font-weight:400}.locale-switcher__button--active{color:var(--color-primary);font-weight:700}.landing-page{background:var(--color-background);min-height:100dvh;color:var(--color-on-surface);position:relative}.landing-page__locale-row{z-index:1;justify-content:flex-end;padding-top:40px;padding-left:60px;padding-right:60px;display:flex;position:absolute;top:0;left:0;right:0}@media (height<=640px){.landing-page__locale-row{padding-top:20px}}.register-page{background:var(--color-background);justify-content:center;align-items:center;min-height:100dvh;display:flex}.register-page__grid{width:100%;max-width:72rem;display:grid}@media (width>=768px){.register-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.register-page__marketing{justify-content:center;gap:var(--spacing-lg);flex-direction:column;padding:48px;display:flex}.register-page__marketing-brand{align-items:center;gap:var(--spacing-sm);display:flex}.register-page__marketing-logo{border-radius:var(--radius-md);width:40px;height:40px}.register-page__marketing-brand-name{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:28px}.register-page__marketing-brand-name-text{color:var(--color-on-surface)}.register-page__marketing-headline{font-family:var(--font-display);color:var(--color-on-surface);margin:0;font-size:36px;font-weight:700;line-height:40px}.register-page__marketing-body{color:var(--color-on-surface-variant);max-width:28rem;margin:0}.register-page__marketing-stats{gap:var(--spacing-md);display:flex}.register-page__marketing-stat{border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);padding:var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;display:flex}.register-page__marketing-stat-label{color:var(--color-on-surface-variant)}.register-page__marketing-stat-value{font-family:var(--font-display);color:var(--color-tertiary);font-size:18px;font-weight:700;line-height:28px}.register-page__form-side{padding:var(--spacing-container);justify-content:center;align-items:center;display:flex}.register-page__container{gap:var(--spacing-md);flex-direction:column;width:100%;min-width:320px;max-width:28rem;display:flex}.register-page__locale-row{justify-content:flex-end;display:flex}.register-page__brand{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.register-page__brand-logo{border-radius:var(--radius-md);width:48px;height:48px}.register-page__brand-name{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:28px}.register-page__brand-name-accent{color:var(--color-primary)}.register-page__card-body{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;display:flex}.register-page__title-block{gap:var(--spacing-xs);flex-direction:column;align-items:center;display:flex}.register-page__title{color:var(--color-on-surface);margin:0}.register-page__subtitle{color:var(--color-on-surface-variant);text-align:center;margin:0;font-size:14px;line-height:20px}.register-page__footer-text{text-align:center;color:var(--color-on-surface-variant);font-size:14px;line-height:20px}.register-page__footer-link{color:var(--color-primary);text-decoration:none}.register-page__version{text-align:center;color:var(--color-on-surface-variant);opacity:.3;margin:0;font-size:10px}.register-form{gap:var(--spacing-md);flex-direction:column;display:flex}.register-form__terms-link{color:var(--color-primary);text-decoration:none}.login-page{min-height:100dvh;padding:var(--spacing-container);background:var(--color-background);justify-content:center;align-items:center;display:flex}.login-page__container{gap:var(--spacing-md);flex-direction:column;width:100%;min-width:320px;max-width:28rem;display:flex}.login-page__locale-row{justify-content:flex-end;display:flex}.login-page__brand{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.login-page__brand-logo{border-radius:var(--radius-md);width:48px;height:48px}.login-page__brand-name{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:28px}.login-page__brand-name-accent{color:var(--color-primary)}.login-page__card-body{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;justify-content:center;display:flex}.login-page__title-block{gap:var(--spacing-xs);flex-direction:column;align-items:center;display:flex}.login-page__title{color:var(--color-on-surface);margin:0}.login-page__tagline{color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:20px}.login-page__footer-text{text-align:center;color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:20px}.login-page__footer-link{color:var(--color-primary);font-weight:600;text-decoration:none}.login-page__version{text-align:center;color:var(--color-on-surface-variant);opacity:.3;margin:0;font-size:10px}.login-form{gap:var(--spacing-md);flex-direction:column;display:flex}.login-form__forgot-link{color:var(--color-primary);align-self:flex-end;font-size:11px;text-decoration:none}.verify-email-page{min-height:100dvh;padding:var(--spacing-container);background:var(--color-background);justify-content:center;align-items:center;display:flex}.verify-email-page__loading{flex-direction:column;align-items:center;gap:12px;display:flex}.verify-email-page__loading-text{color:var(--color-on-surface-variant);font-size:14px;line-height:20px}.verify-email-page__success-container{width:100%;min-width:320px;max-width:28rem}.verify-email-page__success-body{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.verify-email-page__success-icon{border-radius:var(--radius-full);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.verify-email-page__success-icon-glyph{color:var(--color-secondary)}.verify-email-page__success-text{gap:var(--spacing-xs);flex-direction:column;display:flex}.verify-email-page__success-title{color:var(--color-on-surface);font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:28px}.verify-email-page__success-message{color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:20px}.verify-email-page__success-actions{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.verify-email-page__countdown{color:var(--color-on-surface-variant);opacity:.6;margin:0;font-size:11px}.verify-email-page__container{gap:var(--spacing-md);flex-direction:column;width:100%;min-width:320px;max-width:28rem;display:flex}.verify-email-page__locale-row{justify-content:flex-end;display:flex}.verify-email-page__body{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;display:flex}.verify-email-page__header{align-items:center;gap:var(--spacing-md);text-align:center;flex-direction:column;display:flex}.verify-email-page__header-icon{border-radius:var(--radius-full);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.verify-email-page__header-icon-glyph{color:var(--color-error)}.verify-email-page__header-text{gap:var(--spacing-xs);flex-direction:column;display:flex}.verify-email-page__title{color:var(--color-on-surface);margin:0}.verify-email-page__title-body{color:var(--color-on-surface-variant);margin:0}.verify-email-page__footer-text{text-align:center;color:var(--color-on-surface-variant);font-size:14px;line-height:20px}.verify-email-page__footer-link{color:var(--color-primary);align-items:center;gap:var(--spacing-xs);text-decoration:none;display:inline-flex}.verify-email-page__version{text-align:center;color:var(--color-on-surface-variant);opacity:.3;margin:0;font-size:10px}.resend-verification-banner{gap:var(--spacing-md);flex-direction:column;display:flex}.resend-verification-banner__limit-message{color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:20px}.forgot-password-page{min-height:100dvh;padding:var(--spacing-container);background:var(--color-background);justify-content:center;align-items:center;display:flex}.forgot-password-page__container{gap:var(--spacing-md);flex-direction:column;width:100%;min-width:320px;max-width:28rem;display:flex}.forgot-password-page__locale-row{justify-content:flex-end;display:flex}.forgot-password-page__success-body{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.forgot-password-page__success-icon{border-radius:var(--radius-full);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.forgot-password-page__success-icon-glyph{color:var(--color-secondary)}.forgot-password-page__success-message{color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:20px}.forgot-password-page__success-actions{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.forgot-password-page__form-body{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;display:flex}.forgot-password-page__header{align-items:center;gap:var(--spacing-md);text-align:center;flex-direction:column;display:flex}.forgot-password-page__header-icon{border-radius:var(--radius-full);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.forgot-password-page__header-icon-glyph{color:var(--color-primary)}.forgot-password-page__header-text{gap:var(--spacing-sm);flex-direction:column;display:flex}.forgot-password-page__title{color:var(--color-on-surface);margin:0}.forgot-password-page__body{color:var(--color-on-surface-variant);margin:0}.forgot-password-page__footer-text{text-align:center;color:var(--color-on-surface-variant);font-size:14px;line-height:20px}.forgot-password-page__footer-link{color:var(--color-primary);align-items:center;gap:var(--spacing-xs);text-decoration:none;display:inline-flex}.forgot-password-page__version{text-align:center;color:var(--color-on-surface-variant);opacity:.3;margin:0;font-size:10px}.forgot-password-form{gap:var(--spacing-md);flex-direction:column;display:flex}.reset-password-page{min-height:100dvh;padding:var(--spacing-container);background:var(--color-background);justify-content:center;align-items:center;display:flex}.reset-password-page__container{gap:var(--spacing-md);flex-direction:column;width:100%;min-width:320px;max-width:28rem;display:flex}.reset-password-page__locale-row{justify-content:flex-end;display:flex}.reset-password-page__body{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;display:flex}.reset-password-page__header{align-items:center;gap:var(--spacing-md);text-align:center;flex-direction:column;display:flex}.reset-password-page__header-icon{border-radius:var(--radius-full);background:var(--color-surface-container-high);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.reset-password-page__header-icon-glyph{color:var(--color-secondary)}.reset-password-page__header-text{gap:var(--spacing-sm);flex-direction:column;display:flex}.reset-password-page__title{color:var(--color-on-surface);margin:0}.reset-password-page__body-text{color:var(--color-on-surface-variant);margin:0}.reset-password-page__request-new-link{color:var(--color-primary);font-size:14px;text-decoration:none}.reset-password-page__footer-text{text-align:center;color:var(--color-on-surface-variant);font-size:14px;line-height:20px}.reset-password-page__footer-link{color:var(--color-primary);align-items:center;gap:var(--spacing-xs);text-decoration:none;display:inline-flex}.reset-password-page__version{text-align:center;color:var(--color-on-surface-variant);opacity:.3;margin:0;font-size:10px}.reset-password-form{gap:var(--spacing-md);flex-direction:column;display:flex}.terms-page{min-height:100dvh;padding:var(--spacing-container);background:var(--color-background);justify-content:center;align-items:center;display:flex}.terms-page__container{gap:var(--spacing-md);flex-direction:column;width:100%;min-width:320px;max-width:28rem;display:flex}.terms-page__locale-row{justify-content:flex-end;display:flex}.terms-page__body{gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column;display:flex}.terms-page__title{color:var(--color-on-surface);margin:0}.terms-page__text{color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:20px}.terms-page__footer-text{text-align:center;color:var(--color-on-surface-variant);font-size:14px;line-height:20px}.terms-page__footer-link{color:var(--color-primary);align-items:center;gap:var(--spacing-xs);text-decoration:none;display:inline-flex}.security-settings-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.security-settings-page__title{font-family:var(--font-display);color:var(--color-on-surface);font-size:30px;font-weight:700;line-height:36px}.security-settings-page__section{padding:var(--spacing-lg)}.security-settings-page__section>*+*{margin-top:var(--spacing-md)}.security-settings-page__section-title{font-family:var(--font-display);color:var(--color-on-surface);font-size:16px;font-weight:600;line-height:24px}.security-settings-page__section-body{color:var(--color-on-surface-variant);margin-top:4px;font-size:14px;line-height:20px}.change-password-form{gap:var(--spacing-md);flex-direction:column;display:flex}.dashboard-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.dashboard-page__title{font-family:var(--font-display);color:var(--color-on-surface);font-size:1.875rem;font-weight:700;line-height:2.25rem}.dashboard-page__title-name{color:var(--color-primary)}.dashboard-page__subtitle{margin-top:var(--spacing-xs);color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.25rem}.dashboard-page__grid{gap:var(--spacing-md);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (width>=1024px){.dashboard-page__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-page__karma-card{grid-column:span 2/span 2}}.dashboard-page__karma-body{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.dashboard-page__karma-summary{text-align:center}.dashboard-page__karma-total{color:var(--color-on-surface);font-size:1.5rem;line-height:2rem}.dashboard-page__level{font-family:var(--font-display);color:var(--color-on-surface);margin-top:var(--spacing-sm);font-size:1.125rem;font-weight:700;line-height:1.75rem}.dashboard-page__level-next{color:var(--color-on-surface-variant);margin-top:var(--spacing-xs);font-size:.875rem;line-height:1.25rem}.dashboard-page__stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.dashboard-page__stat{border-radius:var(--radius);background:var(--color-surface-container-high);text-align:center;padding:12px}.dashboard-page__stat-label{color:var(--color-on-surface-variant);font-size:.75rem;line-height:1rem}.dashboard-page__stat-value{color:var(--color-on-surface);margin-top:var(--spacing-xs)}.dashboard-page__side{gap:var(--spacing-md);flex-direction:column;display:flex}.dashboard-page__summary-body{padding:var(--spacing-md)}.dashboard-page__summary-body>*+*{margin-top:12px}.dashboard-page__summary-heading{color:var(--color-on-surface-variant)}.dashboard-page__summary-row{justify-content:space-between;align-items:center;display:flex}.dashboard-page__summary-label{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.25rem}.dashboard-page__summary-value{color:var(--color-secondary)}.dashboard-page__activity-bars{align-items:flex-end;gap:var(--spacing-sm);height:80px;display:flex}.dashboard-page__activity-bar{border-radius:var(--radius-full);background:var(--color-surface-container-highest);flex:1}.dashboard-page__mission-body{padding:var(--spacing-lg)}.dashboard-page__mission-body>*+*{margin-top:12px}.dashboard-page__mission-title{font-family:var(--font-display);color:var(--color-on-surface);font-size:1.125rem;font-weight:600;line-height:1.75rem}.dashboard-page__mission-description{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.25rem}.profile-page__form{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.profile-page__title{font-family:var(--font-display);color:var(--color-on-surface);font-size:1rem;font-weight:600;line-height:1.5rem}.profile-page__subtitle{color:var(--color-on-surface-variant);margin-top:var(--spacing-xs);font-size:.875rem;line-height:1.25rem}.subscription-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.subscription-page__title{font-family:var(--font-display);color:var(--color-on-surface);font-size:1.875rem;font-weight:700;line-height:2.25rem}.subscription-page__subtitle{margin-top:var(--spacing-xs);color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.25rem}.subscription-page__grid{gap:var(--spacing-md);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (width>=768px){.subscription-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.subscription-page__card-body{padding:var(--spacing-lg)}.subscription-page__card-body>*+*{margin-top:var(--spacing-md)}.subscription-page__card-title{font-family:var(--font-display);color:var(--color-on-surface);font-size:1rem;font-weight:600;line-height:1.5rem}.subscription-page__label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500;line-height:1rem}.subscription-page__tier-row{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.subscription-page__tier{font-size:1.25rem;font-weight:700;line-height:1.75rem;font-family:var(--font-display);color:var(--color-primary)}.subscription-page__details-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.subscription-page__value{color:var(--color-on-surface);margin-top:var(--spacing-xs);font-weight:500}.subscription-page__payment-method{border-radius:var(--radius);background:var(--color-surface-container-high);justify-content:space-between;align-items:center;padding:12px;display:flex}.subscription-page__payment-label{color:var(--color-on-surface);font-weight:500}.subscription-page__payment-expiry{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.25rem}.authenticated-layout{background:var(--color-background);min-height:100dvh;color:var(--color-on-surface);display:flex}.authenticated-layout__logo{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.025em;font-size:1.125rem;font-weight:700}.authenticated-layout__content{flex-direction:column;flex:1;min-width:0;display:flex}.authenticated-layout__avatar{border-radius:var(--radius-full);background:var(--color-primary);width:32px;height:32px;color:var(--color-on-primary);font-size:.875rem;font-weight:700;font-family:var(--font-display);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.authenticated-layout__main{width:100%;padding:40px var(--spacing-lg);flex:1}.settings-layout{gap:var(--spacing-xl);flex-direction:column;display:flex}.settings-layout__heading{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md);font-size:.75rem;font-weight:500;line-height:1rem}.settings-layout__tabs{gap:var(--spacing-sm);border-bottom:1px solid var(--color-outline-variant);display:flex}.settings-layout__tab{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-on-surface-variant);border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)}.settings-layout__tab:hover{color:var(--color-on-surface)}.settings-layout__tab--active{border-color:var(--color-primary);color:var(--color-primary)}