[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-native-video-visual]{margin:0;max-width:620px;font-size:15px;line-height:1.45;color:var(--text-secondary)}
[data-native-video-caption]{display:none;align-items:start;gap:6px;margin-top:3px;padding:9px 11px;border:1px solid var(--border-soft);border-radius:10px;background:color-mix(in srgb,var(--surface) 84%,transparent)}
[data-native-video-caption][data-active="true"]{display:grid}
[data-native-video-caption] span{font-size:12px;line-height:1.4;color:var(--text-secondary)}
[data-native-video-caption][data-voice="petra"] span{font-size:15px;font-weight:850;color:var(--text-primary)}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-stage"]{
 height:360px;
 min-height:360px;
 padding:16px 18px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-scene"]{
 flex:1;
 min-height:0;
 max-width:100%;
 width:100%;
 padding:14px 0 24px;
 display:grid;
 grid-template-rows:auto minmax(0,1fr) auto;
 gap:10px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-scene"] h2{
 margin:0;
 font-size:clamp(24px,6vw,38px);
 line-height:1;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-native-video-visual]{
 width:100%;
 min-height:0;
 max-width:none;
 display:grid;
 align-items:center;
 overflow:hidden;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-native-video-caption]{display:none!important}

/* Scene 1 — encontro */
.lvl-video-encounter{display:grid;gap:12px;align-content:center;justify-items:center;height:100%}
.lvl-video-people{display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,420px)}
.lvl-video-person{display:grid;justify-items:center;gap:6px;min-width:66px}
.lvl-video-person small{font-size:9px;font-weight:900;letter-spacing:.06em;color:var(--text-secondary)}
.lvl-video-avatar{
 position:relative;
 width:50px;height:50px;
 border-radius:50%;
 border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border-soft));
 background:color-mix(in srgb,var(--accent-soft) 80%,var(--surface));
 overflow:hidden;
}
.lvl-video-avatar::before{
 content:"";
 position:absolute;
 width:14px;height:14px;
 left:50%;top:9px;transform:translateX(-50%);
 border-radius:50%;
 background:color-mix(in srgb,var(--accent) 72%,var(--text-primary));
}
.lvl-video-avatar::after{
 content:"";
 position:absolute;
 width:28px;height:22px;
 left:50%;bottom:5px;transform:translateX(-50%);
 border-radius:14px 14px 8px 8px;
 background:color-mix(in srgb,var(--accent) 38%,var(--surface-raised));
}
.lvl-video-dialogue-bridge{flex:1;display:grid;place-items:center;position:relative}
.lvl-video-dialogue-bridge::before{content:"";position:absolute;left:-5px;right:-5px;top:50%;height:1px;background:color-mix(in srgb,var(--accent) 35%,var(--border-soft))}
.lvl-video-speech-bubble{
 position:relative;z-index:1;
 padding:8px 14px;
 border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-soft));
 border-radius:14px 14px 14px 5px;
 background:var(--surface-raised);
 color:var(--accent);
 font-size:16px;font-weight:950;
 box-shadow:var(--shadow-sm);
}
.lvl-video-focus{font-size:18px;line-height:1.1;color:var(--text-primary);text-align:center}

/* Scene 2 — Hallo atravessa o dia */
.lvl-video-all-day{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:center;justify-items:center;gap:5px;padding:4px 0}
.lvl-video-hero-word{
 font-size:clamp(42px,12vw,64px);line-height:.95;letter-spacing:-.045em;
 color:var(--text-primary);transition:transform .2s ease,color .2s ease;
}
.lvl-video-hero-word[data-focus="true"]{color:var(--accent);transform:scale(1.045)}
.lvl-video-hero-meaning{font-size:11px;font-weight:850;letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase}
.lvl-video-day-track{width:min(100%,430px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end;margin-top:8px;position:relative}
.lvl-video-day-track::before{content:"";position:absolute;left:14%;right:14%;top:27px;height:2px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,var(--border-soft)),var(--accent),color-mix(in srgb,var(--accent) 22%,var(--border-soft)))}
.lvl-video-day-moment{position:relative;z-index:1;display:grid;justify-items:center;gap:7px}
.lvl-video-day-moment>small{font-size:9px;font-weight:900;letter-spacing:.07em;color:var(--text-secondary)}
.lvl-video-day-symbol{position:relative;width:54px;height:54px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}
.lvl-video-day-moment[data-moment="0"] .lvl-video-day-symbol::before,
.lvl-video-time-card[data-period="morning"] .lvl-video-time-symbol::before,
.lvl-video-situation-card[data-kind="morning"] .lvl-video-situation-symbol::before{
 content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent);left:50%;top:50%;transform:translate(-50%,-50%);
 box-shadow:0 -12px 0 -8px var(--accent),0 12px 0 -8px var(--accent),12px 0 0 -8px var(--accent),-12px 0 0 -8px var(--accent),8px 8px 0 -8px var(--accent),-8px -8px 0 -8px var(--accent),8px -8px 0 -8px var(--accent),-8px 8px 0 -8px var(--accent);
}
.lvl-video-day-moment[data-moment="1"] .lvl-video-day-symbol::before{
 content:"";position:absolute;left:10px;right:10px;top:25px;height:3px;border-radius:99px;background:var(--accent);
}
.lvl-video-day-moment[data-moment="2"] .lvl-video-day-symbol::before,
.lvl-video-time-card[data-period="evening"] .lvl-video-time-symbol::before,
.lvl-video-situation-card[data-kind="evening"] .lvl-video-situation-symbol::before{
 content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--accent);left:47%;top:47%;transform:translate(-50%,-50%);
}
.lvl-video-day-moment[data-moment="2"] .lvl-video-day-symbol::after,
.lvl-video-time-card[data-period="evening"] .lvl-video-time-symbol::after,
.lvl-video-situation-card[data-kind="evening"] .lvl-video-situation-symbol::after{
 content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--surface-raised);left:55%;top:39%;transform:translate(-50%,-50%);
}

