:root{--navy:#17233d;--blue:#315caa;--pale:#eef3fb;--ink:#182033;--muted:#68748a;--line:#dbe3ef;--green:#167453;--red:#a83f48;--white:#fff}
*{box-sizing:border-box}html{background:#f7f9fc;overscroll-behavior-y:none}body{min-height:100vh;min-height:100dvh;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--ink);background:linear-gradient(135deg,#f8fafc,#edf3fb);font-family:Inter,Segoe UI,Arial,sans-serif}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}header{width:min(1160px,calc(100% - 36px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:grid;grid-template-columns:45px auto;color:var(--ink);text-decoration:none}.brand>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;color:white;background:var(--navy);border-radius:9px;font:700 22px Georgia}.brand b{font-size:19px}.brand small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.quiet-button,.secondary{padding:10px 15px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:700}
main{width:min(1160px,calc(100% - 36px));min-height:calc(100vh - 140px);margin:auto}.screen{display:none}.screen.active{display:flex}.hero{min-height:650px;align-items:center;gap:8%}.hero>div:first-child{flex:1.1}.kicker{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0;font-family:Georgia,serif;line-height:1.08}h1{font-size:clamp(45px,6vw,72px)}h2{font-size:clamp(38px,5vw,58px)}.lead{max-width:590px;margin:24px 0;color:var(--muted);font-size:19px;line-height:1.65}.stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.stats span{padding:9px 12px;background:white;border:1px solid var(--line);border-radius:8px;font-size:13px}.primary{min-height:50px;padding:0 23px;color:white;background:var(--blue);border:0;border-radius:10px;cursor:pointer;font-weight:800;box-shadow:0 5px 0 #23457f}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #23457f}.primary:disabled{opacity:.35;cursor:not-allowed}.hero-panel{position:relative;flex:.9;height:480px;overflow:hidden;background:var(--navy);border-radius:24px;box-shadow:0 25px 60px #17233d35}.large-letter{position:absolute;right:35px;bottom:-85px;color:#ffffff12;font:700 420px Georgia}.sample-word{position:absolute;top:110px;left:45px;padding:18px 22px;color:white;background:#ffffff12;border:1px solid #ffffff30;border-radius:12px;font:26px Georgia}.sample-word small{display:block;margin-top:5px;color:#aebddb;font:13px Inter,Arial}.sample-word.second{top:245px;left:150px}.install-tip{display:inline-block;margin-top:20px;padding:10px 13px;background:#e7edf8;border-radius:8px;font-size:12px}.hidden{display:none!important}
.levels-screen{padding:42px 0 80px;flex-direction:column}.section-heading{text-align:center}.section-heading>p:last-child{color:var(--muted)}.filters{display:flex;justify-content:center;gap:8px;margin:24px 0}.filter{padding:8px 15px;border:1px solid var(--line);border-radius:99px;background:white;cursor:pointer;font-weight:700}.filter.active{color:white;background:var(--navy)}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level-card{min-height:180px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:var(--ink);background:white;border:1px solid var(--line);border-radius:15px;cursor:pointer;text-align:left;transition:.15s}.level-card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 12px 25px #17233d15}.level-top{width:100%;display:flex;justify-content:space-between}.level-icon{font-size:27px}.cefr{padding:4px 7px;color:var(--blue);background:var(--pale);border-radius:5px;font-size:11px;font-weight:800}.level-card strong{font:700 21px Georgia}.level-card small{color:var(--muted)}.best{color:#8b6711!important;font-weight:700}
.quiz-screen{max-width:820px;margin:20px auto 70px;flex-direction:column}.quiz-header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:18px}.quiz-header p{margin:3px 0}.progress{height:9px;overflow:hidden;background:#dce4ef;border-radius:99px}.progress div{height:100%;width:0;background:var(--blue);transition:width .3s}.mastered{min-width:90px;padding:9px 14px;background:white;border:1px solid var(--line);border-radius:10px;text-align:center}.mastered small,.mastered strong{display:block}.mastered strong{font-size:25px}.quiz-card{padding:clamp(24px,5vw,48px);background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #17233d14;text-align:center}.prompt{margin:0;color:var(--muted)}.russian-word{margin:12px auto 24px;padding:8px 15px;display:inline-flex;gap:12px;align-items:center;color:var(--navy);background:transparent;border:0;border-radius:9px;cursor:pointer;font:700 clamp(34px,6vw,55px) Georgia}.russian-word:hover{background:var(--pale)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.answer{min-height:62px;padding:12px 16px;color:var(--ink);background:white;border:2px solid var(--line);border-radius:10px;cursor:pointer;text-align:left;font-weight:700}.answer:hover,.answer.selected{border-color:var(--blue);background:var(--pale)}.answer.correct{color:var(--green);border-color:#2f9d76;background:#eaf8f2}.answer.wrong{color:var(--red);border-color:#ca6871;background:#fff0f1}.feedback{min-height:27px;font-weight:800}.feedback.good{color:var(--green)}.feedback.bad{color:var(--red)}.full{width:100%}
.result-screen{min-height:650px;padding:45px 20px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-screen>p:not(.kicker){max-width:600px;color:var(--muted);font-size:18px;line-height:1.5}.result-score{margin:20px 0 27px;padding:22px 48px;background:white;border:1px solid var(--line);border-radius:14px}.result-score strong,.result-score small{display:block}.result-score strong{font:700 50px Georgia}.result-score small{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.1em}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}footer{padding:15px 20px 25px;color:#8a94a5;text-align:center;font-size:11px}
@media(max-width:850px){.hero{padding:40px 0;flex-direction:column}.hero-panel{width:100%;min-height:360px}.level-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){header{height:72px}.brand small{display:none}.quiet-button{font-size:12px}.level-grid{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.hero-panel{height:330px}.sample-word.second{left:70px}.level-card{min-height:145px}.primary,.secondary,.answer{min-height:54px}}@media(display-mode:standalone){.install-tip{display:none!important}}
.home-actions{display:flex;flex-wrap:wrap;gap:12px}.flag-practice span{display:inline-grid;min-width:25px;height:25px;margin-left:5px;place-items:center;color:white;background:var(--blue);border-radius:99px;font-size:12px}.flagged-banner{align-self:center;margin:24px 0;padding:12px 18px;display:flex;align-items:center;gap:10px;color:var(--navy);background:#fff8e8;border:1px solid #e3c979;border-radius:10px;cursor:pointer}.flagged-banner>span{color:#9b6e00;font-size:22px}.flagged-banner small{color:var(--muted)}.aspect-pair{margin:14px 0 25px;display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center}.aspect-word{min-height:110px;padding:15px;color:var(--navy);background:var(--pale);border:1px solid var(--line);border-radius:12px;cursor:pointer}.aspect-word small,.aspect-word strong,.aspect-word span{display:block}.aspect-word small{color:var(--blue);font:800 11px Inter,Arial;letter-spacing:.1em}.aspect-word strong{margin:8px 0;font:700 clamp(25px,4vw,38px) Georgia}.pair-arrow{color:var(--muted);font-size:26px}.flag-button{width:45px;height:45px;color:#8390a3;background:white;border:1px solid var(--line);border-radius:99px;cursor:pointer;font-size:24px}.flag-button.flagged{color:#9b6e00;background:#fff4cf;border-color:#d8b752}@media(max-width:620px){.aspect-pair{grid-template-columns:1fr 1fr}.pair-arrow{display:none}.flag-button{grid-column:1/3;justify-self:center}.aspect-word strong{font-size:25px}}
.home-actions{display:flex;flex-wrap:wrap;gap:12px}.flag-practice span{display:inline-grid;min-width:25px;height:25px;margin-left:5px;place-items:center;color:white;background:var(--blue);border-radius:99px;font-size:12px}.flagged-banner{align-self:center;margin:-8px 0 25px;padding:12px 18px;display:flex;align-items:center;gap:10px;color:var(--navy);background:#fff8e8;border:1px solid #e3c979;border-radius:10px;cursor:pointer}.flagged-banner>span{color:#9b6e00;font-size:22px}.flagged-banner small{color:var(--muted)}.word-row{display:flex;align-items:center;justify-content:center;gap:5px}.word-row .russian-word{margin-left:0;margin-right:0}.flag-button{width:45px;height:45px;margin-bottom:12px;color:#8390a3;background:white;border:1px solid var(--line);border-radius:99px;cursor:pointer;font-size:24px}.flag-button.flagged{color:#9b6e00;background:#fff4cf;border-color:#d8b752}