:root{--color-black: #000000;--color-white: #ffffff;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-red-500: #ef4444;--color-red: var(--color-red-500);--color-green-500: #22c55e;--color-amber-400: #fbbf24;--color-gray-300: #d1d5db;--color-gray-700: #333333;--text-primary-color: lch(100 0 0);--text-primary-dim-color: lch(95 0 0);--text-secondary-color: lch(70 0 0);--text-tertiary-color: lch(56 0 0);--text-quaternary-color: lch(45 0 0);--text-quinary-color: lch(35 0 0);--bg-color: #090909;--surface-color: #090909;--surface-elevated-color: #151515;--card-background-color: #151515;--card-border-color: #272727;--overlay-background-color: #18181b;--border-strong: #0a0a0a;--divider-subtle: rgba(255, 255, 255, .1);--graph-divider-color: var(--divider-subtle);--nav-border-color: rgba(255, 255, 255, .08);--button-hover-bg: #272727;--input-selected-border-color: lch(70 0 0);--accent-color: var(--color-blue-500);--error-color: var(--color-red-500);--button-border: var(--card-border-color);--text-muted: var(--text-tertiary-color);--text-light: var(--text-primary-color);--color-text-primary: var(--text-primary-color);--text-on-accent: var(--color-white);--selection-bg: var(--text-primary-color);--selection-fg: var(--bg-color);--solid-button-bg: #ffffff;--solid-button-fg: #000000;--solid-button-disabled-bg: #727272;--solid-button-disabled-fg: #2c2c2c;--axis-color: #444444;--axis-title-color: #7a7a7a;--axis-label-text-color: var(--text-quaternary-color);--axis-label-bg: rgba(40, 40, 40, .3);--axis-label-border: rgba(50, 50, 50, .4);--axis-zero-line-color: rgba(255, 255, 255, .25);--dashboard-level1-color: #cc7a00;--dashboard-level2-color: #b89906;--dashboard-level3-color: #2e9e37;--dashboard-level4-color: #6e2ba8;--dashboard-level-bg-top: 18%;--dashboard-level-bg-bottom: 18%;--dashboard-level-stripe: 14%;--range-track-bg: rgba(255, 255, 255, .12);--range-fill-bg: var(--text-primary-color);--range-thumb-bg: var(--text-primary-color);--range-thumb-border: var(--bg-color);--range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .2);--range-thumb-shadow-hover: 0 2px 8px rgba(0, 0, 0, .3);--range-thumb-shadow-active: 0 2px 12px rgba(0, 0, 0, .4);--flashcard-option-border: rgba(255, 255, 255, .18);--flashcard-option-border-selected: rgba(255, 255, 255, .9);--flashcard-graphic: rgba(255, 255, 255, .85);--flashcard-graphic-muted: rgba(255, 255, 255, .55);--flashcard-graphic-outline: rgba(255, 255, 255, .65);--flashcard-graphic-selected-fill: var(--text-primary-color);--toggle-eye-bg: var(--color-white);--toggle-pupil-bg: var(--color-black);--toggle-pupil-sleep-bg: var(--color-gray-700);--toggle-sleep-z-color: rgba(255, 255, 255, .8);--vocab-tab-indicator: var(--text-primary-color);--scrollbar-track: #0f0f0f;--scrollbar-thumb: #272727;--scrollbar-thumb-hover: #3a3a3a;--highlight-study-text-color: #9ccaff;--study-not-known-color: #fc8888;--study-translation-tag-bg: var(--highlight-study-text-color);--study-translation-tag-fg: #101010;--settings-hero-image-filter: none;--settings-hero-gradient-transparent: rgba(0, 0, 0, 0);--star-background: url(/assets/star_background-CtQjX69A.webp);--web-bg-overlay: radial-gradient( circle at center, rgba(10, 10, 10, 1) 0%, rgba(10, 10, 10, 1) 40%, rgba(10, 10, 10, .95) 80%, rgba(10, 10, 10, .6) 100% );color-scheme:dark}:root[data-is-app=true]{--star-background: none}:root[data-theme=light]{--text-primary-color: #111111;--text-primary-dim-color: #1a1a1a;--text-secondary-color: #2b2b2b;--text-tertiary-color: #454545;--text-quaternary-color: #606060;--text-quinary-color: #7a7a7a;--bg-color: #ffffff;--surface-color: #ffffff;--surface-elevated-color: #ffffff;--card-background-color: #ffffff;--card-border-color: #111111;--overlay-background-color: #ffffff;--border-strong: #0a0a0a;--divider-subtle: rgba(0, 0, 0, .16);--graph-divider-color: var(--divider-subtle);--nav-border-color: #0a0a0a;--axis-color: #111111;--axis-title-color: var(--text-tertiary-color);--axis-label-text-color: var(--text-primary-color);--axis-label-bg: rgba(230, 230, 230, .3);--axis-label-border: rgba(200, 200, 200, .4);--axis-zero-line-color: rgba(0, 0, 0, .18);--range-track-bg: rgba(0, 0, 0, .12);--range-fill-bg: #111111;--range-thumb-bg: #ffffff;--range-thumb-border: #111111;--range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .18);--range-thumb-shadow-hover: 0 2px 8px rgba(0, 0, 0, .22);--range-thumb-shadow-active: 0 2px 12px rgba(0, 0, 0, .28);--flashcard-option-border: rgba(0, 0, 0, .18);--flashcard-option-border-selected: #111111;--flashcard-graphic: rgba(0, 0, 0, .85);--flashcard-graphic-muted: rgba(0, 0, 0, .55);--flashcard-graphic-outline: rgba(0, 0, 0, .45);--flashcard-graphic-selected-fill: var(--text-primary-color);--toggle-eye-bg: #111111;--toggle-pupil-bg: #ffffff;--toggle-pupil-sleep-bg: #111111;--toggle-sleep-z-color: rgba(0, 0, 0, .8);--vocab-tab-indicator: #111111;--button-hover-bg: #e5e7eb;--input-selected-border-color: lch(35 0 0);--solid-button-bg: #111111;--solid-button-fg: #ffffff;--solid-button-disabled-bg: rgba(0, 0, 0, .18);--solid-button-disabled-fg: rgba(0, 0, 0, .45);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--highlight-study-text-color: #1d4ed8;--study-not-known-color: #b91c1c;--study-translation-tag-bg: #dbeafe;--study-translation-tag-fg: #111111;--dashboard-level1-color: #8a4f00;--dashboard-level2-color: #6f5c00;--dashboard-level3-color: #166534;--dashboard-level4-color: #4c1d95;--dashboard-level-bg-top: 18%;--dashboard-level-bg-bottom: 18%;--dashboard-level-stripe: 18%;--settings-hero-image-filter: invert(1) hue-rotate(180deg);--settings-hero-gradient-transparent: rgba(255, 255, 255, 0);--star-background: none;--web-bg-overlay: radial-gradient( circle at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100% );color-scheme:light}@media (prefers-color-scheme: light){:root:not([data-theme]){--text-primary-color: #111111;--text-primary-dim-color: #1a1a1a;--text-secondary-color: #2b2b2b;--text-tertiary-color: #454545;--text-quaternary-color: #606060;--text-quinary-color: #7a7a7a;--bg-color: #ffffff;--surface-color: #ffffff;--surface-elevated-color: #ffffff;--card-background-color: #ffffff;--card-border-color: #111111;--overlay-background-color: #ffffff;--border-strong: #0a0a0a;--divider-subtle: rgba(0, 0, 0, .16);--graph-divider-color: var(--divider-subtle);--nav-border-color: #0a0a0a;--axis-color: #111111;--axis-title-color: var(--text-tertiary-color);--axis-label-text-color: var(--text-primary-color);--axis-label-bg: rgba(230, 230, 230, .3);--axis-label-border: rgba(200, 200, 200, .4);--axis-zero-line-color: rgba(0, 0, 0, .18);--range-track-bg: rgba(0, 0, 0, .12);--range-fill-bg: #111111;--range-thumb-bg: #ffffff;--range-thumb-border: #111111;--range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .18);--range-thumb-shadow-hover: 0 2px 8px rgba(0, 0, 0, .22);--range-thumb-shadow-active: 0 2px 12px rgba(0, 0, 0, .28);--flashcard-option-border: rgba(0, 0, 0, .18);--flashcard-option-border-selected: #111111;--flashcard-graphic: rgba(0, 0, 0, .85);--flashcard-graphic-muted: rgba(0, 0, 0, .55);--flashcard-graphic-outline: rgba(0, 0, 0, .45);--flashcard-graphic-selected-fill: var(--text-primary-color);--toggle-eye-bg: #111111;--toggle-pupil-bg: #ffffff;--toggle-pupil-sleep-bg: #111111;--toggle-sleep-z-color: rgba(0, 0, 0, .8);--vocab-tab-indicator: #111111;--button-hover-bg: #e5e7eb;--input-selected-border-color: lch(35 0 0);--solid-button-bg: #111111;--solid-button-fg: #ffffff;--solid-button-disabled-bg: rgba(0, 0, 0, .18);--solid-button-disabled-fg: rgba(0, 0, 0, .45);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8;--highlight-study-text-color: #1d4ed8;--star-background: none;--study-not-known-color: #b91c1c;--study-translation-tag-bg: #dbeafe;--study-translation-tag-fg: #111111;--dashboard-level1-color: #8a4f00;--dashboard-level2-color: #6f5c00;--dashboard-level3-color: #166534;--dashboard-level4-color: #4c1d95;--dashboard-level-bg-top: 18%;--dashboard-level-bg-bottom: 18%;--dashboard-level-stripe: 18%;--web-bg-overlay: radial-gradient( circle at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100% );--settings-hero-image-filter: invert(1) hue-rotate(180deg);--settings-hero-gradient-transparent: rgba(255, 255, 255, 0);color-scheme:light}}:root[data-theme=dark]{color-scheme:dark}:root{--z-index-background: -2;--z-index-background-overlay: -1;--z-index-base: 1;--z-index-low: 2;--z-index-medium: 10;--z-index-high: 1000;--z-index-tooltip: 1000000;--z-index-maximum: 100000000000;--app-extra-padding-top:45px;font-family:Nunito;font-size:16px;--safe-area-static-bottom: 0px;--bottom-nav-icon-shift: 0px}:root[data-is-app=true]{background:var(--bg-color);font-size:17px;height:100%;--safe-area-static-bottom: 34px;--bottom-nav-icon-shift: -6px}:root[data-is-app=true] *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none}:root[data-is-app=true] *::-webkit-scrollbar{display:none}@media (hover: none){:active{-webkit-tap-highlight-color:transparent}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html,body{height:100%;width:100%;overflow-x:hidden}body{color:var(--text-primary-color);padding:0;display:flex;flex-direction:column;background:var(--bg-color);-webkit-overflow-scrolling:touch}@media screen and (max-height: 700px){:root{--app-extra-padding-top: 8px}}body:before{content:"";position:fixed;top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);right:env(safe-area-inset-right,0);bottom:env(safe-area-inset-bottom,0);z-index:-2;background:var(--star-background);background-size:1000px;background-position:0 0;background-repeat:repeat;image-rendering:pixelated;animation:star-scroll 300s linear infinite}:root[data-is-app=true] body:before{background:var(--bg-color)}:root[data-is-app=false] body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:var(--web-bg-overlay)}@media screen and (max-width: 420px){:root{font-size:14px}}@media screen and (max-width: 340px){:root{font-size:12px}}@font-face{font-family:Nunito;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/nunito-300-3eG0AtwF.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/nunito-400-C2___ade.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/nunito-700-DcdHwnmZ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Reforma2018-CustomNumbers;src:url(/assets/Reforma2018-Gris-custom-numbers-CvEqktv_.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Reforma1918;src:url(/assets/Reforma1918-Blanca-DAr32_iR.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Reforma1918;src:url(/assets/Reforma1918-Gris-BKb01YLj.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Reforma1918;src:url(/assets/Reforma1918-Negra-UTZLdcdp.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Reforma1969;src:url(/assets/Reforma1969-Blanca-JCv0cweW.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Reforma1969;src:url(/assets/Reforma1969-Gris-BwaXdciU.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Reforma1969;src:url(/assets/Reforma1969-Negra-CxZrErRL.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Reforma2018;src:url(/assets/Reforma2018-Blanca-BZJLAVZP.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Reforma2018;src:url(/assets/Reforma2018-Gris-CBjz6rwD.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Reforma2018;src:url(/assets/Reforma2018-Negra-BkdCmQmb.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Thin-BQGyXcpw.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-ExtraBold-LoA67B-f.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans;src:url(/assets/NotoSans-VariableFont_wdth_wght-CYoOFcCZ.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}