*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{max-width:780px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}h1{margin:0;font-size:27px}h2{font-size:42px;margin:12px 0}h3{margin:0 0 8px}p{margin:4px 0;color:#637083}.card,.topbar{background:#fff;border:1px solid #e3e8f1;border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 4px 18px rgba(20,35,70,.04)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar label,.grammarControls label{display:flex;align-items:center;gap:8px}.meter{height:7px;background:#e8edf5;border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;background:#2f6fed}.eyebrow{font-size:13px;font-weight:700;color:#64748b;margin-top:12px;text-transform:uppercase;letter-spacing:.04em}.chips{display:flex;gap:8px}.chips span,.weakness span,.reviewWords span{padding:6px 10px;border-radius:999px;background:#eef3ff;font-size:13px}.buttons,.nav,.row,.grammarControls{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.nav{justify-content:space-between}button,select,input,textarea{font:inherit}button{border:1px solid #d7dfec;background:#fff;border-radius:10px;padding:10px 13px;cursor:pointer}button.primary{background:#2463eb;color:#fff;border-color:#2463eb}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid #ced7e5;border-radius:10px;padding:11px;background:#fff}.row input{flex:1;min-width:180px}textarea{width:100%;min-height:105px;resize:vertical;margin-top:12px}.spellbox{background:#f8fafc;padding:14px;border-radius:14px;margin-top:15px}.feedback{margin-top:12px;line-height:1.55}.ok{color:#137a43}.bad{color:#b42318}.almost{color:#9a5b00}.hint,.notice{font-size:14px;color:#667085}.sectionhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.practiceText,.taskbox,.grammarLesson,.notice{background:#f8fafc;border-radius:13px;padding:14px;line-height:1.65;margin-top:12px}.grammarLesson strong{color:#1d4ed8}.grammarParts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.grammarPart{background:#fff;border:1px solid #e3e8f1;border-radius:10px;padding:10px}.grammarPart b{display:block;margin-bottom:4px}.weakness,.reviewWords{display:flex;gap:8px;flex-wrap:wrap}.weakness span{background:#fff4d6;border:1px solid #f3d58b}.wordgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.wordgrid button{text-align:left}.wordgrid .done{border-color:#65b987;background:#effbf4}.wordgrid .weak{border-color:#e3a14b;background:#fff7e9}.reviewWords{margin:12px 0}.reviewWords span{background:#f0f4ff}@media(max-width:600px){.wrap{padding:10px}header,.topbar,.sectionhead{align-items:stretch;flex-direction:column}h2{font-size:36px}.grammarParts{grid-template-columns:1fr}.wordgrid{grid-template-columns:1fr}.nav button{flex:1}}