html{color-scheme:light;--mat-sys-background: #f7faf9;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #eff1f0;--mat-sys-inverse-primary: #00dddd;--mat-sys-inverse-surface: #2d3131;--mat-sys-on-background: #191c1c;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary-container: #004f4f;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #324b4b;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #191c1c;--mat-sys-on-surface-variant: #3f4948;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #723600;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #6f7979;--mat-sys-outline-variant: #bec9c8;--mat-sys-primary: #006a6a;--mat-sys-primary-container: #00fbfb;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #4a6363;--mat-sys-secondary-container: #cce8e7;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #f7faf9;--mat-sys-surface-bright: #f7faf9;--mat-sys-surface-container: #ebefed;--mat-sys-surface-container-high: #e6e9e7;--mat-sys-surface-container-highest: #e0e3e2;--mat-sys-surface-container-low: #f1f4f3;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d7dbd9;--mat-sys-surface-tint: #006a6a;--mat-sys-surface-variant: #dae5e4;--mat-sys-tertiary: #964900;--mat-sys-tertiary-container: #ffdcc7;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-body-large-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-body-medium-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-body-small-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-display-large-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-display-medium-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-display-small-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-headline-large-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-headline-medium-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-headline-small-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-label-large-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-label-medium-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-label-small-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-title-large-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-title-medium-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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 system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, sans-serif;--mat-sys-title-small-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic UI, Yu Gothic, Meiryo, Noto Sans JP, Noto Sans CJK JP, Noto Sans Myanmar, Myanmar Text, Padauk, 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-primary: #3a7d7c;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #d7ebe9;--mat-sys-on-primary-container: #0f3b3a;--mat-sys-surface: #faf9f6;--mat-sys-on-surface: #2b2b2b;--mat-sys-on-surface-variant: #6d6d6c;--mat-sys-surface-container-lowest: #fffefb;--mat-sys-surface-container-low: #fcfbf8;--mat-sys-surface-container: #f6f4ef;--mat-sys-surface-container-high: #f1eee7;--mat-sys-surface-container-highest: #ebe7de;--mat-sys-outline: #8c8a85;--mat-sys-outline-variant: #e7e3d9;--mat-sys-error: #b54848;--zl-bg: #faf9f6;--zl-surface: #fcfbf8;--zl-sunken: #f1eee7;--zl-divider: #e7e3d9;--zl-text: #2b2b2b;--zl-text-secondary: #6d6d6c;--zl-text-tertiary: #888886;--zl-accent: #3a7d7c;--zl-accent-strong: #2f6a69;--zl-accent-text: #3a7d7c;--zl-accent-soft: #e3efee;--zl-on-accent: #ffffff;--zl-correct: #3e9c6a;--zl-correct-bg: #e5f0e7;--zl-wrong: #c75c5c;--zl-wrong-text: #a94444;--zl-wrong-bg: #f6e8e5;--zl-correct-fill: #2f7d55;--zl-on-correct-fill: #ffffff;--zl-wrong-fill: #a94444;--zl-on-wrong-fill: #ffffff;--zl-streak: #c98a2e;--zl-streak-soft: #f6ecdc;--zl-gem: #6e63a6;--zl-heart: #c75c5c;--zl-shadow: 0 1px 2px rgba(90, 80, 60, .08), 0 4px 16px rgba(90, 80, 60, .08);--zl-radius: 16px}@media(prefers-color-scheme:dark){html{color-scheme:dark;--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--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-primary: #3fa7a6;--mat-sys-on-primary: #0e1514;--mat-sys-primary-container: #1f4040;--mat-sys-on-primary-container: #cdebea;--mat-sys-surface: #161616;--mat-sys-on-surface: #e8e6e3;--mat-sys-on-surface-variant: #a5a3a1;--mat-sys-surface-container-lowest: #121212;--mat-sys-surface-container-low: #1b1b1b;--mat-sys-surface-container: #1f1f1f;--mat-sys-surface-container-high: #242424;--mat-sys-surface-container-highest: #2c2c2c;--mat-sys-outline: #6f6d6a;--mat-sys-outline-variant: #333333;--mat-sys-error: #e08080;--zl-bg: #161616;--zl-surface: #1f1f1f;--zl-sunken: #242424;--zl-divider: #333333;--zl-text: #e8e6e3;--zl-text-secondary: #a5a3a1;--zl-text-tertiary: #757472;--zl-accent: #2d8b8b;--zl-accent-strong: #3fa7a6;--zl-accent-text: #3fa7a6;--zl-accent-soft: #213030;--zl-on-accent: #0e1514;--zl-correct: #4fb27f;--zl-correct-bg: #25362d;--zl-wrong: #d46a6a;--zl-wrong-text: #e08080;--zl-wrong-bg: #3d2a2a;--zl-correct-fill: #4fb27f;--zl-on-correct-fill: #0e1514;--zl-wrong-fill: #e08080;--zl-on-wrong-fill: #1d1010;--zl-streak: #e0a33e;--zl-streak-soft: #3a2e1b;--zl-gem: #9a8bc9;--zl-heart: #d46a6a;--zl-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,Noto Sans JP,Noto Sans CJK JP,Noto Sans Myanmar,Myanmar Text,Padauk,sans-serif}body{background:var(--zl-bg);color:var(--zl-text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--zl-accent-text)}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}.snack-success .mdc-snackbar__surface{background-color:#2f7d55!important}.snack-error .mdc-snackbar__surface{background-color:#a94444!important}.snack-info .mdc-snackbar__surface{background-color:#2f6a69!important}.snack-warning .mdc-snackbar__surface{background-color:#9a6a22!important}.snack-success,.snack-error,.snack-info,.snack-warning{--mat-snack-bar-supporting-text-color: #ffffff;--mat-snack-bar-button-color: #ffffff}.page{width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.card{background:var(--zl-surface);border:1px solid var(--zl-divider);border-radius:var(--zl-radius);box-shadow:var(--zl-shadow)}.muted{color:var(--zl-text-secondary)}.full-width{width:100%}.error-banner{display:flex;align-items:flex-start;gap:.5rem;background:var(--zl-wrong-bg);color:var(--zl-wrong-text);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.info-banner{display:flex;align-items:flex-start;gap:.5rem;background:var(--zl-accent-soft);color:var(--zl-text);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.auth-card{width:100%;overflow:hidden;background:var(--zl-surface);border:1px solid var(--zl-divider);border-radius:20px;box-shadow:var(--zl-shadow)}.auth-card-body{padding:1.75rem 1.5rem 1.5rem}.auth-card h1{font-size:1.5rem;margin:0 0 .25rem}.auth-card .subtitle{margin:0 0 1.5rem;color:var(--zl-text-secondary)}.auth-card mat-form-field{margin-bottom:.25rem}.auth-card .form-row{display:flex;gap:.75rem}.auth-card .form-row>*{flex:1;min-width:0}.auth-card .alt-link{margin:1.25rem 0 0;text-align:center;font-size:.925rem;color:var(--zl-text-secondary)}.auth-card .hint{font-size:.8125rem;color:var(--zl-text-secondary);margin:.75rem 0 0}@media(max-width:420px){.auth-card .form-row{flex-direction:column;gap:0}}.legal{max-width:760px;font-size:1rem}.legal h1{font-size:clamp(1.8rem,4vw,2.4rem);margin:.5rem 0 .25rem}.legal h2{font-size:1.25rem;margin:2rem 0 .5rem}.legal h3{font-size:1.05rem;margin:1.25rem 0 .25rem}.legal p,.legal li{color:var(--zl-text)}.legal ul,.legal ol{padding-left:1.25rem}.legal li+li{margin-top:.35rem}.legal .updated{color:var(--zl-text-secondary);font-size:.9rem;margin-top:0}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mat-mdc-unelevated-button.cta,.mat-mdc-outlined-button.cta{--mat-button-filled-container-height: 48px;--mat-button-outlined-container-height: 48px;font-size:1rem;font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}