@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{margin:0}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-block-start:0}fieldset{border:0;min-inline-size:0;margin:0;padding:0}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f9f3f5;--color-surface-raised:#fefcfc;--color-ink:#180e12;--color-muted:#625459;--color-border:#ded4d8;--color-primary:#991b60;--color-primary-hover:#82074f;--color-primary-soft:#ffe7f0;--color-on-primary:#fff;--color-accent:#003545;--color-accent-soft:#daf0f7;--color-on-accent:#f8f8f8;--color-success:#00603c;--color-warning:#b37900;--color-danger:#a92227;--font-ui:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--font-arabic:"Noto Naskh Arabic", "Amiri", "Geeza Pro", serif;--font-urdu:"Noto Nastaliq Urdu", "Nafees Nastaleeq", "Geeza Pro", serif;--font-urdu-compact:"Noto Sans Arabic", "Geeza Pro", sans-serif;--shadow-sm:0 1px 2px #180e120f, 0 8px 28px #180e120a;--shadow-md:0 2px 4px #180e1214, 0 24px 60px #180e121a;--radius-sm:.5rem;--radius-md:.85rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--transition:.18s ease}@supports (color:lab(0% 0 0)){:root{--color-bg:lab(100% 0 0);--color-surface:lab(96.4413% 2.01613 -.258744);--color-surface-raised:lab(99.0458% .672638 -.0862837);--color-ink:lab(5.09088% 4.69841 -.582999);--color-muted:lab(37.0974% 6.67234 -.860214);--color-border:lab(85.9226% 4.02626 -.517201);--color-primary:lab(35.1053% 54.0091 -7.1561);--color-primary-hover:lab(28.2758% 50.6498 -6.72238);--color-primary-soft:lab(93.7406% 11.6911 -1.50604);--color-on-primary:lab(100% 0 0);--color-accent:lab(19.1583% -18.1171 -20.7843);--color-accent-soft:lab(93.1908% -6.32483 -6.12016);--color-on-accent:lab(97.68% -.0000298023 .0000119209);--color-success:lab(35.1935% -33.5614 13.159);--color-warning:lab(55.7305% 19.6517 69.5322);--color-danger:lab(37.9535% 53.8391 33.7998);--shadow-sm:0 1px 2px lab(5.09088% 4.69841 -.582999/.06), 0 8px 28px lab(5.09088% 4.69841 -.582999/.04);--shadow-md:0 2px 4px lab(5.09088% 4.69841 -.582999/.08), 0 24px 60px lab(5.09088% 4.69841 -.582999/.1)}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#020202;--color-surface:#0c0809;--color-surface-raised:#160f12;--color-ink:#f5f0f2;--color-muted:#a89a9f;--color-border:#33282c;--color-primary:#c54083;--color-primary-hover:#b43877;--color-primary-soft:#2f0c1d;--color-on-primary:#fcfcfc;--color-accent:#9de1ee;--color-accent-soft:#001f24;--color-on-accent:#040809;--color-success:#68b88f;--color-warning:#e4ac59;--color-danger:#ed756e;--shadow-sm:0 1px 2px #0003, 0 10px 30px #0000001f;--shadow-md:0 2px 4px #0000004d, 0 24px 70px #0000003d}@supports (color:lab(0% 0 0)){[data-theme=dark]{--color-bg:lab(.658503% 0 0);--color-surface:lab(2.43085% 1.24988 -.157297);--color-surface-raised:lab(5.1496% 3.10653 -.389734);--color-ink:lab(95.2813% 2.0161 -.258744);--color-muted:lab(64.9638% 6.02534 -.775158);--color-border:lab(17.4036% 5.98459 -.773197);--color-primary:lab(48.8973% 57.6104 -7.60551);--color-primary-hover:lab(44.3894% 54.3784 -7.18092);--color-primary-soft:lab(8.72674% 19.2995 -2.5413);--color-on-primary:lab(98.84% .0000298023 -.0000119209);--color-accent:lab(85.4723% -19.914 -13.2143);--color-accent-soft:lab(9.81802% -10.8773 -7.38701);--color-on-accent:lab(2.01592% -1.08743 -.809598);--color-success:lab(68.8521% -32.8103 12.9505);--color-warning:lab(74.4315% 14.934 50.2358);--color-danger:lab(63.7351% 46.9673 26.7836);--shadow-sm:0 1px 2px lab(0% 0 0/.2), 0 10px 30px lab(0% 0 0/.12);--shadow-md:0 2px 4px lab(0% 0 0/.3), 0 24px 70px lab(0% 0 0/.24)}}}@layer base{body{background:var(--color-bg);min-height:100vh;color:var(--color-ink);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}::selection{background:var(--color-primary-soft);color:var(--color-ink)}.locale-ur{font-family:var(--font-urdu), var(--font-ui);line-height:1.9}.locale-ur button,.locale-ur input,.locale-ur select,.locale-ur small,.locale-ur .eyebrow{font-family:var(--font-urdu-compact), var(--font-ui)}.arabic{font-family:var(--font-arabic);letter-spacing:0;font-weight:500;line-height:1.8}}@layer components{.locale-status{border:1px solid var(--color-border);background:var(--color-surface);min-block-size:1.45rem;color:var(--color-muted);white-space:nowrap;border-radius:99px;align-items:center;gap:.25rem;padding-inline:.4rem;font-size:.57rem;font-weight:750;line-height:1;display:inline-flex}.locale-status b{letter-spacing:.04em;font-size:.54rem}.locale-status.is-ready{border-color:color-mix(in oklch, var(--color-success) 38%, var(--color-border));background:color-mix(in oklch, var(--color-success) 8%, var(--color-surface));color:var(--color-success)}.locale-status.is-review{border-color:color-mix(in oklch, var(--color-warning) 38%, var(--color-border));background:color-mix(in oklch, var(--color-warning) 8%, var(--color-surface));color:var(--color-warning)}.locale-status.is-missing{border-color:color-mix(in oklch, var(--color-danger) 34%, var(--color-border));background:color-mix(in oklch, var(--color-danger) 7%, var(--color-surface));color:var(--color-danger)}.lesson-settings-panel{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.55rem;margin-block:0 1rem;overflow:hidden}.lesson-settings-panel>summary,.localization-import-panel>summary{justify-content:space-between;align-items:center;gap:1rem;min-block-size:3rem;padding:.65rem .8rem;list-style:none;display:flex}.lesson-settings-panel>summary::-webkit-details-marker{display:none}.localization-import-panel>summary::-webkit-details-marker{display:none}.lesson-settings-panel>summary>span,.localization-import-panel>summary>span{align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;display:flex}.lesson-settings-panel>summary svg,.localization-import-panel>summary svg{inline-size:.85rem;color:var(--color-primary)}.lesson-settings-panel>summary small,.localization-import-panel>summary small{color:var(--color-muted);font-size:.61rem}.lesson-settings-panel[open]>summary,.localization-import-panel[open]>summary{border-block-end:1px solid var(--color-border);background:var(--color-surface)}.lesson-settings-body{grid-template-columns:7rem 1fr 1fr;gap:.8rem;padding:.9rem;display:grid}.lesson-settings-body fieldset{border:1px solid var(--color-border);border-radius:.45rem;grid-template-columns:minmax(8rem,.7fr) minmax(12rem,1.3fr);gap:.6rem;padding:.7rem;display:grid}.lesson-settings-body legend,.locale-editor legend{color:var(--color-ink);align-items:center;gap:.45rem;padding-inline:.25rem;font-size:.66rem;font-weight:800;display:flex}.lesson-settings-body label,.quiz-localization-grid label,.quiz-option-edit-row>label{color:var(--color-ink);align-content:start;gap:.3rem;font-size:.64rem;font-weight:750;display:grid}.lesson-settings-body input,.lesson-settings-body textarea,.quiz-localization-grid textarea,.quiz-option-edit-row textarea,.quiz-option-edit-row input{border:1px solid var(--color-border);background:var(--color-bg);inline-size:100%;color:var(--color-ink);border-radius:.35rem;padding:.5rem}.lesson-settings-body textarea{resize:vertical;min-block-size:4.6rem}.lesson-order-field input{min-block-size:2.2rem}.lesson-settings-actions{border-block-start:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.lesson-settings-actions>span{color:var(--color-muted);margin-inline-end:auto;font-size:.62rem}.lesson-settings-notice{color:var(--color-success);margin:0;padding-inline:.9rem;font-size:.66rem}.workspace-toolbar .toolbar-help{color:var(--color-muted);margin-inline-start:auto;font-size:.62rem}.workspace-toolbar-actions{justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.workspace-toolbar-actions .toolbar-help{margin-inline-start:0}.structural-lock-note{border:1px solid color-mix(in oklch, var(--color-warning) 35%, var(--color-border));background:color-mix(in oklch, var(--color-warning) 7%, var(--color-surface-raised));color:var(--color-muted);border-radius:.45rem;align-items:center;gap:.45rem;margin:0 0 .75rem;padding:.65rem .75rem;font-size:.67rem;display:flex}.structural-lock-note svg{inline-size:.85rem;color:var(--color-warning);flex:none}.creation-editor{border:1px solid var(--color-border);border-radius:.55rem;margin-block-end:.8rem}.creation-editor-heading{justify-content:space-between;align-items:end;gap:1rem;margin-block-end:.8rem;display:flex}.creation-editor-heading h2,.creation-editor-heading p{margin:0}.creation-editor-heading h2{font-size:1rem}.creation-editor-heading>p,.creation-quiz-options>p{color:var(--color-muted);font-size:.65rem}.creation-quiz-options>p{margin:-.25rem 0 .15rem}.creation-quiz-options .quiz-option-edit-row{grid-template-columns:5rem minmax(12rem,1fr)}.creation-footer>p{max-inline-size:34rem}.locale-editor{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.45rem;grid-template-columns:1fr 1fr;gap:.5rem;padding:.65rem;display:grid}.locale-editor-ur textarea,.quiz-localization-grid label[dir=rtl] textarea{font-family:var(--font-urdu-compact);text-align:start}.locale-editor textarea{min-block-size:4.5rem}.editor-meta-three{grid-template-columns:7rem 1fr 1fr}.editor-meta-one{grid-template-columns:minmax(6rem,10rem)}.editor-meta input{color:var(--color-ink)}.editor-inline-error{border:1px solid color-mix(in oklch, var(--color-danger) 38%, var(--color-border));background:color-mix(in oklch, var(--color-danger) 7%, var(--color-surface-raised));color:var(--color-danger);border-radius:.4rem;align-items:flex-start;gap:.4rem;margin:.75rem 0 0;padding:.65rem;font-size:.67rem;font-weight:700;display:flex}.editor-inline-error svg{flex:none;inline-size:.8rem}.admin-audio-panel{flex-wrap:wrap;position:relative}.admin-audio-panel>.inline-operation-error,.admin-audio-panel>.inline-operation-notice{flex-basis:100%;margin:0;font-size:.61rem}.admin-audio-panel>.inline-audio-replacement,.admin-audio-panel>.inline-audio-tts{flex-basis:100%;inline-size:100%}.inline-audio-replacement{border-block-start:1px solid var(--color-border);gap:.35rem;padding-block-start:.55rem;display:grid}.inline-audio-replacement>strong,.inline-audio-tts strong{color:var(--color-ink);font-size:.63rem}.inline-audio-replacement>.audio-replacement-controls{border-block-start:0;padding-block-start:0}.audio-replacement-guidance{color:var(--color-muted);margin:0;font-size:.59rem}.inline-audio-tts{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem .75rem;padding-block-start:.55rem;display:grid}.inline-audio-tts-heading{gap:.1rem;display:grid}.inline-audio-tts-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.inline-audio-tts span{color:var(--color-muted);font-size:.58rem}.tts-preview-progress,.inline-audio-tts>.inline-operation-error,.inline-audio-tts>.inline-operation-notice{grid-column:1/-1;margin:0;font-size:.61rem}.tts-preview-progress{color:var(--color-muted)}.tts-preview-player{border:1px solid var(--color-border);background:var(--color-bg);border-radius:.4rem;grid-column:1/-1;grid-template-columns:minmax(12rem,1fr) auto auto;align-items:center;gap:.5rem;padding:.55rem;display:grid}.tts-preview-player audio{block-size:2.3rem;inline-size:100%}.tts-preview-player>span{white-space:nowrap}.inline-operation-error{color:var(--color-danger)}.inline-operation-notice{color:var(--color-success)}.audio-actions a{border:1px solid var(--color-border);background:var(--color-bg);min-block-size:2rem;color:var(--color-ink);border-radius:.35rem;align-items:center;padding:.35rem .5rem;font-size:.63rem;font-weight:700;display:inline-flex}.audio-actions a:hover{border-color:var(--color-primary);color:var(--color-primary)}.quiz-localization-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.quiz-localization-grid label{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.45rem;padding:.65rem}.quiz-localization-grid label>span{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.quiz-localization-grid textarea{resize:vertical;min-block-size:5rem}.quiz-option-editor{gap:.55rem;margin-block-start:.8rem;display:grid}.quiz-option-editor>legend{margin-block-end:.4rem;font-size:.68rem;font-weight:800}.quiz-option-edit-row{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.45rem;grid-template-columns:5rem minmax(12rem,1fr) 5rem;align-items:start;gap:.55rem;padding:.65rem;display:grid}.quiz-option-edit-row textarea{resize:vertical;min-block-size:3.4rem;font-family:var(--font-arabic);text-align:end;font-size:1.35rem}.correct-option-control{grid-row:1;align-self:center;align-items:center;display:flex!important}.correct-option-control input{inline-size:auto;accent-color:var(--color-primary)}.quiz-option-order input{min-block-size:2rem}.quiz-option-edit-row>.admin-audio-panel{grid-column:2/-1;margin-block-start:0;padding:.5rem}.localization-import-panel{padding:0}.localization-import-panel>:not(summary){margin-inline:1rem}.localization-import-panel>.localization-panel-heading{margin-block-start:1rem}.localization-import-panel>.localization-actions,.localization-import-panel>.localization-preview{margin-block-end:1rem}.admin-close{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);border-radius:.35rem;place-items:center;line-height:1;display:grid}.preview-controls button:disabled{cursor:not-allowed;opacity:.45}.preview-item-switcher span{min-inline-size:2.5rem;color:var(--color-muted);text-align:center;font-size:.62rem}.preview-learner-frame[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f9f3f5;--color-surface-raised:#fefcfc;--color-ink:#180e12;--color-muted:#625459;--color-border:#ded4d8;--color-primary:#991b60;--color-primary-hover:#82074f;--color-primary-soft:#ffe7f0;--color-on-primary:#fff;--color-accent:#003545;--color-accent-soft:#daf0f7;--color-on-accent:#f8f8f8;--color-success:#00603c;--color-warning:#b37900;--color-danger:#a92227}@supports (color:lab(0% 0 0)){.preview-learner-frame[data-theme=light]{--color-bg:lab(100% 0 0);--color-surface:lab(96.4413% 2.01613 -.258744);--color-surface-raised:lab(99.0458% .672638 -.0862837);--color-ink:lab(5.09088% 4.69841 -.582999);--color-muted:lab(37.0974% 6.67234 -.860214);--color-border:lab(85.9226% 4.02626 -.517201);--color-primary:lab(35.1053% 54.0091 -7.1561);--color-primary-hover:lab(28.2758% 50.6498 -6.72238);--color-primary-soft:lab(93.7406% 11.6911 -1.50604);--color-on-primary:lab(100% 0 0);--color-accent:lab(19.1583% -18.1171 -20.7843);--color-accent-soft:lab(93.1908% -6.32483 -6.12016);--color-on-accent:lab(97.68% -.0000298023 .0000119209);--color-success:lab(35.1935% -33.5614 13.159);--color-warning:lab(55.7305% 19.6517 69.5322);--color-danger:lab(37.9535% 53.8391 33.7998)}}.preview-learner-frame[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#020202;--color-surface:#0c0809;--color-surface-raised:#160f12;--color-ink:#f5f0f2;--color-muted:#a89a9f;--color-border:#33282c;--color-primary:#c54083;--color-primary-hover:#b43877;--color-primary-soft:#2f0c1d;--color-on-primary:#fcfcfc;--color-accent:#9de1ee;--color-accent-soft:#001f24;--color-on-accent:#040809;--color-success:#68b88f;--color-warning:#e4ac59;--color-danger:#ed756e}@supports (color:lab(0% 0 0)){.preview-learner-frame[data-theme=dark]{--color-bg:lab(.658503% 0 0);--color-surface:lab(2.43085% 1.24988 -.157297);--color-surface-raised:lab(5.1496% 3.10653 -.389734);--color-ink:lab(95.2813% 2.0161 -.258744);--color-muted:lab(64.9638% 6.02534 -.775158);--color-border:lab(17.4036% 5.98459 -.773197);--color-primary:lab(48.8973% 57.6104 -7.60551);--color-primary-hover:lab(44.3894% 54.3784 -7.18092);--color-primary-soft:lab(8.72674% 19.2995 -2.5413);--color-on-primary:lab(98.84% .0000298023 -.0000119209);--color-accent:lab(85.4723% -19.914 -13.2143);--color-accent-soft:lab(9.81802% -10.8773 -7.38701);--color-on-accent:lab(2.01592% -1.08743 -.809598);--color-success:lab(68.8521% -32.8103 12.9505);--color-warning:lab(74.4315% 14.934 50.2358);--color-danger:lab(63.7351% 46.9673 26.7836)}}@media (max-width:68rem){.lesson-settings-body{grid-template-columns:6rem 1fr}.lesson-settings-body fieldset:last-child{grid-column:2}}@media (max-width:52rem){.lesson-settings-body,.lesson-settings-body fieldset,.quiz-localization-grid{grid-template-columns:1fr}.lesson-settings-body fieldset:last-child{grid-column:auto}.editor-meta-three{grid-template-columns:1fr}.quiz-option-edit-row{grid-template-columns:5rem minmax(10rem,1fr)}.quiz-option-order{grid-column:1}.quiz-option-edit-row>.admin-audio-panel{grid-column:1/-1}.inline-audio-tts{grid-template-columns:1fr}.inline-audio-tts-actions{justify-content:flex-start}.tts-preview-player{grid-template-columns:1fr auto}.tts-preview-player audio{grid-column:1/-1}}.api-loading{min-block-size:22rem;color:var(--color-muted);text-align:center;align-content:center;justify-items:center;gap:.8rem;display:grid}.api-loading.is-compact{justify-content:flex-start;min-block-size:3rem;padding:.75rem;display:flex}.loading-spinner{border:2px solid var(--color-border);border-block-start-color:var(--color-primary);border-radius:50%;block-size:1.8rem;inline-size:1.8rem;animation:.8s linear infinite api-spin}.api-loading.is-compact .loading-spinner{block-size:1rem;inline-size:1rem}.api-error{border:1px solid color-mix(in oklch, var(--color-danger) 45%, var(--color-border));border-radius:var(--radius-md);background:color-mix(in oklch, var(--color-danger) 8%, var(--color-surface-raised));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-block-size:5rem;padding:1rem;display:grid}.api-error.is-compact{min-block-size:3.5rem;margin-block:.6rem;padding:.65rem .8rem}.api-error>svg{inline-size:1.25rem;color:var(--color-danger)}.api-error strong{font-size:.86rem;display:block}.api-error p{color:var(--color-muted);margin:.15rem 0 0;font-size:.74rem}.api-error.is-compact p{display:none}@keyframes api-spin{to{transform:rotate(360deg)}}.audio-button:disabled{cursor:not-allowed;opacity:.5}.audio-button.is-failed{border-color:var(--color-danger);color:var(--color-danger)}.dictionary-search-submit{background:var(--color-primary);min-block-size:2rem;color:var(--color-on-primary);border:0;border-radius:.4rem;padding-inline:.7rem;font-size:.75rem;font-weight:750}.pagination-action{justify-content:center;padding-block:1.5rem;display:flex}.quiz-option-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.quiz-option-row>button:first-child{inline-size:100%}.quiz-option-row>.audio-button{border-radius:var(--radius-sm);align-self:stretch;block-size:auto}.achievement-history{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);margin-block-start:1rem;padding:1.5rem}.achievement-history ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.achievement-history li{border-block-start:1px solid var(--color-border);align-items:center;gap:.7rem;padding-block:.7rem;display:flex}.achievement-history li>span{background:var(--color-primary-soft);block-size:2rem;inline-size:2rem;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.achievement-history li svg{inline-size:.9rem}.achievement-history li>div{display:grid}.achievement-history li small{color:var(--color-muted)}.settings-form{padding-block-end:1rem}.settings-control{border-block-start:1px solid var(--color-border);grid-template-columns:2.5rem minmax(0,1fr) minmax(10rem,15rem);align-items:center;gap:.8rem;min-block-size:4.8rem;display:grid}.settings-control>span:nth-child(2){display:grid}.settings-control small{color:var(--color-muted);font-size:.75rem}.settings-control select,.settings-control input{border:1px solid var(--color-border);background:var(--color-bg);min-block-size:2.6rem;min-inline-size:0;color:var(--color-ink);border-radius:.5rem;padding-inline:.65rem}.settings-form-footer{border-block-start:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:1rem;padding-block-start:1rem;display:flex}.settings-form-footer>span{color:var(--color-success);margin-inline-end:auto;font-size:.78rem}.account-privacy-note{padding-block-end:1rem}.account-privacy-note p{color:var(--color-muted);margin:0;font-size:.85rem}.admin-notice{border:1px solid color-mix(in oklch, var(--color-success) 45%, var(--color-border));background:color-mix(in oklch, var(--color-success) 9%, var(--color-surface-raised));color:var(--color-success);border-radius:.45rem;align-items:center;gap:.5rem;margin-block:.75rem;padding:.7rem .85rem;font-size:.75rem;font-weight:750;display:flex}.admin-notice svg{inline-size:.9rem}.workspace-api-gap{border:1px dashed var(--color-border);background:var(--color-surface-raised);border-radius:.5rem;align-items:center;gap:.9rem;margin-block:1rem;padding:1rem;display:flex}.workspace-api-gap>svg{inline-size:1.4rem;color:var(--color-muted)}.workspace-api-gap h2{margin:0;font-size:.92rem}.workspace-api-gap p{color:var(--color-muted);margin:.2rem 0 0;font-size:.72rem}.localization-import-panel{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.55rem;margin-block-start:1rem;padding:1rem}.localization-panel-heading{justify-content:space-between;gap:1.5rem;margin-block-end:1rem;display:flex}.localization-panel-heading h2{margin:0;font-size:1.1rem}.localization-panel-heading p:not(.admin-eyebrow){color:var(--color-muted);margin:.2rem 0 0;font-size:.72rem}.localization-panel-heading>label{color:var(--color-muted);gap:.25rem;font-size:.62rem;font-weight:750;display:grid}.localization-panel-heading select{border:1px solid var(--color-border);background:var(--color-bg);border-radius:.35rem;min-block-size:2rem;padding-inline:.5rem}.localization-input{gap:.35rem;font-size:.68rem;font-weight:750;display:grid}.localization-input textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-bg);min-block-size:9rem;color:var(--color-ink);border-radius:.4rem;padding:.7rem;font-family:ui-monospace,monospace;font-size:.68rem;line-height:1.5}.localization-actions{justify-content:flex-end;gap:.45rem;margin-block-start:.7rem;display:flex}.localization-preview{border-block-start:1px solid var(--color-border);margin-block-start:1rem;padding-block-start:1rem}.preview-summary{grid-template-columns:repeat(5,1fr);gap:.4rem;margin-block-end:.7rem;display:grid}.preview-summary span{background:var(--color-surface);color:var(--color-muted);border-radius:.4rem;padding:.55rem;font-size:.6rem;display:grid}.preview-summary strong{color:var(--color-ink);font-size:1rem}.preview-summary .has-errors{background:color-mix(in oklch, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger)}.preview-blocked{color:var(--color-danger);align-items:center;gap:.4rem;font-size:.7rem;font-weight:750;display:flex}.preview-blocked svg{inline-size:.8rem}.localization-preview-table{overflow-x:auto}.localization-preview-table table{border-collapse:collapse;inline-size:100%;min-inline-size:48rem}.localization-preview-table th,.localization-preview-table td{border-block-end:1px solid var(--color-border);text-align:start;padding:.5rem;font-size:.64rem}.localization-preview-table th{color:var(--color-muted);text-transform:uppercase}.localization-preview-table td small{color:var(--color-danger);display:block}.classification{background:var(--color-surface);border-radius:99px;padding:.15rem .35rem;font-weight:750}.classification-add,.classification-change{background:var(--color-primary-soft);color:var(--color-primary)}.classification-unknown,.classification-duplicate{background:color-mix(in oklch, var(--color-danger) 10%, transparent);color:var(--color-danger)}.account-delete-card{border:1px solid color-mix(in oklch, var(--color-danger) 35%, var(--color-border));background:var(--color-surface-raised);border-radius:.6rem;gap:1rem;max-inline-size:40rem;padding:1.25rem;display:grid}.destructive-heading{align-items:flex-start;gap:.7rem;display:flex}.destructive-heading>svg{inline-size:1.2rem;color:var(--color-danger)}.destructive-heading h2{margin:0;font-size:1rem}.destructive-heading p{color:var(--color-muted);margin:.2rem 0 0;font-size:.72rem}.account-delete-card label{gap:.3rem;font-size:.68rem;font-weight:750;display:grid}.account-delete-card input{border:1px solid var(--color-border);border-radius:.4rem;min-block-size:2.5rem;padding-inline:.65rem;font-family:ui-monospace,monospace}.admin-button-danger{border-color:var(--color-danger);color:var(--color-danger);justify-self:start}.admin-button-danger:not(:disabled):hover{background:var(--color-danger);color:#fff}.attention-live-row{border-block-end:1px solid var(--color-border);min-block-size:3.7rem;color:var(--color-muted);grid-template-columns:8rem minmax(10rem,1fr) minmax(12rem,1.2fr) 7rem auto;align-items:center;gap:.8rem;padding:.65rem .8rem;font-size:.7rem;display:grid}.attention-live-row:last-child{border-block-end:0}.attention-live-row>strong{color:var(--color-ink);text-transform:capitalize;align-items:center;gap:.35rem;display:flex}.attention-live-row>strong svg{inline-size:.8rem;color:var(--color-warning)}.attention-live-row a{color:var(--color-primary);font-weight:750}.attention-live-row code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attention-live-row small{text-overflow:ellipsis;white-space:nowrap;max-inline-size:20rem;display:block;overflow:hidden}.audio-target-list{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.6rem;overflow:hidden}.audio-target-list article{border-block-end:1px solid var(--color-border);grid-template-columns:3rem minmax(12rem,1fr) 8rem auto;align-items:center;gap:.8rem;min-block-size:5rem;padding:.7rem .8rem;display:grid}.audio-target-list article:last-child{border-block-end:0}.audio-target-order{justify-items:center;display:grid}.audio-target-order>span{font-size:1rem;font-weight:800}.audio-target-order small{color:var(--color-muted)}.audio-target-copy{min-inline-size:0;display:grid}.audio-target-copy a{color:var(--color-primary);font-size:.62rem;font-weight:750}.audio-target-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.audio-target-copy strong.arabic{text-align:start;font-size:1.3rem}.audio-target-copy small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.58rem;overflow:hidden}.audio-target-actions{gap:.4rem;display:flex}@media (max-width:45rem){.api-error{grid-template-columns:auto 1fr}.api-error .button{grid-column:1/-1}.settings-control{grid-template-columns:2.5rem minmax(0,1fr);padding-block:.7rem}.settings-control select,.settings-control input{grid-column:1/-1}.preview-summary{grid-template-columns:repeat(2,1fr)}.localization-panel-heading{flex-direction:column}.attention-live-row{grid-template-columns:minmax(7rem,1fr) auto}.attention-live-row>:nth-child(3),.attention-live-row>:nth-child(4){display:none}.audio-target-list article{grid-template-columns:2.5rem minmax(0,1fr)}.audio-target-state,.audio-target-actions{grid-column:2}.audio-target-actions{flex-wrap:wrap}}.admin-shell{--color-bg:#f9fafb;--color-surface:#f1f4f6;--color-surface-raised:#fff;--color-ink:#11171d;--color-muted:#616a73;--color-border:#d3d8dd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-bg);min-block-size:100vh;color:var(--color-ink);font-family:var(--font-ui);grid-template-columns:14.5rem minmax(0,1fr);font-size:.9rem;display:grid}@supports (color:lab(0% 0 0)){.admin-shell{--color-bg:lab(98.2586% -.2231 -.716782);--color-surface:lab(95.937% -.443876 -1.43212);--color-surface-raised:lab(100% 0 0);--color-ink:lab(7.20055% -1.23888 -5.17777);--color-muted:lab(44.2982% -1.83773 -6.36158);--color-border:lab(86.0725% -.98303 -3.21337)}}.admin-sidebar{z-index:50;border-inline-end:1px solid var(--color-border);background:var(--color-surface-raised);flex-direction:column;inline-size:14.5rem;padding:1.25rem .9rem;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.admin-sidebar>.brand{padding-inline:.45rem}.admin-sidebar .brand-mark{border-radius:.55rem;block-size:2rem;inline-size:2rem}.admin-sidebar .brand-mark svg{inline-size:1.3rem}.admin-sidebar .brand-name{font-size:1rem}.admin-environment{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.45rem;margin:1.4rem .45rem .75rem;font-size:.68rem;font-weight:700;display:flex}.admin-environment>span{background:var(--color-success);border-radius:50%;block-size:.45rem;inline-size:.45rem}.admin-sidebar nav{gap:.25rem;display:grid}.admin-sidebar nav a{min-block-size:2.7rem;color:var(--color-muted);transition:background var(--transition), color var(--transition);border-radius:.5rem;grid-template-columns:1.2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .65rem;font-weight:700;display:grid}.admin-sidebar nav a:hover{background:var(--color-surface);color:var(--color-ink)}.admin-sidebar nav a.active{background:var(--color-primary-soft);color:var(--color-primary)}.admin-sidebar nav a svg{inline-size:1rem}.admin-sidebar nav a small{background:var(--color-primary);min-inline-size:1.35rem;color:var(--color-on-primary);text-align:center;border-radius:99px;padding:.08rem .35rem;font-size:.62rem}.admin-user{border-block-start:1px solid var(--color-border);align-items:center;gap:.65rem;margin-block-start:auto;padding:.8rem .4rem 0;display:flex}.admin-user>span{background:var(--color-primary-soft);block-size:2.15rem;inline-size:2.15rem;color:var(--color-primary);border-radius:50%;place-items:center;font-size:.68rem;font-weight:850;display:grid}.admin-user>div{min-inline-size:0;display:grid}.admin-user strong{font-size:.77rem}.admin-user small{color:var(--color-muted);text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.admin-frame{grid-column:2;min-inline-size:0}.admin-mobile-header{display:none}.admin-main{min-block-size:100vh}.admin-lessons-view,.admin-simple-page{inline-size:min(100% - 3rem,92rem);margin-inline:auto;padding-block:2.3rem 4rem}.admin-page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-block-end:1.5rem;display:flex}.admin-page-heading h1{letter-spacing:-.035em;margin-block-end:.15rem;font-size:2rem;line-height:1.1}.admin-page-heading p{color:var(--color-muted);margin:0}.admin-create-lesson{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.65rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem;margin-block-end:1rem;padding:1rem;display:grid}.admin-create-lesson h2,.admin-create-lesson p{margin:0}.admin-create-lesson h2{margin-block-end:.25rem;font-size:1.05rem}.admin-create-lesson>div>p:last-child,.admin-create-lesson-actions small{color:var(--color-muted);font-size:.72rem}.admin-create-lesson-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;display:grid}.admin-create-lesson-fields label{color:var(--color-muted);gap:.3rem;font-size:.68rem;font-weight:750;display:grid}.admin-create-lesson-fields input,.admin-create-lesson-fields textarea{border:1px solid var(--color-border);background:var(--color-bg);min-block-size:2.5rem;inline-size:100%;color:var(--color-ink);font:inherit;border-radius:.45rem;padding:.55rem .65rem;font-weight:500}.admin-create-lesson-fields textarea{resize:vertical;min-block-size:4.5rem}.admin-create-lesson-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-block-start:.75rem;display:flex}.admin-create-lesson-actions small{margin-inline-end:auto}.admin-eyebrow{margin-block-end:.35rem;font-size:.65rem}.admin-button{border:1px solid var(--color-border);background:var(--color-surface-raised);min-block-size:2.35rem;color:var(--color-ink);transition:border-color var(--transition), background var(--transition);border-radius:.45rem;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.78rem;font-weight:750;line-height:1.2;display:inline-flex}.admin-button:hover{border-color:var(--color-primary)}.admin-button svg{inline-size:.95rem}.admin-button-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.admin-button-primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.admin-summary-grid{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-block-end:1rem;display:grid}.admin-summary-grid article{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.55rem;grid-template-columns:1fr auto;gap:.15rem 1rem;padding:.9rem 1rem;display:grid}.admin-summary-grid span{color:var(--color-muted);align-self:center;font-size:.72rem;font-weight:700}.admin-summary-grid strong{grid-area:1/2/3;align-self:center;font-size:1.5rem}.admin-summary-grid small{color:var(--color-muted);font-size:.65rem}.admin-table-card{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.65rem;overflow:hidden}.admin-table-tools{border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;min-block-size:3.5rem;padding:.55rem .7rem;display:flex}.admin-filter-tabs{gap:.2rem;display:flex}.admin-filter-tabs button{min-block-size:2.25rem;color:var(--color-muted);background:0 0;border:0;border-radius:.4rem;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.74rem;font-weight:750;display:inline-flex}.admin-filter-tabs button.active{background:var(--color-primary-soft);color:var(--color-primary)}.admin-filter-tabs button span{background:color-mix(in oklch, var(--color-primary) 15%, transparent);border-radius:99px;padding:.02rem .28rem;font-size:.6rem}.admin-search{border:1px solid var(--color-border);background:var(--color-bg);border-radius:.4rem;align-items:center;gap:.4rem;min-block-size:2.25rem;inline-size:15rem;padding-inline:.55rem;display:flex}.admin-search svg{inline-size:.85rem;color:var(--color-muted)}.admin-search input{background:0 0;border:0;outline:0;inline-size:100%;min-inline-size:0;font-size:.75rem}.admin-table-scroll{overflow-x:auto}.admin-lessons-table{border-collapse:collapse;text-align:start;inline-size:100%;min-inline-size:68rem}.admin-lessons-table th{border-block-end:1px solid var(--color-border);background:var(--color-surface);block-size:2.6rem;color:var(--color-muted);letter-spacing:.04em;text-align:start;text-transform:uppercase;padding:.5rem .75rem;font-size:.63rem;font-weight:800}.admin-lessons-table td{border-block-end:1px solid var(--color-border);color:var(--color-muted);vertical-align:middle;padding:.65rem .75rem;font-size:.72rem}.admin-lessons-table tbody tr:last-child td{border-block-end:0}.admin-lessons-table tbody tr:hover{background:color-mix(in oklch, var(--color-primary-soft) 45%, transparent)}.admin-lessons-table td:first-child>a{grid-template-columns:2.2rem minmax(8rem,1fr);align-items:center;display:grid}.table-lesson-number{background:var(--color-surface);block-size:1.8rem;inline-size:1.8rem;color:var(--color-muted);border-radius:.4rem;grid-row:1/3;place-items:center;font-size:.65rem;font-weight:800;display:grid}.admin-lessons-table td:first-child strong{color:var(--color-ink);font-size:.78rem}.admin-lessons-table td:first-child small{font-family:ui-monospace,monospace;font-size:.57rem}.admin-status{border-radius:99px;align-items:center;gap:.3rem;min-block-size:1.45rem;padding:.18rem .45rem;font-size:.62rem;font-weight:800;display:inline-flex}.admin-status:before{content:"";background:currentColor;border-radius:50%;block-size:.35rem;inline-size:.35rem}.admin-status-published{background:color-mix(in oklch, var(--color-success) 12%, transparent);color:var(--color-success)}.admin-status-draft{background:var(--color-surface);color:var(--color-muted)}.locale-readiness{gap:.25rem;min-inline-size:8rem;display:grid}.locale-readiness>span{grid-template-columns:1.3rem minmax(3rem,1fr) 2rem;align-items:center;gap:.35rem;display:grid}.locale-readiness b{color:var(--color-muted);font-size:.55rem}.locale-readiness i{background:var(--color-border);border-radius:99px;block-size:.25rem;overflow:hidden}.locale-readiness em{background:var(--color-accent);block-size:100%;display:block}.locale-readiness small{text-align:end;font-size:.57rem}.content-counts{white-space:nowrap}.content-counts b{color:var(--color-ink)}.metric-warning{color:var(--color-warning);font-weight:800}.attention-count,.all-clear{align-items:center;gap:.25rem;font-weight:750;display:inline-flex}.attention-count{color:var(--color-warning)}.all-clear{color:var(--color-success)}.attention-count svg,.all-clear svg{inline-size:.8rem}.table-open{block-size:1.7rem;inline-size:1.7rem;color:var(--color-muted);border-radius:.35rem;place-items:center;display:grid}.table-open:hover{background:var(--color-primary-soft);color:var(--color-primary)}.table-open svg{inline-size:.8rem}.admin-empty{text-align:center;padding:4rem}.admin-empty button{color:var(--color-primary);background:0 0;border:0;font-weight:750}.admin-workspace{background:var(--color-bg);min-block-size:100vh}.workspace-header{z-index:30;border-block-end:1px solid var(--color-border);background:color-mix(in oklch, var(--color-surface-raised) 96%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem clamp(1rem,3vw,2rem) .95rem;position:sticky;inset-block-start:0}.workspace-breadcrumb{color:var(--color-muted);align-items:center;gap:.35rem;margin-block-end:.65rem;font-size:.67rem;display:flex}.workspace-breadcrumb a{color:var(--color-primary);font-weight:750}.workspace-breadcrumb svg{inline-size:.65rem}.workspace-title-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.workspace-title{align-items:baseline;gap:.7rem;display:flex}.workspace-title>span{color:var(--color-primary);font-size:1.1rem;font-weight:400}.workspace-title h1{letter-spacing:-.025em;margin:0;font-size:1.45rem}.content-key{color:var(--color-muted);margin:.1rem 0 0 2rem;font-family:ui-monospace,monospace;font-size:.59rem}.workspace-header-actions{align-items:center;gap:.55rem;display:flex}.workspace-attention{color:var(--color-warning);align-items:center;gap:.25rem;font-size:.68rem;font-weight:750;display:inline-flex}.workspace-attention svg{inline-size:.8rem}.workspace-body{inline-size:min(100% - 2rem,88rem);margin-inline:auto;padding-block:1rem 5rem}.workspace-tabs{border-block-end:1px solid var(--color-border);gap:.2rem;display:flex}.workspace-tabs button{min-block-size:2.8rem;color:var(--color-muted);background:0 0;border:0;align-items:center;gap:.45rem;padding:.5rem .8rem;font-size:.76rem;font-weight:750;display:flex;position:relative}.workspace-tabs button:after{content:"";background:0 0;block-size:2px;position:absolute;inset-block-end:-1px;inset-inline:.5rem}.workspace-tabs button.active{color:var(--color-primary)}.workspace-tabs button.active:after{background:var(--color-primary)}.workspace-tabs small{background:var(--color-surface);border-radius:99px;min-inline-size:1.25rem;padding:.05rem .3rem;font-size:.6rem}.workspace-toolbar{align-items:center;gap:.55rem;min-block-size:3.6rem;display:flex}.workspace-toolbar>div:first-child{align-items:baseline;gap:.5rem;margin-inline-end:auto;display:flex}.workspace-toolbar>div span{color:var(--color-muted);font-size:.65rem}.admin-checkbox{min-block-size:2.35rem;color:var(--color-muted);align-items:center;gap:.35rem;padding-inline:.55rem;font-size:.7rem;display:flex}.admin-checkbox input{accent-color:var(--color-primary)}.workspace-list{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.55rem;overflow:hidden}.workspace-row+.workspace-row{border-block-start:1px solid var(--color-border)}.workspace-row-summary{background:var(--color-surface-raised);min-block-size:4.2rem;inline-size:100%;color:var(--color-ink);text-align:start;transition:background var(--transition);border:0;grid-template-columns:2rem minmax(8rem,.7fr) minmax(10rem,1.2fr) 8rem minmax(8rem,.8fr) 1rem;align-items:center;gap:.7rem;padding:.55rem .75rem;display:grid}.workspace-row-summary:hover,.workspace-row.expanded .workspace-row-summary{background:color-mix(in oklch, var(--color-primary-soft) 35%, var(--color-surface-raised))}.row-order{color:var(--color-muted);font-family:ui-monospace,monospace;font-size:.62rem}.row-arabic{text-align:end;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;overflow:hidden}.row-localization{min-inline-size:0;display:grid}.row-localization strong,.row-localization small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-localization strong{font-size:.75rem}.row-localization small{color:var(--color-muted);font-family:var(--font-urdu-compact);text-align:start;font-size:.7rem}.audio-state{grid-template-columns:.5rem 1fr;align-items:center;gap:.05rem .35rem;font-size:.67rem;font-weight:750;display:grid}.audio-state i{background:var(--color-muted);border-radius:50%;grid-row:1/3;block-size:.45rem;inline-size:.45rem}.audio-state small{color:var(--color-muted);font-size:.55rem;font-weight:500}.audio-state.state-ready i{background:var(--color-success)}.audio-state.state-needs-attention i{background:var(--color-warning)}.audio-state.state-missing i{background:var(--color-danger)}.row-attention,.row-clear{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;font-size:.62rem;font-weight:750;display:flex;overflow:hidden}.row-attention{color:var(--color-warning)}.row-clear{color:var(--color-success)}.row-attention svg,.row-clear svg{flex:none;inline-size:.75rem}.expand-chevron{inline-size:.8rem;color:var(--color-muted);transition:transform var(--transition)}.workspace-row.expanded .expand-chevron{transform:rotate(90deg)}.workspace-editor{border-block-start:1px solid var(--color-border);background:var(--color-bg);padding:1rem;animation:.18s both admin-expand}.editor-grid{grid-template-columns:1fr 1.15fr;gap:.75rem;display:grid}.editor-grid label,.editor-meta label{gap:.3rem;display:grid}.editor-grid label>span,.editor-meta label>span{font-size:.65rem;font-weight:800}.editor-grid label small{color:var(--color-muted);font-weight:500}.draft-label{background:var(--color-accent-soft);border-radius:99px;padding:.08rem .3rem;color:var(--color-accent)!important}.editor-grid textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-surface-raised);min-block-size:6.5rem;inline-size:100%;color:var(--color-ink);border-radius:.4rem;padding:.55rem;font-size:.75rem}.editor-grid .arabic-field textarea{font-family:var(--font-arabic);text-align:end;font-size:1.55rem}.editor-locales{gap:.6rem;display:grid}.editor-locales label:last-child textarea{font-family:var(--font-urdu-compact);text-align:start}.editor-meta{grid-template-columns:1fr 1fr;gap:.75rem;margin-block-start:.75rem;display:grid}.editor-meta input{border:1px solid var(--color-border);background:var(--color-surface);min-block-size:2rem;color:var(--color-muted);border-radius:.35rem;padding-inline:.55rem;font-family:ui-monospace,monospace;font-size:.62rem}.admin-audio-panel{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.45rem;justify-content:space-between;align-items:center;gap:1rem;margin-block-start:.75rem;padding:.75rem;display:flex}.audio-preview{align-items:center;gap:.65rem;display:flex}.admin-audio-panel .audio-button{min-block-size:2.25rem;padding:.35rem .65rem;font-size:.7rem}.audio-preview>div{display:grid}.audio-preview strong{font-size:.7rem}.audio-preview span{color:var(--color-muted);font-size:.58rem}.audio-actions{gap:.35rem;display:flex}.audio-actions button{border:1px solid var(--color-border);background:var(--color-bg);min-block-size:2rem;color:var(--color-ink);border-radius:.35rem;align-items:center;gap:.3rem;padding:.35rem .5rem;font-size:.63rem;font-weight:700;display:inline-flex}.audio-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.audio-actions svg{inline-size:.75rem}.editor-footer{border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;margin-block-start:.75rem;padding-block-start:.75rem;display:flex}.editor-footer p{color:var(--color-muted);align-items:center;gap:.3rem;margin:0;font-size:.62rem;display:flex}.editor-footer p svg{inline-size:.75rem;color:var(--color-success)}.editor-footer>div{gap:.4rem;display:flex}@keyframes admin-expand{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:none}}.preview-overlay{z-index:100;background:#020306b3;background:lab(.898048% -.187442 -.952324/.7);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.preview-dialog{background:var(--color-surface-raised);border-radius:.75rem;grid-template-rows:auto auto minmax(0,1fr);block-size:min(94vh,58rem);inline-size:min(96vw,78rem);display:grid;overflow:hidden;box-shadow:0 30px 100px #02030659;box-shadow:0 30px 100px lab(.898048% -.187442 -.952324/.35)}.preview-dialog>header{border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.preview-dialog h2{margin:0;font-size:1.15rem}.admin-close{block-size:2rem;inline-size:2rem;font-size:1.3rem}.preview-controls{border-block-end:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;padding:.55rem 1rem;display:flex}.preview-controls fieldset{align-items:center;gap:.2rem;display:flex}.preview-controls legend{float:left;color:var(--color-muted);text-transform:uppercase;margin-inline-end:.35rem;font-size:.61rem;font-weight:750}.preview-controls button{min-block-size:1.8rem;color:var(--color-muted);text-transform:capitalize;background:0 0;border:1px solid #0000;border-radius:.3rem;padding:.25rem .45rem;font-size:.63rem;font-weight:750}.preview-controls button.active{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-primary)}.preview-stage{background:#e2e5e8;background:lab(90.7162% -.552952 -1.78909);min-block-size:0;padding:1rem;overflow:auto}.preview-viewport{background:#080c0f;background:lab(3.03964% -.478722 -2.0547);border:1px solid #1e2226;border:1px solid lab(12.9871% -1.00497 -3.52685);border-radius:.65rem;min-block-size:100%;margin-inline:auto;transition:max-width .2s;overflow:auto;box-shadow:0 15px 40px #02030638;box-shadow:0 15px 40px lab(.898048% -.187442 -.952324/.22)}.preview-mobile{max-inline-size:25rem}.preview-wide{max-inline-size:68rem}.preview-learner-frame{background:var(--color-bg);min-block-size:100%;color:var(--color-ink);padding:1.25rem}.preview-learner-frame .lesson-player{max-inline-size:45rem}.preview-learner-frame .learning-card{min-block-size:22rem}.attention-total{background:color-mix(in oklch, var(--color-warning) 13%, transparent);color:var(--color-warning);border-radius:99px;padding:.45rem .7rem;font-size:.72rem;font-weight:800}.attention-list{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.6rem;overflow:hidden}.attention-list-header,.attention-list>a{grid-template-columns:7rem minmax(13rem,1.4fr) minmax(9rem,1fr) 7rem 1rem;align-items:center;gap:.8rem;padding:.65rem .8rem;display:grid}.attention-list-header{border-block-end:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);text-transform:uppercase;font-size:.62rem;font-weight:800}.attention-list>a{border-block-end:1px solid var(--color-border);min-block-size:3.5rem;color:var(--color-muted);font-size:.72rem}.attention-list>a:hover{background:var(--color-primary-soft)}.attention-list>a:last-child{border-block-end:0}.attention-list>a strong{color:var(--color-ink);align-items:center;gap:.4rem;font-size:.73rem;display:flex}.attention-list>a strong svg{inline-size:.8rem;color:var(--color-warning)}.attention-list>a>svg{inline-size:.75rem}.issue-type{background:var(--color-surface);border-radius:99px;justify-self:start;padding:.18rem .38rem;font-size:.6rem;font-weight:750}.audio-review-card{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.65rem;max-inline-size:48rem;overflow:hidden}.audio-review-progress{border-block-end:1px solid var(--color-border);padding:1rem}.audio-review-progress>div{justify-content:space-between;margin-block-end:.5rem;display:flex}.audio-review-progress span{color:var(--color-muted);font-size:.7rem}.audio-review-progress>i{background:var(--color-border);border-radius:99px;block-size:.3rem;display:block;overflow:hidden}.audio-review-progress em{background:var(--color-primary);block-size:100%;display:block}.audio-review-current{text-align:center;justify-items:center;padding:3rem 1rem;display:grid}.audio-review-current .arabic{margin:0;font-size:3rem}.audio-review-current>p:nth-child(2){color:var(--color-muted)}.audio-review-actions{justify-content:center;gap:.5rem;padding-block-end:2rem;display:flex}.audio-review-card>footer{border-block-start:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;padding:.75rem 1rem;display:flex}.audio-review-card>footer button{color:var(--color-primary);background:0 0;border:0;font-size:.7rem;font-weight:750}.audio-review-card>footer span{color:var(--color-muted);font-size:.68rem}.dictionary-view,.progress-overview,.account-page{max-inline-size:62rem;margin-inline:auto}.dictionary-tools{grid-template-columns:minmax(0,1fr) 13rem;gap:.75rem;margin-block-end:.75rem;display:grid}.search-field{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.7rem;align-items:center;gap:.65rem;min-block-size:3rem;padding-inline:.85rem;display:flex}.search-field:focus-within{border-color:var(--color-primary);outline:2px solid color-mix(in oklch, var(--color-primary) 35%, transparent)}.search-field svg{inline-size:1.1rem;color:var(--color-muted)}.search-field input{inline-size:100%;min-inline-size:0;color:var(--color-ink);background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--color-muted)}.select-field select{border:1px solid var(--color-border);background:var(--color-surface-raised);block-size:3rem;inline-size:100%;color:var(--color-ink);border-radius:.7rem;padding-inline:.75rem}.result-count{color:var(--color-muted);margin-block:1rem .5rem;font-size:.78rem}.dictionary-list{border-block-start:1px solid var(--color-border)}.dictionary-row{border-block-end:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.dictionary-row>a{min-block-size:6rem;transition:background var(--transition);grid-template-columns:minmax(7rem,.65fr) minmax(0,1fr) 1.25rem;align-items:center;gap:1.3rem;padding:.75rem;display:grid}.dictionary-row>a:hover{background:var(--color-surface)}.dictionary-arabic{font-size:2.05rem}.dictionary-meaning{display:grid}.dictionary-meaning strong{font-size:1.02rem}.dictionary-meaning small{color:var(--color-muted);font-size:.76rem}.dictionary-row>.audio-button{margin-inline:.65rem}.empty-state{color:var(--color-muted);text-align:center;justify-items:center;padding:4rem 1rem;display:grid}.empty-state>svg{inline-size:2rem;margin-block-end:1rem}.empty-state h2{color:var(--color-ink);margin-block-end:.35rem}.word-detail{max-inline-size:46rem;margin-inline:auto}.word-detail>header{border-block-end:1px solid var(--color-border);text-align:center;justify-items:center;padding-block:3rem;display:grid}.word-detail-arabic{margin:0;font-size:clamp(4rem,10vw,6rem)}.word-transliteration{color:var(--color-muted);margin-block:-.35rem 1rem;font-size:.92rem;font-style:italic}.word-detail dl{border-block-end:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.word-detail dl div{padding:1.3rem}.word-detail dl div+div{border-inline-start:1px solid var(--color-border)}.word-detail dt{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:750}.word-detail dd{margin:.35rem 0 0;font-weight:700}.word-detail>section{border-radius:var(--radius-lg);background:var(--color-surface);margin-block-start:3rem;padding:2rem}.example-arabic{margin-block-end:.5rem;font-size:2.25rem}.word-detail>section>p:not(.eyebrow,.arabic){color:var(--color-muted)}.progress-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-block-end:2.5rem;display:grid}.progress-stats article{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);grid-template-columns:auto 1fr;align-items:center;gap:.8rem;min-block-size:8.5rem;padding:1.2rem;display:grid;position:relative}.stat-icon{background:var(--color-primary-soft);block-size:2.7rem;inline-size:2.7rem;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.stat-icon svg{inline-size:1.2rem}.progress-stats article>div{display:grid}.progress-stats article strong{font-size:1.55rem;line-height:1}.progress-stats article span:not(.stat-icon){color:var(--color-muted);font-size:.78rem}.progress-stats article small{color:var(--color-muted);grid-column:1/-1;font-size:.68rem}.weekly-activity,.milestones{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);margin-block-end:1rem;padding:1.5rem}.weekly-activity .section-row>strong{color:var(--color-success);font-size:.85rem}.activity-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:clamp(.5rem,3vw,1.5rem);block-size:10rem;padding-block-start:1rem;display:grid}.activity-bars>div{grid-template-rows:1fr auto;justify-items:center;gap:.5rem;block-size:100%;display:grid}.activity-bars span{background:var(--color-primary);border-radius:99px 99px .25rem .25rem;align-self:end;min-block-size:.35rem;inline-size:min(100%,1.7rem)}.activity-bars span.empty{background:var(--color-border)}.activity-bars small{color:var(--color-muted);font-size:.65rem}.milestones .section-row>span{color:var(--color-muted);font-size:.8rem}.milestone-track{grid-template-columns:repeat(6,1fr);margin-block-start:2rem;display:grid;position:relative}.milestone-track:before{content:"";background:var(--color-border);block-size:1px;position:absolute;inset-block-start:1.15rem;inset-inline:8%}.milestone-track>div{color:var(--color-muted);justify-items:center;gap:.35rem;display:grid;position:relative}.milestone-track>div>span{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:50%;place-items:center;block-size:2.35rem;inline-size:2.35rem;font-size:.68rem;font-weight:800;display:grid}.milestone-track>div>span svg{inline-size:1rem}.milestone-track>div.achieved>span{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.milestone-track>div.next>span{border-color:var(--color-primary);color:var(--color-primary)}.milestone-track small{font-size:.65rem}.account-avatar-large{border:2px solid var(--color-primary);block-size:4rem;inline-size:4rem;color:var(--color-primary);border-radius:50%;place-items:center;font-weight:850;display:grid}.settings-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);margin-block-end:1rem;padding:0 1.25rem}.settings-card h2{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;padding-block:1.1rem .55rem;font-size:.72rem}.settings-row{border:0;border-block-start:1px solid var(--color-border);min-block-size:4.8rem;inline-size:100%;color:var(--color-ink);text-align:start;background:0 0;grid-template-columns:2.5rem minmax(0,1fr) 1.2rem;align-items:center;gap:.8rem;padding:.65rem 0;display:grid}.settings-icon{background:var(--color-surface);block-size:2.35rem;inline-size:2.35rem;color:var(--color-primary);border-radius:.6rem;place-items:center;display:grid}.settings-icon svg{inline-size:1.05rem}.settings-row>span:nth-child(2){display:grid}.settings-row small{color:var(--color-muted);font-size:.75rem}.signout-button{color:var(--color-danger);margin-block-start:1rem}.onboarding-page{background:var(--color-bg);min-block-size:100vh;color:var(--color-ink);grid-template-rows:auto auto 1fr auto;padding:1.2rem clamp(1rem,4vw,3rem) 2rem;display:grid}.onboarding-page>header{justify-content:space-between;align-items:center;display:flex}.onboarding-page>header .language-link{background:0 0;border:0;min-block-size:2.75rem;padding-inline:.8rem}.onboarding-progress{grid-template-columns:repeat(3,1fr);gap:.35rem;inline-size:min(100%,22rem);margin:2rem auto 0;display:grid}.onboarding-progress span{background:var(--color-border);block-size:.25rem;transition:background var(--transition);border-radius:99px}.onboarding-progress span.active{background:var(--color-primary)}.onboarding-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);inline-size:min(100%,41rem);box-shadow:var(--shadow-sm);text-align:center;align-self:center;margin:2rem auto;padding:clamp(1.5rem,5vw,3rem)}.onboarding-icon{background:var(--color-primary-soft);block-size:4rem;inline-size:4rem;color:var(--color-primary);border-radius:50%;place-items:center;margin:0 auto 1.5rem;display:grid}.onboarding-icon svg{inline-size:1.6rem}.onboarding-card h1{letter-spacing:-.04em;margin-block-end:.8rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.locale-ur .onboarding-card h1{letter-spacing:0;line-height:1.55}.onboarding-card>p:not(.eyebrow){color:var(--color-muted);line-height:1.75}.language-choice{grid-template-columns:1fr 1fr;gap:.65rem;margin-block:1.7rem;display:grid}.language-choice button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-block-size:6.5rem;color:var(--color-ink);justify-items:center;gap:.3rem;padding:.8rem;display:grid;position:relative}.language-choice button.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.language-choice button>span{color:var(--color-primary);font-size:1.25rem;font-weight:850}.language-choice button>svg{inline-size:1rem;color:var(--color-primary);position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem}.language-choice .urdu-sample{font-family:var(--font-urdu);font-size:1.8rem}.onboarding-actions{justify-content:center;gap:.7rem;margin-block-start:2rem;display:flex}.onboarding-skip{min-block-size:2.75rem;color:var(--color-muted);text-underline-offset:.2em;background:0 0;border:0;justify-self:center;text-decoration:underline}.offline-page{text-align:center;align-content:center;justify-items:center;min-block-size:100vh;inline-size:min(100% - 2rem,36rem);margin-inline:auto;display:grid}.offline-page>.brand{margin-block-end:4rem}.offline-icon{background:var(--color-surface);block-size:4rem;inline-size:4rem;color:var(--color-muted);border-radius:50%;place-items:center;margin-block-end:1.5rem;display:grid}.offline-icon svg{inline-size:1.6rem}.offline-page h1{letter-spacing:-.04em;font-size:clamp(2rem,6vw,3rem)}.offline-page>p:not(.eyebrow){max-inline-size:31rem;color:var(--color-muted)}.offline-page .button{margin-block-start:1.2rem}.learner-theme{background:var(--color-bg);min-block-size:100vh;color:var(--color-ink)}.learner-shell{grid-template-columns:5.5rem minmax(0,1fr);min-block-size:100vh;display:grid}.learner-rail{z-index:40;border-inline-end:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;align-items:center;inline-size:5.5rem;padding:1rem .7rem;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.learner-rail .brand-mark{block-size:2.6rem;inline-size:2.6rem}.learner-rail nav{gap:.7rem;inline-size:100%;margin-block:4rem auto;display:grid}.learner-rail nav a,.rail-account{min-block-size:3.85rem;color:var(--color-muted);text-align:center;border-radius:.75rem;justify-items:center;gap:.28rem;padding:.48rem .15rem;font-size:.66rem;font-weight:750;line-height:1.1;display:grid}.learner-rail nav a svg,.rail-account svg{block-size:1.35rem;inline-size:1.35rem}.learner-rail nav a:hover,.rail-account:hover{background:var(--color-surface-raised);color:var(--color-ink)}.learner-rail nav a.active,.rail-account.active{background:var(--color-primary-soft);color:var(--color-primary)}.rail-account{inline-size:100%;margin-block-start:auto}.learner-frame{grid-column:2;min-inline-size:0}.learner-topbar{border-block-end:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:1rem;min-block-size:4.5rem;padding-inline:clamp(1rem,4vw,3rem);display:flex}.learner-topbar>.brand{display:none}.learner-top-actions{align-items:center;gap:.7rem;display:flex}.account-link{border:1px solid var(--color-primary);block-size:2.75rem;inline-size:2.75rem;color:var(--color-primary);border-radius:50%;place-items:center;font-size:.72rem;font-weight:850;display:grid}.learner-main{inline-size:min(100% - clamp(2rem,8vw,7rem),67rem);margin-inline:auto;padding-block:clamp(2rem,5vw,4.5rem) 6rem}.learner-bottom-nav{display:none}.learner-page-heading{justify-content:space-between;align-items:flex-start;gap:2rem;margin-block-end:2.2rem;display:flex}.learner-page-heading h1{letter-spacing:-.045em;margin-block-end:.5rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.locale-ur .learner-page-heading h1{letter-spacing:0;line-height:1.5}.learner-page-heading p:last-child{max-inline-size:40rem;color:var(--color-muted);margin:0}.streak-pill,.stat-pill{border:1px solid var(--color-border);color:var(--color-muted);border-radius:99px;flex:none;align-items:baseline;gap:.4rem;padding:.55rem .8rem;font-size:.8rem;display:flex}.streak-pill span,.stat-pill strong{color:var(--color-primary);font-size:1.12rem}.review-gate-card{border:1px solid color-mix(in oklch, var(--color-accent) 35%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-accent-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;margin-block-end:1.25rem;padding:1.25rem;display:grid}.gate-icon{background:var(--color-accent);block-size:3.4rem;inline-size:3.4rem;color:var(--color-on-accent);border-radius:50%;place-items:center;display:grid}.gate-icon svg{inline-size:1.45rem}.review-gate-card .eyebrow{color:var(--color-accent)}.review-gate-card h2{margin-block-end:.25rem;font-size:1.2rem}.review-gate-card p:not(.eyebrow){color:var(--color-muted);margin:0;font-size:.9rem}.current-lesson-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);min-block-size:14rem;box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) 7rem auto;align-items:center;gap:2rem;padding:2rem;display:grid;position:relative;overflow:hidden}.current-lesson-card:before{content:"";background:var(--color-primary);inline-size:.35rem;position:absolute;inset-block:0;inset-inline-start:0}.current-lesson-copy{padding-inline-start:4.5rem;position:relative}.lesson-number{color:var(--color-primary);letter-spacing:-.05em;font-size:2.2rem;font-weight:300;position:absolute;inset-block-start:.25rem;inset-inline-start:0}.current-lesson-copy h2{margin-block-end:.35rem;font-size:1.7rem}.current-lesson-copy>p:last-child{color:var(--color-muted);margin:0;font-size:.9rem}.lesson-ring svg{inline-size:6.2rem}.lesson-ring circle{fill:none;stroke:var(--color-border);stroke-width:7px}.lesson-ring .ring-value{stroke:var(--color-primary);stroke-linecap:round;stroke-dasharray:38 100;transform-origin:50%;transform:rotate(-90deg)}.lesson-ring text{fill:var(--color-ink);font-family:var(--font-ui);font-size:1rem;font-weight:800}.current-lesson-action{justify-items:center;gap:.4rem;display:grid}.current-lesson-action small{color:var(--color-muted);font-size:.7rem}.lesson-list-section{margin-block-start:3.5rem}.section-row{justify-content:space-between;align-items:end;gap:1.5rem;margin-block-end:1rem;display:flex}.section-row h2{margin:0;font-size:1.45rem}.muted-count{color:var(--color-muted);font-size:.85rem}.lesson-list{border-block-start:1px solid var(--color-border)}.lesson-row{border-block-end:1px solid var(--color-border);min-block-size:5.3rem;transition:background var(--transition);grid-template-columns:2.75rem minmax(0,1fr) auto 1.25rem;align-items:center;gap:1rem;padding:.75rem .65rem;display:grid}.lesson-row:is(a):hover{background:var(--color-surface)}.lesson-row.is-locked{color:var(--color-muted);cursor:not-allowed}.lesson-state-icon{border:1px solid var(--color-border);block-size:2.45rem;inline-size:2.45rem;color:var(--color-muted);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.lesson-state-icon svg{inline-size:1rem}.state-completed{border-color:color-mix(in oklch, var(--color-success) 50%, var(--color-border));background:color-mix(in oklch, var(--color-success) 12%, transparent);color:var(--color-success)}.state-current{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.lesson-row-copy{min-inline-size:0;display:grid}.lesson-row-kicker{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:750}.locale-ur .lesson-row-kicker{letter-spacing:0}.lesson-row-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-row-copy small{color:var(--color-muted);font-size:.75rem}.status-label{text-align:center;border-radius:99px;min-inline-size:4.2rem;padding:.28rem .55rem;font-size:.68rem;font-weight:800}.status-completed{background:color-mix(in oklch, var(--color-success) 13%, transparent);color:var(--color-success)}.status-current{background:var(--color-primary-soft);color:var(--color-primary)}.status-locked{border:1px solid var(--color-border);color:var(--color-muted)}.row-chevron{inline-size:1rem;color:var(--color-muted)}.lesson-player{max-inline-size:48rem;margin-inline:auto}.lesson-player-header{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:750;display:flex}.back-link{min-block-size:2.75rem;color:var(--color-muted);align-items:center;gap:.45rem;font-weight:750;display:inline-flex}.back-link:hover{color:var(--color-primary)}.back-link svg{inline-size:1rem}.lesson-progress,.review-progress{background:var(--color-border);border-radius:99px;block-size:.28rem;margin-block:.65rem 1.5rem;overflow:hidden}.lesson-progress span,.review-progress span{border-radius:inherit;background:var(--color-primary);block-size:100%;transition:width .22s;display:block}.phase-indicator{grid-template-columns:repeat(3,1fr);margin-block-end:.85rem;display:grid}.phase-indicator button{border:0;border-block-end:1px solid var(--color-border);min-block-size:2.75rem;color:var(--color-muted);background:0 0;justify-content:center;align-items:center;gap:.45rem;font-size:.8rem;font-weight:750;display:flex;position:relative}.phase-indicator button:after{content:"";background:0 0;block-size:2px;position:absolute;inset-block-end:-1px;inset-inline:0}.phase-indicator button.active{color:var(--color-primary)}.phase-indicator button.active:after{background:var(--color-primary)}.phase-indicator button:disabled{cursor:not-allowed;opacity:.45}.phase-indicator button.active:disabled{cursor:default;opacity:1}.phase-indicator button>span{border:1px solid;border-radius:50%;place-items:center;block-size:1.25rem;inline-size:1.25rem;font-size:.65rem;display:grid}.phase-indicator button>span svg{inline-size:.75rem}.lesson-item-navigation{grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr) minmax(5.5rem,auto);align-items:center;gap:.75rem;margin-block:1.25rem .8rem;display:grid}.lesson-item-navigation .button{min-block-size:2.75rem;padding-inline:.8rem}.item-counter{color:var(--color-muted);letter-spacing:.04em;text-align:center;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:750}.item-counter small{color:var(--color-primary);margin-block-start:.15rem;font-size:.62rem;display:block}.learning-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);min-block-size:28rem;box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;align-items:center;padding:clamp(1.5rem,5vw,3rem);display:flex}.learning-prompt{color:var(--color-muted);margin-block-end:auto;font-size:.85rem}.learning-arabic{margin:2.5rem 0 .5rem;font-size:clamp(3.2rem,8vw,5.4rem)}.sentence-arabic{max-inline-size:13ch;font-size:clamp(2.5rem,6vw,4rem)}.meaning-divider{background:var(--color-primary);block-size:1px;inline-size:3rem;margin-block:2.2rem 1.5rem}.learning-meaning{margin-block-end:.35rem;font-size:1.35rem;font-weight:700}.learning-note{color:var(--color-muted);margin:0 0 auto;font-size:.82rem}.sentence-meaning-reveal{margin-block-end:auto}.learning-quiz{text-align:start;align-items:stretch;min-block-size:auto}.quiz-question{color:var(--color-ink);margin:0 0 1.5rem;font-size:1.15rem;font-weight:750}.quiz-options{gap:.65rem;display:grid}.quiz-options button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-block-size:4.2rem;color:var(--color-ink);text-align:start;transition:border-color var(--transition), background var(--transition);grid-template-columns:2rem minmax(0,1fr) 1.25rem;align-items:center;gap:.75rem;padding:.65rem .8rem;display:grid}.quiz-options button:hover{border-color:var(--color-primary)}.quiz-options button>span{border:1px solid var(--color-border);block-size:1.8rem;inline-size:1.8rem;color:var(--color-muted);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.quiz-options button b{text-align:end;font-size:1.45rem;font-weight:500}.quiz-options button>svg{inline-size:1.1rem}.quiz-options button.correct{border-color:var(--color-success);background:color-mix(in oklch, var(--color-success) 10%, var(--color-bg))}.quiz-options button.correct>svg{color:var(--color-success)}.quiz-options button.wrong{border-color:var(--color-danger);background:color-mix(in oklch, var(--color-danger) 9%, var(--color-bg))}.quiz-options button.wrong>svg{color:var(--color-danger)}.answer-feedback{border-radius:var(--radius-sm);align-items:flex-start;gap:.75rem;margin-block-start:1rem;padding:.9rem;font-size:.88rem;display:flex}.answer-feedback>svg{flex:none;inline-size:1.15rem;margin-block-start:.15rem}.answer-feedback p{color:var(--color-muted);margin:.2rem 0 0}.answer-feedback.is-correct{background:color-mix(in oklch, var(--color-success) 10%, transparent);color:var(--color-success)}.answer-feedback.is-wrong{background:color-mix(in oklch, var(--color-danger) 10%, transparent);color:var(--color-danger)}.lesson-action-row{justify-items:center;gap:.5rem;padding-block:1.25rem;display:grid}.lesson-action-row .button{min-inline-size:12rem}.lesson-action-row p{color:var(--color-muted);margin:0;font-size:.72rem}.lesson-complete-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);text-align:center;max-inline-size:43rem;box-shadow:var(--shadow-sm);margin:4rem auto;padding:clamp(2rem,6vw,4rem)}.completion-mark{background:color-mix(in oklch, var(--color-success) 15%, transparent);block-size:4rem;inline-size:4rem;color:var(--color-success);border-radius:50%;place-items:center;margin:0 auto 1.5rem;display:grid}.completion-mark svg{inline-size:1.8rem}.lesson-complete-card h1{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.lesson-complete-card>p:not(.eyebrow){color:var(--color-muted)}.completion-stats{border-block:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);max-inline-size:23rem;margin:2rem auto;display:grid}.completion-stats span{color:var(--color-muted);padding:1rem;font-size:.8rem;display:grid}.lesson-complete-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.completion-stats span+span{border-inline-start:1px solid var(--color-border)}.completion-stats strong{color:var(--color-ink);font-size:1.7rem}.review-deck{max-inline-size:48rem;margin-inline:auto}.review-deck-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.review-deck-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3rem)}.review-deck-header>span{color:var(--color-muted);font-size:.85rem;font-weight:750}.review-card{border-block:1px solid var(--color-border);text-align:center;min-block-size:33rem;padding:clamp(1.5rem,5vw,3rem)}.review-direction{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:750}.review-arabic{max-inline-size:15ch;margin:5rem auto 1.5rem;font-size:clamp(2.8rem,7vw,4.5rem)}.review-support-prompt{max-inline-size:30rem;margin:7rem auto 2rem;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:750;line-height:1.25}.reveal-button{margin-block-start:4rem}.review-answer{animation:.2s both reveal-in}.answer-rule{background:var(--color-primary);block-size:1px;inline-size:3rem;margin:2.5rem auto 1.6rem}.review-support-answer{margin-block-end:1.2rem;font-size:1.45rem;font-weight:700}.review-answer .review-arabic{margin-block:1rem}.rating-fieldset{margin-block-start:3rem}.rating-fieldset legend{inline-size:100%;color:var(--color-muted);margin-block-end:.8rem;font-size:.8rem}.rating-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.rating{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-block-size:3.6rem;color:var(--color-ink);gap:.1rem;padding:.5rem;display:grid}.rating:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.rating strong{font-size:.85rem}.rating span{color:var(--color-muted);font-size:.7rem}.rating-again{border-block-end:3px solid var(--color-danger)}.rating-hard{border-block-end:3px solid var(--color-warning)}.rating-good{border-block-end:3px solid var(--color-accent)}.rating-easy{border-block-end:3px solid var(--color-success)}.keyboard-hint{color:var(--color-muted);text-align:center;margin-block-start:.8rem;font-size:.72rem}.review-finished{text-align:center;max-inline-size:42rem;margin:4rem auto}.review-finished>span{background:color-mix(in oklch, var(--color-success) 15%, transparent);block-size:4.5rem;inline-size:4.5rem;color:var(--color-success);border-radius:50%;place-items:center;margin:0 auto 1.5rem;display:grid}.review-finished h1{font-size:clamp(2rem,5vw,3rem)}.review-finished p:last-child{color:var(--color-muted)}@keyframes reveal-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);transition:translate var(--transition);padding:.75rem 1rem;font-weight:700;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;translate:0 -160%}.skip-link:focus{translate:0}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.brand{letter-spacing:-.02em;align-items:center;gap:.65rem;min-block-size:2.75rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--color-primary);block-size:2.35rem;inline-size:2.35rem;color:var(--color-on-primary);border-radius:.72rem;place-items:center;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.65rem;inline-size:1.65rem}.brand-name{white-space:nowrap;font-size:1.13rem}.eyebrow,.admin-eyebrow{color:var(--color-primary);letter-spacing:.13em;text-transform:uppercase;margin-block-end:.55rem;font-size:.75rem;font-weight:800;line-height:1.2}.locale-ur .eyebrow{letter-spacing:0}.button{min-block-size:2.75rem;transition:background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;gap:.6rem;padding:.68rem 1.05rem;font-weight:750;line-height:1.2;display:inline-flex}.button svg{flex:none;block-size:1.15rem;inline-size:1.15rem}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.button-ghost{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-ink)}.button-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.button-large{min-block-size:3.2rem;padding-inline:1.35rem}.button-wide{inline-size:100%}.button-disabled,.button:disabled{border-color:var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:not-allowed;opacity:.84}[dir=rtl] .button>svg:last-child,[dir=rtl] .directional-icon,.back-icon{transform:rotate(180deg)}[dir=rtl] .back-icon{transform:none}.text-link{color:var(--color-primary);text-underline-offset:.2em;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.icon-button{border:1px solid var(--color-border);background:var(--color-surface-raised);block-size:2.75rem;inline-size:2.75rem;color:var(--color-ink);border-radius:50%;place-items:center;padding:0;display:grid}.icon-button svg{block-size:1.15rem;inline-size:1.15rem}.marketing-shell{background:var(--color-bg);min-height:100vh}.public-header{z-index:50;border-block-end:1px solid color-mix(in oklch, var(--color-border) 72%, transparent);background:color-mix(in oklch, var(--color-bg) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;inset-block-start:0}.public-header-inner{align-items:center;gap:2rem;min-block-size:4.5rem;inline-size:min(100% - 2rem,74rem);margin-inline:auto;display:flex}.public-nav{align-items:center;gap:1.6rem;margin-inline-start:auto;display:flex}.public-nav a,.language-link{color:var(--color-muted);transition:color var(--transition);font-size:.93rem;font-weight:700}.public-nav a:hover,.language-link:hover{color:var(--color-primary)}.public-actions{align-items:center;gap:.65rem;display:flex}.public-actions .button{min-block-size:2.55rem;padding:.55rem .9rem;font-size:.9rem}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:1px solid var(--color-border);border-radius:50%;place-items:center;block-size:2.75rem;inline-size:2.75rem;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary svg{inline-size:1.2rem}.mobile-menu-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);min-inline-size:14rem;box-shadow:var(--shadow-md);padding:.55rem;display:grid;position:absolute;inset-block-start:calc(100% + .75rem);inset-inline-end:0}.mobile-menu-panel a{border-radius:.5rem;padding:.75rem .85rem;font-weight:700}.mobile-menu-panel a:hover{background:var(--color-primary-soft);color:var(--color-primary)}.public-section{inline-size:min(100% - 2rem,72rem);margin-inline:auto}.hero{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.75fr);align-items:center;gap:clamp(3rem,8vw,7rem);min-block-size:calc(100vh - 4.5rem);padding-block:5rem 6rem;display:grid}.hero-copy h1{letter-spacing:-.055em;max-inline-size:13ch;margin-block-end:1.4rem;font-size:clamp(2.75rem,5vw,4.7rem);font-weight:780;line-height:.98}.locale-ur .hero-copy h1{letter-spacing:0;max-inline-size:16ch;line-height:1.45}.hero-lead{max-inline-size:37rem;color:var(--color-muted);margin-block-end:2rem;font-size:1.22rem;line-height:1.65}.locale-ur .hero-lead{line-height:2.1}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-note{color:var(--color-muted);align-items:center;gap:.45rem;margin-block-start:1.15rem;font-size:.9rem;display:flex}.hero-note svg{inline-size:1rem;color:var(--color-success)}.hero-study-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-md);padding:1.45rem;position:relative}.hero-study-card:before{content:"";background:var(--color-primary);border-radius:99px 99px 0 0;block-size:.45rem;inline-size:4rem;position:absolute;inset-block-start:-.45rem;inset-inline-start:2rem}.study-card-topline{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;font-size:.78rem;font-weight:750;display:flex}.mini-progress{background:var(--color-surface);border-radius:99px;block-size:.3rem;margin-block:.8rem 2.4rem;overflow:hidden}.mini-progress span{border-radius:inherit;background:var(--color-primary);block-size:100%;inline-size:25%;display:block}.hero-arabic{text-align:center;margin:0;font-size:clamp(3.5rem,8vw,5.2rem)}.study-translation{color:var(--color-muted);text-align:center;margin-block:.5rem 1.4rem;font-size:1.1rem}.audio-pill,.audio-button{border:1px solid var(--color-border);background:var(--color-surface);min-block-size:2.75rem;color:var(--color-ink);transition:border-color var(--transition), background var(--transition);border-radius:99px;align-items:center;gap:.55rem;padding:.6rem .9rem;font-weight:700;display:inline-flex}.audio-pill{position:relative;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .audio-pill{transform:translate(50%)}.audio-pill svg,.audio-button svg{block-size:1.1rem;inline-size:1.1rem;color:var(--color-primary)}.audio-button:hover,.audio-pill:hover,.audio-button.is-playing{border-color:var(--color-primary);background:var(--color-primary-soft)}.audio-button-compact{justify-content:center;inline-size:2.75rem;padding:0}.study-next{border-block-start:1px solid var(--color-border);color:var(--color-primary);justify-content:flex-end;align-items:center;gap:.4rem;margin-block-start:2rem;padding-block-start:1rem;font-size:.9rem;font-weight:800;display:flex}.study-next svg{inline-size:1rem}[dir=rtl] .study-next svg{transform:rotate(180deg)}.value-section{border-block-start:1px solid var(--color-border);padding-block:6.5rem}.section-heading{max-inline-size:46rem;margin-block-end:3rem}.section-heading h2,.final-cta h2{letter-spacing:-.04em;margin-block-end:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.locale-ur .section-heading h2,.locale-ur .final-cta h2{letter-spacing:0;line-height:1.55}.feature-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-grid article{background:var(--color-bg);min-block-size:18rem;padding:2rem}.feature-number{color:var(--color-primary);letter-spacing:.12em;font-size:.78rem;font-weight:850}.feature-grid h3{margin-block:4.5rem .7rem;font-size:1.35rem}.feature-grid p{color:var(--color-muted);margin:0;line-height:1.7}.quote-section{border-block:1px solid var(--color-border);text-align:center;margin-block:3rem;padding-block:7rem}.quote-arabic{color:var(--color-primary);margin-block-end:1.2rem;font-size:clamp(2.4rem,5vw,4.3rem)}.quote-section>p:last-child{color:var(--color-muted);margin:0;font-size:1.05rem}.final-cta{justify-content:space-between;align-items:center;gap:2rem;padding-block:6.5rem;display:flex}.public-footer{border-block-start:1px solid var(--color-border);background:var(--color-surface)}.public-footer-inner{justify-content:space-between;gap:3rem;inline-size:min(100% - 2rem,72rem);margin-inline:auto;padding-block:3.5rem;display:flex}.public-footer-inner p{max-inline-size:28rem;color:var(--color-muted);margin-block:.8rem 0}.public-footer nav{align-items:flex-start;gap:1.5rem;padding-block-start:.7rem;font-size:.9rem;font-weight:700;display:flex}.footer-note{border-block-start:1px solid var(--color-border);inline-size:min(100% - 2rem,72rem);color:var(--color-muted);margin-inline:auto;padding-block:1rem 1.5rem;font-size:.8rem}.public-page{min-block-size:70vh;padding-block:6rem 8rem}.public-page-header{max-inline-size:50rem;margin-block-end:4rem}.public-page-header h1,.auth-card h1,.legal-page h1{letter-spacing:-.05em;margin-block-end:1.2rem;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05}.locale-ur .public-page-header h1,.locale-ur .auth-card h1,.locale-ur .legal-page h1{letter-spacing:0;line-height:1.5}.public-page-header>p:last-child{color:var(--color-muted);font-size:1.15rem;line-height:1.75}.method-steps{max-inline-size:54rem;margin:0;padding:0;list-style:none;display:grid}.method-steps li{border-block-start:1px solid var(--color-border);grid-template-columns:4rem 1fr;gap:1.2rem;padding-block:2rem;display:grid}.method-steps li>span{color:var(--color-primary);letter-spacing:.1em;font-size:.8rem;font-weight:850}.method-steps h2{margin-block-end:.45rem;font-size:1.55rem}.method-steps p{color:var(--color-muted);margin:0;line-height:1.75}.script-ready-note{border-inline-start:.3rem solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft);justify-content:space-between;align-items:center;gap:2rem;margin-block-start:4rem;padding:2rem;display:flex}.script-ready-note strong{font-size:1.15rem}.script-ready-note p{max-inline-size:45rem;color:var(--color-muted);margin:.35rem 0 0}.faq-page{max-inline-size:58rem}.faq-list{border-block-end:1px solid var(--color-border)}.faq-list details{border-block-start:1px solid var(--color-border)}.faq-list summary{padding:1.5rem 3rem 1.5rem 0;font-size:1.15rem;font-weight:750;list-style:none;position:relative}[dir=rtl] .faq-list summary{padding:1.5rem 0 1.5rem 3rem}.faq-list summary:after{content:"+";color:var(--color-primary);transition:transform var(--transition);font-size:1.6rem;font-weight:400;position:absolute;inset-block-start:1.25rem;inset-inline-end:.35rem}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{max-inline-size:48rem;color:var(--color-muted);margin:0;padding-block-end:1.6rem;line-height:1.75}.auth-page{place-items:center;min-block-size:calc(100vh - 4.5rem);padding-block:4rem 6rem;display:grid}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);inline-size:min(100%,30rem);box-shadow:var(--shadow-sm);padding:clamp(1.5rem,5vw,3rem)}.auth-card h1{font-size:2.5rem}.auth-card>p:not(.eyebrow,.auth-switch,.legal-consent){color:var(--color-muted)}.auth-form{gap:1rem;margin-block:1.8rem 1.2rem;display:grid}.auth-form label{gap:.4rem;display:grid}.auth-form label>span{font-size:.88rem;font-weight:750}.auth-form input{border:1px solid var(--color-border);background:var(--color-bg);min-block-size:3rem;inline-size:100%;color:var(--color-ink);border-radius:.55rem;padding:.68rem .8rem}.auth-form input:focus{border-color:var(--color-primary)}.field-help,.legal-consent{color:var(--color-muted);margin:-.55rem 0 0;font-size:.78rem}.form-notice{border-radius:var(--radius-sm);background:var(--color-accent-soft);padding:.75rem;font-size:.88rem;color:var(--color-accent)!important}.auth-secondary{justify-self:center;font-size:.88rem}.auth-switch{color:var(--color-muted);text-align:center;margin:1.5rem 0 0;font-size:.9rem}.auth-switch a{color:var(--color-primary);font-weight:750}.legal-page{min-block-size:70vh;max-inline-size:48rem;padding-block:6rem 8rem}.legal-updated{color:var(--color-muted);margin-block-end:3.5rem}.legal-page h2{margin-block:2.4rem .6rem;font-size:1.3rem}.legal-page>p:not(.eyebrow,.legal-updated){color:var(--color-muted);line-height:1.8}.audio-session-launcher{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:.6rem;grid-template-columns:minmax(16rem,1fr) minmax(12rem,18rem) auto;align-items:end;gap:1rem;margin-block-end:1rem;padding:1rem;display:grid}.audio-session-launcher h2{margin:0;font-size:1.05rem}.audio-session-launcher p:not(.admin-eyebrow){color:var(--color-muted);margin:.2rem 0 0;font-size:.68rem}.audio-session-launcher label{color:var(--color-muted);gap:.3rem;font-size:.62rem;font-weight:750;display:grid}.audio-session-launcher input{border:1px solid var(--color-border);background:var(--color-bg);min-block-size:2.35rem;color:var(--color-ink);border-radius:.35rem;padding-inline:.6rem;font-family:ui-monospace,monospace;font-size:.66rem}.audio-review-session{border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);border-radius:.65rem;margin-block:1rem;overflow:hidden}.audio-review-session>header{border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.audio-review-session>header h2{margin:0;font-size:1.08rem}.audio-review-session>header p:not(.admin-eyebrow){color:var(--color-muted);margin:.1rem 0 0;font-size:.61rem}.audio-session-stats{border-block-end:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:repeat(4,1fr);display:grid}.audio-session-stats span{color:var(--color-muted);padding:.55rem .8rem;font-size:.58rem;display:grid}.audio-session-stats span+span{border-inline-start:1px solid var(--color-border)}.audio-session-stats strong{color:var(--color-ink);font-size:.92rem}.audio-session-current{grid-template-columns:4rem minmax(12rem,1fr) auto;align-items:center;gap:1rem;padding:1.25rem;display:grid}.audio-session-position{color:var(--color-primary);text-align:center;font-size:1.7rem;font-weight:800}.audio-session-position small{color:var(--color-muted);font-size:.7rem;font-weight:500}.audio-session-copy{min-inline-size:0;display:grid}.audio-session-copy strong{text-align:start;text-overflow:ellipsis;white-space:nowrap;font-size:2rem;overflow:hidden}.audio-session-copy span{color:var(--color-muted);font-family:ui-monospace,monospace;font-size:.6rem}.audio-session-player{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.audio-session-player .is-flagged{border-color:var(--color-warning);background:color-mix(in oklch, var(--color-warning) 9%, var(--color-surface));color:var(--color-warning)}.audio-session-progress{background:var(--color-border);block-size:.28rem}.audio-session-progress span{background:var(--color-primary);block-size:100%;transition:width .18s;display:block}.audio-session-navigation{border-block-end:1px solid var(--color-border);justify-content:flex-end;gap:.4rem;padding:.75rem 1rem;display:flex}.audio-session-navigation .admin-button-primary{margin-inline-start:auto}.audio-session-error,.audio-session-result{border-block-end:1px solid var(--color-border);align-items:flex-start;gap:.4rem;margin:0;padding:.65rem 1rem;font-size:.67rem;font-weight:700;display:flex}.audio-session-error{background:color-mix(in oklch, var(--color-danger) 7%, transparent);color:var(--color-danger)}.audio-session-result{background:color-mix(in oklch, var(--color-success) 7%, transparent);color:var(--color-success)}.audio-session-error svg,.audio-session-result svg{flex:none;inline-size:.8rem}.audio-session-queue{background:var(--color-bg);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.35rem;max-block-size:13rem;padding:.6rem;display:grid;overflow-y:auto}.audio-session-queue button{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-ink);text-align:start;border-radius:.35rem;grid-template-columns:1.4rem minmax(0,1fr);gap:0 .35rem;padding:.45rem;display:grid}.audio-session-queue button.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.audio-session-queue button.flagged{border-color:var(--color-warning)}.audio-session-queue button.skipped{opacity:.55}.audio-session-queue button>span{color:var(--color-muted);grid-row:1/3;font-family:ui-monospace,monospace;font-size:.6rem}.audio-session-queue strong{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.audio-session-queue small{color:var(--color-muted);font-size:.55rem}.audio-session-queue button.played small{color:var(--color-success)}.audio-target-list-expanded article{grid-template-columns:3rem minmax(12rem,1fr) 8rem auto}.audio-target-list-expanded .audio-replacement-controls,.audio-target-list-expanded .inline-audio-tts{grid-column:2/-1}.audio-target-actions>.audio-button{border-radius:.35rem;min-block-size:2.35rem;min-inline-size:2.35rem}.audio-replacement-controls{border-block-start:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.4rem;padding-block-start:.55rem;display:flex}.audio-file-label{position:relative}.audio-file-label input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.recording-stop{border-color:var(--color-danger);color:var(--color-danger)}.recording-stop>span{background:currentColor;border-radius:50%;block-size:.55rem;inline-size:.55rem;animation:.9s ease-in-out infinite alternate recording-pulse}@keyframes recording-pulse{to{opacity:.35}}.pending-audio-preview{grid-template-columns:minmax(12rem,1fr) minmax(10rem,auto) auto auto;align-items:center;gap:.5rem;inline-size:100%;display:grid}.pending-audio-preview audio{block-size:2.3rem;inline-size:100%}.pending-audio-preview>span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;overflow:hidden}.audio-replacement-error{color:var(--color-danger);flex-basis:100%;margin:0;font-size:.63rem;font-weight:700}@media (max-width:68rem){.audio-session-launcher{grid-template-columns:1fr auto}.audio-session-launcher>div{grid-column:1/-1}.audio-session-current{grid-template-columns:3rem minmax(10rem,1fr)}.audio-session-player{grid-column:2;justify-content:flex-start}}@media (max-width:52rem){.audio-session-launcher,.audio-session-current{grid-template-columns:1fr}.audio-session-launcher>div,.audio-session-player{grid-column:auto}.audio-session-position{text-align:start}.audio-session-stats{grid-template-columns:repeat(2,1fr)}.audio-session-navigation{flex-wrap:wrap}.audio-session-navigation .admin-button-primary{flex-basis:100%;margin-inline-start:0}.pending-audio-preview{grid-template-columns:1fr auto auto}.pending-audio-preview audio{grid-column:1/-1}}@media (max-width:28rem){.lesson-item-navigation{grid-template-columns:1fr 1fr}.lesson-item-navigation .item-counter{grid-area:1/1/auto/-1}}}@layer utilities{@media (max-width:68rem){.public-nav,.public-login,.public-register{display:none}.public-actions{margin-inline-start:auto}.mobile-menu{display:block}.hero{gap:3rem}.hero-copy h1{font-size:clamp(2.7rem,6vw,4rem)}.learner-main{inline-size:min(100% - 3rem,62rem)}.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.workspace-header-actions .workspace-attention{display:none}.workspace-row-summary{grid-template-columns:2rem minmax(7rem,.8fr) minmax(9rem,1fr) 7rem 1rem}.workspace-row-summary>.row-attention,.workspace-row-summary>.row-clear{display:none}}@media (max-width:52rem){.hero{grid-template-columns:1fr;min-block-size:auto;padding-block:4rem}.hero-copy{text-align:center}.hero-copy h1,.hero-lead{margin-inline:auto}.hero-actions,.hero-note{justify-content:center}.hero-study-card{inline-size:min(100%,27rem);margin-inline:auto}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-block-size:14rem}.feature-grid h3{margin-block-start:2.5rem}.final-cta{flex-direction:column;align-items:flex-start}.public-footer-inner{flex-direction:column}.current-lesson-card{grid-template-columns:minmax(0,1fr) 6rem}.current-lesson-action{grid-column:1/-1;justify-items:stretch}.progress-stats{grid-template-columns:1fr}.progress-stats article{grid-template-columns:auto 1fr auto;min-block-size:5.5rem}.progress-stats article small{grid-area:1/3}.admin-shell{grid-template-columns:4.2rem minmax(0,1fr)}.admin-sidebar{inline-size:4.2rem;padding-inline:.5rem}.admin-sidebar .brand-name,.admin-environment,.admin-sidebar nav a span,.admin-sidebar nav a small,.admin-user>div{display:none}.admin-sidebar>.brand,.admin-sidebar nav a{justify-content:center;padding-inline:0}.admin-sidebar nav a{grid-template-columns:1.2rem}.admin-user{justify-content:center;padding-inline:0}.admin-lessons-view,.admin-simple-page{inline-size:min(100% - 1.5rem,92rem)}.workspace-title-row{align-items:flex-start}.workspace-header-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-header-actions>.admin-status{display:none}.workspace-body{inline-size:min(100% - 1rem,88rem)}.workspace-row-summary{grid-template-columns:1.5rem minmax(7rem,.9fr) minmax(8rem,1fr) 1rem}.workspace-row-summary>.audio-state{display:none}.editor-grid{grid-template-columns:1fr}.admin-audio-panel{flex-direction:column;align-items:stretch}.audio-actions{flex-wrap:wrap}}@media (max-width:45rem){.public-header-inner{min-block-size:4rem}.public-actions>.language-link{display:none}.public-section{inline-size:min(100% - 1.25rem,72rem)}.hero{padding-block:3.2rem 4rem}.hero-copy h1{font-size:clamp(2.45rem,12vw,3.6rem)}.hero-lead{font-size:1.05rem}.hero-actions{display:grid}.hero-actions .button{inline-size:100%}.value-section,.final-cta,.quote-section{padding-block:4.5rem}.public-page,.legal-page{padding-block:4rem 5rem}.public-page-header{margin-block-end:2.5rem}.public-page-header h1,.auth-card h1,.legal-page h1{font-size:clamp(2.15rem,10vw,3rem)}.script-ready-note{flex-direction:column;align-items:stretch}.public-footer nav{flex-wrap:wrap}.learner-shell{min-block-size:100dvh;display:block}.learner-rail{display:none}.learner-frame{min-block-size:100dvh}.learner-topbar{z-index:35;background:color-mix(in oklch, var(--color-bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;min-block-size:4rem;padding-inline:.8rem;position:sticky;inset-block-start:0}.learner-topbar>.brand{display:inline-flex}.learner-topbar .brand-mark{border-radius:.55rem;block-size:2rem;inline-size:2rem}.learner-topbar .brand-mark svg{inline-size:1.3rem}.learner-topbar .brand-name{font-size:.95rem}.learner-topbar .icon-button,.learner-topbar .account-link{block-size:2.4rem;inline-size:2.4rem}.learner-main{inline-size:min(100% - 1.25rem,40rem);padding-block:1.8rem calc(6.3rem + env(safe-area-inset-bottom))}.learner-bottom-nav{z-index:50;min-block-size:calc(4.2rem + env(safe-area-inset-bottom));padding:.35rem max(.25rem, env(safe-area-inset-left)) env(safe-area-inset-bottom) max(.25rem, env(safe-area-inset-right));border-block-start:1px solid var(--color-border);background:color-mix(in oklch, var(--color-surface-raised) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset-block-end:0;inset-inline:0}.learner-bottom-nav a{min-block-size:3.6rem;min-inline-size:0;color:var(--color-muted);transition:color var(--transition), background var(--transition);border-radius:.6rem;align-content:center;justify-items:center;gap:.18rem;padding:.25rem;font-size:.64rem;font-weight:750;line-height:1.05;display:grid;position:relative}.learner-bottom-nav a svg{block-size:1.25rem;inline-size:1.25rem}.learner-bottom-nav a.active{background:var(--color-primary-soft);color:var(--color-primary)}.learner-page-heading{margin-block-end:1.5rem}.learner-page-heading h1{font-size:2.1rem}.review-gate-card{grid-template-columns:auto 1fr;padding:1rem}.review-gate-card .button{grid-column:1/-1;inline-size:100%}.gate-icon{block-size:2.8rem;inline-size:2.8rem}.current-lesson-card{grid-template-columns:minmax(0,1fr) 5rem;gap:1rem;padding:1.25rem}.current-lesson-copy{padding-inline-start:0}.lesson-number{margin-block-end:.2rem;font-size:1rem;display:block;position:static}.lesson-ring svg{inline-size:4.7rem}.lesson-list-section{margin-block-start:2.5rem}.lesson-row{grid-template-columns:2.5rem minmax(0,1fr) 1rem;gap:.65rem;padding-inline:.2rem}.lesson-row .status-label{display:none}.lesson-state-icon{block-size:2.2rem;inline-size:2.2rem}.learning-card{border-radius:var(--radius-lg);min-block-size:25rem;padding:1.25rem}.learning-arabic{font-size:clamp(3rem,16vw,4.4rem)}.sentence-arabic{font-size:clamp(2.35rem,10vw,3.2rem)}.quiz-options button{grid-template-columns:1.8rem minmax(0,1fr) 1rem;padding-inline:.6rem}.quiz-options button b{font-size:1.25rem}.review-card{min-block-size:29rem;padding-inline:.5rem}.review-arabic{margin-block-start:3.5rem}.rating-grid{grid-template-columns:repeat(2,1fr)}.keyboard-hint{display:none}.dictionary-tools{grid-template-columns:1fr}.dictionary-row>a{grid-template-columns:minmax(6rem,.7fr) minmax(0,1fr) 1rem;gap:.7rem;padding-inline:.25rem}.dictionary-row>.audio-button{margin-inline:.25rem}.dictionary-arabic{font-size:1.75rem}.word-detail dl{grid-template-columns:1fr}.word-detail dl div+div{border-inline-start:0;border-block-start:1px solid var(--color-border)}.word-detail>section{padding:1.25rem}.progress-stats article small{grid-area:auto/1/auto/-1}.weekly-activity,.milestones{padding:1rem}.milestone-track small{display:none}.milestone-track>div>span{block-size:2rem;inline-size:2rem}.milestone-track:before{inset-block-start:1rem}.settings-card{padding-inline:.8rem}.account-page .learner-page-heading{align-items:center}.onboarding-page{padding-inline:.75rem}.onboarding-card{padding:1.4rem}.admin-page-heading{flex-direction:column;align-items:flex-start;gap:.8rem}.admin-summary-grid{grid-template-columns:1fr}.admin-table-tools{flex-direction:column;align-items:stretch}.admin-filter-tabs{overflow-x:auto}.admin-search{inline-size:100%}.workspace-header{position:static}.workspace-title-row{flex-direction:column}.workspace-header-actions{justify-content:flex-start}.workspace-header-actions .admin-button:not(.admin-button-primary){display:none}.workspace-toolbar{flex-wrap:wrap;padding-block:.5rem}.workspace-toolbar>div{flex-basis:100%}.workspace-row-summary{grid-template-columns:1.5rem minmax(6rem,.8fr) minmax(7rem,1fr) 1rem;gap:.35rem;padding-inline:.45rem}.row-arabic{font-size:1.25rem}.editor-meta{grid-template-columns:1fr}.editor-footer{flex-direction:column;align-items:stretch}.editor-footer>div{justify-content:flex-end}.preview-overlay{padding:0}.preview-dialog{border-radius:0;block-size:100dvh;inline-size:100vw}.preview-controls{flex-wrap:nowrap;overflow-x:auto}.preview-controls fieldset{flex:none}.attention-list-header{display:none}.attention-list>a{grid-template-columns:5rem minmax(10rem,1fr) 1rem}.attention-list>a>span:nth-of-type(2),.attention-list>a .issue-type{display:none}}@media (max-width:23rem){.public-header-inner{inline-size:calc(100% - 1rem)}.brand-name{font-size:.95rem}.hero-actions .button{padding-inline:.8rem}.learner-main{inline-size:calc(100% - 1rem)}.learner-bottom-nav a{font-size:.59rem}.learner-bottom-nav a svg{inline-size:1.15rem}.learner-page-heading{gap:.7rem}.streak-pill{padding-inline:.55rem}.review-gate-card{grid-template-columns:1fr}.gate-icon{display:none}.current-lesson-card{grid-template-columns:1fr}.lesson-ring{display:none}.phase-indicator button{gap:.2rem;font-size:.68rem}.phase-indicator button>span{display:none}.quiz-options button b{font-size:1.12rem}.dictionary-row>a{grid-template-columns:minmax(5.5rem,.65fr) minmax(0,1fr)}.dictionary-row .row-chevron{display:none}.dictionary-meaning small{text-overflow:ellipsis;white-space:nowrap;max-inline-size:8rem;overflow:hidden}.activity-bars{gap:.35rem}.onboarding-actions{flex-direction:column;align-items:stretch}.workspace-header-actions .admin-status,.workspace-header-actions .workspace-attention{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--color-border:#a29499}@supports (color:lab(0% 0 0)){:root{--color-border:lab(62.6438% 6.02448 -.775123)}}[data-theme=dark]{--color-border:#72656a}@supports (color:lab(0% 0 0)){[data-theme=dark]{--color-border:lab(44.0837% 6.01509 -.77467)}}.button,.lesson-row,.learning-card,.review-card,.settings-card{border-width:2px}}}
