.video-library-panel{display:grid;gap:16px}
.video-transcript-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--panel-border);border-radius:15px;background:color-mix(in srgb,var(--theme-soft) 64%,white)}
.video-transcript-actions>div{display:grid;gap:2px;margin-right:auto}.video-transcript-actions strong{color:var(--theme-deep);font-size:12px}.video-transcript-actions span{color:var(--theme-muted);font-size:10px}.video-transcript-actions span[data-state="ready"]{color:#23744e;font-weight:800}.video-transcript-actions span[data-state="warning"]{color:#a26011;font-weight:800}
.video-learning-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(330px,.94fr);gap:16px;align-items:start}
.video-learning-layout[hidden],.video-learning-panel[hidden]{display:none!important}
.video-player-card{position:sticky;top:16px}.video-player-card .video-frame-wrap{aspect-ratio:16/9}
.video-external-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.video-external-links .secondary-cta{font-size:9px;padding:7px 9px}
.video-cue-controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--panel-border);background:rgba(255,255,255,.72)}
.video-cue-controls button{border:1px solid var(--panel-border);border-radius:9px;background:#fff;color:var(--theme-deep);padding:7px 10px;font:800 9px/1 inherit;cursor:pointer}.video-cue-controls button:hover{border-color:var(--theme-accent);color:var(--theme-accent)}
.video-cue-controls label{margin-left:auto;color:var(--theme-muted);font-size:9px;font-weight:800}.video-cue-controls input{accent-color:var(--theme-accent)}
.video-transcript-panel{position:relative;min-height:480px;border:1px solid var(--panel-border);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 16px 38px rgba(28,18,16,.08);overflow:hidden}
.video-learning-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:#17181d}.video-learning-tabs button{border:0;border-radius:8px;padding:9px 6px;background:transparent;color:rgba(255,255,255,.66);font:850 10px/1 inherit;cursor:pointer}.video-learning-tabs button.active{background:var(--theme-accent);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.video-learning-panel{padding:10px}.video-transcript-toggles{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:3px 4px 9px;color:var(--theme-muted);font-size:9px;font-weight:850}.video-transcript-toggles label{cursor:pointer}.video-transcript-toggles input{accent-color:var(--theme-accent)}
.video-transcript-list{display:grid;gap:4px;max-height:520px;overflow:auto;padding:7px 2px 12px;scroll-padding-block:14px;box-sizing:border-box;scrollbar-color:color-mix(in srgb,var(--theme-accent) 48%,transparent) transparent;scrollbar-width:thin}
.video-cue{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:7px;align-items:start;padding:10px 7px;border:1px solid transparent;border-radius:11px;background:rgba(0,0,0,.035);transition:background .15s,border-color .15s,transform .15s}.video-cue.active{border-color:color-mix(in srgb,var(--theme-accent) 58%,transparent);background:color-mix(in srgb,var(--theme-accent) 10%,white);transform:translateX(-2px)}
.video-cue-time{border:0;background:transparent;color:var(--theme-accent);padding:4px 2px;font:900 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.video-cue-time:hover{text-decoration:underline}.video-cue-copy{min-width:0}.video-cue-copy p{margin:0}.video-cue-hanzi{font:700 17px/1.55 "Noto Serif SC",serif;color:var(--theme-deep)}.video-cue-pinyin{color:#a86919;font-size:10px;line-height:1.45}.video-cue-translation{color:var(--theme-muted);font-size:10px;line-height:1.4}.video-cue .unavailable{font-style:italic;opacity:.62}
.video-cue-save{width:27px;height:27px;border:0;border-radius:50%;background:transparent;color:var(--theme-muted);cursor:pointer;font-size:17px}.video-cue-save:hover{background:var(--theme-soft);color:var(--theme-accent)}
.video-word{display:inline;border:0;border-radius:5px;padding:0 1px;background:transparent;color:inherit;font:inherit;cursor:pointer}.video-word:hover,.video-word:focus{background:#ffe8a9;color:#5c3600;outline:none}.video-word.known{text-decoration:underline;text-decoration-color:#49a676;text-decoration-thickness:2px;text-underline-offset:3px}.video-word.review{text-decoration:underline;text-decoration-color:#e0a13c;text-decoration-thickness:2px;text-underline-offset:3px}.video-word.unclassified{opacity:.86}
.hide-video-pinyin .video-cue-pinyin,.hide-video-translation .video-cue-translation,.hide-video-hanzi .video-cue-hanzi{display:none}
.video-transcript-empty{display:grid;place-items:center;align-content:center;gap:5px;min-height:210px;padding:28px;text-align:center;color:var(--theme-muted)}.video-transcript-empty strong{color:var(--theme-deep);font-size:14px}.video-transcript-empty span{max-width:310px;font-size:10px;line-height:1.5}
.video-word-inspector{position:absolute;z-index:4;left:10px;right:10px;bottom:10px;padding:13px;border:1px solid color-mix(in srgb,var(--theme-accent) 35%,var(--panel-border));border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(20,14,12,.22)}.video-word-inspector[hidden]{display:none}.video-word-close{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:var(--theme-soft);cursor:pointer}.video-word-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-right:28px}.video-word-title>strong{font:850 34px/1 "Noto Serif SC",serif;color:var(--theme-accent)}.video-word-title div{display:grid}.video-word-title span{font-weight:850;color:var(--theme-deep);font-size:11px}.video-word-title small{color:var(--theme-muted);font-size:10px}.video-word-title>button{border:0;border-radius:50%;width:32px;height:32px;background:var(--theme-soft);cursor:pointer}
.video-word-inspector dl{display:grid;gap:5px;margin:11px 0}.video-word-inspector dl>div{display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:9px}.video-word-inspector dt{color:var(--theme-muted);font-weight:800}.video-word-inspector dd{margin:0;color:var(--theme-deep);font-weight:700}.video-word-actions{display:flex;gap:6px;flex-wrap:wrap}.video-word-actions button{border:1px solid var(--panel-border);border-radius:9px;background:#fff;color:var(--theme-deep);padding:7px 9px;font-size:8px;font-weight:850;cursor:pointer}.video-word-actions button:disabled{opacity:.45;cursor:not-allowed}.video-word-actions .primary-cta{color:#fff;border-color:transparent}
.video-word-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 3px 9px;color:var(--theme-muted);font-size:9px;font-weight:850}.video-word-filter select{min-height:34px;border:1px solid var(--panel-border);border-radius:9px;background:#fff;padding:6px 8px;color:var(--theme-deep);font:800 9px/1 inherit}
.video-difficulty{margin-bottom:9px;padding:11px;border:1px solid color-mix(in srgb,var(--theme-accent) 22%,var(--panel-border));border-radius:13px;background:color-mix(in srgb,var(--theme-soft) 52%,white)}.video-difficulty[hidden]{display:none}.video-difficulty header{display:flex;justify-content:space-between;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.video-difficulty header::after{display:none}.video-difficulty header div{display:grid;gap:1px}.video-difficulty header span{font-size:8px;font-weight:900;color:var(--theme-muted);text-transform:uppercase;letter-spacing:.07em}.video-difficulty header strong{font-size:12px;color:var(--theme-deep)}.video-difficulty header>b{font-size:9px;color:var(--theme-accent)}.video-analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0}.video-analysis-grid span{padding:6px 3px;border-radius:8px;background:rgba(255,255,255,.75);text-align:center;color:var(--theme-muted);font-size:7px}.video-analysis-grid strong{display:block;color:var(--theme-deep);font-size:12px}.video-difficulty p{margin:0;color:var(--theme-muted);font-size:9px}
.video-words-list,.video-saved-learning-list{display:grid;gap:6px;max-height:430px;overflow:auto}.video-inventory-word{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:9px;text-align:left;padding:9px;border:1px solid var(--panel-border);border-radius:11px;background:rgba(255,255,255,.78);color:inherit;cursor:pointer}.video-inventory-word:hover{border-color:var(--theme-accent);transform:translateY(-1px)}.video-inventory-word strong{grid-row:1/3;font:800 24px/1.25 "Noto Serif SC",serif;color:var(--theme-accent)}.video-inventory-word span{font-size:10px;font-weight:850;color:var(--theme-deep)}.video-inventory-word small{font-size:9px;color:var(--theme-muted)}.video-inventory-word b{grid-row:1/3;grid-column:3;align-self:center;color:var(--theme-muted);font-size:8px}
.video-learning-item{display:grid;grid-template-columns:1fr 30px;gap:5px;border:1px solid var(--panel-border);border-radius:11px;background:rgba(255,255,255,.78);overflow:hidden}.video-learning-item>button:first-child{display:grid;grid-template-columns:48px 1fr;text-align:left;gap:2px 8px;padding:9px;border:0;background:transparent;color:inherit;cursor:pointer}.video-learning-item span{grid-row:1/3;align-self:center;color:var(--theme-accent);font-size:8px;font-weight:900;text-transform:uppercase}.video-learning-item strong{color:var(--theme-deep);font-size:11px}.video-learning-item small{color:var(--theme-muted);font-size:9px}.video-learning-item>button:last-child{border:0;background:transparent;color:var(--theme-muted);font-size:18px;cursor:pointer}
.video-saved-panel{margin-top:2px}.video-saved-panel .video-saved-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:340px}.video-saved-panel .video-select{grid-template-columns:88px minmax(0,1fr)}
@media(max-width:1120px){.video-learning-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr)}.video-saved-panel .video-saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}.video-external-links{justify-content:flex-start}}
@media(max-width:900px){.video-learning-layout{grid-template-columns:1fr}.video-player-card{position:relative;top:auto}.video-transcript-list{max-height:440px}.video-saved-panel .video-saved-list{grid-template-columns:1fr}}
@media(max-width:650px){.video-transcript-actions{align-items:stretch}.video-transcript-actions>div{width:100%}.video-transcript-actions button{flex:1}.video-cue{grid-template-columns:42px minmax(0,1fr) 26px}.video-cue-controls label{width:100%;margin-left:0;text-align:center}.video-now-playing{align-items:stretch}.video-external-links{display:grid;grid-template-columns:1fr}.video-analysis-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.video-cue{transition:none}.video-transcript-list{scroll-behavior:auto}}
.video-transcript-fallbacks{width:100%;display:grid;gap:8px;padding:12px;border:1px dashed rgba(122,74,31,.35);border-radius:14px;background:rgba(255,250,240,.72)}
.video-transcript-fallbacks[hidden]{display:none}.video-transcript-fallbacks>span{font-size:.82rem;opacity:.72}.video-transcript-fallbacks textarea{width:100%;resize:vertical;min-height:92px;border:1px solid rgba(122,74,31,.24);border-radius:10px;padding:10px;background:rgba(255,255,255,.88);font:inherit}.video-transcript-fallbacks>div{display:flex;gap:8px;flex-wrap:wrap}
#videoSyncStatus[data-state="loading"]::before{content:'◌ ';}#videoSyncStatus[data-state="ready"]::before{content:'✓ ';}#videoSyncStatus[data-state="warning"]::before{content:'⚠ ';}
.video-word[data-gloss]{position:relative}.video-word[data-gloss]::after{content:attr(data-gloss);position:absolute;z-index:20;left:50%;bottom:calc(100% + 7px);transform:translate(-50%,4px);width:max-content;max-width:240px;padding:7px 9px;border-radius:9px;background:#172231;color:#fff;font:700 9px/1.35 Inter,sans-serif;white-space:normal;box-shadow:0 7px 20px rgba(0,0,0,.22);opacity:0;visibility:hidden;pointer-events:none;transition:.14s}.video-word[data-gloss]:hover::after,.video-word[data-gloss]:focus::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.video-translation-language{display:grid;gap:2px;min-width:126px;color:var(--theme-muted);font-size:8px;font-weight:850}.video-translation-language select{min-height:31px;border:1px solid var(--panel-border);border-radius:9px;padding:5px 8px;background:rgba(255,255,255,.9);color:var(--theme-deep);font:inherit;font-size:9px}.video-import-source{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--theme-soft) 72%,white);color:var(--theme-deep);font-size:8px;font-weight:850}


/* 1.5.49 — plein écran d'étude : vidéo 75 % / transcription 25 %.
   Le bouton Lóngmò met le conteneur complet en plein écran afin de garder le transcript visible. */
.video-study-fullscreen-button{cursor:pointer}
.video-learning-layout.video-study-overlay{position:fixed!important;inset:0!important;z-index:100000!important}
.video-learning-layout.video-study-fullscreen,
.video-learning-layout:fullscreen,
.video-learning-layout.video-study-overlay{width:100vw;height:100vh;max-width:none;margin:0;padding:10px;box-sizing:border-box;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:10px;align-items:stretch;background:#111318}
.video-learning-layout.video-study-fullscreen .video-player-card,
.video-learning-layout:fullscreen .video-player-card,
.video-learning-layout.video-study-overlay .video-player-card{position:relative;top:auto;height:calc(100vh - 20px);min-width:0;display:flex;flex-direction:column;border-radius:14px;background:#09090b}
.video-learning-layout.video-study-fullscreen .video-frame-wrap,
.video-learning-layout:fullscreen .video-frame-wrap,
.video-learning-layout.video-study-overlay .video-frame-wrap{flex:1 1 auto;min-height:0;aspect-ratio:auto}
.video-learning-layout.video-study-fullscreen .video-frame-wrap iframe,
.video-learning-layout:fullscreen .video-frame-wrap iframe,
.video-learning-layout.video-study-overlay .video-frame-wrap iframe{width:100%;height:100%}
.video-learning-layout.video-study-fullscreen .video-now-playing,
.video-learning-layout:fullscreen .video-now-playing,
.video-learning-layout.video-study-overlay .video-now-playing{flex:0 0 auto;padding:8px 10px;background:#fff}
.video-learning-layout.video-study-fullscreen .video-cue-controls,
.video-learning-layout:fullscreen .video-cue-controls,
.video-learning-layout.video-study-overlay .video-cue-controls{flex:0 0 auto;padding:7px 10px}
.video-learning-layout.video-study-fullscreen .video-transcript-panel,
.video-learning-layout:fullscreen .video-transcript-panel,
.video-learning-layout.video-study-overlay .video-transcript-panel{height:calc(100vh - 20px);min-height:0;display:flex;flex-direction:column;border-radius:14px;background:#fff}
.video-learning-layout.video-study-fullscreen .video-learning-tabs,
.video-learning-layout:fullscreen .video-learning-tabs,
.video-learning-layout.video-study-overlay .video-learning-tabs{flex:0 0 auto}
.video-learning-layout.video-study-fullscreen .video-learning-panel:not([hidden]),
.video-learning-layout:fullscreen .video-learning-panel:not([hidden]),
.video-learning-layout.video-study-overlay .video-learning-panel:not([hidden]){display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}
.video-learning-layout.video-study-fullscreen .video-transcript-toggles,
.video-learning-layout:fullscreen .video-transcript-toggles,
.video-learning-layout.video-study-overlay .video-transcript-toggles{flex:0 0 auto}
.video-learning-layout.video-study-fullscreen .video-transcript-list,
.video-learning-layout:fullscreen .video-transcript-list,
.video-learning-layout.video-study-overlay .video-transcript-list,
.video-learning-layout.video-study-fullscreen .video-words-list,
.video-learning-layout:fullscreen .video-words-list,
.video-learning-layout.video-study-overlay .video-words-list,
.video-learning-layout.video-study-fullscreen .video-saved-learning-list,
.video-learning-layout:fullscreen .video-saved-learning-list,
.video-learning-layout.video-study-overlay .video-saved-learning-list{flex:1 1 auto;min-height:0;max-height:none;overflow:auto}
.video-learning-layout.video-study-fullscreen .video-word-inspector,
.video-learning-layout:fullscreen .video-word-inspector,
.video-learning-layout.video-study-overlay .video-word-inspector{max-height:52vh;overflow:auto}
@media(max-width:900px){
  .video-learning-layout.video-study-fullscreen,
  .video-learning-layout:fullscreen,
  .video-learning-layout.video-study-overlay{grid-template-columns:minmax(0,3fr) minmax(240px,1fr)}
}

/* 1.5.50 — mode étude 75/25 épuré + sous-titres intégrés à la vidéo.
   En plein écran Lóngmò, la bande d'informations/commandes sous la vidéo disparaît.
   La phrase active reste dupliquée sur la vidéo dans un cartouche non interactif. */
.video-frame-wrap{position:relative;overflow:hidden}
.video-study-subtitle-overlay{display:none;position:absolute;z-index:5;left:50%;bottom:clamp(62px,8vh,96px);transform:translateX(-50%);width:min(84%,980px);box-sizing:border-box;padding:12px 20px 13px;border:1px solid rgba(255,255,255,.58);border-radius:14px;background:rgba(255,255,255,.60);box-shadow:0 8px 28px rgba(0,0,0,.22);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none;text-align:center;color:#171717}
.video-study-subtitle-overlay p{margin:0;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.video-study-subtitle-hanzi{font:850 clamp(24px,2.05vw,38px)/1.28 "Noto Serif SC",serif;letter-spacing:.015em}
.video-study-subtitle-translation{margin-top:5px!important;font:750 clamp(13px,1.05vw,20px)/1.3 Inter,system-ui,sans-serif;color:#282828}
.video-study-exit{display:none;position:absolute;z-index:7;top:12px;right:12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:8px 12px;background:rgba(15,15,18,.68);color:#fff;font:800 11px/1 Inter,system-ui,sans-serif;box-shadow:0 4px 18px rgba(0,0,0,.24);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}
.video-study-exit:hover{background:rgba(15,15,18,.86)}

.video-learning-layout.video-study-fullscreen .video-now-playing,
.video-learning-layout:fullscreen .video-now-playing,
.video-learning-layout.video-study-overlay .video-now-playing,
.video-learning-layout.video-study-fullscreen .video-cue-controls,
.video-learning-layout:fullscreen .video-cue-controls,
.video-learning-layout.video-study-overlay .video-cue-controls{display:none!important}

.video-learning-layout.video-study-fullscreen .video-study-subtitle-overlay:not([hidden]),
.video-learning-layout:fullscreen .video-study-subtitle-overlay:not([hidden]),
.video-learning-layout.video-study-overlay .video-study-subtitle-overlay:not([hidden]){display:block}
.video-learning-layout.video-study-fullscreen .video-study-exit:not([hidden]),
.video-learning-layout:fullscreen .video-study-exit:not([hidden]),
.video-learning-layout.video-study-overlay .video-study-exit:not([hidden]){display:block}

/* La vidéo occupe réellement toute la hauteur de la colonne gauche une fois les bandes retirées. */
.video-learning-layout.video-study-fullscreen .video-player-card,
.video-learning-layout:fullscreen .video-player-card,
.video-learning-layout.video-study-overlay .video-player-card{overflow:hidden}
.video-learning-layout.video-study-fullscreen .video-frame-wrap,
.video-learning-layout:fullscreen .video-frame-wrap,
.video-learning-layout.video-study-overlay .video-frame-wrap{height:100%}

@media(max-width:900px){
  .video-study-subtitle-overlay{width:88%;bottom:58px;padding:10px 14px 11px}
  .video-study-subtitle-hanzi{font-size:clamp(20px,2.4vw,30px)}
  .video-study-subtitle-translation{font-size:clamp(12px,1.4vw,16px)}
}
.video-translation-language small{font-size:7px;line-height:1.25;color:var(--theme-muted);font-weight:750}.video-dictionary-source{margin:6px 0 0;color:var(--theme-muted);font-size:8px;line-height:1.45}.video-dictionary-source a{color:var(--theme-deep);font-weight:850;text-decoration:none}.video-dictionary-source a:hover{text-decoration:underline}.video-word-example-translation{display:block;margin-top:4px;color:var(--theme-muted);font-size:9px;line-height:1.35}
.video-script-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid var(--panel-border);background:color-mix(in srgb,var(--theme-soft) 28%,white)}.video-script-choice label{display:flex;align-items:center;gap:6px;color:var(--theme-deep);font-size:8px;font-weight:850}.video-script-choice select{min-height:28px;border:1px solid var(--panel-border);border-radius:8px;padding:3px 7px;background:rgba(255,255,255,.92);color:var(--theme-deep);font:inherit;font-size:8px}.video-script-choice small{color:var(--theme-muted);font-size:7px;line-height:1.2;text-align:right}

/* 1.5.52 — la traduction du mot sélectionné doit être immédiatement visible. */
.video-word-title{align-items:start}
.video-word-title div{gap:3px}
.video-word-title span{font-size:12px}
.video-word-title small{display:flex;align-items:flex-start;gap:6px;color:var(--theme-deep);font-size:13px;font-weight:800;line-height:1.4}
.video-word-lang{flex:0 0 auto;display:inline-grid;place-items:center;margin-top:1px;padding:2px 5px;border-radius:6px;background:var(--theme-soft);color:var(--theme-accent);font-size:8px;font-weight:950;line-height:1.2}
.video-inventory-word small{color:var(--theme-deep);font-size:10px;font-weight:700;line-height:1.35}