:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#f4f8ff;color:#233153}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #ffb75b;outline-offset:3px}.wrap{max-width:1020px;margin:auto;padding:20px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.logo{font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:-1px}.muted{color:#6b7896}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:16px;padding:13px 20px;font-weight:800;background:#4568de;color:white}.btn.alt{background:white;border:2px solid #dce5f8;color:#3954a4}.hero{margin:20px 0;padding:28px;background:linear-gradient(120deg,#3d79e0,#8c60d6);color:white;border-radius:28px}.hero h1{margin:0 0 8px;font-size:clamp(27px,5vw,42px)}.hero p{margin:0;line-height:1.5;max-width:650px}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.stat{background:#ffffff28;padding:8px 13px;border-radius:20px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{border:2px solid #e1e8f6;background:white;border-radius:23px;padding:20px;text-align:left;min-height:174px;transition:.15s}.tile:hover{transform:translateY(-3px);border-color:#99aef5}.tile .em{font-size:43px;display:block;margin-bottom:10px}.tile strong{display:block;font-size:19px}.tile small{display:block;color:#71809b;margin-top:7px;line-height:1.45}.tile .done{color:#3977cd;font-size:12px;font-weight:800;margin-top:9px}.panel{background:white;border:2px solid #e2eafa;border-radius:26px;padding:clamp(17px,4vw,33px);margin-top:16px;box-shadow:0 12px 30px #395c9810}.hidden{display:none!important}.bar{height:13px;background:#e9eef9;border-radius:99px;overflow:hidden;margin:15px 0}.fill{height:100%;background:linear-gradient(90deg,#5eceae,#77b8ff);transition:width .2s}.qhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.big{font-size:clamp(44px,9vw,83px);line-height:1.2;margin:14px 0;text-align:center}.word{font-weight:900;font-size:clamp(29px,5vw,48px);text-align:center;margin:13px 0}.prompt{text-align:center;font-size:clamp(19px,3vw,25px);font-weight:750;margin:12px 0;color:#25395f}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px auto;max-width:730px}.choice{border:3px solid #dfe7f7;border-radius:18px;min-height:78px;background:#fafcff;color:#263758;padding:12px;font-size:clamp(18px,3vw,23px);font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;transition:.15s}.choice:hover:not(:disabled){border-color:#6995ef;background:#eef5ff}.choice:disabled{cursor:default}.choice.correct{border-color:#25ad75;background:#e9fff3}.choice.wrong{border-color:#ea7979;background:#fff0f0}.choice .symbol{font-size:36px}.feedback{min-height:51px;margin:14px 0;padding:12px;border-radius:15px;background:#f1f5ff;line-height:1.5}.feedback.ok{background:#e6fff1;color:#176742}.feedback.no{background:#fff1e6;color:#894e22}.actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.subtle{font-size:13px;color:#72809c;line-height:1.55}.listening{display:block;margin:12px auto;background:#e7edff;color:#405bce;border:2px solid #ccd8ff;border-radius:30px;font-size:20px;padding:14px 23px;font-weight:800}.badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:24px}.badge{border-radius:15px;background:#eef4ff;padding:13px 18px;font-weight:800}.center{text-align:center}.backlink{color:#4767d5;text-decoration:none;font-weight:800}.backlink:hover{text-decoration:underline}@media(max-width:680px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choices{gap:8px}.choice{min-height:75px}.tile{padding:14px;min-height:165px}}@media(max-width:410px){.grid{grid-template-columns:1fr}.hero{padding:20px}.choices{grid-template-columns:1fr}}