:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#26342f;background:#f4f3ed;font-synthesis:none;font-weight:400;line-height:1.5;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent, #146957);outline-offset:4px}button{border:0}button svg{flex-shrink:0}p,h1,h2,h3{margin:0}button{color:inherit}button:active:not(:disabled){filter:brightness(.96)}.app{max-width:1080px;margin:auto;padding:0 38px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26342f13}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.6px}.brand small{display:block;font-size:10px;letter-spacing:1.4px;font-weight:500;color:#6f776f;text-transform:uppercase}.brand-symbol{border:1px solid var(--accent);border-radius:12px;width:40px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:25px;font-family:Georgia,serif;letter-spacing:-4px;padding-right:3px}.brand-symbol span{transform:translateY(3px)}.language{background:none;display:flex;align-items:center;gap:8px;padding:12px;font-size:12px}.intro{display:flex;align-items:center;justify-content:space-between;padding:32px 0 28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.eyebrow span{color:#81877e;font-weight:500}h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(29px,4vw,43px);line-height:1.17;font-weight:500;letter-spacing:-1.7px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro p:last-child{font-size:13px;margin-top:12px;color:#72786f}.identity{position:relative;font-family:Georgia,Noto Naskh Arabic,serif;font-size:88px;letter-spacing:-8px;color:var(--accent);background:#e9ece3;width:166px;height:148px;display:flex;align-items:center;justify-content:center;border-radius:70% 45% 60% 35%;transform:rotate(-7deg)}.identity span{font-size:32px;letter-spacing:0;position:absolute;bottom:0;right:16px;background:#f4f3ed;border-radius:50%;width:46px;height:46px;display:grid;place-items:center}.course-row{display:flex;gap:10px}.course-select{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#e9ece5;border-radius:14px;padding:14px 20px;flex:1;gap:15px;min-width:0}.course-select small{display:block;font-size:9px;letter-spacing:1.25px;color:#687268;margin-bottom:3px}.course-select strong{font-size:14px;font-weight:500}.review-next{padding:0 18px;border-radius:14px;background:#e9ece5;display:flex;align-items:center;gap:8px;font-size:12px}.lesson-picker{background:#fffdf8;border:1px solid #dfe4d9;border-radius:18px;padding:20px;margin-top:12px;max-height:480px;overflow:auto;box-shadow:0 15px 35px #21352c0a}.lesson-picker>p{font-size:12px;color:#687268;margin-bottom:14px}.lesson-picker>button{width:100%;padding:14px 12px;border-radius:10px;display:flex;text-align:left;align-items:center;gap:18px;background:transparent;border-bottom:1px solid #eee;font-size:13px}.lesson-picker>button.chosen{background:#eaf0e7}.lesson-picker>button>svg{margin-left:auto}.lesson-picker small{display:block;font-size:10px;color:#778071;margin-top:3px}.lesson-symbols{color:var(--accent);font-size:18px;min-width:84px}.tabs{display:flex;gap:4px;border-bottom:1px solid #d9ddd2;margin:21px 0 22px}.tabs button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;padding:15px 10px;background:none;border-bottom:2px solid transparent;color:#899083;font-size:13px}.tabs button[aria-current]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.panel{background:#fffef9;border:1px solid #e3e5da;border-radius:22px;padding:25px}.learn-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:18px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#788170;letter-spacing:1.6px;font-weight:600}.diagram{height:245px;display:flex;align-items:center;justify-content:center}.diagram>svg{height:225px;width:100%;overflow:visible}.diagram text{font-size:11px;fill:#8b9581;font-family:DM Sans,sans-serif}.vowel-shape{stroke:#cbd7c1;stroke-width:1.5;fill:#edf1e7}.grid-lines{fill:none;stroke:#bfcbb4;stroke-width:1;stroke-dasharray:4 5}.dot{fill:var(--accent)}.dot.secondary{fill:#bc7955}.diagram .vowel-label{fill:#fff;font-size:20px;font-family:Georgia,serif}.visual-panel h2{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.4px}.muted{color:#818779;font-size:11px;line-height:1.6}.visual-panel .muted{margin-top:12px}.contrast-diagram{min-height:245px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative;padding-bottom:24px;font-family:Georgia,Noto Naskh Arabic,serif;font-size:75px;color:var(--accent)}.contrast-diagram>span:nth-child(3){color:#b37e57}.contrast-diagram .contrast-arrow{font-size:24px;color:#b3bcaa}.diagram-caption{position:absolute;bottom:20px;font:10px DM Sans,sans-serif;color:#96a08b;letter-spacing:1.1px}.script-diagram{font-size:72px}.cue{display:flex;align-items:center;gap:17px;padding:22px 0;border-bottom:1px solid #e8ebdf}.cue p{font-size:12px;line-height:1.85}.sound-token{flex:0 0 49px;min-width:49px;min-height:49px;padding:7px;border:1px solid #dbe1d2;border-radius:50%;background:#f5f6ee;font-family:Georgia,serif;font-size:25px;color:var(--accent)}.tip{display:flex;gap:12px;margin:22px 0;font-size:12px;color:#637257}.tip>span{font-size:20px;color:var(--accent)}.caution{font-size:11px;line-height:1.8;color:#897455;background:#f7f3e8;padding:12px;border-radius:10px;margin-bottom:20px}.primary{display:flex;align-items:center;justify-content:center;gap:13px;background:var(--accent);color:#fff;padding:13px 18px;border-radius:11px;font-size:12px;min-height:44px}.guidance>.primary{width:100%}.work-panel{padding:26px 40px}.pair-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.word-card{background:#f5f5ef;border:2px solid transparent;padding:25px 18px 13px;border-radius:17px;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:184px;transition:border-color .2s,background .2s;position:relative;opacity:1!important}.word-card:disabled{color:#4b5548}.word-card.selected{border-color:var(--accent);background:#f0f4eb}.word{font-family:Manrope,Noto Naskh Arabic,system-ui,sans-serif;font-size:clamp(29px,5vw,43px);font-weight:500;line-height:1.4;color:var(--accent);overflow-wrap:anywhere}.word[dir=rtl]{font-family:Noto Naskh Arabic,serif;font-size:55px;line-height:1.55}.ipa{font-family:Georgia,serif;font-size:17px;color:#7a8770;margin:6px 0 5px}.word-card>small{font-size:10px;color:#848c7e;min-height:17px}.card-foot{margin-top:18px;width:100%;border-top:1px solid #dce3d4;padding-top:11px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#89947d}.word-card.speaking{animation:breathe 1.2s ease-in-out infinite}.word-card.correct{border-color:#4d8a54;background:#eef6e9}.word-card.incorrect{border-color:#b27455;background:#faf1e8}.pair-navigation{display:flex;justify-content:space-between;align-items:center;max-width:360px;margin:20px auto 0}.icon-button{background:transparent;border-radius:10px;min-height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;color:#6a7860}.pair-play{background:#e9eee3;color:var(--accent);display:flex;align-items:center;gap:9px;padding:11px 24px;border-radius:12px;font-size:12px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.small-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 0}.small-controls button{background:transparent;border:1px solid #e0e5d8;padding:7px 10px;min-height:34px;display:flex;align-items:center;gap:6px;border-radius:7px;color:#7d8972;font-size:10px}.small-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#edf1e7}.record-prompt{height:84px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:19px;line-height:1.5;color:#44563a;overflow:auto;padding:12px}.record-prompt[lang=ar-SA]{font-family:Noto Naskh Arabic,serif;font-size:30px}.waveform{display:block;width:100%;height:68px;color:#a5b798}.record-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:17px}.record{background:var(--accent);color:#fff;border-radius:50px;padding:14px 23px;min-width:219px;height:51px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.record.recording{background:#a44e3d}.timer{font-variant-numeric:tabular-nums;font-size:11px;min-width:64px;color:#8c967f}.result-area{min-height:151px;padding:23px 0 0;text-align:center}.result-area>p{font-size:12px;min-height:20px}.result-area>p.muted{font-size:10px;margin-top:5px}.take-actions{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:16px;min-height:38px}.take-actions button{background:none;color:var(--accent);display:flex;align-items:center;gap:7px;font-size:11px;padding:8px}.take-actions>span{font-size:9px;color:#8c977e}.practice-tip{display:flex;align-items:start;gap:10px;border-top:1px solid #e5e9dc;padding-top:16px;margin-top:10px;color:#7b886e;font-size:11px;line-height:1.8}.practice-tip>svg{flex-shrink:0;margin-top:2px}.quiz-prompt{min-height:139px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.quiz-prompt small{color:#8a957b;font-size:11px}.quiz-prompt h2{font-size:20px;font-weight:500;min-height:35px}.listen-question{display:flex;align-items:center;gap:12px;border-radius:12px;padding:16px 22px;background:var(--accent);color:#fff;font-size:13px}.quiz-result{min-height:137px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0}.quiz-result p{font-size:12px;color:#7a876e}.quiz-result strong{font-size:14px;font-weight:500}.quiz-result .primary{flex-shrink:0}.playback-dock{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px;background:#e7ebdf;border:1px solid #dfe6d3;border-radius:13px;margin-top:18px}.play-indicator{display:flex;gap:10px;align-items:center;font-size:11px;color:#8b977d}.play-indicator.active{color:var(--accent)}.play-indicator.active>svg{animation:breathe 1.2s ease-in-out infinite}.playback-dock>button{display:flex;align-items:center;gap:7px;border:1px solid #b4c1a6;border-radius:7px;padding:7px 12px;background:transparent;font-size:11px;color:#60734e}.notices{min-height:30px}.notice{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f5eedd;border-radius:10px;font-size:12px;padding:14px;margin-top:13px;overflow-wrap:anywhere}.notice.error{background:#f8e8de}.notice button{background:transparent;padding:7px}.history h2{font-size:23px;font-weight:500;margin-top:20px}.history>p{margin:9px 0 20px}.history-item{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e5eadb;padding:16px 0}.history-item>div{flex:1;min-width:0}.history-item strong{display:block;font-size:19px;font-weight:500}.history-item small{font-size:10px;color:#8d987f}.history-item .icon-button{min-width:36px}.text-button{background:none;font-size:11px;color:var(--accent);min-height:36px;letter-spacing:0}.load-more{width:100%;padding:14px;background:#edf2e5;border-radius:9px;margin-top:20px;font-size:12px}.empty{text-align:center;padding:55px 10px 35px;color:#86947a}.empty>svg{color:#b6c6a8}.empty h3{font-size:17px;color:#6a7a5c;font-weight:500;margin-top:17px}.empty p{font-size:12px;margin:10px 0 20px}.empty .primary{display:inline-flex}footer{font-size:10px;color:#8b9482;text-align:center;padding:9px 5px 28px;line-height:1.8}footer>div{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#6d7a60}footer>p{margin:6px auto;max-width:630px}footer details{margin-top:14px}footer summary{cursor:pointer;color:#7e8b70}footer details>p{max-width:660px;margin:14px auto}.family-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:14px 0}.family-links a{text-decoration:none;color:var(--accent)}@keyframes breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 15%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 7%,transparent)}}@media(max-width:700px){.app{padding:0 18px}.topbar{height:75px;padding-top:env(safe-area-inset-top)}.intro{padding:23px 0}.intro h1{font-size:29px;letter-spacing:-1.1px}.intro p:last-child{font-size:11px;max-width:260px}.identity{width:90px;height:94px;font-size:58px;letter-spacing:-5px;flex-shrink:0;margin-left:12px}.identity span{width:30px;height:30px;font-size:23px;right:0;bottom:-6px}.eyebrow{font-size:9px;letter-spacing:1.3px}.course-select{padding:13px 14px}.course-select strong{font-size:12px}.course-select small{font-size:8px}.review-next{padding:0 12px;font-size:10px;gap:6px}.tabs{margin:15px 0 16px}.tabs button{gap:6px;padding:13px 3px;font-size:11px}.tabs button svg{width:16px}.learn-grid{grid-template-columns:1fr}.panel{padding:21px;border-radius:18px}.diagram{height:214px}.diagram>svg{height:200px}.contrast-diagram{min-height:215px}.guidance .cue{padding:18px 0}.visual-panel h2{font-size:19px}.work-panel{padding:21px 18px}.pair-cards{gap:10px;margin-top:17px}.word-card{padding:18px 12px 10px;min-height:166px}.word{font-size:33px}.card-foot{font-size:8px}.small-controls{gap:6px}.small-controls button{font-size:9px;padding:7px 8px}.record-controls{gap:10px}.record{min-width:202px;font-size:11px;padding:14px 18px}.timer{font-size:10px;min-width:59px}.result-area{min-height:171px}.result-area>p{font-size:11px}.quiz-result{min-height:151px;gap:12px}.quiz-result .primary{font-size:10px;padding:10px 12px}.quiz-result strong{font-size:12px}.quiz-result p{font-size:10px}.section-label{font-size:8px;letter-spacing:1.2px}.history{padding:20px 15px}.history h2{font-size:21px}.history-item small{font-size:9px}.history-item .icon-button{min-width:31px}.lesson-picker{padding:12px}.lesson-picker>button{gap:10px}.lesson-symbols{min-width:75px;font-size:17px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(max-width:360px){.app{padding:0 12px}.intro h1{font-size:26px}.identity{width:72px;font-size:47px}.work-panel{padding:18px 12px}.record{min-width:184px}.word{font-size:28px}.small-controls button{font-size:8px}.history-item .icon-button{min-width:29px}.history-item{gap:1px}}.focused .intro{padding:15px 0}.focused .intro h1,.focused .intro .identity,.focused .intro p:last-child{display:none}.focused .intro .eyebrow{margin:0}.playback-dock{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 4px 18px #26342f0a}.muted,.section-label,.card-foot,.word-card>small,.small-controls button,footer{color:#68745e}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#24293d;background:#f7f8fc;--contrast:#c6512e}.app{--tint:color-mix(in srgb,var(--accent) 7%,white);--line:#e5e8f0;max-width:1040px}.topbar{height:auto;min-height:82px;border-color:var(--line);padding-top:env(safe-area-inset-top)}.brand{font-size:20px;font-weight:760;letter-spacing:-.7px;gap:11px}.brand-icon{border-radius:13px}.brand small{font-size:11px;font-weight:550;letter-spacing:.2px;color:#626b80;text-transform:none}.language{background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px 14px;min-height:44px}.intro{padding:27px 0;gap:16px}.eyebrow{font-size:10px;letter-spacing:1.2px}.eyebrow span{color:#697185}h1{font-family:inherit;font-size:clamp(29px,4vw,42px);font-weight:780;letter-spacing:-1.65px}h1 em{font-family:inherit;font-style:normal;font-weight:780}.intro p:last-child{color:#62697d}.identity{width:126px;height:126px;object-fit:cover;border-radius:32px;transform:rotate(6deg);box-shadow:0 9px color-mix(in srgb,var(--accent) 9%,transparent);flex-shrink:0;background:none}.course-select{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 17px}.course-select small{font-size:10px;letter-spacing:.7px;color:#626b80}.course-select strong{font-size:14px;font-weight:650}.review-next{border-radius:17px;background:var(--tint);color:var(--accent);font-weight:650}.lesson-picker{background:#fff;border-color:var(--line);border-radius:20px}.lesson-picker>p,.lesson-picker small{color:#626b80}.lesson-picker>button.chosen{background:var(--tint)}.lesson-symbols{min-width:74px;max-width:110px;font-size:17px}.lesson-picker>button>svg{flex-shrink:0}.tabs{gap:4px;background:#e9edf5;border:0;border-radius:16px;padding:5px;margin:18px 0}.tabs button{min-height:44px;padding:10px 5px;border:0;border-radius:12px;color:#58647a;font-weight:600}.tabs button[aria-current]{background:#fff;box-shadow:0 2px 5px #26345a0b}.panel{background:#fff;border-color:var(--line);border-radius:25px}.section-label{font-size:10px;color:#626b80;letter-spacing:1.1px;font-weight:700}.visual-panel{background:linear-gradient(150deg,white,var(--tint));overflow:hidden}.visual-panel h2{font-size:21px;font-weight:700;letter-spacing:-.5px}.muted{color:#626b80;font-size:12px}.diagram{height:268px;flex-direction:column}.diagram svg{height:216px}.diagram text{fill:#626d84;font-family:inherit}.vowel-shape{stroke:#c2cbe3;fill:#fff}.grid-lines{stroke:#b8c4db}.dot.secondary{fill:var(--contrast)}.diagram .vowel-label{fill:#fff}.contrast-diagram{min-height:258px;gap:16px;font-size:72px}.contrast-diagram>span:not(.contrast-arrow){background:var(--tint);border-radius:24px;padding:5px 15px}.contrast-diagram>span:nth-child(3){color:var(--contrast);background:#fff0e8}.contrast-diagram .contrast-arrow{color:#7a8398}.diagram-caption{font:11px system-ui;color:#626b80;letter-spacing:.4px}.cue{padding:20px 0;border-color:var(--line)}.cue p{font-size:13px;line-height:1.8}.sound-token{min-width:50px;min-height:50px;border:0;border-radius:17px;background:var(--tint)}.cue:nth-of-type(3) .sound-token{color:var(--contrast);background:#fff0e8}.tip{color:#5c6680}.caution{font-size:12px;color:#7c551e;background:#fff6df;border-radius:13px}.primary,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;min-height:46px;border-radius:14px;font-size:13px;font-weight:650}.primary{box-shadow:0 3px color-mix(in srgb,var(--accent) 75%,#172443)}.secondary-button{background:var(--tint);color:var(--accent)}.game-invite{display:flex;align-items:center;gap:18px;background:var(--accent);color:#fff;border-radius:24px;padding:23px 26px;margin-bottom:18px;background-image:radial-gradient(ellipse at top right,#ffffff28,transparent 70%)}.game-invite>div:nth-child(2){flex:1}.game-emblem{display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff30;width:52px;height:52px;border-radius:18px;flex-shrink:0}.game-invite h2{font-size:20px;font-weight:730;letter-spacing:-.5px}.game-invite p{font-size:12px;color:#ffffffe6;margin-top:3px}.game-stars{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#fff1c2;margin-top:10px}.game-invite .primary{background:#fff;color:var(--accent);box-shadow:0 3px #00000018;flex-shrink:0}.word-card{background:var(--tint);border-radius:21px;min-height:184px}.word-card:nth-child(2){background:#fff2e9}.word-card.selected{background:var(--tint)}.word{font-family:inherit;font-size:clamp(29px,5vw,44px);font-weight:730}.word-card:nth-child(2) .word{color:#b94c28}.ipa{font-size:18px;color:#616d85}.word-card>small{font-size:11px;color:#626d83}.card-foot{border-color:#53658a1c;color:#626d83;gap:4px}.word-card.correct{border-color:#159b6d;background:#e8faf0}.word-card.incorrect{border-color:#d98139;background:#fff1e1}.icon-button{min-height:44px;min-width:44px;color:#63708a}.pair-play{background:var(--tint);font-size:13px;font-weight:650;min-height:44px}.small-controls button{background:#fff;border-color:var(--line);min-height:40px;border-radius:12px;color:#616d85;font-size:11px}.small-controls button[aria-pressed=true]{background:var(--tint)}.record-prompt{color:#394661}.waveform{color:#abb9d3}.waveform.live{color:var(--accent)}.record{border-radius:18px;height:54px;font-size:13px;font-weight:650}.record.recording{background:#c92e4d}.timer,.take-actions>span{color:#616d85}.take-actions button{min-height:44px;font-size:12px}.practice-tip{border-color:var(--line);color:#616d85;font-size:12px}.quiz-prompt small{color:#616d85;font-size:12px}.listen-question{border-radius:18px;padding:18px 24px;min-height:58px;font-size:14px;font-weight:650}.quiz-result p{color:#626d83}.quiz-result strong{font-weight:650}.playback-dock{height:58px;background:#fffffff5;border-color:var(--line);border-radius:17px;box-shadow:0 6px 20px #252f4b0a}.play-indicator{font-size:12px;color:#626e86}.playback-dock>button{border:0;border-radius:12px;min-height:40px;background:var(--tint);font-size:12px;color:var(--accent)}.notice{background:#fff4dc;border-radius:14px}.notice.error{background:#fff0ef}.notice button{min-height:40px}.history h2{font-size:25px;font-weight:700;letter-spacing:-.6px}.history-item{border-color:var(--line)}.history-item strong{font-weight:650}.history-item small{color:#616d85}.empty>svg{color:var(--accent)}.empty h3{color:#3b4862;font-weight:650}.empty p,footer,footer>div,footer summary{color:#616d85}.load-more{background:var(--tint)}footer{font-size:11px}.challenge{max-width:660px;margin:auto;padding:24px 34px}.challenge-top{display:flex;align-items:center;justify-content:space-between}.challenge-top .eyebrow{margin:0}.round-track{display:flex;gap:7px;margin:12px 0 22px}.round-track span{height:7px;border-radius:6px;flex:1;background:#e9edf5}.round-track .won{background:#1bad7c}.round-track .tried{background:#f6b243}.challenge-heading{text-align:center}.challenge-heading>p:first-child{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--accent)}.challenge-heading h2{font-size:28px;letter-spacing:-.8px;margin:7px 0}.challenge-heading>p:last-child{font-size:12px;color:#616d85}.challenge-question{height:106px;display:flex;align-items:center;justify-content:center}.challenge-question>strong{font-size:26px}.challenge .pair-cards{margin-top:4px}.challenge-feedback{height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:13px;color:#586780}.challenge-feedback strong{color:#293c57;font-size:17px}.challenge-feedback p{margin-top:5px}.challenge-actions{display:flex;gap:12px;justify-content:space-between}.challenge-actions button{flex:1}.challenge-error{min-height:38px;padding-top:14px;font-size:12px;color:#ab2637;overflow-wrap:anywhere}.challenge-finish{text-align:center;padding:20px 0 18px}.prize{display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:#fff0c7;color:#a45200;margin:0 auto 18px;transform:rotate(-6deg)}.earned-stars{display:flex;justify-content:center;gap:10px;color:#b36a00;margin-bottom:18px}.challenge-finish h2{font-size:31px;letter-spacing:-1px;margin-bottom:9px}.challenge-finish>p{font-size:14px;margin:8px 0}.challenge-finish>.muted{font-size:12px;max-width:300px;margin:12px auto 24px}.finish-actions{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:auto}.mouth-study{padding:20px 0 13px;text-align:center}.mouth-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mouth-pair>div{padding:4px 0 10px;background:#ffffffa6;border:1px solid var(--line);border-radius:22px}.mouth-pair svg{width:100%;display:block}.mouth-pair strong{display:block;color:var(--accent);font-size:27px}.mouth-pair small{display:block;font-size:10px;color:#5b6780;min-height:30px;padding:0 4px}.mouth-roof,.mouth-jaw{fill:none;stroke:#8391aa;stroke-width:5;stroke-linecap:round}.tooth{fill:#fff;stroke:#8391aa;stroke-width:2}.tongue-shape{fill:color-mix(in srgb,var(--accent) 45%,white);stroke:var(--accent);stroke-width:2}.lip-contact{fill:none;stroke:#df6848;stroke-width:5;stroke-linecap:round}.air-stream path{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:4 4}.air-stream.soft-air{opacity:.35}.contact-point{fill:#fba847;stroke:#fff;stroke-width:2}.gap-mark{stroke:#d16a38;stroke-width:1.6;fill:none}.motion-toggle{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:11px;color:var(--accent);background:transparent;padding:8px 10px}.mouth-study>p{font-size:10px;color:#616d85}.moving .air-stream path{animation:airflow 1.8s linear infinite}.moving .contact-point,.moving .gap-mark{animation:cue-pulse 2s ease-in-out infinite}.motion-on.tone-diagram polyline{stroke-dasharray:1;animation:trace-tone 3s ease-in-out infinite}.motion-on.tone-diagram g:nth-of-type(2) polyline{animation-delay:.6s}.motion-on.vowel-diagram .dot{animation:cue-pulse 2s ease-in-out infinite}.motion-on.vowel-diagram .secondary{animation-delay:1s}@keyframes airflow{to{stroke-dashoffset:-24}}@keyframes cue-pulse{50%{opacity:.45}}@keyframes trace-tone{0%{stroke-dashoffset:1}65%,to{stroke-dashoffset:0}}@media(max-width:700px){.topbar{min-height:73px}.intro{padding:23px 0;gap:12px}.identity{width:84px;height:84px;border-radius:23px;margin-left:0}.eyebrow{font-size:9px;letter-spacing:.9px}.course-select{padding:12px 14px}.course-select strong{font-size:12px}.course-select small{font-size:9px}.review-next{font-size:11px}.tabs{margin:15px 0}.tabs button{gap:5px;font-size:11px;padding:10px 3px}.game-invite{padding:20px;gap:12px;flex-wrap:wrap;border-radius:21px}.game-emblem{width:41px;height:41px;border-radius:14px}.game-invite h2{font-size:17px}.game-invite p{font-size:11px}.game-invite>.primary{width:100%;margin-top:1px}.game-stars{margin-top:5px}.panel{border-radius:22px}.diagram{height:247px}.diagram svg{height:203px}.contrast-diagram{min-height:215px;font-size:61px;gap:10px}.contrast-diagram>span:not(.contrast-arrow){padding:5px 13px}.visual-panel h2{font-size:19px}.word-card{min-height:172px;border-radius:18px}.word{font-size:34px}.card-foot{font-size:9px}.small-controls button{font-size:10px;padding:8px}.record{min-width:198px;font-size:12px;padding:14px 15px}.result-area{min-height:184px}.quiz-result{min-height:158px}.quiz-result .primary{font-size:11px;padding:12px}.history h2{font-size:22px}.history-item .icon-button{min-width:38px}.lesson-symbols{min-width:70px;font-size:15px}.challenge{padding:18px}.challenge-heading h2{font-size:25px}.challenge-actions{gap:8px}.challenge-actions button{font-size:12px;padding:12px 9px}}@media(max-width:360px){.identity{width:70px;height:70px;border-radius:19px}.record{min-width:184px}.word{font-size:28px}.history-item .icon-button{min-width:34px}.playback-dock{padding:0 10px}.play-indicator{font-size:11px}.game-invite{padding:17px}.game-invite h2{font-size:16px}}.playback-dock.dormant{visibility:hidden;pointer-events:none}.diagram .motion-toggle svg{width:14px;height:14px}.diagram .motion-toggle{flex-shrink:0}.app[data-product=cantonese] .game-invite{background-color:#ffbd24;color:#482600}.app[data-product=cantonese] .game-invite p,.app[data-product=cantonese] .game-stars{color:#482600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app{--shade:#173b31;--soft:#e6f3ec;--paper:#f7faf7;--light:#44ac83;--deep:#146957;--tint:var(--soft);--line:color-mix(in srgb,var(--accent) 12%,#edf0f2)}.app[data-product=landr]{--shade:#3d285a;--soft:#efe9f8;--paper:#faf8fc;--light:#a676d1;--deep:#62348e}.app[data-product=english]{--shade:#213962;--soft:#e9f1fc;--paper:#f7f9fd;--light:#58b9e1;--deep:#2e4f9f}.app[data-product=chinese]{--shade:#603b30;--soft:#faece5;--paper:#fdf9f5;--light:#ed9b7b;--deep:#a3412b}.app[data-product=korean]{--shade:#653546;--soft:#f9eaf0;--paper:#fcf8fa;--light:#e082a4;--deep:#9d335d}.app[data-product=arabic]{--shade:#23474b;--soft:#e4f4f4;--paper:#f7fbfa;--light:#54c4c8;--deep:#087d8c}.app[data-product=cantonese]{--shade:#614522;--soft:#fbf1d9;--paper:#fdfbf6;--light:#e9b756;--deep:#9d510f}body{background:#f8f9fc}.app{background:radial-gradient(ellipse at 90% 3%,var(--soft),transparent 32%),var(--paper);min-height:100svh;color:var(--shade)}.topbar{min-height:76px;gap:12px;border-bottom-color:var(--line)}.brand-icon{box-shadow:0 3px 9px #24304b08;border:1px solid #fff}.language{padding:6px 9px;border-radius:14px;background:#ffffffc7;max-width:164px;gap:5px;flex-shrink:0}.language select{font:inherit;font-size:11px;font-weight:550;background:transparent;color:var(--shade);border:0;min-width:0;width:100%;min-height:32px;cursor:pointer}.language select:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.intro{padding:24px 0 22px}.intro>div{min-width:0}.intro h1{font-weight:700;letter-spacing:-1.3px;color:var(--shade)}.intro h1 em{color:var(--accent);background:linear-gradient(115deg,var(--deep),var(--accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.identity{transform:rotate(3deg);border-radius:29%;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid #fff}.tabs{background:color-mix(in srgb,var(--soft) 60%,#f0f2f6);margin:16px 0}.tabs button{color:#536176;min-width:0;text-wrap:balance}.tabs button[aria-current]{color:var(--deep);box-shadow:0 3px 9px #23304409}.course-select{background:#ffffffd9}.course-select strong{color:var(--shade)}.course-row>button{min-width:0}.course-select{flex:1}.course-select>span{min-width:0}.review-next{flex-shrink:0}.panel{box-shadow:0 5px 20px #26324b03;border-color:var(--line)}.visual-panel{background:linear-gradient(155deg,#fff 36%,var(--soft));border-radius:26px}.primary,.record,.listen-question{background:linear-gradient(118deg,var(--accent),var(--deep));box-shadow:0 3px 8px color-mix(in srgb,var(--deep) 16%,transparent)}.record.recording{background:linear-gradient(110deg,#d64564,#b72642)}.game-invite,.app[data-product=cantonese] .game-invite{background:linear-gradient(118deg,var(--soft),#fff);color:var(--shade);border:1px solid var(--line);padding:21px 24px;box-shadow:0 5px 20px #23304403}.game-invite p,.app[data-product=cantonese] .game-invite p{color:#5c687d}.game-emblem{background:#ffffffc7;border:1px solid #fff;color:var(--deep)}.game-stars,.app[data-product=cantonese] .game-stars{color:var(--deep)}.game-invite .primary{background:linear-gradient(118deg,var(--accent),var(--deep));color:#fff;box-shadow:0 3px 8px color-mix(in srgb,var(--deep) 16%,transparent)}.word-card{background:linear-gradient(148deg,var(--soft),#ffffffa0);border-color:var(--line)}.word-card:nth-child(2){background:linear-gradient(145deg,#fff0e7,#fffcf8)}.word-card.selected{background:linear-gradient(148deg,var(--soft),#fff);box-shadow:inset 0 0 0 1px var(--accent)}.word-card.active:after{background:var(--accent)}.pair-play,.review-next,.secondary-button{background:var(--soft);color:var(--deep)}.word,.record-prompt{letter-spacing:-.6px}.record-controls{align-items:center}.record{flex:1;min-width:0;max-width:350px;min-height:58px;height:auto;padding:12px 18px;line-height:1.4}.timer{flex-shrink:0;direction:ltr}.result-area{min-height:200px}.take-actions{flex-wrap:wrap;gap:8px}.take-actions>span{width:100%;min-height:20px}.quiz-result{min-height:180px}.quiz-result .primary{flex-shrink:0;max-width:48%;text-wrap:balance}.reference-label{display:block;font-size:10px;color:#647187;margin-bottom:7px}.cue p,.tip p,.practice-tip p{overflow-wrap:anywhere}.history-item>div{min-width:0}.history-item strong{overflow-wrap:anywhere}.mouth-pair>div{background:#ffffffa8;box-shadow:inset 0 1px #fff}.round-track span{background:var(--soft)}.round-track .current{background:var(--accent)}.challenge-top .eyebrow{max-width:80%}.challenge-feedback{height:auto;min-height:110px}.challenge-heading h2{font-weight:700}.challenge .word-card{direction:ltr}.family-links{flex-wrap:wrap}.playback-dock{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[dir=rtl] .app{background:radial-gradient(ellipse at 10% 3%,var(--soft),transparent 32%),var(--paper)}[dir=rtl] .eyebrow,[lang=ja] .eyebrow,[lang=ko] .eyebrow,[lang^=zh] .eyebrow{letter-spacing:0}[dir=rtl] .lesson-picker>button{text-align:right}[dir=rtl] .mouth-pair svg,[dir=rtl] .diagram svg{direction:ltr}[dir=rtl] .word-card{direction:ltr}[dir=rtl] .word-card .card-foot{direction:rtl}@media(max-width:700px){.app{padding:0 18px}.topbar{min-height:72px}.brand{font-size:19px}.brand small{max-width:130px}.language{max-width:138px}.intro{gap:12px;padding:22px 0}.intro h1{font-size:29px;letter-spacing:-1px;overflow-wrap:normal}.identity{width:76px;height:76px}.eyebrow{font-size:9px}.tabs button{flex-direction:column;gap:5px;font-size:11px;padding:9px 3px;min-height:59px}.tabs button svg{height:17px;width:17px}.game-invite{padding:19px}.record{min-width:0;max-width:none}.record-controls{gap:9px}.course-row{gap:8px}.course-select{padding:12px}.review-next{padding:12px 9px}.history-item{gap:3px}.history-item .icon-button{min-width:34px}.quiz-result{align-items:flex-start;gap:12px}.small-controls{flex-wrap:wrap}.small-controls button{font-size:11px;flex:1 1 auto;white-space:normal}.play-indicator{min-width:0;gap:6px}.play-indicator span{font-size:11px;line-height:1.4}.playback-dock>button{flex-shrink:0}}@media(max-width:360px){.app{padding:0 12px}.topbar,.brand{gap:7px}.brand-icon{width:35px;height:35px}.brand small{max-width:110px;font-size:10px}.language{max-width:122px;padding:5px 6px}.language select{font-size:10px}.intro h1{font-size:25px}.identity{width:64px;height:64px}.course-select strong{font-size:12px}.review-next{font-size:10px;gap:4px}.word{font-size:29px}.record{font-size:12px;padding:10px}.work-panel{padding:18px 13px}.tabs button{font-size:10px}}