[data-view="lesson"][data-active="true"]{
  position:relative;
  isolation:isolate;
  pointer-events:auto!important;
}
[data-view="lesson"][data-active="true"] :is(button,input,select,textarea,a){
  pointer-events:auto!important;
  touch-action:manipulation;
}
[data-ui="canonical-lesson-media"]{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--border-soft);
  border-radius:18px;
  background:var(--surface-raised);
  box-shadow:var(--shadow-md);
  overflow:hidden;
  pointer-events:auto!important;
}
[data-ui="canonical-lesson-media-head"]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 2px;
  color:var(--text-secondary);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}


[data-ui="native-lesson-video"]{display:grid;gap:0;overflow:hidden;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-raised);box-shadow:var(--shadow-sm)}
[data-ui="native-video-stage"]{position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden;background:
 radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--accent) 30%,transparent) 0 18%,transparent 19%),
 linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 82%,var(--surface)) 0%,var(--surface-raised) 70%)}
[data-ui="native-video-stage"]::after{content:"LVL";position:absolute;right:-8px;bottom:-22px;font-size:92px;font-weight:950;letter-spacing:-.08em;color:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none}
[data-ui="native-video-badge"]{position:relative;z-index:1;width:max-content;padding:6px 9px;border-radius:8px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:900;letter-spacing:.09em}
[data-ui="native-video-scene"]{position:relative;z-index:1;display:grid;gap:8px;max-width:88%;padding:28px 0}
[data-ui="native-video-scene"]>small{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--accent)}
[data-ui="native-video-scene"] h2{margin:0;font-size:clamp(30px,8vw,54px);line-height:.98;letter-spacing:-.04em;color:var(--text-primary)}
[data-ui="native-video-scene"] p{margin:0;max-width:520px;font-size:15px;line-height:1.45;color:var(--text-secondary)}
[data-ui="native-video-progress"]{position:absolute;left:20px;right:20px;bottom:14px;height:4px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--border-strong) 55%,transparent)}
[data-ui="native-video-progress"] span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s linear}
[data-ui="native-video-controls"]{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;gap:8px;align-items:center;padding:10px;background:var(--surface-raised);border-top:1px solid var(--border-soft)}
[data-ui="native-video-controls"] button{min-height:42px;border:1px solid var(--button-border);border-radius:10px;background:var(--button-secondary-bg);color:var(--button-secondary-text);font-weight:850;padding:9px 12px}
[data-ui="native-video-controls"] [data-action="native-video-play"]{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg)}
[data-ui="native-video-controls"] [data-action="native-video-play"][data-state="playing"]{background:var(--button-primary-active)}
[data-ui="native-video-controls"]>span{font-size:12px;font-weight:850;color:var(--text-secondary);min-width:34px;text-align:center}
@media(max-width:560px){
 [data-ui="native-video-stage"]{min-height:230px;padding:16px}
 [data-ui="native-video-progress"]{left:16px;right:16px}
 [data-ui="native-video-scene"]{max-width:94%;padding:26px 0}
 [data-ui="native-video-controls"]{grid-template-columns:44px minmax(0,1fr) 44px auto}
 [data-ui="native-video-controls"] button{padding:8px}
}

[data-ui="lesson-standard"]{display:grid;gap:14px;margin-top:14px}
[data-ui="lesson-standard-card"]{display:grid;gap:14px;padding:16px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm)}
[data-ui="lesson-step-head"]{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center}
[data-ui="lesson-step-head"]>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:900}
[data-ui="lesson-step-head"] small{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.08em}
[data-ui="lesson-step-head"] h2{margin:2px 0 0;font-size:19px;line-height:1.15}
[data-ui="lesson-targets"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
[data-ui="lesson-targets"] span{display:grid;gap:2px;padding:11px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface)}
[data-ui="lesson-targets"] strong{font-size:16px}
[data-ui="lesson-targets"] small{color:var(--text-secondary)}
[data-ui="lesson-question"],[data-ui="lesson-pronunciation"],[data-ui="lesson-game-round"]{display:grid;gap:10px;padding:13px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface)}
[data-ui="lesson-question-top"]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
[data-ui="lesson-question-top"]>button,[data-ui="lesson-pronunciation-actions"] button,[data-ui="lesson-dialogue-log"] button{border:1px solid var(--button-border);background:var(--button-secondary-bg);color:var(--button-secondary-text);border-radius:9px;padding:8px 10px;font-weight:750}
[data-ui="lesson-choice-grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
[data-ui="lesson-choice"]{border:1px solid var(--button-border);background:var(--button-secondary-bg);color:var(--button-secondary-text);border-radius:9px;padding:10px;text-align:left;font-weight:750}
[data-ui="lesson-choice"][data-state="correct"]{border-color:var(--success)!important;background:color-mix(in srgb,var(--success) 13%,var(--surface))!important}
[data-ui="lesson-choice"][data-state="wrong"]{border-color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 10%,var(--surface))!important}
[data-ui="lesson-feedback"]{min-height:18px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.45}
[data-ui="lesson-pronunciation"]{grid-template-columns:minmax(0,1fr) auto;align-items:center}
[data-ui="lesson-pronunciation"]>div>strong{font-size:22px}
[data-ui="lesson-pronunciation"] p{margin:4px 0;color:var(--text-secondary);line-height:1.4}
[data-ui="lesson-pronunciation-actions"]{display:flex;gap:7px;flex-wrap:wrap}
[data-ui="lesson-game-round"]>small{font-weight:900;color:var(--accent);letter-spacing:.06em}
[data-ui="lesson-conversation"]{display:grid;gap:10px}
[data-ui="lesson-dialogue-log"]{display:grid;gap:8px}
[data-ui="lesson-dialogue-log"]>div{display:grid;gap:5px;max-width:88%;padding:11px 12px;border-radius:12px;background:var(--surface-soft)}
[data-ui="lesson-dialogue-log"]>div[data-role="user"]{margin-left:auto;background:var(--accent);color:var(--accent-contrast)}
[data-ui="lesson-dialogue-log"]>div[data-role="feedback"]{max-width:100%;background:var(--surface);border:1px solid var(--border-soft);color:var(--text-secondary)}
[data-ui="lesson-dialogue-form"]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
[data-ui="lesson-dialogue-form"] input{min-width:0;border:1px solid var(--border-strong);border-radius:10px;padding:11px 12px}
[data-ui="lesson-dialogue-form"] button{border:1px solid var(--button-border);border-radius:10px;padding:10px 14px;background:var(--button-secondary-bg);color:var(--button-secondary-text);font-weight:850}[data-ui="lesson-dialogue-form"] button[type="submit"]{border-color:var(--button-primary-bg);background:var(--button-primary-bg);color:var(--button-primary-text)}
[data-ui="lesson-mastery-grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
[data-ui="lesson-mastery-grid"] span{display:grid;gap:3px;padding:11px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface)}
[data-ui="lesson-mastery-grid"] strong{text-transform:capitalize}
[data-ui="lesson-mastery-grid"] small{color:var(--text-secondary)}
@media(max-width:560px){
 [data-ui="lesson-dialogue-form"]{grid-template-columns:1fr 1fr}[data-ui="lesson-dialogue-form"] input{grid-column:1/-1}
 [data-ui="lesson-targets"],[data-ui="lesson-choice-grid"],[data-ui="lesson-mastery-grid"]{grid-template-columns:1fr}
 [data-ui="lesson-question-top"],[data-ui="lesson-pronunciation"]{grid-template-columns:1fr}
}