/* Luma English v1.1 — full lesson + reliable audio/recording layer */
.lesson-v11{max-width:980px;margin:0 auto}
.lesson-v11 .lesson-hero{padding:32px 34px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,246,251,.86));border:1px solid #fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
.lesson-v11 .lesson-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(199,182,255,.55),transparent 68%);pointer-events:none}
.lesson-v11 .lesson-title{font-size:clamp(34px,5vw,54px);line-height:1.03;letter-spacing:-2px;margin:14px 0 12px;max-width:780px}
.lesson-v11 .lesson-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:18px}
.lesson-v11 .lesson-block{padding:23px;border-radius:22px;background:rgba(255,255,255,.84);border:1px solid #fff;box-shadow:0 12px 32px rgba(80,50,100,.08)}
.lesson-v11 .lesson-block h3{font-size:19px;margin-bottom:9px}
.lesson-v11 .lesson-block p{line-height:1.75}
.model-audio{margin-top:14px;padding:17px;border-radius:20px;background:linear-gradient(135deg,#fff0f5,#f4efff);border:1px solid rgba(157,120,231,.10)}
.model-audio audio,.record-result audio{width:100%;margin-top:10px;accent-color:#9d78e7}
.audio-label{display:flex;align-items:center;gap:10px;font-weight:900}.audio-dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--lav));box-shadow:0 0 0 7px rgba(157,120,231,.08);animation:pulse 3.4s ease-in-out infinite}
.lesson-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.lesson-step{padding:15px;border-radius:18px;background:#fff;border:1px solid var(--line)}.lesson-step b{display:block;margin-bottom:5px}.step-num{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;background:#f1e9ff;color:#7048a0;font-size:12px;font-weight:950;margin-bottom:8px}
.recorder{padding:22px;border-radius:22px;background:linear-gradient(135deg,#fff9fb,#f8f3ff);border:1px solid #fff;box-shadow:0 12px 28px rgba(80,50,100,.08)}
.record-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:13px}.record-btn{border:0;border-radius:15px;padding:11px 15px;font-weight:900;box-shadow:0 8px 18px rgba(100,55,110,.10)}.record-start{background:linear-gradient(135deg,#ef7da0,#b67de8);color:white}.record-stop{background:#2d2733;color:white}.record-stop:disabled{opacity:.35;cursor:not-allowed}.record-status{display:flex;align-items:center;gap:8px;font-weight:850;color:var(--muted)}.record-status.live{color:#b73757}.record-status.live:before{content:"";width:9px;height:9px;border-radius:50%;background:#e94d72;animation:recpulse 1s ease-in-out infinite}@keyframes recpulse{50%{transform:scale(1.45);opacity:.45}}
.record-result{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.record-result.show{display:block}
.transcript-box{margin-top:12px}.transcript-box summary{cursor:pointer;font-weight:850;color:#7048a0}.transcript-box div{margin-top:10px;padding:14px;border-radius:15px;background:#fff;line-height:1.7}
.quick-check{margin-top:17px}.lesson-option{width:100%;text-align:left;border:1px solid var(--line);background:white;border-radius:14px;padding:12px;margin-top:8px;font-weight:750}.lesson-option:hover{border-color:#c3a6ea}.lesson-option.good{background:#e7f8f1;border-color:#8bd6bf}.lesson-option.bad{background:#fff0f1;border-color:#f2abb3}
.lesson-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}
.owner-audio-note{padding:11px 13px;border-radius:13px;background:#fff7dd;color:#6f5b1f;font-size:12px;margin-top:10px}
@media(max-width:760px){.lesson-v11 .lesson-grid{grid-template-columns:1fr}.lesson-steps{grid-template-columns:1fr}.lesson-v11 .lesson-hero{padding:25px 20px}.lesson-v11 .lesson-title{letter-spacing:-1.4px}.lesson-actions>*{width:100%}}