@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-cyrillic-ext-wght-normal-BnWI7fIG.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-cyrillic-wght-normal-bgdX5wL6.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-greek-wght-normal-M9Lxztrh.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-vietnamese-wght-normal-DEkWUU3X.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-latin-ext-wght-normal-rva7dkhN.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/commissioner-latin-wght-normal-BAwLJtOy.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg: var(--tg-theme-bg-color, #ffffff);--surface: var(--tg-theme-secondary-bg-color, #f4f4f5);--fg: var(--tg-theme-text-color, #000000);--muted: var(--tg-theme-hint-color, #6f7479);--accent: var(--tg-theme-button-color, #2f6f62);--accent-fg: var(--tg-theme-button-text-color, #ffffff);--danger: var(--tg-theme-destructive-text-color, #d1453b);--rule: color-mix(in oklab, var(--fg) 12%, transparent);--step--1: 13px;--step-0: 16px;--step-1: 20px;--step-2: 26px;--step-3: 44px;--gap: 16px;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Commissioner Variable,system-ui,-apple-system,sans-serif;font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:10px var(--gap)}.progress{flex:1;height:2px;background:var(--rule)}.progress__fill{height:100%;background:var(--accent);transition:width .2s ease}.topbar__count{font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums}.topbar__menu{border:0;background:none;color:var(--muted);font:inherit;font-size:var(--step-1);line-height:1;padding:4px 6px;cursor:pointer}.card{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:24px var(--gap) 0}.card__word{margin:0;font-size:var(--step-3);font-weight:300;letter-spacing:-.02em;line-height:1.05;overflow-wrap:anywhere}.card__ipa{display:flex;align-items:center;gap:10px;margin:6px 0 0;font-size:var(--step--1);color:var(--muted)}.card__say{border:0;border-radius:999px;padding:3px 9px;background:var(--surface);color:var(--muted);font:inherit;font-size:11px;line-height:1.4;cursor:pointer}.card__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.card__answer[data-open=true]{grid-template-rows:1fr}.card__answer>div{overflow:hidden}.card__translation{margin:0;font-size:var(--step-2);font-weight:600;line-height:1.25}.card__alternatives{margin:6px 0 0;color:var(--muted)}.card__definition{margin:10px 0 0;color:var(--muted);max-width:34em}.card__sentence{margin:0;font-style:italic;max-width:34em}.card__source{display:flex;align-items:stretch;gap:10px;font-size:var(--step--1);color:var(--muted)}.card__source:before{content:"";width:2px;border-radius:1px;background:var(--source, var(--rule))}.actions{padding:12px var(--gap) calc(12px + env(safe-area-inset-bottom))}.primary{width:100%;padding:15px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);font:inherit;font-weight:600;cursor:pointer}.primary:disabled{opacity:.5;cursor:default}.gradebar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grade{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border:0;border-radius:var(--radius);font:inherit;cursor:pointer}.grade:disabled{opacity:.5;cursor:default}.grade[data-rating="1"]{background:color-mix(in oklab,var(--accent) 88%,var(--bg));color:var(--accent-fg)}.grade[data-rating="2"]{background:color-mix(in oklab,var(--accent) 60%,var(--bg));color:var(--accent-fg)}.grade[data-rating="3"]{background:color-mix(in oklab,var(--accent) 34%,var(--bg));color:var(--fg)}.grade[data-rating="4"]{background:color-mix(in oklab,var(--accent) 16%,var(--bg));color:var(--fg)}.grade__interval{font-size:var(--step-0);font-weight:600;font-variant-numeric:tabular-nums}.grade__label{font-size:var(--step--1);opacity:.85}.notice{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px;text-align:center}.notice__title{margin:0;font-size:var(--step-1);font-weight:600}.notice__body{margin:0;color:var(--muted);max-width:30em}.error{margin:0;color:var(--danger);font-size:var(--step--1)}.screen{display:flex;flex-direction:column;gap:20px;padding:8px var(--gap) calc(24px + env(safe-area-inset-bottom))}.screen__title{margin:0;font-size:var(--step-1);font-weight:600}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--step--1);color:var(--muted)}.field input,.field select{font:inherit;padding:11px 12px;border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface);color:var(--fg)}.rows{display:flex;flex-direction:column}.row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--gap);padding:12px 0;border-bottom:1px solid var(--rule)}.row__label{color:var(--muted)}.row__value{font-weight:600;font-variant-numeric:tabular-nums}.menu{display:flex;flex-direction:column}.menu__item{border:0;border-bottom:1px solid var(--rule);background:none;color:var(--fg);font:inherit;text-align:left;padding:16px 0;cursor:pointer}
