.fa-solid{vertical-align:-.125em;width:1em;height:1em;line-height:1;display:inline-block}.fa-solid:before{content:"";width:100%;height:100%;-webkit-mask:var(--fa-icon)center/contain no-repeat;mask:var(--fa-icon)center/contain no-repeat;background:currentColor;display:block}.fa-expand{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M342.4 64H448v105.6h-48V112h-57.6V64zm0 384v-48h57.6v-57.6h48V448H342.4zM169.6 64v48H112v57.6H64V64h105.6zm0 384H64v-105.6h48V400h57.6v48z'/%3E%3C/svg%3E")}.fa-compress{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M240 48v176H64v-48h94L48 66l34-34 110 110V48h48zm224 18L354 176h94v48H272V48h48v94L430 32l34 34zM64 288h176v176h-48v-94L82 480l-34-34 110-110H64v-48zm384 0v48h-94l110 110-34 34-110-110v94h-48V288h176z'/%3E%3C/svg%3E")}.fa-arrow-left{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H109.2L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E")}.fa-arrow-right{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E")}.fa-download{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7L115.3 166.3c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-17.7 0-32 14.3-32 32v64c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64v-64c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H92v-64c0-17.7-14.3-32-32-32z'/%3E%3C/svg%3E")}.fa-gamepad{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M160 208h48v48h48v48h-48v48h-48v-48h-48v-48h48v-48zm192 32a32 32 0 1 1 0 64 32 32 0 0 1 0-64zm64 80a32 32 0 1 1 0 64 32 32 0 0 1 0-64zM96 160h320c53 0 96 43 96 96v96c0 53-43 96-96 96-33 0-64-17-81-45l-23-35H200l-23 35c-17 28-48 45-81 45-53 0-96-43-96-96v-96c0-53 43-96 96-96z'/%3E%3C/svg%3E")}.fa-eye{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 96C130 96 45 206 16 256c29 50 114 160 240 160s211-110 240-160C467 206 382 96 256 96zm0 256a96 96 0 1 1 0-192 96 96 0 0 1 0 192zm0-144a48 48 0 1 0 0 96 48 48 0 0 0 0-96z'/%3E%3C/svg%3E")}.fa-eye-slash{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 40l440 440-32 32-78-78c-32 14-67 22-106 22C130 456 45 336 16 280c18-35 55-90 108-128L0 72l32-32zm224 88c126 0 211 120 240 176-11 22-30 52-57 82L374 321a120 120 0 0 0-151-151l-50-50c25-8 52-12 83-12zM138 197c-31 25-55 56-72 83 28 45 93 128 190 128 24 0 46-5 67-13l-48-48a72 72 0 0 1-91-91l-46-59z'/%3E%3C/svg%3E")}.fa-backward{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4S512 428.4 512 416V96c0-12.4-7.2-23.7-18.4-29s-24.6-3.5-34.1 4.4L288 214.3V96c0-12.4-7.2-23.7-18.4-29s-24.6-3.5-34.1 4.4l-192 160C36.2 237.5 32 246.5 32 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V297.7l171.5 142.9z'/%3E%3C/svg%3E")}.fa-play{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80v352c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9l288-176c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E")}.fa-pause{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48v288c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48h-32z'/%3E%3C/svg%3E")}.fa-rotate-right{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M432 128V32h48v192H288v-48h107A176 176 0 1 0 416 288h48A224 224 0 1 1 432 128z'/%3E%3C/svg%3E")}.fa-forward{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.6-3.5 34.1 4.4L224 214.3V96c0-12.4 7.2-23.7 18.4-29s24.6-3.5 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S224 428.4 224 416V297.7L52.5 440.6z'/%3E%3C/svg%3E")}.fa-rocket{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M156.6 384.9L127.1 355.4c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9 7-20.5 11.8-33.8L24 288c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3H200c2.4-4 4.8-7.7 7.2-11.3C289.1-4.1 411.1-8.1 483.9 5.3c11.6 2.1 20.6 11.2 22.8 22.8c13.4 72.9 9.3 194.8-111.4 276.7c-3.5 2.4-7.3 4.8-11.3 7.2v82.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9l-1.4-107.2c-13.3 4.8-24.9 8.8-33.8 11.8c-11.4 3.8-23.7 .8-32.2-7.7zM384 168a40 40 0 1 0 0-80a40 40 0 1 0 0 80z'/%3E%3C/svg%3E")}.fa-microphone{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M192 0c-53 0-96 43-96 96v160c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-33.6c85.8-11.7 152-85.3 152-174.4v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128S64 326.7 64 256v-40z'/%3E%3C/svg%3E")}.fa-headphones{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 48C141 48 48 141 48 256v112c0 44 36 80 80 80h48V288H96v-32c0-88 72-160 160-160s160 72 160 160v32h-80v160h48c44 0 80-36 80-80V256C464 141 371 48 256 48z'/%3E%3C/svg%3E")}.fa-lock{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144 224v-64a112 112 0 0 1 224 0v64h32v240H112V224h32zm48 0h128v-64a64 64 0 0 0-128 0v64z'/%3E%3C/svg%3E")}.fa-check-circle{--fa-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 32a224 224 0 1 0 0 448 224 224 0 0 0 0-448zm-32 320L128 256l34-34 62 62 126-126 34 34-160 160z'/%3E%3C/svg%3E")}html{scrollbar-gutter:stable}:root{--primary-pink:var(--ulti-hex-ec407a);--bg-blue:var(--ulti-hex-e0f7fa);--bg-color:#eef3ff;--container-bg:#ffffffe0;--shell-background-image:radial-gradient(circle at 12% 10%,#24bfb529,transparent 36%),radial-gradient(circle at 88% 84%,#ffa07a38,transparent 35%),linear-gradient(165deg,#f3f7ff 0%,#f7fbff 48%,#fffaf6 100%);--teal-main:var(--ulti-hex-4dd0e1);--teal-dark:var(--ulti-hex-26c6da);--border-pink:var(--ulti-hex-ff80ab);--text-color:var(--ulti-hex-333333);--shadow-color:var(--ulti-rgba-236-64-122-03);--border-main:var(--ulti-rgba-210-222-238-095);--orange-btn:var(--ulti-hex-ff9800);--game-purple:var(--ulti-hex-ab47bc);--danger-red:var(--ulti-hex-e57373);--success-green:var(--ulti-hex-2e7d32);--blind-overlay:var(--ulti-hex-37474f);--warn-yellow:var(--ulti-hex-fff9c4);--card-bg:linear-gradient(180deg,#fffcf9f5,#f6fafff5);--card-active-bg:linear-gradient(180deg,#fff5f7fa,#f0f8fffa);--surface-solid:var(--ulti-hex-ffffff);--color-on-accent:var(--ulti-hex-ffffff);--color-transparent:transparent;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-strong:700;--font-weight-extra:800;--accent-height:6px;--toggle-width:140px;--toggle-height:36px;--toggle-knob:28px;--toggle-shift:102px;--toggle-text-youth-left:10px;--toggle-text-elegant-left:-10px;--control-play-width:80px;--control-play-width-mobile:64px;--control-bar-gap:12px;--control-bar-gap-mobile:6px;--lesson-frame-width:900px;--lesson-title-font-size:clamp(1.35rem,2.7vw,1.95rem);--lesson-title-line-height:1.2;--lesson-title-margin:0;--lesson-title-padding:0;--lesson-header-margin-bottom:2px;--lesson-header-min-height:auto;--lesson-theme-row-margin:0;--lesson-page-align-y:flex-start;--focus-toggle-height:var(--toggle-height);--focus-hover-lift:calc(-1*var(--accent-height)/3);--focus-hover-scale:1.02;--focus-display-padding-block:40px;--focus-display-padding-inline:24px;--focus-accent-clearance:16px;--btn-primary-bg:linear-gradient(130deg,#ec3c77 0%,#756490 100%);--btn-secondary-bg:linear-gradient(130deg,#756490 0%,#00abc2 100%);--accent-gradient:linear-gradient(90deg,#ec3c77,#00abc2);--btn-danger-bg:linear-gradient(130deg,#536579 0%,#7f5e8d 100%);--toggle-slider-bg:linear-gradient(135deg,#e5566a29 0%,#19a7a029 100%);--toggle-slider-checked-bg:var(--btn-secondary-bg);--toggle-slider-border:#e5566a40;--toggle-slider-checked-border:var(--ulti-hex-c8d6e5);--toggle-slider-shadow:inset 0 1px 3px var(--ulti-rgba-0-0-0-005);--toggle-slider-checked-shadow:inset 0 2px 4px var(--ulti-rgba-0-0-0-01),0 5px 12px var(--ulti-rgba-42-92-121-025);--toggle-knob-shadow:0 2px 4px var(--ulti-rgba-0-0-0-015);--toggle-knob-bg:#fff5f6;--toggle-knob-border:transparent;--toggle-text-color:var(--ulti-hex-5a7089);--toggle-text-checked-color:var(--color-on-accent);--control-disabled-shadow:none;--motion-shake-duration:.5s;--muted-text:var(--ulti-hex-5a7089);--adaptive-progress-height:calc(var(--accent-height)*3);--adaptive-progress-gap:calc(var(--accent-height)/2);--adaptive-progress-segment-radius:var(--accent-height);--adaptive-progress-border-width:calc(var(--accent-height)/6);--adaptive-progress-motion:.22s ease;--adaptive-progress-empty-bg:var(--surface-solid);--adaptive-progress-empty-text:var(--muted-text);--adaptive-progress-active-bg:var(--muted-text);--adaptive-progress-active-text:var(--color-on-accent);--adaptive-progress-done-bg:var(--border-main);--adaptive-progress-done-text:var(--muted-text);--adaptive-progress-warn-bg:var(--ulti-hex-ffebee);--adaptive-progress-warn-text:var(--muted-text);--progress-hover-bg:var(--ulti-rgba-25-167-160-02);--ulti-hex-00acc1:#00acc1;--ulti-hex-08111c:#08111c;--ulti-hex-0b0f1a:#0b0f1a;--ulti-hex-0d9488:#0d9488;--ulti-hex-0f172a:#0f172a;--ulti-hex-111:#111;--ulti-hex-132036:#132036;--ulti-hex-14b8a6:#14b8a6;--ulti-hex-15837c:#15837c;--ulti-hex-168a53:#168a53;--ulti-hex-19a7a0:#19a7a0;--ulti-hex-1a3a57:#1a3a57;--ulti-hex-1a9a93:#1a9a93;--ulti-hex-1b3a57:#1b3a57;--ulti-hex-1d4b69:#1d4b69;--ulti-hex-1da39b:#1da39b;--ulti-hex-1e293b:#1e293b;--ulti-hex-1f3348:#1f3348;--ulti-hex-1f4a69:#1f4a69;--ulti-hex-21425f:#21425f;--ulti-hex-24415c:#24415c;--ulti-hex-26c6da:#26c6da;--ulti-hex-28bdb2:#28bdb2;--ulti-hex-2a4667:#2a4667;--ulti-hex-2a4c66:#2a4c66;--ulti-hex-2e7d32:#2e7d32;--ulti-hex-2ec3ba:#2ec3ba;--ulti-hex-333333:#333;--ulti-hex-37474f:#37474f;--ulti-hex-3d536c:#3d536c;--ulti-hex-3e5671:#3e5671;--ulti-hex-425c79:#425c79;--ulti-hex-475569:#475569;--ulti-hex-4a637d:#4a637d;--ulti-hex-4b637b:#4b637b;--ulti-hex-4dd0e1:#4dd0e1;--ulti-hex-4f46e5:#4f46e5;--ulti-hex-546e7a:#546e7a;--ulti-hex-555:#555;--ulti-hex-55677b:#55677b;--ulti-hex-5a4050:#5a4050;--ulti-hex-5a7089:#5a7089;--ulti-hex-5b6f82:#5b6f82;--ulti-hex-5b748d:#5b748d;--ulti-hex-60758d:#60758d;--ulti-hex-666:#666;--ulti-hex-6d7f95:#6d7f95;--ulti-hex-777:#777;--ulti-hex-78909c:#78909c;--ulti-hex-7e95ac:#7e95ac;--ulti-hex-80cbc4:#80cbc4;--ulti-hex-8e24aa:#8e24aa;--ulti-hex-90a4ae:#90a4ae;--ulti-hex-aaa:#aaa;--ulti-hex-ab47bc:#ab47bc;--ulti-hex-b2dfdb:#b2dfdb;--ulti-hex-b7791f:#b7791f;--ulti-hex-b8ccdf:#b8ccdf;--ulti-hex-bbb:#bbb;--ulti-hex-bdbdbd:#bdbdbd;--ulti-hex-c8d6e5:#c8d6e5;--ulti-hex-ccc:#ccc;--ulti-hex-cfe0ef:#cfe0ef;--ulti-hex-d5e2ef:#d5e2ef;--ulti-hex-d6e3ef:#d6e3ef;--ulti-hex-d8e4f1:#d8e4f1;--ulti-hex-d8e5f3:#d8e5f3;--ulti-hex-dbe8f4:#dbe8f4;--ulti-hex-e0e0e0:#e0e0e0;--ulti-hex-e0f7fa:#e0f7fa;--ulti-hex-e45757:#e45757;--ulti-hex-e5566a:#e5566a;--ulti-hex-e57373:#e57373;--ulti-hex-e65d6f:#e65d6f;--ulti-hex-e75f72:#e75f72;--ulti-hex-e91e63:#e91e63;--ulti-hex-ec407a:#ec407a;--ulti-hex-eee:#eee;--ulti-hex-eef4fb:#eef4fb;--ulti-hex-eef6ff:#eef6ff;--ulti-hex-ef5350:#ef5350;--ulti-hex-f08c3c:#f08c3c;--ulti-hex-f2cc68:#f2cc68;--ulti-hex-f48fb1:#f48fb1;--ulti-hex-f4f9ff:#f4f9ff;--ulti-hex-f57f17:#f57f17;--ulti-hex-f59e0b:#f59e0b;--ulti-hex-f5b5cc:#f5b5cc;--ulti-hex-f5fcfc:#f5fcfc;--ulti-hex-f7b24f:#f7b24f;--ulti-hex-fbc02d:#fbc02d;--ulti-hex-ff7d8b:#ff7d8b;--ulti-hex-ff80ab:#ff80ab;--ulti-hex-ff8da1:#ff8da1;--ulti-hex-ff9800:#ff9800;--ulti-hex-ffcdd2:#ffcdd2;--ulti-hex-ffd3d8:#ffd3d8;--ulti-hex-ffebee:#ffebee;--ulti-hex-fff:#fff;--ulti-hex-fff0f0:#fff0f0;--ulti-hex-fff0f6:#fff0f6;--ulti-hex-fff5cf:#fff5cf;--ulti-hex-fff7d1:#fff7d1;--ulti-hex-fff8e1:#fff8e1;--ulti-hex-fff9c4:#fff9c4;--ulti-hex-fffbed:#fffbed;--ulti-hex-ffffff:#fff;--ulti-rgba-0-0-0-005:#0000000d;--ulti-rgba-0-0-0-01:#0000001a;--ulti-rgba-0-0-0-015:#00000026;--ulti-rgba-0-0-0-02:#0003;--ulti-rgba-0-0-0-025:#00000040;--ulti-rgba-0-0-0-03:#0000004d;--ulti-rgba-0-0-0-04:#0006;--ulti-rgba-0-0-0-06:#0009;--ulti-rgba-106-141-183-042:#6a8db76b;--ulti-rgba-120-144-156-03:#78909c4d;--ulti-rgba-132-166-210-046:#84a6d275;--ulti-rgba-15-23-42-095:#0f172af2;--ulti-rgba-192-205-220-09:#c0cddce6;--ulti-rgba-210-222-238-095:#d2deeef2;--ulti-rgba-212-225-239-095:#d4e1eff2;--ulti-rgba-229-86-106-02:#e5566a33;--ulti-rgba-229-86-106-032:#e5566a52;--ulti-rgba-231-95-114-036:#e75f725c;--ulti-rgba-236-64-122-012:#ec407a1f;--ulti-rgba-236-64-122-03:#ec407a4d;--ulti-rgba-236-64-122-04:#ec407a66;--ulti-rgba-239-83-80-0:#ef535000;--ulti-rgba-239-83-80-07:#ef5350b3;--ulti-rgba-24-169-162-008:#18a9a214;--ulti-rgba-245-255-252-098:#f5fffcfa;--ulti-rgba-246-250-255-096:#f6fafff5;--ulti-rgba-25-167-160-02:#19a7a033;--ulti-rgba-25-167-160-06:#19a7a099;--ulti-rgba-255-245-240-095:#fff5f0f2;--ulti-rgba-255-255-255-005:#ffffff0d;--ulti-rgba-255-255-255-045:#ffffff73;--ulti-rgba-255-255-255-05:#ffffff80;--ulti-rgba-255-255-255-06:#fff9;--ulti-rgba-255-255-255-085:#ffffffd9;--ulti-rgba-255-255-255-095:#fffffff2;--ulti-rgba-255-255-255-098:#fffffffa;--ulti-rgba-28-132-126-032:#1c847e52;--ulti-rgba-28-62-95-016:#1c3e5f29;--ulti-rgba-31-53-82-006:#1f35520f;--ulti-rgba-31-53-82-012:#1f35521f;--ulti-rgba-31-53-82-014:#1f355224;--ulti-rgba-31-53-82-018:#1f35522e;--ulti-rgba-31-53-82-02:#1f355233;--ulti-rgba-42-92-121-025:#2a5c7940;--ulti-rgba-46-125-50-03:#2e7d324d;--ulti-rgba-46-125-50-078:#2e7d32c7;--ulti-rgba-70-104-147-028:#46689347}body{background-color:var(--bg-color);background-image:var(--shell-background-image);box-sizing:border-box;justify-content:center;align-items:var(--lesson-page-align-y);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;min-height:100dvh;margin:0;padding:12px;font-family:Be Vietnam Pro,sans-serif;display:flex;overflow-x:hidden}.bubbles{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bubble{background-color:var(--ulti-rgba-255-255-255-05);border-radius:50%;animation:10s ease-in infinite rise;position:absolute;bottom:-100px}@keyframes rise{0%{bottom:-100px;transform:translate(0)}50%{transform:translate(100px)}to{bottom:1080px;transform:translate(-200px)}}.app-container{box-sizing:border-box;width:100%;min-width:0;max-width:var(--lesson-frame-width);background-color:var(--container-bg);border:1px solid var(--border-main);box-shadow:0 22px 50px var(--ulti-rgba-28-62-95-016);backdrop-filter:blur(8px);border-radius:22px;flex-direction:column;height:calc(100dvh - 1.5rem);min-height:520px;margin:0 auto 20px;padding:22px;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";height:var(--accent-height);background:linear-gradient(90deg,var(--ulti-hex-e91e63),var(--ulti-hex-00acc1));z-index:1;pointer-events:none;position:absolute;inset:0 0 auto}.header-area{margin-bottom:var(--lesson-header-margin-bottom);min-height:var(--lesson-header-min-height);justify-content:center;align-items:center;display:flex;position:relative}h1{text-align:center;color:var(--primary-pink);font-family:Be Vietnam Pro,sans-serif;font-weight:var(--font-weight-extra);font-size:var(--lesson-title-font-size);margin:var(--lesson-title-margin);text-transform:none;zoom:.7;line-height:var(--lesson-title-line-height);width:100%}#lesson-title.dec-ui-game-title{font-family:Be Vietnam Pro,sans-serif;font-weight:var(--font-weight-extra);letter-spacing:.0625rem;text-align:center;background:var(--accent-gradient,var(--btn-secondary-bg));-webkit-text-fill-color:var(--color-transparent,transparent);color:var(--color-transparent,transparent);text-transform:none;zoom:.7;-webkit-background-clip:text;background-clip:text;width:100%;margin-top:.5rem;margin-bottom:.5rem;font-size:clamp(1.8rem,2.5vw,2.2rem)}body[data-mode=ipa] .header-area{flex-direction:column;min-height:auto;margin-bottom:2px}body[data-mode=ipa] .app-logo{display:none}body[data-mode=ipa] h1{font-size:var(--lesson-title-font-size);margin:var(--lesson-title-margin);width:100%;line-height:var(--lesson-title-line-height);padding:var(--lesson-title-padding);letter-spacing:0}body[data-mode=ipa] .timer-display{display:none!important}.timer-display{background:var(--ulti-rgba-255-255-255-095);color:var(--text-color);border:1px solid var(--border-pink);text-align:center;width:116px;font-size:1.02rem;font-weight:var(--font-weight-strong);box-shadow:0 4px 10px var(--ulti-rgba-0-0-0-01);z-index:50;font-variant-numeric:tabular-nums;border-radius:14px;padding:5px 0;transition:all .3s;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-display.is-visible{display:block}.timer-display.low-time{background:var(--ulti-hex-fff0f0);border-color:var(--danger-red);color:var(--danger-red);animation:1s infinite pulse}.timer-display.paused{background:var(--ulti-hex-fff8e1);border-color:var(--orange-btn);color:var(--ulti-hex-555);opacity:.8}@keyframes pulse{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.05)}to{transform:translate(-50%,-50%)scale(1)}}.progress-container{width:100%;height:var(--adaptive-progress-height);gap:var(--adaptive-progress-gap);margin-bottom:calc(var(--accent-height)*4);background:0 0;display:flex}.progress-container.wrap-mode{flex-wrap:wrap!important;height:auto!important}.progress-container.wrap-mode .progress-segment{flex:0 0 calc((100% - (29*var(--adaptive-progress-gap)))/30)!important;box-sizing:border-box!important}.progress-segment{height:var(--adaptive-progress-height);border:var(--adaptive-progress-border-width)solid var(--border-main);border-radius:var(--adaptive-progress-segment-radius);background:var(--adaptive-progress-empty-bg);color:var(--adaptive-progress-empty-text);box-sizing:border-box;font-size:.72rem;font-weight:var(--font-weight-strong);cursor:pointer;user-select:none;transition:background var(--adaptive-progress-motion),border-color var(--adaptive-progress-motion),color var(--adaptive-progress-motion),box-shadow var(--adaptive-progress-motion),transform var(--adaptive-progress-motion);flex:1;justify-content:center;align-items:center;display:flex}.progress-segment:hover:not(.active){background-color:var(--progress-hover-bg);transform:translateY(-1px)}.progress-segment.done{background:var(--adaptive-progress-done-bg);color:var(--adaptive-progress-done-text)}.progress-segment.warn{background:var(--adaptive-progress-warn-bg);color:var(--adaptive-progress-warn-text)}.progress-segment.active{background:var(--adaptive-progress-active-bg);color:var(--adaptive-progress-active-text);border-color:var(--adaptive-progress-active-bg)}#display-area{flex-direction:column;flex:auto;justify-content:stretch;align-items:stretch;min-height:0;margin-bottom:20px;display:flex;position:relative}.flashcard{background:var(--card-bg);border:1px solid var(--border-main);text-align:center;width:100%;box-shadow:0 5px 15px var(--ulti-rgba-0-0-0-005);box-sizing:border-box;border-radius:20px;flex-direction:column;flex:auto;justify-content:space-between;align-items:center;height:100%;min-height:280px;padding:25px;transition:all .3s;display:flex;position:relative}.card-top-area{flex-direction:column;flex:2;justify-content:center;align-items:center;width:100%;min-height:40px;display:flex}.card-bottom-area{flex-direction:column;flex:3;justify-content:flex-end;align-items:center;width:100%;min-height:60px;display:flex;position:relative}.card-middle-area{flex-direction:column;flex:none;justify-content:center;align-items:center;width:100%;padding:15px 0;display:flex}body[data-mode=ipa] .flashcard,body[data-mode=listening] .flashcard{border-style:solid;border-width:calc(1px/var(--focus-zoom,1))!important}body[data-mode=ipa] .header-area{padding-left:5px;padding-right:5px}.focus-toggle-btn{border:1px solid var(--focus-action-border,#19a7a05c);background:var(--focus-action-bg,#fff);color:var(--focus-action-text,#19a7a0);height:var(--toggle-height,36px);box-sizing:border-box;cursor:pointer;box-shadow:var(--focus-action-shadow,0 4px 10px #19a7a014);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.focus-toggle-btn:hover{background:var(--focus-action-hover-bg,#19a7a014)}.focus-toggle-btn[aria-pressed=true]{background:var(--focus-action-bg,#fff)!important;color:var(--focus-action-text,#19a7a0)!important;border-color:var(--focus-action-border,#19a7a05c)!important;box-shadow:var(--focus-action-shadow,0 4px 10px #19a7a014)!important}.focus-toggle-btn[aria-pressed=true]:hover{background:var(--focus-action-hover-bg,#19a7a014)!important}.nav-status{display:none}body.focus-mode .nav-status{border:1px solid var(--ulti-rgba-120-144-156-03);background:var(--ulti-rgba-255-255-255-05);font-size:.8rem;font-weight:var(--font-weight-strong);color:var(--ulti-hex-5a7089);z-index:200;pointer-events:none;border-radius:8px;padding:4px 10px;position:fixed;top:10px;left:10px;display:none!important}body.focus-mode .header-area,body.focus-mode .progress-container,body.focus-mode .dec-unified-footer{display:none!important}body.focus-mode .app-container{border-radius:24px;flex-direction:column;width:100%;max-width:100%;height:calc(100dvh - 1.5rem);margin:0;padding:0;display:flex;overflow:hidden}body.focus-mode #display-area{min-height:0;padding:calc(var(--focus-display-padding-block) + var(--focus-accent-clearance))var(--focus-display-padding-inline)var(--focus-display-padding-block);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0;display:flex;overflow:visible}body.focus-mode .flashcard{flex:none;justify-content:center;width:auto;min-width:70%;max-width:95%;height:auto;max-height:100%;margin:0;overflow:hidden}.slide-nav-text{font-family:Be Vietnam Pro,sans-serif;font-weight:var(--font-weight-strong);color:var(--ulti-hex-5a7089);justify-content:center;align-items:center;margin:0 15px;font-size:1.1rem;display:none}body.focus-mode .slide-nav-text{margin-left:15px;display:flex!important}body.focus-mode .focus-toggle-btn{background:var(--ulti-hex-ffffff);z-index:200;min-width:100px;min-height:36px;box-shadow:0 4px 15px var(--ulti-rgba-0-0-0-01);border:1px solid var(--ulti-hex-ccc);color:var(--ulti-hex-111);border-radius:8px;justify-content:center;align-items:center;padding:6px 14px;line-height:1.2;position:fixed;top:10px;left:10px;transform:none;display:inline-flex!important}body.focus-mode .theme-row,body.focus-mode .theme-switch{display:none!important}body.focus-mode .control-bar{z-index:10;pointer-events:auto;border-top:none;justify-content:space-between;align-items:center;width:70%;max-width:95%;margin:0 auto;padding-bottom:10px;display:flex;position:relative;bottom:auto;left:auto;right:auto}body.focus-mode .control-bar .btn-control{pointer-events:auto}body.focus-mode .control-spacer,body.focus-mode .control-bar .btn-control:not(#btn-prev):not(#btn-next):not(#btn-play):not(#btn-auto):not(#btn-mic){display:none}.flashcard.zoom-pending{visibility:hidden!important;opacity:0!important;transition:none!important}@media (width<=600px){.app-container{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:15px}.control-bar{gap:6px;max-width:100%}.control-left,.control-center,.control-right{gap:6px}.btn-sm,.btn-auto,.btn-mic{width:42px;height:42px;font-size:18px}.btn-play{width:var(--control-play-width-mobile);height:var(--control-play-width-mobile);margin:0;font-size:26px;transform:translate(-50%,-50%)}.btn-play:hover{transform:translate(-50%,-50%)scale(1.05)}h1{text-align:center;width:100%;margin-left:0;margin-right:0;font-size:.8rem}.app-logo{width:50px;height:50px}.timer-display{width:100%;margin:10px 0;font-size:1.2rem;position:relative;top:0;right:0;transform:none}.header-area{flex-direction:column;align-items:flex-start;margin-bottom:20px}body[data-mode=ipa] .header-area{padding-right:0}body[data-mode=ipa] .focus-toggle-btn{width:100%;margin-top:10px;position:relative;top:0;transform:none}body[data-mode=ipa] .focus-toggle-btn:hover{transform:none}}body[data-mode=ipa] .btn-game,body[data-mode=ipa] .btn-sub,body[data-mode=ipa] .switch-mode.theme-toggle-switch{display:none!important}body[data-mode=ipa] .ipa-title{font-family:Be Vietnam Pro,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:var(--font-weight-extra);color:var(--primary-pink);margin-bottom:4px;line-height:1.1}body[data-mode=ipa] .ipa-subtitle{color:var(--ulti-hex-19a7a0);font-family:Gentium Plus,Noto Sans,Times New Roman,serif;font-size:clamp(2.4rem,5vw,3.2rem);font-weight:var(--font-weight-regular);margin-bottom:6px;font-style:normal;line-height:1.2}body[data-mode=ipa] .text-content{color:var(--ulti-hex-5a7089);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:var(--font-weight-semibold);margin-top:4px;line-height:1.4}.flashcard.active{background:var(--card-active-bg);border-color:var(--border-main);box-shadow:0 8px 24px var(--ulti-rgba-236-64-122-012);border-style:solid;border-width:calc(1px/var(--focus-zoom,1))!important}.text-content{color:var(--text-color);font-family:Be Vietnam Pro,sans-serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:var(--font-weight-strong);margin-bottom:15px;line-height:1.3;transition:filter .3s,opacity .3s,color .3s}.listening-ipa{color:#4f5963;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(.95rem,2.2vw,1.25rem);font-weight:var(--font-weight-medium);letter-spacing:.01em;margin-top:-6px;margin-bottom:15px;line-height:1.45;display:block}.text-content.dec-text-primary,.slide-body.text-content.dec-text-primary{background-image:var(--btn-primary-bg);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-content.dec-text-secondary,.slide-body.text-content.dec-text-secondary{background-image:var(--btn-secondary-bg);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-hidden{filter:blur(12px);opacity:.4;user-select:none}.is-hidden{display:none!important}.lives-area{width:auto;color:var(--danger-red);font-size:22px;font-weight:var(--font-weight-strong);z-index:10;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:12px;right:12px}.heart-icon{margin-left:5px;font-style:normal}.control-spacer{flex:0 0 10px;width:10px}.btn-game-letter{font-size:24px;font-weight:var(--font-weight-extra);line-height:1}.score-icon-listen{color:var(--teal-main)}.sentence-slots{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;min-height:60px;margin-bottom:30px;display:flex}.slot{border-bottom:2px solid var(--ulti-hex-bbb);min-width:40px;height:50px;color:var(--primary-pink);font-family:Be Vietnam Pro,sans-serif;font-size:2em;font-weight:var(--font-weight-strong);justify-content:center;align-items:flex-end;padding:0 5px;transition:all .3s;display:flex}.slot.filled{border-bottom:2px solid var(--teal-main);color:var(--primary-pink)}.word-bank{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding-top:20px;transition:opacity .3s,filter .3s;display:flex;position:relative}.word-bank.blind:after{content:"🎧 Bấm nút Play để hiện từ";background:var(--ulti-rgba-255-255-255-045);-webkit-backdrop-filter:blur(15px);border:1px solid var(--ulti-rgba-255-255-255-06);color:var(--ulti-hex-555);font-size:1.3em;font-weight:var(--font-weight-extra);z-index:20;opacity:1;box-shadow:0 8px 32px var(--ulti-rgba-0-0-0-005);text-shadow:0 2px 4px var(--ulti-rgba-255-255-255-05);border-radius:20px;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;inset:-5px}.word-bank.blind .word-chip{opacity:0}.word-bank.locked{opacity:.3;pointer-events:none;filter:grayscale()}.game-status-msg{font-weight:var(--font-weight-strong);margin-top:20px;font-size:1.2em;font-style:italic;display:none}.msg-locked{color:var(--danger-red);display:block}.msg-win{color:var(--teal-main);display:block}.msg-wait{color:var(--ulti-hex-ff9800);display:block}.word-chip{background:var(--surface-solid);border:2px solid var(--teal-main);cursor:pointer;box-shadow:0 4px 0 var(--ulti-hex-b2dfdb);user-select:none;color:var(--text-color);font-size:1.3em;font-weight:var(--font-weight-strong);z-index:10;border-radius:25px;padding:8px 18px;transition:transform .1s;position:relative}.word-chip:hover{transform:translateY(-2px)}.word-chip:active{box-shadow:none;transform:translateY(2px)}.word-chip.used{opacity:0;pointer-events:none;cursor:default}.word-chip.wrong{background-color:var(--ulti-hex-ffebee);border-color:var(--ulti-hex-ef5350);color:var(--ulti-hex-ef5350);box-shadow:0 4px 0 var(--ulti-hex-ffcdd2);animation:.5s bounce-wrong}@keyframes bounce-wrong{0%{transform:translate(0)}20%{transform:translate(-10px)rotate(-5deg)}40%{transform:translate(10px)rotate(5deg)}60%{transform:translate(-10px)rotate(-5deg)}80%{transform:translate(10px)rotate(5deg)}to{transform:translate(0)}}.flying-chip{z-index:9999;pointer-events:none;background:var(--surface-solid);border:2px solid var(--teal-main);color:var(--text-color);font-size:1.3em;font-weight:var(--font-weight-strong);box-shadow:0 10px 20px var(--ulti-rgba-0-0-0-02);border-radius:25px;padding:8px 18px;transition:all .5s cubic-bezier(.25,1,.5,1);position:fixed}.control-bar{border-top:none;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:80px;padding-top:15px;display:flex;position:relative}.control-left,.control-right{flex:1;align-items:center;gap:12px;display:flex}.control-left{justify-content:flex-start}.control-right{justify-content:flex-end}.control-center{flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.btn-control{border:calc(var(--accent-height)/6)solid var(--color-transparent);box-sizing:border-box;cursor:pointer;color:var(--color-on-accent);border-radius:calc(var(--toggle-height) - var(--toggle-knob) + var(--accent-height));box-shadow:var(--toggle-knob-shadow);background-repeat:no-repeat;background-size:100% 100%;background-origin:border-box;background-clip:border-box;justify-content:center;align-items:center;transition:background .2s,background-color .2s,color .2s,box-shadow .2s,transform .2s,filter .2s,opacity .2s;display:flex}.btn-control:active{box-shadow:none;transform:translateY(4px)}.btn-sm{border-radius:calc(var(--toggle-height) - var(--toggle-knob) + var(--accent-height));width:50px;height:50px;font-size:20px}.btn-game{background-color:var(--game-purple)}.btn-game:hover{filter:brightness(1.1)}.btn-game.active{background-color:var(--ulti-hex-8e24aa);border:2px solid var(--ulti-hex-fff);box-shadow:0 0 10px var(--game-purple)}.btn-sub{background-color:var(--ulti-hex-ec407a)}.btn-sub:hover{filter:brightness(1.1)}.btn-sub.off{background-color:var(--ulti-hex-90a4ae)}.btn-sub:not(.off){background-color:var(--primary-pink)}.btn-sub:disabled{opacity:.5;cursor:not-allowed}.btn-nav{background-image:var(--btn-secondary-bg);color:var(--color-on-accent)}.btn-nav:hover{filter:brightness(1.04)}.btn-nav:disabled{opacity:.46;color:var(--ulti-hex-aaa);cursor:not-allowed;box-shadow:none;transform:none}.btn-play{width:var(--control-play-width);height:var(--control-play-width);background-image:var(--btn-primary-bg);box-shadow:var(--toggle-knob-shadow);z-index:5;border-radius:50%;margin:0 10px;font-size:32px;position:relative;top:auto;left:auto;transform:none}.btn-play:hover{transform:scale(1.05)}.btn-play:disabled,.btn-play.disabled{opacity:.46;cursor:not-allowed;box-shadow:none;transform:none}.btn-auto{background-image:var(--btn-primary-bg);border-radius:calc(var(--toggle-height) - var(--toggle-knob) + var(--accent-height));width:50px;height:50px;font-size:20px}.btn-auto:hover{filter:brightness(1.1)}.btn-auto:disabled,.btn-auto.disabled{opacity:.46;cursor:not-allowed;box-shadow:none;transform:none}.btn-mic{border-radius:calc(var(--toggle-height) - var(--toggle-knob) + var(--accent-height));background-image:var(--btn-secondary-bg);width:50px;height:50px;font-size:20px}.btn-mic:hover{transform:scale(1.1)}.btn-mic:disabled{opacity:.46;cursor:not-allowed;animation:none}.btn-mic.listening{background:var(--ulti-hex-ef5350);animation:1.2s ease-in-out infinite pulse-mic-glow}.btn-mic.is-shaking{animation:shake var(--motion-shake-duration)}@keyframes pulse-mic-glow{0%{transform:scale(1);box-shadow:0 0 12px #ef5350,0 0 24px #ff1744,0 0 36px #ef5350cc,inset 0 0 8px #fff}50%{transform:scale(1.08);box-shadow:0 0 24px #ef5350,0 0 48px #ff1744,0 0 72px #ef5350f2,inset 0 0 14px #fff}to{transform:scale(1);box-shadow:0 0 12px #ef5350,0 0 24px #ff1744,0 0 36px #ef5350cc,inset 0 0 8px #fff}}.cost-badge{background:var(--danger-red);color:var(--color-on-accent);font-size:12px;font-weight:var(--font-weight-strong);border:2px solid var(--surface-solid);box-shadow:0 2px 5px var(--ulti-rgba-0-0-0-02);z-index:20;border-radius:10px;padding:3px 8px;animation:2s forwards popUpFade;position:absolute;top:-5px;right:-5px}.damage-badge{color:var(--danger-red);font-weight:var(--font-weight-strong);pointer-events:none;font-size:18px;animation:1s forwards floatUp;position:absolute;top:0;right:0}@keyframes popUpFade{0%{opacity:0;transform:scale(0)translateY(0)}20%{opacity:1;transform:scale(1.2)translateY(-10px)}80%{opacity:1;transform:scale(1)translateY(-20px)}to{opacity:0;transform:scale(1)translateY(-30px)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.speech-feedback-box{background:var(--ulti-hex-fff);border:2px solid var(--ulti-hex-ccc);text-align:center;box-sizing:border-box;border-radius:15px;flex-shrink:1;align-self:stretch;width:100%;max-height:100%;margin-top:auto;margin-bottom:0;padding:15px;animation:.3s slideDown;display:none;overflow-y:auto}.speech-feedback-box.is-visible{display:block}.speech-score-badge{color:var(--color-on-accent);font-weight:var(--font-weight-strong);border-radius:20px;margin-bottom:10px;padding:5px 15px;font-size:1.2em;display:inline-block}.score-perfect{background:var(--success-green);box-shadow:0 4px 10px var(--ulti-rgba-46-125-50-03)}.score-good{background:var(--orange-btn)}.score-bad{background:var(--danger-red)}.speech-detail{font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif;font-size:1.5em}.speech-detail.compact{color:var(--ulti-hex-555);margin-top:8px;font-size:1em}.w-correct{color:var(--success-green);font-weight:var(--font-weight-strong)}.w-close{color:var(--orange-btn);font-weight:var(--font-weight-strong)}.w-wrong{color:var(--danger-red);opacity:.7;text-decoration:line-through}.w-skip{color:var(--ulti-rgba-46-125-50-078);font-weight:var(--font-weight-strong)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{background:var(--ulti-rgba-0-0-0-06);z-index:10000;backdrop-filter:blur(5px);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.is-visible{display:flex}.modal-content{background:var(--surface-solid);text-align:center;border:5px solid var(--primary-pink);width:90%;max-width:450px;box-shadow:0 20px 50px var(--ulti-rgba-0-0-0-03);border-radius:25px;padding:30px;animation:.5s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.score-title{color:var(--game-purple);font-size:2em;font-weight:var(--font-weight-strong);margin-bottom:20px}.score-row{border-bottom:2px solid var(--ulti-hex-eee);justify-content:space-between;margin-bottom:15px;padding-bottom:5px;font-size:1.4em;display:flex}.score-val{font-weight:var(--font-weight-strong);color:var(--primary-pink)}.score-message{color:var(--ulti-hex-666);margin-top:20px;font-style:italic}.btn-restart{background:var(--btn-primary-bg);color:var(--color-on-accent);cursor:pointer;justify-content:center;align-items:center;gap:var(--accent-height);font-family:inherit;font-size:1.2em;font-weight:var(--font-weight-strong);box-shadow:var(--btn-restart-shadow,0 .3125rem 0 var(--ulti-hex-5a4050));border:none;border-radius:50px;margin-top:20px;padding:10px 30px;display:inline-flex}.btn-restart:active{box-shadow:none;transform:translateY(5px)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.theme-row{margin:var(--lesson-theme-row-margin);justify-content:flex-end;display:flex}body[data-mode=ipa] .theme-row{justify-content:flex-end;margin:0}.sub-header-controls{grid-template-columns:1fr auto 1fr;justify-content:stretch;align-items:center;width:100%;margin-bottom:12px;padding:0 2px;display:grid;position:relative}body[data-mode=ipa] .sub-header-controls{justify-content:space-between;align-items:flex-end;display:flex}.focus-toggle-btn{display:inline-flex}.sub-header-controls .focus-toggle-btn{grid-column:1;justify-self:start;width:fit-content;max-width:max-content}body[data-mode=ipa] .focus-toggle-btn{display:inline-flex}.theme-toggle-switch,.theme-toggle-switch{width:var(--toggle-width);height:var(--toggle-height);vertical-align:middle;margin:0;display:inline-block;position:relative}.switch-mode.theme-toggle-switch{width:var(--toggle-width);grid-column:1;justify-self:start}.control-left .switch-mode.theme-toggle-switch{flex:none;grid-column:auto;justify-self:auto}.theme-toggle-switch:not(.switch-mode){grid-column:3;justify-self:end}.theme-toggle-switch input{display:none}.theme-toggle-switch .slider{cursor:pointer;background:var(--toggle-slider-bg);border-radius:var(--toggle-height);box-shadow:var(--toggle-slider-shadow);border:1px solid var(--toggle-slider-border);align-items:center;transition:all .4s;display:flex;position:absolute;inset:0;overflow:hidden}.theme-toggle-switch .slider-text{width:100%;left:var(--toggle-text-youth-left);text-align:center;color:var(--color-on-accent);font-weight:var(--font-weight-strong);text-transform:uppercase;user-select:none;pointer-events:none;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;transition:all .4s;position:absolute}.switch-mode.theme-toggle-switch .slider-text{left:var(--toggle-text-youth-left);text-transform:uppercase;justify-content:center;align-items:center;height:100%;line-height:normal;display:flex}.theme-toggle-switch:not(.switch-mode) .slider-text{color:var(--toggle-text-color)}.theme-toggle-switch .slider:before{content:"";height:var(--toggle-knob);width:var(--toggle-knob);box-sizing:border-box;z-index:2;box-shadow:var(--toggle-knob-shadow);border-radius:50%;transition:transform .4s,border-color .4s,background-color .4s,box-shadow .4s;position:absolute;bottom:3px;left:4px}.theme-toggle-switch:not(.switch-mode) .slider:before{border:2px solid var(--toggle-knob-border);background-color:var(--toggle-knob-bg)}.switch-mode.theme-toggle-switch .slider:before{background-color:var(--surface-solid);border:2px solid #0000}.theme-toggle-switch input:checked+.slider{background:var(--toggle-slider-checked-bg);box-shadow:var(--toggle-slider-checked-shadow);border:1px solid var(--toggle-slider-checked-border)}.theme-toggle-switch:not(.switch-mode) input:checked+.slider .slider-text{left:var(--toggle-text-elegant-left);color:var(--toggle-text-checked-color)}.switch-mode.theme-toggle-switch input:checked+.slider .slider-text{left:var(--toggle-text-elegant-left)}.theme-toggle-switch input:checked+.slider:before{transform:translateX(var(--toggle-shift))}body[data-theme=elegant] .theme-toggle-switch .slider{background:var(--toggle-slider-bg);box-shadow:var(--toggle-slider-shadow)}body[data-theme=elegant] .theme-toggle-switch input:checked+.slider{background:var(--toggle-slider-checked-bg);box-shadow:var(--toggle-slider-checked-shadow)}.switch-mode.theme-toggle-switch .slider{background:#e5566a14;border-color:#e5566a40;box-shadow:inset 0 1px 3px #0000000d}.switch-mode.theme-toggle-switch input:checked+.slider{background:#19a7a014;border-color:#19a7a040;box-shadow:inset 0 1px 3px #0000000d}body[data-theme=elegant] .switch-mode.theme-toggle-switch .slider{background:#7e95ac1a;border-color:#7e95ac4d;box-shadow:inset 0 1px 3px #0000000d}body[data-theme=elegant] .switch-mode.theme-toggle-switch input:checked+.slider{background:#60758d1a;border-color:#60758d4d;box-shadow:inset 0 1px 3px #0000000d}.switch-mode.theme-toggle-switch .slider:before{background-image:var(--btn-primary-bg);background-repeat:no-repeat;background-size:cover;background-origin:border-box;background-clip:border-box;box-shadow:0 2px 8px #e5566a66}.switch-mode.theme-toggle-switch input:checked+.slider:before{background-image:var(--btn-secondary-bg);background-repeat:no-repeat;background-size:cover;background-origin:border-box;background-clip:border-box;box-shadow:0 2px 8px #19a7a066}body[data-theme=elegant] .switch-mode.theme-toggle-switch .slider:before{background-image:var(--btn-primary-bg);box-shadow:0 2px 8px #7e95ac66}body[data-theme=elegant] .switch-mode.theme-toggle-switch input:checked+.slider:before{background-image:var(--btn-secondary-bg);box-shadow:0 2px 8px #60758d59}.switch-mode.theme-toggle-switch .slider-text{color:var(--text-color);font-weight:var(--font-weight-extra);text-shadow:var(--color-transparent,transparent)}body[data-theme=elegant]{--primary-pink:var(--ulti-hex-e65d6f);--bg-blue:var(--ulti-hex-0b0f1a);--bg-color:#0b1524;--container-bg:#fcfdffed;--shell-background-image:radial-gradient(circle at 10% 12%,var(--ulti-rgba-132-166-210-046),var(--color-transparent)33%),radial-gradient(circle at 88% 86%,var(--ulti-rgba-106-141-183-042),var(--color-transparent)31%),radial-gradient(circle at 52% 6%,var(--ulti-rgba-70-104-147-028),var(--color-transparent)44%),linear-gradient(150deg,var(--ulti-hex-08111c)0%,var(--ulti-hex-132036)43%,var(--ulti-hex-2a4667)100%);--teal-main:var(--ulti-hex-14b8a6);--teal-dark:var(--ulti-hex-0d9488);--border-pink:var(--ulti-hex-ffd3d8);--border-main:var(--ulti-rgba-192-205-220-09);--text-color:var(--ulti-hex-0f172a);--shadow-color:var(--ulti-rgba-0-0-0-04);--orange-btn:var(--ulti-hex-f59e0b);--game-purple:var(--ulti-hex-4f46e5);--danger-red:var(--ulti-hex-e45757);--success-green:var(--ulti-hex-168a53);--blind-overlay:var(--ulti-rgba-15-23-42-095);--warn-yellow:var(--ulti-hex-fff7d1);--btn-primary-bg:linear-gradient(130deg,var(--ulti-hex-7e95ac)0%,var(--ulti-hex-60758d)100%);--btn-secondary-bg:linear-gradient(130deg,var(--ulti-hex-60758d)0%,var(--ulti-hex-7e95ac)100%);--accent-gradient:linear-gradient(90deg,var(--ulti-hex-7e95ac),var(--ulti-hex-60758d));--btn-danger-bg:linear-gradient(130deg,var(--ulti-hex-5a7089)0%,var(--ulti-hex-3d536c)100%);--toggle-slider-bg:linear-gradient(90deg,var(--ulti-hex-5b748d)15%,var(--ulti-hex-4a637d)85%);--toggle-slider-checked-bg:linear-gradient(130deg,var(--ulti-hex-55677b)0%,var(--ulti-hex-3d536c)100%);--toggle-slider-border:var(--border-main);--toggle-slider-checked-border:var(--border-main);--toggle-knob-bg:var(--ulti-hex-4a637d);--toggle-knob-border:var(--border-main);--toggle-text-color:var(--color-on-accent);--toggle-text-checked-color:var(--color-on-accent);--card-bg:#fffffff2;--card-active-bg:linear-gradient(180deg,#f5fafffa,#fffffffa);--muted-text:var(--ulti-hex-5b6f82);--adaptive-progress-empty-bg:var(--ulti-hex-eef4fb);--adaptive-progress-empty-text:var(--muted-text);--adaptive-progress-active-bg:var(--muted-text);--adaptive-progress-active-text:var(--color-on-accent);--adaptive-progress-done-bg:var(--border-main);--adaptive-progress-done-text:var(--muted-text);--adaptive-progress-warn-bg:var(--ulti-hex-ffebee);--adaptive-progress-warn-text:var(--muted-text);--progress-hover-bg:var(--ulti-rgba-120-144-156-03);background-color:var(--bg-color);background-image:var(--shell-background-image);color:var(--ulti-hex-1e293b);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:12px;font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif}body[data-theme=elegant] .bubble{background-color:var(--ulti-rgba-255-255-255-005)}body[data-theme=elegant] .app-container{background:var(--container-bg);box-shadow:0 24px 52px var(--shadow-color)}body[data-theme=elegant] .app-container:before{background:linear-gradient(90deg,var(--ulti-hex-7e95ac),var(--ulti-hex-60758d))}body[data-theme=elegant] h1{color:var(--ulti-hex-1b3a57);font-family:Be Vietnam Pro,sans-serif;font-size:var(--lesson-title-font-size);letter-spacing:.01em;text-align:center;margin:var(--lesson-title-margin);line-height:var(--lesson-title-line-height);padding:var(--lesson-title-padding);width:100%}body[data-theme=elegant] #lesson-title.dec-ui-game-title{background:var(--heading-gradient,var(--btn-primary-bg));-webkit-text-fill-color:var(--color-transparent,transparent);color:var(--color-transparent,transparent);-webkit-background-clip:text;background-clip:text}body[data-mode=ipa][data-theme=elegant] h1{font-size:var(--lesson-title-font-size);margin:var(--lesson-title-margin);line-height:var(--lesson-title-line-height);padding:var(--lesson-title-padding);width:100%}body[data-theme=elegant] .timer-display{border:1px solid var(--ulti-hex-d8e5f3);color:var(--ulti-hex-21425f);width:116px;box-shadow:0 8px 18px var(--ulti-rgba-31-53-82-012);border-radius:14px;font-size:1.02rem}body[data-theme=elegant] .focus-toggle-btn{color:var(--ulti-hex-3d536c,#3d536c);background:#ffffffe6;border-color:#60758d57;box-shadow:0 4px 10px #2a405814}body[data-theme=elegant] .focus-toggle-btn:hover{color:var(--ulti-hex-3d536c,#3d536c);background:#60758d1a;border-color:#60758d80}body[data-theme=elegant] .flashcard{background:var(--card-bg);border:1px solid var(--border-main);box-shadow:0 12px 30px var(--ulti-rgba-0-0-0-01);border-radius:20px}body[data-mode=ipa][data-theme=elegant] .flashcard{border-style:solid;border-width:calc(1px/var(--focus-zoom,1))!important}body[data-mode=ipa][data-theme=elegant] .ipa-title{color:var(--ulti-hex-3e5671)!important}body[data-mode=ipa][data-theme=elegant] .ipa-subtitle{color:var(--ulti-hex-0d9488)!important}body[data-mode=ipa][data-theme=elegant] .text-content{color:var(--ulti-hex-475569)!important}body[data-theme=elegant] .flashcard.active{border-color:var(--border-main);box-shadow:0 14px 28px var(--ulti-rgba-25-167-160-02);background:var(--card-active-bg);border-style:solid;border-width:calc(1px/var(--focus-zoom,1))!important}body[data-theme=elegant] .text-content{color:var(--ulti-hex-1f3348)}body[data-theme=elegant] .slot{border-bottom:2px solid var(--ulti-hex-b8ccdf);color:var(--ulti-hex-1d4b69)}body[data-theme=elegant] .slot.filled{border-bottom-color:var(--ulti-hex-19a7a0)}body[data-theme=elegant] .word-bank{border-top:none}body[data-theme=elegant] .word-chip{border:1px solid var(--ulti-hex-cfe0ef);box-shadow:0 8px 14px var(--ulti-rgba-31-53-82-014);color:var(--ulti-hex-24415c);border-radius:999px;font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif;font-size:1.05rem}body[data-theme=elegant] .word-chip:hover{border-color:var(--ulti-rgba-25-167-160-06);background:var(--ulti-hex-f5fcfc)}body[data-theme=elegant] .btn-control{box-shadow:var(--toggle-knob-shadow)}body[data-theme=elegant] .btn-sm{width:50px;height:50px}body[data-theme=elegant] .btn-auto{background-image:var(--btn-primary-bg)}body[data-theme=elegant] .btn-nav{background-image:var(--btn-secondary-bg);color:var(--color-on-accent)}body[data-theme=elegant] .btn-nav:disabled{opacity:.46;color:var(--ulti-hex-aaa);cursor:not-allowed;box-shadow:var(--control-disabled-shadow);transform:none}body[data-theme=elegant] .btn-play{background-image:var(--btn-primary-bg)}body[data-theme=elegant] .theme-chip{color:var(--ulti-hex-4b637b)}body[data-theme=elegant] .theme-chip:hover{background:var(--ulti-rgba-24-169-162-008);color:var(--ulti-hex-2a4c66)}body[data-theme=elegant] .theme-chip.active{background:linear-gradient(120deg,var(--ulti-hex-28bdb2),var(--ulti-hex-1a9a93));box-shadow:0 8px 16px var(--ulti-rgba-28-132-126-032)}@media (width<=720px){.app-container{border-radius:18px;padding:14px 14px 16px}.theme-row{margin-bottom:12px}.theme-chip{min-width:92px;padding:6px 10px;font-size:.74rem}.header-area{min-height:var(--lesson-header-min-height)}.app-logo{width:52px;height:52px}.timer-display{width:100px;font-size:.9rem}h1{width:100%;margin-left:0;margin-right:0;font-size:.8rem}}body[data-mode=ipa].ipa-v-1 .ipa-subtitle,body[data-mode=ipa].ipa-v-1 .slide-subtitle,body[data-mode=ipa].ipa-v-1 .text-content,body[data-mode=ipa].ipa-v-1 .slide-body,body[data-mode=ipa].ipa-v-2 .ipa-title,body[data-mode=ipa].ipa-v-2 .slide-title,body[data-mode=ipa].ipa-v-2 .text-content,body[data-mode=ipa].ipa-v-2 .slide-body,body[data-mode=ipa].ipa-v-3 .ipa-title,body[data-mode=ipa].ipa-v-3 .slide-title,body[data-mode=ipa].ipa-v-3 .ipa-subtitle,body[data-mode=ipa].ipa-v-3 .slide-subtitle{color:var(--color-transparent)!important;background:var(--color-transparent)!important;text-shadow:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ipa-zoom-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.ipa-title{color:var(--primary-pink);font-family:Be Vietnam Pro,sans-serif;font-size:2em;font-weight:var(--font-weight-extra);margin-bottom:5px}.ipa-subtitle{color:var(--ulti-hex-666);font-family:Be Vietnam Pro,sans-serif;font-size:1.3em;font-style:italic}@media (width<=37.5rem),(height<=37.5rem) and (pointer:coarse){.app-container{min-height:0}#display-area,body.focus-mode #display-area{overscroll-behavior:contain;min-height:0;overflow-y:auto}.control-bar,body.focus-mode .control-bar{width:100%;max-width:100%;min-height:0;padding-top:.625rem;padding-bottom:max(.25rem,env(safe-area-inset-bottom));flex:none;gap:clamp(.25rem,1.5vw,.375rem);margin:0 auto}.control-left{flex:none;display:flex}.control-right{display:none}.control-center{flex:auto;justify-content:space-between;gap:clamp(.25rem,1.5vw,.375rem);width:auto;min-width:0}.btn-sm,.btn-auto,.btn-mic{width:clamp(2.375rem,12vw,2.625rem);height:clamp(2.375rem,12vw,2.625rem);font-size:1.125rem}.btn-play{width:clamp(3.375rem,18vw,var(--control-play-width-mobile));height:clamp(3.375rem,18vw,var(--control-play-width-mobile));margin:0;font-size:1.625rem;transform:none}.btn-play:hover{transform:scale(1.05)}}