/* Scene 3 — troca Hoi */
.lvl-video-exchange{height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:8px 10px;padding:4px 6px}
.lvl-video-exchange-person{display:grid;justify-items:center;gap:8px}
.lvl-video-bubble{
 position:relative;
 padding:8px 14px;border-radius:14px 14px 14px 5px;
 border:1px solid var(--border-soft);background:var(--surface-raised);
 font-size:22px;color:var(--text-primary);box-shadow:var(--shadow-sm);
 transition:transform .2s ease,color .2s ease,border-color .2s ease;
}
.lvl-video-exchange-person:last-of-type .lvl-video-bubble{border-radius:14px 14px 5px 14px}
.lvl-video-exchange[data-focus="true"] .lvl-video-bubble{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border-soft));transform:translateY(-2px)}
.lvl-video-exchange-line{width:34px;height:2px;border-radius:99px;background:var(--border-strong)}
.lvl-video-exchange-note{grid-column:1/-1;text-align:center;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}

/* Scene 4 — manhã/noite */
.lvl-video-time-grid{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:stretch}
.lvl-video-time-card{
 min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:7px;align-content:center;padding:13px;
 border:1px solid var(--border-soft);border-radius:14px;background:color-mix(in srgb,var(--surface) 91%,transparent);
 transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.lvl-video-time-card[data-active="true"]{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 58%,var(--border-soft));background:color-mix(in srgb,var(--accent-soft) 62%,var(--surface));box-shadow:var(--shadow-sm)}
.lvl-video-time-symbol{position:relative;width:42px;height:42px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-soft)}
.lvl-video-time-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}
.lvl-video-time-meta small{font-size:9px;font-weight:900;letter-spacing:.07em;color:var(--accent)}
.lvl-video-time-meta span{font-size:10px;color:var(--text-secondary)}
.lvl-video-time-card>strong{align-self:end;min-width:0;font-size:clamp(17px,4.8vw,26px);line-height:1;letter-spacing:-.025em;color:var(--text-primary);overflow-wrap:anywhere}

/* Scene 5 — reconhecer por ouvir/ler */
.lvl-video-recognition{height:100%;display:grid;grid-template-columns:1fr auto 1.25fr;gap:10px;align-items:center}
.lvl-video-recognition-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.lvl-video-source-card{min-width:0;display:grid;justify-items:center;gap:7px;padding:10px 6px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface-raised)}
.lvl-video-source-card small{font-size:8px;font-weight:900;letter-spacing:.06em;color:var(--text-secondary)}
.lvl-video-source-symbol{position:relative;width:32px;height:32px}
.lvl-video-source-card[data-source="listen"] .lvl-video-source-symbol::before{
 content:"";position:absolute;left:3px;right:3px;top:15px;height:2px;border-radius:99px;background:var(--accent);
 box-shadow:4px -6px 0 -0.5px var(--accent),8px 5px 0 -0.5px var(--accent),12px -9px 0 -0.5px var(--accent),16px 7px 0 -0.5px var(--accent),20px -4px 0 -0.5px var(--accent);
}
.lvl-video-source-card[data-source="read"] .lvl-video-source-symbol::before{content:"Aa";position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:18px;font-weight:950}
.lvl-video-recognition-arrow{font-style:normal;color:var(--accent);font-size:22px;font-weight:900}
.lvl-video-recognition-target{display:grid;gap:7px;justify-items:start;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border-soft));border-radius:13px;background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface-raised))}
.lvl-video-recognition-word{max-width:100%;font-size:clamp(27px,8vw,45px);line-height:1;letter-spacing:-.035em;color:var(--text-primary);transition:transform .2s ease,color .2s ease}
.lvl-video-recognition-word[data-focus="true"]{color:var(--accent);transform:scale(1.025)}
.lvl-video-recognition-target small{font-size:9px;font-weight:900;letter-spacing:.07em;color:var(--text-secondary)}

/* Scene 6 — mapa de situações */
.lvl-video-situation-grid{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}
.lvl-video-situation-card{
 min-width:0;display:grid;grid-template-rows:auto auto 1fr;gap:6px;padding:10px;
 border:1px solid var(--border-soft);border-radius:12px;background:color-mix(in srgb,var(--surface) 91%,transparent);
 transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.lvl-video-situation-card[data-active="true"]{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border-soft));background:color-mix(in srgb,var(--accent-soft) 58%,var(--surface))}
