@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#f8f8f4;--paper:#fff;--ink:#253a32;--muted:#7b827b;--line:#e7e9e1;--green:#2c5845;--sage:#e8eedf;--orange:#bc6b43;--serif:Georgia,'Times New Roman',serif;--arabic:'Noto Naskh Arabic','Traditional Arabic',serif;--font:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf9b61;outline-offset:4px}svg{width:20px;height:20px;flex-shrink:0}button{border:0;background:none}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-weight:400;font-size:39px;line-height:1.22;letter-spacing:-1.2px}h2{font-size:20px;font-weight:600;letter-spacing:-.5px}h3{font-size:16px;font-weight:600;letter-spacing:-.25px}.muted{color:var(--muted)}.arabic{font-family:var(--arabic);direction:rtl;line-height:1.6;letter-spacing:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--green);color:white;padding:10px 20px}.skip-link:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fcfcf8;border-right:1px solid var(--line);padding:32px 24px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;width:max-content;margin:0 0 42px 9px}.brand-icon{width:35px;height:35px;background:var(--green);color:#f7efcf;border-radius:11px;display:grid;place-items:center;font-family:var(--arabic);font-size:25px;padding-top:1px}.brand-word{font-size:27px;font-weight:700;letter-spacing:-1.2px}.brand-dot{color:var(--orange)}.side-label,.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;text-transform:uppercase}.side-label{color:#93988c;margin:0 14px 11px}.nav-list{display:flex;flex-direction:column;gap:7px}.nav-btn{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 14px;border-radius:9px;color:#71796f;transition:.2s;font-weight:500;width:100%;font-size:13px}.nav-btn svg{width:19px;height:19px}.nav-btn.active{background:#eaf0e5;color:var(--green);font-weight:700}.nav-btn:hover{background:#eff1e9;color:var(--green)}.nav-btn .nav-count{margin-left:auto;background:#dce6d3;border-radius:4px;padding:0 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.side-note{background:#f1f2e8;border:1px solid #e8e9de;border-radius:12px;padding:16px;margin:22px 0}.side-note .arabic{font-size:29px;color:#617351}.side-note p{font-size:11px;color:#7e8374;margin-top:5px;line-height:1.65}.side-note strong{color:#535e49;font-size:11px}.side-profile{border-top:1px solid var(--line);padding:20px 4px 0;width:100%;display:flex;align-items:center;gap:10px;text-align:left}.avatar{height:34px;width:34px;border-radius:50%;background:#eaded1;display:grid;place-items:center;font-family:var(--serif);font-size:17px;color:#775b44}.side-profile strong{font-size:12px;display:block}.side-profile small{font-size:10px;color:var(--muted)}.side-profile>svg{margin-left:auto;width:16px}.workspace{margin-left:232px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);gap:18px;background:rgba(248,248,244,.96)}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#899087;white-space:nowrap}.breadcrumb svg{width:13px}.breadcrumb strong{font-weight:500;color:#3b483e}.top-actions{display:flex;align-items:center;gap:22px}.search-wrap{display:flex;align-items:center;gap:10px;color:#9a9e94}.search-wrap svg{width:16px}.search-wrap input{width:180px;background:transparent;border:0;outline:0;font-size:12px;color:var(--ink)}.search-wrap kbd{border:1px solid #e1e4da;border-radius:4px;font-size:10px;min-width:18px;text-align:center}.lang-select{border:0;background:transparent;color:#465246;font-size:11px;cursor:pointer;padding:5px}.xp-pill{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#a7773f;padding-left:20px;border-left:1px solid var(--line)}.xp-pill svg{width:16px;height:16px}.mobile-menu{display:none}.content{max-width:1510px;margin:auto;padding:34px 42px 35px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.page-heading .eyebrow{color:var(--orange);margin-bottom:9px;font-size:9px}.page-heading p{margin-top:10px;color:var(--muted);font-size:12px}.date-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#858d81}.date-label svg{width:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}.hero{border-radius:15px;background:#e8eddf;min-height:280px;position:relative;overflow:hidden;padding:31px 33px;isolation:isolate;border:1px solid #e0e7d6;display:flex;align-items:center}.hero-content{position:relative;z-index:2;max-width:62%}.small-tag{font-size:9px;letter-spacing:1.4px;display:inline-flex;align-items:center;gap:7px;color:#607450;font-weight:700}.small-tag:before{content:'';height:5px;width:5px;background:#7e9667;border-radius:50%}.hero h2{font-family:var(--serif);font-size:35px;line-height:1.2;letter-spacing:-.8px;font-weight:400;margin:15px 0 12px}.hero p{font-size:12px;color:#74816b;max-width:260px;line-height:1.8}.hero .primary-btn{margin-top:22px;min-height:40px;font-size:11px}.primary-btn{background:var(--green);color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:12px 20px;border-radius:7px;font-size:12px;font-weight:600;transition:.2s;min-height:44px}.primary-btn:hover{background:#214833;transform:translateY(-1px)}.primary-btn svg{width:16px;height:16px}.secondary-btn{border:1px solid #dce0d4;background:white;border-radius:7px;padding:11px 16px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px}.secondary-btn:hover{background:#f2f4ec}.hero-art{position:absolute;right:17px;top:24px;width:230px;height:235px;display:grid;place-items:center;z-index:1}.arch{position:absolute;inset:13px 17px 0;background:#d8e2c9;border-radius:110px 110px 15px 15px;border:1px solid #cbd8b8;transform:rotate(9deg)}.arch:before{content:'';position:absolute;inset:12px;border:1px solid #b9cba5;border-radius:100px 100px 12px 12px}.hero-arabic{font-family:var(--arabic);font-size:91px;color:#496447;position:relative;transform:rotate(-8deg);margin-top:-26px;line-height:1.6;text-shadow:0 2px #e0e8d6}.art-caption{position:absolute;bottom:38px;font-size:9px;letter-spacing:2.4px;color:#75856a;transform:rotate(9deg)}.star{position:absolute;color:#b4a06b;font-size:36px;line-height:1}.star.a{top:18px;left:1px}.star.b{bottom:10px;right:1px;font-size:24px}.dot-grid{position:absolute;right:8px;top:80px;opacity:.23;width:45px;height:60px;background-image:radial-gradient(#788f60 1.2px,transparent 1.2px);background-size:8px 8px}.welcome-flower{position:absolute;bottom:20px;left:12px;width:40px;height:40px;color:#8a9b6f;opacity:.7}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:13px;padding:16px 17px}.stat-icon{height:35px;width:35px;border-radius:9px;display:grid;place-items:center;background:#f3f1e5;color:#a68c54}.stat-card:nth-child(2) .stat-icon{background:#f0e9e2;color:#b67b55}.stat-card:nth-child(3) .stat-icon{background:#eaf0e6;color:#71905b}.stat-icon svg{width:17px;height:17px}.stat-number{font-size:21px;font-weight:600;line-height:1.1;letter-spacing:-.8px}.stat-label{font-size:9px;color:#8b9085;margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 16px}.section-head p{font-size:11px;color:#91978b;margin-top:3px}.section-head h2{font-size:18px}.text-btn{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--green);font-weight:600;padding:6px 0}.text-btn svg{width:14px;height:14px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;text-align:left;padding:0;transition:transform .2s,box-shadow .2s;width:100%;display:flex;flex-direction:column}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 9px 20px #304d3610}.lesson-visual{height:113px;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden;background:#eaf0e3}.lesson-visual .arabic{font-size:52px;color:#617451;transform:rotate(-6deg)}.lesson-visual:after{content:'';border:1px solid currentColor;opacity:.1;position:absolute;inset:12px 40px;border-radius:50%;transform:rotate(-25deg)}.lesson-visual.peach{background:#f4e8dc;color:#ba8b63}.lesson-visual.peach .arabic{color:#b57f55}.lesson-visual.lavender{background:#ebe8f2;color:#8c7d9e}.lesson-visual.lavender .arabic{color:#867495}.lesson-visual.sand{background:#efeddf}.lesson-visual.sand .arabic{color:#9c8a50}.lesson-visual.rose{background:#f5e6e1}.lesson-visual.rose .arabic{color:#b48272}.lesson-visual.blue{background:#e4edf0}.lesson-visual.blue .arabic{color:#668892}.lesson-visual .visual-index{position:absolute;top:11px;left:13px;font-size:8px;letter-spacing:.5px;color:inherit;opacity:.7}.lesson-visual .mini-icon{position:absolute;bottom:12px;right:13px;opacity:.5}.lesson-visual .mini-icon svg{width:15px;height:15px}.lesson-body{padding:16px 16px 14px;flex:1;display:flex;flex-direction:column}.lesson-body .eyebrow{font-size:7px;letter-spacing:1.2px;color:#8d967f;margin-bottom:6px}.lesson-body h3{font-size:12px;font-weight:600;line-height:1.5}.lesson-body>p{font-size:10px;color:#979b91;margin:5px 0 14px;line-height:1.6}.lesson-meta{margin-top:auto;display:flex;justify-content:space-between;font-size:9px;color:#8c9386;align-items:center;padding-top:12px;border-top:1px solid #f0f1eb}.lesson-meta>span{display:flex;gap:4px;align-items:center}.lesson-meta svg{height:11px;width:11px}.lesson-meta .go{color:var(--green);width:20px;height:20px;border-radius:50%;background:#f0f4eb;display:grid;place-items:center}.alphabet-strip{margin-top:24px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;justify-content:space-between;padding:19px 22px;background:#fff;gap:20px}.alphabet-strip h3{font-size:12px}.alphabet-strip p{font-size:10px;color:#91998b;margin-top:4px}.alphabet-preview{font-size:31px;letter-spacing:10px!important;color:#748469;white-space:nowrap}.alphabet-strip>button{display:grid;place-items:center;height:32px;width:32px;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.alphabet-strip>button svg{width:14px}.rail{display:flex;flex-direction:column;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h3{font-size:13px}.panel-heading svg{width:16px;height:16px;color:#b4b5a9}.goal-ring{height:124px;width:124px;margin:20px auto 14px;position:relative;display:grid;place-items:center}.goal-ring svg{position:absolute;width:124px;height:124px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#f0f1e8;stroke-width:7}.ring-fill{fill:none;stroke:#799161;stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .5s}.ring-number{font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-1px}.ring-number small{font-size:13px;color:#a2a797;font-weight:400}.ring-center{text-align:center}.ring-center>small{font-size:9px;color:#949c89}.goal-caption{font-size:10px;color:#909887;text-align:center}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:20px;padding-top:17px;border-top:1px solid #f0f1eb}.day{text-align:center;font-size:8px;color:#9da293}.day-dot{width:23px;height:23px;border-radius:50%;background:#f1f3eb;display:grid;place-items:center;font-size:9px;margin:6px auto 0}.day-dot.today{border:1px solid #8b9b77;color:#61734d}.day-dot.done{background:#7c9664;color:#fff}.day-dot svg{width:12px;height:12px}.word-panel{padding-bottom:16px}.word-panel .panel-heading h3{font-size:12px}.word-label{font-size:7px;letter-spacing:1.6px;color:#b39560;text-transform:uppercase;font-weight:700}.daily-arabic{font-size:44px;text-align:center;color:#50663f;margin:14px 0 0}.daily-translit{font-size:11px;color:#8a947d;text-align:center;margin-top:-5px}.daily-meaning{font-size:12px;text-align:center;margin:7px 0 15px}.daily-actions{border-top:1px solid #eff0e9;display:flex;justify-content:space-between;padding-top:11px}.daily-actions button{display:flex;align-items:center;gap:6px;font-size:9px;color:#8e9784;padding:4px}.daily-actions button svg{width:13px;height:13px}.quote-panel{border:1px dashed #dadfcf;background:#f0f2e9;border-radius:11px;text-align:center;padding:18px 16px}.quote-panel .arabic{font-size:24px;color:#63764f}.quote-panel p{color:#8e9782;font-size:10px;margin-top:2px}.quote-panel small{font-size:8px;color:#a2a894;display:block;margin-top:8px}.footer{display:flex;justify-content:space-between;color:#a0a695;font-size:9px;margin-top:28px;padding-top:19px;border-top:1px solid var(--line)}.footer>span{display:flex;align-items:center;gap:5px}.footer svg{width:11px;height:11px}.large-page{max-width:1000px}.page-intro{margin:4px 0 27px}.page-intro h1{font-size:36px}.page-intro p{color:var(--muted);max-width:650px;margin-top:10px;font-size:13px}.intro-label{margin-bottom:10px;color:var(--orange)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-grid .lesson-visual{height:160px}.course-grid .lesson-visual .arabic{font-size:64px}.course-grid .lesson-body{padding:20px}.course-grid .lesson-body h3{font-size:15px}.course-grid .lesson-body>p{font-size:12px}.course-grid .lesson-body .eyebrow{font-size:8px}.course-grid .lesson-meta{font-size:10px}.info-banner{background:#eaf0e3;border:1px solid #dfe7d5;border-radius:10px;padding:15px 19px;display:flex;gap:12px;font-size:12px;align-items:flex-start;margin-bottom:22px;color:#667b54}.info-banner svg{width:18px;margin-top:1px}.alphabet-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.letter-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;direction:rtl}.letter-tile{border:1px solid var(--line);border-radius:10px;background:white;padding:11px 5px 12px;display:flex;flex-direction:column;align-items:center;position:relative}.letter-tile:hover,.letter-tile.selected{background:#e8eedf;border-color:#9aaa87}.letter-tile .arabic{font-size:38px;line-height:1.7}.letter-tile small{font-size:9px;color:#929b86;direction:ltr}.letter-tile .learned-check{position:absolute;top:5px;right:5px;color:#6c8b52}.letter-tile svg{width:10px;height:10px}.letter-detail{position:sticky;top:24px;text-align:center;padding:25px 22px;border:1px solid var(--line);background:white;border-radius:13px}.letter-large{font-size:93px;line-height:1.6}.letter-detail h2{font-size:20px}.letter-detail>.muted{font-size:12px;margin-top:5px}.letter-detail .primary-btn{margin-top:20px;width:100%}.letter-detail .secondary-btn{margin-top:10px;width:100%}.letter-forms{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;margin:20px 0 15px;overflow:hidden}.letter-forms>div{padding:10px 3px}.letter-forms>div+div{border-left:1px solid var(--line)}.letter-forms small{font-size:8px;color:#929b86}.letter-forms .arabic{font-size:27px}.letter-example{background:#f5f6ef;border-radius:8px;padding:12px}.letter-example .arabic{font-size:27px}.letter-example p{font-size:10px;color:#89957c;margin-top:1px}.letter-note{font-size:10px;color:#a28a65;line-height:1.7;margin:12px 0}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-chip{padding:8px 14px;border-radius:30px;border:1px solid var(--line);background:white;font-size:11px;min-height:38px}.filter-chip.active{background:var(--green);color:white;border-color:var(--green)}.vocab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.vocab-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 18px 13px;text-align:center}.vocab-card .arabic{font-size:31px;min-height:64px;display:grid;place-items:center}.vocab-card .translit{font-size:10px;color:#959e8b;margin-top:5px}.vocab-card h3{font-size:12px;margin:8px 0 14px;min-height:38px;display:grid;place-items:center}.vocab-actions{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid #eff0e9}.icon-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#8d987f}.icon-btn:hover{background:#eef2e6}.icon-btn svg{width:16px;height:16px}.saved{color:var(--orange)!important}.saved svg{fill:#bc6b4320}.empty-state{text-align:center;border:1px dashed #d6ddcc;border-radius:14px;padding:60px 20px;background:#f3f5eb;grid-column:1/-1}.empty-state h2{margin:13px 0 5px}.empty-state p{font-size:12px;color:#8b957f}.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.practice-card{border:1px solid var(--line);background:white;border-radius:14px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.practice-card .stat-icon{width:50px;height:50px;margin-bottom:22px}.practice-card h2{font-family:var(--serif);font-size:27px;font-weight:400}.practice-card p{color:#8a9480;font-size:12px;margin:9px 0 22px}.practice-card .primary-btn{margin-top:auto}.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.progress-stats .stat-card{display:block;padding:25px}.progress-stats .stat-number{font-size:32px;margin-top:14px}.progress-stats .stat-label{font-size:11px}.progress-list{background:white;border:1px solid var(--line);border-radius:12px;padding:8px 25px}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.progress-row:last-child{border:0}.progress-row h3{font-size:13px}.progress-row p{font-size:11px;color:#919b86;margin-top:5px}.progress-row .secondary-btn{font-size:10px;min-width:100px}.progress-row .completion{display:flex;align-items:center;gap:7px;font-size:11px;color:#6c8959}.lesson-shell{max-width:760px;margin:0 auto}.lesson-top{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn{width:34px;height:34px;border:1px solid #dce2d3;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.back-btn svg{width:16px}.bar{height:7px;border-radius:10px;background:#e9eddf;overflow:hidden;flex:1}.bar-fill{height:100%;background:#7b9664;border-radius:10px;transition:width .3s}.lesson-counter{font-size:11px;color:#949e88;white-space:nowrap}.lesson-heading{text-align:center;margin-bottom:26px}.lesson-heading .eyebrow{color:var(--orange);margin-bottom:10px}.lesson-heading h1{font-size:30px}.lesson-heading p{font-size:12px;color:#939c88;margin-top:9px}.learning-card{background:white;border:1px solid var(--line);border-radius:18px;min-height:320px;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.learning-card .arabic{font-size:64px;max-width:100%;overflow-wrap:anywhere}.learning-card .translit{font-size:16px;color:#9ba58c;margin-top:4px}.learning-card .meaning{font-size:24px;font-family:var(--serif);margin-top:17px}.learning-card .listen-btn{margin-top:17px}.listen-btn{display:flex;align-items:center;gap:7px;color:var(--green);font-size:11px;background:#eef3e7;padding:9px 15px;border-radius:22px}.listen-btn svg{width:16px;height:16px}.learning-card .save-word{position:absolute;right:20px;top:20px}.learning-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:21px}.learning-controls .primary-btn{min-width:145px}.tip{font-size:10px;text-align:center;color:#9ca58d;margin:20px 0}.quiz-word{font-size:55px!important}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.answer-btn{border:1px solid #dfe4d5;background:white;border-radius:9px;padding:15px 18px;text-align:left;display:flex;gap:13px;align-items:center;min-height:67px;font-size:12px;transition:.15s}.answer-btn:hover:enabled{border-color:#9daf89;background:#f2f6eb}.answer-key{height:25px;width:25px;border:1px solid #e5e9dd;border-radius:6px;font-size:10px;display:grid;place-items:center;color:#9aa48c;flex-shrink:0}.answer-btn.correct{background:#e7f0df;border-color:#90ac75;color:#476a32}.answer-btn.incorrect{background:#f9e8e2;border-color:#d6a28d;color:#a06146}.answer-btn:disabled:not(.correct):not(.incorrect){opacity:.55}.quiz-feedback{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:10px;background:#eef3e6;padding:14px 18px;min-height:72px}.quiz-feedback.wrong{background:#f6ebe3}.quiz-feedback p{font-size:12px;font-weight:600}.quiz-feedback small{display:block;font-size:11px;color:#849075;margin-top:2px}.quiz-feedback .primary-btn{font-size:11px;padding:10px 16px}.result-card{background:white;border:1px solid var(--line);border-radius:18px;padding:46px 30px;text-align:center;max-width:650px;margin:30px auto}.result-icon{height:80px;width:80px;border-radius:50%;background:#edf1df;color:#9b9454;display:grid;place-items:center;margin:0 auto 22px}.result-icon svg{height:38px;width:38px}.result-card .arabic{font-size:48px;color:#6a8255}.result-card h1{font-size:34px;margin-top:10px}.result-card>p{color:#8c987f;margin:12px auto 25px;font-size:13px;max-width:400px}.result-stats{display:flex;justify-content:center;gap:35px;margin:22px 0 32px}.result-stats strong{display:block;font-size:24px;font-weight:500}.result-stats small{font-size:10px;color:#98a38a}.result-actions{display:flex;justify-content:center;gap:12px}.flash-flip{width:100%;transition:.25s}.flash-flip:hover{background:#fcfdf9}.flash-category{font-size:9px;color:#95a087;letter-spacing:1.5px;text-transform:uppercase}.flash-hint{font-size:11px;color:#a0a98f;margin-top:23px}.flash-controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.flash-controls button{min-width:135px}.toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#2d4836;color:#fff;padding:12px 22px;border-radius:8px;font-size:12px;box-shadow:0 5px 25px #203b2920;z-index:100;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d9e1cf;border-radius:15px;background:#fcfdf8;color:var(--ink);padding:32px;width:min(450px,90vw);box-shadow:0 20px 100px #16352630}dialog::backdrop{background:#1d30294d;backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-top h2{font-family:var(--serif);font-size:29px;font-weight:400}dialog label{display:block;margin:17px 0 6px;font-size:12px}dialog input,dialog select{width:100%;border:1px solid #dfe5d6;border-radius:7px;background:white;padding:11px 12px;font-size:13px;color:var(--ink)}dialog p{font-size:11px;color:#909b83;line-height:1.8}dialog .primary-btn{margin-top:23px;width:100%}.reset-link{display:block;margin:17px auto 0;font-size:10px;color:#a48773;text-decoration:underline}.storage-note{font-size:10px!important;margin-top:17px}.list-note{font-size:11px;color:#919b85;margin-top:23px}.view-transition{animation:enter .3s ease}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.content{padding-top:42px}.hero{min-height:310px}.hero h2{font-size:42px}.hero-art{right:30px;width:260px;height:260px;top:25px}.hero-arabic{font-size:104px}.lesson-visual{height:140px}.lesson-body h3{font-size:14px}.lesson-body>p{font-size:11px}.sidebar{width:250px}.workspace{margin-left:250px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.topbar{padding:0 48px}.content{padding-left:48px;padding-right:48px}.sidebar{padding-left:29px;padding-right:29px}}
@media(max-width:1190px){.sidebar{width:200px;padding:28px 17px 18px}.workspace{margin-left:200px}.topbar{padding:0 28px}.content{padding:29px 28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.hero{padding:26px 25px;min-height:270px}.hero h2{font-size:31px}.hero-art{right:-9px;width:190px;height:210px;top:36px}.hero-arabic{font-size:77px}.art-caption{bottom:32px;font-size:7px}.hero-content{max-width:65%}.hero p{font-size:11px;max-width:200px}.hero .primary-btn{padding:11px 14px;font-size:10px}.hero h2{max-width:230px}.stat-card{padding:14px 12px;gap:9px}.stat-icon{width:29px;height:29px}.stat-label{font-size:8px}.stat-number{font-size:19px}.lesson-grid{gap:11px}.lesson-body{padding:13px 12px}.lesson-body h3{font-size:11px}.lesson-body>p{font-size:9px}.lesson-visual{height:100px}.lesson-visual .arabic{font-size:44px}.panel{padding:18px}.page-heading h1{font-size:34px}.search-wrap input{width:145px}.top-actions{gap:15px}.date-label{font-size:9px}.alphabet-preview{font-size:25px;letter-spacing:6px!important}.vocab-grid{grid-template-columns:repeat(3,1fr)}.letter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.course-grid{gap:15px}.progress-stats{gap:12px}.progress-stats .stat-card{padding:18px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.rail{display:grid;grid-template-columns:1fr 1fr}.quote-panel{display:none}.goal-ring{width:110px;height:110px;margin:12px auto 8px}.goal-ring svg{width:110px;height:110px}.panel{padding:20px}.days{margin-top:12px;padding-top:12px}.daily-arabic{font-size:48px;margin-top:20px}.daily-meaning{margin-bottom:26px}.hero{min-height:260px}.hero-art{right:40px;top:13px;width:230px;height:230px}.hero-arabic{font-size:90px}.hero h2{font-size:36px;max-width:300px}.hero-content{max-width:58%}.hero p{max-width:280px;font-size:12px}.lesson-body h3{font-size:13px}.lesson-body>p{font-size:10px}.lesson-visual{height:120px}.search-wrap input{width:120px}.date-label{display:none}.course-grid{grid-template-columns:repeat(2,1fr)}.alphabet-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.letter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.letter-detail{padding:20px 15px}.vocab-grid{grid-template-columns:repeat(3,1fr)}.progress-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none;width:232px;box-shadow:5px 0 40px #183a2920}.sidebar.mobile-open{display:flex}.workspace{margin-left:0}.topbar{height:67px;padding:0 21px;gap:12px}.mobile-menu{display:grid;place-items:center;flex-shrink:0;padding:0;width:28px}.mobile-menu svg{width:22px}.breadcrumb{margin-right:auto;font-size:11px}.breadcrumb>span,.breadcrumb>svg{display:none}.top-actions{gap:12px}.search-wrap input{width:104px}.search-wrap kbd{display:none}.search-wrap{gap:5px}.search-wrap input{font-size:10px}.xp-pill{padding-left:10px;font-size:10px}.lang-select{font-size:10px;padding:0}.content{padding:28px 22px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:33px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px}.hero-art{right:20px}.hero{padding:26px}.stats-row{gap:10px}.section-head{margin-top:27px}.lesson-body{padding:15px 14px}.lesson-body h3{font-size:12px}.lesson-visual{height:110px}.footer{font-size:8px;gap:15px}.toast{left:50%;width:max-content}.alphabet-layout{grid-template-columns:1fr}.letter-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.letter-detail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:center}.letter-detail .letter-large{grid-row:1/4;font-size:100px}.letter-detail .letter-forms{grid-column:1/-1}.letter-detail .letter-example{grid-column:1/-1}.letter-detail .letter-note{grid-column:1/-1}.letter-detail>.primary-btn,.letter-detail>.secondary-btn{margin-top:15px}.letter-detail>.secondary-btn{grid-column:1/-1}.vocab-grid{gap:12px}.practice-grid{gap:15px}.practice-card{padding:23px}.practice-card h2{font-size:24px}.lesson-shell{margin-top:3px}.learning-card .arabic{font-size:51px}.letter-tile .arabic{font-size:34px}.letter-tile small{font-size:8px}}
@media(max-width:480px){.content{padding:25px 18px}.topbar{padding:0 18px}.top-actions{gap:10px}.search-wrap{display:none}.hero{min-height:270px;padding:25px 22px}.hero-content{max-width:68%}.hero h2{font-size:30px;max-width:215px}.hero p{font-size:10px;max-width:190px}.hero-art{width:158px;height:190px;right:-17px;top:54px}.hero-arabic{font-size:65px}.arch{inset:13px 17px 0}.art-caption{font-size:6px;bottom:27px;letter-spacing:1.4px}.star.a{left:3px;font-size:25px}.star.b{font-size:20px}.dot-grid{right:0;top:75px;width:30px}.hero .primary-btn{font-size:10px;padding:10px 13px;gap:10px;min-height:39px}.stats-row{gap:8px;margin-top:12px}.stat-card{padding:12px 9px;gap:7px;align-items:flex-start}.stat-icon{width:23px;height:23px;border-radius:6px}.stat-icon svg{width:13px;height:13px}.stat-number{font-size:18px}.stat-label{font-size:7px;margin-top:4px}.lesson-grid{grid-template-columns:1fr;gap:12px}.lesson-card{display:grid;grid-template-columns:100px 1fr}.lesson-visual{height:100%;min-height:141px;border-radius:0}.lesson-visual .arabic{font-size:38px}.lesson-body{padding:14px 16px}.lesson-body h3{font-size:13px}.lesson-body>p{margin-bottom:9px}.lesson-visual:after{inset:18px 12px}.lesson-meta{padding-top:9px}.lesson-body .eyebrow{font-size:6px}.lesson-visual .visual-index{font-size:7px;left:9px}.rail{gap:12px}.panel{padding:16px 12px}.panel-heading h3{font-size:11px}.panel-heading svg{width:13px}.goal-ring{width:100px;height:100px;margin-top:16px}.goal-ring svg{width:100px;height:100px}.ring-number{font-size:24px}.ring-number small{font-size:11px}.goal-caption{font-size:8px;min-height:26px}.days{gap:0}.day{font-size:7px}.day-dot{width:18px;height:18px;font-size:7px}.daily-arabic{font-size:38px;margin-top:28px}.daily-meaning{font-size:11px;margin-bottom:26px;min-height:35px}.daily-actions button{font-size:8px;gap:4px;padding:2px}.daily-actions button svg{width:11px}.word-label{font-size:6px}.alphabet-strip{padding:15px;gap:12px}.alphabet-strip p{font-size:9px}.alphabet-preview{font-size:25px;letter-spacing:3px!important}.alphabet-strip h3{font-size:11px}.section-head h2{font-size:17px}.section-head p{font-size:10px}.text-btn{font-size:9px}.footer{align-items:flex-start}.footer>span:last-child{max-width:120px;text-align:right}.page-intro h1{font-size:31px}.page-intro p{font-size:12px}.course-grid{grid-template-columns:1fr;gap:16px}.course-grid .lesson-card{grid-template-columns:115px 1fr}.course-grid .lesson-visual{height:100%}.course-grid .lesson-visual .arabic{font-size:43px}.course-grid .lesson-body{padding:17px}.course-grid .lesson-body h3{font-size:14px}.course-grid .lesson-body>p{font-size:11px}.course-grid .lesson-body .eyebrow{font-size:7px}.vocab-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vocab-card{padding:17px 12px 10px}.vocab-card .arabic{font-size:28px}.vocab-card h3{font-size:11px}.letter-grid{grid-template-columns:repeat(4,1fr);gap:9px}.letter-tile .arabic{font-size:40px}.letter-tile small{font-size:10px}.letter-detail{padding:20px;gap:0 15px}.letter-detail h2{font-size:20px}.letter-detail .letter-large{font-size:90px}.practice-grid{grid-template-columns:1fr}.practice-card{padding:25px}.progress-stats .stat-number{font-size:29px}.progress-stats .stat-card{padding:19px}.progress-stats .stat-label{font-size:10px}.progress-row{gap:12px}.progress-row h3{font-size:12px}.progress-list{padding:5px 18px}.progress-row .secondary-btn{min-width:75px;padding:9px;font-size:9px}.learning-card{min-height:290px;padding:30px 18px}.learning-card .arabic{font-size:43px}.learning-card .translit{font-size:14px}.learning-card .meaning{font-size:23px}.quiz-options{gap:10px}.answer-btn{font-size:11px;padding:13px 11px;gap:8px;min-height:75px}.answer-key{width:20px;height:20px;font-size:9px}.quiz-feedback{padding:13px;align-items:flex-start}.quiz-feedback p{font-size:11px}.quiz-feedback small{font-size:10px}.quiz-feedback .primary-btn{padding:10px 12px;min-width:75px}.learning-controls .secondary-btn{font-size:10px;padding:11px 13px}.learning-controls .primary-btn{min-width:126px;font-size:11px}.lesson-heading h1{font-size:27px}.lesson-counter{font-size:10px}.result-card{padding:35px 18px}.result-card h1{font-size:28px}.result-actions{flex-direction:column}.result-stats{gap:28px}.quiz-word{font-size:43px!important}.flash-controls button{min-width:120px}.info-banner{font-size:11px;padding:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Guided curriculum and speaking studio */
[hidden]{display:none!important}.primary-btn:disabled,.secondary-btn:disabled{opacity:.45;transform:none;cursor:not-allowed}.learning-module{margin-top:35px}.module-heading{display:flex;align-items:center;gap:17px;margin-bottom:19px}.module-number{font-family:var(--serif);font-size:26px;letter-spacing:-1px;color:#81946b;background:#edf1e4;border:1px solid #dce4d0;min-width:52px;height:52px;border-radius:14px;display:grid;place-items:center}.module-heading .eyebrow{font-size:8px;color:#a39572;letter-spacing:1.25px;margin-bottom:4px}.module-heading h2{font-family:var(--serif);font-size:27px;font-weight:400}.module-heading p{font-size:11px;color:#8d9782;margin-top:4px}.module-count{margin-left:auto;white-space:nowrap;font-size:11px;padding:5px 10px;border:1px solid #dde4d3;border-radius:20px;color:#8b997b}.guide-card{background:white;border:1px solid var(--line);border-radius:15px;padding:28px}.guide-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.guide-heading svg{color:#879c70}.guide-heading h2{font-size:17px}.guide-card>p{font-size:13px;line-height:1.9;color:#77866d}.context-example{border:1px solid #e0e6d5;background:#f1f5e9;border-radius:11px;padding:23px;margin:24px 0;text-align:center}.context-example .eyebrow{color:#a4956e;font-size:8px}.context-example .arabic{font-size:32px;color:#506744;margin-top:10px;overflow-wrap:anywhere;line-height:1.85}.example-translit{font-size:12px;color:#8e9d7f;margin-top:10px}.example-meaning{font-size:13px;margin-top:8px}.context-example .listen-btn{margin:17px auto 0;background:white;border:1px solid #dce5d1}.usage-note{display:flex;gap:11px;align-items:flex-start}.usage-note svg{width:17px;color:#b2996e;flex-shrink:0;margin-top:3px}.usage-note p{font-size:11px;color:#98947b;line-height:1.9}.lesson-flow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:#9aa68d;margin:23px 0 18px}.lesson-flow svg{width:12px;height:12px;color:#bcc4b3}.start-cards-btn{display:flex;margin:auto;min-width:200px}.speech-practice-card{background:#edf2e5;border-color:#dce5d1}.speech-practice-card .stat-icon{background:#dce7d0;color:#718d55}.speech-select-label{display:block;font-size:11px;color:#859176;margin:20px 0 7px}.speech-select{width:100%;border:1px solid #dce3d2;padding:13px 14px;background:#fff;color:var(--ink);border-radius:9px;font-size:12px;margin-bottom:20px}.speaking-card{min-height:310px;padding:24px}.speaking-card .flash-category{margin-bottom:10px}.speaking-card .arabic{font-size:clamp(32px,5vw,60px);line-height:1.85}.speaking-card .meaning{font-size:21px}.speaking-card .translit{font-size:14px}.microphone-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:23px 0}.microphone-controls svg{width:17px;height:17px}.speech-result{display:flex;gap:14px;background:white;border:1px solid #e1e7d7;border-radius:11px;padding:21px}.speech-result-icon{height:35px;width:35px;flex-shrink:0;background:#f0f3e9;border-radius:50%;display:grid;place-items:center;color:#92a27e}.speech-result-icon svg{width:18px;height:18px}.speech-result h3{font-size:14px;margin:0 0 6px}.speech-result p{font-size:12px;color:#919c83;line-height:1.8}.speech-result.matched{background:#eff6e8;border-color:#cdddba}.speech-result.matched .speech-result-icon{background:#dceacc;color:#628546}.speech-result.different{background:#f7f0e8;border-color:#e9dac7}.speech-result.different .speech-result-icon{background:#f0e2d0;color:#a98c60}.speech-result.listening .speech-result-icon{background:#dce8d0;color:#5e8245;animation:breathe 1.2s ease-in-out infinite}.heard-label{font-size:8px;font-weight:600;color:#a6ac9a;letter-spacing:1.2px;margin-top:15px}.heard-arabic{font-size:29px;margin-top:4px;color:#637a4c;overflow-wrap:anywhere}.speech-result>div:last-child{min-width:0;flex:1}.speech-result audio{width:100%;margin-top:15px;height:40px}.speaking-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.speech-disclosure{padding-top:16px;border-top:1px solid var(--line);margin:17px 0 20px}.speech-disclosure p{font-size:10px;line-height:1.8;color:#9aa38e}.speech-disclosure p+p{margin-top:7px}.speaking-shell>.info-banner{margin-top:18px}.lesson-top>.eyebrow{font-size:9px;letter-spacing:1px}.nav-btn{font-size:12px}.side-note{margin-top:17px;margin-bottom:17px}@keyframes breathe{50%{box-shadow:0 0 0 7px #82976a14}}
@media(max-width:760px){.module-heading h2{font-size:24px}.module-heading p{font-size:10px}.guide-card{padding:23px}.context-example{padding:20px}.context-example .arabic{font-size:29px}.lesson-flow{font-size:9px}.speaking-card .arabic{font-size:40px}.guide-card>p{font-size:12px}}
@media(max-width:480px){.module-heading{gap:12px;align-items:flex-start}.module-number{min-width:40px;height:44px;font-size:23px;border-radius:11px}.module-heading h2{font-size:22px;line-height:1.25}.module-heading .eyebrow{font-size:7px;letter-spacing:.6px}.module-count{font-size:9px;padding:4px 7px;margin-top:4px}.module-heading p{line-height:1.7}.guide-card{padding:20px 17px}.context-example{padding:20px 13px}.context-example .arabic{font-size:27px}.example-translit{font-size:11px}.example-meaning{font-size:12px}.lesson-flow{gap:7px;font-size:8px}.lesson-top>.eyebrow{font-size:7px;letter-spacing:.6px}.microphone-controls{gap:10px}.microphone-controls>button{width:100%;font-size:12px}.speaking-card{padding:23px 16px;min-height:290px}.speaking-card .arabic{font-size:35px}.speaking-card .meaning{font-size:20px}.speech-result{padding:18px 15px;gap:11px}.speech-result h3{font-size:13px}.speech-result p{font-size:11px}.speech-select{font-size:11px}.speech-result-icon{height:28px;width:28px}.heard-arabic{font-size:26px}.learning-module{margin-top:29px}}