:root{color-scheme:dark;--bg:#101823;--panel:#182331;--line:#33404e;--text:#f3f6fa;--muted:#aab7c7;--lime:#d4fa58}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{border:0}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){filter:brightness(1.07)}[hidden]{display:none!important}.app{max-width:1240px;margin:auto;padding:0 40px}header{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:.09em}.brand-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--lime);color:var(--bg);border-radius:12px;font-weight:900;font-size:30px;transform:skew(-5deg)}.wordmark small{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);font-weight:500;margin-top:3px}.languages{display:flex;gap:8px;align-items:center}.languages span{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:6px;padding:5px 7px}.languages i{font-size:13px;color:var(--muted);font-style:normal;margin-left:12px}.intro{display:flex;align-items:end;justify-content:space-between;padding:14px 0 14px;gap:20px}.eyebrow{color:var(--lime);font-size:12px;letter-spacing:.15em;font-weight:700}h1{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 0}h2{font-size:36px;letter-spacing:-.04em;margin:4px 0}h3{font-size:20px;margin:0}.intro p{color:var(--muted);font-size:14px;margin:0}.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.groups button{padding:12px 18px;display:flex;align-items:center;gap:15px;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;transition:background .15s}.groups button[aria-pressed=true]{border-color:var(--lime);background:#252f24}.group-number{color:var(--muted);font-size:14px;align-self:flex-start;margin-top:3px}.groups button[aria-pressed=true] .group-number{color:var(--lime)}.groups strong{font-size:16px;display:block}.groups small{font-size:12px;color:var(--muted);display:block;margin-top:3px}.group-count{font-size:12px;color:var(--muted);margin-left:auto}.exercise{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.exercise-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.modes{display:flex;padding:4px;background:#101823;border-radius:9px;gap:3px}.modes button{border-radius:6px;padding:9px 18px;background:transparent;color:var(--muted);font-size:14px;font-weight:600}.modes button[aria-pressed=true]{background:#e7edf5;color:#16202d}#round{font-size:13px;color:var(--muted)}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em;color:var(--muted);margin-bottom:9px}#position{font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.03em}.progress-track{height:3px;background:#344353;overflow:hidden;border-radius:2px;margin-bottom:14px}#progress{height:100%;background:var(--lime);transition:width .15s}.flashcard{height:310px;width:100%;position:relative;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.flashcard img{display:block;width:64%;height:62%;object-fit:contain}.flashcard.car img{width:100%;height:100%;object-fit:contain}.flashcard.car{background:#e9edf0}.flashcard.revealed{cursor:default}.reveal-hint{position:absolute;bottom:15px;background:#f2f5f8ed;color:#536073;border:1px solid #dae0e8;border-radius:30px;padding:7px 14px;font-size:13px}.reveal-hint span{margin-right:6px}.navigation{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:14px;margin-top:18px}.navigation button{padding:13px 18px;border-radius:8px;font-size:15px;font-weight:600}.quiet{background:transparent;color:var(--muted);text-align:left}.primary{background:var(--lime);color:#1c2816}.primary span{margin-left:16px}.next{background:#2e4053;color:var(--text);text-align:right}.next span{margin-left:20px}.under-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:12px}.text-button{background:none;color:var(--muted);font-size:13px;padding:5px 0}.answer{margin-top:30px}.answer-heading{display:flex;justify-content:space-between;align-items:center}.answer-heading p{color:var(--muted);margin:0}.answer-heading img{width:100px;height:74px;object-fit:contain;background:white;border-radius:8px;padding:10px}.translations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.translation{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:left;display:flex;align-items:center;gap:12px}.translation .lang{color:var(--lime);font-size:12px;align-self:start;padding-top:4px}.translation strong{font-size:20px;display:block}.translation small{font-size:13px;color:var(--muted);display:block;margin-top:3px}.translation .sound{margin-left:auto;color:var(--muted)}.speech-note{color:var(--muted);font-size:12px;margin-top:9px}.models-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.models-heading span{font-size:12px;color:var(--muted)}.models{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.model{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.model button{width:100%;padding:0;background:#e9edf0;display:block}.model img{width:100%;height:130px;object-fit:contain;display:block}.model strong{font-size:14px;font-weight:500;display:block;padding:12px;overflow-wrap:anywhere}.credits{margin:20px 0;color:var(--muted);font-size:13px}.credits p{margin:7px 0;overflow-wrap:anywhere}.credits a,footer a{color:#d5e4f7}summary{cursor:pointer}footer{margin:30px 0 40px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:24px}footer details{max-width:640px}footer summary{text-align:right}footer p{font-size:13px}dialog{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel);color:var(--text);max-width:min(1000px,94vw);width:1000px}dialog::backdrop{background:#060b13de}#close-dialog{position:absolute;right:22px;top:22px;width:38px;height:38px;background:#101823dc;color:white;border-radius:50%;z-index:2}#large-photo{width:100%;max-height:72vh;object-fit:contain;background:#e9edf0;display:block;border-radius:7px}.dialog-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 3px 2px}.dialog-caption a{font-size:13px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.flashcard{height:370px}}@media(max-width:850px){.app{padding:0 24px}.languages i{display:none}.groups button{gap:10px;padding:14px 12px}.groups small{font-size:11px}.group-count{display:none}.models{grid-template-columns:repeat(3,1fr)}.translation{padding:13px;gap:8px}.translation strong{font-size:18px}.translation small{font-size:12px}.models-heading span{display:none}}@media(max-width:600px){.app{padding:0 14px}header{height:60px}.wordmark{font-size:15px}.wordmark small{font-size:8px}.brand-icon{width:36px;height:36px;font-size:26px}.languages{gap:4px}.languages span{font-size:10px;padding:4px}.intro{padding:12px 0 14px;display:block}.intro p{margin-top:10px;font-size:12px}h1{font-size:28px}.groups{gap:7px;margin-bottom:18px}.groups button{padding:10px 8px;gap:4px;display:block}.group-number{font-size:11px}.groups strong{font-size:12px;margin-top:5px}.groups small{display:none}.exercise{padding:13px;border-radius:13px}.exercise-top{gap:8px;margin-bottom:15px}.modes button{padding:9px 11px;font-size:12px}#round{font-size:11px}.flashcard{height:265px}.flashcard img{width:78%;height:62%}.navigation{gap:6px;grid-template-columns:.5fr 1.4fr 1fr}.navigation button{padding:12px 8px;font-size:12px}.quiet span{display:none}.next span{margin-left:5px}.primary span{margin-left:4px}.under-controls>span{display:none}.answer-heading img{width:80px;height:65px}h2{font-size:30px}.translations{grid-template-columns:1fr;gap:8px}.translation{padding:12px 14px}.translation strong{font-size:19px}.translation small{display:inline;margin:0}.translation .lang{width:26px}.speech-note{font-size:12px}.models{grid-template-columns:repeat(2,1fr);gap:9px}.model img{height:120px}.models-heading h3{font-size:18px}footer{display:block}footer details{margin-top:12px}footer summary{text-align:left}.dialog-caption{display:block}.dialog-caption a{display:block;margin-top:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}} 

.answer{scroll-margin-top:24px}.exercise{scroll-margin-top:16px}.answer-next{background:var(--lime);color:#1c2816;border-radius:8px;padding:14px 24px;margin-top:22px;font-weight:600;width:100%}

.country-flag{font-size:.78em;vertical-align:.06em;white-space:nowrap}
/* Interface preferences: Ukrainian and daylight on every initial visit. */
:root{--accent-ink:#d4fa58;--control-bg:#101823;--selected-bg:#252f24;--next-bg:#2e4053;--track:#344353;--link:#d5e4f7}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f7fa;--panel:#ffffff;--line:#d6dee8;--text:#172333;--muted:#536377;--accent-ink:#53730d;--control-bg:#eaf0f6;--selected-bg:#edf5db;--next-bg:#e0e8f2;--track:#dce4ee;--link:#255b92}
header{min-height:66px;height:auto;padding:10px 0;gap:18px}.wordmark{font-size:clamp(13px,1.6vw,18px);letter-spacing:.035em}.wordmark>span:last-child{max-width:260px}.brand-icon{flex-shrink:0;color:#121b28}.header-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-controls select{font:inherit;font-size:13px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;max-width:140px}.theme-switch{display:flex;gap:3px;padding:3px;background:var(--control-bg);border:1px solid var(--line);border-radius:9px}.theme-switch button{background:transparent;color:var(--muted);padding:6px 9px;font-size:13px;border-radius:6px;white-space:nowrap}.theme-switch button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #0002}.eyebrow,.translation .lang,.groups button[aria-pressed=true] .group-number{color:var(--accent-ink)}.groups button[aria-pressed=true]{background:var(--selected-bg)}:root[data-theme="light"] .groups button[aria-pressed=true]{border-color:#789d21}.modes{background:var(--control-bg)}.next{background:var(--next-bg)}.progress-track{background:var(--track)}:root[data-theme="light"] .modes button[aria-pressed=true]{background:#fff;color:#172333;box-shadow:0 1px 4px #0002}:root[data-theme="light"] #progress{background:#789d21}.credits a,footer a{color:var(--link)}.header-controls select:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}:root[data-theme="light"] button:focus-visible,:root[data-theme="light"] a:focus-visible,:root[data-theme="light"] summary:focus-visible{outline-color:#668c12}.intro h1{margin-top:0}
@media(max-width:700px){header{flex-wrap:wrap;gap:8px;padding:10px 0}.wordmark{font-size:14px}.wordmark>span:last-child{max-width:none}.header-controls{margin-left:auto;gap:8px}.theme-switch button{font-size:12px;padding:6px 8px}.header-controls select{font-size:12px;padding:7px}.brand-icon{width:34px;height:34px;font-size:25px}}
@media(max-width:430px){.header-controls{width:100%;justify-content:space-between}.wordmark{font-size:15px}.theme-switch button{padding:6px 12px}}

.trainer-link{font-size:14px;white-space:nowrap;text-decoration:none;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:inherit}.trainer-link:hover{opacity:.75}