:root{--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--radius:12px;--arabic-scale:1;--reading-size:16px;--reading-leading:1.8}html{font-size:16px}body{background:var(--bg);color:var(--ink);overflow-wrap:break-word;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}button,input,textarea,select{font:inherit;-webkit-tap-highlight-color:transparent}button,input,select{min-height:44px}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button,a{transition:background .18s,transform .18s}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,textarea,select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;max-width:100%;padding:11px 13px}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:2px}textarea{resize:vertical;max-width:100%;min-height:130px;line-height:1.8}h1,h2,h3,p{margin:0}h2{letter-spacing:-.5px;font-size:22px;font-weight:600}p{color:var(--muted);line-height:1.7}small{font-size:12px}label{font-weight:500;display:block}label input,label textarea,label select{width:100%;margin:8px 0 18px;display:block}.muted{color:var(--muted);font-size:12px}.skip-link{z-index:100;background:var(--surface);padding:1rem;position:fixed;top:-8rem;left:1rem}.skip-link:focus{top:1rem}[lang=ar]{word-break:normal;line-height:1.9}.arabic-inline{font-family:Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-size:calc(1.15em * var(--arabic-scale));unicode-bidi:isolate;line-height:1.9}.arabic-paragraph{font-size:calc(1.5rem * var(--arabic-scale))}:root[data-motion=reduce] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#c3d3d1;z-index:20;flex-direction:column;width:232px;padding:31px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:#fff;letter-spacing:-.5px;align-items:center;gap:11px;padding:0 12px 32px;font-size:24px;font-weight:500;display:flex;transform:translateY(-7px)}.brand-mark{color:#e2c894;background:#173f3d;border:1px solid #799380;border-radius:10px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-size:30px;display:grid}.brand-mark>span{line-height:1;display:block;transform:translateY(-3px)}.brand-sub{letter-spacing:4px;color:#b8cdc7;margin-top:-3px;font-size:9px;display:block}.side-label{letter-spacing:1.6px;color:#b5c8c0;margin:0 13px 18px;font-size:9px}.nav{text-align:left;border-radius:7px;align-items:center;gap:13px;width:100%;margin-bottom:5px;padding:10px 13px;font-size:13px;display:flex}.nav.active{color:#f4f7f3;background:#31564e}.nav.active:before{content:"";background:#d6bd86;border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;left:0}.nav-shortcuts{gap:4px;margin-top:24px;display:grid}.nav-shortcuts>.eyebrow{color:#c3d5cc;margin:0 12px 8px;font-size:10px}.count{color:#fff;background:#56746b;border-radius:5px;margin-left:auto;padding:0 5px;font-size:10px}.sidebar-bottom{margin-top:auto}.side-note{padding:25px 13px 20px}.side-note p{color:#d6e0da;margin:12px 0;font-family:Georgia,serif;font-size:18px;line-height:1.5}.side-note>span:last-child{color:#bca981;font-size:22px}.tiny{letter-spacing:1.3px;color:#9bb4ae;font-size:9px}.profile{border-top:1px solid #2b494c;align-items:center;gap:9px;padding-top:19px;font-size:11px;display:flex}.profile small{color:#8ba7a2;font-size:10px;display:block}.avatar{color:#31504b;background:#e1d3b8;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:17px;display:grid}.online{background:#a5bfa4;border-radius:50%;width:6px;height:6px;margin-left:auto}main{width:calc(100% - 232px);min-width:0;margin-left:232px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);min-height:76px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 42px;font-size:12px;display:flex}.topbar b{color:var(--muted);font-weight:500}.crumb{color:var(--muted);margin:0 17px}.sync{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.topbar .sync{order:1;font-size:11px}.dot{background:var(--accent-solid);border-radius:50%;width:5px;height:5px}.language-switch{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;flex-shrink:0;order:2;align-items:center;gap:3px;margin-left:auto;padding:4px;display:inline-flex}.language-globe{width:17px;height:17px;color:var(--muted);margin:0 7px}.language-switch button{min-height:36px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.language-switch button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px var(--shadow-color)}.language-switch button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.language-code{letter-spacing:.06em;font-size:10px;font-weight:800}.content{max-width:1370px;margin:auto;padding:39px 42px 45px}.content:focus{outline:none}.heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.heading h1{letter-spacing:-1.3px;font-size:clamp(27px,3vw,38px)}.heading p{margin-top:12px;font-size:14px}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin-bottom:12px;font-size:10px;font-weight:600}.date{color:var(--muted);white-space:nowrap;font-size:11px}.translation-note{color:var(--muted);border-bottom:1px solid var(--line);align-items:flex-start;gap:9px;margin:0 0 22px;padding:0 0 14px;font-size:11px;line-height:1.5;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px}.panel label:not(.inline-check){margin-block:1rem;display:block}.panel label select{margin-inline-start:.75rem}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.primary,.secondary{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 16px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.primary.light{background:var(--surface-raised);color:var(--accent);margin-top:24px}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.text-button{color:var(--accent);align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.back{color:var(--muted);margin-bottom:20px;padding:0;font-size:12px}.progress-track{background:var(--surface-soft);border-radius:8px;height:4px;overflow:hidden}.progress-track i{background:var(--accent-solid);border-radius:8px;height:100%;display:block}.home-grid{grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);gap:20px;display:grid}.hero{color:#fff;background:#20514e;border-radius:12px;min-height:278px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:64%;padding:31px}.hero h2{letter-spacing:-.2px;margin:19px 0 12px;font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.25}.hero p{color:#b1c7bf;font-size:11px}.hero p span{margin:0 6px}.pill{letter-spacing:1.2px;color:#e2d5af;border:1px solid #779b8a66;border-radius:20px;align-items:center;gap:18px;padding:5px 10px;font-size:8px;display:inline-flex}.hero-art{background:radial-gradient(at bottom,#3d7664 0,#0000 75%);justify-content:center;align-items:center;width:36%;display:flex;position:relative}.arch{border:1px solid #7d998370;border-bottom:0;border-radius:95px 95px 0 0;flex-direction:column;justify-content:center;align-items:center;width:146px;height:219px;margin-top:32px;display:flex;position:relative}.arch:before,.arch:after{content:"";border:1px solid #7d998340;border-bottom:0;border-radius:120px 120px 0 0;position:absolute;inset:-15px -15px 0}.arch:after{inset:-30px -30px 0}.arch>span{color:#e3c69a;text-shadow:0 6px 30px #0002;font-family:Georgia,serif;font-size:142px;line-height:1.1;transform:rotate(-9deg)}.arch>small{color:#c6d2bc;margin-top:-5px;font-size:18px}.art-star{color:#d7c49c;font-size:30px;position:absolute;top:20px;right:14%}.art-caption{letter-spacing:1.2px;color:#a9bda9;white-space:nowrap;font-size:6px;position:absolute;bottom:17px}.daily{padding:23px}.daily .eyebrow{margin:0;font-size:9px}.daily .row{color:var(--muted);margin-bottom:20px}.daily h3{font-family:Georgia,serif;font-size:21px;font-weight:400}.daily p{margin-top:5px;font-size:11px}.daily select{background:var(--surface-soft);width:100%;padding:8px 10px;font-size:11px}.daily>small{color:var(--muted);margin-top:11px;font-size:9px;display:block}.goal{align-items:baseline;gap:11px;margin:15px 0;display:flex}.goal strong{letter-spacing:-2px;font-size:39px;font-weight:500;line-height:1}.goal span{color:var(--muted);font-size:11px}.stat-strip{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);margin:22px 0 34px;padding:21px 0;display:grid}.stat-strip>div{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:14px;display:flex}.stat-strip>div:last-child{border:0}.stat-icon{background:var(--surface-soft);color:var(--muted);border-radius:9px;padding:10px}.stat-strip b{font-size:23px;font-weight:500;line-height:1.2;display:block}.stat-strip em{color:var(--muted);font-size:13px;font-style:normal}.stat-strip small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 0 19px;display:flex}.section-heading p{margin-top:5px;font-size:12px}.level-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.level-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;padding:18px;transition:transform .2s,box-shadow .2s}.level-card:hover{box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-3px)}.level-badge{background:var(--surface-soft);width:39px;height:37px;color:var(--muted);border-radius:8px;place-items:center;font-family:Georgia,serif;font-size:20px;display:inline-grid}.l1,.l2{background:var(--surface-soft);color:var(--accent)}.l3,.l4,.l5,.l6{background:var(--surface-soft);color:var(--muted)}.level-status{color:var(--muted);font-size:9px}.level-card h3{min-height:20px;margin-top:18px;font-size:13px}.level-card p{min-height:34px;margin-top:6px;font-size:10px}.level-card .progress-track{margin-top:15px}.card-foot{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.future{background:var(--surface-soft);border-style:dashed}.future h3{color:var(--muted)}.bottom-note{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:19px;margin-top:32px;padding-top:24px;display:flex}.bottom-note>span{color:var(--muted);font-family:Georgia,serif;font-size:36px}.bottom-note p{font-size:11px}.bottom-note b{color:var(--muted);font-weight:500}.bottom-note button{margin-left:auto;font-size:10px}.filters{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:32px;display:flex}.tabs{background:var(--surface-soft);border-radius:9px;flex-wrap:wrap;gap:5px;max-width:100%;padding:5px;display:flex}.tabs button{color:var(--muted);border-radius:6px;padding:8px 17px;font-size:12px}.tabs button.chosen{background:var(--surface);color:var(--accent);box-shadow:0 2px 5px var(--shadow-color)}.search{color:var(--muted);align-items:center;gap:9px;display:flex}.search input{background:0 0;border:0;width:200px;margin:0;padding:9px;font-size:12px}.lesson-list{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.lesson-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:20px;width:100%;padding:22px 25px;display:flex}.lesson-row:last-child{border:0}.lesson-row:hover{background:var(--surface-soft)}.lesson-number{background:var(--surface-soft);width:43px;height:43px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.lesson-number.complete{background:var(--surface-raised);color:var(--accent)}.lesson-row h3{margin:4px 0;font-size:15px}.lesson-row small{color:var(--muted);letter-spacing:.8px;font-size:9px}.lesson-row p{font-size:11px}.lesson-state{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10px}.lesson-row>svg{color:var(--muted);flex-shrink:0}.empty{text-align:center;padding:60px 20px}.empty p{margin:13px 0 22px}.empty>svg{color:var(--accent);margin:0 auto 20px}.large-arabic{color:var(--muted);margin-bottom:15px;font-family:Georgia,serif;font-size:66px;display:block}.lesson-heading h1{max-width:760px;font-size:29px}.lesson-tabs{width:max-content;max-width:100%;margin:25px 0}.lesson-tabs small{background:var(--surface-soft);border-radius:5px;margin-left:7px;padding:2px 5px;font-size:9px}.reader-grid{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:22px;display:grid}.reader{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.reader-toolbar{background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:11px;display:flex}.reader-toolbar select{margin:0 4px;padding:4px 7px}.reader-toolbar button{padding:0 5px;font-size:19px}.pdf-page{width:100%;height:auto;display:block}.lesson-outline{max-height:85vh;padding:22px 18px;position:sticky;top:18px;overflow:auto}.lesson-outline button{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--muted);justify-content:space-between;gap:12px;padding:10px 6px;font-size:11px;display:flex}.lesson-outline button.here{color:var(--accent);background:var(--surface-soft)}.lesson-outline small{color:var(--muted);font-size:10px}.outline-tip{background:var(--surface-soft);color:var(--muted);margin-top:20px;padding:13px;font-size:11px;line-height:1.7}.exercise-intro{justify-content:space-between;align-items:center;gap:20px;margin:23px 0;display:flex}.exercise-intro p{max-width:600px;margin-top:8px;font-size:12px}.exercise-intro select{flex-shrink:0;width:280px;font-size:12px}.exercise-grid{grid-template-columns:minmax(0,1fr) 330px}.answer-panel h3{margin-bottom:18px}.answer-panel label{font-size:12px}.answer-panel textarea{min-height:210px;font-size:18px}.answer-panel>small{color:var(--muted);margin-top:-8px;font-size:10px;display:block}.answer-panel .text-button{text-align:left;margin-top:22px}.answer-panel .full{margin-bottom:22px}.arabic-keys{flex-wrap:wrap;gap:4px;margin:-5px 0 18px;display:flex}.arabic-keys button{border:1px solid var(--line);background:var(--surface-soft);border-radius:4px;min-width:24px;padding:2px 5px;font-size:20px}.full{width:100%}.solution-preview p,.image-note{color:var(--muted);padding:12px;font-size:11px}.solution-preview img{border:1px solid var(--line);margin-bottom:10px}.solution-panel>p{margin:10px 0 20px}.solution-panel>.pdf-render{border:1px solid var(--line);max-width:850px;margin:22px auto}.solution-page{border:1px solid var(--line);max-width:850px;margin:22px auto 0}.notes textarea{width:100%;min-height:400px;margin-top:20px;font-size:17px}.custom-text{white-space:pre-wrap;line-height:2}.review-wrap{max-width:650px;margin:40px auto}.flashcard{background:var(--surface);border:1px solid var(--line);text-align:center;cursor:pointer;min-height:310px;box-shadow:0 10px 30px var(--shadow-color);border-radius:18px;flex-direction:column;justify-content:space-between;padding:30px;display:flex}.flashcard>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:35px}.review-actions{justify-content:center;gap:15px;margin-top:22px;display:flex}.centered{text-align:center;margin-top:20px;font-size:12px}.deck-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:20px;display:flex}.deck-row b{font-size:19px}.deck-row span{flex:1}.deck-row small{color:var(--muted)}.deck-row button{margin:0}.info-banner{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:9px;margin:20px 0;padding:19px;font-size:12px}.info-banner button{color:var(--accent);text-decoration:underline}.quiz{margin-top:18px}.quiz h2{margin:18px 0;font-size:20px}.quiz form{gap:12px;display:flex}.quiz form input{flex:1}.quiz>small{color:var(--muted);margin:15px 0;display:block}.quiz .back{margin:0}.quiz-result{background:var(--surface-soft);color:var(--accent);border-radius:6px;margin-top:15px;padding:12px}.progress-row{align-items:center;gap:20px;margin:24px 0;display:flex}.progress-row b{width:28px;font-size:14px}.progress-row .progress-track{flex:1;height:8px}.progress-row span{color:var(--muted);text-align:right;width:55px;font-size:12px}.spaced{margin-top:25px;margin-bottom:18px}.activity-grid{grid-template-columns:repeat(14,1fr);gap:8px;margin:24px 0;display:grid}.activity-grid>div{background:var(--surface-soft);aspect-ratio:1;min-height:35px;color:var(--muted);border-radius:5px;place-items:center;font-size:11px;display:grid}.activity-grid .active-day{background:var(--accent-solid);color:var(--on-accent)}.books{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.book-card{padding:20px}.book-cover{color:#e4e5d2;aspect-ratio:.78;text-align:center;background:#315955;border-left:8px solid #193d37;border-radius:2px 7px 7px 2px;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex;box-shadow:4px 5px #e9e9e0}.book-cover>span:first-child{letter-spacing:1.5px;font-size:8px}.book-cover strong{font-family:Georgia,serif;font-size:65px;font-weight:400}.book-cover>span[lang]{font-family:Georgia,serif;font-size:25px}.book-cover small{font-size:11px}.cover1{background:#45647a;border-color:#31495b}.cover3{background:#716579;border-color:#4d4358}.cover4{background:#657162;border-color:#414e3b}.book-card h2{font-size:18px}.book-card p{margin:8px 0 16px;font-size:12px}.book-card .primary{width:100%}.book-card details{margin-top:20px;font-size:10px}.book-card summary{cursor:pointer;color:var(--muted)}.book-card details>a{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:10px 0;display:flex}.book-card details small{white-space:nowrap;font-size:9px}.volume-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.volume-shelf .book-card{text-align:left;cursor:pointer;min-width:0}.volume-shelf .book-card[aria-pressed=true]{outline:3px solid var(--focus);outline-offset:3px}.volume-cover{color:#fff5dd;width:100%}.volume-color-1{background:#36546b}.volume-color-2{background:#695638}.volume-color-3{background:#5a454e}.volume-color-4{background:#304d49}.volume-shelf .book-card b{color:var(--accent)}.volume-entry{text-align:left;background:var(--surface);border:0;border-bottom:1px solid var(--line);color:var(--accent);align-items:center;gap:14px;width:100%;min-height:48px;padding:16px;display:flex}.volume-entry b{flex:1}.volume-entry span{flex-shrink:0}.library-search summary{cursor:pointer;padding:8px;font-weight:700}.volume-index h3{margin:24px 0 12px}.settings{max-width:850px}.settings p{margin:13px 0 23px}.settings select{width:230px}.actions{flex-wrap:wrap;justify-content:flex-start}.upload{cursor:pointer;margin:0}.upload input{display:none}.notice{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;justify-content:space-between;gap:15px;margin-bottom:25px;padding:12px 16px;font-size:12px;display:flex}.notice button{font-size:20px}.modal-backdrop{background:var(--shadow-color);z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:540px;max-width:100%;max-height:95vh;box-shadow:0 20px 90px var(--shadow-color);border-radius:16px;padding:35px;position:relative;overflow:auto}.modal h2{margin-bottom:25px;font-size:26px}.modal label{font-size:12px}.modal textarea{min-height:95px}.close{color:var(--muted);font-size:25px;position:absolute;top:14px;right:20px}.backup-manager{margin-top:1.5rem}.backup-manager ul{max-height:12rem;overflow:auto}.backup-manager .actions{flex-wrap:wrap}footer{border-top:1px solid var(--line);letter-spacing:1.3px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 42px;font-size:8px;display:flex}footer span{letter-spacing:0;color:var(--muted);font-size:10px}.footer-links{width:100%;font-size:12px;line-height:1.8}.footer-links a{text-underline-offset:3px;text-decoration:underline}.mobile-nav{display:none}.native-tabs{border-bottom:1px solid var(--line);gap:14px;margin:26px 0 32px;display:flex}.native-tabs button{color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:9px;padding:14px 19px;font-size:11px;display:flex}.native-tabs button.selected{border-color:var(--accent);color:var(--accent);font-weight:600}.native-tabs small{background:var(--surface-soft);border-radius:20px;padding:2px 7px}.mastery-pill{background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:30px;padding:9px 14px;font-size:11px}.native-outline{max-height:86vh;padding:5px 0;position:sticky;top:20px;overflow:auto}.native-outline button{text-align:left;width:100%;color:var(--muted);border-radius:8px;align-items:baseline;gap:10px;padding:13px 10px;font-size:11px;display:flex}.native-outline button>span:first-child{color:var(--muted);font-size:.75rem}.native-outline button:hover{background:var(--surface-soft)}.native-article{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:100%;min-width:0;max-width:850px;margin-inline:auto;padding:32px 38px}html[data-width=wide] .native-article{max-width:none}.article-top{color:var(--muted);letter-spacing:1px;justify-content:space-between;margin-bottom:12px;font-size:9px;display:flex}.native-article>.progress-track{height:5px;margin-bottom:30px}.native-article>h2{color:var(--ink);margin-bottom:24px;font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.4}.native-prose{min-width:0;font-size:var(--reading-size,16px);line-height:var(--reading-leading,1.8)}.native-prose p{color:var(--muted);overflow-wrap:break-word;margin:0 0 18px;font-size:15px;line-height:1.95}.native-prose h3{color:var(--accent);margin:30px 0 15px;font-size:18px;line-height:1.5}.native-prose .native-list{border-left:2px solid var(--line);margin-bottom:11px;padding-left:15px}.native-prose .arabic-paragraph{background:var(--surface-soft);text-align:right;color:var(--ink);border-radius:10px;margin:22px 0;padding:19px 24px;font-size:23px;line-height:2.2}.native-article .native-prose p:not(.arabic-paragraph){font-size:var(--reading-size,16px);line-height:var(--reading-leading,1.8)}.native-table-wrap{border:1px solid var(--line);border-radius:9px;margin:20px 0;overflow:auto}.native-table{border-collapse:collapse;text-align:left;background:var(--surface);width:100%;font-size:12px}.native-table th{background:var(--surface-soft);color:var(--muted);font-weight:600}.native-table td,.native-table th{border-bottom:1px solid var(--line);vertical-align:top;min-width:95px;padding:12px 15px;line-height:1.8}.native-table tr:last-child td{border:0}.native-table tr:nth-child(2n){background:var(--surface-soft)}.native-table .arabic-inline{white-space:normal;font-size:20px}.practice-bar{justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px;display:flex}.practice-bar .eyebrow{margin-bottom:6px}.practice-bar select{width:330px;font-size:12px}.question-status{color:var(--muted);justify-content:space-between;gap:20px;padding:22px 32px;font-size:11px;display:flex}.question-shell>.progress-track{border-radius:0;height:5px}.question-shell>.progress-track i{background:var(--accent-solid);border-radius:0}.question-card{border-radius:16px;padding:35px 42px}.question-mode{color:var(--muted);letter-spacing:1.3px;margin-bottom:15px;font-size:9px;font-weight:600}.question-card>h2{letter-spacing:-.4px;white-space:pre-wrap;font-size:21px;line-height:1.65}.question-prompt{color:var(--ink);white-space:pre-wrap;margin:25px 0 18px;font-size:24px;font-weight:500;line-height:1.7}.question-card>.native-prose{margin-top:20px}.question-card>.native-prose p{font-size:14px}.choice-options button{border:2px solid var(--line);box-shadow:0 3px 0 var(--line);text-align:left;border-radius:11px;align-items:center;gap:16px;padding:16px 20px;font-size:17px;display:flex}.choice-options button>span:first-child{border:1px solid var(--line);width:25px;height:25px;color:var(--muted);border-radius:5px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.choice-options button:hover:enabled{background:var(--surface-soft);border-color:var(--line)}.choice-options button.picked{background:var(--surface-soft);border-color:var(--accent)}.choice-options button.right{border-color:var(--accent);background:var(--surface-soft);opacity:1}.choice-options button b{color:var(--accent);margin-left:auto}.choice-options .arabic-inline{font-size:27px}.answer-label{color:var(--muted);margin-top:25px;font-size:11px}.answer-label textarea{background:var(--surface-soft);border:2px solid var(--line);border-radius:11px;width:100%;min-height:130px;margin-top:10px;font-size:22px}.answer-label textarea:disabled{opacity:1;color:var(--muted);background:var(--surface-soft)}.keyboard-details{color:var(--muted);font-size:11px}.keyboard-details summary{cursor:pointer;margin-bottom:15px}.keyboard-details .arabic-keys{margin:0}.keyboard-details .arabic-keys button{min-width:29px}.context-link{text-align:left;color:var(--accent);text-underline-offset:4px;margin-top:20px;font-size:11px;text-decoration:underline;display:block}.question-context{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;max-height:460px;margin-top:15px;padding:20px;overflow:auto}.question-context select{width:100%;margin-bottom:15px;font-size:12px}.question-context .native-prose p{font-size:13px}.feedback{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;margin:25px -10px -10px;padding:25px}.feedback.success,.feedback.retry,.feedback.model{background:var(--surface-soft);border-color:var(--line)}.feedback.model .feedback-title{color:var(--muted)}.feedback p,.feedback small{color:var(--muted);font-size:12px;line-height:1.8}.feedback-label{letter-spacing:1px;color:var(--muted);margin-top:18px;font-size:9px;display:block}.model-answer{white-space:pre-wrap;margin-top:8px;font-size:18px;line-height:1.9}.self-grade>span{color:var(--muted);font-size:12px}.correction-text{white-space:pre-wrap;border-top:1px solid var(--line);margin-top:18px;padding-top:18px;font-size:14px;line-height:1.9}.question-footer{background:var(--surface-soft);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:20px 32px;display:flex}.question-footer .back{margin:0}.session-finish>.back{margin:25px 0 0}.finish-mark{background:var(--surface-soft);width:75px;height:75px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:34px;display:grid}.finish-stats{flex-wrap:wrap;justify-content:center;gap:55px;margin:30px 0;display:flex}.finish-stats strong{color:var(--accent);font-size:35px;display:block}.finish-stats span{color:var(--muted);font-size:11px;display:block}.word-bank{flex-wrap:wrap;gap:9px;margin:15px 0;display:flex}.word-bank button{border:1px solid var(--line);border-bottom:3px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:9px 15px;font-size:22px}.strict-hint{color:var(--accent);margin-top:12px;font-size:10px;display:block}.listen-button{color:var(--accent);border:1px solid var(--line);background:var(--surface-soft);border-radius:20px;padding:7px 12px;font-size:11px}.audio-notice{color:var(--accent);margin:12px 0;font-size:11px}audio{max-width:100%;margin-block:1rem;display:block}.resource-native{max-width:950px;margin:auto;padding:35px}.resource-native>h1{margin-bottom:28px;font-size:27px}.native-resource-list{border-top:1px solid var(--line);max-height:320px;margin-top:20px;overflow:auto}.native-resource-list button{text-align:left;border-bottom:1px solid var(--line);width:100%;color:var(--muted);padding:12px 3px;font-size:11px;line-height:1.6;display:block}.native-resource-list button:hover{color:var(--accent);background:var(--surface-soft)}.session-toolbar{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;align-items:center;gap:14px;padding:22px;display:flex}.session-toolbar>div{margin-right:auto}.session-toolbar .eyebrow{margin-bottom:6px}.session-clock{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px}.session-caption{margin:10px 0 20px;font-size:11px}.session-steps{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.session-steps>span{background:var(--surface-soft);color:var(--muted);border-radius:20px;padding:6px 10px;font-size:11px}.session-steps>.current{background:var(--accent-solid);color:var(--on-accent)}.session-steps>.past{color:var(--accent);background:var(--surface-raised)}.compact-course .native-back,.compact-course .lesson-heading,.compact-course .native-tabs,.compact-course .practice-bar,.compact-course .question-footer>.back{display:none}.compact-course .question-footer{justify-content:flex-end}.compact-course .question-shell{max-width:900px;margin:auto}.session-reading{max-width:900px;margin:auto;padding:30px!important}.session-reading>.native-prose{margin-top:22px}.guided-finish{text-align:center;padding:48px 28px!important}.guided-finish h1{margin:18px 0}.guided-finish p{max-width:650px;margin:0 auto 20px}.guided-finish .finish-stats{justify-content:center}.guided-finish .finish-stats>div{min-width:120px}.guided-finish>.primary{margin-top:20px;display:inline-flex}.guided-finish>.secondary{margin-inline:auto;display:block}.today-layout{grid-template-columns:minmax(0,2.35fr) minmax(230px,1fr);gap:22px;margin-bottom:32px;display:grid}.today-hero{isolation:isolate;color:#fff;background:#204e47;border-radius:18px;min-height:330px;padding:36px;position:relative;overflow:hidden}.today-hero .eyebrow{color:#e8d5ab}.today-hero h2{white-space:pre-line;letter-spacing:-.9px;max-width:80%;font-family:Georgia,serif;font-size:clamp(30px,3.1vw,43px);font-weight:400;line-height:1.17}.today-hero p{color:#c8d9ce;z-index:1;max-width:420px;margin:20px 0;font-size:14px;position:relative}.today-hero .primary{justify-content:space-between;min-width:210px}.today-art{color:#b6c79818;z-index:-1;pointer-events:none;font-family:Georgia,serif;font-size:310px;position:absolute;bottom:-65px;right:25px;transform:rotate(-8deg)}.session-recipe{color:#dce5d4;gap:12px;margin:24px 0;font-size:11px;display:flex}.session-recipe i{opacity:.5}.today-goal{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;padding:25px!important}.today-goal .eyebrow{margin:0}.today-goal .text-button{margin-top:6px}.goal-orbit{border-radius:50%;width:145px;height:145px;margin:5px auto;padding:8px}.goal-orbit>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.goal-orbit strong{font-size:43px;font-weight:500;line-height:1.1}.goal-orbit small{color:var(--muted)}.focus-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.focus-card{text-align:left;flex-direction:column;align-items:flex-start;min-height:267px;display:flex;padding:24px!important}.focus-card:hover,.practice-tile:hover,.resource-tile:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-2px)}.focus-symbol{background:var(--surface-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:20px;font-size:25px;display:grid}.focus-card h3{font-size:19px;line-height:1.4}.focus-card p{margin:12px 0 22px;font-size:13px}.focus-card b{color:var(--accent);margin-top:auto;font-size:12px}.alphabet-teaser{background:var(--surface-soft)}.alphabet-teaser .focus-symbol{background:var(--surface-raised)}.practice-catalog,.library-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.practice-tile,.resource-tile{text-align:left;flex-direction:column;gap:12px;display:flex;padding:23px!important}.practice-tile .eyebrow,.resource-tile .eyebrow,.practice-tile .progress-track{margin:0}.practice-tile .text-button{margin-top:auto}.resource-tile span:last-child{color:var(--accent);font-size:12px}.personal-exercises>summary{cursor:pointer;font-size:16px}.personal-exercises .quiz{margin-top:20px}.error-review{margin-bottom:35px;padding:28px!important}.error-review p{max-width:780px;margin-top:14px}.error-review .row{align-items:flex-start}.error-review small{display:block}.review-mark{color:var(--muted);font-size:46px}.review-origins{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.progress-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.progress-summary .panel{flex-direction:column;gap:7px;display:flex;padding:24px!important}.progress-summary strong{font-size:36px;font-weight:500}.progress-summary strong small{font-size:16px;font-weight:400}.progress-summary p{font-size:12px}.next-level{background:var(--surface-soft);border-color:var(--line);grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:36px;display:grid;padding:30px!important}.next-level .progress-track{background:var(--surface-raised);margin:22px 0 0}.next-level h2{font-size:27px}.remaining-hours{border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:6px;padding-left:32px;display:flex}.remaining-hours strong{font-size:39px;font-weight:500}.remaining-hours strong small{font-size:23px}.remaining-hours>span{font-size:13px}.remaining-hours>small{color:var(--muted)}.estimate-method{color:var(--muted);margin:16px 2px 30px;font-size:12px}.estimate-method summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.estimate-method p{max-width:900px;margin-top:12px}.progress-detail-grid{grid-template-columns:1.1fr 1fr;gap:22px;display:grid}.progress-detail-grid .panel{padding:27px!important}.progress-levels{margin-top:18px}.progress-level{border-bottom:1px solid var(--line);padding:13px 0}.progress-level .row{margin-bottom:8px}.progress-level .row span,.progress-level small{color:var(--muted);font-size:11px}.progress-level small{margin-top:7px;display:block}.milestones{margin-top:24px}.milestones>div{color:var(--muted);gap:13px;padding:13px 0;display:flex}.milestones>div>span{background:var(--surface-soft);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.milestones .earned>span{background:var(--surface-raised);color:var(--accent)}.milestones .earned{color:var(--accent)}.milestones small{margin-top:4px;font-size:11px;font-weight:400;display:block}.accuracy-note{border-top:1px solid var(--line);align-items:center;gap:20px;margin-top:18px;padding-top:18px;display:flex}.accuracy-note strong{font-size:29px;font-weight:400}.accuracy-note p{font-size:11px}.alphabet-layout{grid-template-columns:1.15fr 1fr;align-items:start;gap:22px;display:grid}.alphabet-grid-panel,.letter-detail{padding:26px!important}.alphabet-grid-panel>p{margin-top:6px;font-size:12px}.alphabet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.alphabet-grid>button{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:91px;padding:6px;display:flex;position:relative}.alphabet-grid>button>span{font-family:Arial,sans-serif;font-size:35px;line-height:1.5}.alphabet-grid>button small{color:var(--muted);font-size:10px}.alphabet-grid>button.selected{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent)}.alphabet-grid>button i{font-size:10px;font-style:normal;position:absolute;top:4px;left:7px}.alphabet-legend{color:var(--muted);margin-top:18px;font-size:11px;line-height:1.6}.letter-heading{align-items:center;gap:25px;display:flex}.letter-large{color:var(--accent);text-align:center;min-width:100px;font-size:105px;line-height:1.4}.letter-heading h2{font-family:Georgia,serif;font-size:30px}.letter-forms{background:var(--surface-soft);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0;display:grid}.letter-forms>div{border-right:1px solid var(--line);flex-direction:column;align-items:center;padding:16px 3px;display:flex}.letter-forms>div:last-child{border:0}.letter-forms span{font-size:37px;line-height:1.6}.letter-forms small{color:var(--muted);font-size:10px}.joining-note{font-size:12px}.letter-detail>p{margin-top:12px;font-size:12px}.letter-example{border-block:1px solid var(--line);justify-content:space-between;align-items:center;margin:20px 0;padding:16px 0;display:flex}.letter-example>span:first-child{font-size:35px}.letter-example>span:last-child{color:var(--muted)}.letter-audio{flex-wrap:wrap;gap:10px;display:flex}.letter-audio .secondary{font-size:12px}.inline-check{align-items:center;gap:8px;margin:15px 0;font-size:12px;font-weight:400;display:flex}.inline-check input{width:auto;accent-color:var(--focus);margin:0}.alphabet-quiz{margin-bottom:24px;padding:26px!important}.alphabet-choices{gap:12px;margin:22px 0;display:flex}.alphabet-choices>button{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;min-width:80px;min-height:85px;font-size:45px}.alphabet-choices>button.right{background:var(--surface-raised);color:var(--accent);opacity:1}.alphabet-quiz [role=status] .primary{margin-top:15px}.alphabet-quiz>.primary{margin-top:20px}.course-navigation{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:28px;padding-bottom:10px;display:flex}.course-navigation button{color:var(--muted);border-radius:9px;padding:10px 16px}.course-navigation .selected{background:var(--surface-raised);color:var(--accent);font-weight:700}.course-hub-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px;display:grid}.course-resume{color:#ecf4ed;background:#214e46;border-radius:16px;padding:32px}.course-resume h2{margin:14px 0;font-family:Georgia,serif;font-size:30px;line-height:1.3}.course-resume p{color:#d7e8df;margin-bottom:22px}.course-resume .eyebrow{color:#e6cf9f}.course-resume .secondary{color:#fff;background:0 0;border:1px solid #b5c8c0}.course-resume small{color:#d7e8df;margin-top:20px;display:block}.course-overall{flex-direction:column;justify-content:center;display:flex;padding:28px!important}.course-overall strong{color:var(--accent);margin:8px 0;font-size:48px;font-weight:500}.course-overall progress{width:100%;height:12px;accent-color:var(--focus)}.course-overall p{margin:12px 0}.course-overall small{color:var(--muted);line-height:1.6}.course-actions{grid-template-columns:1fr 1fr;gap:22px;margin:22px 0;display:grid}.course-actions>.panel{text-align:left;border:1px solid var(--line);min-height:190px;padding:26px}.course-actions h2{margin:10px 0}.course-actions b{color:var(--accent);margin-top:18px;font-size:13px;display:block}.course-actions>.panel:hover{background:var(--surface-soft)}.course-purpose{max-width:850px;margin:20px 0 30px;font-size:13px}.course-tools{flex-wrap:wrap;gap:10px;display:flex}.writing-pad{border:1px solid var(--line);background:var(--surface);touch-action:none;border-radius:12px;width:100%;max-width:500px;margin-block:1rem;display:block}.assessment-letter{font-size:2.5rem}fieldset{border:1px solid var(--line);border-radius:12px;margin-block:1rem;padding:1rem}.pdf-loading{min-height:300px;color:var(--muted);background:var(--surface-soft);text-align:center;justify-content:center;align-items:center;padding:30px;font-size:12px;display:flex}.section-loading{min-height:300px;padding:32px}.loading-placeholder{background:var(--surface-soft);border-radius:8px;width:85%;height:20px;margin-top:24px}.loading-placeholder.short{width:55%}.startup-loading{max-width:760px;margin:10vh auto;padding:36px}@media (width>=1500px){.hero{min-height:310px}.hero h2{font-size:35px}.hero-copy{padding:36px}.arch{width:180px;height:250px}.arch>span{font-size:160px}.alphabet-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=1150px){.sidebar{width:200px;padding-left:14px;padding-right:14px}main{width:calc(100% - 200px);margin-left:200px}.content{padding:30px 26px}.topbar{padding:12px 26px}.home-grid{grid-template-columns:1fr}.daily{display:none}.level-grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:270px}.reader-grid,.exercise-grid{grid-template-columns:minmax(0,1fr)}.lesson-outline{max-height:270px;position:static}.books{grid-template-columns:repeat(2,1fr)}.heading h1{font-size:29px}.date{display:none}.today-layout{grid-template-columns:minmax(0,1.7fr) minmax(210px,1fr)}.today-hero{padding:27px}.focus-cards{gap:12px}.focus-card{padding:20px!important}.alphabet-layout{grid-template-columns:1fr}.alphabet-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.letter-detail{max-width:none}.letter-large{min-width:120px}.letter-detail .letter-forms{max-width:600px}.session-toolbar{flex-wrap:wrap}.session-toolbar>div{flex-basis:100%}.session-clock{margin-right:auto}.native-study-grid{grid-template-columns:180px minmax(0,1fr);gap:17px}.native-article{padding:25px}.native-outline button{font-size:10px}}@media (width<=760px){.sidebar{display:none}main{width:100%;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));margin-left:0}.topbar{gap:10px;min-height:70px;padding:12px 18px;font-size:10px}.topbar>span{font-size:10px}.topbar .crumb{margin:0 7px}.topbar .sync{max-width:120px;font-size:9px}.sync{text-align:right;max-width:145px;font-size:8px}.crumb{margin:0 7px}.content{min-width:0;padding:22px 16px 28px}.mobile-nav{z-index:40;padding:6px 4px max(6px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:auto;min-height:64px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{text-align:center;white-space:nowrap;flex-shrink:0;min-width:0;min-height:48px;padding:5px 2px;font-size:.7rem}.mobile-nav #mobile-overflow{background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px var(--shadow-color);grid-template-columns:1fr 1fr;max-height:65vh;padding:1rem;display:grid;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.mobile-nav #mobile-overflow button{min-height:48px}.heading{flex-flow:column wrap;align-items:flex-start;gap:14px}.heading h1{font-size:28px;line-height:1.2}.heading p{font-size:15px}.heading .date{display:none}.eyebrow{font-size:9px}.hero-copy{max-width:68%;padding:25px}.hero h2{font-size:25px}.hero p{font-size:10px}.hero-art{width:32%}.arch{width:95px;height:200px}.arch>span{font-size:110px}.arch>small{font-size:15px}.art-caption{display:none}.art-star{font-size:22px;right:10px}.stat-strip{gap:0;padding:15px 0}.stat-strip>div{flex-direction:column;gap:6px}.stat-strip>div>div{text-align:center}.stat-icon{display:none}.stat-strip b{font-size:21px}.stat-strip small{font-size:8px}.level-grid{grid-template-columns:repeat(2,1fr);gap:12px}.level-card{padding:15px}.level-card h3{font-size:12px}.level-card p{font-size:9px}.level-status{font-size:8px}.section-heading h2{font-size:20px}.section-heading .text-button{max-width:115px;font-size:9px}.bottom-note{flex-wrap:wrap}.bottom-note button{margin-left:0}.bottom-note p{font-size:10px}.tabs{gap:2px}.tabs button{padding:8px 11px;font-size:11px}.filters{flex-wrap:wrap;gap:14px}.search{border:1px solid var(--line);border-radius:8px;width:100%;padding-left:12px}.search input{width:100%}.lesson-row{gap:12px;padding:17px 13px}.lesson-row h3{font-size:13px}.lesson-row p{font-size:10px}.lesson-state{display:none}.lesson-number{width:32px;height:32px;font-size:11px}.lesson-row>svg{width:16px;margin-left:auto}.exercise-intro{display:block}.exercise-intro select{width:100%;margin-top:20px}.panel{padding:20px}.panel.settings{padding:16px!important}.settings>.panel{margin-top:20px;padding:18px!important}.books{gap:15px}.book-card{padding:12px}.book-cover{border-left-width:5px;padding:15px}.book-cover strong{font-size:45px}.book-cover>span:first-child{font-size:5px}.book-cover>span[lang]{font-size:18px}.book-cover small{font-size:8px}.book-card h2{font-size:14px}.book-card p{font-size:10px}.book-card .primary{padding:9px;font-size:10px}.volume-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.volume-shelf .book-card{padding:12px}.volume-shelf .book-card h2{font-size:17px}.volume-entry{flex-wrap:wrap}.deck-row{flex-wrap:wrap;gap:10px}.deck-row small{width:100%}.deck-row>*{overflow-wrap:anywhere;min-width:0}.activity-grid{grid-template-columns:repeat(7,1fr)}.quiz form{flex-direction:column}.modal{padding:25px}.flashcard>div{font-size:28px}.primary,.secondary{font-size:11px}.reader-toolbar{padding:10px;font-size:10px}.reader-toolbar b{max-width:75%}footer{flex-wrap:wrap;gap:15px;padding:20px 18px;font-size:7px}footer span{font-size:8px}.footer-links{line-height:2}.footer-links a{padding-block:6px;display:inline-block}input,select,textarea{max-width:100%;min-height:44px;font-size:16px}button.primary,button.secondary,.back,.tabs button,.native-tabs button,summary{min-height:44px}.row,.filters,.review-actions,.native-article-actions,.session-toolbar{flex-wrap:wrap;gap:10px}.question-footer{flex-wrap:wrap;gap:8px;padding:16px}.question-footer .primary,.question-footer .secondary{padding:10px 12px}.finish-stats{flex-wrap:wrap}.session-steps{max-height:7rem;overflow:auto}.library-resources,.native-study-grid,.native-article,.question-shell,.question-card{min-width:0}.today-layout{grid-template-columns:1fr}.today-hero{min-height:315px;padding:27px}.today-hero h2{font-size:36px}.today-goal{text-align:left;gap:6px 20px;justify-content:initial;grid-template-columns:100px 1fr;display:grid;padding:20px!important}.today-goal .goal-orbit{grid-area:1/1/5;width:100px;height:100px}.today-goal .goal-orbit strong{font-size:30px}.today-goal>.eyebrow,.today-goal>h3,.today-goal>p,.today-goal>.text-button{grid-column:2}.today-goal .eyebrow{font-size:9px}.today-goal h3{font-size:14px}.today-goal p{font-size:12px}.today-goal .text-button{justify-content:flex-start;font-size:11px}.focus-cards{grid-template-columns:1fr}.focus-card{grid-template-columns:42px 1fr;gap:7px 16px;min-height:0;display:grid}.focus-card .focus-symbol{grid-row:1/5;margin:0}.focus-card .eyebrow,.focus-card h3,.focus-card p,.focus-card b{grid-column:2;margin:0}.focus-card h3{font-size:17px}.focus-card b{margin-top:9px}.focus-card .eyebrow{font-size:9px}.progress-summary{grid-template-columns:1fr;gap:10px}.progress-summary .panel{grid-template-columns:1fr auto;gap:0;display:grid;padding:18px!important}.progress-summary .eyebrow{grid-column:1;margin-bottom:5px;font-size:9px}.progress-summary strong{grid-area:1/2/3;font-size:27px}.progress-summary p{grid-column:1;font-size:11px}.next-level{grid-template-columns:1fr;gap:20px;padding:23px!important}.remaining-hours{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.remaining-hours strong{font-size:32px}.progress-detail-grid,.practice-catalog,.library-resources{grid-template-columns:1fr}.alphabet-grid-panel,.letter-detail{padding:19px!important}.alphabet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.alphabet-grid>button{min-height:82px}.alphabet-grid>button small{font-size:12px}.alphabet-choices{flex-wrap:wrap;gap:8px}.alphabet-choices>button{flex:1;min-width:60px;min-height:70px;font-size:37px}.alphabet-layout{gap:16px}.letter-heading{gap:15px}.letter-heading h2{font-size:28px}.letter-large{min-width:85px;font-size:90px}.letter-forms span{font-size:32px}.letter-forms small{font-size:12px}.letter-forms{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-example{flex-wrap:wrap;gap:12px}.letter-audio{flex-direction:column}.letter-audio .secondary{justify-content:center}.session-toolbar{gap:10px;padding:17px}.session-toolbar h2{font-size:20px}.session-toolbar .secondary{padding:9px 12px}.session-reading{padding:20px!important}.session-clock{font-size:16px}.session-caption{line-height:1.7}.guided-finish .finish-stats{flex-wrap:wrap}.error-review{padding:22px!important}.error-review h2{font-size:22px}.error-review p{font-size:13px}.review-mark{display:none}.translation-note{margin-bottom:18px;font-size:11px}.language-switch{margin-left:auto}.panel label select{width:100%;margin:8px 0 0;display:block}.inline-check{min-height:44px}.inline-check input{width:24px;height:24px;min-height:24px}.full{width:100%}.answer-actions{flex-wrap:wrap}.native-tabs{gap:6px;margin-bottom:25px;display:flex;overflow-x:auto}.native-tabs button{flex-shrink:0;gap:6px;padding:12px 9px;font-size:9px}.native-tabs button span{font-size:12px}.native-tabs small{padding:2px 4px;font-size:8px}.native-study-grid{flex-direction:column;display:flex}.native-outline{border:1px solid var(--line);border-radius:9px;width:100%;max-height:220px;padding:12px;position:static;overflow:auto}.native-outline button{padding:9px;font-size:11px}.native-outline .eyebrow{margin:0 0 8px}.native-article{width:100%;padding:18px!important}.native-article>h2{font-size:25px}.native-prose p{font-size:14px}.native-prose h3{font-size:17px}.native-prose .arabic-paragraph{padding:16px;font-size:20px}.native-table{font-size:11px}.native-table td,.native-table th{padding:9px 11px}.mastery-pill{font-size:10px}.practice-bar{display:block}.practice-bar select{width:100%;margin-top:18px}.question-card{padding:25px 21px}.question-card>h2{font-size:18px}.question-status{padding:17px 21px;font-size:10px}.question-prompt{font-size:21px}.question-prompt .arabic-inline{font-size:34px}.choice-options button{padding:14px;font-size:15px}.choice-options .arabic-inline{font-size:25px}.session-finish{padding:30px 20px}.session-finish .review-actions{flex-direction:column}.feedback{padding:20px}.resource-native{padding:22px 18px}.native-article-actions .primary,.native-article-actions .secondary{padding:10px 12px;font-size:10px}.course-hub-grid,.course-actions{grid-template-columns:1fr}.course-resume{padding:24px}.course-resume h2{font-size:25px}.course-resume .row>*{width:100%;margin:0}.course-navigation{gap:3px}.course-navigation button{padding:10px 9px;font-size:12px}.course-overall{padding:22px!important}.course-overall strong{font-size:40px}.course-actions>.panel{min-height:0;padding:22px}}@media (width<=650px){.topbar{gap:8px;padding:12px 16px}.topbar>span{flex:1;font-size:11px}.language-switch{order:0;gap:2px;margin-left:auto;padding:3px}.language-switch button{min-height:36px;padding:6px 9px}.language-name{display:none}.language-globe{width:15px;height:15px;margin:0 5px}.topbar .sync{background:0 0;order:2;justify-content:flex-end;width:100%;padding:0}}@media (width<=375px){.content{padding-inline:12px}.panel{padding:16px!important}.today-hero{padding:22px}.topbar{padding-inline:12px}.language-name{display:none}.letter-forms span{font-size:28px}.native-tabs button{padding:10px 7px}.answer-actions{flex-wrap:wrap}.today-goal{grid-template-columns:90px 1fr!important;gap:8px!important}}@media (width<=360px){.volume-shelf{grid-template-columns:1fr}.volume-shelf .book-cover{aspect-ratio:1.1}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f7f7;--ink:#20373a;--muted:#516b6e;--line:#d5e2e3;--surface:#fff;--surface-soft:#edf4f4;--surface-raised:#e1eded;--accent:#226f70;--accent-solid:#226f70;--accent-hover:#195c60;--accent-soft:#dcefed;--on-accent:#fff;--focus:#297f81;--nav:#142b30;--inverse:#edf5f5;--inverse-muted:#b3cbcd;--inverse-hover:#192b30;--inverse-active:#214348;--hero:#214348;--gold:#9adbd5;--gold-hover:#b6ebe6;--on-gold:#102c2d;--success:#28634f;--success-bg:#e6f3ed;--success-line:#86b1a0;--warning:#80581c;--warning-bg:#faf1df;--warning-line:#c8a263;--danger:#a53e42;--danger-bg:#faeaeb;--danger-line:#ce8c91;--shadow-color:#17383b14;--overlay:#10252acc;--teal:var(--accent);--text-secondary:var(--muted)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090d0f;--ink:#e7efef;--muted:#a3b3b5;--line:#2b3a3e;--surface:#12191c;--surface-soft:#182226;--surface-raised:#213035;--accent:#79d6ce;--accent-solid:#75cfc6;--accent-hover:#91e1d9;--accent-soft:#183b3c;--on-accent:#092526;--focus:#a0e7e0;--nav:#0b1215;--inverse:#edf5f5;--inverse-muted:#b3cbcd;--inverse-hover:#192b30;--inverse-active:#214348;--hero:#142b30;--gold:#9adbd5;--gold-hover:#b6ebe6;--on-gold:#102c2d;--success:#99d9be;--success-bg:#19352e;--success-line:#497f6a;--warning:#e7c58b;--warning-bg:#352d20;--warning-line:#9d8153;--danger:#efb2b5;--danger-bg:#392428;--danger-line:#ae7379;--shadow-color:#00000045;--overlay:#030708d9;--teal:var(--accent);--text-secondary:var(--muted)}::selection{background:var(--accent-soft);color:var(--ink)}input,select,textarea{border-color:var(--line);background:var(--surface);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input,progress{accent-color:var(--accent)}.primary{background:var(--accent-solid);color:var(--on-accent)}.primary:hover{background:var(--accent-hover)}.primary.light{background:var(--gold);color:var(--on-gold)}.primary.light:hover{background:var(--gold-hover)}.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--surface-raised)}.text-button,.context-link,.letter-large,.review-mark{color:var(--accent)}.progress-track,.next-level .progress-track{background:var(--surface-raised)}.progress-track i,.question-shell>.progress-track i{background:var(--accent)}.sidebar{background:var(--nav);color:var(--inverse-muted)}.brand,.nav.active{color:var(--inverse)}.brand-sub,.side-label,.tiny,.profile small,.nav-shortcuts>.eyebrow,.side-note p{color:var(--inverse-muted)}.brand-mark{background:var(--inverse-hover);border-color:var(--inverse-active);color:var(--gold)}.nav:hover{background:var(--inverse-hover)}.nav.active{background:var(--inverse-active)}.nav.active:before{background:var(--gold)}.count{background:var(--inverse-active);color:var(--inverse)}.profile{border-color:var(--inverse-active)}.avatar{background:var(--gold);color:var(--on-gold)}.side-note>span:last-child{color:var(--gold)}.hero,.today-hero,.course-resume{background:var(--hero);color:var(--inverse)}.hero p,.today-hero p,.course-resume p,.course-resume small,.session-recipe{color:var(--inverse-muted)}.today-hero .eyebrow,.course-resume .eyebrow,.pill,.art-star,.arch>span{color:var(--gold)}.arch>small,.art-caption{color:var(--inverse-muted)}.course-resume .secondary{color:var(--inverse);border-color:var(--inverse-muted);background:0 0}.course-resume .secondary:hover{background:var(--inverse-hover)}.book-cover{color:#fff5dd;box-shadow:4px 5px 0 var(--line)}.cover2{background:#75603d;border-color:#56462e}.modal-backdrop{background:var(--overlay)}.language-switch{background:var(--surface-soft);border-color:var(--line)}.language-switch button,.language-globe{color:var(--muted)}.language-switch button:hover{background:var(--surface-raised);color:var(--ink)}.language-switch button[aria-pressed=true]{background:var(--surface);color:var(--accent)}.tabs button.chosen,.native-tabs button.selected,.native-outline button.selected,.course-navigation .selected,.choice-options button.picked,.choice-options button.selected{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.choice-options button.picked:hover:enabled,.choice-options button.selected:hover:enabled,.native-outline button.selected:hover{background:var(--accent-soft);border-color:var(--accent)}.alphabet-grid>button.selected,.session-steps>.current,.activity-grid .active-day{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent)}.alphabet-grid>button.selected small{color:var(--on-accent)}.notice,.feedback,.feedback.retry{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-line)}.feedback.success,.feedback.good,.quiz-result,.lesson-number.complete,.alphabet-choices>button.right,.choice-options button.right,.choice-options button.right:hover:enabled,.session-steps>.past,.milestones .earned>span{background:var(--success-bg);color:var(--success);border-color:var(--success-line)}.feedback.error,.feedback.again,.choice-options button.wrong,.alphabet-choices>button.wrong{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-line)}.feedback.model,.info-banner{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.feedback .feedback-title,.feedback p,.feedback small,.feedback .feedback-label{color:inherit}.sync.error{color:var(--danger)}.strict-hint,.audio-notice{color:var(--warning)}.alphabet-grid>button.needs-work{box-shadow:inset 0 0 0 2px var(--warning-line)}.level-badge,.l1,.l2,.l3,.l4,.l5,.l6{background:var(--accent-soft);color:var(--accent)}.writing-pad{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}.writing-pad path[stroke=\#173f3d]{stroke:var(--ink)}.writing-pad text{fill:var(--ink)}html[data-theme=dark] .hero-art{background:radial-gradient(at bottom,#28666a66 0,#0000 75%)}html[data-theme=dark] .arch{border-color:#79d6ce55}html[data-theme=dark] .arch:before,html[data-theme=dark] .arch:after{border-color:#79d6ce30}html[data-theme=dark] .pill{border-color:#79d6ce55}html[data-theme=dark] .today-art{color:#79d6ce18}html[data-theme=dark] .online{background:var(--accent)}html[data-theme=dark] .book-cover:not(.cover1):not(.cover2):not(.cover3):not(.cover4):not([class*=volume-color-]){background:#214348;border-left-color:#142b30}.hero-art{background:radial-gradient(at bottom,#28666a66 0,#0000 75%)}.arch{border-color:#79d6ce55}.arch:before,.arch:after{border-color:#79d6ce30}.pill{border-color:#79d6ce55}.today-art{color:#79d6ce18}.online{background:#79d6ce}.book-cover:not(.cover1):not(.cover2):not(.cover3):not(.cover4):not([class*=volume-color-]){background:#214348;border-left-color:#142b30}.arabic-word{font:inherit;line-height:inherit;color:inherit;text-underline-offset:.22em;cursor:pointer;border-radius:4px;padding:0 2px;-webkit-text-decoration:underline dotted #438471;text-decoration:underline dotted #438471}.arabic-word:hover,.arabic-word:focus-visible{outline-offset:2px;background:#dcebe3;outline:2px solid #438471}.word-dialog{color:#203c32;background:#fff;border:1px solid #80978d;border-radius:18px;width:min(560px,100% - 28px);max-height:85dvh;padding:0;box-shadow:0 20px 80px #0005}.word-dialog::backdrop{background:#071a18a8}.word-dialog-content{overflow-wrap:break-word;padding:26px}.word-close{margin-bottom:14px;margin-left:auto;display:block}.word-dialog h2{margin:12px 0;font-size:42px;line-height:1.8}.word-dialog h3[lang=ar]{font-size:28px}.word-definition{border-block-start:1px solid #80978d;padding-block:14px}.word-dialog summary{cursor:pointer;min-height:44px}.word-dialog small{display:block}.word-dialog .row{flex-wrap:wrap;gap:10px}html[data-theme=dark] .word-dialog{color:#e6eeea;background:#1c2b30}html[data-theme=dark] .arabic-word{text-decoration-color:#a5dac6}html[data-theme=dark] .arabic-word:hover,html[data-theme=dark] .arabic-word:focus-visible{background:#304b4a;outline-color:#a5dac6}@media (width<=720px){.word-dialog{border-radius:16px;width:calc(100% - 16px);max-height:88dvh}.word-dialog-content{padding:20px}.word-dialog button{min-height:44px}.word-dialog .row>button{flex:1}.arabic-word{padding-inline:4px}}.volume-color-5{background:#4a3355}.native-prose h4{color:var(--ink);margin:24px 0 10px;font-size:15px;line-height:1.5}.native-prose p.native-note{border-left:2px solid var(--line);padding-left:12px;font-size:13px;line-height:1.85}.native-prose .arabic-paragraph.emphasis{font-weight:700}.native-table.headless tr:nth-child(2n){background:0 0}.native-table.headless tr:nth-child(odd){background:var(--surface-soft)}.native-table.headless td:first-child:has(>.arabic-inline:only-child){min-width:0}.exercise-link{text-align:left;width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);cursor:pointer;border-radius:10px;align-items:center;gap:14px;margin:12px 0;padding:14px 18px;font-size:15px;display:flex}.exercise-link .eyebrow{flex:none}.exercise-link b{color:var(--accent);margin-left:auto}.exercise-link:hover{background:var(--surface-soft)}.exercise-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.native-prose p.exercise-link.static{cursor:default;color:var(--muted)}.activity-solution{border-top:1px solid var(--line);margin-top:10px;padding-top:6px}.activity-solution .native-prose p{font-size:14px}.activity-solution .native-prose .arabic-paragraph{margin:14px 0;padding:14px 18px;font-size:20px}.native-table td[dir=rtl],.native-table th[dir=rtl]{text-align:right}.native-prose .arabic-paragraph+.arabic-paragraph{border-top-left-radius:0;border-top-right-radius:0;margin-top:-22px;padding-top:4px}.native-prose .arabic-paragraph:has(+.arabic-paragraph){border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:8px}@font-face{font-family:Inter Var;src:url(../fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Var;src:url(../fonts/inter-latin-ext.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Naskh;src:url(../fonts/noto-naskh-arabic-400.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Naskh;src:url(../fonts/noto-naskh-arabic-700.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"Inter Var", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-ar:"Naskh", "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", serif;--sidebar-w:248px;--content-w:1120px;--r-lg:18px;--r:14px;--r-sm:10px;--bg:#f6f4ef;--ink:#1b2b2a;--muted:#5b6b68;--faint:#636f6d;--line:#e4dfd4;--line-strong:#d2ccbf;--surface:#fff;--surface-soft:#f2efe7;--surface-raised:#ebe7dc;--accent:#1d6b62;--accent-solid:#1d6b62;--accent-hover:#155249;--accent-soft:#e0eeea;--accent-ink:#12453f;--on-accent:#fff;--gold:#b9832b;--gold-soft:#f6ead2;--focus:#2b8a7f;--nav:#0f2e2b;--nav-ink:#d5e4e0;--nav-muted:#8fb0aa;--nav-active:#1c4741;--hero:#12423c;--hero-ink:#f2f7f5;--success:#2c7650;--success-bg:#e5f2ea;--success-line:#9ccbb0;--warning:#93601a;--warning-bg:#fbf0dc;--warning-line:#e0bd84;--danger:#a93f3c;--danger-bg:#fbe9e7;--danger-line:#e2a29e;--word-tint:#1d6b6214;--word-hover:#1d6b622b;--shadow-color:#2a24140f;--shadow:0 1px 2px #2a241408, 0 6px 22px #2a24140d;--shadow-lg:0 2px 4px #2a24140a, 0 18px 44px #2a241418;--overlay:#0d1f1ccc;--inverse:#edf5f5;--inverse-muted:#b3cbcd}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1312;--ink:#e6eeeb;--muted:#a2b1ad;--faint:#8a9b97;--line:#24312e;--line-strong:#31413d;--surface:#131c1b;--surface-soft:#182322;--surface-raised:#1f2c2a;--accent:#6dcfbf;--accent-solid:#5fc2b2;--accent-hover:#86ddcf;--accent-soft:#15302c;--accent-ink:#a6eadf;--on-accent:#062621;--gold:#e2b665;--gold-soft:#2e2617;--focus:#8fe3d6;--nav:#0a1715;--nav-ink:#d5e4e0;--nav-muted:#7f9c96;--nav-active:#17312d;--hero:#12322d;--hero-ink:#eef6f3;--success:#8fd6ae;--success-bg:#14301f;--success-line:#3f7a58;--warning:#ebc27e;--warning-bg:#2f2616;--warning-line:#8a6a35;--danger:#f0aaa6;--danger-bg:#361d1c;--danger-line:#8f4d49;--word-tint:#6dcfbf1c;--word-hover:#6dcfbf38;--shadow:0 1px 2px #0006, 0 8px 24px #0005;--shadow-lg:0 2px 6px #0007, 0 22px 50px #0008;--overlay:#020807d9}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-ui);color:var(--ink);letter-spacing:-.02em}h1{letter-spacing:-.03em;font-size:clamp(28px,3.2vw,38px);font-weight:700;line-height:1.12}h2{font-size:21px;font-weight:650}h3{font-size:17px;font-weight:650}p{color:var(--muted)}[lang=ar],bdi[lang=ar],.arabic-inline,.arabic-paragraph,.large-arabic{font-family:var(--font-ar);font-feature-settings:normal;letter-spacing:0}::selection{background:var(--accent-soft)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input,textarea,select{border-radius:var(--r-sm);border-color:var(--line-strong)}.az-muted{color:var(--muted)}.az-small{color:var(--muted);font-size:13px;line-height:1.55}.az-center{text-align:center}.az-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.az-row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.az-eyebrow,.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600;display:block}.az-eyebrow.az-on-dark{color:#9fe2d5}.az-btn,.primary,.secondary{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14.5px;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.az-btn:active:not(:disabled),.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(1px)}.az-btn-primary,.primary{background:var(--accent-solid);color:var(--on-accent)}.az-btn-primary:hover:not(:disabled),.primary:hover:not(:disabled){background:var(--accent-hover)}.az-btn-outline,.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.az-btn-outline:hover:not(:disabled),.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.az-btn-light{color:#0f3a35;background:#f4fbf9}.az-btn-light:hover{background:#fff}.az-btn-ghost-light{color:#e3f2ee;background:0 0;border-color:#ffffff38}.az-btn-ghost-light:hover{background:#ffffff14}.az-btn-small{min-height:36px;padding:0 14px;font-size:13.5px}.az-btn-block{width:100%}.az-link{min-height:36px;color:var(--accent);align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.az-link:hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.az-link.danger{color:var(--danger)}.az-icon-btn{width:44px;height:44px;color:var(--ink);background:var(--surface-soft);border-radius:999px;place-items:center;display:inline-grid}.az-icon-btn:hover{background:var(--accent-soft);color:var(--accent-ink)}.az-chip{background:var(--surface-soft);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.az-chip-ok{background:var(--success-bg);color:var(--success)}.az-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px}.az-card-title{align-items:center;gap:10px;margin-bottom:10px;font-size:17px;font-weight:650;display:flex}.az-card-title svg{color:var(--accent)}.az-empty{text-align:center;padding:40px 24px}.az-empty-line{color:var(--muted);padding:14px 0}.az-notice{border-radius:var(--r);background:var(--accent-soft);color:var(--accent-ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 10px 10px 16px;font-weight:500;display:flex}.az-notice.warning{background:var(--warning-bg);color:var(--warning)}.az-page-head{max-width:760px;margin-bottom:26px}.az-page-head h1{margin:8px 0 10px}.az-page-head p{font-size:16px}.az-section{margin-top:34px}.az-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.az-section-title{margin-bottom:14px;font-size:19px}.az-section-head .az-section-title{margin:0}.az-back{min-height:40px;color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:inline-flex}.az-back:hover{color:var(--accent)}.az-level-pill{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;place-items:center;min-width:42px;height:28px;padding:0 10px;font-size:13px;font-weight:700;display:inline-grid}.az-level-pill-soft{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.az-shell{min-height:100vh}.az-sidebar{width:var(--sidebar-w);background:var(--nav);color:var(--nav-ink);z-index:30;flex-direction:column;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.az-brand{color:inherit;align-items:center;gap:12px;padding:4px 10px 22px;display:flex}.az-brand-mark{color:#fff;width:40px;height:40px;font-family:var(--font-ar);background:linear-gradient(145deg,#2b8a7f,#165c54);border-radius:12px;place-items:center;padding-bottom:6px;font-size:26px;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff30}.az-brand-name{letter-spacing:-.02em;color:#fff;white-space:nowrap;flex-direction:column;font-size:17px;font-weight:700;display:flex}.az-brand-name small{letter-spacing:.01em;color:var(--nav-muted);font-size:11.5px;font-weight:500}.az-nav{flex-direction:column;flex:1;gap:6px;display:flex}.az-nav-group{flex-direction:column;gap:2px;display:flex}.az-nav-label{letter-spacing:.07em;text-transform:uppercase;color:var(--nav-muted);margin:18px 12px 6px;font-size:11.5px;font-weight:600}.az-nav-link{width:100%;min-height:42px;color:var(--nav-ink);text-align:left;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14.5px;font-weight:550;display:flex}.az-nav-link:hover{color:#fff;background:#ffffff0d}.az-nav-link.active{background:var(--nav-active);color:#fff;box-shadow:inset 3px 0 #6dcfbf}.az-nav-link svg,.az-nav-link .nav-letter{opacity:.9;flex:none}.nav-letter{width:20px;font-family:var(--font-ar);place-items:center;padding-bottom:4px;font-size:20px;line-height:1;display:inline-grid}.az-badge{color:#2b1d04;background:#e6b860;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:12px;font-style:normal;font-weight:700;display:grid}.az-sidebar-foot{border-top:1px solid #ffffff14;padding-top:10px}main.az-main{margin-left:var(--sidebar-w);flex-direction:column;width:auto;min-width:0;min-height:100vh;padding-bottom:0;display:flex}.az-content{width:100%;max-width:calc(var(--content-w) + 96px);outline:none;flex:1;margin:0 auto;padding:40px 48px 56px}.az-content.section-course:has(.native-course){max-width:1240px}.az-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:18px 48px 22px;font-size:13px;display:flex}.az-footer a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.az-topbar,.az-tabbar{display:none}.skip-link{border-radius:var(--r-sm)}.az-home-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.az-home-head h1{margin-top:6px}.az-home-head .az-eyebrow:first-letter{text-transform:uppercase}.az-streak{background:var(--gold-soft);color:var(--gold);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;display:inline-flex}.az-streak strong{color:var(--ink);font-size:16px}.az-streak span{color:var(--muted)}.az-home-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;display:grid}.az-resume{background:radial-gradient(120% 140% at 100% 0%, #1f6f66 0%, var(--hero) 55%, #0c2c28 100%);color:var(--hero-ink);box-shadow:var(--shadow-lg);border-radius:22px;flex-direction:column;grid-row:span 2;min-height:300px;padding:30px;display:flex;position:relative;overflow:hidden}.az-resume-top{align-items:center;gap:10px;margin-bottom:18px;display:flex}.az-resume-code{color:#a9d6cd;letter-spacing:.04em;font-size:13px;font-weight:600}.az-resume h2{color:#fff;letter-spacing:-.025em;max-width:520px;margin:8px 0 18px;font-size:clamp(24px,2.4vw,31px);line-height:1.2}.az-resume-meter{background:#ffffff21;border-radius:6px;max-width:360px;height:6px;overflow:hidden}.az-resume-meter span{border-radius:inherit;background:linear-gradient(90deg,#8fe3d6,#d9f5ee);height:100%;display:block}.az-resume-meta{color:#b9dbd3;margin-top:8px;font-size:13.5px}.az-resume-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:24px;display:flex;position:relative}.az-resume-art{font-family:var(--font-ar);color:#ffffff0f;pointer-events:none;font-size:300px;line-height:1;position:absolute;bottom:-70px;right:-10px}.az-goal{grid-template-columns:auto 1fr;align-items:center;gap:14px 16px;display:grid}.az-goal .az-card-title{margin-bottom:2px}.az-goal p strong{color:var(--ink);font-size:18px}.az-goal .az-btn{grid-column:1/-1;justify-self:start}.az-goal-ring{width:64px;height:64px;position:relative}.az-goal-ring svg{transform:rotate(-90deg)}.az-goal-ring circle{fill:none;stroke-width:7px}.az-goal-ring .track{stroke:var(--surface-raised)}.az-goal-ring .value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s}.az-goal-ring span{place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.az-due-counts{gap:22px;margin:4px 0 16px;display:flex}.az-due-counts div{flex-direction:column;display:flex}.az-due-counts strong{letter-spacing:-.03em;font-size:28px;line-height:1.1}.az-due-counts span{color:var(--muted);font-size:13px}.az-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.az-tool{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);grid-template-rows:auto auto;grid-template-columns:56px 1fr;align-items:center;column-gap:14px;padding:16px;display:grid}.az-tool:hover{border-color:var(--accent)}.az-tool-glyph{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-ink);font-family:var(--font-ar);border-radius:14px;grid-row:span 2;place-items:center;font-size:22px;line-height:1;display:grid}.az-tool strong{color:var(--ink);font-size:15.5px}.az-tool small{color:var(--muted);font-size:13px}.az-levels{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.az-levels button{text-align:left;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);gap:4px;width:100%;padding:14px;display:grid}.az-levels button:hover{border-color:var(--accent)}.az-levels li.current button{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.az-levels strong{font-size:18px}.az-levels span{color:var(--muted);min-height:2.6em;font-size:12.5px;line-height:1.3}.az-levels i,.az-course-total i,.az-lesson-state i{background:var(--surface-raised);border-radius:5px;height:5px;display:block;overflow:hidden}.az-levels b,.az-course-total b,.az-lesson-state b{background:var(--accent);border-radius:inherit;height:100%;display:block}.az-levels small{color:var(--faint);font-size:12px}.az-onboarding{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:22px;padding:30px}.az-onboarding h2{letter-spacing:-.03em;margin:8px 0;font-size:28px}.az-onboarding>p{max-width:640px;font-size:16px}.az-onboarding-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.az-onboarding-options button{text-align:left;border-radius:var(--r-lg);background:var(--surface-soft);border:1.5px solid #0000;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;display:flex}.az-onboarding-options button:hover{border-color:var(--accent);background:var(--surface)}.az-onboarding-options strong{color:var(--ink);margin-top:6px;font-size:16.5px}.az-onboarding-options small{color:var(--muted);font-size:13.5px;line-height:1.45}.az-option-glyph{background:var(--accent-soft);min-width:56px;height:56px;color:var(--accent-ink);font-family:var(--font-ar);border-radius:14px;place-items:center;padding:0 10px;font-size:28px;line-height:1;display:grid}.az-course-strip{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-bottom:26px;display:grid}.az-course-next,.az-course-total{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);align-items:center;gap:14px;padding:16px 18px;display:flex}.az-course-next>div{flex-direction:column;flex:1;min-width:0;display:flex}.az-course-next small,.az-course-total small{color:var(--muted);font-size:12.5px}.az-course-next strong{text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;overflow:hidden}.az-course-total>strong{letter-spacing:-.03em;font-size:26px}.az-course-total>div{flex:1;gap:6px;display:grid}.az-course-tools{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px;display:grid}.az-level-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.az-level-tabs button{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;width:100%;min-width:0;padding:10px 12px;display:flex;overflow:hidden}.az-level-tabs button:hover:not(.active){border-color:var(--accent)}.az-level-tabs button strong{font-size:16px;line-height:1.2}.az-level-tabs button span{color:var(--muted);white-space:normal;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;max-width:100%;font-size:12px;line-height:1.3}.az-level-tabs button.active{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent)}.az-level-tabs button.active span{color:inherit;opacity:.9}@media (width<=1180px){.az-level-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}.az-search{background:var(--surface);border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;align-items:center;gap:8px;width:100%;max-width:460px;padding:0 14px;display:flex}.az-search input{background:0 0;border:0;outline:none;flex:1;width:auto;min-height:44px;margin:0;padding:0;display:block}.az-search:focus-within{outline:3px solid var(--focus);outline-offset:2px}.az-level-head{justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0 12px;display:flex}.az-track-title{margin-top:28px;font-size:16px}.az-lessons{gap:8px;margin:0;padding:0;list-style:none;display:grid}.az-lesson{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:44px minmax(0,1fr) auto 20px;align-items:center;gap:16px;width:100%;padding:14px 18px;display:grid}.az-lesson:hover{border-color:var(--accent);box-shadow:var(--shadow)}.az-lesson.current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.az-lesson-num{background:var(--surface-soft);width:44px;height:44px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;font-size:14px;font-weight:700;display:grid}.az-lesson.done .az-lesson-num{background:var(--success-bg);color:var(--success)}.az-lesson.current .az-lesson-num{background:var(--accent-solid);color:var(--on-accent)}.az-lesson-body{flex-direction:column;gap:1px;min-width:0;display:flex}.az-lesson-body small{color:var(--faint);letter-spacing:.03em;font-size:12px;font-weight:600}.az-lesson.current .az-lesson-body small{color:var(--accent)}.az-lesson-body strong{color:var(--ink);font-size:15.5px;font-weight:620;line-height:1.35}.az-lesson-meta{color:var(--muted);font-size:13px}.az-lesson-state{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.az-lesson-state i{width:64px}.az-lesson.done .az-lesson-state{color:var(--success)}.az-lesson-arrow{color:var(--faint)}.az-course-foot{border-top:1px dashed var(--line-strong);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;display:flex}.native-course .native-back{color:var(--muted);align-items:center;gap:6px;min-height:40px;font-weight:600;display:inline-flex}.native-course .lesson-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:6px 0 18px;display:flex}.native-course .lesson-heading h1{unicode-bidi:plaintext;margin-top:6px;font-size:clamp(25px,2.8vw,34px)}.mastery-pill{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px}.native-tabs{background:var(--surface-soft);border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:14px;gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.native-tabs button{min-height:40px;color:var(--muted);border:0;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:0;font-weight:600;display:inline-flex}.native-tabs button span{font-size:14.5px}.native-tabs button small{background:var(--surface-raised);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.native-tabs button.selected{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.native-tabs button.selected small{background:var(--accent-soft);color:var(--accent-ink)}.native-study-grid{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:28px;display:grid}.native-outline{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);max-height:calc(100vh - 40px);padding:14px 10px;position:sticky;top:20px;overflow-y:auto}.native-outline .eyebrow{padding:0 10px 8px;font-size:11.5px}.outline-toggle{display:none}.native-outline button{text-align:left;width:100%;min-height:38px;color:var(--muted);background:0 0;border-radius:10px;grid-template-columns:28px 1fr;gap:6px;margin:0;padding:7px 10px;font-size:13.5px;line-height:1.35;display:grid}.native-outline button>span:first-child{font-variant-numeric:tabular-nums;color:var(--faint);padding-top:1px;font-size:12.5px;font-weight:600}.native-outline button:hover{background:var(--surface-soft);color:var(--ink)}.native-outline button.selected{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.native-outline button.selected>span:first-child{color:var(--accent)}.native-outline .arabic-inline{font-size:1.35em}.native-article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);min-width:0;padding:30px 38px 28px}html[data-width=comfortable] .native-article{max-width:820px}.article-top{color:var(--muted);letter-spacing:.03em;justify-content:space-between;font-size:12.5px;font-weight:600;display:flex}.progress-track{background:var(--surface-raised);border-radius:5px;height:5px;margin:10px 0 22px;overflow:hidden}.progress-track i{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s;display:block}.native-article>h2{letter-spacing:-.025em;font-size:26px;font-weight:680;font-family:var(--font-ui);margin-bottom:16px}.native-outline .outline-title{min-width:0}.native-prose{font-size:var(--reading-size);line-height:var(--reading-leading);color:var(--ink)}.native-prose p,.native-prose .native-list{color:var(--ink);margin:0 0 14px}.native-prose h3{color:var(--accent-ink);margin:26px 0 10px;font-size:18.5px}.native-prose h4{margin:18px 0 8px;font-size:16px}.native-prose .native-note{color:var(--muted);font-size:.9em}.arabic-inline{font-size:calc(1.32em * var(--arabic-scale));line-height:1.3}.native-prose .arabic-paragraph{font-size:calc(1.75rem * var(--arabic-scale));background:var(--surface-soft);border-radius:var(--r);color:var(--ink);margin:6px 0 18px;padding:14px 20px;line-height:2.05}.native-prose .arabic-paragraph .arabic-inline{font-size:1em}.arabic-word{font:inherit;color:inherit;background:var(--word-tint);min-height:0;line-height:inherit;cursor:pointer;outline-offset:1px;border-radius:.3em;padding:0 .12em;text-decoration:none!important}.arabic-word:hover,.arabic-word:focus-visible{background:var(--word-hover);box-shadow:0 0 0 2px var(--accent);outline:none}.native-table .arabic-word,.model-answer .arabic-word,.question-prompt .arabic-word,.native-outline .arabic-word{background:0 0}.native-table .arabic-word:hover{background:var(--word-hover)}html[data-theme=dark] .arabic-word{text-decoration:none}.native-table-wrap{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin:10px 0 20px;overflow-x:auto}.native-table{border-collapse:collapse;width:100%;font-size:.95em}.native-table th{background:var(--surface-soft);text-transform:none;letter-spacing:0;color:var(--muted);text-align:start;border-bottom:1px solid var(--line);padding:10px 14px;font-size:12.5px;font-weight:650}.native-table td{border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink);padding:10px 14px}.native-table tr:last-child td{border-bottom:0}.native-table tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-soft) 55%, transparent)}.native-table .arabic-inline{font-size:calc(1.45em * var(--arabic-scale))}.native-table td[dir=rtl]{text-align:right}.native-article-actions{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:26px;padding-top:20px;display:flex}.exercise-link{text-align:left;border-radius:var(--r);background:var(--accent-soft);width:100%;color:var(--accent-ink);border:0;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;display:flex}.exercise-link .eyebrow{font-size:11px}.native-article details,.native-course details{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin-top:14px;padding:4px 16px}.native-article details>summary{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;font-weight:600;display:flex}.practice-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.practice-bar h2{font-size:22px}.practice-bar select{border-radius:999px;min-width:280px;max-width:100%;padding:0 16px}.question-shell{background:var(--surface);border:1px solid var(--line);max-width:820px;box-shadow:var(--shadow-lg);border-radius:22px;margin:0 auto;overflow:hidden}.question-status{color:var(--muted);justify-content:space-between;gap:12px;padding:16px 24px 0;font-size:13px;font-weight:600;display:flex}.question-shell>.progress-track{margin:10px 24px 0}.question-card{padding:22px 28px 26px}.question-mode{letter-spacing:.07em;color:var(--accent);text-transform:uppercase;font-size:11.5px;font-weight:700}.question-card>h2{color:var(--muted);letter-spacing:0;margin:8px 0 14px;font-size:15.5px;font-weight:600;line-height:1.5}.question-prompt{color:var(--ink);margin:6px 0 16px;font-size:21px;line-height:1.6}.question-prompt[dir=rtl]{text-align:right;font-size:23px}.question-prompt .arabic-inline{font-size:calc(1.6em * var(--arabic-scale))}.listen-button{background:var(--surface-soft);min-height:36px;color:var(--accent-ink);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.choice-options{gap:10px;margin-top:14px;display:grid}.choice-options button{text-align:left;border-radius:var(--r);border:1.5px solid var(--line-strong);background:var(--surface);min-height:56px;color:var(--ink);box-shadow:none;align-items:center;gap:14px;padding:14px 16px;font-size:16.5px;display:flex}.choice-options button span:first-child{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.choice-options button:hover:not(:disabled){border-color:var(--accent)}.choice-options button.picked{border-color:var(--danger-line);background:var(--danger-bg)}.choice-options button.right{border-color:var(--success-line);background:var(--success-bg)}.answer-label{color:var(--muted);margin-top:8px;font-size:13px;font-weight:600}.answer-label textarea{border-radius:var(--r);background:var(--surface-soft);border-color:var(--line);min-height:110px;margin-top:8px;font-size:18px}.answer-label textarea[dir=auto]:lang(ar),.answer-label textarea{font-family:var(--font-ui), var(--font-ar)}.answer-label textarea:focus{background:var(--surface)}.keyboard-details summary{min-height:40px;color:var(--accent);cursor:pointer;align-items:center;font-weight:600;display:flex}.arabic-keys{flex-wrap:wrap;gap:6px;padding:10px 0;display:flex}.arabic-keys button{background:var(--surface-soft);border:1px solid var(--line);min-width:42px;min-height:42px;font-family:var(--font-ar);border-radius:10px;font-size:21px}.context-link{color:var(--accent);min-height:40px;font-size:13.5px;font-weight:600;text-decoration:none}.feedback{border-radius:var(--r);border:1px solid var(--line);background:var(--surface-soft);margin-top:18px;padding:16px 18px}.feedback.success{background:var(--success-bg);border-color:var(--success-line)}.feedback.retry{background:var(--warning-bg);border-color:var(--warning-line)}.feedback-title{color:var(--ink);margin-bottom:4px;font-size:17px;font-weight:700}.feedback.success .feedback-title{color:var(--success)}.feedback.retry .feedback-title{color:var(--warning)}.grade-note{color:var(--ink);margin:2px 0 8px}.feedback-label{letter-spacing:.07em;color:var(--muted);margin-top:12px;font-size:11.5px;font-weight:700;display:block}.model-answer{color:var(--ink);margin-top:4px;font-size:18px}.model-answer .arabic-inline{font-size:calc(1.5em * var(--arabic-scale))}.item-feedback p{color:var(--ink);margin-top:4px}.override{border-top:1px dashed var(--warning-line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.override small{color:var(--muted);font-size:13px}.override .secondary{min-height:36px;font-size:13.5px}.self-grade{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.self-grade span{color:var(--ink);font-weight:600}.question-footer{border-top:1px solid var(--line);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex}.question-footer .back{color:var(--muted);font-weight:600}.answer-actions{gap:10px;display:flex}.session-finish{text-align:center;max-width:640px;margin:0 auto;padding:34px}.finish-mark{background:var(--success-bg);width:56px;height:56px;color:var(--success);border-radius:50%;place-items:center;margin-bottom:10px;font-size:26px;display:inline-grid}.finish-stats{justify-content:center;gap:28px;margin:18px 0;display:flex}.finish-stats strong{font-size:30px;display:block}.finish-stats span{color:var(--muted);font-size:13px}.review-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.az-review-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.error-review{margin:0}.error-review h2{margin-top:6px;font-size:19px}.error-review .review-mark{display:none}.review-origins{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.review-origins span{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12.5px}.flashcard{text-align:center;border-radius:var(--r-lg);background:linear-gradient(160deg, var(--surface-soft), var(--surface));border:1px solid var(--line);cursor:pointer;min-height:210px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:8px 0 12px;padding:24px;display:flex}.flashcard>div{color:var(--ink);font-size:22px;font-weight:600}.flashcard>div[lang=ar]{font-size:calc(40px * var(--arabic-scale));font-weight:400;line-height:1.6}.flashcard.flipped{background:var(--surface);border-color:var(--accent)}.flashcard small{color:var(--muted)}.az-rate{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.az-rate button{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:52px;font-weight:650;display:flex}.az-rate button small{color:var(--muted);font-size:11.5px;font-weight:500}.az-rate .again{color:var(--danger)}.az-rate .good{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent-solid)}.az-decks{margin-bottom:18px}.az-deck-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.az-deck-row>div{flex-direction:column;min-width:0;display:flex}.az-deck-row strong{unicode-bidi:plaintext;font-size:14.5px}.az-deck-row small{color:var(--muted);font-size:12.5px}.az-deck-row.compact{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-soft);margin-top:16px;padding:12px 14px}.az-deck-list summary{cursor:pointer;align-items:center;min-height:44px;font-weight:650;display:flex}.az-deck-list ul{margin:0;padding:0;list-style:none}.az-deck-list li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.az-deck-list li b[lang=ar]{font-family:var(--font-ar);font-size:22px;font-weight:400}.az-deck-list small{color:var(--faint);font-variant-numeric:tabular-nums}.az-writing-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);align-items:start;gap:18px;display:grid}.az-board-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.az-board-head h2{margin-top:4px;font-size:24px}.az-segmented{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.az-segmented button{min-height:40px;color:var(--muted);border-radius:9px;font-size:14px;font-weight:600}.az-segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.az-segmented-small{margin-top:8px}.az-segmented-small button{min-height:34px;font-size:13px}.az-hint{color:var(--muted);margin:10px 0 12px;font-size:13.5px}.az-board{border-radius:var(--r);border:1px solid var(--line-strong);background:#fffdf7;position:relative;overflow:hidden}html[data-theme=dark] .az-board{background:#10181a}.az-board svg{aspect-ratio:640/360;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;display:block}.az-board-lines path{stroke:var(--line-strong);stroke-width:1.5px;fill:none}.az-board-guide{font-family:var(--font-ar);fill:var(--accent);opacity:.16;pointer-events:none;font-size:230px}.az-board-direction path{stroke:var(--faint);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.az-ink{fill:none;stroke:var(--ink);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.az-board-model{background:var(--surface);border:1px solid var(--line);min-width:64px;min-height:64px;box-shadow:var(--shadow);border-radius:12px;place-items:center;padding:0 10px;display:grid;position:absolute;top:10px;right:12px}.az-board-model span{font-family:var(--font-ar);color:var(--accent);font-size:46px;line-height:1.5}.az-board-model button{color:var(--accent);align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:600;display:inline-flex}.az-board-placeholder{color:var(--faint);pointer-events:none;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.az-board-tools{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.az-board-tools button{min-height:38px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;display:inline-flex}.az-board-tools button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-ink)}.az-board-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.az-board-message{color:var(--accent-ink);font-weight:500}.az-letter-card{text-align:center;position:sticky;top:20px}.az-letter-big{font-family:var(--font-ar);color:var(--accent);background:var(--surface-soft);border-radius:var(--r);margin-bottom:14px;font-size:120px;line-height:1.55}.az-forms{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.az-forms button{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;padding:8px 2px;display:flex}.az-forms button span{font-family:var(--font-ar);color:var(--ink);font-size:30px;line-height:1.5}.az-forms button small{color:var(--muted);font-size:11px}.az-forms button.active{border-color:var(--accent);background:var(--accent-soft)}.az-example{border-radius:var(--r);background:var(--surface-soft);justify-content:center;align-items:center;gap:14px;margin:12px 0;padding:12px;display:flex}.az-example span{font-family:var(--font-ar);font-size:32px;line-height:1.5}.az-letter-strip{grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;margin:18px 0 8px;display:grid}.az-letter-strip button{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);font-family:var(--font-ar);border-radius:12px;padding-bottom:6px;font-size:24px;line-height:1;position:relative}.az-letter-strip button.done:after{content:"";background:var(--success);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:6px}.az-letter-strip button[aria-pressed=true]{background:var(--accent-solid);color:var(--on-accent);border-color:var(--accent-solid)}.letter-actions{justify-items:start;gap:14px;margin:18px 0 12px;display:grid}.letter-actions .letter-audio{flex-wrap:wrap;gap:10px;display:flex}.letter-actions .letter-audio button{align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;display:inline-flex}.speed-toggle{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.speed-toggle>span{color:var(--muted);padding:0 8px 0 10px;font-size:13px}.speed-toggle button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600}.speed-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.write-link{align-items:center;gap:6px;min-height:44px;display:inline-flex}@media (width<=900px){.letter-actions{justify-items:stretch}.letter-actions .letter-audio{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.letter-actions .letter-audio button{white-space:normal;text-align:center;justify-content:center;min-width:0;padding:6px 10px;font-size:13.5px;line-height:1.25}.speed-toggle{justify-self:start}}@media (width<=359px){.letter-actions .letter-audio{grid-template-columns:1fr}}.az-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.az-settings-wide{grid-column:1/-1}.az-settings-wide>.panel{margin:0}.az-settings-card p{margin-bottom:12px}.az-settings-card label select{margin-top:8px}.az-checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.az-checklist li{color:var(--muted);padding-left:26px;font-size:14px;line-height:1.5;position:relative}.az-checklist li:before{content:"";background:var(--warning-line);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:4px}.az-checklist li.ok:before{background:var(--success)}.az-checklist .az-link{min-height:32px;display:block}.panel.spaced h2{margin-bottom:8px}.inline-check{align-items:center;gap:10px;display:flex}.inline-check input{width:20px;min-height:20px;margin:0}.heading{margin-bottom:22px}.heading h1{margin:6px 0 8px}.empty.panel{text-align:center}.large-arabic{color:var(--accent);font-size:64px}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--line);border-radius:22px}.modal .close{position:absolute;top:14px;right:14px}.modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.az-loading{padding:30px 0}.az-loading h2{margin:6px 0 16px}.az-skeleton{border-radius:var(--r-lg);background:linear-gradient(90deg, var(--surface-soft), var(--surface-raised), var(--surface-soft));background-size:200% 100%;height:120px;margin-bottom:12px;animation:1.4s infinite az-shimmer}.az-skeleton.short{width:60%;height:60px}@keyframes az-shimmer{to{background-position:-200% 0}}html[data-motion=reduce] *,html[data-motion=reduce] :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.az-skeleton{animation:none}}@media (width<=1180px){:root{--sidebar-w:220px}.az-content{padding:32px 30px 48px}.native-study-grid{grid-template-columns:230px minmax(0,1fr);gap:20px}.native-article{padding:26px 26px 24px}.az-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.az-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){body{font-size:15px}.az-sidebar{display:none}main.az-main{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px));margin-left:0}.az-topbar{z-index:25;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);align-items:center;display:flex;position:sticky;top:0}.az-topbar .az-brand{gap:10px;padding:0}.az-topbar .az-brand-mark{border-radius:9px;width:32px;height:32px;padding-bottom:5px;font-size:21px}.az-topbar .az-brand-name{color:var(--ink);font-size:16px}.az-topbar .az-brand-name small{display:none}.az-tabbar{z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -6px 18px #0000000f}.az-tabbar button{min-height:52px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:600;display:flex}.az-tabbar button.active{color:var(--accent)}.az-tabbar button.active .az-tab-icon{background:var(--accent-soft)}.az-tab-icon{border-radius:999px;place-items:center;width:52px;height:30px;display:grid;position:relative}.az-tab-icon .nav-letter{font-size:22px}.az-tab-icon svg path[d^="M5 12h.01"]{stroke-width:3px}.az-dot{background:var(--gold);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:12px}.az-sheet-backdrop{z-index:45;background:var(--overlay);align-items:flex-end;display:flex;position:fixed;inset:0}.az-sheet{width:100%;padding:10px 12px calc(84px + env(safe-area-inset-bottom,0px));background:var(--surface);box-shadow:var(--shadow-lg);border-radius:22px 22px 0 0;animation:.2s ease-out az-sheet-in}@keyframes az-sheet-in{0%{opacity:0;transform:translateY(30px)}}.az-sheet-handle{background:var(--line-strong);border-radius:5px;width:40px;height:5px;margin:2px auto 10px}.az-sheet-item{width:100%;min-height:54px;color:var(--ink);text-align:left;border-radius:14px;align-items:center;gap:14px;padding:0 14px;font-size:16px;font-weight:600;display:flex}.az-sheet-item:hover,.az-sheet-item.active{background:var(--accent-soft);color:var(--accent-ink)}.az-sheet-item .nav-letter{width:22px;font-size:24px}.az-content{padding:20px 16px 34px}.az-footer{padding:16px 16px 20px;font-size:12.5px}.az-page-head{margin-bottom:20px}.az-page-head p{font-size:15px}h1{font-size:28px}.az-home-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.az-home-grid{grid-template-columns:1fr;gap:12px}.az-resume{border-radius:20px;grid-row:auto;min-height:0;padding:22px}.az-resume h2{margin-bottom:14px;font-size:23px}.az-resume-actions .az-btn{flex:auto}.az-resume-art{font-size:220px;bottom:-56px}.az-tools{grid-template-columns:1fr;gap:10px}.az-tool{grid-template-columns:48px 1fr;padding:12px}.az-tool-glyph{width:48px;height:48px;font-size:19px}.az-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.az-levels span{min-height:0}.az-onboarding{padding:20px}.az-onboarding h2{font-size:24px}.az-onboarding-options{grid-template-columns:1fr;gap:10px}.az-onboarding-options button{grid-template-columns:56px 1fr;align-items:center;column-gap:14px;padding:14px;display:grid}.az-option-glyph{grid-row:span 2}.az-onboarding-options strong{margin-top:0}.az-course-strip{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:18px}.az-course-next,.az-course-total{flex-wrap:wrap;min-width:0;padding:14px}.az-course-next .az-btn,.az-course-total .az-btn{width:100%}.az-level-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.az-level-tabs button{padding:9px 10px}.az-search{max-width:none}.az-lesson{grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;padding:12px 14px}.az-lesson-num{width:40px;height:40px}.az-lesson-state{grid-area:2/2;margin-top:-4px}.az-lesson-state:empty{display:none}.az-lesson-arrow{grid-area:1/3}.az-lesson-body strong{font-size:15px}.native-course .lesson-heading{flex-direction:column;align-items:flex-start;gap:10px}.native-tabs{width:100%;display:flex}.native-tabs button{flex:1;justify-content:center;padding:0 8px}.native-study-grid{grid-template-columns:1fr;gap:14px}.outline-toggle{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 16px;font-weight:650;display:flex}.native-outline{max-height:60vh;padding:10px 6px;display:none;position:static}.native-outline.open{display:block}.native-article{border-radius:var(--r);padding:20px 18px}.native-article>h2{font-size:22px}.native-prose .arabic-paragraph{font-size:calc(1.5rem * var(--arabic-scale));padding:12px 14px}.native-article-actions{bottom:calc(66px + env(safe-area-inset-bottom,0px));background:var(--surface);border-radius:0 0 var(--r) var(--r);z-index:5;margin:20px -18px -20px;padding:12px 18px;position:sticky}.native-article-actions button{flex:1}.question-shell{border-radius:18px}.question-status{padding:14px 16px 0}.question-shell>.progress-track{margin:10px 16px 0}.question-card{padding:18px 16px 20px}.question-prompt{font-size:19px}.question-footer{padding:12px 16px}.practice-bar select{width:100%;min-width:0}.az-review-grid{grid-template-columns:1fr}.az-rate{grid-template-columns:repeat(2,1fr)}.az-deck-row{flex-wrap:wrap}.az-deck-list li{grid-template-columns:minmax(0,1fr) auto}.az-deck-list li span{grid-column:1}.az-writing-layout{grid-template-columns:1fr}.az-letter-card{text-align:left;order:-1;grid-template-columns:96px 1fr;gap:10px 14px;padding:14px;display:grid;position:static}.az-letter-big{grid-row:span 2;margin:0;font-size:64px}.az-forms{margin:0}.az-letter-card .az-small,.az-example,.az-letter-card .az-link{grid-column:1/-1}.az-example{margin:0}.az-letter-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.az-board-head h2{font-size:21px}.az-board-foot .az-btn{width:100%}.az-settings-grid{grid-template-columns:1fr}}@media (width<=380px){.az-content{padding-inline:12px}.az-tabbar button{font-size:10.5px}.az-tab-icon{width:46px}}.az-settings-wide .panel.spaced{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:4px 22px;display:grid}.az-settings-wide .panel.spaced>h2,.az-settings-wide .panel.spaced>p,.az-settings-wide .panel.spaced>.inline-check{grid-column:1/-1}.az-settings-wide .panel.spaced label select{width:100%;margin:6px 0 14px}.az-settings label.secondary,.az-settings .secondary{align-items:center;display:inline-flex}@media (width<=900px){.az-settings-wide .panel.spaced{grid-template-columns:1fr}}.activity-grid{grid-template-columns:repeat(14,minmax(0,1fr))}.activity-grid>div{min-width:0}@media (width<=900px){.activity-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.activity-grid>div{min-height:0}.az-writing-layout{grid-template-columns:minmax(0,1fr)}.az-forms{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=360px){.az-letter-card{grid-template-columns:72px minmax(0,1fr);gap:8px 10px}.az-forms button span{font-size:24px}}.choice-options button:disabled{opacity:1;cursor:default}.choice-options button:disabled:not(.picked):not(.right){color:var(--muted);border-color:var(--line)}.choice-options button.picked:not(.right) span:first-child{border-color:var(--danger-line);color:var(--danger)}.choice-options button.right span:first-child{border-color:var(--success-line);color:var(--success)}.choice-options .choice-mark{margin-left:auto;font-size:18px;line-height:1}.choice-options .choice-mark.ok{color:var(--success)}.choice-options .choice-mark.no{color:var(--danger)}@media (width<=359px){.az-level-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.letter-forms>div{border:0}.letter-forms>div:nth-child(odd){border-right:1px solid var(--line)}.letter-forms>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}html[data-theme-switch] *,html[data-theme-switch] :before,html[data-theme-switch] :after{transition:none!important}
