@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url('nunito-400.ttf') format('truetype')}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url('nunito-500.ttf') format('truetype')}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url('nunito-600.ttf') format('truetype')}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url('nunito-700.ttf') format('truetype')}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url('nunito-800.ttf') format('truetype')}

:root{font-family:Nunito,Arial,sans-serif;color:#242a39;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}aside{width:248px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid #e9ebf3;padding:37px 22px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;color:#7560d9;font-size:36px;font-weight:800}.brand span{font-size:24px;letter-spacing:-1px;color:#2a2c40}.subtitle{font-size:9px;letter-spacing:1.7px;margin:12px 0 43px 12px;color:#9396a5}nav{display:grid;gap:9px}nav button{background:none;border:0;text-align:left;padding:15px 12px;border-radius:12px;font-size:12px;font-weight:700;color:#858799}nav button.active{background:#eeeafa;color:#7460cc}nav b{background:#e2dcf6;border-radius:6px;padding:2px 5px;font-size:10px}.aside-bottom{position:absolute;bottom:32px;left:33px;color:#72768a;font-size:12px;line-height:1.8}.aside-bottom strong{color:#454b61}.planet{display:block;font-size:42px;margin-bottom:15px}main{margin-left:248px;padding:0 46px;width:calc(100% - 248px);max-width:1600px}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9f1;color:#989baa;font-size:10px;letter-spacing:1.5px}.profile{display:flex;align-items:center;gap:22px;letter-spacing:0;color:#a87c30;font-size:12px;font-weight:800}.profile i{font-style:normal;border:4px solid white;background:#e6e1fa;color:#7862cb;border-radius:50%;padding:10px 14px}h1{font-size:34px;letter-spacing:-1.2px;margin:32px 0 8px}p{color:#8a8d9f;font-size:13px;line-height:1.8;margin-top:0}.topline{display:flex;justify-content:space-between;align-items:center}.date{background:white;border:1px solid #e8e9f0;border-radius:9px;padding:10px;color:#85889a;font-size:11px}.hero{background:#eeebfb;border-radius:22px;padding:32px 36px;position:relative;overflow:hidden;margin:24px 0;min-height:222px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8c7bc9}.hero h2{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:12px 0}.hero p{color:#8b83a6}.hero .orbit{position:absolute;width:240px;height:240px;border:1px solid #d6cef2;border-radius:50%;right:45px;top:5px;transform:rotate(-25deg)}.orbit:before{content:'А';position:absolute;inset:42px;border-radius:35px;display:grid;place-items:center;background:#8170d4;color:white;font-size:96px;font-weight:800;box-shadow:14px 18px 0 #dfd8f5;transform:rotate(12deg)}.orbit:after{content:'✦';position:absolute;right:-12px;top:15px;font-size:48px;color:#e7b85e}.hero small{position:absolute;right:19px;bottom:23px;background:white;padding:12px 18px;border-radius:13px;transform:rotate(-7deg);color:#8d78cc;font-weight:800}.primary{border:0;background:#7c67cf;color:white;font-weight:700;border-radius:11px;padding:14px 23px;font-size:12px;box-shadow:0 4px 0 #6c57bf}.primary:hover{background:#6d58c1}.section-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 15px}.section-title h2{font-size:17px;margin:0}.section-title span{font-size:11px;color:#9699aa}.grades{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.grade{background:white;border:1px solid #e6e8f0;border-radius:13px;padding:18px 10px;color:#84889a;font-size:11px}.grade strong{display:block;font-size:24px;color:#454b60;margin-bottom:4px}.grade.selected{border:2px solid #9986df;background:#f3f0fc;position:relative}.grade.selected strong{color:#7c65ca}.grade.selected:after{content:'✓';position:absolute;right:8px;top:6px;color:#8a73d5}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.card{background:white;border:1px solid #e7e9f2;border-radius:16px;padding:23px;text-align:left;position:relative}.card h3{font-size:15px;margin:17px 0 9px}.card p{font-size:11px;min-height:38px}.card .icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font-size:22px;background:#eeeafa;color:#8a72d4}.card:nth-child(2) .icon{background:#e7f4ef;color:#5b9d87}.card:nth-child(3) .icon{background:#fff3dd;color:#c49a4e}.card .go{font-size:11px;color:#8d75d2;font-weight:800}.stats{display:flex;gap:15px;margin:23px 0}.stat{flex:1;border-radius:13px;background:white;border:1px solid #e8e9f0;padding:18px;font-size:11px;color:#9396a6}.stat strong{display:block;color:#52596f;font-size:23px;margin-bottom:5px}footer{display:flex;justify-content:space-between;font-size:9px;color:#a0a3b1;padding:28px 0;gap:10px}.panel{background:white;border:1px solid #e4e6ef;border-radius:22px;padding:32px;margin-top:24px}.exercise{text-align:center;max-width:740px;margin:25px auto}.word{font-size:44px;font-weight:800;letter-spacing:3px;margin:36px 0 20px}.exercise input{width:min(100%,350px);border:2px solid #ded8f0;border-radius:12px;padding:15px;text-align:center;display:block;margin:16px auto;font-size:23px}.options{display:flex;gap:15px;justify-content:center}.options button{background:#f2eefb;border:2px solid #e0d9f4;padding:15px 30px;border-radius:12px;font-size:25px;color:#7561bd}.feedback{padding:17px;background:#f2f5fa;border-radius:12px;margin:20px 0;line-height:1.8}.muted{font-size:12px;color:#9095a6}.bar{height:7px;background:#eae6f5;border-radius:10px;overflow:hidden}.bar span{display:block;background:#9c89db;height:100%}.secondary{border:1px solid #ddd8ed;background:white;border-radius:10px;padding:12px 20px;color:#8271ae}.wordlist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.entry{background:#f7f6fc;border-radius:12px;padding:17px;font-weight:700}.entry small{display:block;font-weight:400;color:#9395a4;font-size:10px;margin-top:6px}input.search{width:100%;padding:14px;border:1px solid #dddfea;border-radius:10px;margin:12px 0}button:focus-visible,a:focus-visible{outline:3px solid #b8a2ed;outline-offset:4px}@media(min-width:1450px){main{padding:0 70px}}@media(max-width:1050px){aside{width:200px;padding:30px 15px}.brand span{font-size:21px}main{margin-left:200px;width:calc(100% - 200px);padding:0 25px}.hero .orbit{right:15px;opacity:.65}.hero h2,.hero p,.hero button{position:relative;z-index:2}.hero h2{max-width:360px}.grid{gap:10px}.card{padding:18px}}@media(max-width:740px){aside{position:static;width:100%;padding:16px;border:0}.brand{font-size:25px}.subtitle,.aside-bottom{display:none}body{display:block}nav{display:flex;margin-top:15px;overflow:auto}nav button{white-space:nowrap;font-size:10px;padding:10px}main{margin:0;width:100%;padding:0 18px}header{height:65px}h1{font-size:27px}.date{display:none}.hero{padding:25px;min-height:250px}.hero .orbit{width:170px;height:170px;right:-70px;top:40px;opacity:.35}.hero h2{font-size:24px}.hero small{display:none}.grades{gap:6px}.grade{padding:14px 4px;font-size:9px}.grade strong{font-size:20px}.grid{grid-template-columns:1fr}.card p{min-height:0}.card .go{position:absolute;right:20px;top:35px}.card h3{margin-top:12px}.stats{gap:6px}.stat{padding:13px;font-size:9px}footer{display:block;line-height:2}footer span{display:block}.wordlist{grid-template-columns:1fr 1fr}.panel{padding:20px}.word{font-size:32px}}

.install-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e6e2f2;border-radius:14px;padding:17px 20px;margin-top:22px}.install-strip strong{display:block;font-size:13px}.install-strip small{display:block;color:#85809a;font-size:10px;margin-top:7px}.install-strip button{font-size:11px;white-space:nowrap}dialog{border:0;border-radius:20px;max-width:480px;width:calc(100% - 32px);padding:28px;box-shadow:0 12px 70px #27213b55;color:#33384c}dialog::backdrop{background:#25213f77}dialog h2{font-size:21px}dialog p{color:#74788b}dialog button{width:100%}[hidden]{display:none!important}@media(max-width:740px){.install-strip{align-items:flex-start;flex-direction:column;padding:16px}.install-strip button{width:100%}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}input{font-size:16px}}
/* Более удобный размер текста на телефонах и компьютерах */
.subtitle{font-size:11px;letter-spacing:1px}nav button{font-size:14px}nav b{font-size:12px}.aside-bottom{font-size:14px}header{font-size:12px;letter-spacing:1px}.profile{font-size:14px}p{font-size:15px}.date{font-size:13px}.eyebrow{font-size:12px}.primary{font-size:14px}.section-title span{font-size:13px}.grade{font-size:13px}.card h3{font-size:17px}.card p{font-size:14px;min-height:50px}.card .go{font-size:14px}.stat{font-size:13px}footer{font-size:12px;line-height:1.7}.muted{font-size:14px}.entry small{font-size:13px}.install-strip strong{font-size:15px}.install-strip small{font-size:13px;line-height:1.6}.install-strip button{font-size:14px}.secondary{font-size:14px}
@media(max-width:740px){nav button{font-size:12px;padding:12px 10px}header{font-size:11px;letter-spacing:.5px}.grade{font-size:12px}.card p{min-height:0}.card .go{position:static;display:block;margin-top:12px}.stat{font-size:12px}.section-title{gap:12px;align-items:flex-start}.section-title span{font-size:12px}.wordlist{grid-template-columns:1fr 1fr}.entry{padding:14px}.entry small{font-size:12px}footer{font-size:12px}.install-strip small{font-size:13px}}
.brand img{flex-shrink:0;display:block;border-radius:12px}.brand{gap:9px}@media(max-width:740px){.brand img{width:40px;height:40px}}
.answer-label{display:block;font-size:15px;font-weight:700;color:#65558e}.exercise #answer{font-size:21px;max-width:100%;width:410px;background:#faf8ff;min-height:60px}.exercise #answer::placeholder{font-size:15px;color:#8b819f}.exercise #answer:focus{outline:3px solid #c2b2ef;outline-offset:3px}.exercise #answerForm button{min-height:48px;min-width:180px}.options button{min-width:64px;min-height:60px;touch-action:manipulation}
.hero .orbit:before{content:"";background:#e6f7f3 url("logo.svg") center/contain no-repeat;font-size:0}.hero small{color:#438f82}