:root{--sp-space-0-5: .125rem;--sp-space-1: .25rem;--sp-space-2: .5rem;--sp-space-3: .75rem;--sp-space-4: 1rem;--sp-space-5: 1.25rem;--sp-space-6: 1.5rem;--sp-space-8: 2rem;--sp-space-12: 3rem;--sp-space-16: 4rem;--sp-radius-sm: 8px;--sp-radius-xs: 4px;--sp-radius-md: 12px;--sp-radius-lg: 16px;--sp-radius-xl: 20px;--sp-radius-2xl: 28px;--sp-radius-pill: 999px;--sp-radius-round: 50%;--sp-radius-card: var(--sp-radius-xl);--sp-font-family: Poppins, Roboto, Arial, sans-serif;--sp-font-size-xs: .75rem;--sp-font-size-2xs: .6875rem;--sp-font-size-sm: .85rem;--sp-font-size-md: 1rem;--sp-font-size-lg: 1.2rem;--sp-font-size-xl: 1.4rem;--sp-font-size-2xl: 1.8rem;--sp-font-size-3xl: 2.4rem;--sp-font-size-4xl: 3rem;--sp-font-size-page-title: clamp(1.65rem, 3.5vw, 2.1rem);--sp-font-size-section-title: clamp(1.4rem, 4vw, 1.8rem);--sp-font-size-timer: 4rem;--sp-font-size-timer-large: clamp(3rem, 16vw, 5rem);--sp-font-size-timer-floating: clamp(1.375rem, 7vw, 2rem);--sp-font-size-display: 4.5rem;--sp-font-weight-regular: 400;--sp-font-weight-medium: 500;--sp-font-weight-semibold: 600;--sp-font-weight-bold: 700;--sp-font-weight-heavy: 800;--sp-font-weight-black: 900;--sp-letter-spacing-tight: -.02em;--sp-letter-spacing-caps: .08em;--sp-icon-size-xs: 1rem;--sp-icon-size-sm: 1.125rem;--sp-icon-size-md: 1.25rem;--sp-icon-size-lg: 1.5rem;--sp-icon-size-xl: 2.5rem;--sp-shadow-sm: 0 4px 18px rgba(57, 36, 83, .045);--sp-shadow-inset: inset 0 0 0 1px rgba(104, 66, 166, .16);--sp-blur-glass: 20px;--sp-duration-fast: .2s;--sp-duration-instant: .12s;--sp-duration-medium: .32s;--sp-duration-theme: .26s;--sp-easing-emphasized: cubic-bezier(.2, .7, .2, 1);--sp-layout-max-width: 900px;--sp-layout-content-width: 760px;--sp-layout-gutter: var(--sp-space-4);--sp-layout-page-gap: var(--sp-space-5);--sp-color-status-registration: #367bee;--sp-color-status-published: #9254d9;--sp-color-status-running: #e98520;--sp-color-status-finished: #269867;--sp-color-challenge-race: #f2a65a;--sp-color-challenge-unbroken: #5db7c6;--sp-color-challenge-one-shot: #c792df;--sp-color-white: #fff;--sp-color-black: #000;--sp-color-shadow: #291d3b;--sp-shadow-floating: 0 16px 36px color-mix(in srgb, var(--sp-color-shadow) 25%, transparent);--sp-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--sp-color-accent) 25%, transparent);--sp-shadow-success-ring: 0 0 0 3px color-mix(in srgb, var(--sp-color-success) 25%, transparent);--sp-shadow-highlight: inset 0 0 0 1px var(--sp-surface-card-border);--sp-surface-capture: linear-gradient(var(--sp-surface-inner), var(--sp-surface-inner)), var(--sp-color-bg-end);--sp-surface-media: #111;--sp-surface-athletic: #1b1722;--sp-color-on-athletic: #f8f5ff;--sp-color-athletic-highlight: #c6b5f0;--sp-color-on-athletic-highlight: #30283e;--sp-surface-dialog: var(--mat-sys-surface-container-high);--sp-color-on-premium: #1f1300;--sp-surface-premium: linear-gradient(135deg, #f9a825, #fb8c00);--sp-level-e-bg: #15803d;--sp-level-d-bg: #a3e635;--sp-level-d-text: #1a2e05;--sp-level-c-bg: #fde047;--sp-level-c-text: #422006;--sp-level-b-bg: #f59e0b;--sp-level-a-bg: #c2410c;--sp-level-s-bg: #dc2626;--sp-level-z-bg: #881337}:root{--sp-color-bg-start: #faf8fe;--sp-color-bg-end: #f4f0fa;--sp-bg-angle: 135deg;--sp-bg-glow: linear-gradient(transparent, transparent);--sp-color-text: var(--mat-sys-on-surface);--sp-color-text-secondary: #675b77;--sp-color-text-tertiary: #73657f;--sp-color-focus-ring: var(--mat-sys-primary);--sp-color-divider: color-mix(in srgb, var(--mat-sys-on-surface) 14%, transparent);--sp-color-control-border: #9687aa;--sp-color-accent: #6842a6;--sp-color-on-accent: #ffffff;--sp-color-accent-soft: #f0e8fb;--sp-color-on-accent-soft: #58328f;--sp-color-error: var(--mat-sys-error);--sp-color-success: #66bb6a;--sp-color-session-valid: #18a03d;--sp-color-warning: #a85f00;--sp-color-info: #8066ac;--sp-color-coach: #a78bc9;--sp-color-user: #9adfb8;--sp-color-plan: #8066ac;--sp-color-phase-work: #fbc02d;--sp-color-phase-rest: #81c784;--sp-color-phase-ready: #90caf9;--sp-surface-card: #fff;--sp-surface-card-border: #e8e1ef;--sp-surface-card-shadow: 0 4px 18px rgba(57, 36, 83, .045);--sp-surface-floating: rgba(255, 255, 255, .97);--sp-surface-floating-border: #e8e1ef;--sp-surface-inner: #fff;--sp-surface-inner-border: #e8e1ef;--sp-surface-inner-shadow: none;--sp-surface-tint: color-mix(in srgb, var(--mat-sys-on-surface) 6%, transparent);--sp-surface-icon: var(--sp-surface-tint);--sp-color-icon: var(--mat-sys-on-surface);--sp-surface-marker: var(--sp-color-accent-soft);--sp-color-on-marker: var(--sp-color-on-accent-soft);--sp-scrollbar-thumb: rgba(104, 66, 166, .25);--sp-scrollbar-thumb-hover: rgba(104, 66, 166, .45)}.dark-theme{--sp-color-bg-start: #1b1722;--sp-color-bg-end: #251e32;--sp-bg-angle: 180deg;--sp-bg-glow: radial-gradient(circle 70vmax at 100% 0%, rgba(198, 181, 240, .07), rgba(198, 181, 240, 0)), radial-gradient(circle 60vmax at 0% 100%, rgba(198, 181, 240, .03), rgba(198, 181, 240, 0));--sp-color-text-secondary: #c3b7d3;--sp-color-control-border: #8b7a9e;--sp-color-text-tertiary: #b8aaca;--sp-color-accent: #c6b5f0;--sp-color-on-accent: #30283e;--sp-color-accent-soft: rgba(198, 181, 240, .14);--sp-color-on-accent-soft: #e5d8ff;--sp-color-success: #4caf50;--sp-color-session-valid: #0f7b6c;--sp-color-warning: #ffcc80;--sp-color-info: #c4ace6;--sp-color-coach: #a78bc9;--sp-color-user: #a5d6a7;--sp-color-plan: #c4ace6;--sp-color-phase-work: #ffd54f;--sp-color-phase-rest: #a5d6a7;--sp-color-phase-ready: #b3e5fc;--sp-surface-card: #2a2234;--sp-surface-card-border: rgba(255, 255, 255, .1);--sp-surface-card-shadow: none;--sp-surface-floating: rgba(42, 34, 52, .97);--sp-surface-floating-border: rgba(255, 255, 255, .12);--sp-surface-inner: #2a2234;--sp-surface-inner-border: rgba(255, 255, 255, .1);--sp-surface-inner-shadow: none;--sp-surface-icon: var(--sp-color-accent-soft);--sp-color-icon: var(--sp-color-accent);--sp-surface-marker: var(--sp-color-accent);--sp-color-on-marker: var(--sp-color-on-accent);--sp-scrollbar-thumb: rgba(227, 227, 227, .35);--sp-scrollbar-thumb-hover: rgba(227, 227, 227, .6)}:root,.dark-theme{--text-light: #f8f5ff;--white: #f8f5ff;--app-bg-start: var(--sp-color-bg-start);--app-bg-end: var(--sp-color-bg-end);--app-bg-angle: var(--sp-bg-angle);--app-bg-glow: var(--sp-bg-glow);--app-card-shadow-hover: var(--sp-shadow-inset);--border-radius: var(--sp-radius-card);--app-scrollbar-thumb: var(--sp-scrollbar-thumb);--app-scrollbar-thumb-hover: var(--sp-scrollbar-thumb-hover);--app-status-success: var(--sp-color-success);--app-status-info: var(--sp-color-info);--app-status-coach: var(--sp-color-coach);--app-status-user: var(--sp-color-user);--app-status-plan: var(--sp-color-plan);--app-status-phase-work: var(--sp-color-phase-work);--app-status-phase-rest: var(--sp-color-phase-rest);--app-status-phase-ready: var(--sp-color-phase-ready)}:root{--session-note-valid-rgb: 24, 160, 61}.dark-theme{--session-note-valid-rgb: 15, 123, 108;--app-card-bg: var(--sp-surface-card);--app-card-border: var(--sp-surface-card-border);--app-card-shadow: var(--sp-surface-card-shadow);--app-floating-bg: var(--sp-surface-floating);--app-floating-border: var(--sp-surface-floating-border);--app-inner-bg: var(--sp-surface-inner);--app-block-shadow: none;--app-table-head-bg: rgba(255, 255, 255, .05);--app-divider: rgba(255, 255, 255, .08);--app-text-muted: var(--sp-color-text-secondary);--app-accent: var(--sp-color-accent);--app-on-accent: var(--sp-color-on-accent);--app-accent-soft: var(--sp-color-accent-soft);--app-accent-soft-text: var(--sp-color-on-accent-soft)}html{--mat-sys-background: #fef8fc;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f5eff4;--mat-sys-inverse-primary: #d5baff;--mat-sys-inverse-surface: #323033;--mat-sys-on-background: #1d1b1e;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #5f00c0;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #4b4357;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #1d1b1e;--mat-sys-on-surface-variant: #49454e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #5f00c0;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #7b757f;--mat-sys-outline-variant: #cbc4cf;--mat-sys-primary: #7d00fa;--mat-sys-primary-container: #ecdcff;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #645b70;--mat-sys-secondary-container: #eadef7;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #fef8fc;--mat-sys-surface-bright: #fef8fc;--mat-sys-surface-container: #f2ecf1;--mat-sys-surface-container-high: #ede6eb;--mat-sys-surface-container-highest: #e6e1e6;--mat-sys-surface-container-low: #f8f2f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #ded8dd;--mat-sys-surface-tint: #7d00fa;--mat-sys-surface-variant: #e8e0eb;--mat-sys-tertiary: #7d00fa;--mat-sys-tertiary-container: #ecdcff;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Poppins, Roboto, Arial, sans-serif;--mat-sys-body-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-body-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Poppins, Roboto, Arial, sans-serif;--mat-sys-body-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Poppins, Roboto, Arial, sans-serif;--mat-sys-display-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-display-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Poppins, Roboto, Arial, sans-serif;--mat-sys-display-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-label-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Poppins, Roboto, Arial, sans-serif;--mat-sys-label-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Poppins, Roboto, Arial, sans-serif;--mat-sys-label-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Poppins, Roboto, Arial, sans-serif;--mat-sys-title-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Poppins, Roboto, Arial, sans-serif;--mat-sys-title-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-title-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;color-scheme:light;background-color:var(--sp-color-bg-start, #faf8fe)}:root{--mat-sys-display-large-font: var(--sp-font-family);--mat-sys-display-medium-font: var(--sp-font-family);--mat-sys-display-small-font: var(--sp-font-family);--mat-sys-headline-large-font: var(--sp-font-family);--mat-sys-headline-medium-font: var(--sp-font-family);--mat-sys-headline-small-font: var(--sp-font-family);--mat-sys-title-large-font: var(--sp-font-family);--mat-sys-title-medium-font: var(--sp-font-family);--mat-sys-title-small-font: var(--sp-font-family);--mat-sys-body-large-font: var(--sp-font-family);--mat-sys-body-medium-font: var(--sp-font-family);--mat-sys-body-small-font: var(--sp-font-family);--mat-sys-label-large-font: var(--sp-font-family);--mat-sys-label-medium-font: var(--sp-font-family);--mat-sys-label-small-font: var(--sp-font-family);--mat-sys-primary: #6842a6;--mat-sys-on-primary: #f8f5ff;--mat-sys-primary-container: #eee6fa;--mat-sys-on-primary-container: #30283e;--mat-sys-secondary: #4d3b6b;--mat-sys-on-secondary: #f8f5ff;--mat-sys-secondary-container: #eee8f5;--mat-sys-on-secondary-container: #30283e;--mat-sys-tertiary: #c6b5f0;--mat-sys-on-tertiary: #30283e;--mat-sys-tertiary-container: #f1ebfb;--mat-sys-on-tertiary-container: #30283e;--mat-sys-background: #faf8fe;--mat-sys-on-background: #30283e;--mat-sys-surface: #fff;--mat-sys-on-surface: #30283e;--mat-sys-surface-dim: #eee9f4;--mat-sys-surface-bright: #fff;--mat-sys-surface-container-lowest: #fff;--mat-sys-surface-container-low: #faf7ff;--mat-sys-surface-container: #f5f0fb;--mat-sys-surface-container-high: #eee8f6;--mat-sys-surface-container-highest: #e8e0f1;--mat-sys-error: #b93849;--mat-sys-on-error: #ffffff;--mat-sys-error-container: rgb(239.8962655602, 205.1037344398, 209.6887966805);--mat-sys-on-error-container: #410002;--mat-sys-outline: #78767b;--mat-sys-outline-variant: #c8c5cc;--mat-sys-inverse-surface: #313030;--mat-sys-inverse-on-surface: #f4f0f0;--mat-sys-shadow: 0 4px 18px rgba(57, 36, 83, .045);--mat-sys-scrim: #000000;--mat-icon-color: #30283e}.dark-theme{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Poppins, Roboto, Arial, sans-serif;--mat-sys-body-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-body-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Poppins, Roboto, Arial, sans-serif;--mat-sys-body-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Poppins, Roboto, Arial, sans-serif;--mat-sys-display-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-display-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Poppins, Roboto, Arial, sans-serif;--mat-sys-display-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-label-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Poppins, Roboto, Arial, sans-serif;--mat-sys-label-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Poppins, Roboto, Arial, sans-serif;--mat-sys-label-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Poppins, Roboto, Arial, sans-serif;--mat-sys-title-large-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Poppins, Roboto, Arial, sans-serif;--mat-sys-title-medium-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Poppins, Roboto, Arial, sans-serif;--mat-sys-title-small-font: Poppins, Roboto, Arial, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-display-large-font: var(--sp-font-family);--mat-sys-display-medium-font: var(--sp-font-family);--mat-sys-display-small-font: var(--sp-font-family);--mat-sys-headline-large-font: var(--sp-font-family);--mat-sys-headline-medium-font: var(--sp-font-family);--mat-sys-headline-small-font: var(--sp-font-family);--mat-sys-title-large-font: var(--sp-font-family);--mat-sys-title-medium-font: var(--sp-font-family);--mat-sys-title-small-font: var(--sp-font-family);--mat-sys-body-large-font: var(--sp-font-family);--mat-sys-body-medium-font: var(--sp-font-family);--mat-sys-body-small-font: var(--sp-font-family);--mat-sys-label-large-font: var(--sp-font-family);--mat-sys-label-medium-font: var(--sp-font-family);--mat-sys-label-small-font: var(--sp-font-family);color-scheme:dark;--mat-sys-primary: #c6b5f0;--mat-sys-on-primary: #30283e;--mat-sys-primary-container: #3d2e54;--mat-sys-on-primary-container: #eee9f6;--mat-sys-secondary: #d5c6e8;--mat-sys-on-secondary: #30283e;--mat-sys-secondary-container: #33283f;--mat-sys-on-secondary-container: #eee9f6;--mat-sys-tertiary: #c6b5f0;--mat-sys-on-tertiary: #30283e;--mat-sys-tertiary-container: #48375f;--mat-sys-on-tertiary-container: #eee9f6;--mat-sys-background: #1b1722;--mat-sys-on-background: #f8f5ff;--mat-sys-surface: #251f30;--mat-sys-on-surface: #f8f5ff;--mat-sys-surface-dim: #17131d;--mat-sys-surface-bright: #372d43;--mat-sys-surface-container-lowest: #16121c;--mat-sys-surface-container-low: #211b2a;--mat-sys-surface-container: #2a2234;--mat-sys-surface-container-high: #32283e;--mat-sys-surface-container-highest: #3b3049;--mat-sys-error: #ffb1bb;--mat-sys-on-error: #5c1325;--mat-sys-error-container: rgb(228.0456431535, 165.9543568465, 174.1369294606);--mat-sys-on-error-container: #410002;--mat-sys-outline: rgba(255, 255, 255, .65);--mat-sys-outline-variant: #9d9aa3;--mat-sys-inverse-surface: #ece8e8;--mat-sys-inverse-on-surface: #1d1c1d;--mat-sys-shadow: #000000;--mat-sys-scrim: #000000;--mat-icon-color: #f8f5ff}:root{--sp-button-height: 44px;--sp-button-radius: var(--sp-radius-pill);--sp-button-padding-x: 24px;--sp-button-text-padding-x: 12px;--sp-button-icon-spacing: 8px;--sp-button-font-family: var(--sp-font-family);--sp-button-font-size: .875rem;--sp-button-font-weight: var(--sp-font-weight-medium);--sp-button-letter-spacing: .006rem;--sp-button-text-transform: none;--sp-button-filled-bg: var(--mat-sys-primary);--sp-button-filled-color: var(--mat-sys-on-primary);--sp-button-outlined-color: var(--mat-sys-primary);--sp-button-outlined-border: var(--sp-color-divider);--sp-button-outlined-border-hover: var(--mat-sys-outline);--sp-button-outlined-border-width: 1px;--sp-button-text-color: var(--mat-sys-primary);--sp-button-tonal-bg: var(--mat-sys-secondary-container);--sp-button-tonal-color: var(--mat-sys-on-secondary-container);--sp-button-elevated-bg: var(--mat-sys-surface);--sp-button-elevated-bg-hover: #ffffff;--sp-button-elevated-color: var(--mat-sys-primary);--sp-icon-button-size: 44px;--sp-icon-button-icon-size: 24px;--sp-icon-button-radius: var(--sp-radius-pill);--sp-fab-shadow: var(--sp-shadow-sm)}.dark-theme{--sp-button-outlined-color: var(--sp-color-text);--sp-button-outlined-border: var(--sp-color-divider);--sp-button-outlined-border-hover: var(--sp-color-accent);--sp-button-text-color: var(--sp-color-accent);--sp-button-elevated-bg: var(--sp-color-accent);--sp-button-elevated-bg-hover: color-mix(in srgb, var(--sp-color-accent) 80%, #ffffff);--sp-button-elevated-color: var(--sp-color-on-accent)}:root{--mat-button-filled-container-shape: var(--sp-button-radius);--mat-button-filled-container-height: var(--sp-button-height);--mat-button-filled-icon-spacing: var(--sp-button-icon-spacing);--mat-button-filled-label-text-font: var(--sp-button-font-family);--mat-button-filled-label-text-size: var(--sp-button-font-size);--mat-button-filled-label-text-weight: var(--sp-button-font-weight);--mat-button-filled-label-text-tracking: var(--sp-button-letter-spacing);--mat-button-filled-label-text-transform: var(--sp-button-text-transform);--mat-button-outlined-container-shape: var(--sp-button-radius);--mat-button-outlined-container-height: var(--sp-button-height);--mat-button-outlined-icon-spacing: var(--sp-button-icon-spacing);--mat-button-outlined-label-text-font: var(--sp-button-font-family);--mat-button-outlined-label-text-size: var(--sp-button-font-size);--mat-button-outlined-label-text-weight: var(--sp-button-font-weight);--mat-button-outlined-label-text-tracking: var(--sp-button-letter-spacing);--mat-button-outlined-label-text-transform: var(--sp-button-text-transform);--mat-button-text-container-shape: var(--sp-button-radius);--mat-button-text-container-height: var(--sp-button-height);--mat-button-text-icon-spacing: var(--sp-button-icon-spacing);--mat-button-text-label-text-font: var(--sp-button-font-family);--mat-button-text-label-text-size: var(--sp-button-font-size);--mat-button-text-label-text-weight: var(--sp-button-font-weight);--mat-button-text-label-text-tracking: var(--sp-button-letter-spacing);--mat-button-text-label-text-transform: var(--sp-button-text-transform);--mat-button-tonal-container-shape: var(--sp-button-radius);--mat-button-tonal-container-height: var(--sp-button-height);--mat-button-tonal-icon-spacing: var(--sp-button-icon-spacing);--mat-button-tonal-label-text-font: var(--sp-button-font-family);--mat-button-tonal-label-text-size: var(--sp-button-font-size);--mat-button-tonal-label-text-weight: var(--sp-button-font-weight);--mat-button-tonal-label-text-tracking: var(--sp-button-letter-spacing);--mat-button-tonal-label-text-transform: var(--sp-button-text-transform);--mat-button-protected-container-shape: var(--sp-button-radius);--mat-button-protected-container-height: var(--sp-button-height);--mat-button-protected-icon-spacing: var(--sp-button-icon-spacing);--mat-button-protected-label-text-font: var(--sp-button-font-family);--mat-button-protected-label-text-size: var(--sp-button-font-size);--mat-button-protected-label-text-weight: var(--sp-button-font-weight);--mat-button-protected-label-text-tracking: var(--sp-button-letter-spacing);--mat-button-protected-label-text-transform: var(--sp-button-text-transform);--mat-button-filled-horizontal-padding: var(--sp-button-padding-x);--mat-button-outlined-horizontal-padding: var(--sp-button-padding-x);--mat-button-tonal-horizontal-padding: var(--sp-button-padding-x);--mat-button-protected-horizontal-padding: var(--sp-button-padding-x);--mat-button-text-horizontal-padding: var(--sp-button-text-padding-x);--mat-button-filled-container-color: var(--sp-button-filled-bg);--mat-button-filled-label-text-color: var(--sp-button-filled-color);--mat-button-outlined-label-text-color: var(--sp-button-outlined-color);--mat-button-outlined-outline-color: var(--sp-button-outlined-border);--mat-button-outlined-outline-width: var(--sp-button-outlined-border-width);--mat-button-text-label-text-color: var(--sp-button-text-color);--mat-button-tonal-container-color: var(--sp-button-tonal-bg);--mat-button-tonal-label-text-color: var(--sp-button-tonal-color);--mat-button-protected-container-color: var(--sp-button-elevated-bg);--mat-button-protected-label-text-color: var(--sp-button-elevated-color);--mat-icon-button-container-shape: var(--sp-icon-button-radius);--mat-icon-button-state-layer-size: var(--sp-icon-button-size);--mat-icon-button-icon-size: var(--sp-icon-button-icon-size);--mat-fab-container-elevation-shadow: var(--sp-fab-shadow);--mat-fab-extended-focus-container-elevation-shadow: var(--sp-fab-shadow)}.mat-mdc-icon-button:disabled,.mat-mdc-unelevated-button,.mat-mdc-raised-button,.mat-mdc-fab,.mat-mdc-mini-fab,.mat-mdc-extended-fab{--mat-icon-color: currentColor}.mat-mdc-raised-button.mat-primary:hover{background:var(--sp-button-elevated-bg-hover)}.dark-theme .mat-mdc-button-base.mat-mdc-outlined-button:not(.sp-button-danger):not(:disabled){color:var(--sp-button-outlined-color);border-color:var(--sp-button-outlined-border)}.dark-theme .mat-mdc-button-base.mat-mdc-outlined-button:not(.sp-button-danger):not(:disabled):hover{border-color:var(--sp-button-outlined-border-hover)}.mat-mdc-icon-button.sp-icon-button-outlined{--mat-icon-color: currentColor;--mat-icon-button-icon-color: var(--sp-button-outlined-color);display:inline-flex;align-items:center;justify-content:center;border:var(--sp-button-outlined-border-width) solid var(--sp-button-outlined-border)}.mat-mdc-icon-button.sp-icon-button-outlined .mat-icon{display:flex;align-items:center;justify-content:center;width:var(--sp-icon-size-sm);height:var(--sp-icon-size-sm);font-size:var(--sp-icon-size-sm);line-height:var(--sp-icon-size-sm)}.mat-mdc-icon-button.sp-icon-button-outlined:not(:disabled){border-color:var(--sp-button-outlined-border)}.mat-mdc-icon-button.sp-icon-button-outlined:hover:not(:disabled){border-color:var(--sp-button-outlined-border-hover)}.mat-mdc-icon-button.sp-icon-button-outlined:disabled{border-color:color-mix(in srgb,var(--sp-button-outlined-border) 40%,transparent)}.sp-button-danger{--mat-button-filled-container-color: var(--sp-color-error);--mat-button-filled-label-text-color: var(--mat-sys-on-error);--mat-button-outlined-label-text-color: var(--sp-color-error);--mat-button-outlined-outline-color: var(--sp-color-error);--mat-button-text-label-text-color: var(--sp-color-error);--mat-button-tonal-container-color: color-mix(in srgb, var(--sp-color-error) 12%, transparent);--mat-button-tonal-label-text-color: var(--sp-color-error);--mat-icon-button-icon-color: var(--sp-color-error)}:root{--sp-icon-action-size: 2.75rem;--sp-icon-action-radius: var(--sp-radius-md);--sp-icon-action-icon-size: var(--sp-icon-size-sm);--sp-icon-action-bg: var(--sp-surface-tint);--sp-icon-action-border: var(--sp-surface-inner-border);--sp-icon-action-shadow: none;--sp-icon-action-color: var(--sp-color-text)}.mat-mdc-icon-button.sp-icon-action{--mat-icon-color: currentColor;--mat-icon-button-container-shape: var(--sp-icon-action-radius);--mat-icon-button-state-layer-size: var(--sp-icon-action-size);--mat-icon-button-icon-color: var(--sp-icon-action-color);display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding:0;border:1px solid var(--sp-icon-action-border);background-color:var(--sp-icon-action-bg);box-shadow:var(--sp-icon-action-shadow)}.mat-mdc-icon-button.sp-icon-action .mat-icon{display:flex;align-items:center;justify-content:center;width:var(--sp-icon-action-icon-size);height:var(--sp-icon-action-icon-size);font-size:var(--sp-icon-action-icon-size);line-height:var(--sp-icon-action-icon-size)}.mat-mdc-icon-button.sp-icon-action.sp-button-danger{--mat-icon-button-icon-color: var(--sp-color-error)}.mat-mdc-icon-button.sp-icon-action[aria-pressed=true]{--mat-icon-button-icon-color: var(--sp-color-accent);border-color:color-mix(in srgb,var(--sp-color-accent) 28%,transparent);background-color:var(--sp-color-accent-soft)}:root{--sp-button-floating-height: 3rem;--sp-button-floating-shadow: 0 10px 28px color-mix(in srgb, var(--mat-sys-primary) 28%, transparent)}.mat-mdc-button-base.sp-button-floating{--mat-button-filled-container-height: var(--sp-button-floating-height);--mat-button-filled-label-text-weight: var(--sp-font-weight-bold);--mat-button-filled-label-text-tracking: 0;box-shadow:var(--sp-button-floating-shadow)}.mat-mdc-button-base.sp-button-floating:disabled{box-shadow:none}.mat-mdc-icon-button.sp-icon-button-floating{--mat-icon-color: currentColor;display:inline-flex;align-items:center;justify-content:center;--mat-icon-button-state-layer-size: var(--sp-button-floating-height);--mat-icon-button-icon-color: var(--sp-button-filled-color);background-color:var(--sp-button-filled-bg);box-shadow:var(--sp-button-floating-shadow)}.mat-mdc-icon-button.sp-icon-button-floating:disabled{background-color:color-mix(in srgb,var(--sp-color-text) 12%,transparent);box-shadow:none}:root{--sp-toggle-radius: var(--sp-radius-md);--sp-toggle-border: var(--mat-sys-outline-variant);--sp-toggle-gap: var(--sp-space-2)}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard{display:flex;flex-wrap:wrap;gap:var(--sp-toggle-gap);border:none;overflow:visible;border-radius:0}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard mat-button-toggle.mat-button-toggle-appearance-standard{overflow:hidden;border:1px solid var(--sp-toggle-border);border-radius:var(--sp-toggle-radius)}.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-icon{margin-right:.35rem;vertical-align:middle}:root{--mat-button-toggle-height: 44px;--mat-button-toggle-selected-state-background-color: var(--sp-color-accent-soft);--mat-button-toggle-selected-state-text-color: var(--sp-color-on-accent-soft);--mat-button-toggle-text-color: var(--sp-color-text-secondary)}:root{--sp-menu-radius: var(--sp-radius-card);--sp-menu-bg: var(--sp-surface-inner);--sp-menu-border: var(--sp-color-divider);--sp-menu-divider: var(--sp-color-divider);--sp-menu-shadow: var(--sp-shadow-sm);--mat-menu-container-shape: var(--sp-menu-radius);--mat-menu-divider-color: var(--sp-menu-divider);--mat-menu-divider-bottom-spacing: var(--sp-space-2);--mat-menu-container-color: var(--sp-menu-bg);--mat-menu-item-icon-color: var(--sp-color-text);--mat-menu-container-elevation-shadow: var(--sp-menu-shadow)}.dark-theme{--sp-menu-shadow: 0 12px 32px rgba(8, 12, 28, .35)}.mat-mdc-menu-content{padding:var(--sp-space-2)!important;max-height:min(70dvh,480px)!important}.mat-mdc-menu-item{border-radius:var(--sp-menu-radius);padding:var(--sp-space-3) var(--sp-space-4)!important;min-height:48px}.mat-mdc-menu-panel{border-radius:var(--sp-menu-radius)!important;background:var(--sp-menu-bg)!important;backdrop-filter:blur(var(--sp-blur-glass));-webkit-backdrop-filter:blur(var(--sp-blur-glass));border:1px solid var(--sp-menu-border)}:root{--sp-search-field-radius: 22px;--sp-search-field-height: 44px}.mat-mdc-form-field:has(input[type=search]){--mat-form-field-outlined-container-shape: var(--sp-search-field-radius);--mat-form-field-filled-container-shape: var(--sp-search-field-radius);--mat-form-field-container-height: var(--sp-search-field-height);--mat-form-field-container-vertical-padding: 10px;--mat-form-field-filled-with-label-container-padding-top: 16px;--mat-form-field-filled-with-label-container-padding-bottom: 4px}:root{--mat-form-field-outlined-container-shape: var(--sp-radius-md);--mat-form-field-filled-container-shape: var(--sp-radius-md);--mat-form-field-outlined-outline-color: var(--sp-color-control-border);--mat-form-field-outlined-hover-outline-color: var(--sp-color-text-secondary);--mat-form-field-outlined-focus-outline-color: var(--sp-color-accent);--mat-form-field-outlined-label-text-color: var(--sp-color-text-secondary);--mat-form-field-outlined-focus-label-text-color: var(--sp-color-accent);--mat-form-field-outlined-input-text-color: var(--sp-color-text);--mat-form-field-outlined-caret-color: var(--sp-color-accent);--mat-form-field-filled-container-color: var(--sp-surface-tint);--mat-form-field-filled-label-text-color: var(--sp-color-text-secondary);--mat-form-field-filled-focus-label-text-color: var(--sp-color-accent);--mat-form-field-filled-input-text-color: var(--sp-color-text);--mat-form-field-filled-caret-color: var(--sp-color-accent)}:root{--sp-sheet-radius: var(--sp-radius-card);--sp-sheet-max-width: 600px}.mat-bottom-sheet-container{width:min(var(--sp-sheet-max-width),100vw - 32px);max-width:var(--sp-sheet-max-width);margin:0 auto;cursor:auto;border-radius:var(--sp-sheet-radius) var(--sp-sheet-radius) 0 0!important;max-height:90dvh!important;padding:0!important}@media(min-width:640px){.mat-bottom-sheet-container{min-width:var(--sp-sheet-max-width)}}.cdk-overlay-pane.session-stepper-sheet-panel,.cdk-overlay-pane.stopwatch-sheet-panel{inset:0!important;width:100vw!important;min-width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important}.cdk-overlay-pane.session-stepper-sheet-panel .mat-bottom-sheet-container,.session-stepper-sheet-panel.mat-bottom-sheet-container,.cdk-overlay-pane.stopwatch-sheet-panel .mat-bottom-sheet-container,.stopwatch-sheet-panel.mat-bottom-sheet-container{width:100%!important;min-width:100%!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important}:root{--mat-bottom-sheet-container-background-color: var(--sp-surface-inner);--mat-bottom-sheet-container-text-color: var(--sp-color-text)}.cdk-overlay-pane.sp-fullscreen-dialog{--mat-dialog-container-shape: 0;--mat-dialog-container-max-width: 100vw;--mat-dialog-container-small-max-width: 100vw;max-height:100dvh}.sp-fullscreen-dialog .mat-mdc-dialog-surface{background:var(--sp-bg-glow),linear-gradient(var(--sp-bg-angle),var(--sp-color-bg-start),var(--sp-color-bg-end));background-color:var(--sp-color-bg-start)}:root{--mat-dialog-container-color: var(--sp-surface-inner);--mat-dialog-container-shape: var(--sp-radius-2xl);--mat-dialog-container-elevation-shadow: var(--sp-shadow-floating);--mat-dialog-subhead-color: var(--sp-color-text);--mat-dialog-supporting-text-color: var(--sp-color-text-secondary)}body{background:var(--sp-bg-glow),linear-gradient(var(--sp-bg-angle),var(--sp-color-bg-start),var(--sp-color-bg-end));background-color:var(--sp-color-bg-start);color:var(--sp-color-text);font:var(--mat-sys-body-medium);font-family:var(--sp-font-family);margin:0;min-height:100dvh}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:var(--sp-font-size-page-title);font-weight:var(--sp-font-weight-heavy);line-height:1.15;letter-spacing:var(--sp-letter-spacing-tight);overflow-wrap:anywhere}:where(button,a,[role=button]):focus-visible{outline:2px solid var(--sp-color-focus-ring);outline-offset:3px}.theme-transition,.theme-transition *{transition:background-color var(--sp-duration-theme) ease,color var(--sp-duration-theme) ease,border-color var(--sp-duration-theme) ease,box-shadow var(--sp-duration-theme) ease,fill var(--sp-duration-theme) ease,stroke var(--sp-duration-theme) ease,outline-color var(--sp-duration-theme) ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.theme-transition,.theme-transition *{transition:none!important}}*{scrollbar-width:thin;scrollbar-color:var(--sp-scrollbar-thumb) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--sp-scrollbar-thumb);border-radius:var(--sp-radius-pill);border:1px solid transparent}*::-webkit-scrollbar-thumb:hover{background-color:var(--sp-scrollbar-thumb-hover)}html{scroll-padding-block:var(--sp-space-6) calc(9rem + env(safe-area-inset-bottom,0px))}:where(button,a,input,textarea,select,[tabindex]){scroll-margin-block:var(--sp-space-6) calc(9rem + env(safe-area-inset-bottom,0px))}.bg-glass{background:var(--sp-surface-card)!important;box-shadow:var(--sp-surface-card-shadow)!important;backdrop-filter:blur(var(--sp-blur-glass))!important;-webkit-backdrop-filter:blur(var(--sp-blur-glass))!important;border:1px solid var(--sp-surface-card-border);border-radius:var(--sp-radius-card)!important;color:var(--sp-color-text)!important}.bg-glass.bg-glass--floating{background:var(--sp-surface-floating)!important;border-color:var(--sp-surface-floating-border)}.header-container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-space-4)}.theme-citron{--sp-font-family: "Outfit", "Poppins", Arial, sans-serif;--mat-sys-display-large-font: var(--sp-font-family);--mat-sys-display-medium-font: var(--sp-font-family);--mat-sys-display-small-font: var(--sp-font-family);--mat-sys-headline-large-font: var(--sp-font-family);--mat-sys-headline-medium-font: var(--sp-font-family);--mat-sys-headline-small-font: var(--sp-font-family);--mat-sys-title-large-font: var(--sp-font-family);--mat-sys-title-medium-font: var(--sp-font-family);--mat-sys-title-small-font: var(--sp-font-family);--mat-sys-body-large-font: var(--sp-font-family);--mat-sys-body-medium-font: var(--sp-font-family);--mat-sys-body-small-font: var(--sp-font-family);--mat-sys-label-large-font: var(--sp-font-family);--mat-sys-label-medium-font: var(--sp-font-family);--mat-sys-label-small-font: var(--sp-font-family);--sp-radius-card: 4px;--sp-blur-glass: 0px;--sp-button-font-weight: var(--sp-font-weight-semibold);--sp-button-outlined-border-width: 1.5px;--sp-button-floating-shadow: 0 8px 20px rgba(26, 26, 26, .2);--sp-icon-action-radius: var(--sp-radius-pill);--sp-icon-action-bg: transparent;--sp-icon-action-shadow: none;--sp-menu-shadow: 0 12px 32px rgba(26, 26, 26, .18);--sp-color-info: #7d929c;--sp-color-plan: #7d929c;--sp-color-coach: #7d929c;--sp-color-user: #f28c28;--sp-color-bg-start: #fdfad5;--sp-color-bg-end: #fdfad5;--sp-bg-angle: 180deg;--sp-bg-glow: radial-gradient(circle 45vmax at 100% 0%, rgba(240, 235, 41, .3), rgba(240, 235, 41, 0));--sp-color-accent: #1a1a1a;--sp-color-on-accent: #f0eb29;--sp-color-accent-soft: #f0eb29;--sp-color-on-accent-soft: #1a1a1a;--sp-surface-card: #fffef2;--sp-surface-card-border: rgba(26, 26, 26, .12);--sp-surface-card-shadow: none;--sp-surface-floating: #fffef2;--sp-surface-floating-border: rgba(26, 26, 26, .16);--sp-surface-inner: #f7f3a0;--sp-surface-inner-border: rgba(26, 26, 26, .08);--sp-surface-inner-shadow: none;--sp-surface-icon: #f0eb29;--sp-color-icon: #1a1a1a;--sp-surface-marker: #f0eb29;--sp-color-on-marker: #1a1a1a;--sp-scrollbar-thumb: rgba(26, 26, 26, .25);--sp-scrollbar-thumb-hover: rgba(26, 26, 26, .45);--sp-button-outlined-color: #1a1a1a;--sp-button-outlined-border: #1a1a1a;--sp-button-outlined-border-hover: #1a1a1a;--sp-button-text-color: #1a1a1a;--sp-button-elevated-bg: #f0eb29;--sp-button-elevated-bg-hover: #f7f3a0;--sp-button-elevated-color: #1a1a1a;--sp-icon-action-border: #1a1a1a;--sp-icon-action-color: #1a1a1a;--sp-menu-bg: #fffef2;--sp-menu-border: rgba(26, 26, 26, .12);--mat-sys-primary: #1a1a1a;--mat-sys-on-primary: #f0eb29;--mat-sys-primary-container: #f7f3a0;--mat-sys-on-primary-container: #1a1a1a;--mat-sys-secondary: #2c2c2c;--mat-sys-on-secondary: #fdfad5;--mat-sys-secondary-container: #f7f3a0;--mat-sys-on-secondary-container: #1a1a1a;--mat-sys-tertiary: #f0eb29;--mat-sys-on-tertiary: #1a1a1a;--mat-sys-tertiary-container: #f7f3a0;--mat-sys-on-tertiary-container: #1a1a1a;--mat-sys-background: #fdfad5;--mat-sys-on-background: #1a1a1a;--mat-sys-surface: #fdfad5;--mat-sys-on-surface: #1a1a1a;--mat-sys-surface-dim: #f1edc4;--mat-sys-surface-bright: #fffef5;--mat-sys-surface-container-lowest: #fffef8;--mat-sys-surface-container-low: #fffcea;--mat-sys-surface-container: #fbf7d6;--mat-sys-surface-container-high: #f7f2c8;--mat-sys-surface-container-highest: #f2ecb9;--mat-sys-error: #e0482e;--mat-sys-on-error: #ffffff;--mat-sys-error-container: #fde0d6;--mat-sys-on-error-container: #5a1405;--mat-sys-outline: #6e6a52;--mat-sys-outline-variant: #d8d2a6;--mat-sys-inverse-surface: #2c2c2c;--mat-sys-inverse-on-surface: #fdfad5;--mat-icon-color: #1a1a1a}.theme-citron.dark-theme{--sp-font-family: "Outfit", "Poppins", Arial, sans-serif;--mat-sys-display-large-font: var(--sp-font-family);--mat-sys-display-medium-font: var(--sp-font-family);--mat-sys-display-small-font: var(--sp-font-family);--mat-sys-headline-large-font: var(--sp-font-family);--mat-sys-headline-medium-font: var(--sp-font-family);--mat-sys-headline-small-font: var(--sp-font-family);--mat-sys-title-large-font: var(--sp-font-family);--mat-sys-title-medium-font: var(--sp-font-family);--mat-sys-title-small-font: var(--sp-font-family);--mat-sys-body-large-font: var(--sp-font-family);--mat-sys-body-medium-font: var(--sp-font-family);--mat-sys-body-small-font: var(--sp-font-family);--mat-sys-label-large-font: var(--sp-font-family);--mat-sys-label-medium-font: var(--sp-font-family);--mat-sys-label-small-font: var(--sp-font-family);--sp-radius-card: 4px;--sp-blur-glass: 0px;--sp-button-font-weight: var(--sp-font-weight-semibold);--sp-button-outlined-border-width: 1.5px;--sp-button-floating-shadow: 0 8px 20px rgba(26, 26, 26, .2);--sp-icon-action-radius: var(--sp-radius-pill);--sp-icon-action-bg: transparent;--sp-icon-action-shadow: none;--sp-menu-shadow: 0 12px 32px rgba(26, 26, 26, .18);--sp-color-info: #7d929c;--sp-color-plan: #7d929c;--sp-color-coach: #7d929c;--sp-color-user: #f28c28;--sp-color-bg-start: #2c2c2c;--sp-color-bg-end: #242424;--sp-bg-angle: 180deg;--sp-bg-glow: linear-gradient(transparent, transparent);--sp-color-accent: #f0eb29;--sp-color-on-accent: #1a1a1a;--sp-color-accent-soft: rgba(240, 235, 41, .16);--sp-color-on-accent-soft: #f0eb29;--sp-surface-card: #343434;--sp-surface-card-border: rgba(255, 255, 255, .08);--sp-surface-card-shadow: none;--sp-surface-floating: #1f1f1f;--sp-surface-floating-border: rgba(255, 255, 255, .12);--sp-surface-inner: rgba(255, 255, 255, .06);--sp-surface-inner-border: rgba(255, 255, 255, .1);--sp-surface-inner-shadow: none;--sp-surface-icon: rgba(240, 235, 41, .16);--sp-color-icon: #f0eb29;--sp-surface-marker: #f0eb29;--sp-color-on-marker: #1a1a1a;--sp-scrollbar-thumb: rgba(255, 255, 255, .3);--sp-scrollbar-thumb-hover: rgba(255, 255, 255, .55);--sp-button-outlined-color: #ffffff;--sp-button-outlined-border: rgba(255, 255, 255, .7);--sp-button-outlined-border-hover: #f0eb29;--sp-button-text-color: #f0eb29;--sp-button-elevated-bg: #f0eb29;--sp-button-elevated-bg-hover: #f7f3a0;--sp-button-elevated-color: #1a1a1a;--sp-icon-action-border: rgba(255, 255, 255, .4);--sp-icon-action-color: #ffffff;--sp-menu-bg: #1f1f1f;--sp-menu-border: rgba(255, 255, 255, .12);--mat-sys-primary: #f0eb29;--mat-sys-on-primary: #1a1a1a;--mat-sys-primary-container: #4a4716;--mat-sys-on-primary-container: #f0eb29;--mat-sys-secondary: #fdfad5;--mat-sys-on-secondary: #1a1a1a;--mat-sys-secondary-container: #46431c;--mat-sys-on-secondary-container: #f0eb29;--mat-sys-tertiary: #f0eb29;--mat-sys-on-tertiary: #1a1a1a;--mat-sys-tertiary-container: #4a4716;--mat-sys-on-tertiary-container: #f0eb29;--mat-sys-background: #2c2c2c;--mat-sys-on-background: #ffffff;--mat-sys-surface: #2c2c2c;--mat-sys-on-surface: #ffffff;--mat-sys-surface-dim: #242424;--mat-sys-surface-bright: #3e3e3e;--mat-sys-surface-container-lowest: #222222;--mat-sys-surface-container-low: #292929;--mat-sys-surface-container: #303030;--mat-sys-surface-container-high: #383838;--mat-sys-surface-container-highest: #424242;--mat-sys-error: #ff7a5c;--mat-sys-on-error: #1a1a1a;--mat-sys-error-container: #5a2214;--mat-sys-on-error-container: #ffd9cf;--mat-sys-outline: rgba(255, 255, 255, .55);--mat-sys-outline-variant: #5a5a5a;--mat-sys-inverse-surface: #fdfad5;--mat-sys-inverse-on-surface: #1a1a1a;--mat-icon-color: #ffffff}.sp-validation-message{margin:var(--sp-space-1) 0 var(--sp-space-3);color:var(--mat-sys-error);font-size:var(--sp-font-size-sm);line-height:1.5;overflow-wrap:anywhere}