html{color-scheme:light;--mat-sys-background: #fdf7ff;--mat-sys-error: #ba1a20;--mat-sys-inverse-on-surface: #f5eefd;--mat-sys-inverse-primary: #ffb2be;--mat-sys-inverse-surface: #322f3a;--mat-sys-on-background: #1c1a25;--mat-sys-on-error-container: #930010;--mat-sys-on-primary-container: #900038;--mat-sys-on-primary-fixed: #400014;--mat-sys-on-primary-fixed-variant: #900038;--mat-sys-on-secondary-container: #572e99;--mat-sys-on-secondary-fixed: #260058;--mat-sys-on-secondary-fixed-variant: #572e99;--mat-sys-on-surface: #1c1a25;--mat-sys-on-surface-variant: #5b3f43;--mat-sys-on-tertiary-container: #005049;--mat-sys-on-tertiary-fixed: #00201d;--mat-sys-on-tertiary-fixed-variant: #005049;--mat-sys-outline: #8f6f73;--mat-sys-outline-variant: #e4bdc2;--mat-sys-primary: #bc004b;--mat-sys-primary-container: #ffd9de;--mat-sys-primary-fixed: #ffd9de;--mat-sys-primary-fixed-dim: #ffb2be;--mat-sys-scrim: #000000;--mat-sys-secondary: #6f48b2;--mat-sys-secondary-fixed: #ebdcff;--mat-sys-secondary-fixed-dim: #d4bbff;--mat-sys-shadow: #000000;--mat-sys-surface: #fdf7ff;--mat-sys-surface-bright: #fdf7ff;--mat-sys-surface-container: #f2ebfb;--mat-sys-surface-container-high: #ece5f5;--mat-sys-surface-container-highest: #e6e0ef;--mat-sys-surface-container-low: #f7f1ff;--mat-sys-surface-dim: #ded7e6;--mat-sys-surface-tint: #bc004b;--mat-sys-surface-variant: #ffd9de;--mat-sys-tertiary: #006a62;--mat-sys-tertiary-container: #84f5e8;--mat-sys-tertiary-fixed: #84f5e8;--mat-sys-tertiary-fixed-dim: #66d9cc;--mat-sys-neutral-variant20: #43292d;--mat-sys-neutral10: #1c1a25;--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 Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-body-large-font: Inter, Segoe UI, system-ui, -apple-system, 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 Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-body-medium-font: Inter, Segoe UI, system-ui, -apple-system, 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 Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-body-small-font: Inter, Segoe UI, system-ui, -apple-system, 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 Plus Jakarta Sans, Inter, Segoe UI, system-ui, sans-serif;--mat-sys-display-large-font: Plus Jakarta Sans, Inter, Segoe UI, system-ui, 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 Plus Jakarta Sans, Inter, Segoe UI, system-ui, sans-serif;--mat-sys-display-medium-font: Plus Jakarta Sans, Inter, Segoe UI, system-ui, 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 Plus Jakarta Sans, Inter, Segoe UI, system-ui, sans-serif;--mat-sys-display-small-font: Plus Jakarta Sans, Inter, Segoe UI, system-ui, 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 Plus Jakarta Sans, Inter, Segoe UI, system-ui, sans-serif;--mat-sys-headline-large-font: Plus Jakarta Sans, Inter, Segoe UI, system-ui, 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 Plus Jakarta Sans, Inter, Segoe UI, system-ui, sans-serif;--mat-sys-headline-medium-font: Plus Jakarta Sans, Inter, Segoe UI, system-ui, 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 Plus Jakarta Sans, Inter, Segoe UI, system-ui, sans-serif;--mat-sys-headline-small-font: Plus Jakarta Sans, Inter, Segoe UI, system-ui, 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: 600 .875rem / 1.25rem Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-label-large-font: Inter, Segoe UI, system-ui, -apple-system, 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: 600;--mat-sys-label-large-weight-prominent: 800;--mat-sys-label-medium: 600 .75rem / 1rem Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-label-medium-font: Inter, Segoe UI, system-ui, -apple-system, 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: 600;--mat-sys-label-medium-weight-prominent: 800;--mat-sys-label-small: 600 .688rem / 1rem Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-label-small-font: Inter, Segoe UI, system-ui, -apple-system, 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: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem Plus Jakarta Sans, Inter, Segoe UI, system-ui, sans-serif;--mat-sys-title-large-font: Plus Jakarta Sans, Inter, Segoe UI, system-ui, 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: 600 1rem / 1.5rem Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-title-medium-font: Inter, Segoe UI, system-ui, -apple-system, 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: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Inter, Segoe UI, system-ui, -apple-system, sans-serif;--mat-sys-title-small-font: Inter, Segoe UI, system-ui, -apple-system, 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: 600;--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-background: #fff5f8;--mat-sys-surface: #ffffff;--mat-sys-surface-dim: #f6e6ec;--mat-sys-surface-bright: #fffbfc;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-container-low: #fff7fa;--mat-sys-surface-container: #fdf2f6;--mat-sys-surface-container-high: #fbeaf1;--mat-sys-surface-container-highest: #f8e2eb;--mat-sys-on-surface: #1f1b24;--mat-sys-on-surface-variant: #6f6b78;--mat-sys-outline: #cbb9c2;--mat-sys-outline-variant: #f3dde5;--mat-sys-inverse-surface: #352e34;--mat-sys-inverse-on-surface: #fdedf2;--mat-sys-primary: #e91e63;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #fce4ec;--mat-sys-on-primary-container: #7b002e;--mat-sys-secondary: #7e57c2;--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: #ebdcff;--mat-sys-on-secondary-container: #3f0f81;--mat-sys-tertiary: #26a69a;--mat-sys-on-tertiary: #ffffff;--mat-sys-tertiary-container: #b3fff4;--mat-sys-on-tertiary-container: #003732;--mat-sys-error: #d32f2f;--mat-sys-on-error: #ffffff;--mat-sys-error-container: #ffdad6;--mat-sys-on-error-container: #680008;--mat-sys-corner-extra-small: 8px;--mat-sys-corner-small: 12px;--mat-sys-corner-medium: 16px;--mat-sys-corner-large: 24px;--mat-sys-corner-extra-large: 32px}html.puki-dark{color-scheme:dark;--mat-sys-background: #14121c;--mat-sys-inverse-on-surface: #322f3a;--mat-sys-inverse-primary: #bc004b;--mat-sys-inverse-surface: #e6e0ef;--mat-sys-on-background: #e6e0ef;--mat-sys-on-primary: #660025;--mat-sys-on-primary-fixed: #400014;--mat-sys-on-primary-fixed-variant: #900038;--mat-sys-on-secondary-fixed: #260058;--mat-sys-on-secondary-fixed-variant: #572e99;--mat-sys-on-surface: #e6e0ef;--mat-sys-on-surface-variant: #ffd9de;--mat-sys-on-tertiary-container: #84f5e8;--mat-sys-on-tertiary-fixed: #00201d;--mat-sys-on-tertiary-fixed-variant: #005049;--mat-sys-outline: #ab888c;--mat-sys-outline-variant: #5b3f43;--mat-sys-primary: #ffb2be;--mat-sys-primary-container: #900038;--mat-sys-primary-fixed: #ffd9de;--mat-sys-primary-fixed-dim: #ffb2be;--mat-sys-scrim: #000000;--mat-sys-secondary-fixed: #ebdcff;--mat-sys-secondary-fixed-dim: #d4bbff;--mat-sys-shadow: #000000;--mat-sys-surface: #14121c;--mat-sys-surface-bright: #3a3843;--mat-sys-surface-container: #211e29;--mat-sys-surface-container-high: #2b2833;--mat-sys-surface-container-highest: #36333f;--mat-sys-surface-container-low: #1c1a25;--mat-sys-surface-container-lowest: #0f0d17;--mat-sys-surface-dim: #14121c;--mat-sys-surface-tint: #ffb2be;--mat-sys-surface-variant: #5b3f43;--mat-sys-tertiary-fixed: #84f5e8;--mat-sys-tertiary-fixed-dim: #66d9cc;--mat-sys-neutral-variant20: #43292d;--mat-sys-neutral10: #1c1a25;--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-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-background: #16121a;--mat-sys-surface: #1b161f;--mat-sys-surface-dim: #16121a;--mat-sys-surface-bright: #3a323f;--mat-sys-surface-container-lowest: #110d15;--mat-sys-surface-container-low: #1e1922;--mat-sys-surface-container: #241e29;--mat-sys-surface-container-high: #2f2834;--mat-sys-surface-container-highest: #3a323f;--mat-sys-on-surface: #f2e9ef;--mat-sys-on-surface-variant: #c8bcc4;--mat-sys-outline: #90828b;--mat-sys-outline-variant: #4a4048;--mat-sys-primary: #ff8fab;--mat-sys-on-primary: #52001c;--mat-sys-primary-container: #7b002e;--mat-sys-on-primary-container: #ffd9de;--mat-sys-secondary: #d4bbff;--mat-sys-on-secondary: #3f0f81;--mat-sys-secondary-container: #572e99;--mat-sys-on-secondary-container: #ebdcff;--mat-sys-tertiary: #66d9cc;--mat-sys-on-tertiary: #003732;--mat-sys-tertiary-container: #005049;--mat-sys-on-tertiary-container: #b3fff4;--mat-sys-error: #ffb3ac;--mat-sys-on-error: #680008;--mat-sys-error-container: #930010;--mat-sys-on-error-container: #ffdad6;--mat-sys-corner-extra-small: 8px;--mat-sys-corner-small: 12px;--mat-sys-corner-medium: 16px;--mat-sys-corner-large: 24px;--mat-sys-corner-extra-large: 32px}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}html{--mat-button-filled-container-shape: 999px;--mat-button-outlined-container-shape: 999px;--mat-button-text-container-shape: 999px;--mat-button-protected-container-shape: 999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-filled-label-text-weight: 600;--mat-button-outlined-label-text-weight: 600;--mat-button-text-label-text-weight: 600;--mat-button-protected-label-text-weight: 600;--mat-button-filled-container-height: 44px;--mat-button-outlined-container-height: 44px;--mat-button-text-container-height: 44px;--mat-button-protected-container-height: 44px;--mat-fab-container-shape: 20px;--mat-fab-small-container-shape: 16px;--mat-card-elevated-container-shape: 20px;--mat-card-outlined-container-shape: 20px;--mat-card-filled-container-shape: 20px;--mat-card-elevated-container-elevation: 0 2px 12px rgba(233, 30, 99, .08);--mat-card-outlined-outline-color: var(--puki-border);--mat-card-title-text-weight: 700;--mat-card-title-text-size: 1.05rem;--mat-card-subtitle-text-color: var(--puki-text-muted);--mat-form-field-filled-container-shape: 14px;--mat-form-field-outlined-container-shape: 14px;--mat-form-field-filled-container-color: var(--puki-surface-muted);--mat-form-field-hover-state-layer-opacity: 0;--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-outlined-outline-color: var(--puki-border-strong);--mat-form-field-outlined-hover-outline-color: var(--puki-primary);--mat-form-field-outlined-focus-outline-width: 2px;--mat-select-panel-background-color: var(--puki-surface);--mat-toolbar-container-background-color: transparent;--mat-toolbar-container-text-color: var(--puki-text);--mat-toolbar-standard-height: 72px;--mat-toolbar-mobile-height: 64px;--mat-menu-container-shape: 18px;--mat-menu-container-color: var(--puki-surface);--mat-menu-item-label-text-weight: 500;--mat-list-active-indicator-shape: 999px;--mat-list-active-indicator-color: var(--puki-primary-pale);--mat-tab-active-indicator-height: 3px;--mat-tab-active-indicator-shape: 999px;--mat-tab-divider-color: var(--puki-border);--mat-tab-label-text-weight: 600;--mat-tab-label-text-tracking: 0;--mat-button-toggle-shape: 999px;--mat-button-toggle-selected-state-background-color: var(--puki-primary);--mat-button-toggle-selected-state-text-color: var(--puki-primary-contrast);--mat-button-toggle-text-color: var(--puki-text-muted);--mat-button-toggle-background-color: var(--puki-surface);--mat-button-toggle-divider-color: var(--puki-border);--mat-button-toggle-label-text-weight: 600;--mat-chip-container-shape-radius: 999px;--mat-chip-label-text-weight: 600;--mat-chip-elevated-container-color: var(--puki-surface-muted);--mat-progress-bar-track-color: var(--puki-primary-pale);--mat-progress-bar-track-height: 8px;--mat-progress-bar-active-indicator-height: 8px;--mat-dialog-container-shape: 24px;--mat-dialog-container-color: var(--puki-surface);--mat-dialog-subhead-weight: 700;--mat-snack-bar-container-shape: 14px;--mat-table-background-color: var(--puki-surface);--mat-table-header-headline-weight: 600;--mat-table-header-headline-color: var(--puki-text-muted);--mat-table-row-item-outline-color: var(--puki-border);--mat-paginator-container-background-color: transparent;--mat-expansion-container-shape: 18px;--mat-expansion-container-background-color: var(--puki-surface);--mat-tooltip-container-shape: 8px;--mat-tooltip-supporting-text-size: .8rem;--mat-slide-toggle-selected-track-color: var(--puki-primary);--mat-slide-toggle-selected-hover-track-color: var(--puki-primary-dark);--mat-slide-toggle-selected-focus-track-color: var(--puki-primary-dark);--mat-divider-color: var(--puki-border);--mat-sidenav-container-shape: 0;--mat-sidenav-content-background-color: transparent;--mat-sidenav-container-divider-color: transparent;--mat-badge-background-color: var(--puki-primary);--mat-badge-text-color: var(--puki-primary-contrast);--mat-badge-text-weight: 700}:root{--puki-primary: var(--mat-sys-primary);--puki-primary-dark: #c2185b;--puki-primary-darker: #ad1457;--puki-primary-light: #f8bbd0;--puki-primary-pale: var(--mat-sys-primary-container);--puki-primary-contrast: var(--mat-sys-on-primary);--puki-on-primary-container: var(--mat-sys-on-primary-container);--puki-gradient-hero: linear-gradient(135deg, #fde7ef 0%, #fbd0e0 55%, #f9c4d8 100%);--puki-gradient-primary: linear-gradient(135deg, #f0417c 0%, #c2185b 100%);--puki-gradient-sheen: linear-gradient(135deg, rgb(255 255 255 / 28%), rgb(255 255 255 / 0%));--puki-background: var(--mat-sys-background);--puki-surface: var(--mat-sys-surface);--puki-surface-muted: var(--mat-sys-surface-container);--puki-surface-raised: var(--mat-sys-surface-container-low);--puki-surface-sunken: var(--mat-sys-surface-container-high);--puki-scrim: rgb(31 27 36 / 48%);--puki-text: var(--mat-sys-on-surface);--puki-text-muted: var(--mat-sys-on-surface-variant);--puki-text-inverse: var(--mat-sys-inverse-on-surface);--puki-border: var(--mat-sys-outline-variant);--puki-border-strong: var(--mat-sys-outline);--puki-accent-purple: var(--mat-sys-secondary);--puki-accent-blue: #29b6d6;--puki-accent-teal: var(--mat-sys-tertiary);--puki-accent-amber: #ffb300;--puki-success: #2e9e5b;--puki-success-pale: #e3f6ea;--puki-warning: #e08600;--puki-warning-pale: #fff2dd;--puki-danger: var(--mat-sys-error);--puki-danger-pale: var(--mat-sys-error-container);--puki-info: #0288d1;--puki-info-pale: #e1f3fc;--puki-deep: #4a0f28;--puki-deep-soft: #611634;--puki-deep-line: #7a2547;--puki-deep-text: #fbe4ee;--puki-deep-muted: #d8a7bf;--puki-deep-contrast: #fdf3f0;--puki-cream: #fdf3f0;--puki-medal-gold: #a97800;--puki-medal-gold-tint: #f5b301;--puki-medal-silver: #6a747d;--puki-medal-silver-tint: #9aa4ad;--puki-medal-bronze: #a05f21;--puki-medal-bronze-tint: #cd7f32;--puki-admin-sidebar: #221c28;--puki-admin-sidebar-hover: #2e2735;--puki-admin-sidebar-text: #b9b3c4;--puki-admin-background: #f7f5f9;--puki-radius-sm: var(--mat-sys-corner-extra-small);--puki-radius-md: var(--mat-sys-corner-medium);--puki-radius-lg: var(--mat-sys-corner-large);--puki-radius-xl: var(--mat-sys-corner-extra-large);--puki-radius-pill: 999px;--puki-shadow-card: 0 1px 2px rgb(122 20 55 / 5%), 0 4px 16px rgb(233 30 99 / 7%);--puki-shadow-card-hover: 0 2px 6px rgb(122 20 55 / 8%), 0 14px 32px rgb(233 30 99 / 16%);--puki-shadow-header: 0 1px 0 rgb(233 30 99 / 6%), 0 4px 20px rgb(31 27 36 / 5%);--puki-shadow-overlay: 0 12px 40px rgb(31 27 36 / 16%);--puki-space-xs: 4px;--puki-space-sm: 8px;--puki-space-md: 16px;--puki-space-lg: 24px;--puki-space-xl: 40px;--puki-space-2xl: 64px;--puki-space-3xl: 96px;--puki-font-sans: var(--mat-sys-plain-font-family, "Inter", system-ui, sans-serif);--puki-font-display: var(--mat-sys-brand-font-family, "Plus Jakarta Sans", system-ui, sans-serif);--puki-font-size-xs: .75rem;--puki-font-size-sm: .875rem;--puki-font-size-base: 1rem;--puki-font-size-lg: 1.125rem;--puki-container: 1200px;--puki-topbar-height: 44px;--puki-header-height: 72px;--puki-bottom-nav-height: 64px;--puki-sidebar-width: 264px;--puki-sidebar-width-collapsed: 76px;--puki-ease: cubic-bezier(.2, 0, 0, 1);--puki-ease-out: cubic-bezier(.05, .7, .1, 1);--puki-transition: .18s var(--puki-ease);--puki-transition-slow: .32s var(--puki-ease-out)}.puki-dark{--puki-primary-dark: #ffb2be;--puki-primary-darker: #ffd9de;--puki-primary-light: #7b002e;--puki-gradient-hero: linear-gradient(135deg, #2a1a24 0%, #3a1e2c 55%, #46203233 100%);--puki-gradient-primary: linear-gradient(135deg, #c2185b 0%, #7b002e 100%);--puki-gradient-sheen: linear-gradient(135deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 0%));--puki-scrim: rgb(0 0 0 / 62%);--puki-medal-gold: #ffce4d;--puki-medal-silver: #cfd8e0;--puki-medal-bronze: #e9a668;--puki-cream: #201a25;--puki-success-pale: #12301f;--puki-warning-pale: #33240a;--puki-info-pale: #0b2734;--puki-admin-sidebar: #110d15;--puki-admin-sidebar-hover: #241e29;--puki-admin-background: #16121a;--puki-shadow-card: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 16px rgb(0 0 0 / 32%);--puki-shadow-card-hover: 0 2px 6px rgb(0 0 0 / 45%), 0 14px 32px rgb(0 0 0 / 40%);--puki-shadow-header: 0 1px 0 rgb(255 255 255 / 6%), 0 4px 20px rgb(0 0 0 / 40%);--puki-shadow-overlay: 0 12px 40px rgb(0 0 0 / 55%)}@media(width<900px){:root{--puki-header-height: 60px;--puki-bottom-nav-height: 60px;--puki-space-xl: 28px;--puki-space-2xl: 40px;--puki-space-3xl: 56px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--puki-background);color:var(--puki-text);font-family:var(--puki-font-sans);font-size:var(--puki-font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--puki-space-md);font-family:var(--puki-font-display);line-height:1.2;font-weight:700;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);font-weight:800}h2{font-size:clamp(1.4rem,1.15rem + 1vw,1.9rem)}h3{font-size:1.15rem}p{margin:0 0 var(--puki-space-md);text-wrap:pretty}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}:target{scroll-margin-top:calc(var(--puki-header-height) + var(--puki-space-lg))}::selection{background:var(--puki-primary-pale);color:var(--puki-on-primary-container)}*{scrollbar-width:thin;scrollbar-color:var(--puki-border-strong) transparent}:focus-visible{outline:3px solid var(--puki-primary);outline-offset:2px;border-radius:var(--puki-radius-sm)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.puki-scroll-locked{overflow:hidden;touch-action:none}.puki-container{width:100%;max-width:var(--puki-container);margin-inline:auto;padding-inline:var(--puki-space-md)}@media(width>=768px){.puki-container{padding-inline:var(--puki-space-lg)}}.puki-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--puki-space-sm);height:44px;padding:0 1.5rem;border:1px solid transparent;border-radius:var(--puki-radius-pill);font-size:var(--puki-font-size-sm);font-weight:600;white-space:nowrap;transition:background-color var(--puki-transition),color var(--puki-transition),border-color var(--puki-transition),box-shadow var(--puki-transition)}.puki-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.puki-btn--primary{background:var(--puki-gradient-primary);color:#fff;box-shadow:0 4px 14px #e91e6342}.puki-btn--primary:hover:not(:disabled){box-shadow:0 8px 22px #e91e6357}.puki-btn--ghost{background:var(--puki-surface);color:var(--puki-text);border-color:var(--puki-border-strong)}.puki-btn--ghost:hover:not(:disabled){border-color:var(--puki-primary);color:var(--puki-primary);background:var(--puki-primary-pale)}.puki-btn--link{height:auto;padding:0;background:none;color:var(--puki-primary);font-weight:600}.puki-btn--link:after{content:"chevron_right";font-family:Material Symbols Rounded,sans-serif;font-size:18px;line-height:1;transition:transform var(--puki-transition)}.puki-btn--link:hover:not(:disabled){color:var(--puki-primary-dark)}.puki-btn--link:hover:not(:disabled):after{transform:translate(3px)}.puki-card{background:var(--puki-surface);border:1px solid var(--puki-border);border-radius:var(--puki-radius-lg);box-shadow:var(--puki-shadow-card);overflow:hidden}.puki-grid{display:grid;gap:var(--puki-space-lg)}.puki-grid--cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.puki-grid--wide{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.puki-skeleton{border-radius:var(--puki-radius-lg);background:linear-gradient(100deg,var(--puki-surface) 30%,var(--puki-surface-muted) 50%,var(--puki-surface) 70%);background-size:300% 100%;border:1px solid var(--puki-border);animation:puki-skeleton 1.4s ease-in-out infinite}.puki-skeleton--card{height:290px}.puki-skeleton--line{height:14px;border-radius:var(--puki-radius-pill)}.puki-skeleton--row{height:64px}@keyframes puki-skeleton{0%{background-position:150% 0}to{background-position:-50% 0}}.puki-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .7rem;border-radius:var(--puki-radius-pill);background:var(--puki-primary-pale);color:var(--puki-on-primary-container);font-size:var(--puki-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.puki-badge--accent{background:color-mix(in srgb,var(--puki-accent-purple) 14%,transparent);color:var(--puki-accent-purple)}.puki-badge--teal{background:color-mix(in srgb,var(--puki-accent-teal) 16%,transparent);color:var(--puki-accent-teal)}.puki-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--puki-space-md);margin-bottom:var(--puki-space-lg)}.puki-section-title h2{margin:0;font-family:var(--puki-font-display)}.puki-section-title--underlined h2{position:relative;padding-bottom:var(--puki-space-sm)}.puki-section-title--underlined h2:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;border-radius:var(--puki-radius-pill);background:var(--puki-gradient-primary)}.puki-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.puki-eyebrow{display:inline-flex;align-items:center;gap:var(--puki-space-sm);margin-bottom:var(--puki-space-sm);color:var(--puki-primary);font-size:var(--puki-font-size-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.puki-eyebrow .mat-icon{width:18px;height:18px;font-size:18px;--puki-icon-fill: 1}.puki-display{margin:0;font-family:var(--puki-font-display);font-size:clamp(1.8rem,1.3rem + 2.2vw,2.9rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}.puki-display__accent{color:var(--puki-primary)}.puki-band{padding-block:var(--puki-space-3xl)}.puki-band--cream{background:var(--puki-cream)}.puki-band--deep{position:relative;overflow:hidden;isolation:isolate;background:var(--puki-deep);color:var(--puki-deep-text)}.puki-band--deep:before{content:"";position:absolute;z-index:-1;top:-220px;right:-140px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--puki-primary) 30%,transparent),transparent 65%);pointer-events:none}.puki-band--deep .puki-eyebrow{color:var(--puki-deep-muted)}.puki-band--deep .puki-display__accent{color:#ff9dbb}.puki-band__head{display:grid;gap:var(--puki-space-lg);align-items:end;margin-bottom:var(--puki-space-xl)}@media(width>=900px){.puki-band__head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--puki-space-2xl)}}.puki-band__aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--puki-space-md);color:var(--puki-text-muted);line-height:1.7}.puki-band--deep .puki-band__aside{color:var(--puki-deep-muted)}.puki-band__aside p{margin:0}.puki-figures{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--puki-space-lg);margin-block:0;text-align:center}.puki-figure{display:flex;flex-direction:column;align-items:center;gap:var(--puki-space-xs);flex:0 1 160px}.puki-figure__ring{display:grid;place-items:center;width:68px;height:68px;margin-bottom:var(--puki-space-sm);border:2px dashed color-mix(in srgb,var(--puki-primary) 45%,transparent);border-radius:50%;color:var(--puki-primary)}.puki-figure__ring .mat-icon{width:28px;height:28px;font-size:28px}.puki-figure__value{font-family:var(--puki-font-display);font-size:clamp(1.7rem,1.4rem + 1.2vw,2.3rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.puki-figure__label{color:var(--puki-text-muted);font-size:var(--puki-font-size-sm)}.puki-band--deep .puki-figure__label{color:var(--puki-deep-muted)}.puki-media-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:var(--puki-radius-lg);color:#fff;isolation:isolate}.puki-media-card img,.puki-media-card .puki-media-card__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--puki-transition-slow)}.puki-media-card .puki-media-card__fallback{display:grid;place-items:center;background:linear-gradient(150deg,color-mix(in srgb,var(--card-accent, var(--puki-primary)) 55%,var(--puki-deep)),var(--puki-deep))}.puki-media-card .puki-media-card__fallback .mat-icon{width:56px;height:56px;font-size:56px;color:#ffffff59}.puki-media-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#1e040fe0,#1e040f73 42%,#1e040f0d)}.puki-media-card:hover img,.puki-media-card:hover .puki-media-card__fallback{transform:scale(1.06)}.puki-media-card__number{position:absolute;top:var(--puki-space-md);right:var(--puki-space-md);z-index:2;padding:.3rem .8rem;border-radius:var(--puki-radius-pill);background:#ffffffeb;color:var(--puki-deep);font-size:var(--puki-font-size-xs);font-weight:800;letter-spacing:.04em}.puki-media-card__body{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:var(--puki-space-lg)}.puki-media-card__title{margin:0 0 var(--puki-space-xs);font-family:var(--puki-font-display);font-size:1.1rem;font-weight:700;line-height:1.25}.puki-media-card__text{margin:0;color:#ffffffc7;font-size:var(--puki-font-size-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(width<900px){.puki-display{font-size:1.45rem;line-height:1.2}.puki-band__head{gap:var(--puki-space-md);margin-bottom:var(--puki-space-lg)}.puki-band__aside p{display:none}.puki-band__aside{gap:var(--puki-space-sm)}.puki-eyebrow{margin-bottom:var(--puki-space-xs);font-size:var(--puki-font-size-xs)}}@media(width<640px){.puki-grid{gap:var(--puki-space-md)}.puki-grid--cards{grid-template-columns:1fr}.puki-skeleton--card{height:108px}}.puki-auth{display:grid;min-height:calc(100dvh - var(--puki-header-height))}@media(width>=900px){.puki-auth{grid-template-columns:1fr 1fr}}.puki-auth__aside{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--puki-space-lg);padding:var(--puki-space-xl) var(--puki-space-lg);overflow:hidden;background:var(--puki-gradient-hero)}.puki-auth__aside:before,.puki-auth__aside:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--puki-primary) 22%,transparent),transparent 70%);pointer-events:none}.puki-auth__aside:before{width:420px;height:420px;top:-140px;right:-120px}.puki-auth__aside:after{width:320px;height:320px;bottom:-120px;left:-100px}@media(width>=900px){.puki-auth__aside{padding:var(--puki-space-2xl)}}.puki-auth__aside-inner{position:relative;width:min(100%,460px);margin-inline:auto}.puki-auth__aside-title{margin-bottom:var(--puki-space-md);font-family:var(--puki-font-display);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);color:var(--puki-text)}.puki-auth__aside-lead{margin-bottom:var(--puki-space-xl);color:var(--puki-text-muted);font-size:var(--puki-font-size-lg)}.puki-auth__perks{display:flex;flex-direction:column;gap:var(--puki-space-md)}.puki-auth__perks li{display:flex;align-items:flex-start;gap:var(--puki-space-md);font-weight:600}.puki-auth__perks .mat-icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;padding:8px;border-radius:var(--puki-radius-pill);background:color-mix(in srgb,var(--puki-surface) 70%,transparent);color:var(--puki-primary)}.puki-auth__perks span{display:block;color:var(--puki-text-muted);font-weight:400;font-size:var(--puki-font-size-sm)}.puki-auth__panel{display:grid;place-items:center;padding:var(--puki-space-xl) var(--puki-space-md);background:var(--puki-background)}.puki-auth__card{width:min(100%,440px)}.puki-auth__title{margin-bottom:var(--puki-space-xs);font-family:var(--puki-font-display);font-size:1.75rem}.puki-auth__lead{margin-bottom:var(--puki-space-xl);color:var(--puki-text-muted)}.puki-auth__footer{margin:var(--puki-space-lg) 0 0;color:var(--puki-text-muted);font-size:var(--puki-font-size-sm);text-align:center}.puki-auth__footer a{color:var(--puki-primary);font-weight:600}.puki-auth__footer a:hover{text-decoration:underline}@media(width<900px){.puki-auth{min-height:calc(100dvh - var(--puki-header-height) - var(--puki-bottom-nav-height))}.puki-auth__aside{display:none}.puki-auth__title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.puki-auth__lead{display:none}.puki-auth__panel{align-content:start;padding-block:var(--puki-space-lg)}}.puki-form{display:flex;flex-direction:column;gap:var(--puki-space-md)}.puki-form__row{display:grid;gap:var(--puki-space-md)}@media(width>=560px){.puki-form__row{grid-template-columns:1fr 1fr}}.puki-submit{width:100%;margin-top:var(--puki-space-md)}.puki-alert{display:flex;align-items:flex-start;gap:var(--puki-space-sm);margin-bottom:var(--puki-space-md);padding:var(--puki-space-sm) var(--puki-space-md);border-radius:var(--puki-radius-md);font-size:var(--puki-font-size-sm);line-height:1.5}.puki-alert .mat-icon{flex-shrink:0}.puki-alert--error{background:var(--puki-danger-pale);color:var(--puki-danger);border:1px solid color-mix(in srgb,var(--puki-danger) 30%,transparent)}.puki-alert--success{background:var(--puki-success-pale);color:var(--puki-success);border:1px solid color-mix(in srgb,var(--puki-success) 30%,transparent)}.puki-alert--info{background:var(--puki-primary-pale);color:var(--puki-on-primary-container);border:1px solid color-mix(in srgb,var(--puki-primary) 25%,transparent)}.puki-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--puki-space-md)}.puki-field__label{color:var(--puki-text-muted);font-size:var(--puki-font-size-sm);font-weight:600}.puki-field__control{padding:.7rem .9rem;border:1px solid var(--puki-border-strong);border-radius:var(--puki-radius-sm);background:var(--puki-surface);font:inherit;font-size:var(--puki-font-size-sm);color:inherit;transition:border-color var(--puki-transition),box-shadow var(--puki-transition)}.puki-field__control::placeholder{color:var(--puki-text-muted)}.puki-field__control:hover:not(:disabled){border-color:var(--puki-primary)}.puki-field__control:focus{outline:none;border-color:var(--puki-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--puki-primary) 16%,transparent)}.puki-field__control:disabled{background:var(--puki-surface-muted);color:var(--puki-text-muted);cursor:not-allowed}.puki-field__control--invalid{border-color:var(--puki-danger)}.puki-field__control--invalid:focus{border-color:var(--puki-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--puki-danger) 16%,transparent)}.puki-field__error{color:var(--puki-danger);font-size:var(--puki-font-size-xs);font-weight:500}.puki-field__hint{color:var(--puki-text-muted);font-size:var(--puki-font-size-xs)}.puki-field__row{display:grid;gap:var(--puki-space-md)}@media(width>=560px){.puki-field__row{grid-template-columns:1fr 1fr}}.puki-field__row .puki-field{margin-bottom:0}.puki-field__row+.puki-field,.puki-field__row+.puki-field__row{margin-top:var(--puki-space-md)}input[type=checkbox],input[type=radio]{accent-color:var(--puki-primary);width:18px;height:18px}.game-stats{display:flex;flex-wrap:wrap;gap:var(--puki-space-xl);margin:0 0 var(--puki-space-lg);padding:var(--puki-space-md) var(--puki-space-lg);border-radius:var(--puki-radius-lg);background:var(--puki-surface);border:1px solid var(--puki-border);box-shadow:var(--puki-shadow-card)}.game-stats div{display:flex;flex-direction:column;gap:2px}.game-stats dt{order:2;color:var(--puki-text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.game-stats dd{order:1;margin:0;color:var(--puki-primary);font-family:var(--puki-font-display);font-size:1.4rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.game-tile{display:flex;align-items:center;gap:var(--puki-space-sm);width:100%;min-height:56px;padding:var(--puki-space-sm) var(--puki-space-md);border:1.5px solid var(--puki-border);border-radius:var(--puki-radius-md);background:var(--puki-surface);color:var(--puki-text);font-size:.88rem;line-height:1.4;text-align:left;cursor:pointer;transition:border-color var(--puki-transition),background var(--puki-transition),transform var(--puki-transition)}.game-tile:hover:not(:disabled){border-color:var(--puki-primary);background:var(--puki-primary-pale);transform:translateY(-2px);box-shadow:var(--puki-shadow-card)}.game-tile:disabled{cursor:default}.game-tile--selected{border-color:transparent;background:var(--puki-gradient-primary);color:#fff;font-weight:600;box-shadow:0 6px 18px #e91e6342}.game-tile--paired{border-color:var(--puki-border);background:var(--puki-surface-muted);color:var(--puki-text-muted)}.game-tile--correct{border-color:var(--puki-success);background:var(--puki-success-pale)}.game-tile--wrong{border-color:var(--puki-danger);background:var(--puki-danger-pale)}.game-mark{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;font-size:.75rem;font-weight:800}.game-mark--correct{background:var(--puki-success);color:#fff}.game-mark--wrong{background:var(--puki-danger);color:#fff}.game-note{margin:var(--puki-space-xs) 0 0;padding:var(--puki-space-sm) var(--puki-space-md);border-left:3px solid var(--puki-primary);border-radius:0 var(--puki-radius-sm) var(--puki-radius-sm) 0;background:var(--puki-surface-muted);color:var(--puki-text-muted);font-size:.82rem;line-height:1.55}.game-board{display:grid;gap:var(--puki-space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.game-columns{display:grid;gap:var(--puki-space-lg)}@media(width>=760px){.game-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-column__title{margin:0 0 var(--puki-space-sm);color:var(--puki-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.game-stack{display:flex;flex-direction:column;gap:var(--puki-space-sm)}.game-actions{display:flex;flex-wrap:wrap;gap:var(--puki-space-md);margin-top:var(--puki-space-lg)}.game-hint{margin:0;color:var(--puki-text-muted);font-size:var(--puki-font-size-sm)}.admin-page__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--puki-space-md);margin-bottom:var(--puki-space-lg)}.admin-page__header h1{margin:0;font-family:var(--puki-font-display);font-size:1.6rem}.admin-page__subtitle{margin:var(--puki-space-xs) 0 0;color:var(--puki-text-muted);font-size:var(--puki-font-size-sm)}.admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--puki-space-sm);margin-bottom:var(--puki-space-md);padding:var(--puki-space-sm);background:var(--puki-surface);border:1px solid var(--puki-border);border-radius:var(--puki-radius-lg)}.admin-toolbar .puki-field__control{min-width:220px}.admin-table-wrapper{overflow-x:auto;background:var(--puki-surface);border:1px solid var(--puki-border);border-radius:var(--puki-radius-lg);box-shadow:var(--puki-shadow-card)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--puki-font-size-sm)}.admin-table th,.admin-table td{padding:.85rem 1rem;text-align:left;white-space:nowrap}.admin-table th{position:sticky;top:0;z-index:1;background:var(--puki-surface-muted);color:var(--puki-text-muted);font-size:var(--puki-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.admin-table tbody tr{border-top:1px solid var(--puki-border);transition:background-color var(--puki-transition)}.admin-table tbody tr:hover{background:var(--puki-surface-muted)}.admin-table td.admin-table__wrap{white-space:normal;min-width:220px}.admin-table__muted{color:var(--puki-text-muted);font-size:var(--puki-font-size-xs)}.admin-table__actions{display:flex;gap:var(--puki-space-xs);justify-content:flex-end}.admin-table__button{padding:.35rem .8rem;border:1px solid var(--puki-border-strong);border-radius:var(--puki-radius-pill);background:var(--puki-surface);color:var(--puki-text-muted);font-size:var(--puki-font-size-xs);font-weight:600;transition:border-color var(--puki-transition),background-color var(--puki-transition),color var(--puki-transition)}.admin-table__button:hover{border-color:var(--puki-primary);background:var(--puki-primary-pale);color:var(--puki-primary)}.admin-table__button--danger:hover{border-color:var(--puki-danger);background:var(--puki-danger-pale);color:var(--puki-danger)}.admin-status{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:var(--puki-radius-pill);background:var(--puki-surface-muted);color:var(--puki-text-muted);font-size:var(--puki-font-size-xs);font-weight:700}.admin-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentcolor}.admin-status--published,.admin-status--active{background:var(--puki-success-pale);color:var(--puki-success)}.admin-status--draft{background:var(--puki-surface-muted);color:var(--puki-text-muted)}.admin-status--pending,.admin-status--scheduled{background:var(--puki-warning-pale);color:var(--puki-warning)}.admin-status--archived,.admin-status--finished{background:var(--puki-info-pale);color:var(--puki-info)}.admin-form{max-width:820px;padding:var(--puki-space-xl);background:var(--puki-surface);border:1px solid var(--puki-border);border-radius:var(--puki-radius-xl);box-shadow:var(--puki-shadow-card)}.admin-form__section{padding-top:var(--puki-space-lg);margin-top:var(--puki-space-lg);border-top:1px solid var(--puki-border)}.admin-form__section:first-child{padding-top:0;margin-top:0;border-top:none}.admin-form__section h2{display:flex;align-items:center;gap:var(--puki-space-sm);margin-bottom:var(--puki-space-md);font-size:1rem}.admin-form__section h2:before{content:"";width:4px;height:18px;border-radius:var(--puki-radius-pill);background:var(--puki-gradient-primary)}.admin-form__row{padding-left:var(--puki-space-md);margin-bottom:var(--puki-space-md);border-left:3px solid var(--puki-border);transition:border-color var(--puki-transition)}.admin-form__row:focus-within{border-left-color:var(--puki-primary)}.admin-form__mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9rem;line-height:1.4;white-space:pre}.admin-form__actions{display:flex;align-items:center;gap:var(--puki-space-md);margin-top:var(--puki-space-lg);padding-top:var(--puki-space-lg);border-top:1px solid var(--puki-border)}textarea.puki-field__control{min-height:120px;resize:vertical;font-family:inherit}select.puki-field__control{appearance:auto}.admin-checklist{display:grid;gap:var(--puki-space-xs);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.admin-checklist label{display:flex;align-items:center;gap:var(--puki-space-sm);padding:.4rem .6rem;border-radius:var(--puki-radius-sm);font-size:var(--puki-font-size-sm);transition:background-color var(--puki-transition)}.admin-checklist label:hover{background:var(--puki-surface-muted)}.admin-empty{padding:var(--puki-space-2xl);color:var(--puki-text-muted);text-align:center}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" var(--puki-icon-fill, 0),"wght" var(--puki-icon-weight, 400),"GRAD" 0,"opsz" 24;transition:font-variation-settings var(--puki-transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.puki-icon-filled{--puki-icon-fill: 1}.mat-icon.puki-icon-sm{width:20px;height:20px;font-size:20px}.mat-icon.puki-icon-lg{width:28px;height:28px;font-size:28px}.mat-icon.puki-icon-xl{width:40px;height:40px;font-size:40px}.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary{box-shadow:0 2px 10px #e91e6338}.mat-mdc-unelevated-button.mat-primary:hover:not(:disabled),.mat-mdc-raised-button.mat-primary:hover:not(:disabled){box-shadow:0 6px 18px #e91e634d}.puki-btn-brand{background:var(--puki-gradient-primary)!important;color:#fff!important;box-shadow:0 4px 16px #e91e6347}.puki-btn-brand:hover:not(:disabled){box-shadow:0 8px 26px #e91e635c}.puki-btn-arrow{height:52px!important;padding-right:6px!important;white-space:nowrap}.puki-btn-arrow .mdc-button__label{display:inline-flex;align-items:center;flex-wrap:nowrap}.puki-btn-arrow .puki-btn-arrow__dot{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;margin-left:var(--puki-space-md);border-radius:50%;background:#ffffff38;transition:transform var(--puki-transition)}.puki-btn-arrow:hover .puki-btn-arrow__dot{transform:translate(3px)}.puki-btn-arrow .mat-icon{width:18px;height:18px;font-size:18px}.puki-btn-cream{background:var(--puki-deep-contrast)!important;color:var(--puki-deep)!important}.puki-btn-cream .puki-btn-arrow__dot{background:color-mix(in srgb,var(--puki-deep) 12%,transparent)}.puki-field-tight .mat-mdc-form-field-subscript-wrapper{display:none}.mat-mdc-form-field.puki-field-block{width:100%}.puki-search-field .mat-mdc-text-field-wrapper{border-radius:var(--puki-radius-pill);background:var(--puki-surface-muted)}.puki-search-field .mdc-notched-outline__leading,.puki-search-field .mdc-notched-outline__trailing{border-radius:var(--puki-radius-pill) 0 0 var(--puki-radius-pill)}.puki-search-field .mdc-notched-outline__trailing{border-radius:0 var(--puki-radius-pill) var(--puki-radius-pill) 0}.puki-tabs-pill .mat-mdc-tab-header{border:none}.puki-tabs-pill .mat-mdc-tab-list{padding:4px;background:var(--puki-surface-muted);border-radius:var(--puki-radius-pill)}.puki-tabs-pill .mat-mdc-tab{min-width:0;border-radius:var(--puki-radius-pill)}.puki-tabs-pill .mat-mdc-tab.mdc-tab--active{background:var(--puki-surface);box-shadow:var(--puki-shadow-card)}.puki-tabs-pill .mat-mdc-tab-indicator{display:none}.mat-mdc-menu-panel{box-shadow:var(--puki-shadow-overlay)!important;border:1px solid var(--puki-border)}.cdk-overlay-dark-backdrop{background:var(--puki-scrim)}.puki-snack-success .mat-mdc-snackbar-surface{background:var(--puki-success)!important}.puki-snack-error .mat-mdc-snackbar-surface{background:var(--puki-danger)!important}.puki-table{width:100%}.puki-table .mat-mdc-header-row{background:var(--puki-surface-muted)}.puki-table .mat-mdc-header-cell{font-size:var(--puki-font-size-xs);text-transform:uppercase;letter-spacing:.06em}.puki-table .mat-mdc-row:hover{background:var(--puki-surface-muted)}.puki-table .mat-mdc-row:last-of-type .mat-mdc-cell{border-bottom:none}@media(prefers-reduced-motion:reduce){.material-symbols-rounded{transition:none}}