.lvl-video-situation-symbol{position:relative;width:30px;height:30px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-soft)}
.lvl-video-situation-card[data-kind="general"] .lvl-video-situation-symbol::before{content:"";position:absolute;width:16px;height:11px;left:6px;top:7px;border:2px solid var(--accent);border-radius:7px}
.lvl-video-situation-card[data-kind="general"] .lvl-video-situation-symbol::after{content:"";position:absolute;width:5px;height:5px;left:8px;top:16px;border-left:2px solid var(--accent);transform:skewY(-35deg)}
.lvl-video-situation-meta{display:grid;gap:1px}
.lvl-video-situation-meta small{font-size:8px;font-weight:900;color:var(--accent)}
.lvl-video-situation-meta span{font-size:8px;font-weight:850;letter-spacing:.06em;color:var(--text-secondary)}
.lvl-video-situation-words{align-self:end;display:grid;gap:3px}
.lvl-video-situation-words strong{min-width:0;font-size:clamp(12px,3.5vw,17px);line-height:1.05;color:var(--text-primary);overflow-wrap:anywhere}
.lvl-video-situation-words strong[data-focus="true"]{color:var(--accent)}

/* Scene 7 — prática */
.lvl-video-practice-row{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:center}
.lvl-video-practice-step{position:relative;min-width:0;display:grid;justify-items:center;gap:8px;padding:10px 6px;border:1px solid var(--border-soft);border-radius:12px;background:color-mix(in srgb,var(--surface) 91%,transparent)}
.lvl-video-practice-step strong{text-align:center;font-size:8px;line-height:1.2;letter-spacing:.04em;color:var(--text-primary)}
.lvl-video-practice-icon{
 position:relative;
 width:38px;
 height:38px;
 display:grid;
 place-items:center;
 padding:8px;
 box-sizing:border-box;
 border-radius:11px;
 background:var(--accent-soft);
 color:var(--accent);
}
.lvl-video-practice-icon::before,.lvl-video-practice-icon::after{display:none!important;content:none!important}
.lvl-video-practice-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%);z-index:2;font-style:normal;color:var(--accent);font-weight:950}
.lvl-video-practice-step:last-child .lvl-video-practice-arrow{display:none}

@media(max-width:560px){
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-stage"]{height:340px;min-height:340px;padding:14px 15px}
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-scene"]{padding:12px 0 23px;gap:8px}
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-scene"] h2{font-size:26px}
 .lvl-video-people{gap:7px}
 .lvl-video-avatar{width:44px;height:44px}
 .lvl-video-speech-bubble{font-size:14px;padding:7px 11px}
 .lvl-video-focus{font-size:16px}
 .lvl-video-day-symbol{width:46px;height:46px}
 .lvl-video-day-track::before{top:23px}
 .lvl-video-time-card{padding:10px 9px}
 .lvl-video-time-symbol{width:36px;height:36px}
 .lvl-video-recognition{grid-template-columns:1fr auto 1.2fr;gap:6px}
 .lvl-video-source-card{padding:8px 4px}
 .lvl-video-recognition-target{padding:10px}
 .lvl-video-situation-grid{gap:5px}
 .lvl-video-situation-card{padding:8px 6px}
 .lvl-video-practice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .lvl-video-practice-step{grid-template-columns:auto 1fr;justify-items:start;align-items:center;padding:8px}
 .lvl-video-practice-step strong{text-align:left}
 .lvl-video-practice-icon{width:32px;height:32px}
 .lvl-video-practice-arrow{display:none}
}


/* L01 visual polish v3 — typography first, no pseudo-human icons */
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-native-video-visual]{padding:0 2px}
.lvl-video-encounter{align-content:center;gap:18px}
.lvl-video-clean-dialogue{width:min(100%,390px);display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px}
.lvl-video-speaker{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:950}
.lvl-video-clean-dialogue .lvl-video-speech-bubble{justify-self:center;padding:12px 26px;border-radius:16px;font-size:28px;box-shadow:none}
.lvl-video-focus{font-size:15px;color:var(--text-secondary);font-weight:800}

.lvl-video-exchange{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:12px;padding:8px 12px}
.lvl-video-exchange-person{gap:8px;min-width:0}
.lvl-video-speaker-label{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:950}
.lvl-video-bubble{width:100%;box-sizing:border-box;text-align:center;padding:16px 8px;border-radius:15px!important;font-size:30px;box-shadow:none}
.lvl-video-exchange-line{width:auto;height:auto;background:none;color:var(--accent);font-style:normal;font-size:20px;font-weight:900;text-align:center}

.lvl-video-recognition{grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;align-content:center}
.lvl-video-recognition-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lvl-video-source-card{grid-template-columns:auto 1fr;justify-items:start;align-items:center;padding:11px 13px;gap:9px;border-radius:12px}
.lvl-video-source-symbol{width:34px;height:22px}
.lvl-video-source-card[data-source="listen"] .lvl-video-source-symbol::before{left:1px;right:1px;top:10px}
.lvl-video-source-card[data-source="read"] .lvl-video-source-symbol::before{font-size:16px}
.lvl-video-recognition-arrow{display:none}
.lvl-video-recognition-target{justify-items:center;text-align:center;padding:14px 12px;border-radius:13px}
.lvl-video-recognition-word{font-size:clamp(30px,9vw,46px)}

.lvl-video-situation-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px}
.lvl-video-situation-card{grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;gap:10px;padding:9px 11px}
.lvl-video-situation-index{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:950}
.lvl-video-situation-meta{gap:2px}
.lvl-video-situation-meta small{font-size:9px}
.lvl-video-situation-meta span{font-size:9px}
.lvl-video-situation-words{align-self:center;justify-items:end;gap:2px}
.lvl-video-situation-words strong{font-size:16px;white-space:nowrap;overflow-wrap:normal;word-break:normal}

