:root{--bg: #F4F2E9;--bg-deep: #E9E7DA;--surface: #FFFEF9;--surface-2: #EDEEE1;--ink: #28281E;--ink-soft: #5E6052;--ink-faint: #97998A;--line: #E2E2D2;--line-soft: #ECECDF;--primary: #5F7A55;--primary-strong: #4C6543;--primary-soft: #DCE5D2;--primary-tint: #EAEFE2;--accent: #C79A5A;--lv-a-bg: #E5EDDF;--lv-a-fg: #4E6347;--lv-b-bg: #F4E6CB;--lv-b-fg: #8A6212;--lv-c-bg: #E3EAD9;--lv-c-fg: #4C6543;--r-card: 22px;--r-mid: 16px;--r-input: 13px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(60,55,30,.05), 0 1px 1px rgba(60,55,30,.04);--shadow-md: 0 10px 30px -12px rgba(60,55,25,.22);--shadow-lg: 0 28px 60px -22px rgba(50,46,18,.34);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 22px;--space-6: 28px;--space-7: 40px;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--reader-size: 21px}.r-display{font-family:var(--font-serif);font-weight:600;font-size:clamp(28px,3.4vw,34px);line-height:1.08;letter-spacing:-.015em;color:var(--ink)}.r-display-xl{font-family:var(--font-serif);font-weight:600;font-size:clamp(30px,5vw,46px);line-height:1.08;letter-spacing:-.02em;color:var(--ink)}.r-title{font-family:var(--font-serif);font-weight:600;font-size:24px;letter-spacing:-.01em;color:var(--ink)}.r-reading{font-family:var(--font-serif);font-weight:380;font-size:var(--reader-size);line-height:1.92;color:#34342a}.r-body{font-family:var(--font-ui);font-weight:500;font-size:15px;line-height:1.5;color:var(--ink)}.r-label{font-family:var(--font-ui);font-weight:700;font-size:12px;color:var(--ink-soft)}.r-eyebrow{font-family:var(--font-ui);font-weight:800;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--primary-strong)}.r-meta{font-family:var(--font-ui);font-weight:500;font-size:12.5px;color:var(--ink-faint)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--r-pill);background:var(--primary);color:#fff;border:none;font-family:var(--font-ui);font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:.16s}.btn-primary:hover{background:var(--primary-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary svg{width:18px;height:18px}.link-btn{font-family:var(--font-ui);font-size:14.5px;font-weight:700;color:var(--primary);background:none;border:none;cursor:pointer;padding:8px 4px}.link-btn:hover{color:var(--primary-strong)}.tool-btn{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 24px;border-radius:var(--r-pill);background:var(--surface);border:1.5px solid var(--line);font-family:var(--font-ui);font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:.16s}.tool-btn:hover{border-color:var(--primary-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tool-btn svg{width:21px;height:21px}.tool-btn.accent{background:var(--primary);border-color:var(--primary);color:#fff}.tool-btn.round{width:54px;padding:0;justify-content:center}.icon-btn{width:48px;height:48px;border-radius:var(--r-input);background:var(--surface);border:1.5px solid var(--line);cursor:pointer;display:grid;place-items:center;color:var(--ink-soft);transition:.15s}.icon-btn:hover{border-color:var(--primary-soft);color:var(--primary)}.icon-btn.on{background:var(--primary-tint);border-color:var(--primary-soft);color:var(--primary)}.icon-btn svg{width:20px;height:20px}.chip{padding:7px 14px;border-radius:var(--r-pill);white-space:nowrap;background:var(--surface);border:1px solid var(--line);cursor:pointer;font-family:var(--font-ui);font-size:13.5px;font-weight:600;color:var(--ink-soft);transition:.15s}.chip:hover{border-color:var(--primary-soft);color:var(--ink)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fff}.meta-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 12px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink-soft)}.input{width:100%;padding:14px 16px;border-radius:var(--r-input);background:var(--surface);border:1.5px solid var(--line);font-family:var(--font-ui);font-size:15.5px;font-weight:500;color:var(--ink);transition:.15s}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-tint)}.select-wrap{position:relative}.select{width:100%;appearance:none;padding:13px 40px 13px 15px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-input);font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:.15s}.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-tint)}.select-wrap .chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.badge{font-family:var(--font-ui);font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:var(--r-pill);white-space:nowrap}.badge.lv-a{background:var(--lv-a-bg);color:var(--lv-a-fg)}.badge.lv-b{background:var(--lv-b-bg);color:var(--lv-b-fg)}.badge.lv-c{background:var(--lv-c-bg);color:var(--lv-c-fg)}.badge.topic{background:var(--line-soft);color:var(--ink-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.card-tinted{background:var(--surface-2);border:1px solid var(--primary-soft);border-radius:var(--r-card)}.h-item{text-align:left;width:100%;padding:13px 14px;border-radius:14px;border:1px solid transparent;background:none;cursor:pointer;transition:.14s}.h-item:hover{background:var(--primary-tint)}.h-item.active{background:var(--surface-2);border-color:var(--primary-soft)}.h-item .h-title{font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--ink);line-height:1.25;margin-bottom:4px}.h-item .h-date{font-family:var(--font-ui);font-size:12.5px;color:var(--ink-faint);font-weight:500}.h-badges{display:flex;gap:6px;margin-top:9px}.word-card{padding:11px 20px;border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-serif);font-size:19px;font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.18s}.word-card.key{background:var(--primary-tint);border-color:var(--primary-soft);color:var(--primary-strong)}.word-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.word-card.used{opacity:.4;text-decoration:line-through;text-decoration-color:var(--primary)}.mic-btn{display:inline-flex;align-items:center;gap:11px;height:64px;padding:0 34px;border-radius:var(--r-pill);background:var(--primary);color:#fff;border:none;cursor:pointer;font-family:var(--font-ui);font-size:18px;font-weight:700;box-shadow:var(--shadow-md);transition:.18s}.mic-btn:hover{background:var(--primary-strong);transform:translateY(-2px)}.mic-btn svg{width:23px;height:23px}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-mid);box-shadow:var(--shadow-lg);padding:7px}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:11px;background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:14.5px;font-weight:500;color:var(--ink);text-align:left;transition:.14s}.menu-item:hover{background:var(--primary-tint)}.menu-item svg{width:18px;height:18px;color:var(--ink-soft)}.radio{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-ui);font-size:14.5px;font-weight:600;color:var(--ink-soft);cursor:pointer}.radio .dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid var(--line);display:grid;place-items:center;transition:.15s}.radio.on{color:var(--ink)}.radio.on .dot{border-color:var(--primary)}.radio.on .dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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 Hanken Grotesk;--mat-sys-body-large-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-body-medium-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-body-small-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-display-large-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-display-medium-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-display-small-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-headline-large-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-headline-medium-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-headline-small-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-label-large-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-label-medium-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-label-small-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-title-large-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-title-medium-font: Hanken Grotesk;--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 Hanken Grotesk;--mat-sys-title-small-font: Hanken Grotesk;--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;--app-bg: var(--bg);--text-primary: var(--ink);--text-secondary: var(--ink-soft);--danger: #b3261e;--mat-sys-background: var(--bg);--mat-sys-surface: var(--bg);--mat-sys-surface-dim: var(--bg-deep);--mat-sys-surface-bright: var(--surface);--mat-sys-surface-container-lowest: var(--surface);--mat-sys-surface-container-low: var(--surface);--mat-sys-surface-container: var(--surface);--mat-sys-surface-container-high: var(--surface-2);--mat-sys-surface-container-highest: var(--surface-2);--mat-sys-on-background: var(--ink);--mat-sys-on-surface: var(--ink);--mat-sys-on-surface-variant: var(--ink-soft);--mat-sys-outline: var(--line);--mat-sys-outline-variant: var(--line);--mat-sys-primary: var(--primary);--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: var(--primary-soft);--mat-sys-on-primary-container: var(--primary-strong);--mat-sys-primary-fixed: var(--primary-soft);--mat-sys-primary-fixed-dim: var(--primary-tint);--mat-sys-on-primary-fixed: var(--primary-strong);--mat-sys-on-primary-fixed-variant: var(--primary-strong);--mat-sys-inverse-primary: var(--primary-soft);--mat-sys-secondary: var(--primary);--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: var(--primary-tint);--mat-sys-on-secondary-container: var(--primary-strong);--mat-sys-tertiary: var(--accent);--mat-sys-on-tertiary: #ffffff;--mat-sys-tertiary-container: #F4E6CB;--mat-sys-on-tertiary-container: #8A6212;--mat-sys-error: #b3261e;--mat-sys-on-error: #ffffff;--mat-sys-error-container: #fde7e5;--mat-sys-on-error-container: #8a1e17;--primary: #5F7A55;--mdc-outlined-text-field-outline-color: var(--line);--mdc-outlined-text-field-hover-outline-color: var(--primary-soft);--mdc-outlined-text-field-focus-outline-color: var(--primary);--mdc-outlined-text-field-label-text-color: var(--ink-soft);--mdc-outlined-text-field-focus-label-text-color: var(--primary-strong);--mdc-outlined-text-field-input-text-color: var(--ink);--mdc-outlined-text-field-container-shape: var(--r-input);--mdc-filled-text-field-container-color: var(--surface);--mdc-filled-text-field-label-text-color: var(--ink-soft);--mdc-filled-text-field-input-text-color: var(--ink);--mdc-filled-text-field-focus-active-indicator-color: var(--primary);--mdc-filled-button-container-color: var(--primary);--mdc-filled-button-label-text-color: #ffffff;--mdc-filled-button-container-shape: var(--r-pill);--mdc-outlined-button-outline-color: var(--line);--mdc-outlined-button-label-text-color: var(--ink);--mdc-outlined-button-container-shape: var(--r-pill);--mdc-text-button-label-text-color: var(--primary);--mdc-icon-button-icon-color: var(--ink-soft);--mdc-dialog-container-color: var(--surface);--mdc-dialog-container-shape: var(--r-card);--mdc-dialog-subhead-color: var(--ink);--mdc-dialog-supporting-text-color: var(--ink-soft);--mdc-snackbar-container-color: var(--ink);--mdc-snackbar-supporting-text-color: var(--surface);--mdc-snackbar-container-shape: var(--r-mid);--mdc-list-list-item-container-color: transparent;--mdc-list-list-item-label-text-color: var(--ink);--mdc-list-list-item-supporting-text-color: var(--ink-soft);--mdc-list-list-item-leading-icon-color: var(--ink-soft);--mdc-radio-selected-icon-color: var(--primary);--mdc-radio-selected-hover-icon-color: var(--primary-strong);--mdc-radio-selected-focus-icon-color: var(--primary-strong);--mdc-radio-selected-pressed-icon-color: var(--primary-strong);--mdc-radio-unselected-icon-color: var(--line);--mdc-checkbox-selected-icon-color: var(--primary);--mdc-checkbox-selected-hover-icon-color: var(--primary-strong);--mdc-checkbox-selected-focus-icon-color: var(--primary-strong);--mdc-checkbox-selected-pressed-icon-color: var(--primary-strong);--mdc-checkbox-unselected-icon-color: var(--ink-faint);--mdc-checkbox-unselected-hover-icon-color: var(--ink-soft);--mdc-circular-progress-active-indicator-color: var(--primary);--mdc-linear-progress-active-indicator-color: var(--primary)}body{color-scheme:light;background-color:var(--bg);color:var(--ink);font:var(--mat-sys-body-medium);font-family:var(--font-ui);margin:0;height:100%}.mat-mdc-menu-panel{background:var(--surface)!important;border:1px solid var(--line);border-radius:var(--r-mid)!important;box-shadow:var(--shadow-lg)!important;padding:7px}.mat-mdc-menu-item{border-radius:11px;color:var(--ink);font-family:var(--font-ui);font-size:14.5px;font-weight:500;transition:background-color .14s ease}.mat-mdc-menu-item:hover:not([disabled]){background:var(--primary-tint)!important}.mat-mdc-menu-item .mat-icon,.mat-mdc-menu-item .mat-mdc-menu-item-text{color:inherit}.mat-mdc-dialog-surface,.mdc-dialog__surface{background:var(--surface)!important;border-radius:var(--r-card)!important;box-shadow:var(--shadow-lg)!important}.mat-mdc-snack-bar-container .mdc-snackbar__surface{background:var(--ink)!important;border-radius:var(--r-mid)!important;box-shadow:var(--shadow-md)!important}.mat-mdc-snack-bar-label{color:var(--surface)!important;font-family:var(--font-ui)}.mat-mdc-form-field{font-family:var(--font-ui)}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:var(--line)}.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--focused):hover .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--focused):hover .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--focused):hover .mdc-notched-outline__trailing{border-color:var(--primary-soft)}.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--primary);border-width:1.5px}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-outlined-button,.mat-mdc-unelevated-button{font-family:var(--font-ui)!important;letter-spacing:0!important}*,*:before,*:after{box-sizing:border-box}html,body,app-root{width:100%;max-width:100%}html,body{font-family:var(--font-ui);color:var(--ink);background:var(--bg)}:root{--app-header-height: 68px}@media(max-width:599px){:root{--app-header-height: 60px}}.cefr-level-A1,.cefr-level-A2{background:var(--lv-a-bg);color:var(--lv-a-fg);border-color:var(--lv-a-fg)}.cefr-level-B1,.cefr-level-B2{background:var(--lv-b-bg);color:var(--lv-b-fg);border-color:var(--lv-b-fg)}.cefr-level-C1,.cefr-level-C2{background:var(--lv-c-bg);color:var(--lv-c-fg);border-color:var(--lv-c-fg)}.cefr-level-unknown{background:var(--line-soft);color:var(--ink-soft);border-color:var(--line)}.ds-icon{width:20px;height:20px;display:inline-block;flex-shrink:0;vertical-align:middle;color:inherit}.ds-icon-sm{width:16px;height:16px}.ds-icon-lg{width:24px;height:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}