@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lora-latin-600-normal-B-3RcLOQ.woff2) format("woff2"),url(/assets/lora-latin-600-normal-Dc3EneHn.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-normal-BHK4Pzk4.woff2) format("woff2"),url(/assets/lora-latin-700-normal-Yfa97ytg.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2) format("woff2"),url(/assets/noto-naskh-arabic-arabic-400-normal-1AoZhAAW.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-naskh-arabic-arabic-600-normal-G5n5bgdQ.woff2) format("woff2"),url(/assets/noto-naskh-arabic-arabic-600-normal-DaTr67aF.woff) format("woff")}:root{font-family:Inter,Arial,sans-serif;color:#133d32;background:#faf8f2;font-synthesis:none;font-weight:400;--green: #124b3b;--ink: #092e28;--muted: #65706a;--gold: #c4a05a;--line: #e5e4dc;--pale: #edf3e7;--cream: #faf8f2;--serif: Lora, Georgia, serif;--arabic: "Noto Naskh Arabic", serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9a742d;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4vw,46px);line-height:1.16;letter-spacing:-1.4px;color:var(--ink);margin-bottom:22px;font-weight:700}h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;color:var(--ink);margin-bottom:18px}h3{line-height:1.45}p{line-height:1.7}svg{flex-shrink:0}.arabic{font-family:var(--arabic);font-weight:400;line-height:1.85;letter-spacing:0!important;unicode-bidi:isolate;display:inline-block;font-size:1.55em}.page{max-width:1110px;margin:0 auto;padding:25px 38px 110px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;gap:16px;min-height:50px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;font-size:25px;letter-spacing:-.7px;color:var(--ink);white-space:nowrap}.brand>svg{color:var(--gold)}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.1}.brand-tagline{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.35;letter-spacing:.15px;color:var(--muted)}.welcome-art .brand-tagline{color:#d8e0d4}.brand.compact{font-size:23px}.profile-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;background:#e9e7dc}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:79px;background:var(--cream);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;gap:12px;z-index:30;padding:6px max(18px,calc((100vw - 900px)/2)) max(6px,env(safe-area-inset-bottom))}.bottom-nav a{min-width:64px;min-height:60px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#71756f;font-size:12px;position:relative}.bottom-nav a.active{color:var(--green);font-weight:700}.bottom-nav a.active:after{content:"";position:absolute;bottom:0;width:34px;height:3px;background:var(--gold);border-radius:4px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:500;color:var(--muted);margin-bottom:14px}.lead{font-size:17px;color:var(--muted);max-width:680px;line-height:1.75;margin-bottom:30px}.greeting{font-size:15px;color:var(--muted);margin-bottom:12px}.dashboard-heading h1{font-size:43px;margin-bottom:22px;letter-spacing:-1.5px}.dashboard-heading>.eyebrow{margin-bottom:28px}.dashboard-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:42px}.lesson-hero{background-color:#124535;background-position:center;background-size:cover;color:#fff;padding:27px 28px;border-radius:17px;min-height:385px;overflow:hidden}.gold-icon{color:var(--gold)}.hero-eyebrow{color:var(--gold);font-size:14px;font-weight:600;margin:3px 0 18px}.lesson-hero h2{font-family:var(--serif);font-size:32px;color:#fff;line-height:1.17;max-width:82%;margin:0 0 19px;letter-spacing:-.5px}.gold-rule{display:block;width:29px;height:3px;background:var(--gold);border-radius:3px;margin-bottom:12px}.lesson-hero>.arabic{font-size:45px;line-height:1.6;display:block;text-align:left}.hero-translation{color:#e0e3d9;font-size:15px;margin:0 0 21px}.button{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:48px;border-radius:10px;padding:13px 20px;border:1px solid transparent;background:var(--green);color:#fff;font-weight:600;font-size:15px;line-height:1.4;transition:background .15s,transform .15s;text-align:left}.button:hover:not(:disabled){background:#0b392b}.button.gold{background:#d0af69;color:var(--ink)}.button.gold:hover:not(:disabled){background:#c4a05a}.button.outline{background:transparent;border-color:#d7ddd2;color:var(--green)}.button.outline:hover:not(:disabled){background:#eef1e8}.lesson-hero .button{max-width:290px}.chapter-progress{margin:20px 9px 0}.chapter-progress>p{font-size:14px;margin:0 0 8px}.progress-wrap{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.progress{height:9px;background:#e5e5dd;border-radius:20px;overflow:hidden;flex:1}.progress>span{height:100%;display:block;background:var(--green);border-radius:20px;transition:width .2s}.dashboard-aside{padding-top:4px}.activity-section h2{font-size:26px;margin-bottom:10px}.activity-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);min-height:92px}.activity-row>span:nth-child(2){flex:1}.activity-row strong{display:block;font-size:18px;margin-bottom:5px}.activity-row small{display:block;font-size:14px;color:var(--muted)}.activity-icon{width:49px;height:49px;background:#e1e9da;display:grid;place-items:center;border-radius:50%}.gold-bg{background:#f2e7c7;color:#a37b2e}.rank-link{display:flex;align-items:center;justify-content:flex-end;color:#9a742d;font-size:14px;gap:8px;margin-top:14px;min-height:36px}.desktop-vocabulary{margin-top:31px;padding-top:25px;border-top:1px solid var(--line)}.desktop-vocabulary>.arabic{font-size:45px}.desktop-vocabulary p{font-size:14px;color:var(--muted)}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:9px;color:var(--green);min-height:44px;padding:7px 0;font-size:14px;line-height:1.5}.text-button:hover{text-decoration:underline}.text-button:disabled{opacity:.5}.page-footer{display:flex;gap:18px;align-items:center;margin-top:42px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.page-footer>span{flex:1}.back{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px;margin:0 0 23px;min-height:34px}.lesson-list{border-top:1px solid var(--line)}.chapter-row{display:flex;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.chapter-row:hover{background:#f3f3eb}.chapter-number{font-size:20px;font-weight:600;width:35px;text-align:center;color:#8d794c}.chapter-number.done{color:var(--green)}.chapter-detail{flex:1;min-width:0}.chapter-detail strong{font-size:17px;display:block;margin-bottom:3px}.chapter-detail>.arabic{font-size:23px;line-height:1.7;display:block;text-align:left}.chapter-meta{font-size:12px;color:var(--muted);display:block;margin-top:5px}.search{max-width:550px;margin-bottom:25px}.volume-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.volume{border:1px solid #daddd0;border-radius:16px;padding:30px 24px;display:flex;align-items:flex-start;flex-direction:column;min-height:315px}.volume>.eyebrow{font-size:10px;margin:25px 0 8px}.volume h2{font-family:var(--serif);font-size:33px;margin-bottom:6px}.volume p{font-size:14px}.volume.available{background:var(--green);color:#fff}.volume.available h2,.volume.available .eyebrow{color:#fff}.volume.available>svg{color:var(--gold)}.volume .button{font-size:13px;width:100%;margin-top:auto}.volume.upcoming{color:#778077;background:#f1f2ea}.volume.upcoming h2{color:inherit;margin-top:25px}.tag{font-size:11px;padding:7px 11px;border-radius:20px;color:var(--green);background:#eaf0e1;display:inline-flex;align-items:center;gap:5px;line-height:1.4}.stack{display:flex;flex-direction:column;gap:15px;max-width:450px}.completion-icon{margin:25px 0;color:var(--green)}.lesson-title{font-family:var(--serif);font-size:40px;max-width:650px;line-height:1.18}.lesson-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 15px;color:var(--muted);font-size:14px}.switch-label{display:flex;align-items:center;justify-content:space-between;gap:13px;font-size:14px;line-height:1.5}.switch-label .switch{margin:0;flex-shrink:0}.switch{appearance:none;width:43px;height:25px;min-height:25px;border-radius:30px;background:#b2b9ac;position:relative;padding:0;cursor:pointer;border:0}.switch:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:left .15s}.switch:checked{background:var(--green)}.switch:checked:after{left:21px}.lesson-article{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);max-width:760px}.lesson-article>h2{font-family:var(--serif);font-size:27px;margin-bottom:12px}.lesson-article>p{color:var(--muted);font-size:16px;line-height:1.85}.example-panel{background:#134c3c;color:#fff;border-radius:15px;padding:22px 26px;margin-top:22px}.example-panel .eyebrow{color:#dfbf7a;margin-bottom:9px}.example-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.example-content>.arabic{font-size:47px;line-height:1.8}.example-content>svg{color:#d6b572}.example-panel>p:last-child{color:#e0e8da;font-size:16px;margin:0}.try-understand{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.try-understand h2{font-family:var(--serif);font-size:26px;margin-bottom:8px}.try-understand>.arabic{font-size:38px}.try-understand>p{color:var(--muted)}.vocabulary-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin-top:22px}.vocabulary-details summary{padding:15px 0;cursor:pointer;font-weight:600}.vocabulary-table>div{display:flex;align-items:center;gap:20px;padding:10px 0;border-top:1px solid var(--line)}.vocabulary-table .arabic{width:160px}.vocabulary-table>div>span:last-child{font-size:14px}.source-note{font-size:11px!important;line-height:1.7!important;margin-top:20px}.lesson-actions{display:flex;gap:15px;max-width:760px;margin-top:25px}.lesson-actions .button{flex:1}.lesson-actions .outline{flex:0 0 auto}.setup-form{max-width:620px}label,legend{font-size:14px;font-weight:500;display:block;margin-bottom:10px}input:not([type=checkbox]),select{width:100%;min-height:49px;border:1px solid #d8ddd1;background:#fffef9;border-radius:9px;padding:12px 14px;color:var(--ink);font-size:14px;line-height:1.6}select{padding-right:32px;max-width:100%}input::placeholder{color:#8a9288}fieldset{border:0;padding:0;margin:28px 0}legend{padding:0}.segmented{display:flex;gap:14px;margin-top:8px}.segmented button{flex:1;min-height:90px;border-radius:11px;border:1px solid #d6dccf;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.segmented button strong{font-size:26px}.segmented button span{font-size:13px;color:var(--muted)}.segmented button.selected{background:var(--green);color:#fff;border-color:var(--green)}.segmented button.selected span{color:#e1e9dc}.setup-summary{display:flex;align-items:center;gap:15px;padding:23px 0;border-top:1px solid var(--line);margin-top:25px}.setup-summary strong{font-size:15px}.setup-summary p{font-size:13px;color:var(--muted);margin:4px 0 0}.setup-form>.button{width:100%;margin-top:14px}.fine-print{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px}.challenge-facts{display:flex;gap:25px;margin:27px 0;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.challenge-facts>span{display:flex;align-items:center;gap:9px;font-size:15px}.challenge-facts strong{font-size:26px}.plain-list{padding-left:21px;font-size:14px;line-height:1.8;color:var(--muted)}.plain-list li{padding-left:5px;margin-bottom:12px}.message{display:flex;align-items:flex-start;gap:10px;padding:15px 17px;background:#edf2e7;border-radius:10px;font-size:13px;line-height:1.7;margin:18px 0}.message>svg{margin-top:2px}.message.error{background:#f9eae3;color:#8d3f25}.resume-block{margin:15px 0;border-block:1px solid var(--line);padding:10px 0;display:flex;flex-direction:column}.muted{color:var(--muted)}.center{text-align:center}.vocab-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:25px}.vocab-toolbar>select{max-width:450px}.pill-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line)}.pill-tabs button{background:none;border:0;padding:12px 15px;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted);min-height:45px}.pill-tabs button.active{color:var(--green);font-weight:600;border-bottom-color:var(--gold)}.flashcard-meta{font-size:12px;color:var(--muted);text-align:center}.flashcard{width:100%;max-width:640px;min-height:320px;margin:0 auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9dfd1;border-radius:19px;background:#f0f3e9;padding:30px;color:var(--green)}.flashcard.flipped{background:#e6eddf}.flashcard>.arabic{font-size:72px;line-height:1.8}.flashcard>strong{font-size:24px;font-family:var(--serif)}.flashcard-hint{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-top:25px}.flashcard~.button{max-width:640px;width:100%;margin:auto}.rating-buttons{max-width:640px;margin:auto;display:flex;gap:12px}.rating-buttons>.button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;min-height:75px;padding:11px 5px}.rating-buttons small{font-size:11px;font-weight:400}.flashcard-controls{display:flex;justify-content:space-between;max-width:640px;margin:15px auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 15px;text-align:center;max-width:580px;margin:auto}.empty-state>svg{color:var(--gold);margin-bottom:20px}.empty-state h2{font-family:var(--serif)}.empty-state p{font-size:14px;color:var(--muted)}.empty-state .button{margin-top:10px;min-width:230px}.ranking-table{margin-top:28px}.ranking-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:15px 0;border-bottom:1px solid var(--line)}.ranking-table ol{list-style:none;padding:0;margin:0}.ranking-table li{display:flex;align-items:center;gap:17px;min-height:82px;border-bottom:1px solid var(--line)}.rank-number{display:grid;place-items:center;width:35px;font-size:17px}.rank-1{color:#ad842c}.rank-2{color:#7d8881}.rank-3{color:#a77654}.ranking-table li>strong{flex:1;font-size:15px;overflow-wrap:anywhere}.rank-score{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.rank-score b{font-size:21px}.rank-score small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.profile-settings{max-width:620px;margin:28px 0 40px}.profile-settings>.button{margin-top:13px}.profile-settings>.switch-label{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.profile-account-actions{display:flex;gap:20px;align-items:center;margin:30px 0}.danger{color:#963d26}.danger-button{background:#963d26}.history-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.history-row>span{flex:1}.history-row strong{font-size:14px;display:block}.history-row small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.history-row b{font-size:22px}.prose{max-width:700px}.prose h2{font-size:21px;margin-top:30px}.prose p{font-size:15px;color:var(--muted);line-height:1.9}.certificate-preview{border:2px solid #b79550;outline:1px solid #164b3b;outline-offset:-9px;background:#faf7ef;padding:35px 20px;text-align:center;margin:30px 0;max-width:750px;color:var(--green);display:flex;align-items:center;flex-direction:column;gap:12px}.certificate-preview>svg{color:var(--gold)}.certificate-preview>span{letter-spacing:2px;font-size:13px;text-transform:uppercase}.certificate-preview h2{font-family:var(--serif);font-size:30px;margin:10px 0}.certificate-preview>strong{font-family:var(--serif);font-size:clamp(22px,4vw,36px);overflow-wrap:anywhere;line-height:1.7}.certificate-preview p{font-size:13px;margin:0}.certificate-preview b{font-size:22px;color:#9b762f}.certificate-preview small{font-size:12px}.welcome{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.welcome-art{background:#123e31 url(/images/lesson-hero.png) right bottom/cover no-repeat;color:#fff;padding:45px 7vw;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.welcome-art .brand{color:#fff;font-size:27px}.welcome-art .eyebrow{color:#e2c88a;font-size:10px}.welcome-art h1{color:#fff;font-family:var(--serif);font-size:clamp(36px,4vw,58px);line-height:1.25;letter-spacing:-1px;margin-top:50px}.welcome-art>div>.arabic{font-size:43px}.welcome-art>div>p:last-child{font-size:13px;color:#d7ddcf}.welcome-content{align-self:center;padding:60px 6vw;max-width:600px}.welcome-content h2{font-family:var(--serif);font-size:36px;line-height:1.2;margin:16px 0 20px}.welcome-content>.muted{font-size:15px}.welcome-content .button{width:100%}.welcome-content form{margin-top:15px}.welcome-content input{margin-bottom:15px}.login-panel{margin:22px 0}.login-panel>div:first-child{max-width:100%}.setup-note{border:1px solid #dedfd6;padding:16px;display:flex;gap:12px;border-radius:10px;color:var(--muted)}.setup-note p{font-size:13px;line-height:1.7;margin:0}.or{display:flex;align-items:center;gap:15px;margin:22px 0;color:var(--muted);font-size:12px}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.session-page{max-width:780px;padding:25px 30px 35px;margin:auto}.session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.icon-button{height:44px;width:44px;background:#eae9e0;border:0;border-radius:50%;display:grid;place-items:center}.session-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:15px}.session-meta .tag{font-size:11px}.session-page>.progress-wrap{margin-bottom:30px}.session-page>h1{font-family:var(--serif);font-size:30px;line-height:1.4;margin:30px 0 18px;letter-spacing:-.6px}.question-arabic{background:#eff2e8;padding:19px 23px;border-radius:12px;text-align:center;margin-bottom:25px}.question-arabic>.arabic{font-size:39px}.question-instruction{font-size:14px;color:var(--muted);line-height:1.8}.answer-area{min-height:109px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;border:1px solid #b8cbb3;border-radius:14px;padding:20px;margin:22px 0}.answer-placeholder{font-size:13px;color:var(--muted);direction:ltr}.word-token{border:1px solid #cbd8c1;background:#fffef9;min-width:76px;min-height:64px;padding:7px 18px;border-radius:10px}.word-token>.arabic{font-size:31px}.word-token.selected{background:#e6eedf}.word-token:disabled:not(.selected){opacity:.22}.word-token.selected:disabled{opacity:1}.word-bank{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;min-height:80px}.feedback{margin-top:25px;border-radius:15px;padding:24px 27px;background:#edf3e6;color:var(--green)}.feedback.incorrect{background:#f7ece4;color:#774b31}.feedback-heading{display:flex;align-items:center;gap:13px}.feedback-heading>h2{font-family:var(--serif);font-size:28px;margin:0;color:inherit}.expected-answer{font-size:16px;margin:15px 0 7px;line-height:1.8;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.expected-answer:has(.arabic){direction:rtl;justify-content:flex-end}.expected-answer .arabic{font-size:31px;line-height:1.65}.feedback>p:last-child{margin:8px 0 0;font-size:14px;line-height:1.9}.interim-score{margin-top:25px;padding:21px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.interim-score strong{font-size:18px}.interim-score span{font-size:13px;color:var(--muted)}.session-bottom{margin-top:28px}.session-bottom>.button{width:100%}.choices{display:flex;flex-direction:column;gap:13px;margin:25px 0}.choice{display:flex;align-items:center;text-align:left;gap:15px;width:100%;min-height:65px;border:1px solid #d8ded0;border-radius:11px;background:#fffef9;padding:14px 17px;font-size:15px;line-height:1.6}.choice.selected{background:#e8efdf;border-color:#316149}.choice>span:nth-child(2){flex:1}.choice>.arabic{font-size:27px;text-align:right}.choice-letter{width:29px;height:29px;display:grid;place-items:center;font-size:12px;align-self:center;border-radius:50%;background:#edf0e7;flex-shrink:0}.choice.selected .choice-letter{background:var(--green);color:#fff}.choice:disabled{opacity:1}.matching{display:flex;flex-direction:column;gap:15px;margin:25px 0}.matching-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px}.matching-row>.arabic{font-size:28px;min-width:100px}.matching-row>select{width:55%}.challenge-session-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.challenge-session-top .eyebrow{font-size:10px;margin:0;letter-spacing:1.3px}.timer{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;background:#edf2e7;border-radius:8px;padding:9px 12px;white-space:nowrap}.timer.urgent{color:#a04125;background:#f9ece5}.question-navigation{display:flex;gap:15px;margin-top:22px}.question-navigation>.button{flex:1;font-size:13px;padding:12px 14px}.question-overview{margin-top:26px;border-block:1px solid var(--line)}.question-overview summary{padding:17px 0;font-size:14px;cursor:pointer}.number-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:5px 0 20px}.number-grid button{min-height:40px;border-radius:6px;border:1px solid #d9dfd1;background:transparent;font-size:13px}.number-grid button.answered{background:#dfebd5}.number-grid button.current{border:2px solid var(--green)}.sync-indicator{font-size:11px}.result-summary{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 15px;border-block:1px solid var(--line);margin:25px 0}.result-score{display:flex;flex-direction:column;align-items:center;gap:8px}.result-score>span{font-size:72px;letter-spacing:-3px;font-family:var(--serif);line-height:1.3}.result-score>small{font-size:13px;color:var(--muted)}.result-facts{display:flex;justify-content:center;gap:20px;margin:25px 0 10px;font-size:13px}.result-facts>span{display:flex;align-items:center;gap:5px}.result-summary>p{font-size:14px;color:var(--muted);margin-bottom:0}.result-actions{display:flex;flex-direction:column;gap:13px;max-width:550px;margin:25px auto 40px}.result-actions>.text-button{justify-content:center}.result-login{margin:25px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.result-login h2{font-family:var(--serif)}.result-login p{font-size:14px}.review-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 18px}.review-header h2{font-size:22px;margin:0}.review-item{border-top:1px solid var(--line)}.review-item:last-child{border-bottom:1px solid var(--line)}.review-item>summary{display:flex;align-items:center;gap:12px;min-height:70px;padding:15px 0;cursor:pointer;font-size:13px;list-style:none}.review-item>summary>span:nth-child(2){flex:1}.review-item>summary>span:last-child{font-size:11px;color:var(--muted)}.review-correct{color:var(--green)}.review-wrong{color:#98522c}.review-detail{padding:5px 0 25px}.review-detail>h3{font-size:16px}.review-detail>p{font-size:13px;color:var(--muted);margin:12px 0 5px}.review-answer{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:14px}.review-answer:has(.arabic){direction:rtl;justify-content:flex-end}.review-answer>.arabic{font-size:25px}.review-detail>.arabic{font-size:30px}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%);background:#123e31;color:#fff;padding:15px 17px;border-radius:11px;display:flex;align-items:center;gap:15px;z-index:80;width:max-content;max-width:calc(100% - 32px);font-size:13px;box-shadow:0 5px 20px #123e3120;line-height:1.6}.toast button{border:0;color:#fff;background:transparent;display:grid;place-items:center;min-width:32px;min-height:32px}dialog{border:1px solid #dedfd5;border-radius:16px;background:var(--cream);color:var(--green);padding:24px;max-width:450px;width:calc(100% - 32px)}dialog::backdrop{background:#102c2370}.modal-head{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:17px}.modal-head h2{margin:0;font-family:var(--serif);font-size:24px}.modal-head .icon-button{width:37px;height:37px;flex-shrink:0}dialog>p{font-size:14px;color:var(--muted)}dialog>.button{width:100%;margin-top:13px}.initial-loading{display:grid;place-items:center;min-height:100vh;font-family:var(--serif);font-size:21px}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:var(--green);color:#fff;padding:12px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1000px){.page{padding-top:28px}.app-header{margin-bottom:43px}.bottom-nav{top:0;bottom:auto;height:97px;left:calc(50% - 90px);right:calc(50% - 325px);width:415px;padding:0;gap:14px;border:0;background:transparent}.bottom-nav a{min-height:65px;font-size:11px}.bottom-nav a svg{height:24px}.bottom-nav a.active:after{bottom:0}.dashboard-heading h1{font-size:46px}.session-page{padding-top:32px}.session-header{margin-bottom:35px}.lesson-hero .button{max-width:320px}.page:has(.lesson-article){max-width:940px}.page:has(.lesson-article) .app-header{margin-right:0}.page:has(.lesson-article)~.bottom-nav{display:none}}@media(max-width:760px){.page{padding:18px 20px 105px;max-width:560px}.app-header{margin-bottom:22px;min-height:44px}.brand{font-size:23px;gap:8px}.brand>svg{width:34px;height:34px}.profile-icon{width:37px;height:37px}.profile-icon svg{width:27px;height:27px}h1{font-size:32px;letter-spacing:-1px}h2{font-size:23px}.lead{font-size:14px;margin-bottom:25px}.greeting{font-size:13px;margin-bottom:8px}.dashboard-heading h1{font-size:34px;letter-spacing:-1.2px;margin-bottom:16px}.dashboard-heading>.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.dashboard-layout{display:block}.lesson-hero{padding:22px 20px;min-height:315px;border-radius:14px;background-position:center}.lesson-hero>.gold-icon{height:27px;width:27px}.hero-eyebrow{font-size:13px;margin:0 0 15px}.lesson-hero h2{font-size:25px;max-width:84%;margin-bottom:16px;line-height:1.22}.lesson-hero>.arabic{font-size:39px;line-height:1.5}.gold-rule{margin-bottom:12px;width:25px;height:2px}.hero-translation{font-size:13px;margin:4px 0 17px}.lesson-hero .button{max-width:235px;min-height:42px;padding:11px 17px;font-size:14px;border-radius:9px}.chapter-progress{margin:17px 4px 0}.chapter-progress>p{font-size:12px;margin-bottom:7px}.chapter-progress .progress-wrap{font-size:11px}.progress{height:8px}.dashboard-aside{margin-top:20px;padding-top:23px;border-top:1px solid var(--line)}.activity-section h2{font-size:24px;margin-bottom:4px}.activity-row{gap:15px;padding:15px 0;min-height:82px}.activity-icon{width:44px;height:44px}.activity-icon>svg{width:26px}.activity-row strong{font-size:16px;margin-bottom:4px}.activity-row small{font-size:12px}.rank-link{font-size:12px;min-height:28px;margin-top:10px}.desktop-vocabulary{display:none}.page-footer{font-size:10px;margin-top:25px;gap:13px}.page-footer>span{max-width:165px;line-height:1.6}.page-footer>a{white-space:nowrap}.back{font-size:13px;margin-bottom:18px}.chapter-row{padding:18px 0;gap:13px}.chapter-detail strong{font-size:15px}.chapter-detail>.arabic{font-size:20px}.chapter-meta{font-size:10px}.chapter-number{font-size:17px;width:28px}.volume-grid{grid-template-columns:1fr;gap:17px}.volume{min-height:230px;padding:24px}.volume.upcoming{min-height:150px}.volume.upcoming h2{margin-top:5px}.volume.upcoming>svg{display:none}.volume .button{max-width:300px;margin-top:15px}.lesson-title{font-size:31px;line-height:1.2}.lesson-controls{font-size:12px;margin:22px 0 13px}.switch-label{font-size:13px}.lesson-article{padding-top:23px;margin-top:23px}.lesson-article>h2{font-size:23px;line-height:1.45}.lesson-article>p{font-size:14px}.example-panel{padding:20px;border-radius:13px;margin-top:20px}.example-panel .eyebrow{font-size:10px;margin-bottom:9px}.example-content>.arabic{font-size:42px}.example-content>svg{width:42px}.example-panel>p:last-child{font-size:14px}.try-understand h2{font-size:24px}.try-understand>.arabic{font-size:35px}.try-understand>p{font-size:14px}.vocabulary-details summary{font-size:13px}.source-note{font-size:10px!important}.lesson-actions{flex-wrap:wrap}.lesson-actions .outline{font-size:12px}.lesson-actions>.gold{font-size:13px;min-width:200px}.setup-summary strong{font-size:14px}.setup-summary p{font-size:12px}.segmented{gap:11px}.segmented button{min-height:83px}.plain-list{font-size:13px}.challenge-facts{gap:25px}.challenge-facts>span{font-size:13px;gap:7px}.challenge-facts strong{font-size:23px}.vocab-toolbar{flex-direction:column;align-items:stretch;gap:14px}.pill-tabs button{flex:1;font-size:12px;padding:12px}.flashcard{min-height:290px;padding:25px 15px}.flashcard>.arabic{font-size:64px}.flashcard>strong{font-size:23px}.rating-buttons{gap:8px}.rating-buttons>.button{font-size:12px;padding:10px 3px}.rating-buttons small{font-size:10px}.profile-account-actions{flex-direction:column;align-items:stretch;gap:12px}.profile-account-actions .danger{justify-content:center}.session-page{padding:18px 20px 28px;max-width:560px}.session-header{margin-bottom:26px}.brand.compact{font-size:23px}.session-header>.icon-button{height:36px;width:36px}.session-meta{font-size:13px}.session-meta .tag{font-size:10px;padding:6px 9px}.session-page>.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:15px}.session-page>.progress-wrap{margin-bottom:26px;font-size:12px}.session-page>h1{font-size:25px;line-height:1.4;margin-top:25px}.question-arabic{padding:14px 17px}.question-arabic>.arabic{font-size:34px}.question-instruction{font-size:13px}.answer-area{padding:16px 12px;min-height:100px;gap:9px}.word-token{min-width:71px;padding:5px 13px;min-height:62px}.word-token>.arabic{font-size:29px}.feedback{padding:20px;margin-top:22px}.feedback-heading h2{font-size:26px}.feedback-heading>svg{width:32px}.feedback>p:last-child{font-size:13px}.expected-answer .arabic{font-size:29px}.interim-score strong{font-size:16px}.interim-score span{font-size:12px}.choice{font-size:13px;min-height:61px;padding:12px 14px;gap:11px}.choice>.arabic{font-size:25px}.choice-letter{width:26px;height:26px;font-size:11px}.challenge-session-top{gap:8px}.challenge-session-top>.eyebrow{font-size:9px;letter-spacing:1px}.timer{font-size:16px;padding:8px 10px;gap:6px}.matching-row>.arabic{font-size:25px;min-width:80px}.matching-row select{font-size:12px}.result-score>span{font-size:64px}.result-facts{font-size:12px;gap:13px}.review-header{flex-direction:column;align-items:stretch}.review-header h2{font-size:22px}.review-item>summary{font-size:12px;gap:9px}.review-item>summary>span:last-child{font-size:10px}.result-summary>p{font-size:13px}.certificate-preview{padding:30px 17px}.certificate-preview h2{font-size:25px}.certificate-preview p{font-size:11px}.certificate-preview small{font-size:10px}.welcome{display:block}.welcome-art{padding:23px 24px;min-height:360px;background-position:right center}.welcome-art .brand{font-size:23px}.welcome-art h1{font-size:34px;margin:30px 0 15px}.welcome-art>div>.eyebrow{display:none}.welcome-art>div>.arabic{display:none}.welcome-art>div>p:last-child{font-size:11px;margin:0}.welcome-content{padding:30px 24px 40px;max-width:560px;margin:auto}.welcome-content h2{font-size:30px}.welcome-content>.muted{font-size:13px}.welcome-content>.eyebrow{font-size:10px}.welcome-content .login-panel{margin:20px 0}.welcome-content .fine-print{font-size:11px}.setup-note p{font-size:12px}.message{font-size:12px;padding:13px 14px}.prose p{font-size:14px}.prose h2{font-size:20px}.toast{font-size:12px}.page .button{font-size:14px}}@media(max-width:760px){.page{padding-top:14px}.app-header{min-height:36px;margin-bottom:10px}.greeting{line-height:1.4;margin-bottom:6px}.dashboard-heading h1{font-size:32px;line-height:1.1;margin-bottom:12px}.dashboard-heading>.eyebrow{line-height:1.4;margin-bottom:12px}.lesson-hero{padding:20px}.lesson-hero>.gold-icon{display:block}.hero-eyebrow{margin-bottom:10px}.lesson-hero h2{margin-bottom:13px}.lesson-hero .gold-rule{margin-bottom:7px}.lesson-hero>.arabic{font-size:40px;line-height:1.3}.hero-translation{margin:0 0 14px}.chapter-progress{margin-top:15px}.chapter-progress>p{line-height:1.4;margin-bottom:5px}.dashboard-aside{margin-top:16px;padding-top:18px}.activity-row{min-height:72px;padding:12px 0}.activity-icon{width:41px;height:41px}.activity-section h2{font-size:23px}.bottom-nav{height:70px}.bottom-nav a{min-height:56px}.rank-link{margin-top:6px;min-height:28px}.page-footer{margin-top:20px}}.arabic.inline{display:inline;font-size:1.35em;line-height:1.5;vertical-align:baseline}.question-target{font-family:var(--serif);font-size:25px;color:var(--ink);font-weight:600;margin:23px 0 12px;line-height:1.5}.ordering-hint{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 14px}.ordering-hint .arabic{font-size:19px}@media(max-width:760px){.word-token>.arabic{font-size:39px;line-height:1.35}.expected-answer .arabic{font-size:36px;line-height:1.4}.example-content>.arabic{font-size:56px;line-height:1.35}.try-understand>.arabic{font-size:45px;line-height:1.45}.question-arabic>.arabic{font-size:44px;line-height:1.5}}@media(max-width:760px){.page:has(.lesson-article){padding-bottom:180px}.page:has(.lesson-article) .app-header{margin-bottom:6px}.page:has(.lesson-article) .back{min-height:24px;margin-bottom:8px}.page:has(.lesson-article)>.eyebrow{font-size:10px;line-height:1.4;margin-bottom:10px}.lesson-title{max-width:285px}.lesson-actions{position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:520px;background:var(--cream);padding:10px 0;border-top:1px solid var(--line);z-index:20;margin:0}.session-page{padding-bottom:145px}.session-bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:520px;background:var(--cream);padding:12px 0 5px;border-top:1px solid var(--line);z-index:20;margin:0}.session-bottom .fine-print{font-size:10px;margin:8px 0}}@media(max-width:760px){.lesson-hero h2{max-width:78%}.lesson-hero>.arabic{font-size:55px;line-height:1.04}.activity-row{min-height:65px;padding:8px 0}.activity-section h2{margin-bottom:0}.rank-link{margin-top:2px}.chapter-progress .progress-wrap{position:relative}.chapter-progress .progress-wrap>span{position:absolute;right:0;bottom:15px;font-size:11px}.chapter-progress .progress{margin-right:0}}.answer-label{flex-basis:100%;font-size:11px;color:var(--muted);text-align:center;line-height:1.4;direction:ltr}@media(max-width:760px){.lesson-hero h2{max-width:70%}.activity-row+.activity-row{min-height:56px;padding-top:6px;padding-bottom:3px;border-bottom:0}.rank-link{min-height:22px;margin-top:0}.session-header{margin-bottom:6px}.session-page>.eyebrow{margin-bottom:8px}.session-meta{margin-bottom:8px}.session-page>h1{font-size:27px}.question-instruction>.arabic{font-size:23px;line-height:1.3}.lesson-title{font-size:30px;line-height:1.07}.lesson-controls{margin:12px 0 8px}.lesson-article{margin-top:17px;padding-top:17px}.lesson-article>p{line-height:1.7}}@media(max-width:760px){.lesson-hero,.example-panel{margin-left:-8px;margin-right:-8px}.lesson-hero h2{max-width:66%}}.session-bottom .interim-score{margin:0 0 12px;padding:0 0 12px;border-top:0;border-bottom:1px solid var(--line);gap:5px}@media(max-width:760px){.session-page:has(.interim-score){padding-bottom:215px}.feedback>p:last-child{line-height:1.65}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}