:root{--ink:#172026;--muted:#68737d;--line:#dbe3ea;--paper:#fbf8f1;--surface:#ffffff;--teal:#0f766e;--teal-strong:#0b5f59;--coral:#d94f3d;--amber:#f0a202;--sky:#2563eb;--green-soft:#e5f7f2;--coral-soft:#fff0ed;--shadow:0 18px 48px rgba(23,32,38,0.1)}*{box-sizing:border-box}html{background:var(--paper)}body,html{min-height:100%}body{margin:0;color:var(--ink);background:linear-gradient(120deg,rgba(15,118,110,.1),transparent 32%),linear-gradient(260deg,rgba(217,79,61,.12),transparent 36%),var(--paper);font-family:Segoe UI,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.lesson-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.activity-section h3,.panel-heading h2,.result-panel h2,.top-bar h1,.whatsapp-panel h2{margin:0;letter-spacing:0}.top-bar h1{font-size:clamp(1.35rem,2.2vw,2.15rem);line-height:1.35}.eyebrow{margin:0 0 6px;font-size:.86rem}.eyebrow,.session-pill{color:var(--teal-strong);font-weight:800}.session-pill{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(15,118,110,.24);border-radius:999px;background:rgba(255,255,255,.72)}.stage{min-height:68vh;display:grid;align-items:start}.activity-panel,.choice-panel,.form-panel,.result-panel,.review-stack,.video-panel,.whatsapp-panel{width:100%;border:1px solid rgba(23,32,38,.1);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:var(--shadow)}.video-panel{padding:18px}.panel-heading{margin-bottom:16px}.panel-heading h2{font-size:clamp(1.2rem,1.8vw,1.75rem);line-height:1.4}.video-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid #111827;border-radius:8px;background:#111827}.video-frame:-webkit-full-screen{width:100vw;height:100vh;border:0;border-radius:0;aspect-ratio:auto;background:#05070b}.video-frame:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;aspect-ratio:auto;background:#05070b}.video-frame.pseudo-fullscreen{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto;background:#05070b}.video-frame:-webkit-full-screen .lesson-video{height:100%}.video-frame:fullscreen .lesson-video{height:100%}.video-frame.pseudo-fullscreen .lesson-video{height:100%}.video-frame.has-overlay{min-height:clamp(520px,72vh,760px);aspect-ratio:auto}.lesson-video{display:block;width:100%;height:100%;object-fit:contain}.video-frame.has-overlay .lesson-video{position:absolute;inset:0;object-fit:cover;filter:brightness(.62) saturate(.92)}.fullscreen-button{position:absolute;top:12px;left:12px;z-index:5;width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:8px;color:#ffffff;background:rgba(12,18,28,.72);box-shadow:0 10px 24px rgba(0,0,0,.24);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fullscreen-button:hover{background:rgba(15,118,110,.92)}.video-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2.6vw,28px);overflow-y:auto;background:linear-gradient(180deg,rgba(8,13,22,.28),rgba(8,13,22,.54)),rgba(8,13,22,.18)}.activity-panel,.choice-panel,.form-panel,.result-panel,.review-stack,.whatsapp-panel{padding:clamp(18px,3vw,30px)}.video-overlay .activity-panel,.video-overlay .choice-panel,.video-overlay .form-panel,.video-overlay .result-panel,.video-overlay .review-stack,.video-overlay .whatsapp-panel{max-height:100%;overflow-y:auto;border-color:rgba(255,255,255,.44);background:rgba(255,255,255,.86);box-shadow:0 18px 48px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-overlay .activity-panel,.video-overlay .choice-panel,.video-overlay .result-panel,.video-overlay .whatsapp-panel{max-width:760px}.video-overlay .form-panel,.video-overlay .review-stack{max-width:980px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.ready-panel{text-align:center}.ready-choice{width:min(360px,100%)}.action-button,.debug-button,.listen-button,.mini-option,.primary-choice,.quiet-button,.secondary-choice,.whatsapp-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;cursor:pointer;font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.primary-choice,.secondary-choice{min-height:96px;padding:18px;font-size:clamp(1rem,1.9vw,1.35rem)}.primary-choice{color:#ffffff;background:var(--teal)}.secondary-choice{color:var(--ink);background:var(--coral-soft);border:1px solid rgba(217,79,61,.32)}.action-button,.whatsapp-button{color:#ffffff;background:var(--teal);padding:12px 18px}.quiet-button{color:var(--ink);background:#ffffff;border:1px solid var(--line);padding:12px 18px}.debug-button{width:100%;margin-top:12px;padding:10px 14px;color:#7c2d12;background:#ffedd5;border:1px dashed #fb923c}.action-button:hover,.debug-button:hover,.listen-button:hover,.mini-option:hover,.primary-choice:hover,.quiet-button:hover,.secondary-choice:hover,.whatsapp-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(23,32,38,.12)}.action-button:disabled,.mini-option:disabled,.quiet-button:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.button-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.listening-button{background:var(--sky)}.listening-status{width:min(460px,100%);min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 14px;padding:12px 14px;border:1px solid rgba(37,99,235,.26);border-radius:8px;color:#1d4ed8;background:rgba(244,248,255,.94);font-weight:900;text-align:center}.listening-pulse{position:relative;width:14px;height:14px;flex:0 0 14px;border-radius:999px;background:var(--sky);box-shadow:0 0 0 0 rgba(37,99,235,.4);animation:listening-pulse 1.3s ease-out infinite}.heard-line{margin:16px 0 0;padding:10px 12px;border-radius:8px;color:#1f2937;background:rgba(255,255,255,.8);text-align:center;font-weight:800;line-height:1.7}.heard-line span{color:var(--sky)}.wide{width:100%;margin-top:10px}.pronunciation-target{width:min(280px,100%);min-height:112px;display:grid;place-items:center;margin:8px auto 14px;border:2px solid rgba(37,99,235,.2);border-radius:8px;color:var(--sky);background:#f4f8ff;font-size:clamp(2.4rem,8vw,5.4rem);font-weight:900;line-height:1}.activity-prompt,.error-line,.feedback-line,.motivation,.skip-line,.success-line,.whatsapp-panel p{margin:0 0 16px;color:var(--muted);line-height:1.8}.activity-prompt{text-align:center;color:var(--ink);font-size:1.08rem;font-weight:800}.error-line,.feedback-line,.skip-line,.success-line{margin-top:16px;padding:12px 14px;border-radius:8px;text-align:center;font-weight:800}.feedback-line{background:#f4f8ff;color:var(--sky)}.success-line{background:var(--green-soft);color:var(--teal-strong)}.skip-line{background:#fff7e4;color:#9a5c00}.error-line{background:var(--coral-soft);color:#9f2f20}.review-stack{display:grid;grid-gap:20px;gap:20px}.activity-section{padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(251,248,241,.56)}.activity-section h3{margin-bottom:14px;font-size:1.08rem}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.review-card{min-width:0;padding:14px;border:1px solid rgba(23,32,38,.1);border-radius:8px;background:var(--surface)}.picture-token,.word-token{min-height:84px;display:grid;place-items:center;margin-bottom:12px;border-radius:8px;background:#eef7f6}.picture-token{font-size:3.2rem}.word-token{color:var(--sky);font-size:1.8rem;font-weight:900}.option-row{display:grid;grid-gap:8px;gap:8px}.latin-options{grid-template-columns:repeat(3,minmax(0,1fr))}.listen-button,.mini-option{min-height:40px;padding:9px 10px;border:1px solid var(--line);color:var(--ink);background:#ffffff}.mini-option.selected{border-color:rgba(15,118,110,.5);color:var(--teal-strong);background:var(--green-soft)}.listen-button{width:100%;margin-bottom:10px;color:#ffffff;background:var(--sky)}.result-panel,.whatsapp-panel{text-align:center}.result-icon,.whatsapp-icon{width:58px;height:58px;margin-bottom:12px;color:var(--amber)}.result-panel h2{font-size:clamp(3rem,8vw,5rem);color:var(--teal-strong)}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:22px 0}.score-grid div{padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(251,248,241,.7)}.score-grid span,.score-grid strong{display:block}.score-grid strong{margin-bottom:4px;color:var(--sky);font-size:1.45rem}.score-grid span{color:var(--muted);font-weight:700}.form-panel{display:grid;grid-gap:14px;gap:14px}.form-panel label{display:grid;grid-gap:8px;gap:8px;color:var(--ink);font-weight:800}.form-panel input,.form-panel select,.form-panel textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink);padding:12px 14px;outline:none}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:rgba(37,99,235,.65);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.form-panel textarea{resize:vertical}.whatsapp-button{width:min(420px,100%);min-height:54px;margin-top:10px;background:#128c7e}svg{width:20px;height:20px;flex:0 0 auto}@keyframes listening-pulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.42)}70%{box-shadow:0 0 0 12px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}@media (max-width:760px){.lesson-shell{width:min(100% - 20px,1120px);padding-top:14px}.choice-grid,.review-grid,.score-grid,.top-bar{grid-template-columns:1fr}.top-bar{display:grid}.session-pill{width:-moz-fit-content;width:fit-content}.choice-grid,.review-grid,.score-grid{display:grid}.video-panel{padding:10px}.activity-panel,.choice-panel,.form-panel,.result-panel,.review-stack,.whatsapp-panel{padding:16px}.button-row{display:grid}.primary-choice,.secondary-choice{min-height:78px}}