.lvl-video-practice-row{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;align-items:stretch}
.lvl-video-practice-step{grid-template-columns:34px minmax(0,1fr);justify-items:start;align-items:center;gap:10px;padding:9px 12px;border-radius:11px}
.lvl-video-practice-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:950}
.lvl-video-practice-step strong{text-align:left;font-size:11px}
.lvl-video-practice-arrow{display:none}

@media(max-width:560px){
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-stage"]{height:340px;min-height:340px;padding:14px 15px}
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] [data-ui="native-video-scene"]{padding:10px 0 20px}
 .lvl-video-clean-dialogue{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px}
 .lvl-video-speaker{width:34px;height:34px;border-radius:10px}
 .lvl-video-clean-dialogue .lvl-video-speech-bubble{font-size:25px;padding:11px 18px}
 .lvl-video-exchange{padding:5px 4px;gap:7px}
 .lvl-video-bubble{font-size:27px}
 .lvl-video-recognition{gap:8px}
 .lvl-video-source-card{padding:9px 10px}
 .lvl-video-recognition-target{padding:11px 10px}
 .lvl-video-situation-card{grid-template-columns:32px minmax(0,1fr) minmax(100px,auto);padding:8px 9px}
 .lvl-video-situation-words strong{font-size:14px}
 .lvl-video-practice-row{grid-template-columns:1fr;gap:6px}
 .lvl-video-practice-step{grid-template-columns:32px 1fr;padding:8px 10px}
}


