@charset "UTF-8";:root{--color-bg: #f3f4f6;--color-white: #ffffff;--color-ink: #2b2440;--color-muted: #8e86a3;--color-line: #efe9f5;--color-surface-alt: #e7edff;--color-surface: var(--color-white);--color-primary: #4f7cff;--color-seal: #e0362c;--color-danger: #e0362c;--color-warning: #f59e0b;--color-subject-deu: #f472b6;--color-subject-mat: #60a5fa;--color-subject-eng: #34d399;--color-subject-phy: #fbbf24;--color-subject-kun: #a78bfa;--color-subject-spo: #fb7185;--color-subject-eth: #22d3ee;--color-subject-mus: #f59e0b;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 999px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--font-micro: 10px;--font-label: 11px;--font-caption: 12px;--font-meta: 13px;--font-body-sm: 14px;--font-body: 15px;--font-input: 16px;--font-subtitle: 17px;--font-title: 18px;--font-h3: 19px;--font-h2: 20px;--font-title-lg: 22px;--font-h1: 24px;--font-display-sm: 26px;--font-display: 28px;--font-display-lg: 30px;--font-family-heading: "Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-seal: "Noto Serif JP", "Hiragino Mincho ProN", serif}html{color-scheme:light;--mat-sys-background: light-dark(#faf8ff, #11131b);--mat-sys-error: light-dark(#bb1815, #ffb4aa);--mat-sys-error-container: light-dark(#ffdad5, #930006);--mat-sys-inverse-on-surface: light-dark(#f0f0fb, #2e3038);--mat-sys-inverse-primary: light-dark(#b5c4ff, #1a53d6);--mat-sys-inverse-surface: light-dark(#2e3038, #e2e1ed);--mat-sys-on-background: light-dark(#191b23, #e2e1ed);--mat-sys-on-error: light-dark(#ffffff, #690003);--mat-sys-on-error-container: light-dark(#930006, #ffdad5);--mat-sys-on-primary: light-dark(#ffffff, #00297b);--mat-sys-on-primary-container: light-dark(#003cad, #dce1ff);--mat-sys-on-primary-fixed: light-dark(#00164d, #00164d);--mat-sys-on-primary-fixed-variant: light-dark(#003cad, #003cad);--mat-sys-on-secondary: light-dark(#ffffff, #1d2d5f);--mat-sys-on-secondary-container: light-dark(#344477, #dce1ff);--mat-sys-on-secondary-fixed: light-dark(#03174a, #03174a);--mat-sys-on-secondary-fixed-variant: light-dark(#344477, #344477);--mat-sys-on-surface: light-dark(#191b23, #e2e1ed);--mat-sys-on-surface-variant: light-dark(#434654, #e0e1f3);--mat-sys-on-tertiary: light-dark(#ffffff, #570067);--mat-sys-on-tertiary-container: light-dark(#780f8c, #ffd6fe);--mat-sys-on-tertiary-fixed: light-dark(#350040, #350040);--mat-sys-on-tertiary-fixed-variant: light-dark(#780f8c, #780f8c);--mat-sys-outline: light-dark(#737686, #8d90a0);--mat-sys-outline-variant: light-dark(#c3c5d7, #434654);--mat-sys-primary: light-dark(#1a53d6, #b5c4ff);--mat-sys-primary-container: light-dark(#dce1ff, #003cad);--mat-sys-primary-fixed: light-dark(#dce1ff, #dce1ff);--mat-sys-primary-fixed-dim: light-dark(#b5c4ff, #b5c4ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4c5c91, #b5c4ff);--mat-sys-secondary-container: light-dark(#dce1ff, #344477);--mat-sys-secondary-fixed: light-dark(#dce1ff, #dce1ff);--mat-sys-secondary-fixed-dim: light-dark(#b5c4ff, #b5c4ff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf8ff, #11131b);--mat-sys-surface-bright: light-dark(#faf8ff, #373941);--mat-sys-surface-container: light-dark(#ededf8, #1d1f27);--mat-sys-surface-container-high: light-dark(#e7e7f2, #282a32);--mat-sys-surface-container-highest: light-dark(#e2e1ed, #33343d);--mat-sys-surface-container-low: light-dark(#f3f3fe, #191b23);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0e15);--mat-sys-surface-dim: light-dark(#d9d9e4, #11131b);--mat-sys-surface-tint: light-dark(#1a53d6, #b5c4ff);--mat-sys-surface-variant: light-dark(#e0e1f3, #434654);--mat-sys-tertiary: light-dark(#9431a6, #f8acff);--mat-sys-tertiary-container: light-dark(#ffd6fe, #780f8c);--mat-sys-tertiary-fixed: light-dark(#ffd6fe, #ffd6fe);--mat-sys-tertiary-fixed-dim: light-dark(#f8acff, #f8acff);--mat-sys-neutral-variant20: #2d303d;--mat-sys-neutral10: #191b23;--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 Nunito, system-ui, sans-serif;--mat-sys-body-large-font: Nunito, system-ui, 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 Nunito, system-ui, sans-serif;--mat-sys-body-medium-font: Nunito, system-ui, 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 Nunito, system-ui, sans-serif;--mat-sys-body-small-font: Nunito, system-ui, 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 Fredoka, system-ui, sans-serif;--mat-sys-display-large-font: Fredoka, 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 Fredoka, system-ui, sans-serif;--mat-sys-display-medium-font: Fredoka, 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 Fredoka, system-ui, sans-serif;--mat-sys-display-small-font: Fredoka, 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 Fredoka, system-ui, sans-serif;--mat-sys-headline-large-font: Fredoka, 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 Fredoka, system-ui, sans-serif;--mat-sys-headline-medium-font: Fredoka, 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 Fredoka, system-ui, sans-serif;--mat-sys-headline-small-font: Fredoka, 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: 500 .875rem / 1.25rem Nunito, system-ui, sans-serif;--mat-sys-label-large-font: Nunito, system-ui, 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 Nunito, system-ui, sans-serif;--mat-sys-label-medium-font: Nunito, system-ui, 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 Nunito, system-ui, sans-serif;--mat-sys-label-small-font: Nunito, system-ui, 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 Fredoka, system-ui, sans-serif;--mat-sys-title-large-font: Fredoka, 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: 500 1rem / 1.5rem Nunito, system-ui, sans-serif;--mat-sys-title-medium-font: Nunito, system-ui, 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 Nunito, system-ui, sans-serif;--mat-sys-title-small-font: Nunito, system-ui, 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: var(--color-primary);--mat-sys-error: var(--color-danger);--mat-sys-surface: var(--color-surface);--mat-sys-background: var(--color-bg);--mat-sys-outline-variant: var(--color-line)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-family-body);color:var(--color-ink);background:var(--color-bg)}