.story-practice{max-width:900px;margin:18px auto}.guided-story h1{margin-top:0}.reading-text{font-size:19px;line-height:2;padding:20px;border-radius:18px;background:#f4f8f5;max-height:330px;overflow:auto;margin:16px 0}.reading-word{border-radius:5px;transition:.15s}.reading-word.target-word{color:#7b2cbf;background:#f1e5ff;padding:2px 3px;font-weight:850}.reading-word.speaking{background:#ffe58a;color:#5b3d00;padding:2px 3px;box-shadow:0 0 0 2px #f2bd28}.reading-word.target-word.speaking{background:#ffcf5c;color:#4c2500}.translation{margin-top:22px}.translation .reading-text{background:#f3f5fb}.guided-story>button{margin:6px}.completed-action{background:#daf6e7;color:#087047}.read-yourself{padding:20px;margin-top:24px;border:1px solid #dbe7de;border-radius:18px}.read-yourself h3{margin:0}.read-yourself button:disabled{opacity:.45;cursor:not-allowed}
.story-task-sequence{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.story-task-sequence button{width:auto;min-height:38px;margin:0;padding:8px 12px;border:0;border-radius:10px;font-size:14px;font-weight:800}.story-task-sequence .story-step-locked,.story-task-sequence .story-step-locked:disabled{background:#17191c!important;color:#fff!important;opacity:1;cursor:not-allowed}.story-task-sequence .story-step-active,.story-task-sequence .story-step-active:disabled{background:#d92d20!important;color:#fff!important;opacity:1;box-shadow:0 0 0 2px #ffd1cc}.story-task-sequence .story-step-done,.story-task-sequence .story-step-done:disabled{background:#1677d2!important;color:#fff!important;opacity:1}.story-task-sequence .story-step-done:not(:disabled){cursor:pointer}.story-task-sequence .story-step-done:not(:disabled):hover{background:#0f61ad!important}.story-task-sequence .story-step-active:not(:disabled):hover{background:#b42318!important}@media(max-width:620px){.story-task-sequence{gap:7px}.story-task-sequence button{min-height:36px;padding:7px 10px;font-size:13px}}