/* L01 vector pass v3 — lightweight inline SVG, no runtime icon dependency */
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-icon{
 width:100%;
 height:100%;
 display:block;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-day-symbol,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-symbol,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-source-symbol,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-icon,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-icon,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-speaker,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-person-icon{
 color:var(--accent);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-day-symbol::before,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-day-symbol::after,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-symbol::before,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-symbol::after,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-source-symbol::before,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-source-symbol::after,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-icon::before,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-icon::after{display:none!important;content:none!important}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-day-symbol{
 width:44px;height:44px;padding:10px;box-sizing:border-box;
 border-radius:13px;background:var(--surface-raised);border:1px solid var(--border-soft);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-day-track::before{top:22px}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-day-moment>small{margin-top:2px}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-speaker{
 width:38px;height:38px;padding:8px;box-sizing:border-box;border-radius:12px;
 background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-soft));
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-clean-dialogue{
 grid-template-columns:38px minmax(0,1fr) 38px;
 width:min(100%,360px);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-clean-dialogue .lvl-video-speech-bubble{
 max-width:180px;
}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-person-icon{
 width:42px;height:42px;padding:9px;box-sizing:border-box;border-radius:13px;
 background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-soft));
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-exchange-line{
 width:30px;height:30px;display:grid;place-items:center;padding:6px;box-sizing:border-box;
 border-radius:9px;background:var(--surface-raised);border:1px solid var(--border-soft);color:var(--accent);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-exchange{
 grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);
 align-content:center;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-bubble{
 font-size:25px;
 padding:13px 8px;
}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-symbol{
 width:38px;height:38px;padding:8px;box-sizing:border-box;
 border-radius:11px;background:var(--surface-raised);border:1px solid var(--border-soft);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-card{
 grid-template-rows:auto auto minmax(0,1fr);
 justify-items:start;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-card>strong{
 align-self:center;
 font-size:clamp(18px,4.7vw,25px);
}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-source-symbol{
 width:30px;height:30px;padding:4px;box-sizing:border-box;color:var(--accent);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-source-card{
 min-height:48px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-recognition-sources{
 width:100%;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-recognition-target{
 width:100%;
 box-sizing:border-box;
}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-icon{
 width:32px;height:32px;padding:6px;box-sizing:border-box;border-radius:10px;
 background:var(--accent-soft);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-card{
 grid-template-columns:32px minmax(0,1fr) minmax(112px,auto);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-words strong{
 font-size:15px;
 letter-spacing:-.015em;
}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-row{
 grid-template-columns:repeat(2,minmax(0,1fr));
 grid-template-rows:repeat(2,minmax(0,1fr));
 gap:8px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-step{
 grid-template-columns:40px minmax(0,1fr);
 min-height:72px;
 padding:11px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-icon{
 width:40px;height:40px;padding:9px;box-sizing:border-box;border-radius:12px;background:var(--accent-soft);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-step strong{
 font-size:10px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-arrow{display:none}

@media(max-width:560px){
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-clean-dialogue{
   grid-template-columns:34px minmax(0,1fr) 34px;
   gap:8px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-speaker{
   width:34px;height:34px;padding:7px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-bubble{
   font-size:23px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-card{
   padding:10px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-card{
   grid-template-columns:30px minmax(0,1fr) minmax(106px,auto);
   gap:8px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-words strong{
   font-size:14px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-row{
   grid-template-columns:repeat(2,minmax(0,1fr));
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-step{
   min-height:68px;padding:9px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-practice-icon{
   width:36px;height:36px;padding:8px;
 }
}


/* L01 research polish — Phosphor vectors + mobile framing */
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-icon{
 fill:currentColor;
 stroke:none;
}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-speaker,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-person-icon{
 padding:0;
 border:0;
 background:transparent;
 color:var(--accent);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-speaker{
 width:44px;height:44px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-person-icon{
 width:50px;height:50px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-exchange-person{
 position:relative;
 gap:10px;
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-exchange-person:nth-child(3) .lvl-video-person-icon{
 color:color-mix(in srgb,var(--accent) 68%,var(--text-secondary));
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-bubble{
 position:relative;
 border-radius:16px!important;
 box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 7%,transparent);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-bubble::before{
 content:"";
 position:absolute;
 left:50%;
 top:-7px;
 width:13px;height:13px;
 transform:translateX(-50%) rotate(45deg);
 background:var(--surface-raised);
 border-left:1px solid var(--border-soft);
 border-top:1px solid var(--border-soft);
}
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-exchange-line{
 width:30px;height:2px;
 padding:0;
 border:0;
 border-radius:999px;
 background:color-mix(in srgb,var(--accent) 28%,var(--border-soft));
 color:transparent;
 box-shadow:none;
}

[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-card>strong,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-words strong,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-recognition-word,
[data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-hero-word{
 overflow-wrap:normal;
 word-break:normal;
 hyphens:none;
}

@media(max-width:560px){
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-exchange{
   grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);
   gap:8px;
   padding:4px 8px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-person-icon{
   width:46px;height:46px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-bubble{
   font-size:26px;
   padding:14px 8px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-exchange-note{
   margin-top:4px;
 }

 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-grid{
   grid-template-columns:1fr;
   grid-template-rows:repeat(2,minmax(0,1fr));
   gap:8px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-card{
   grid-template-columns:44px minmax(0,1fr);
   grid-template-rows:auto auto;
   column-gap:11px;
   row-gap:2px;
   align-items:center;
   justify-items:stretch;
   padding:10px 12px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-symbol{
   grid-column:1;
   grid-row:1 / 3;
   width:40px;height:40px;
   padding:8px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-meta{
   grid-column:2;
   grid-row:1;
   justify-content:flex-start;
   gap:8px;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-time-card>strong{
   grid-column:2;
   grid-row:2;
   align-self:start;
   white-space:nowrap;
   font-size:clamp(19px,5.8vw,24px);
   line-height:1.05;
   letter-spacing:-.025em;
 }
 [data-ui="native-lesson-video"][data-visual-version="l01-visual-3"] .lvl-video-situation-words strong{
   white-space:nowrap;
   font-size:clamp(12px,3.6vw,14px);
 }
}


/* L02 — same fixed player, new visual vocabulary */
[data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-ui="native-video-stage"]{
 height:360px;
 min-height:360px;
 padding:16px 18px;
}
[data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-ui="native-video-scene"]{
 flex:1;
 min-height:0;
 max-width:100%;
 width:100%;
 padding:14px 0 24px;
 display:grid;
 grid-template-rows:auto minmax(0,1fr) auto;
 gap:10px;
}
[data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-ui="native-video-scene"] h2{
 margin:0;
 font-size:clamp(24px,6vw,38px);
 line-height:1;
}
[data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-native-video-visual]{
 width:100%;
 min-height:0;
 max-width:none;
 display:grid;
 align-items:center;
 overflow:hidden;
 padding:0 2px;
}
[data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-native-video-caption]{display:none!important}
[data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] .lvl-video-icon{width:100%;height:100%;display:block;fill:currentColor;stroke:none}

.lvl-video-name-bridge{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:8px}
.lvl-video-name-card{min-width:0;display:grid;justify-items:center;gap:10px;padding:16px 10px;border:1px solid var(--border-soft);border-radius:15px;background:var(--surface-raised)}
.lvl-video-name-card strong{font-size:clamp(20px,6vw,30px);line-height:1;text-align:center;color:var(--text-primary)}
.lvl-video-name-icon{width:46px;height:46px;padding:10px;box-sizing:border-box;border-radius:14px;background:var(--accent-soft);color:var(--accent)}
.lvl-video-name-arrow{font-style:normal;color:var(--accent);font-size:24px;font-weight:950}

.lvl-video-phrase-build{height:100%;display:grid;place-content:center;justify-items:center;gap:14px}
.lvl-video-phrase-parts{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.lvl-video-phrase-token{padding:14px 18px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-raised);font-size:clamp(23px,7vw,36px);line-height:1;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,color .2s ease}
.lvl-video-phrase-token[data-focus="true"]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 48%,var(--border-soft));transform:translateY(-2px)}
.lvl-video-plus{font-style:normal;color:var(--accent);font-size:22px;font-weight:950}
.lvl-video-phrase-note{font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}

.lvl-video-question-answer{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;padding:6px}
.lvl-video-qa-card{min-width:0;display:grid;justify-items:start;gap:9px;padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-raised);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.lvl-video-qa-card[data-active="true"]{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border-soft));background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface-raised))}
.lvl-video-qa-icon{width:36px;height:36px;padding:7px;box-sizing:border-box;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
.lvl-video-qa-card strong{font-size:clamp(17px,4.6vw,24px);line-height:1.1;color:var(--text-primary);word-break:normal;overflow-wrap:normal;hyphens:none}

.lvl-video-dialogue-pair{height:100%;display:grid;align-content:center;gap:12px;padding:7px 14px}
.lvl-video-dialogue-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;max-width:88%;transition:transform .2s ease}
.lvl-video-dialogue-row[data-side="right"]{justify-self:end;grid-template-columns:minmax(0,1fr) 44px}
.lvl-video-dialogue-row[data-side="right"] .lvl-video-dialogue-avatar{grid-column:2}
.lvl-video-dialogue-row[data-side="right"] .lvl-video-dialogue-bubble{grid-column:1;grid-row:1;text-align:right}
.lvl-video-dialogue-row[data-active="true"]{transform:scale(1.018)}
.lvl-video-dialogue-avatar{width:44px;height:44px;color:var(--accent)}
.lvl-video-dialogue-bubble{padding:13px 15px;border:1px solid var(--border-soft);border-radius:15px;background:var(--surface-raised);font-size:clamp(18px,5vw,25px);line-height:1.1;color:var(--text-primary);box-shadow:var(--shadow-sm);word-break:normal;overflow-wrap:normal;hyphens:none}
.lvl-video-dialogue-row[data-active="true"] .lvl-video-dialogue-bubble{border-color:color-mix(in srgb,var(--accent) 50%,var(--border-soft));color:var(--accent)}

.lvl-video-combine{height:100%;display:grid;align-content:center;gap:9px;padding:6px}
.lvl-video-combine-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid var(--border-soft);border-radius:13px;background:var(--surface-raised);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.lvl-video-combine-row[data-active="true"]{border-color:color-mix(in srgb,var(--accent) 52%,var(--border-soft));background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface-raised));transform:translateY(-2px)}
.lvl-video-combine-badge{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:950}
.lvl-video-combine-words{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lvl-video-combine-words strong{font-size:clamp(16px,4.5vw,22px);line-height:1.05;color:var(--text-primary);white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none}
.lvl-video-combine-words i{font-style:normal;color:var(--accent);font-weight:950}

/* Rotating lesson minigames */
[data-ui="sentence-built"]{min-height:52px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px;border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--border-soft));border-radius:11px;background:var(--surface-soft)}
[data-ui="sentence-built"]>span{color:var(--text-secondary);font-size:12px}
[data-ui="sentence-built"] button,[data-ui="sentence-bank"] button{border:1px solid var(--border-soft);border-radius:9px;background:var(--surface-raised);color:var(--text-primary);font-weight:850;padding:9px 11px}
[data-ui="sentence-built"] button{border-color:color-mix(in srgb,var(--accent) 36%,var(--border-soft));background:var(--accent-soft);color:var(--accent)}
[data-ui="sentence-bank"]{display:flex;gap:7px;flex-wrap:wrap}
[data-ui="sentence-bank"] button:disabled{opacity:.32}
[data-ui="sentence-actions"]{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
[data-ui="sentence-actions"] button{min-height:42px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-raised);font-weight:850}
[data-ui="sentence-actions"] button:last-child{background:var(--accent);border-color:var(--accent);color:white}

[data-ui="wordsearch-grid"]{display:grid;grid-template-columns:repeat(var(--wordsearch-cols),minmax(0,1fr));gap:3px;width:min(100%,440px)}
[data-ui="wordsearch-grid"] button{aspect-ratio:1;min-width:0;padding:0;display:grid;place-items:center;border:1px solid var(--border-soft);border-radius:6px;background:var(--surface-raised);font-size:clamp(10px,1.35vw,13px);font-weight:900;color:var(--text-primary)}
[data-ui="wordsearch-grid"] button[data-selected="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
[data-ui="wordsearch-words"]{display:flex;gap:6px;flex-wrap:wrap}
[data-ui="wordsearch-words"] span{padding:5px 8px;border-radius:99px;background:var(--surface-soft);color:var(--text-secondary);font-size:10px;font-weight:850}
[data-ui="wordsearch-words"] span[data-found="true"]{background:var(--accent-soft);color:var(--accent);text-decoration:line-through}
[data-ui="wordsearch-actions"]{display:flex;justify-content:flex-end;margin-top:8px}
[data-ui="wordsearch-actions"] button{border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-raised);color:var(--text-secondary);padding:7px 10px;font-size:10px;font-weight:850}

@media(max-width:560px){
 [data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-ui="native-video-stage"]{height:340px;min-height:340px;padding:14px 15px}
 [data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-ui="native-video-scene"]{padding:10px 0 20px;gap:8px}
 [data-ui="native-lesson-video"][data-visual-version="l02-visual-1"] [data-ui="native-video-scene"] h2{font-size:26px}
 .lvl-video-name-bridge{padding:4px;gap:7px}
 .lvl-video-name-card{padding:13px 7px}
 .lvl-video-name-card strong{font-size:20px}
 .lvl-video-name-icon{width:40px;height:40px;padding:8px}
 .lvl-video-phrase-token{padding:12px 14px;font-size:25px}
 .lvl-video-question-answer{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;gap:6px;padding:2px 8px}
 .lvl-video-question-answer>.lvl-video-name-arrow{transform:rotate(90deg);justify-self:center;font-size:18px}
 .lvl-video-qa-card{grid-template-columns:32px minmax(0,1fr);align-items:center;padding:10px 12px}
 .lvl-video-qa-icon{width:32px;height:32px}
 .lvl-video-qa-card strong{font-size:18px}
 .lvl-video-dialogue-pair{padding:4px 8px;gap:9px}
 .lvl-video-dialogue-row{max-width:94%;grid-template-columns:38px minmax(0,1fr)}
 .lvl-video-dialogue-row[data-side="right"]{grid-template-columns:minmax(0,1fr) 38px}
 .lvl-video-dialogue-avatar{width:38px;height:38px}
 .lvl-video-dialogue-bubble{font-size:18px;padding:11px 12px}
 .lvl-video-combine-row{padding:10px}
 .lvl-video-combine-words{gap:5px}
 .lvl-video-combine-words strong{font-size:16px}
}

@media(prefers-reduced-motion:reduce){
 .lvl-video-hero-word,.lvl-video-bubble,.lvl-video-recognition-word,.lvl-video-time-card,.lvl-video-situation-card{transition:none!important;transform:none!important}
}

[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-standard-card"][data-ui-stage="summary"]{gap:12px}
[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-feedback"][data-state="correct"],
[data-ui="lesson-feedback"][data-state="wrong"]{
 position:relative;
 min-height:0;
 padding:9px 11px 9px 34px;
 border:1px solid;
 border-radius:10px;
 font-weight:750;
}
[data-ui="lesson-feedback"][data-state="correct"]{
 color:color-mix(in srgb,var(--success) 76%,var(--text-primary));
 border-color:color-mix(in srgb,var(--success) 56%,var(--border-soft));
 background:color-mix(in srgb,var(--success) 10%,var(--surface));
}
[data-ui="lesson-feedback"][data-state="wrong"]{
 color:color-mix(in srgb,var(--danger) 76%,var(--text-primary));
 border-color:color-mix(in srgb,var(--danger) 52%,var(--border-soft));
 background:color-mix(in srgb,var(--danger) 8%,var(--surface));
}
[data-ui="lesson-feedback"][data-state="correct"]::before,
[data-ui="lesson-feedback"][data-state="wrong"]::before{
 position:absolute;
 left:11px;
 top:9px;
 width:15px;
 height:15px;
 display:grid;
 place-items:center;
 border-radius:50%;
 font-size:11px;
 font-weight:950;
 line-height:1;
}
[data-ui="lesson-feedback"][data-state="correct"]::before{
 content:"✓";
 color:var(--success);
 border:1px solid color-mix(in srgb,var(--success) 58%,transparent);
}
[data-ui="lesson-feedback"][data-state="wrong"]::before{
 content:"×";
 color:var(--danger);
 border:1px solid color-mix(in srgb,var(--danger) 58%,transparent);
}
[data-ui="lesson-feedback"][data-state="progress"]{
 color:var(--text-secondary);
}
[data-pronunciation-result][data-state]{
 position:relative;
 min-height:0;
 margin-top:9px;
 padding:11px 12px 11px 38px;
 border:1px solid var(--border-soft);
 border-radius:11px;
 background:var(--surface-soft);
}
[data-pronunciation-result][data-state="correct"]{
 border-color:color-mix(in srgb,var(--success) 58%,var(--border-soft));
 background:color-mix(in srgb,var(--success) 11%,var(--surface));
}
[data-pronunciation-result][data-state="wrong"]{
 border-color:color-mix(in srgb,var(--danger) 54%,var(--border-soft));
 background:color-mix(in srgb,var(--danger) 8%,var(--surface));
}
[data-pronunciation-result][data-state="neutral"]{
 border-color:var(--border-soft);
 background:var(--surface-soft);
}
[data-pronunciation-result][data-state]::before{
 position:absolute;
 left:12px;
 top:12px;
 width:17px;
 height:17px;
 display:grid;
 place-items:center;
 border-radius:50%;
 font-size:12px;
 font-weight:950;
 line-height:1;
}
[data-pronunciation-result][data-state="correct"]::before{content:"✓";color:var(--success);border:1px solid color-mix(in srgb,var(--success) 58%,transparent)}
[data-pronunciation-result][data-state="wrong"]::before{content:"×";color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 58%,transparent)}
[data-pronunciation-result][data-state="neutral"]::before{content:"·";color:var(--text-secondary);border:1px solid var(--border-soft)}
[data-pronunciation-result] strong{display:block;font-size:14px}
[data-pronunciation-result][data-state="correct"] strong{color:color-mix(in srgb,var(--success) 78%,var(--text-primary))}
[data-pronunciation-result][data-state="wrong"] strong{color:color-mix(in srgb,var(--danger) 78%,var(--text-primary))}
[data-pronunciation-result] p{margin:2px 0 0!important;font-size:12px!important;line-height:1.4}
[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="pronunciation-bridge"]{
 display:flex;
 align-items:baseline;
 gap:6px;
 flex-wrap:wrap;
 margin:7px 0 2px;
 padding:5px 7px;
 border-left:2px solid color-mix(in srgb,var(--accent) 42%,var(--border-soft));
 background:transparent;
 color:var(--text-secondary);
}
[data-ui="pronunciation-bridge"][hidden]{display:none!important}
[data-ui="pronunciation-bridge"]>span{
 color:var(--text-secondary);
 font-size:10px;
 font-weight:800;
}
[data-ui="pronunciation-bridge"]>strong{
 color:var(--text-primary);
 font-size:13px;
 font-weight:900;
 letter-spacing:.01em;
}
[data-ui="pronunciation-bridge"]>small{
 flex-basis:100%;
 color:var(--text-secondary);
 font-size:10px;
 line-height:1.35;
}
[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}
}

[data-view="lesson"] button[data-interaction="received"]{
  outline:2px solid color-mix(in srgb,var(--accent) 38%,transparent);
  outline-offset:1px;
}
[data-view="lesson"] button[data-interaction="error"]{
  outline:2px solid var(--danger);
  outline-offset:1px;
}

[data-ui="canonical-lesson-media-head"]>div{
  display:flex;
  align-items:center;
  gap:8px;
}
[data-ui="canonical-lesson-media-head"] [data-action="lesson-audio-speed"]{
  min-width:46px;
  min-height:30px;
  padding:5px 9px;
  border:1px solid var(--button-border);
  border-radius:9px;
  background:var(--button-secondary-bg);
  color:var(--button-secondary-text);
  font-size:12px;
  font-weight:900;
  line-height:1;
  box-shadow:var(--shadow-sm);
}
[data-ui="canonical-lesson-media-head"] [data-action="lesson-audio-speed"]:active{
  background:var(--button-secondary-active);
  transform:translateY(1px);
}
[data-action="lesson-tts"][data-audio-state="playing"]{
  border-color:var(--accent)!important;
  background:var(--accent-soft)!important;
  color:var(--accent)!important;
}


[data-ui="lesson-recording-state"]{
 display:grid;
 gap:4px;
 margin-top:8px;
 color:var(--text-secondary);
}
[data-ui="lesson-recording-state"][data-state="idle"]{display:none}
[data-ui="lesson-recording-state"] strong{
 color:var(--text-primary);
 font-size:12px;
}
[data-ui="lesson-recording-state"] small{
 color:var(--text-secondary);
 font-size:11px;
 line-height:1.35;
}
[data-ui="lesson-recording-state"][data-state="recording"],
[data-ui="lesson-recording-state"][data-state="processing"],
[data-ui="lesson-recording-state"][data-state="error"]{
 padding:9px 10px;
 border:1px solid var(--border-soft);
 border-radius:10px;
 background:var(--surface-soft);
}
[data-ui="lesson-recording-state"][data-state="recording"]{
 border-color:color-mix(in srgb,var(--danger) 38%,var(--border-soft));
}
[data-ui="lesson-recording-state"][data-state="recording"] strong{color:var(--danger)}
[data-ui="lesson-recording-state"][data-state="processing"]{
 border-color:color-mix(in srgb,var(--accent) 38%,var(--border-soft));
}
[data-ui="lesson-recording-state"][data-state="error"]{
 border-color:color-mix(in srgb,var(--danger) 50%,var(--border-soft));
 background:color-mix(in srgb,var(--danger) 6%,var(--surface));
}
[data-ui="lesson-recording-state"][data-state="complete"]{
 display:flex;
 align-items:baseline;
 gap:7px;
 margin-top:6px;
 padding:0 2px;
 border:0;
 background:transparent;
}
[data-ui="lesson-recording-state"][data-state="complete"] strong{
 color:var(--text-secondary);
 font-size:10px;
 font-weight:800;
 text-transform:uppercase;
 letter-spacing:.05em;
}
[data-ui="lesson-recording-state"][data-state="complete"] small{
 color:var(--text-secondary);
 font-size:11px;
}
[data-recording-transcript]{
 display:block;
 margin-top:3px;
 padding:9px 10px;
 border-radius:9px;
 background:var(--surface-raised);
 border:1px solid var(--border-soft);
 color:var(--text-primary);
 font-size:15px;
 font-weight:750;
 line-height:1.3;
 min-height:20px;
}
[data-action="lesson-pronunciation-record"][data-recording-state="recording"],
[data-action="lesson-dialogue-record"][data-recording-state="recording"]{
 border-color:var(--danger)!important;
 color:var(--danger)!important;
}
[data-action="lesson-pronunciation-record"][data-recording-state="processing"],
[data-action="lesson-dialogue-record"][data-recording-state="processing"]{
 opacity:.72;
}

/* Data-driven Dutch A1 visuals */
[data-visual-version="nl-a1-generic-1"] [data-native-video-visual]{display:grid;place-items:center;min-height:210px;width:100%}
[data-visual-version="nl-a1-generic-1"] [data-native-video-visual]>div{width:min(100%,680px)}
[data-ui="generic-dialogue"],[data-ui="generic-practice"],[data-ui="generic-phrase-build"]{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
[data-ui="generic-dialogue"] span,[data-ui="generic-phrase-build"] span,[data-ui="generic-practice"] span{padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent,#6d43b5) 28%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--accent,#6d43b5));font-weight:800;white-space:nowrap;word-break:normal;hyphens:none}
[data-ui="generic-dialogue"] i,[data-ui="generic-practice"] i,[data-ui="generic-phrase-build"] i,[data-ui="generic-combine"] i{font-style:normal;color:var(--accent,#6d43b5);font-weight:900}
[data-ui="generic-focus"],[data-ui="generic-situation"]{display:grid;gap:14px;text-align:center;padding:28px;border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent,#6d43b5) 12%,var(--surface,#fff)),var(--surface,#fff))}
[data-ui="generic-focus"] strong,[data-ui="generic-situation"] strong{font-size:clamp(1.5rem,5vw,2.5rem);white-space:nowrap;word-break:normal;hyphens:none}
[data-ui="generic-focus"] small,[data-ui="generic-situation"] small{font-size:.95rem;line-height:1.5}
[data-ui="generic-combine"]{display:grid;gap:10px}
[data-ui="generic-combine"] p{display:flex;justify-content:center;gap:10px;align-items:center;margin:0;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--accent,#6d43b5))}
@media(max-width:640px){[data-visual-version="nl-a1-generic-1"] [data-native-video-visual]{min-height:190px}[data-ui="generic-dialogue"],[data-ui="generic-practice"]{display:grid;grid-template-columns:1fr}[data-ui="generic-dialogue"] i,[data-ui="generic-practice"] i{transform:rotate(90deg);text-align:center}}