*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f4f7fb;color:#142033}.app{width:min(1050px,calc(100% - 28px));margin:32px auto}.hero,.card,.controls{background:#fff;border:1px solid #e5ebf3;border-radius:24px;box-shadow:0 12px 35px rgba(20,32,51,.08)}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px}.eyebrow{margin:0 0 8px;color:#2b6dd8;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1}.subtitle{margin:12px 0 0;color:#617086}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stats span{padding:10px 14px;border-radius:999px;background:#eef4ff;color:#2459ad;font-weight:700}.controls{margin-top:18px;padding:18px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.check{display:flex;gap:9px;align-items:center;color:#36465c}.card{margin-top:18px;padding:28px}.hidden{display:none!important}.progress-meta{display:flex;justify-content:space-between;color:#617086;font-weight:700;font-size:14px;margin-bottom:8px}.progress{height:10px;background:#e9eef6;border-radius:999px;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,#3c7be8,#24b47e);transition:width .25s}.source{color:#7a8798;font-weight:700;margin:22px 0 8px}h2{font-size:clamp(21px,2.5vw,30px);line-height:1.25;margin:0 0 16px}.hint{margin:0 0 12px;color:#7a4b00;background:#fff8e8;padding:10px 12px;border-radius:12px}.answers{display:grid;gap:12px}.answer{display:flex;gap:12px;align-items:flex-start;width:100%;padding:15px 16px;border:2px solid #e3e9f2;border-radius:16px;background:#fbfdff;text-align:left;cursor:pointer;transition:.15s;font-size:16px;line-height:1.35}.answer:hover{border-color:#a8c4f6;transform:translateY(-1px)}.answer input{margin-top:3px;accent-color:#2b6dd8;flex:0 0 auto}.answer.correct{border-color:#24b47e;background:#ecfff7}.answer.wrong{border-color:#e04f5f;background:#fff0f2}.feedback{margin-top:16px;padding:14px 16px;border-radius:16px;font-weight:700}.feedback.good{background:#eafff5;color:#087246}.feedback.bad{background:#fff1f2;color:#a52232}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}button{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer;font-size:15px}.primary{background:#2b6dd8;color:#fff}.secondary{background:#eaf1fb;color:#1d4c94}.primary:hover,.secondary:hover{filter:brightness(.97)}button:disabled{opacity:.45;cursor:not-allowed}.big{font-size:42px;font-weight:900;margin:4px 0 6px}.mistakes{margin-top:22px;display:grid;gap:14px}.mistake{border:1px solid #e5ebf3;border-radius:16px;padding:16px;background:#fbfdff}.mistake h3{margin:0 0 10px;font-size:18px}.mistake p{margin:6px 0}.ok{color:#087246;font-weight:800}.badtext{color:#a52232;font-weight:800}@media(max-width:720px){.hero{align-items:flex-start;flex-direction:column}.stats{justify-content:flex-start}.controls{align-items:stretch}.controls>*{width:100%}.card{padding:20px}.actions button{width:100%}}.mode-card{display:flex;flex-direction:column;gap:7px;min-width:220px}.mode-card label{font-size:13px;font-weight:800;color:#617086;text-transform:uppercase;letter-spacing:.04em}.mode-card select{width:100%;border:2px solid #e3e9f2;border-radius:14px;background:#fbfdff;padding:12px 14px;font:inherit;font-weight:700;color:#142033;outline:none}.mode-card select:focus{border-color:#a8c4f6}