/* Lóngmò 1.4.3 — Parler / Speaking */
.speaking-page{padding-bottom:36px}.speaking-app{--s-accent:#e62f23;--s-deep:#7d1511;--s-soft:#fff3e4;--s-panel:rgba(255,250,244,.94);color:var(--theme-ink)}.speaking-app.tocfl{--s-accent:#0a84e8;--s-deep:#063f7a;--s-soft:#eaf7ff;--s-panel:rgba(248,253,255,.94)}
.speaking-hero{position:relative;min-height:250px;overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:26px;background:linear-gradient(90deg,rgba(91,12,8,.91),rgba(148,24,17,.72) 46%,rgba(252,224,184,.14)),url('../assets/themes/hsk/scene.webp') center/cover;box-shadow:0 22px 55px rgba(70,16,9,.24);color:#fff}.speaking-hero.tocfl{background:linear-gradient(90deg,rgba(3,37,79,.93),rgba(4,86,153,.72) 48%,rgba(219,246,255,.10)),url('../assets/themes/tocfl/scene.webp') center/cover}.speaking-hero-copy{position:relative;z-index:2;width:min(650px,68%);padding:42px 44px}.speaking-hero .page-kicker{color:#ffd366}.speaking-hero.tocfl .page-kicker{color:#99e8ff}.speaking-hero h2{margin:4px 0 8px;font:900 clamp(34px,4vw,58px)/1.03 "Noto Serif SC",serif;letter-spacing:.01em}.speaking-hero p{margin:0;font-size:17px;font-weight:800}.speaking-hero-mascot{position:absolute;right:42px;bottom:-15px;z-index:1;width:min(270px,29vw);height:255px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28))}.speaking-profile-chip{position:absolute;right:18px;top:18px;z-index:3;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.55);border-radius:15px;background:rgba(255,255,255,.88);color:var(--s-deep);box-shadow:0 9px 25px rgba(0,0,0,.14);backdrop-filter:blur(12px)}.speaking-profile-chip .profile-avatar{width:36px;height:36px}.speaking-profile-chip strong,.speaking-profile-chip small{display:block}.speaking-profile-chip small{margin-top:2px;font-size:9px;color:#6d6d6d}.speaking-provider-badge{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);font-size:10px;font-weight:850}.speaking-provider-dot{width:8px;height:8px;border-radius:50%;background:#67e790;box-shadow:0 0 0 4px rgba(103,231,144,.16)}
.speaking-track-switch{display:flex;justify-content:center;gap:8px;margin:14px auto 8px}.speaking-track-switch button{border:1px solid var(--panel-border);border-radius:999px;background:var(--glass-strong);padding:9px 16px;color:var(--theme-muted);font-weight:900;cursor:pointer}.speaking-track-switch button.active{background:var(--s-accent);color:#fff;border-color:var(--s-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--s-accent) 28%,transparent)}
.speaking-level-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:10px 0 12px;padding:8px;border-radius:16px;border:1px solid var(--panel-border);background:var(--glass-strong);backdrop-filter:blur(12px)}.speaking-level-bar button{position:relative;min-height:47px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--theme-muted);font-weight:900;cursor:pointer}.speaking-level-bar button.active{background:var(--s-accent);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--s-accent) 25%,transparent)}.speaking-level-bar button:disabled{opacity:.48;cursor:not-allowed}.speaking-level-bar small{display:block;font-size:8px;font-weight:700;margin-top:2px}
.speaking-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:start}.speaking-mode-rail{position:sticky;top:12px;display:grid;gap:7px;padding:12px;border:1px solid var(--panel-border);border-radius:20px;background:color-mix(in srgb,var(--s-deep) 91%,#000 9%);box-shadow:var(--theme-shadow);color:#fff}.speaking-mode-rail>span{padding:3px 4px 6px;color:#ffd8a0;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.speaking-app.tocfl .speaking-mode-rail>span{color:#b9ecff}.speaking-mode-rail button{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.07);padding:11px;color:#fff;cursor:pointer}.speaking-mode-rail button strong{grid-column:2;font-size:12px}.speaking-mode-rail button small{grid-column:2;color:rgba(255,255,255,.68);font-size:8px;margin-top:2px}.speaking-mode-rail button.active{background:var(--s-accent);border-color:rgba(255,255,255,.38);box-shadow:0 8px 18px rgba(0,0,0,.22)}.speaking-mode-rail button:disabled{opacity:.45;cursor:not-allowed}
.speaking-main{display:grid;gap:12px}.speaking-session-card,.speaking-feedback-shell,.speaking-progress{border:1px solid var(--panel-border);background:var(--s-panel);box-shadow:var(--theme-shadow);backdrop-filter:blur(15px)}.speaking-session-card{position:relative;overflow:hidden;border-radius:23px;padding:20px;min-height:480px}.speaking-session-card::after{content:'说';position:absolute;right:-18px;bottom:-34px;color:color-mix(in srgb,var(--s-accent) 6%,transparent);font:900 180px/1 "Noto Serif SC",serif;pointer-events:none}.speaking-session-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--panel-border)}.speaking-session-head>div:first-child{display:flex;align-items:center;gap:10px}.speaking-session-head span{font-size:11px;font-weight:900;color:var(--s-deep)}.speaking-session-head strong{font-size:11px;color:var(--theme-muted)}.speaking-display-toggles{display:flex;gap:9px;font-size:9px;font-weight:800;color:var(--theme-muted)}.speaking-display-toggles label{display:flex;align-items:center;gap:4px;cursor:pointer}.speaking-prompt{position:relative;z-index:1;text-align:center;padding:29px 15px 12px}.speaking-theme{display:inline-block;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:var(--s-soft);color:var(--s-deep);font-size:9px;font-weight:900;text-transform:uppercase}.speaking-hanzi{font:900 clamp(34px,4.5vw,56px)/1.22 "Noto Serif SC",serif;color:var(--s-deep);letter-spacing:.03em}.speaking-pinyin{margin-top:7px;color:#4f6274;font-size:14px;font-weight:750}.speaking-translation{margin-top:4px;color:var(--theme-muted);font-size:13px}.speaking-model-audio{margin-top:12px;border:0;border-radius:999px;padding:8px 13px;background:var(--s-soft);color:var(--s-deep);font-size:10px;font-weight:900;cursor:pointer}.speaking-mic-zone{position:relative;z-index:1;display:grid;justify-items:center;margin-top:6px}.speaking-wave{position:absolute;top:36px;display:flex;align-items:center;justify-content:space-between;width:min(440px,76%);height:66px;pointer-events:none}.speaking-wave i{display:block;width:4px;height:calc(10px + (var(--i) % 5)*7px);border-radius:99px;background:color-mix(in srgb,var(--s-accent) 48%,#fff);animation:speakingWave 1.15s ease-in-out infinite;animation-delay:calc(var(--i)*-.07s)}@keyframes speakingWave{50%{transform:scaleY(.42);opacity:.5}}.speaking-mic{position:relative;z-index:2;display:grid;place-items:center;width:100px;height:100px;border:8px solid color-mix(in srgb,var(--s-accent) 20%,#fff);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--s-accent) 86%,#fff),var(--s-accent));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--s-accent) 36%,transparent),inset 0 2px 0 rgba(255,255,255,.5);font-size:40px;cursor:pointer;transition:.18s}.speaking-mic:hover{transform:scale(1.04)}.speaking-mic.recording{animation:micPulse 1s ease-in-out infinite}@keyframes micPulse{50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--s-accent) 14%,transparent),0 12px 30px color-mix(in srgb,var(--s-accent) 40%,transparent)}}.speaking-mic:disabled{opacity:.65;cursor:wait}.speaking-record-label{margin-top:10px;color:var(--s-accent);font-size:10px;font-weight:900}.speaking-timer{width:min(360px,78%);height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--s-accent) 12%,#ddd)}.speaking-timer span{display:block;height:100%;width:0;background:var(--s-accent);transition:width .1s linear}.speaking-tips{position:absolute;z-index:2;right:16px;top:84px;width:145px;display:grid;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--s-accent) 20%,transparent);border-radius:14px;background:color-mix(in srgb,var(--s-soft) 82%,#fff)}.speaking-tips strong{font-size:10px;color:var(--s-deep)}.speaking-tips span{font-size:8px;color:var(--theme-muted);line-height:1.35}
.speaking-error{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e4a39a;border-radius:14px;background:#fff0ee;padding:11px 13px;color:#8a241c;font-size:11px;font-weight:750}.speaking-error button{border:0;border-radius:9px;background:#fff;padding:7px 10px;color:#8a241c;font-weight:900;cursor:pointer}
.speaking-feedback-shell{border-radius:22px;padding:18px}.speaking-feedback-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--panel-border)}.speaking-feedback-head span,.speaking-feedback-head strong{display:block}.speaking-feedback-head span{font-size:9px;color:var(--s-accent);font-weight:900;text-transform:uppercase}.speaking-feedback-head strong{margin-top:2px;color:var(--s-deep);font-size:15px}.speaking-demo-badge{padding:5px 8px;border-radius:999px;background:#f2ab2d;color:#fff;font-size:8px}.speaking-feedback-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;padding-top:13px}.speaking-transcript{display:grid;align-content:start;gap:8px;padding:13px;border-radius:14px;background:var(--s-soft)}.speaking-transcript>span{font-size:9px;font-weight:900;color:var(--theme-muted);text-transform:uppercase}.speaking-transcript>strong{font:800 22px/1.4 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-transcript audio{width:100%;height:32px}.speaking-transcript small{font-size:8px;line-height:1.4;color:var(--theme-muted)}.speaking-answer-quality{display:grid;gap:2px;margin-top:3px;padding:8px 9px;border-radius:10px;background:#fff}.speaking-answer-quality.ok{border-left:4px solid #26a965}.speaking-answer-quality.warn{border-left:4px solid #e19a27}.speaking-answer-quality strong{font-size:9px}.speaking-answer-quality span{font-size:9px;color:var(--theme-muted)}.speaking-word-errors{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.speaking-word-errors strong{width:100%;font-size:8px;color:var(--theme-muted)}.speaking-word-errors span{padding:4px 6px;border-radius:7px;background:#fff;color:#8a3d32;font-size:8px;font-weight:800}.speaking-score{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}.speaking-score-ring{display:grid;place-items:center;align-content:center;width:94px;height:94px;border-radius:50%;background:conic-gradient(var(--s-accent) 0 72%,color-mix(in srgb,var(--s-accent) 12%,#eee) 72% 100%);box-shadow:inset 0 0 0 10px var(--s-panel)}.speaking-score-ring strong{font-size:24px;color:var(--s-deep)}.speaking-score-ring span{font-size:8px;color:var(--theme-muted)}.speaking-metrics{display:grid;gap:7px}.speaking-metric{display:grid;grid-template-columns:85px 1fr 28px;gap:6px;align-items:center;font-size:8px}.speaking-metric>span{font-weight:800;color:var(--theme-muted)}.speaking-metric>div{height:6px;overflow:hidden;border-radius:99px;background:#e8ecef}.speaking-metric i{display:block;height:100%;background:linear-gradient(90deg,#3ccf85,var(--s-accent));border-radius:99px}.speaking-metric strong{text-align:right;color:var(--s-deep)}.speaking-tone-note{margin-top:11px;padding:8px 10px;border-radius:10px;background:rgba(128,128,128,.09);color:var(--theme-muted);font-size:8px}.speaking-result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px}
.speaking-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px;padding:10px;border-radius:18px}.speaking-progress>div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;padding:9px;border-radius:12px;background:var(--s-soft)}.speaking-progress span{grid-row:1/3;align-self:center;font-size:20px}.speaking-progress strong{font-size:16px;color:var(--s-deep)}.speaking-progress small{font-size:8px;color:var(--theme-muted)}.speaking-privacy{margin:8px 4px 0;color:var(--theme-muted);font-size:8px;text-align:center}
body[data-current-view="speaking"] .keyboard{display:none}body[data-current-view="speaking"] .teacher-buddy{display:none}
@media(max-width:1100px){.speaking-progress{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.speaking-workspace{grid-template-columns:1fr}.speaking-mode-rail{position:static;grid-template-columns:repeat(4,1fr)}.speaking-mode-rail>span{grid-column:1/-1}.speaking-tips{position:static;width:auto;margin:16px auto 0;grid-template-columns:repeat(2,1fr)}.speaking-session-card{min-height:auto}.speaking-feedback-grid{grid-template-columns:1fr}.speaking-hero-mascot{opacity:.55}.speaking-hero-copy{width:82%}}
@media(max-width:720px){.speaking-hero{min-height:220px}.speaking-hero-copy{width:100%;padding:28px 22px}.speaking-hero-mascot{right:-28px;width:220px;opacity:.32}.speaking-profile-chip{display:none}.speaking-level-bar{grid-template-columns:repeat(3,1fr)}.speaking-mode-rail{grid-template-columns:1fr 1fr}.speaking-progress{grid-template-columns:1fr 1fr}.speaking-score{grid-template-columns:82px 1fr}.speaking-score-ring{width:78px;height:78px}.speaking-wave{width:92%}.speaking-tips{grid-template-columns:1fr}.speaking-display-toggles{flex-direction:column;gap:3px}.speaking-hanzi{font-size:34px}}

/* 1.4.4 - moteur Speaking local */
.speaking-local-setup{margin:12px auto 18px;max-width:980px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--speaking-accent,#b42318) 30%,transparent);border-radius:16px;background:rgba(255,255,255,.82);display:flex;gap:8px;align-items:center;flex-wrap:wrap;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.speaking-local-setup strong{font-weight:900}.speaking-local-setup span{flex:1;min-width:280px}.speaking-local-setup code{padding:3px 7px;border-radius:7px;background:rgba(0,0,0,.07);font-weight:800}.speaking-local-setup small{width:100%;opacity:.7}

/* 1.4.5 — feedback oral mot par mot */
.speaking-hanzi.assessed{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px 7px}
.speaking-word-status{display:inline-block;padding:2px 7px 4px;border-radius:10px;transition:transform .16s ease,box-shadow .16s ease;background:rgba(255,255,255,.72);border:2px solid transparent}
.speaking-word-status.green{color:#157447;background:#e8f8ef;border-color:#48bc7b;box-shadow:0 3px 10px rgba(28,142,82,.13)}
.speaking-word-status.orange{color:#9b5b00;background:#fff3d8;border-color:#edae42;box-shadow:0 3px 10px rgba(196,122,13,.13)}
.speaking-word-status.red{color:#aa2e25;background:#fde9e7;border-color:#e45f56;box-shadow:0 3px 10px rgba(178,56,48,.13)}
.speaking-word-status:hover{transform:translateY(-1px)}
.speaking-inline-legend{display:flex;justify-content:center;gap:12px;margin-top:8px;font-size:9px;font-weight:900}
.speaking-inline-legend .green{color:#198754}.speaking-inline-legend .orange{color:#b66b00}.speaking-inline-legend .red{color:#c43d33}
.speaking-word-analysis{display:grid;gap:8px;margin-top:8px;padding:10px 11px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06)}
.speaking-word-analysis-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.speaking-word-analysis-head strong{font-size:10px;color:var(--s-deep)}.speaking-word-analysis-head span{font-size:8px;color:var(--theme-muted)}
.speaking-word-legend{display:flex;flex-wrap:wrap;gap:8px 12px}.speaking-word-legend span{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:800;color:var(--theme-muted)}.speaking-word-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.speaking-word-legend .green i{background:#38b66e}.speaking-word-legend .orange i{background:#e8a33a}.speaking-word-legend .red i{background:#dd554b}
.speaking-score-ring{background:conic-gradient(var(--s-accent) 0 calc(var(--speaking-score,0)*1%),color-mix(in srgb,var(--s-accent) 12%,#eee) calc(var(--speaking-score,0)*1%) 100%)}
.speaking-metric.oral i{background:linear-gradient(90deg,#df5a4e,#e6a83c,#39b975)}
.speaking-metric.confidence i{background:linear-gradient(90deg,#e3a23a,#42a9c8)}
@media(max-width:720px){.speaking-word-analysis-head{align-items:flex-start;flex-direction:column}.speaking-hanzi.assessed{gap:4px}.speaking-word-status{padding:1px 5px 3px}}

/* 1.4.6 - score des réponses + runtime Whisper partagé */
.speaking-metric.answer i{background:linear-gradient(90deg,#d65a4b,#e7b13c,#3fb876)}
.speaking-progress{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1250px){.speaking-progress{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.speaking-progress{grid-template-columns:1fr 1fr}}

/* 1.4.8 - choix du moteur ASR chinois + benchmark local */
.speaking-engine-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:12px 14px;border:1px solid var(--panel-border);border-radius:18px;background:var(--glass-strong);box-shadow:0 8px 24px rgba(0,0,0,.05);backdrop-filter:blur(12px)}
.speaking-engine-picker>div:first-child{display:grid;gap:3px;min-width:210px}.speaking-engine-picker>div:first-child strong{font-size:11px;color:var(--s-deep)}.speaking-engine-picker>div:first-child span{max-width:480px;font-size:8px;line-height:1.4;color:var(--theme-muted)}
.speaking-engine-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.speaking-engine-buttons button{display:grid;gap:2px;min-width:126px;padding:8px 10px;border:1px solid var(--panel-border);border-radius:12px;background:#fff;color:var(--theme-muted);cursor:pointer;text-align:left}.speaking-engine-buttons button strong{font-size:9px}.speaking-engine-buttons button small{font-size:7px;opacity:.72}.speaking-engine-buttons button.active{background:var(--s-accent);border-color:var(--s-accent);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--s-accent) 24%,transparent)}.speaking-engine-buttons button:disabled{opacity:.42;cursor:not-allowed}
.speaking-benchmark{margin-top:12px;padding:12px;border:1px solid var(--panel-border);border-radius:14px;background:color-mix(in srgb,var(--s-soft) 70%,#fff)}.speaking-benchmark-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.speaking-benchmark-head strong{font-size:10px;color:var(--s-deep)}.speaking-benchmark-head span{font-size:8px;color:var(--theme-muted)}.speaking-benchmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.speaking-benchmark-card{display:grid;gap:7px;padding:10px;border:1px solid rgba(0,0,0,.07);border-radius:11px;background:#fff}.speaking-benchmark-card.current{border:2px solid var(--s-accent);box-shadow:0 6px 16px color-mix(in srgb,var(--s-accent) 12%,transparent)}.speaking-benchmark-card header,.speaking-benchmark-card footer{display:flex;justify-content:space-between;gap:8px;align-items:center}.speaking-benchmark-card header strong{font-size:9px;color:var(--s-deep)}.speaking-benchmark-card header span,.speaking-benchmark-card footer small{font-size:7px;color:var(--theme-muted)}.speaking-benchmark-card p{margin:0;min-height:42px;font:700 14px/1.45 "Noto Serif SC",serif;color:var(--theme-ink)}.speaking-benchmark-card footer b{font-size:12px;color:var(--s-accent)}
@media(max-width:980px){.speaking-engine-picker{align-items:stretch;flex-direction:column}.speaking-engine-buttons{justify-content:flex-start}.speaking-benchmark-grid{grid-template-columns:1fr}}

/* 1.4.9 — pinyin mirrors the word-level recognition colors after Repeat analysis. */
.speaking-pinyin.assessed{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-inline:auto;max-width:900px;line-height:1.65}
.speaking-pinyin-status{display:inline-block;padding:1px 6px;border-radius:8px;font-weight:850;background:rgba(255,255,255,.66);border:1px solid transparent}
.speaking-pinyin-status.green{color:#157447;background:#e8f8ef;border-color:#8bd7ab}
.speaking-pinyin-status.orange{color:#9b5b00;background:#fff3d8;border-color:#f0c56f}
.speaking-pinyin-status.red{color:#aa2e25;background:#fde9e7;border-color:#eda39e}

/* 1.5.0 — hub Parler, Shīfu gris et première mission Situation */
.speaking-hero-mascot.speaking-shifu{right:20px;bottom:-34px;width:min(315px,31vw);height:292px;object-fit:cover;object-position:center 37%;border-radius:34px 34px 0 0;filter:drop-shadow(0 18px 24px rgba(0,0,0,.3));mix-blend-mode:normal}
.screen-home .speaking-hero{min-height:225px}.screen-home .speaking-hero-copy{padding-bottom:34px}.screen-home .speaking-hero h2{font-size:clamp(34px,4vw,54px)}
.speaking-hub{display:grid;gap:14px;margin-top:14px}.speaking-hub-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:18px;background:var(--glass-strong);backdrop-filter:blur(14px)}
.speaking-hub-intro{display:grid;gap:2px;text-align:right}.speaking-hub-intro>span{font-size:9px;font-weight:950;letter-spacing:.09em;color:var(--s-accent)}.speaking-hub-intro>strong{font-size:13px;color:var(--s-deep)}.speaking-hub-intro>small{font-size:8px;color:var(--theme-muted)}
.speaking-quick-settings{display:flex;align-items:center;gap:10px}.speaking-quick-track{display:flex;padding:3px;border:1px solid var(--panel-border);border-radius:999px;background:#fff}.speaking-quick-track button{border:0;border-radius:999px;background:transparent;padding:7px 11px;color:var(--theme-muted);font-size:9px;font-weight:900;cursor:pointer}.speaking-quick-track button.active{background:var(--s-accent);color:#fff}.speaking-quick-settings label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:var(--theme-muted)}.speaking-quick-settings select{border:1px solid var(--panel-border);border-radius:10px;background:#fff;padding:7px 9px;color:var(--s-deep);font-weight:900}
.speaking-recommended{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:250px;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:25px;background:linear-gradient(90deg,rgba(91,14,8,.96),rgba(145,35,20,.86) 55%,rgba(58,12,8,.38)),url('../assets/themes/hsk/scene.webp') center/cover;box-shadow:0 20px 44px rgba(80,22,12,.18);color:#fff}.speaking-app.tocfl .speaking-recommended{background:linear-gradient(90deg,rgba(3,44,86,.96),rgba(10,91,149,.86) 55%,rgba(4,43,79,.32)),url('../assets/themes/tocfl/scene.webp') center/cover}.speaking-recommended>div{position:relative;z-index:2;padding:30px}.speaking-recommended-kicker{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.12);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.speaking-recommended h3{margin:10px 0 7px;font:900 27px/1.1 "Noto Serif SC",serif}.speaking-recommended p{max-width:650px;margin:0;color:rgba(255,255,255,.9);font-size:12px;line-height:1.5}.speaking-recommended-meta{display:flex;gap:7px;margin:13px 0}.speaking-recommended-meta span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.13);font-size:8px;font-weight:900}.speaking-recommended .primary-cta{background:#fff;color:var(--s-deep)}.speaking-recommended img{align-self:end;justify-self:end;width:250px;height:250px;object-fit:cover;object-position:center 34%;border-radius:34px 0 0 0;box-shadow:-18px 0 40px rgba(0,0,0,.22)}
.speaking-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.speaking-hub-card{position:relative;display:grid;align-content:start;gap:7px;min-height:180px;text-align:left;border:1px solid var(--panel-border);border-radius:21px;background:var(--s-panel);padding:18px;color:var(--theme-ink);box-shadow:0 11px 27px rgba(31,30,28,.08);cursor:pointer;overflow:hidden}.speaking-hub-card::after{content:'';position:absolute;inset:auto -32px -48px auto;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb,var(--s-accent) 8%,transparent)}.speaking-hub-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--s-accent) 34%,var(--panel-border));box-shadow:0 16px 34px rgba(31,30,28,.12)}.speaking-hub-icon{font-size:28px}.speaking-hub-card strong{font-size:15px;color:var(--s-deep)}.speaking-hub-card small{max-width:340px;font-size:9px;line-height:1.45;color:var(--theme-muted)}.speaking-hub-card b{margin-top:auto;font-size:9px;color:var(--s-accent)}
.speaking-hub-secondary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.speaking-hub-secondary>button,.speaking-hub-stat{display:grid;grid-template-columns:32px 1fr;column-gap:8px;align-items:center;text-align:left;border:1px solid var(--panel-border);border-radius:16px;background:var(--glass-strong);padding:12px;color:var(--theme-ink)}.speaking-hub-secondary>button{cursor:pointer}.speaking-hub-secondary>button:hover{border-color:color-mix(in srgb,var(--s-accent) 34%,var(--panel-border))}.speaking-hub-secondary span{grid-row:1/3;font-size:20px}.speaking-hub-secondary strong{font-size:10px;color:var(--s-deep)}.speaking-hub-secondary small{font-size:8px;color:var(--theme-muted)}
.speaking-subview{display:grid;gap:14px;margin-top:14px}.speaking-subview-head{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--panel-border);border-radius:20px;background:var(--glass-strong);backdrop-filter:blur(14px)}.speaking-subview-head>div{display:grid;gap:3px}.speaking-subview-head span{font-size:9px;font-weight:950;letter-spacing:.08em;color:var(--s-accent)}.speaking-subview-head h3{margin:0;font:900 22px/1.15 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-subview-head p{margin:2px 0 0;max-width:780px;font-size:10px;color:var(--theme-muted);line-height:1.45}
.speaking-situation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.speaking-situation-card{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:start;min-height:155px;border:1px solid var(--panel-border);border-radius:18px;background:var(--s-panel);padding:15px;box-shadow:0 10px 25px rgba(31,30,28,.07)}.speaking-situation-card.available{border-color:color-mix(in srgb,var(--s-accent) 35%,var(--panel-border))}.speaking-situation-card.locked{opacity:.67;filter:saturate(.75)}.speaking-situation-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--s-soft);font-size:24px}.speaking-situation-card strong{display:block;color:var(--s-deep);font-size:13px}.speaking-situation-card p{margin:4px 0;font-size:9px;line-height:1.4;color:var(--theme-muted)}.speaking-situation-card span,.speaking-situation-card>small{font-size:8px;color:var(--theme-muted)}.speaking-situation-card .primary-cta{grid-column:1/-1;justify-self:stretch}.speaking-situation-card>small{grid-column:1/-1;padding-top:6px;text-align:right;font-weight:900;color:var(--s-accent)}
.speaking-situation-run-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--panel-border);border-radius:18px;background:var(--glass-strong)}.speaking-situation-run-head>div{display:grid;gap:2px}.speaking-situation-run-head span{font-size:10px;font-weight:950;color:var(--s-accent)}.speaking-situation-run-head strong{font-size:12px;color:var(--s-deep)}.speaking-situation-run-head>b{font-size:11px;color:var(--theme-muted)}
.speaking-situation-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start}.speaking-mission-panel{position:sticky;top:12px;overflow:hidden;border:1px solid var(--panel-border);border-radius:22px;background:color-mix(in srgb,var(--s-deep) 92%,#000 8%);box-shadow:var(--theme-shadow);color:#fff}.speaking-mission-panel>img{width:100%;height:185px;object-fit:cover;object-position:center 31%;display:block}.speaking-mission-panel>div{display:grid;gap:4px;padding:13px 14px 7px}.speaking-mission-panel>div span{font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#ffd28d}.speaking-mission-panel>div strong{font-size:9px;line-height:1.4}.speaking-mission-panel ol{display:grid;gap:6px;list-style:none;margin:0;padding:8px 12px}.speaking-mission-panel li{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:7px;border-radius:10px;background:rgba(255,255,255,.06);font-size:8px;color:rgba(255,255,255,.72)}.speaking-mission-panel li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.09);font-weight:900}.speaking-mission-panel li.current{background:var(--s-accent);color:#fff}.speaking-mission-panel li.done{color:#baf1ca}.speaking-mission-panel li.done>span{background:#2f9f5a;color:#fff}.speaking-mission-panel>p{margin:5px 12px 13px;padding:9px;border-radius:10px;background:rgba(255,255,255,.08);font-size:8px;line-height:1.4;color:rgba(255,255,255,.82)}
.speaking-situation-main{display:grid;gap:10px}.speaking-character-line{display:grid;gap:3px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--s-accent) 26%,var(--panel-border));border-radius:18px;background:var(--s-soft)}.speaking-character-line span{font-size:8px;font-weight:950;text-transform:uppercase;color:var(--s-accent)}.speaking-character-line strong{font:900 22px/1.25 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-character-line small{font-size:9px;color:var(--theme-muted)}.speaking-situation-main .speaking-session-card{min-height:410px}.speaking-objective-ok{padding:11px 13px;border:1px solid #83d3a1;border-radius:13px;background:#eaf8ef;color:#176b3d;font-size:9px;font-weight:900}
.speaking-result-actions .primary-cta:disabled{opacity:.43;cursor:not-allowed;filter:grayscale(.25)}
.speaking-situation-complete{justify-items:center;text-align:center;padding:30px;border:1px solid var(--panel-border);border-radius:25px;background:var(--s-panel);box-shadow:var(--theme-shadow)}.speaking-situation-complete>img{width:210px;height:210px;object-fit:cover;object-position:center 32%;border-radius:50%;border:7px solid var(--s-soft);box-shadow:0 14px 34px rgba(0,0,0,.16)}.speaking-situation-complete>span{font-size:9px;font-weight:950;letter-spacing:.09em;color:var(--s-accent)}.speaking-situation-complete h3{margin:0;font:900 28px/1.1 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-situation-complete>strong{display:grid;place-items:center;width:98px;height:98px;border-radius:50%;background:var(--s-accent);color:#fff;font-size:24px}.speaking-situation-complete p{max-width:620px;margin:0;font-size:10px;line-height:1.5;color:var(--theme-muted)}.speaking-situation-complete>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.speaking-progress-page{max-width:1000px;margin-inline:auto}.speaking-progress-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.speaking-progress-hero>div{display:grid;gap:4px;padding:18px;border:1px solid var(--panel-border);border-radius:17px;background:var(--s-panel);text-align:center}.speaking-progress-hero strong{font-size:26px;color:var(--s-accent)}.speaking-progress-hero span{font-size:8px;font-weight:850;color:var(--theme-muted)}.speaking-progress-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.speaking-progress-metric,.speaking-progress-mission{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:15px;border:1px solid var(--panel-border);border-radius:16px;background:var(--s-panel)}.speaking-progress-metric span,.speaking-progress-mission span{font-size:9px;font-weight:900;color:var(--theme-muted)}.speaking-progress-metric strong,.speaking-progress-mission strong{font-size:13px;color:var(--s-deep)}.speaking-progress-metric i{grid-column:1/-1;height:6px;overflow:hidden;border-radius:99px;background:#e8e8e8}.speaking-progress-metric i b{display:block;height:100%;border-radius:inherit;background:var(--s-accent)}.speaking-progress-mission small{grid-column:1/-1;color:var(--theme-muted);font-size:8px}
.speaking-practice-head{display:flex;align-items:center;gap:12px;margin:14px 0 8px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:16px;background:var(--glass-strong)}.speaking-practice-head>div{display:grid;gap:2px}.speaking-practice-head span{font-size:9px;font-weight:950;color:var(--s-accent)}.speaking-practice-head strong{font-size:11px;color:var(--s-deep)}
@media(max-width:1100px){.speaking-hub-grid{grid-template-columns:1fr}.speaking-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-situation-layout{grid-template-columns:220px minmax(0,1fr)}.speaking-recommended{grid-template-columns:minmax(0,1fr) 210px}.speaking-recommended img{width:210px}}
@media(max-width:760px){.speaking-hub-top,.speaking-subview-head{align-items:stretch;flex-direction:column}.speaking-hub-intro{text-align:left}.speaking-quick-settings{align-items:stretch;flex-direction:column}.speaking-recommended{display:block}.speaking-recommended img{display:none}.speaking-hub-secondary,.speaking-progress-hero,.speaking-progress-detail,.speaking-situation-grid{grid-template-columns:1fr}.speaking-situation-layout{grid-template-columns:1fr}.speaking-mission-panel{position:static}.speaking-mission-panel>img{height:155px}.speaking-situation-run-head{grid-template-columns:1fr auto}.speaking-situation-run-head>.secondary-cta{grid-column:1/-1;justify-self:start}.speaking-hero-mascot.speaking-shifu{opacity:.42;right:-40px}.speaking-hero-copy{width:82%}}

/* Lóngmò 1.5.1 — immersion visuelle Parler */
.speaking-app{position:relative;isolation:isolate}.speaking-app::before{content:'';position:absolute;inset:0 -18px -22px;z-index:-2;border-radius:30px;opacity:.16;background-position:center;background-size:cover;filter:saturate(1.08)}
.speaking-app.screen-practice.mode-respond::before{background-image:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.85)),url('../assets/speaking/backgrounds/02_conversation.webp')}.speaking-app.screen-practice.mode-repeat::before{background-image:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.86)),url('../assets/speaking/backgrounds/13_entrainement_cible.webp')}.speaking-app.tocfl.screen-practice::before{filter:saturate(.9) hue-rotate(4deg)}
.speaking-hero-immersive{min-height:355px;background-image:linear-gradient(90deg,rgba(20,5,2,.08) 0%,rgba(40,9,6,.12) 48%,rgba(66,10,8,.86) 72%,rgba(35,6,5,.94) 100%),url('../assets/speaking/backgrounds/01_accueil_parler.webp');background-position:center 44%;background-size:cover}.speaking-hero-immersive.tocfl{background-image:linear-gradient(90deg,rgba(3,20,42,.08) 0%,rgba(7,45,75,.16) 48%,rgba(3,49,93,.86) 72%,rgba(2,28,59,.95) 100%),url('../assets/speaking/backgrounds/01_accueil_parler.webp')}.speaking-hero-immersive .speaking-hero-copy{width:min(500px,46%);margin-left:auto;padding:72px 48px 42px 28px;text-shadow:0 2px 14px rgba(0,0,0,.38)}.speaking-hero-immersive .speaking-hero-copy small{display:block;max-width:420px;margin-top:8px;color:rgba(255,255,255,.84);font-size:11px;line-height:1.5}.speaking-hero-immersive .speaking-profile-chip{left:20px;right:auto;background:rgba(255,255,255,.9)}
.speaking-home-stage{display:grid;gap:15px;margin-top:16px}.speaking-home-stage>.speaking-quick-settings{justify-self:end;margin:0}.speaking-art-panel,.speaking-art-card,.speaking-art-surface,.speaking-mini-art{--speaking-art:none}.speaking-recommended{position:relative;display:grid;min-height:310px;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:28px;background-image:var(--speaking-art);background-position:center;background-size:cover;box-shadow:0 24px 55px rgba(53,17,8,.2)}.speaking-recommended-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,10,6,.9),rgba(67,18,10,.78) 45%,rgba(67,18,10,.24) 72%,rgba(67,18,10,.06))}.tocfl .speaking-recommended-shade{background:linear-gradient(90deg,rgba(3,30,64,.92),rgba(6,61,104,.8) 45%,rgba(6,61,104,.24) 72%,rgba(6,61,104,.05))}.speaking-recommended-copy{position:relative;z-index:1;display:grid;align-content:center;gap:10px;width:min(560px,60%);padding:34px 38px;color:#fff}.speaking-recommended-kicker{font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#ffd38d}.tocfl .speaking-recommended-kicker{color:#b9ecff}.speaking-recommended h3{margin:0;font:900 clamp(26px,3.3vw,43px)/1.05 "Noto Serif SC",serif}.speaking-recommended p{max-width:510px;margin:0;color:rgba(255,255,255,.9);font-size:12px;line-height:1.55}.speaking-recommended-meta{display:flex;flex-wrap:wrap;gap:7px}.speaking-recommended-meta span{padding:6px 9px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.12);font-size:9px;font-weight:900}.speaking-recommended .primary-cta{justify-self:start;margin-top:4px;background:#fff;color:var(--s-deep)}
.speaking-hub-intro{padding:3px 3px 0}.speaking-hub-intro span{display:block;font-size:10px;font-weight:950;color:var(--s-accent);letter-spacing:.08em}.speaking-hub-intro strong{display:block;margin-top:2px;font:900 24px/1.1 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-hub-intro small{display:block;margin-top:4px;color:var(--theme-muted);font-size:9px}.speaking-hub-grid{gap:14px}.speaking-hub-card.speaking-art-card{display:grid;grid-template-rows:170px 1fr;min-height:330px;padding:0;background:#fff;border:1px solid rgba(255,255,255,.82);box-shadow:0 16px 35px rgba(42,21,11,.13)}.speaking-card-image{display:block;background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.05)),var(--speaking-art);background-size:cover;background-position:center;transition:transform .25s}.speaking-hub-card:hover .speaking-card-image{transform:scale(1.025)}.speaking-card-body{position:relative;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:5px 9px;padding:16px 17px 18px}.speaking-card-body .speaking-hub-icon{grid-row:1/4;font-size:24px}.speaking-card-body strong{font-size:16px}.speaking-card-body small{font-size:9px;line-height:1.5}.speaking-card-body b{margin-top:6px;font-size:9px}.speaking-hub-card::after{display:none}
.speaking-hub-secondary{gap:11px}.speaking-mini-art{position:relative;overflow:hidden;min-height:88px;background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.82)),var(--speaking-art)!important;background-size:cover!important;background-position:center!important}.speaking-mini-art::after{content:'';position:absolute;inset:0 0 0 auto;width:35%;background:var(--speaking-art) center/cover;opacity:.32;mask-image:linear-gradient(90deg,transparent,#000)}
.speaking-situations-stage{position:relative}.speaking-situations-stage>.speaking-subview-head{min-height:190px;align-items:flex-end;color:#fff;background-image:linear-gradient(90deg,rgba(34,8,4,.82),rgba(34,8,4,.46),rgba(34,8,4,.13)),var(--speaking-art);background-position:center;background-size:cover;border-color:rgba(255,255,255,.58);box-shadow:0 20px 45px rgba(45,18,10,.18)}.speaking-situations-stage>.speaking-subview-head h3,.speaking-situations-stage>.speaking-subview-head span,.speaking-situations-stage>.speaking-subview-head p{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.speaking-situation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.speaking-situation-card.speaking-art-card{display:grid;grid-template-rows:145px 1fr;min-height:300px;overflow:hidden;padding:0;background:#fff;border-color:rgba(255,255,255,.82);box-shadow:0 14px 30px rgba(41,21,12,.12)}.speaking-situation-photo{background-image:var(--speaking-art);background-size:cover;background-position:center}.speaking-situation-copy{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto 1fr;gap:3px 9px;padding:12px 13px}.speaking-situation-copy .speaking-situation-icon{grid-row:1/4;width:42px;height:42px;font-size:20px}.speaking-situation-copy>strong{font-size:13px}.speaking-situation-copy>p,.speaking-situation-copy>span{font-size:8px}.speaking-situation-copy .primary-cta,.speaking-situation-copy>small{grid-column:1/-1;align-self:end;margin-top:8px}.speaking-situation-card.locked{opacity:.82;filter:saturate(.83)}
.speaking-art-surface{position:relative;overflow:hidden;border-radius:26px}.speaking-art-surface::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--speaking-art);background-size:cover;background-position:center;filter:saturate(1.08)}.speaking-art-surface::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,250,244,.12),rgba(255,250,244,.88) 42%,rgba(255,250,244,.98) 100%)}.tocfl .speaking-art-surface::after{background:linear-gradient(180deg,rgba(242,251,255,.12),rgba(242,251,255,.88) 42%,rgba(242,251,255,.98) 100%)}
.speaking-situation-run{padding:12px}.speaking-situation-run-head{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(0,0,0,.1)}.speaking-situation-stage{position:relative;min-height:310px;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 36px rgba(39,13,7,.18)}.speaking-situation-scene{position:absolute;inset:0;background-image:var(--speaking-art);background-size:cover;background-position:center;transform:scale(1.02)}.speaking-situation-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,6,3,.04),rgba(13,6,3,.12) 52%,rgba(13,6,3,.68))}.speaking-situation-dialogue{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:grid;gap:4px;width:min(400px,43%);padding:20px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 16px 34px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.speaking-situation-dialogue>span{font-size:9px;font-weight:950;color:var(--s-accent)}.speaking-situation-dialogue>strong{font:900 clamp(22px,2.6vw,34px)/1.25 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-situation-dialogue>small{color:var(--theme-muted);font-size:11px}.speaking-scene-audio{justify-self:start;margin-top:6px;border:0;border-radius:999px;padding:8px 11px;background:var(--s-soft);color:var(--s-deep);font-weight:900;cursor:pointer}.speaking-situation-layout{grid-template-columns:245px minmax(0,1fr);gap:14px}.speaking-mission-panel{background:rgba(43,13,8,.92);backdrop-filter:blur(14px)}.tocfl .speaking-mission-panel{background:rgba(2,42,77,.92)}.speaking-mission-panel>div{padding-top:15px}.speaking-situation-main .speaking-session-card{min-height:395px;background:rgba(255,255,255,.94)}
.speaking-progress-page{padding:15px;min-height:560px}.speaking-progress-page>.speaking-subview-head,.speaking-progress-page .speaking-progress-hero>div,.speaking-progress-page .speaking-progress-metric,.speaking-progress-page .speaking-progress-mission{background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
.speaking-situation-complete{min-height:620px;padding:25px;place-items:center}.speaking-complete-glass{display:grid;justify-items:center;gap:10px;max-width:650px;padding:28px 34px;border:1px solid rgba(255,255,255,.75);border-radius:26px;background:rgba(255,255,255,.93);box-shadow:0 25px 55px rgba(0,0,0,.2);backdrop-filter:blur(16px);text-align:center}.speaking-complete-glass>img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:7px solid var(--s-soft);box-shadow:0 14px 34px rgba(0,0,0,.16)}.speaking-complete-glass>span{font-size:9px;font-weight:950;letter-spacing:.09em;color:var(--s-accent)}.speaking-complete-glass h3{margin:0;font:900 28px/1.1 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-complete-glass>strong{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--s-accent);color:#fff;font-size:22px}.speaking-complete-glass p{max-width:550px;margin:0;color:var(--theme-muted);font-size:10px;line-height:1.5}.speaking-complete-glass>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.speaking-app.screen-practice .speaking-practice-head{margin-top:0;background:rgba(255,255,255,.92)}.speaking-app.screen-practice .speaking-level-bar,.speaking-app.screen-practice .speaking-track-switch button{backdrop-filter:blur(12px)}.speaking-app.screen-practice .speaking-session-card,.speaking-app.screen-practice .speaking-feedback-shell{background:rgba(255,255,255,.95)}
@media(max-width:1100px){.speaking-hero-immersive .speaking-hero-copy{width:52%;padding-right:28px}.speaking-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-situation-dialogue{width:min(440px,52%)}.speaking-recommended-copy{width:68%}}
@media(max-width:760px){.speaking-hero-immersive{min-height:330px;background-position:42% center}.speaking-hero-immersive .speaking-hero-copy{width:72%;margin-left:auto;padding:120px 18px 24px}.speaking-hero-immersive .speaking-profile-chip{top:12px;left:12px}.speaking-recommended{min-height:340px}.speaking-recommended-copy{width:auto;padding:28px 22px;background:linear-gradient(180deg,rgba(38,8,5,.2),rgba(38,8,5,.88))}.speaking-hub-card.speaking-art-card{grid-template-rows:150px 1fr;min-height:300px}.speaking-situation-grid{grid-template-columns:1fr}.speaking-situation-stage{min-height:360px}.speaking-situation-dialogue{left:16px;right:16px;top:auto;bottom:16px;width:auto;transform:none}.speaking-situation-layout{grid-template-columns:1fr}.speaking-situation-run{padding:7px}.speaking-complete-glass{padding:22px 16px}.speaking-app::before{inset:0 -8px -12px}}


/* Lóngmò 1.5.2 — situations immersives plein écran */
.speaking-situation-run.speaking-art-surface{min-height:900px;background:#2c120c}
.speaking-situation-run.speaking-art-surface::before{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(1.08) contrast(1.02)}
.speaking-situation-run.speaking-art-surface::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,8,4,.20),rgba(24,8,4,.36) 44%,rgba(24,8,4,.58));backdrop-filter:none}
.speaking-app.tocfl .speaking-situation-run.speaking-art-surface::after{background:linear-gradient(180deg,rgba(2,20,39,.16),rgba(2,32,60,.34) 44%,rgba(2,25,48,.60))}
.speaking-situation-run-head{position:relative;z-index:2;background:rgba(255,255,255,.88);backdrop-filter:blur(16px)}
.speaking-situation-stage{min-height:clamp(360px,45vw,600px);z-index:1}
.speaking-situation-scene{background-position:center;background-size:cover;transform:none}
.speaking-situation-scene::after{background:linear-gradient(90deg,rgba(12,5,2,.02) 0%,rgba(12,5,2,.06) 48%,rgba(12,5,2,.72) 100%)}
.speaking-situation-layout{position:relative;z-index:2;margin-top:14px}
.speaking-mission-panel{border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 45px rgba(0,0,0,.26);background:rgba(45,14,8,.88)}
.speaking-situation-main .speaking-session-card,.speaking-situation-main .speaking-feedback-shell{background:rgba(255,255,255,.91);backdrop-filter:blur(18px);box-shadow:0 20px 48px rgba(0,0,0,.24)}
.speaking-situation-card.available{transition:transform .2s ease,box-shadow .2s ease}
.speaking-situation-card.available:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(41,21,12,.20)}
.speaking-situation-card.available .speaking-situation-photo{min-height:160px}
@media(max-width:760px){.speaking-situation-stage{min-height:420px}}

/* Lóngmò 1.5.3 — situations: la conversation se déroule directement sur le décor HD */
.speaking-app.screen-scenario .speaking-situation-run.speaking-art-surface{
  position:relative;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  background-image:var(--speaking-art);
  background-size:cover;
  background-position:center;
  background-color:#2c120c;
  box-shadow:0 26px 70px rgba(34,10,5,.28);
}
.speaking-app.screen-scenario .speaking-situation-run.speaking-art-surface::before,
.speaking-app.screen-scenario .speaking-situation-run.speaking-art-surface::after{display:none}
.speaking-app.screen-scenario .speaking-situation-stage{
  position:relative;
  z-index:0;
  min-height:clamp(680px,74vh,840px);
  overflow:hidden;
  border:0;
  border-radius:28px;
  background-image:var(--speaking-art);
  background-size:cover;
  background-position:center;
  box-shadow:none;
}
.speaking-app.screen-scenario .speaking-situation-scene{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:var(--speaking-art);
  background-size:cover;
  background-position:center;
  transform:none;
}
.speaking-app.screen-scenario .speaking-situation-scene::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(10,4,2,.20) 0%,rgba(10,4,2,.02) 23%,rgba(10,4,2,.03) 62%,rgba(10,4,2,.32) 100%),
    linear-gradient(90deg,rgba(8,3,2,.18) 0%,rgba(8,3,2,0) 34%,rgba(8,3,2,0) 64%,rgba(8,3,2,.14) 100%);
}
.speaking-app.screen-scenario .speaking-situation-run-head{
  position:absolute;
  z-index:8;
  top:18px;
  left:18px;
  right:18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:13px;
  margin:0;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:17px;
  background:rgba(30,10,6,.54);
  color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.17);
  backdrop-filter:blur(14px);
}
.speaking-app.tocfl.screen-scenario .speaking-situation-run-head{background:rgba(2,31,58,.58)}
.speaking-app.screen-scenario .speaking-situation-run-head .secondary-cta{
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.90);
}
.speaking-app.screen-scenario .speaking-situation-run-head div{display:grid;gap:2px}
.speaking-app.screen-scenario .speaking-situation-run-head div span{font-size:12px;font-weight:950;color:#fff}
.speaking-app.screen-scenario .speaking-situation-run-head div strong{font-size:9px;color:rgba(255,255,255,.78)}
.speaking-app.screen-scenario .speaking-situation-run-head>b{
  display:grid;place-items:center;min-width:58px;height:34px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--s-deep);font-size:11px
}
.speaking-app.screen-scenario .speaking-mission-overlay{
  position:absolute;
  z-index:6;
  left:20px;
  bottom:20px;
  width:260px;
  max-height:420px;
  overflow:auto;
  margin:0;
  padding:0 13px 13px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  background:rgba(42,12,7,.76);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}
.speaking-app.tocfl.screen-scenario .speaking-mission-overlay{background:rgba(2,39,69,.78)}
.speaking-app.screen-scenario .speaking-mission-overlay>div{padding-top:13px}
.speaking-app.screen-scenario .speaking-mission-overlay>div span{font-size:8px;letter-spacing:.1em}
.speaking-app.screen-scenario .speaking-mission-overlay>div strong{font-size:9px;line-height:1.45}
.speaking-app.screen-scenario .speaking-mission-overlay ol{gap:6px;margin-top:9px}
.speaking-app.screen-scenario .speaking-mission-overlay li{min-height:38px;padding:7px 8px;font-size:8px}
.speaking-app.screen-scenario .speaking-mission-overlay li span{width:24px;height:24px}
.speaking-app.screen-scenario .speaking-mission-overlay p{margin:9px 0 0;font-size:8px;line-height:1.4;color:rgba(255,255,255,.78)}
.speaking-app.screen-scenario .speaking-situation-dialogue{
  position:absolute;
  z-index:7;
  top:105px;
  right:24px;
  width:min(470px,39%);
  max-width:calc(100% - 340px);
  transform:none;
  display:grid;
  gap:6px;
  padding:19px 20px;
  border:1px solid rgba(255,255,255,.80);
  border-radius:22px;
  background:rgba(255,255,255,.91);
  box-shadow:0 18px 42px rgba(0,0,0,.22);
  backdrop-filter:blur(15px);
}
.speaking-app.screen-scenario .speaking-situation-dialogue-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}
.speaking-app.screen-scenario .speaking-situation-dialogue-meta>span{font-size:9px;font-weight:950;color:var(--s-accent)}
.speaking-situation-display-toggles{display:flex;gap:8px;color:#73584e;font-size:8px;font-weight:850}
.speaking-situation-display-toggles label{display:flex;align-items:center;gap:3px;cursor:pointer}
.speaking-app.screen-scenario .speaking-situation-dialogue>strong{font:900 clamp(24px,2.55vw,38px)/1.22 "Noto Serif SC",serif;color:var(--s-deep)}
.speaking-app.screen-scenario .speaking-situation-dialogue>small{font-size:11px;font-weight:750;color:#4e6070}
.speaking-app.screen-scenario .speaking-situation-dialogue>em{font-style:normal;font-size:11px;color:#765f56}
.speaking-app.screen-scenario .speaking-situation-response{
  position:absolute;
  z-index:9;
  left:50%;
  bottom:26px;
  width:min(390px,36%);
  transform:translateX(-50%);
}
.speaking-situation-response-card{
  position:relative;
  display:grid;
  justify-items:center;
  gap:7px;
  padding:12px 18px 11px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:24px;
  background:rgba(28,9,5,.62);
  color:#fff;
  box-shadow:0 16px 36px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
}
.speaking-app.tocfl .speaking-situation-response-card{background:rgba(2,34,61,.65)}
.speaking-situation-mic{
  position:relative;z-index:2;display:grid;place-items:center;width:76px;height:76px;border:6px solid rgba(255,255,255,.30);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--s-accent) 86%,#fff),var(--s-accent));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--s-accent) 42%,transparent);font-size:31px;cursor:pointer;transition:.18s
}
.speaking-situation-mic:hover{transform:scale(1.04)}
.speaking-situation-mic.recording{animation:micPulse 1s ease-in-out infinite}
.speaking-situation-mic:disabled{opacity:.66;cursor:wait}
.speaking-situation-response-wave{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:240px;height:42px;opacity:.55;pointer-events:none}
.speaking-situation-response-wave i{display:block;width:3px;height:calc(7px + (var(--i) % 5)*5px);border-radius:99px;background:#fff;animation:speakingWave 1.15s ease-in-out infinite;animation-delay:calc(var(--i)*-.07s)}
.speaking-situation-record-label{font-size:9px;font-weight:900;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.speaking-situation-timer{width:80%;height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.22)}
.speaking-situation-timer span{display:block;height:100%;width:0;background:#fff;transition:width .1s linear}
.speaking-app.screen-scenario .speaking-situation-feedback{
  position:absolute;
  z-index:10;
  right:24px;
  bottom:24px;
  width:min(520px,43%);
}
.speaking-situation-feedback-card{
  display:grid;
  gap:10px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  color:var(--theme-ink);
  box-shadow:0 20px 46px rgba(0,0,0,.26);
  backdrop-filter:blur(16px)
}
.speaking-situation-feedback-card.ok{border-color:rgba(61,156,91,.45)}
.speaking-situation-feedback-card.warn{border-color:rgba(205,98,55,.45)}
.speaking-situation-feedback-head{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}
.speaking-situation-feedback-head>div{display:flex;align-items:center;gap:8px}
.speaking-situation-feedback-head span{font-size:9px;font-weight:950;color:var(--s-deep)}
.speaking-situation-feedback-head strong{font-size:19px;color:var(--s-accent)}
.speaking-situation-feedback-head small{font-size:8px;color:var(--theme-muted);line-height:1.35}
.speaking-situation-transcript{display:grid;gap:3px;padding:9px 10px;border-radius:12px;background:var(--s-soft)}
.speaking-situation-transcript span{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--s-deep)}
.speaking-situation-transcript strong{font-size:13px;line-height:1.35}
.speaking-situation-mini-metrics{display:flex;gap:7px;flex-wrap:wrap}
.speaking-situation-mini-metrics span{padding:6px 8px;border:1px solid var(--panel-border);border-radius:999px;font-size:8px;color:var(--theme-muted)}
.speaking-situation-mini-metrics b{color:var(--s-deep)}
.speaking-situation-feedback-actions{display:flex;justify-content:flex-end;gap:7px}
.speaking-situation-feedback-actions button{min-height:34px;padding:7px 12px}
.speaking-app.screen-scenario .speaking-situation-stage:has(.speaking-situation-feedback-card) .speaking-situation-response{display:none}
.speaking-app.screen-scenario>.speaking-privacy{margin-top:10px}

@media(max-width:1050px){
  .speaking-app.screen-scenario .speaking-situation-stage{min-height:760px}
  .speaking-app.screen-scenario .speaking-situation-dialogue{top:100px;right:18px;width:52%;max-width:none}
  .speaking-app.screen-scenario .speaking-mission-overlay{left:18px;bottom:18px;width:230px}
  .speaking-app.screen-scenario .speaking-situation-response{bottom:20px;width:320px}
  .speaking-app.screen-scenario .speaking-situation-feedback{right:18px;bottom:18px;width:48%}
}
@media(max-width:760px){
  .speaking-app.screen-scenario .speaking-situation-stage{min-height:900px;background-position:center}
  .speaking-app.screen-scenario .speaking-situation-run-head{top:10px;left:10px;right:10px}
  .speaking-app.screen-scenario .speaking-situation-dialogue{top:88px;left:10px;right:10px;width:auto;max-width:none}
  .speaking-app.screen-scenario .speaking-mission-overlay{left:10px;right:10px;bottom:150px;width:auto;max-height:250px}
  .speaking-app.screen-scenario .speaking-situation-response{left:10px;right:10px;bottom:10px;width:auto;transform:none}
  .speaking-app.screen-scenario .speaking-situation-feedback{left:10px;right:10px;bottom:10px;width:auto}
  .speaking-situation-display-toggles{font-size:7px}
}

/* Lóngmò 1.5.4 — images HD garanties + double moteur chinois sans Whisper */
.speaking-engine-picker.compact{
  margin:8px 0 12px;
  padding:9px 11px;
  border-radius:15px;
  background:rgba(255,255,255,.84);
}
.speaking-engine-picker.compact>div:first-child{min-width:170px}
.speaking-engine-picker.compact>div:first-child strong{font-size:10px}
.speaking-engine-picker.compact>div:first-child span{font-size:7px}
.speaking-engine-picker.compact .speaking-engine-buttons button{min-width:112px;padding:7px 9px}
.speaking-engine-picker.compact .speaking-engine-buttons button strong{font-size:8px}
.speaking-engine-picker.compact .speaking-engine-buttons button small{font-size:6.5px}

.speaking-app.screen-scenario .speaking-situation-run.speaking-art-surface{
  background-color:#21100b;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.speaking-app.screen-scenario .speaking-situation-stage{
  isolation:isolate;
  background:transparent!important;
}
.speaking-app.screen-scenario .speaking-situation-scene-image{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  opacity:1;
  filter:saturate(1.04) contrast(1.01);
  pointer-events:none;
  user-select:none;
}
.speaking-app.screen-scenario .speaking-situation-scene-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,3,2,.10) 0%,rgba(7,3,2,.015) 34%,rgba(7,3,2,.03) 68%,rgba(7,3,2,.22) 100%),
    linear-gradient(90deg,rgba(8,3,2,.12) 0%,rgba(8,3,2,0) 30%,rgba(8,3,2,0) 68%,rgba(8,3,2,.08) 100%);
}
.speaking-app.screen-scenario .speaking-situation-run-head,
.speaking-app.screen-scenario .speaking-mission-overlay,
.speaking-app.screen-scenario .speaking-situation-dialogue,
.speaking-app.screen-scenario .speaking-situation-response,
.speaking-app.screen-scenario .speaking-situation-feedback{position:absolute}
.speaking-app.screen-scenario .speaking-situation-run-head{z-index:12}
.speaking-app.screen-scenario .speaking-mission-overlay{z-index:10}
.speaking-app.screen-scenario .speaking-situation-dialogue{z-index:11}
.speaking-app.screen-scenario .speaking-situation-response{z-index:13}
.speaking-app.screen-scenario .speaking-situation-feedback{z-index:14}

/* L'image est une vraie ressource <img>, pas seulement une variable CSS : impossible qu'un chemin relatif de feuille de style la masque. */
.speaking-app.screen-scenario .speaking-situation-scene{display:none!important}

@media(max-width:760px){
  .speaking-engine-picker.compact{align-items:stretch;flex-direction:column}
  .speaking-engine-picker.compact .speaking-engine-buttons{justify-content:flex-start}
}


/* Lóngmò 1.5.6 — correctif cartes Speaking + rendu d'image unique */
.speaking-hub-card.speaking-art-card,
.speaking-situation-card.speaking-art-card{
  background-image:none!important;
  background-repeat:no-repeat!important;
}
.speaking-card-image,
.speaking-situation-photo{
  background-repeat:no-repeat;
}
.speaking-mini-art::after{display:none}
.speaking-mini-art{
  background-repeat:no-repeat!important;
}

/* Lóngmò 1.5.7 — cartes Speaking immersives, sans zones blanches */
.speaking-hub-grid{gap:16px}
.speaking-hub-card.speaking-art-card{
  position:relative;
  display:block;
  min-height:300px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:24px;
  background:#24120d;
  box-shadow:0 18px 42px rgba(43,20,11,.18);
  isolation:isolate;
}
.speaking-hub-card.speaking-art-card .speaking-card-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
  transition:transform .32s ease,filter .32s ease;
  z-index:0;
}
.speaking-hub-card.speaking-art-card:hover .speaking-card-image{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}
.speaking-card-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(12,5,3,.04) 0%,rgba(12,5,3,.10) 42%,rgba(12,5,3,.80) 100%);
}
.speaking-hub-card.speaking-art-card .speaking-card-body{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:5px 10px;
  padding:19px 20px 20px;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.speaking-hub-card.speaking-art-card .speaking-card-body .speaking-hub-icon{grid-row:1/4;font-size:25px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
.speaking-hub-card.speaking-art-card .speaking-card-body strong{font-size:18px;color:#fff}
.speaking-hub-card.speaking-art-card .speaking-card-body small{font-size:10px;line-height:1.5;color:rgba(255,255,255,.92)}
.speaking-hub-card.speaking-art-card .speaking-card-body b{margin-top:4px;font-size:10px;color:#ffe0a8}
.tocfl .speaking-hub-card.speaking-art-card .speaking-card-body b{color:#bfeeff}

.speaking-hub-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.speaking-mini-art,.speaking-hub-stat{
  min-height:108px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 12px 28px rgba(41,21,12,.11);
}
.speaking-mini-art{
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
  background-image:linear-gradient(90deg,rgba(30,8,4,.72),rgba(30,8,4,.30)),var(--speaking-art)!important;
  background-size:cover!important;
  background-position:center!important;
}
.speaking-mini-art strong,.speaking-mini-art small{color:#fff!important}
.speaking-hub-stat{background:linear-gradient(135deg,rgba(255,248,238,.96),rgba(255,235,213,.94))}

.speaking-situation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.speaking-situation-card.speaking-art-card{
  position:relative;
  display:block;
  min-height:280px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.70);
  border-radius:22px;
  background:#21100b;
  box-shadow:0 16px 34px rgba(42,20,10,.18);
  isolation:isolate;
}
.speaking-situation-card.speaking-art-card .speaking-situation-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
  z-index:0;
  transition:transform .28s ease,filter .28s ease;
}
.speaking-situation-card.available:hover .speaking-situation-photo{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}
.speaking-situation-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(13,5,2,.02) 0%,rgba(13,5,2,.08) 35%,rgba(13,5,2,.86) 100%);
}
.speaking-situation-card.speaking-art-card .speaking-situation-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto auto auto;
  gap:3px 9px;
  padding:15px;
  color:#fff;
  text-shadow:0 2px 9px rgba(0,0,0,.48);
}
.speaking-situation-card.speaking-art-card .speaking-situation-icon{
  grid-row:1/4;
  width:42px;
  height:42px;
  background:rgba(255,250,241,.92);
  color:#8e241d;
  text-shadow:none;
  backdrop-filter:blur(8px);
}
.speaking-situation-card.speaking-art-card .speaking-situation-copy>strong{font-size:15px;color:#fff}
.speaking-situation-card.speaking-art-card .speaking-situation-copy>p{margin:2px 0;font-size:9px;line-height:1.4;color:rgba(255,255,255,.94)}
.speaking-situation-card.speaking-art-card .speaking-situation-copy>span{font-size:8px;color:rgba(255,255,255,.78)}
.speaking-situation-card.speaking-art-card .speaking-situation-copy .primary-cta{
  grid-column:1/-1;
  margin-top:8px;
  min-height:38px;
  background:linear-gradient(90deg,#e42d25,#9e1515);
  border:1px solid rgba(255,255,255,.3);
  color:#fff;
  text-shadow:none;
}
.speaking-situation-card.locked{opacity:.72;filter:saturate(.78)}
.speaking-situation-card.locked .speaking-situation-copy>small{grid-column:1/-1;margin-top:8px;color:#ffe0a8;font-weight:900}

@media(max-width:1100px){
  .speaking-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .speaking-hub-card.speaking-art-card{min-height:270px}
}
@media(max-width:760px){
  .speaking-hub-card.speaking-art-card{min-height:250px}
  .speaking-situation-grid{grid-template-columns:1fr}
  .speaking-situation-card.speaking-art-card{min-height:255px}
  .speaking-hub-secondary{grid-template-columns:1fr}
}

/* Lóngmò 1.5.8 — accueil Parler épuré et cohérent avec les décors HD */
.speaking-app.screen-home .speaking-hub-intro{
  text-align:left;
  padding:8px 4px 0;
}
.speaking-app.screen-home .speaking-hub-intro>span{font-size:9px;letter-spacing:.12em}
.speaking-app.screen-home .speaking-hub-intro>strong{font-size:clamp(22px,2.2vw,31px)}
.speaking-app.screen-home .speaking-hub-intro>small{font-size:10px;max-width:620px}

.speaking-app.screen-home .speaking-hub-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.speaking-app.screen-home .speaking-hub-card.speaking-art-card{
  min-height:255px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 18px 42px rgba(35,13,7,.20);
  background:#25100b;
}
.speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-image{
  filter:saturate(1.03) contrast(1.01);
}
.speaking-app.screen-home .speaking-hub-card.conversation .speaking-card-image{object-position:38% 58%}
.speaking-app.screen-home .speaking-hub-card.situations .speaking-card-image{object-position:54% 55%}
.speaking-app.screen-home .speaking-hub-card.stories .speaking-card-image{object-position:48% 52%}
.speaking-app.screen-home .speaking-card-shade{
  background:
    linear-gradient(180deg,rgba(15,6,3,.03) 0%,rgba(15,6,3,.06) 43%,rgba(15,6,3,.30) 67%,rgba(15,6,3,.62) 100%),
    linear-gradient(90deg,rgba(16,6,3,.08),rgba(16,6,3,0) 55%);
}
.speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body{
  left:13px;
  right:13px;
  bottom:13px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:4px 10px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(48,15,9,.80),rgba(35,10,7,.63));
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(14px) saturate(1.08);
  text-shadow:none;
}
.speaking-app.tocfl.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body{
  background:linear-gradient(135deg,rgba(2,48,81,.82),rgba(2,31,58,.66));
}
.speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body .speaking-hub-icon{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:12px;
  background:rgba(255,255,255,.14);
  font-size:20px;
  filter:none;
}
.speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body strong{
  align-self:end;
  font-size:16px;
  line-height:1.1;
  color:#fff;
}
.speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body small{
  grid-column:2/3;
  font-size:9px;
  line-height:1.35;
  color:rgba(255,255,255,.82);
}
.speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body b{
  grid-column:3;
  grid-row:1/3;
  align-self:center;
  justify-self:end;
  margin:0;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#ffe4b2;
  font-size:9px;
  white-space:nowrap;
}
.speaking-app.screen-home .speaking-hub-card:hover .speaking-card-body{background:linear-gradient(135deg,rgba(55,16,9,.88),rgba(37,10,7,.72))}
.speaking-app.tocfl.screen-home .speaking-hub-card:hover .speaking-card-body{background:linear-gradient(135deg,rgba(2,55,94,.88),rgba(2,34,65,.74))}

/* Les outils secondaires ne sont plus des vignettes basse résolution ni des panneaux blancs. */
.speaking-app.screen-home .speaking-utility-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  padding:10px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(54,17,10,.66),rgba(37,10,7,.52));
  box-shadow:0 16px 36px rgba(37,13,7,.15);
  backdrop-filter:blur(16px) saturate(1.06);
}
.speaking-app.tocfl.screen-home .speaking-utility-strip{background:linear-gradient(135deg,rgba(2,50,84,.68),rgba(2,31,58,.54))}
.speaking-app.screen-home .speaking-utility-card{
  min-height:78px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:rgba(255,255,255,.075);
  color:#fff;
  text-align:left;
  box-shadow:none;
}
.speaking-app.screen-home button.speaking-utility-card{cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.speaking-app.screen-home button.speaking-utility-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.30)}
.speaking-app.screen-home .speaking-utility-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,255,255,.13);
  font-size:18px;
}
.speaking-app.screen-home .speaking-utility-copy{display:grid;gap:3px;min-width:0}
.speaking-app.screen-home .speaking-utility-copy strong{font-size:11px;color:#fff}
.speaking-app.screen-home .speaking-utility-copy small{font-size:8px;line-height:1.35;color:rgba(255,255,255,.70)}
.speaking-app.screen-home .speaking-utility-card>b{font-size:9px;color:#ffe0a8;white-space:nowrap}
.speaking-app.tocfl.screen-home .speaking-utility-card>b{color:#bcecff}
.speaking-app.screen-home .speaking-hub-stat{background:rgba(255,255,255,.075)!important}

/* On neutralise les anciennes mini-images 300px du hub : elles ne sont plus visibles. */
.speaking-app.screen-home .speaking-mini-art{display:none!important}

@media(max-width:1100px){
  .speaking-app.screen-home .speaking-hub-grid{grid-template-columns:1fr 1fr}
  .speaking-app.screen-home .speaking-hub-card.stories{grid-column:1/-1;min-height:235px}
  .speaking-app.screen-home .speaking-utility-strip{grid-template-columns:1fr 1fr}
  .speaking-app.screen-home .speaking-hub-stat{grid-column:1/-1}
}
@media(max-width:760px){
  .speaking-app.screen-home .speaking-hub-grid{grid-template-columns:1fr}
  .speaking-app.screen-home .speaking-hub-card.stories{grid-column:auto}
  .speaking-app.screen-home .speaking-hub-card.speaking-art-card{min-height:235px}
  .speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body{grid-template-columns:36px 1fr}
  .speaking-app.screen-home .speaking-hub-card.speaking-art-card .speaking-card-body b{grid-column:2;grid-row:3;justify-self:start;margin-top:3px}
  .speaking-app.screen-home .speaking-utility-strip{grid-template-columns:1fr}
  .speaking-app.screen-home .speaking-hub-stat{grid-column:auto}
}


/* Lóngmò 1.5.10 — réglages visuels isolés, base runtime 1.5.8 */
.speaking-visual-config{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(520px,1.55fr);
  gap:12px;
  padding:12px;
  border:1px solid rgba(255,255,255,.60);
  border-radius:20px;
  background:rgba(255,248,240,.88);
  box-shadow:0 14px 36px rgba(49,18,7,.13);
  backdrop-filter:blur(16px) saturate(1.08);
}
.tocfl .speaking-visual-config{background:rgba(239,249,255,.90)}
.speaking-config-row{display:grid;gap:7px;min-width:0}
.speaking-config-row-title{font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#7b4c3d}
.speaking-config-track-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.speaking-config-track-buttons button,.speaking-config-level-buttons button{
  border:1px solid rgba(104,59,39,.14);background:rgba(255,255,255,.82);color:#55392f;cursor:pointer;
  box-shadow:0 6px 14px rgba(50,18,8,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.speaking-config-track-buttons button:hover,.speaking-config-level-buttons button:hover{transform:translateY(-1px);box-shadow:0 9px 18px rgba(50,18,8,.10)}
.speaking-config-track-buttons button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:10px 12px;border-radius:14px}
.speaking-config-track-buttons button>span{grid-row:1/3;font-size:20px}.speaking-config-track-buttons button>strong{font-size:12px}.speaking-config-track-buttons button>small{font-size:8px;opacity:.72}
.speaking-config-track-buttons button.active{background:linear-gradient(135deg,#ef3b31,#a81918);border-color:transparent;color:#fff;box-shadow:0 9px 20px rgba(179,30,25,.24)}
.tocfl .speaking-config-track-buttons button.active{background:linear-gradient(135deg,#2f9fd0,#08679b);box-shadow:0 9px 20px rgba(7,101,151,.23)}
.speaking-config-level-buttons{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:7px;min-width:0}
.speaking-config-level-buttons button{display:grid;gap:3px;place-items:center;min-height:58px;padding:7px 6px;border-radius:13px}
.speaking-config-level-buttons button strong{font-size:17px;line-height:1}.speaking-config-level-buttons button small{font-size:7.5px;line-height:1.15;opacity:.72;white-space:nowrap}
.speaking-config-level-buttons button.active{background:linear-gradient(145deg,#ef3d31,#a91918);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(170,30,24,.22)}
.tocfl .speaking-config-level-buttons button.active{background:linear-gradient(145deg,#2ea2d3,#086b9e);box-shadow:0 8px 18px rgba(6,102,153,.22)}
@media(max-width:1050px){.speaking-visual-config{grid-template-columns:1fr}.speaking-config-level-buttons{grid-template-columns:repeat(6,minmax(56px,1fr))}}
@media(max-width:700px){.speaking-config-level-buttons{grid-template-columns:repeat(3,1fr)}.speaking-config-track-buttons{grid-template-columns:1fr 1fr}}

/* Lóngmò 1.5.11 — écran premium de configuration Conversation, sans dropdown */
.speaking-app.screen-conversation-setup{
  margin-top:0;
}
.speaking-app.screen-conversation-setup .speaking-local-setup{
  position:relative;
  z-index:12;
  margin:0 0 10px;
}
.speaking-conversation-setup{
  position:relative;
  min-height:760px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  background:#2b120b;
  box-shadow:0 24px 60px rgba(42,12,5,.26);
  isolation:isolate;
}
.speaking-conversation-setup-bg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.05) contrast(1.02);
}
.speaking-conversation-setup-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(24,7,4,.10) 0%,rgba(24,7,4,.03) 32%,rgba(24,7,4,.18) 48%,rgba(24,7,4,.46) 100%),
    linear-gradient(180deg,rgba(20,5,3,.14),rgba(20,5,3,.10) 72%,rgba(20,5,3,.28));
}
.speaking-app.tocfl .speaking-conversation-setup-shade{
  background:
    linear-gradient(90deg,rgba(3,20,35,.09) 0%,rgba(3,20,35,.02) 34%,rgba(3,20,35,.16) 50%,rgba(3,20,35,.42) 100%),
    linear-gradient(180deg,rgba(2,18,34,.12),rgba(2,18,34,.08) 72%,rgba(2,18,34,.26));
}
.speaking-conversation-setup-head{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(260px,340px);
  align-items:start;
  gap:16px;
  padding:18px 20px 0;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}
.speaking-conversation-setup-head .secondary-cta{
  margin-top:2px;
  border-color:rgba(255,255,255,.65);
  background:rgba(255,250,246,.92);
  color:#8f1e19;
  text-shadow:none;
}
.speaking-app.tocfl .speaking-conversation-setup-head .secondary-cta{color:#0a5f8f}
.speaking-conversation-setup-head>div{display:grid;gap:2px}
.speaking-conversation-setup-head>div>span{
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  color:#ffe2ad;
}
.speaking-conversation-setup-head h2{
  margin:0;
  font:900 clamp(27px,3vw,42px)/1.02 "Noto Serif SC",serif;
  color:#fff;
}
.speaking-conversation-setup-head p{
  margin:4px 0 0;
  font-size:11px;
  font-weight:750;
  color:rgba(255,255,255,.88);
}
.speaking-conversation-setup-head blockquote{
  margin:0;
  padding:12px 15px;
  border:1px solid rgba(120,62,33,.18);
  border-radius:14px;
  background:rgba(255,247,232,.90);
  color:#4c2d22;
  text-align:center;
  text-shadow:none;
  font:800 12px/1.35 "Noto Serif SC",serif;
  box-shadow:0 12px 28px rgba(31,8,3,.13);
  backdrop-filter:blur(14px);
}
.speaking-conversation-setup-head blockquote small{
  display:block;
  margin-top:4px;
  color:#76584c;
  font:700 8px/1.3 system-ui,sans-serif;
}
.speaking-conversation-setup-layout{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(650px,1.6fr);
  gap:22px;
  align-items:end;
  min-height:680px;
  padding:12px 22px 22px;
}
.speaking-conversation-shifu{
  position:relative;
  min-height:570px;
  pointer-events:none;
}
.speaking-conversation-shifu-bubble{
  position:absolute;
  top:110px;
  right:8px;
  display:grid;
  gap:3px;
  width:min(260px,82%);
  padding:13px 46px 13px 15px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  color:#54291f;
  box-shadow:0 16px 32px rgba(33,10,4,.20);
  backdrop-filter:blur(16px);
  text-shadow:none;
  pointer-events:auto;
}
.speaking-conversation-shifu-bubble::before{
  content:'';
  position:absolute;
  left:-12px;
  bottom:18px;
  width:22px;
  height:22px;
  background:rgba(255,255,255,.92);
  transform:rotate(45deg);
  border-left:1px solid rgba(255,255,255,.82);
  border-bottom:1px solid rgba(255,255,255,.82);
}
.speaking-conversation-shifu-bubble strong{font:900 18px/1.1 "Noto Serif SC",serif;color:#8e1d18}
.speaking-conversation-shifu-bubble span{font:850 13px/1.35 "Noto Serif SC",serif}
.speaking-conversation-shifu-bubble small{font-size:8px;line-height:1.35;color:#657184}
.speaking-conversation-shifu-bubble button{
  position:absolute;
  right:10px;
  bottom:10px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:#e9f4ff;
  color:#166aa3;
  cursor:pointer;
}
.speaking-conversation-panel{
  width:100%;
  padding:16px 17px 14px;
  border:1px solid rgba(255,255,255,.70);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,253,249,.97),rgba(255,246,236,.93));
  box-shadow:0 22px 52px rgba(34,9,4,.28);
  backdrop-filter:blur(22px) saturate(1.06);
}
.speaking-app.tocfl .speaking-conversation-panel{
  background:linear-gradient(145deg,rgba(250,254,255,.97),rgba(235,248,255,.94));
}
.speaking-conversation-section{
  display:grid;
  gap:8px;
  padding:10px 0;
  border-bottom:1px solid rgba(113,65,43,.11);
}
.speaking-conversation-section:first-child{padding-top:0}
.speaking-conversation-bottom-grid .speaking-conversation-section{border-bottom:0;padding-bottom:2px}
.speaking-conversation-section-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.speaking-conversation-section-title>span{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:50%;
  background:linear-gradient(145deg,#bf241d,#8b1714);
  color:#fff;
  font-size:10px;
  font-weight:950;
  box-shadow:0 5px 12px rgba(145,28,23,.18);
}
.speaking-app.tocfl .speaking-conversation-section-title>span{background:linear-gradient(145deg,#1588bf,#075f91)}
.speaking-conversation-section-title strong{font-size:11px;color:#271f1d}
.speaking-conversation-program-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.speaking-conversation-program-grid button,
.speaking-conversation-level-grid button,
.speaking-conversation-preset,
.speaking-conversation-speed,
.speaking-conversation-choice{
  position:relative;
  border:1px solid rgba(112,65,43,.14);
  background:rgba(255,255,255,.80);
  color:#23406e;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
.speaking-conversation-program-grid button:hover:not(:disabled),
.speaking-conversation-level-grid button:hover:not(:disabled),
.speaking-conversation-preset:hover:not(:disabled),
.speaking-conversation-speed:hover:not(:disabled),
.speaking-conversation-choice:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(213,44,35,.34)}
.speaking-conversation-program-grid button{
  display:grid;
  grid-template-columns:56px 1fr auto;
  grid-template-rows:auto auto;
  align-items:center;
  min-height:68px;
  padding:10px 13px;
  border-radius:13px;
  text-align:left;
}
.speaking-conversation-program-grid button>span{grid-row:1/3;font-size:28px;text-align:center}
.speaking-conversation-program-grid button>strong{font-size:15px;line-height:1.1;color:#22396b}
.speaking-conversation-program-grid button>small{font-size:9px;color:#445a85}
.speaking-conversation-program-grid button>b,
.speaking-conversation-level-grid button>b,
.speaking-conversation-preset>b,
.speaking-conversation-speed>b,
.speaking-conversation-choice>b{
  position:absolute;
  right:8px;
  top:8px;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  color:#c71f1b;
  font-size:10px;
  box-shadow:0 3px 8px rgba(0,0,0,.10);
}
.speaking-conversation-program-grid button.active{
  border-color:transparent;
  background:linear-gradient(120deg,#ef3b31,#b71918);
  color:#fff;
  box-shadow:0 9px 18px rgba(177,30,25,.21);
}
.speaking-conversation-program-grid button.active>strong,
.speaking-conversation-program-grid button.active>small{color:#fff}
.speaking-app.tocfl .speaking-conversation-program-grid button.active{background:linear-gradient(120deg,#1c91c6,#076195);box-shadow:0 9px 18px rgba(6,98,148,.20)}
.speaking-conversation-level-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.speaking-conversation-level-grid button{
  display:grid;
  place-items:center;
  gap:2px;
  min-height:66px;
  padding:8px 4px;
  border-radius:12px;
}
.speaking-conversation-level-grid button>strong{font-size:21px;line-height:1;color:#183264}
.speaking-conversation-level-grid button>small{font-size:7.4px;color:#40577c;text-align:center}
.speaking-conversation-level-grid button.active{
  border-color:transparent;
  background:linear-gradient(145deg,#f23b31,#bc1c1b);
  box-shadow:0 8px 18px rgba(181,31,26,.19);
}
.speaking-conversation-level-grid button.active>strong,
.speaking-conversation-level-grid button.active>small{color:#fff}
.speaking-app.tocfl .speaking-conversation-level-grid button.active{background:linear-gradient(145deg,#269bd0,#096496)}
.speaking-conversation-preset-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.speaking-conversation-preset{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:10px;
  align-items:center;
  min-height:108px;
  padding:12px;
  border-radius:14px;
  text-align:left;
}
.speaking-conversation-preset-icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:16px;
  background:#fff4df;
  font-size:29px;
}
.speaking-conversation-preset-copy{display:grid;gap:2px}
.speaking-conversation-preset-copy strong{font-size:14px;color:#20344f;margin-bottom:2px}
.speaking-conversation-preset-copy small{font-size:8px;line-height:1.3;color:#4a5b6f}
.speaking-conversation-preset.active{
  border-color:#35906b;
  background:linear-gradient(145deg,#f7fff9,#e8f7ed);
  box-shadow:0 8px 18px rgba(44,123,89,.13);
}
.speaking-conversation-preset.active>b{color:#1e7152;background:#effcf4}
.speaking-conversation-bottom-grid{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:16px;
  border-bottom:1px solid rgba(113,65,43,.11);
}
.speaking-conversation-speed-grid,
.speaking-conversation-engine-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.speaking-conversation-speed{
  display:grid;
  place-items:center;
  gap:2px;
  min-height:72px;
  padding:7px 4px;
  border-radius:12px;
  text-align:center;
}
.speaking-conversation-speed>span{font-size:21px}
.speaking-conversation-speed>strong{font-size:9px;color:#1d365f}
.speaking-conversation-speed>small{font-size:7px;color:#53647d}
.speaking-conversation-speed.active{
  border-color:transparent;
  background:linear-gradient(145deg,#ed3b31,#b61d1a);
  box-shadow:0 8px 16px rgba(178,29,25,.18);
}
.speaking-conversation-speed.active>strong,.speaking-conversation-speed.active>small{color:#fff}
.speaking-app.tocfl .speaking-conversation-speed.active{background:linear-gradient(145deg,#2497ca,#076194)}
.speaking-conversation-choice{
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 7px;
  min-height:72px;
  padding:8px;
  border-radius:12px;
  text-align:left;
}
.speaking-conversation-choice-icon{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  background:#f2f4f7;
  color:#18365f;
  font-size:15px;
  font-weight:950;
}
.speaking-conversation-choice strong{font-size:8.6px;color:#1a3153}
.speaking-conversation-choice small{font-size:6.6px;line-height:1.25;color:#67758a}
.speaking-conversation-choice.active{
  border-color:transparent;
  background:linear-gradient(145deg,#ef3c32,#b51b19);
  box-shadow:0 8px 16px rgba(177,30,25,.18);
}
.speaking-conversation-choice.active strong,.speaking-conversation-choice.active small{color:#fff}
.speaking-conversation-choice.active .speaking-conversation-choice-icon{background:rgba(255,255,255,.18);color:#fff}
.speaking-app.tocfl .speaking-conversation-choice.active{background:linear-gradient(145deg,#2296c9,#076194)}
.speaking-conversation-choice:disabled{opacity:.48;cursor:not-allowed}
.speaking-conversation-start{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 10px;
  width:min(470px,72%);
  min-height:60px;
  margin:13px auto 0;
  padding:9px 13px;
  border:0;
  border-radius:999px;
  background:linear-gradient(90deg,#f23a31,#b31618);
  color:#fff;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(171,27,24,.25);
  transition:transform .17s ease,box-shadow .17s ease;
}
.speaking-conversation-start:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(171,27,24,.30)}
.speaking-app.tocfl .speaking-conversation-start{background:linear-gradient(90deg,#2194c7,#075d91);box-shadow:0 12px 24px rgba(6,94,144,.24)}
.speaking-conversation-start>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);font-size:20px}
.speaking-conversation-start>strong{font-size:13px}
.speaking-conversation-start>small{font-size:7.5px;color:rgba(255,255,255,.82)}
.speaking-conversation-start>b{grid-column:3;grid-row:1/3;font-size:18px}
.speaking-conversation-ready{margin:7px 0 0;text-align:center;color:#6a5046;font-size:8px;font-weight:800}
.speaking-app.screen-conversation-setup .speaking-privacy{margin-top:8px}

@media(max-width:1180px){
  .speaking-conversation-setup-head{grid-template-columns:auto minmax(0,1fr)}
  .speaking-conversation-setup-head blockquote{display:none}
  .speaking-conversation-setup-layout{grid-template-columns:minmax(220px,.55fr) minmax(570px,1.45fr)}
  .speaking-conversation-panel{padding:14px}
}
@media(max-width:940px){
  .speaking-conversation-setup{min-height:940px}
  .speaking-conversation-setup-bg{object-position:35% center}
  .speaking-conversation-setup-shade{background:linear-gradient(180deg,rgba(20,5,3,.05),rgba(20,5,3,.28) 36%,rgba(20,5,3,.62) 100%)}
  .speaking-conversation-setup-layout{grid-template-columns:1fr;align-items:start;padding-top:180px}
  .speaking-conversation-shifu{display:none}
  .speaking-conversation-panel{max-width:none}
}
@media(max-width:720px){
  .speaking-conversation-setup-head{padding:14px 14px 0;grid-template-columns:1fr}
  .speaking-conversation-setup-head .secondary-cta{justify-self:start}
  .speaking-conversation-setup-layout{padding:130px 10px 10px}
  .speaking-conversation-panel{padding:12px;border-radius:18px}
  .speaking-conversation-program-grid,.speaking-conversation-preset-grid,.speaking-conversation-bottom-grid{grid-template-columns:1fr}
  .speaking-conversation-level-grid{grid-template-columns:repeat(3,1fr)}
  .speaking-conversation-start{width:100%}
}
/* 1.5.11 polish — lisibilité des choix de moteur */
.speaking-conversation-engine-grid{grid-template-columns:1.15fr 1fr 1fr}
.speaking-conversation-choice>span:not(.speaking-conversation-choice-icon){display:grid;gap:2px;min-width:0}
.speaking-conversation-choice>span:not(.speaking-conversation-choice-icon)>strong{display:block;font-size:8.2px;line-height:1.15;white-space:normal}
.speaking-conversation-choice>span:not(.speaking-conversation-choice-icon)>small{display:block;font-size:6.2px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}

/* Lóngmò 1.5.29 — Conversation libre immersive */
.speaking-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.speaking-free-setup{display:grid;gap:16px}.speaking-free-setup>.speaking-subview-head{min-height:210px;color:#fff;background-image:linear-gradient(90deg,rgba(42,10,5,.86),rgba(42,10,5,.38)),var(--speaking-art);background-size:cover;background-position:center}.speaking-free-setup>.speaking-subview-head h3,.speaking-free-setup>.speaking-subview-head p,.speaking-free-setup>.speaking-subview-head span{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.42)}
.speaking-free-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.speaking-free-scenario-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;min-height:155px;padding:20px;border:1px solid var(--panel-border);border-radius:22px;background:rgba(255,255,255,.94);text-align:left;cursor:pointer;box-shadow:0 14px 32px rgba(38,18,10,.10)}.speaking-free-scenario-card>span{grid-row:1/5;font-size:34px}.speaking-free-scenario-card>strong{font-size:17px;color:var(--s-deep)}.speaking-free-scenario-card>small{font-size:9px;color:var(--s-accent);font-weight:900}.speaking-free-scenario-card>p{margin:6px 0 10px;font-size:10px;line-height:1.5;color:var(--theme-muted)}.speaking-free-scenario-card>b{font-size:9px;color:var(--s-accent)}.speaking-free-scenario-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(38,18,10,.15)}
.speaking-free-stage{position:relative;min-height:780px;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,rgba(75,14,8,.92),rgba(134,33,20,.72)),url('../assets/themes/hsk/scene.webp') center/cover;box-shadow:0 28px 70px rgba(40,12,7,.28)}.speaking-app.tocfl .speaking-free-stage{background:linear-gradient(135deg,rgba(3,42,78,.94),rgba(6,91,144,.72)),url('../assets/themes/tocfl/scene.webp') center/cover}.speaking-free-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px)}.speaking-free-topbar>div{display:grid;text-align:center}.speaking-free-topbar span{font-size:10px;font-weight:950;color:var(--s-accent)}.speaking-free-topbar strong{font-size:9px;color:var(--theme-muted)}
.speaking-free-layout{position:relative;z-index:2;display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:700px;padding:0 18px 18px}.speaking-free-vocab-panel{align-self:stretch;padding:18px;border:1px solid rgba(255,255,255,.35);border-radius:24px;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.speaking-free-vocab-panel>span{font-size:9px;font-weight:950;letter-spacing:.08em;color:var(--s-accent)}.speaking-free-vocab-panel h3{margin:7px 0 15px;font:900 17px/1.3 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-free-vocab-panel>div{display:grid;gap:8px}.speaking-free-vocab{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 11px;border:1px solid var(--panel-border);border-radius:14px;background:#fff;text-align:left;cursor:pointer}.speaking-free-vocab strong{font:900 20px/1.1 "Noto Serif SC",serif;color:var(--s-deep)}.speaking-free-vocab span{font-size:8px;font-weight:900;color:var(--s-accent)}.speaking-free-vocab small{grid-column:1/-1;font-size:8px;color:var(--theme-muted)}.speaking-free-vocab:hover{border-color:var(--s-accent);transform:translateX(2px)}.speaking-free-vocab-panel>p{margin:14px 0 0;font-size:8px;line-height:1.5;color:var(--theme-muted)}
.speaking-free-mascot-zone{position:relative;min-height:700px;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:28px;background:rgba(16,7,4,.18);box-shadow:0 18px 48px rgba(0,0,0,.22)}.speaking-free-mascot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02)}.speaking-free-mascot-zone::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 48%,rgba(0,0,0,.36)),linear-gradient(180deg,transparent 58%,rgba(0,0,0,.60));pointer-events:none}.speaking-free-mouth{position:absolute;z-index:3;left:46.7%;top:37.2%;width:4.8%;height:1.4%;min-width:24px;min-height:8px;border-radius:50%;background:rgba(62,22,14,.86);box-shadow:0 1px 3px rgba(0,0,0,.42);opacity:0;transform:translate(-50%,-50%) scaleY(.35);transform-origin:center}.speaking-free-mascot-zone.talking .speaking-free-mouth{opacity:.86;animation:longmo-mouth-talk .18s infinite alternate ease-in-out}@keyframes longmo-mouth-talk{0%{transform:translate(-50%,-50%) scaleX(.72) scaleY(.22)}50%{transform:translate(-50%,-50%) scaleX(1) scaleY(.75)}100%{transform:translate(-50%,-50%) scaleX(.84) scaleY(1.25)}}
.speaking-free-dialogue{position:absolute;z-index:4;right:18px;top:18px;width:min(410px,48%);max-height:440px;overflow:auto;display:grid;gap:8px;padding-right:4px}.speaking-free-message{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 9px 20px rgba(0,0,0,.14);backdrop-filter:blur(10px)}.speaking-free-message.user{margin-left:45px;background:rgba(231,249,228,.95)}.speaking-free-message span{font-size:7px;font-weight:950;color:var(--s-accent)}.speaking-free-message p{margin:3px 0 0;font:800 15px/1.45 "Noto Serif SC",serif;color:var(--theme-ink)}.speaking-free-controls{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;width:min(560px,82%);padding:12px 16px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 16px 36px rgba(0,0,0,.24);backdrop-filter:blur(14px)}.speaking-free-mic{flex:0 0 auto;width:58px;height:58px;border:0;border-radius:50%;background:var(--s-accent);color:#fff;font-size:23px;font-weight:950;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--s-accent) 35%,transparent)}.speaking-free-mic.recording{animation:longmo-free-pulse 1s infinite;background:#bc2018}@keyframes longmo-free-pulse{50%{box-shadow:0 0 0 12px rgba(188,32,24,.14)}}.speaking-free-controls>div{display:grid;gap:2px;min-width:0}.speaking-free-controls strong{font-size:10px;color:var(--s-deep)}.speaking-free-controls small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:var(--theme-muted)}
@media(max-width:1100px){.speaking-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-free-layout{grid-template-columns:230px minmax(0,1fr)}.speaking-free-dialogue{width:min(370px,52%)}}
@media(max-width:760px){.speaking-free-scenario-grid{grid-template-columns:1fr}.speaking-free-stage{min-height:980px}.speaking-free-layout{grid-template-columns:1fr;grid-template-rows:auto 650px}.speaking-free-vocab-panel{order:2}.speaking-free-mascot-zone{min-height:650px}.speaking-free-dialogue{left:12px;right:12px;width:auto;max-height:300px}.speaking-free-controls{width:calc(100% - 24px);bottom:12px}.speaking-free-mouth{display:none}}

/* Speaking P1 — véritables poses de Shīfu, aucune ellipse de bouche artificielle. */
.speaking-free-mascot-zone{background:linear-gradient(90deg,rgba(12,18,22,.20),rgba(10,13,17,.55)),url('../assets/games/hsk2-last-train/dojo.webp') center/cover no-repeat}
.speaking-free-mascot{display:none!important}.speaking-free-mouth{display:none!important}
.speaking-shifu-stage{position:absolute;inset:0;pointer-events:none;z-index:2}
.speaking-shifu-actor{position:absolute;left:3%;bottom:100px;height:min(74%,490px);width:clamp(200px,47%,400px);transform-origin:50% 94%;animation:speaking-shifu-breathe 4.8s ease-in-out infinite}
.speaking-shifu-pose{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;object-position:center bottom;transition:opacity .14s ease-out;filter:drop-shadow(0 13px 10px rgba(0,0,0,.34))}
.speaking-shifu-talk,.speaking-shifu-think,.speaking-shifu-happy{opacity:0}
.speaking-free-mascot-zone[data-speaking-shifu-mood="thinking"] .speaking-shifu-think{opacity:1}
.speaking-free-mascot-zone[data-speaking-shifu-mood="thinking"] .speaking-shifu-idle{opacity:0}
.speaking-free-mascot-zone[data-speaking-shifu-mood="happy"] .speaking-shifu-happy{opacity:1}
.speaking-free-mascot-zone[data-speaking-shifu-mood="happy"] .speaking-shifu-idle{opacity:0}
.speaking-free-mascot-zone.talking .speaking-shifu-talk{animation:speaking-shifu-natural-speech 1.17s steps(1,end) infinite}
.speaking-free-mascot-zone.talking .speaking-shifu-idle{opacity:1}
.speaking-free-mascot-zone.talking .speaking-shifu-actor{animation:speaking-shifu-nod 2.9s ease-in-out infinite}
.speaking-free-mascot-zone.speaking-shifu-syllable .speaking-shifu-talk{opacity:1;animation:none}
.speaking-free-mascot-zone.speaking-shifu-syllable .speaking-shifu-idle{opacity:0}
@keyframes speaking-shifu-natural-speech{0%,15%,40%,55%,78%,95%,100%{opacity:0}16%,39%,56%,77%,96%,99%{opacity:1}}
@keyframes speaking-shifu-breathe{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}45%{transform:translateY(-5px) rotate(-.8deg) scale(1.008)}}
@keyframes speaking-shifu-nod{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(1deg)}}
.speaking-free-dialogue{width:min(460px,55%)}
.speaking-free-message span{font-size:12px}.speaking-free-controls strong{font-size:14px}.speaking-free-controls small{font-size:12px}.speaking-free-vocab span,.speaking-free-vocab small,.speaking-free-vocab-panel>p{font-size:12px}
@media(max-width:760px){.speaking-shifu-actor{left:10%;bottom:110px;height:50%;width:50%;min-width:155px}.speaking-free-dialogue{max-height:240px;top:9px;width:auto}.speaking-free-message p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.speaking-shifu-actor,.speaking-free-mascot-zone.talking .speaking-shifu-actor{animation:none}}

/* Switch between existing poses sharply: blending different faces creates ghosting. */
.speaking-shifu-pose{transition:none}

/* Dialogue compact: one opaque pose, question and microphone together. */
.speaking-shifu-pose{display:none!important;opacity:1!important;transition:none!important;animation:none!important}
.speaking-shifu-idle{display:block!important}
.speaking-free-mascot-zone.talking .speaking-shifu-idle,
.speaking-free-mascot-zone[data-speaking-shifu-mood="thinking"] .speaking-shifu-idle,
.speaking-free-mascot-zone[data-speaking-shifu-mood="happy"] .speaking-shifu-idle{display:none!important}
.speaking-free-mascot-zone.talking .speaking-shifu-talk{display:block!important}
.speaking-free-mascot-zone:not(.talking)[data-speaking-shifu-mood="thinking"] .speaking-shifu-think{display:block!important}
.speaking-free-mascot-zone:not(.talking)[data-speaking-shifu-mood="happy"] .speaking-shifu-happy{display:block!important}
.speaking-free-stage{min-height:0;scroll-margin-top:12px}
.speaking-free-layout{min-height:0;height:clamp(430px,calc(100dvh - 180px),620px);grid-template-columns:minmax(190px,25%) minmax(0,1fr)}
.speaking-free-mascot-zone{min-height:0;height:100%}
.speaking-free-vocab-panel{min-height:0;overflow:auto}
.speaking-shifu-actor{left:2%;bottom:108px;height:62%;width:35%;min-width:0}
.speaking-free-dialogue{top:16px;right:16px;width:58%;max-height:calc(100% - 140px);overflow:auto;overscroll-behavior:contain}
.speaking-free-controls{bottom:16px;width:calc(100% - 32px);padding:10px 14px}
.speaking-free-message small{display:block;margin-top:6px;font-size:13px;line-height:1.5}
.speaking-dialogue-pinyin{color:var(--s-accent)}
.speaking-dialogue-translation{color:var(--theme-muted)}
.speaking-free-message button{margin-top:8px;border:1px solid var(--panel-border);border-radius:10px;padding:6px 10px;background:#fff;color:var(--s-deep);cursor:pointer;font:inherit;font-size:12px}
.speaking-free-topbar{flex-wrap:wrap}
@media(max-width:760px){
 .speaking-free-layout{height:auto;display:flex;flex-direction:column;padding:0 10px 10px}
 .speaking-free-mascot-zone{order:0;height:clamp(440px,calc(100dvh - 180px),600px);flex:none}
 .speaking-free-vocab-panel{order:1;max-height:260px}
 .speaking-free-dialogue{left:auto;right:10px;top:10px;width:62%;max-height:calc(100% - 140px)}
 .speaking-shifu-actor{left:0;bottom:110px;height:52%;width:35%;min-width:0}
 .speaking-free-controls{width:calc(100% - 20px);gap:8px;padding:10px}
 .speaking-free-controls strong{font-size:12px}
}

.speaking-free-display{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}.speaking-free-display label{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--s-deep)}