:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #297c72;outline-offset:3px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eaf1ee}.auth-panel{width:min(100%,410px);padding:40px;background:#fff;border:1px solid #d8e1dc;border-radius:8px;box-shadow:0 16px 45px #16342b1a}.brand-mark,.mini-brand{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#14756c;color:#fff;font-weight:800}.auth h1{margin:18px 0 8px;font-size:30px}.auth p{color:#62706c}.auth form{display:grid;gap:17px;margin:30px 0 18px}.auth label,.setting{display:grid;gap:7px;font-size:14px;font-weight:700}.auth input{border:1px solid #bac7c1;border-radius:5px;padding:12px}.auth small{color:#718079}.error{margin:0;color:#b13732!important}.app{min-height:100vh}.app-header{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100% - 1120px)/2));border-bottom:1px solid #dce4df;background:#fff}.app-header>div,.app-header nav{display:flex;align-items:center;gap:12px}.app-header strong{font-size:17px}.page-content{width:min(100% - 40px,1020px);margin:0 auto;padding:54px 0 80px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{margin:0 0 7px;color:#297c72;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.page-heading h1,.result h1{margin:0;font-size:34px;letter-spacing:0}.primary,.secondary,.text-button,.icon-button{border:0;border-radius:5px;min-height:44px}.primary{padding:11px 18px;background:#14756c;color:#fff;font-weight:750;box-shadow:0 2px #0b514b}.secondary{padding:11px 16px;background:#fff;color:#253631;border:1px solid #b9c7c0;font-weight:700}.text-button{padding:8px 9px;background:transparent;color:#286c63;font-weight:700}.icon-button{width:44px;padding:0;background:transparent;color:#286c63;font-size:27px}.danger{color:#a83d35}.lesson-list,.history,.users{display:grid;border-top:1px solid #d9e1dd}.lesson-row{min-height:74px;display:grid;grid-template-columns:72px 1fr auto 20px;gap:15px;align-items:center;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #d9e1dd;background:transparent;color:inherit}.lesson-row:hover{background:#edf5f1}.lesson-index{color:#14756c;font-weight:800}.lesson-name{display:grid;gap:3px;font-weight:750}.lesson-name small{color:#26776c;font-weight:600}.lesson-meta{color:#63726c;font-size:14px}.arrow{font-size:28px;color:#54716a}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;max-width:800px}.segment{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#e7eeea;border-radius:6px}.segment button{flex:1;min-height:40px;border:0;border-radius:4px;background:transparent;color:#4c5d57;white-space:nowrap}.segment button.active{background:#fff;color:#164d46;box-shadow:0 1px 3px #244d4130;font-weight:750}.helper{max-width:650px;padding:14px;background:#e5f1eb;color:#39564d}.start{margin-top:42px;min-width:185px}.study{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;background:#f5f7f6}.study-header{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;min-height:68px;padding:0 max(16px,calc((100% - 1120px)/2));border-bottom:1px solid #d7e1db;background:#fff}.study-header div{display:grid;gap:2px}.study-header span{color:#68766f;font-size:13px}.progress{text-align:right}.interrupt{color:#a83d35}.timer{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:8px max(24px,calc((100% - 1000px)/2));background:#fff4e9;color:#80531a;font-size:13px;font-weight:700}.timer span{display:inline-block;width:min(210px,30vw);height:6px;background:#d99237;transition:width 1s linear}.card-zones{width:min(100% - 40px,950px);align-self:center;display:grid;grid-template-rows:auto minmax(160px,1fr) minmax(160px,1fr);gap:16px;margin:28px auto 100px}.transcription{margin:0;color:#6a7771;font-size:17px;text-align:center}.phrase-zone{display:flex;flex-direction:column;justify-content:center;gap:15px;padding:clamp(28px,5vw,72px);border:1px solid #c9d7d0;border-radius:7px;background:#fff;color:#1a2925;text-align:center;font-size:clamp(25px,3vw,42px);font-weight:650;line-height:1.28}.phrase-zone.first{border-color:#96c5b9}.phrase-zone.second{background:#eef2f0;color:#688078}.phrase-zone.second.shown{background:#f8faf9;color:#1a2925}.zone-label{color:#49746a;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.reveal-hint{font-size:18px;font-weight:700}.controls{position:sticky;bottom:0;display:flex;justify-content:center;gap:12px;padding:16px max(20px,calc((100% - 950px)/2));border-top:1px solid #d7e1db;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls .primary,.controls .secondary{min-width:155px}.replay{border:1px solid #b9c7c0;background:#fff;font-size:18px}kbd{margin-left:8px;padding:2px 5px;border:1px solid #ffffff70;border-radius:3px;color:inherit;font-size:11px;font-family:inherit;font-weight:600}.secondary kbd{border-color:#bac7c1}.result{max-width:760px;margin:20px auto;text-align:center}.score{display:grid;margin:30px 0}.score strong{color:#14756c;font-size:72px;line-height:1}.score span,.metrics span{color:#64736d}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6dfda;border:1px solid #d6dfda}.metrics div{display:grid;gap:5px;padding:20px 10px;background:#fff}.metrics strong{font-size:28px}.mistake-list{margin-top:38px;text-align:left}.mistake-list h2{font-size:20px}.mistake-list article{display:grid;gap:5px;padding:16px;border-top:1px solid #d9e1dd}.mistake-list span{color:#63726c}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.history article,.users article{display:grid;grid-template-columns:140px 1fr auto;gap:15px;align-items:center;padding:17px 12px;border-bottom:1px solid #d9e1dd}.history span,.users span{color:#63726c}.users article{grid-template-columns:1fr 1fr auto auto}@media(max-width:620px){.auth-panel{padding:30px 24px}.app-header{padding:0 16px}.app-header nav button:nth-child(2){display:none}.page-content{width:min(100% - 32px,1020px);padding-top:32px}.page-heading{align-items:flex-start}.page-heading h1,.result h1{font-size:28px}.settings-grid{grid-template-columns:1fr;gap:20px}.lesson-row{grid-template-columns:52px 1fr 18px}.lesson-meta{grid-column:2}.arrow{grid-column:3;grid-row:1 / 3}.card-zones{width:calc(100% - 24px);margin:16px auto 84px;gap:10px}.phrase-zone{min-height:190px;padding:28px 20px;font-size:28px}.controls{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.controls .primary,.controls .secondary{min-width:0;padding:10px}.controls kbd{display:none}.metrics{grid-template-columns:1fr 1fr}.history article,.users article{grid-template-columns:1fr auto}.history article b{grid-column:1 / -1}.users article button{justify-self:start}.result-actions{flex-direction:column}}.catalog-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center;margin-bottom:24px}.catalog-tools input{min-height:44px;width:100%;border:1px solid #bac7c1;border-radius:5px;padding:0 12px;background:#fff}.catalog-tabs,.catalog-sort{flex-wrap:nowrap}.lesson-status{justify-self:end;color:#60716b;font-size:14px;font-weight:750}.lesson-status.completed{color:#286c63}.lesson-status.inProgress{color:#80531a}.catalog-empty{padding:36px 12px;color:#63726c;text-align:center}@media(max-width:760px){.catalog-tools{grid-template-columns:1fr}.catalog-tabs,.catalog-sort{overflow-x:auto}.lesson-row{grid-template-columns:60px 1fr auto 18px}.lesson-status{font-size:13px}}@media(max-width:620px){.lesson-row{grid-template-columns:52px 1fr 18px}.lesson-status{grid-column:2;justify-self:start}.lesson-row .arrow{grid-column:3;grid-row:1 / 3}}.study-header{grid-template-columns:auto 1fr auto auto}.study-header .progress,.study-header .study-task{text-align:right}.study-task{min-width:126px}.study{grid-template-rows:auto auto minmax(0,1fr) auto}.card-zones{grid-row:3}.controls{grid-row:4}.phrase-zone{overflow-wrap:anywhere;text-wrap:balance}.lesson-name{min-width:0}.folder-icon{display:grid;place-items:center;width:28px;height:24px;border:1px solid #8fb6ab;border-radius:3px;color:#14756c;font-size:17px}.folder-row{background:#f7fbf9}.catalog-back{margin:-12px 0 16px;padding-left:0}.admin-form{display:grid;gap:14px;max-width:520px;margin-bottom:34px;padding:22px;border:1px solid #d9e1dd;background:#f7fbf9}.admin-form h2{margin:0 0 4px;font-size:20px}.admin-form label{display:grid;gap:7px;font-size:14px;font-weight:700}.admin-form input{min-height:44px;border:1px solid #bac7c1;border-radius:5px;padding:0 12px;background:#fff}.admin-form div{display:flex;gap:8px;align-items:center}.password-input{position:relative;display:block}.password-input input{width:100%;padding-right:48px}.visibility-button{position:absolute;top:4px;right:4px;width:36px;height:36px;border:0;border-radius:4px;background:transparent;color:#286c63;font-size:20px}.visibility-button:hover{background:#e5f1eb}.admin-form .admin-role{display:flex;align-items:center;gap:9px;width:fit-content;cursor:pointer}.admin-form .admin-role input{min-height:auto;width:18px;height:18px;padding:0;accent-color:#14756c}.timing-settings{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:14px;margin-top:24px}.timing-settings input{min-height:44px;width:100%;border:1px solid #bac7c1;border-radius:5px;padding:0 12px;background:#fff}@media(max-width:620px){.timing-settings{grid-template-columns:1fr}}.history>article{display:block;padding:0}.history-row{display:grid;grid-template-columns:1fr auto;gap:5px 18px;width:100%;padding:17px 12px;border:0;border-bottom:1px solid #d9e1dd;background:transparent;color:inherit;text-align:left}.history-row:hover{background:#edf5f1}.history-row span,.history-row small{color:#63726c}.history-row small{grid-column:1 / -1}.history-row b{grid-column:2;grid-row:1 / 3;align-self:center;color:#286c63}.history .mistake-list{margin:0 12px 18px}.cache-progress{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;gap:12px;align-items:center;margin:-8px 0 28px;color:#476158;font-size:14px;font-weight:700}.cache-progress div{height:7px;overflow:hidden;border-radius:4px;background:#dce8e2}.cache-progress i{display:block;height:100%;background:#14756c;transition:width .2s ease}.cache-progress b{color:#286c63;font-size:13px}@media(max-width:620px){.cache-progress{grid-template-columns:1fr auto}.cache-progress div{grid-column:1 / -1;grid-row:2}}