.notice{max-width:760px;margin:0 auto 18px;padding:14px 18px;border:1px solid #c8ded7;border-radius:14px;background:#edf7f3;color:var(--ink)}
.result-grid{margin-top:22px}.answer-review{padding:20px 0;border-top:1px solid var(--line)}.answer-review>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-review p{background:#f6f8f7;padding:14px;border-radius:12px}.status{font-size:12px;font-weight:800;text-transform:uppercase;padding:5px 9px;border-radius:999px}.status.good{background:#daf1e7;color:#176c5c}.status.bad{background:#fbe1e1;color:#a73838}.status.open{background:#fff1c7;color:#765b00}.review-form{display:grid;gap:12px;max-width:680px}.review-form button{justify-self:start}
.block-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0 1.25rem}.block-steps span{padding:.75rem;border-radius:.75rem;background:#eef2f1;color:#52635f;font-size:.9rem;text-align:center}.block-steps .active{background:#174f46;color:#fff;font-weight:700}.block-steps .done{background:#d9eee6;color:#174f46}.completion-card{text-align:center;max-width:680px;margin:2rem auto}.completion-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;background:#d9eee6;color:#174f46;font-size:2rem;font-weight:800}.rubric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.review-form fieldset{border:1px solid #d7dfdc;border-radius:.75rem;padding:1rem}.review-form .check{display:block;margin:.45rem 0}.lesson-part{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #e5ebe9}.lesson-part span{display:flex;flex-direction:column}.lesson-part small{color:#687874;margin-top:.2rem}@media(max-width:640px){.block-steps{grid-template-columns:1fr}.block-steps span:not(.active):not(.done){display:none}.rubric-grid{grid-template-columns:1fr}.question h2{font-size:1.18rem}.question-actions{position:sticky;bottom:0;background:#fff;padding:.75rem 0}.time-pill{white-space:nowrap}}
.question{scroll-margin-top:1rem}.instruction{background:#eef7f4;border-left:4px solid #174f46;padding:.75rem 1rem;border-radius:.4rem;font-weight:700}
.task-prompt{font-size:1.05rem;font-weight:500;line-height:1.6;margin:1.35rem 0 .8rem;color:var(--ink)}
.source-text{margin:.75rem 0 1rem;padding:1rem 1.1rem;border:1px solid #d5dfdc;border-left:4px solid #6d948a;border-radius:.75rem;background:#f8faf9}
.source-text p{margin:.4rem 0 0;white-space:normal}.source-label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#52635f}
.learning-feedback{margin-top:1rem;padding:1rem;border-radius:.75rem;background:#f5f8f7;border:1px solid #cbded8}
.learning-feedback.correct{background:#e9f7ef;border-color:#70b98b}.learning-feedback.retry{background:#fff6e6;border-color:#e0b96a}
.learning-feedback h3{margin:0 0 .5rem}.learning-feedback p{margin:.35rem 0}.learning-feedback .memory{font-weight:700;color:#174f46}
.ai-feedback{margin-top:1rem;padding:1rem;border-radius:.75rem;border:1px solid #cbded8;background:#f5f8f7}.ai-feedback.correct{background:#e9f7ef;border-color:#70b98b}.ai-feedback.retry{background:#fff6e6;border-color:#e0b96a}.ai-feedback h3,.ai-feedback h4{margin:.4rem 0}.ai-feedback li{margin:.35rem 0}.ai-feedback .memory{font-weight:700;color:#174f46}
.transfer-wrap{margin-top:1rem}.transfer-card{padding:1rem;border:2px solid #174f46;border-radius:.85rem;background:#f1f8f5}.transfer-label{font-weight:800;color:#174f46;text-transform:uppercase;font-size:.78rem}.transfer-result{margin-top:.75rem;padding:.75rem;border-radius:.6rem}.transfer-result.correct{background:#dff3e8}.transfer-result.retry{background:#fff0dc}
.sentence-input{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;line-height:1.7}.inline-answer{display:inline-block;width:9rem;min-width:7rem;padding:.55rem .7rem;text-align:center;border:2px solid #7ca99d}.help-toggle{display:inline-flex;margin:.15rem 0 .8rem;padding:.35rem .65rem;min-height:auto;width:auto;background:transparent;color:#315c57;border:1px solid #9ab7b0;border-radius:.45rem;font-size:.82rem;font-weight:650}.help-toggle:hover{background:#f1f6f4}.translation-help{margin:0 0 .9rem;padding:.85rem;border-radius:.7rem;background:#f1f6fb;border:1px solid #a9c3d8}.translation-help p{margin:.45rem 0}.translation-help small{display:block;margin-top:.7rem;color:#52635f}.word-pairs{display:flex;gap:.5rem;flex-wrap:wrap}.word-pairs span{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border-radius:999px;background:#fff;border:1px solid #c9d9e6}.word-pairs b{color:#174f46}.word-pairs em{font-style:normal;color:#315c7a}.saving-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(12,37,33,.7);color:#fff;text-align:center}.saving-overlay>div{padding:1.5rem 2rem;border-radius:1rem;background:#174f46;box-shadow:0 15px 45px rgba(0,0,0,.25)}
.ai-loading{margin-top:1rem;padding:1rem;border-radius:.75rem;background:#eef7f4;border:1px solid #9cc7ba;display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;align-items:center}.ai-loading[hidden]{display:none}.ai-loading small{grid-column:2;color:#52635f}.spinner{grid-row:1/3;width:1.5rem;height:1.5rem;border:3px solid #b9d7cf;border-top-color:#176c5c;border-radius:50%;animation:easytutor-spin .8s linear infinite}@keyframes easytutor-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.sentence-input{font-size:1.08rem}.inline-answer{width:7.2rem}.help-toggle{width:auto}}
