.lesson-loading-backdrop{z-index:50;background:#fff;position:fixed;inset:0}.lesson-loading-screen{z-index:50;color:#172033;text-align:center;background:#fff;place-items:center;padding:32px 24px 88px;display:grid;position:fixed;inset:0;overflow-y:auto}.lesson-loading-content{flex-direction:column;align-items:center;max-width:100%;display:flex}.lesson-loading-character{object-fit:contain;width:160px;height:160px;margin-bottom:20px;animation:1.2s ease-in-out infinite alternate lesson-loading-float}.lesson-loading-title{font-size:20px;font-weight:600}.lesson-loading-description{color:#4a5a70;margin-top:6px;font-size:12px}.lesson-loading-track{background:#e3eaf2;border-radius:3px;width:96px;height:3px;margin-top:16px;overflow:hidden}.lesson-loading-track span{background:var(--primary);width:32px;height:100%;animation:1s ease-in-out infinite alternate lesson-loading-slide;display:block}.lesson-loading-cancel{color:#4a5a70;cursor:pointer;border-radius:12px;min-height:44px;padding:10px 24px;position:absolute;bottom:24px}.lesson-loading-cancel:hover{background:#eef3fa}.lesson-loading-cancel:focus-visible{outline-offset:3px;outline:3px solid #a6400a}@keyframes lesson-loading-float{0%{transform:translateY(4px)rotate(-2deg)}to{transform:translateY(-6px)rotate(2deg)}}@keyframes lesson-loading-slide{0%{transform:translate(0)}to{transform:translate(64px)}}@media (prefers-reduced-motion:reduce){.lesson-loading-character,.lesson-loading-track span{animation:none}}