*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#e8fff2,#dbeafe);color:#102a2a;font-family:Inter,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#0c302b;color:#fff;font-weight:900}header a{color:#ffd166;text-decoration:none}main{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:24px;max-width:1120px;margin:50px auto;padding:0 20px}.lesson-card,aside{border:1px solid #0f513233;border-radius:24px;background:#ffffffd9;padding:30px;box-shadow:0 18px 55px #173f3a22}.subject{color:#0b7a53;font-weight:950;letter-spacing:.12em}.lesson-card h1{font-size:clamp(28px,5vw,48px);line-height:1.12}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answers button,.next{border:2px solid #0b7a5355;border-radius:14px;background:#effcf5;padding:16px;color:#14352f;font:800 17px inherit;cursor:pointer}.answers button:hover{background:#d9fbe8}.answers button.correct{background:#bbf7d0;border-color:#16a34a}.answers button.wrong{background:#fecaca;border-color:#dc2626}.explanation{margin:20px 0;padding:17px;border-radius:14px;background:#fff5c7;font-size:17px;line-height:1.5}.next{background:#173f3a;color:#fff}.grade-picker{display:grid;gap:7px;margin:16px 0;font-weight:900}.grade-picker select{padding:11px;border:1px solid #0b7a5355;border-radius:10px;background:#effcf5;color:#14352f;font:inherit}.goal{height:18px;border-radius:10px;background:#d6e5df;overflow:hidden}.goal i{display:block;height:100%;width:0;background:#22c55e;transition:width .3s}.hidden{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr;margin-top:22px}.answers{grid-template-columns:1fr}header{gap:12px;padding:14px;font-size:13px}}