@import url('./fonts/fonts.css');
:root{--bg:#fafaf8;--card:#fff;--text:#171c1b;--muted:#7e8782;--line:#e8ebe6;--green:#087f65;--mint:#e5f5ed;--gold:#c6a66a;--shadow:0 5px 22px #162c2010;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 Inter,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button{border:0}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold)}a,button{transition:background .18s,transform .18s,box-shadow .18s}p{color:var(--muted);margin:10px 0 18px}h1,h2,h3{line-height:1.3;margin:0;font-weight:600;letter-spacing:-.035em}h1{font-size:32px}h2{font-size:21px}h3{font-size:17px}small{font-size:11px}em{font-style:normal}b,strong{font-weight:600}main{max-width:1500px;margin:auto;padding:35px 44px 20px;min-height:calc(100vh - 140px)}main:focus{outline:none}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:var(--card);border-right:1px solid var(--line);padding:35px 20px 20px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding-left:12px;font-size:24px;line-height:1.05;font-weight:650;letter-spacing:-.9px}.brand img{width:41px;height:41px}.brand-bottom{display:block;font-size:9px;letter-spacing:3.8px;margin-top:7px;font-weight:500}.side-label{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:55px 0 15px 17px}.sidebar nav{display:grid;gap:8px}.sidebar nav a,.sidebar-bottom>a{padding:12px 16px;border-radius:9px;display:flex;gap:13px;align-items:center;color:#717a75;font-size:13px}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:var(--bg)}.sidebar nav a.active{background:var(--mint);color:var(--green);font-weight:600}.nav-icon{font-size:21px;width:23px;line-height:1}.sidebar nav small{margin-left:auto;background:var(--green);color:#fff;border-radius:5px;padding:0 5px}.sidebar-bottom{margin-top:auto;padding-top:30px}.guest{border-top:1px solid var(--line);padding:23px 8px 0;display:flex;align-items:center;gap:11px;font-size:12px}.guest small{display:block;color:var(--muted);font-size:10px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ecebe1;border:3px solid var(--card);box-shadow:0 0 0 1px var(--line);border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.workspace{margin-left:232px}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:var(--card)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#c3c9c3}.breadcrumb b{color:var(--text);font-weight:500}.header-tools{display:flex;gap:26px;align-items:center;font-size:12px}.streak{color:#b18548}.streak span{color:var(--muted);margin-left:3px}.xp{color:var(--green);font-weight:600}.icon-button{border-radius:9px;min-width:35px;min-height:35px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);font-size:19px}.icon-button:hover{background:var(--mint);color:var(--green)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:1px 0 28px}.page-heading p{font-size:12px;margin:11px 0 0}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--muted);margin-bottom:10px}.wave{font-size:29px;color:var(--gold);display:inline-block;margin-left:6px}.date-pill{border:1px solid var(--line);background:var(--card);border-radius:8px;font-size:11px;padding:8px 12px;white-space:nowrap;color:var(--muted)}.hero{display:flex;background:#064d3f;border-radius:17px;overflow:hidden;position:relative;color:#fff;min-height:328px}.hero-content{width:57%;padding:34px 38px;z-index:2}.hero-tag{font-size:8px;letter-spacing:1.35px;color:#b2cfbb;display:flex;align-items:center;gap:7px;margin-bottom:19px}.dot{width:5px;height:5px;border-radius:50%;background:#c6a66a}.hero h2{font-size:40px;line-height:1.15;letter-spacing:-1.4px;font-weight:500}.hero p{color:#acc9bc;font-size:12px;line-height:1.8;margin:16px 0 22px}.button,button.primary,button.outline,.cream{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:43px;padding:11px 20px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4}.primary{background:var(--green);color:white}.primary:hover{background:#066e57;box-shadow:0 3px 12px #087f6520}.outline{border:1px solid var(--line);color:var(--text);background:var(--card)}.outline:hover{border-color:var(--green);color:var(--green)}.cream{background:#f5f1e5;color:#164b3c;gap:35px}.cream:hover{background:#fff9e6;transform:translateY(-2px)}.hero-meta{color:#89b39e;font-size:9px;margin-top:15px}.hero-meta span{opacity:.5}.hero-art{position:absolute;inset:0 0 0 auto;width:45%;display:flex;justify-content:center;align-items:flex-end;background:radial-gradient(ellipse at 50% 80%,#1b7151a0,transparent 75%);overflow:hidden}.arch{border:1px solid #b4a36855;outline:1px solid #b4a36822;outline-offset:12px;border-radius:160px 160px 0 0;height:285px;width:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(120deg,#8baf7d15,transparent);z-index:1}.arch:before,.arch:after{content:'';position:absolute;height:300px;width:1px;background:#b4a36822;bottom:0}.arch:before{left:23px}.arch:after{right:23px}.art-eyebrow{font-family:Amiri,serif;color:#c6a66a;font-size:14px;margin-top:10px}.calligraphy{font-family:Amiri,'Traditional Arabic',serif;font-size:90px;line-height:1.7;color:#e5d3a6;text-shadow:0 4px 30px #d3c99d18}.art-caption{font-size:6px;color:#b6bb8e;letter-spacing:1.6px}.art-rule{color:#b6a86c;margin-top:17px;font-size:20px}.orbit{border:1px solid #92a87b18;border-radius:50%;position:absolute;width:450px;height:450px;top:50px}.orbit.two{width:550px;height:550px;top:0}.art-star{position:absolute;color:#c6a66a}.star1{top:40px;right:27px;font-size:30px}.star2{left:20px;bottom:80px;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0 34px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:20px 0}.metrics article{display:flex;align-items:center;gap:12px;padding:0 20px;border-right:1px solid var(--line);min-width:0}.metrics article:last-child{border:0}.metric-icon{width:41px;height:41px;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;font-size:23px;flex-shrink:0}.mint{background:var(--mint);color:var(--green)}.sand{background:#f7f1e3;color:#b3985b}.lilac{background:#f0edf8;color:#9b89ba}.peach{background:#fcf0e7;color:#ca9772}.metrics small{font-size:9px;color:var(--muted);display:block;margin-bottom:4px}.metrics b{font-size:20px;display:block;white-space:nowrap;line-height:1.3}.metrics em{font-size:9px;color:var(--muted);font-weight:400;margin-left:4px}.metrics progress{height:4px;display:block;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-heading h2{font-size:18px}.section-heading a{font-size:10px;color:var(--green)}.course-card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:24px;margin-bottom:30px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{font-size:8px;letter-spacing:.7px;color:var(--green);background:var(--mint);border-radius:5px;padding:5px 8px;display:inline-block;font-weight:600}.neutral{color:var(--muted);background:var(--bg)}.muted{color:var(--muted);font-size:11px}.course-card h3{margin-top:15px;font-size:20px}.course-card>p{font-size:11px;margin-top:6px}.mini-path{display:flex;align-items:center;justify-content:center;margin:26px 5px 30px}.path-node{width:47px;height:47px;flex-shrink:0;background:var(--bg);border:1px solid var(--line);border-radius:50%;color:#b6bdb7;display:flex;justify-content:center;align-items:center;font:23px Amiri,serif}.path-node.current{background:var(--green);color:#fff;box-shadow:0 0 0 5px var(--mint),0 0 0 6px #c7e9d9}.path-node.done{background:var(--mint);color:var(--green)}.path-line{height:1px;flex:1;background:var(--line);max-width:55px}.next-lesson{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:18px}.lesson-symbol{background:var(--mint);color:var(--green);border-radius:8px;width:39px;height:39px;display:flex;align-items:center;justify-content:center;font-size:22px}.next-lesson small{font-size:8px;letter-spacing:1px;color:var(--muted)}.next-lesson strong{display:block;font-size:12px}.next-lesson div>span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.arrow-button{margin-left:auto;background:var(--mint);color:var(--green);border-radius:50%;height:32px;width:32px;display:flex;align-items:center;justify-content:center}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.practice-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:21px;display:block}.practice-card:hover,.feature:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.practice-card .metric-icon{height:35px;width:35px;font-size:19px;margin-bottom:16px}.practice-card h3{font-size:14px}.practice-card p{font-size:10px;margin-top:7px}.practice-card>span:last-child{font-size:10px;color:var(--green);display:flex;justify-content:space-between}.word-day{background:#f4f3ec;border:1px solid #eae8dc;border-radius:12px;padding:22px;text-align:center}.word-day .eyebrow{text-align:left;font-size:8px;color:#8c9079}.daily-ar{font:63px/1.7 Amiri,serif;color:#1a5243;margin-top:3px}.word-day h3{font-size:19px}.word-day p{font-size:10px;margin:5px 0 15px}.word-example{padding:12px 0;border-top:1px solid var(--line);font-size:13px}.word-day .word-example{font:24px Amiri,serif;border-color:#e4e3d7;padding-bottom:0}.word-day>small{color:var(--muted);font-size:10px;display:block}.word-day button{margin-top:21px;background:transparent;width:100%;border-color:#dcded2;font-size:10px}.tiny{font-size:10px;color:var(--muted);display:block;line-height:1.7}.word-day>.tiny{margin-top:8px;font-size:8px}.goal-card{padding:25px 4px 5px}.goal-card h3{font-size:20px;font-weight:500;line-height:1.45}.week{display:flex;gap:8px;justify-content:space-between;margin-top:20px}.week>div{text-align:center;flex:1;min-width:0}.week span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);width:100%;aspect-ratio:1;border-radius:50%;color:#bbb;font-size:15px}.week span.checked{background:var(--green);color:white;border-color:var(--green)}.week small{font-size:9px;color:var(--muted)}.goal-card p{font-size:10px;margin:14px 0 10px}.goal-card a{color:var(--green);font-size:10px}.quote{display:flex;align-items:center;flex-direction:column;padding:30px 10px 18px;text-align:center}.quote>span{font:34px Georgia,serif;color:var(--gold);height:32px}.quote p{font:italic 17px Georgia,serif;color:#767f73;margin:4px 0 12px}.quote small{color:#a0a49a;font-size:7px;letter-spacing:2px}footer{padding:20px 44px;display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:1px;border-top:1px solid var(--line);gap:15px}footer span{letter-spacing:0}.mobile-nav{display:none}.panel{background:var(--card);border:1px solid var(--line);padding:28px;border-radius:13px;margin-bottom:24px}.panel h2{margin-bottom:15px}.panel p{font-size:13px}.panel .primary,.panel .outline{margin-top:12px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.level-card{text-align:left;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:23px;display:flex;flex-direction:column;gap:7px}.level-card small{font-size:8px;color:var(--muted);letter-spacing:.4px}.level-card strong{font-size:31px;font-weight:500}.level-card span{font-size:12px}.level-card em{font-size:10px;color:var(--muted)}.level-card.selected{background:var(--mint);border-color:var(--green)}.level-card.selected strong{color:var(--green)}.notice{background:#f1f5f0;border:1px solid #e1e9dd;border-radius:10px;padding:16px 20px;margin:22px 0 30px;font-size:12px;color:#53694e}.notice summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.notice p{font-size:12px;line-height:1.8;color:inherit}.detail-link{margin-left:auto;font-size:10px}.notice.always{padding:20px}.outcomes{margin:20px 0;font-size:13px}.outcomes summary,details summary{cursor:pointer;min-height:36px;padding:4px 0}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.outcome-grid b{display:block;color:var(--text);margin-bottom:6px}.outcome-grid p{font-size:12px}.topic-list{display:grid;gap:12px}.topic{display:flex;align-items:center;gap:20px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:12px}.topic h3{font-size:15px}.topic p{font-size:11px;margin:6px 0 0}.topic-number{border:1px solid var(--line);border-radius:50%;height:44px;width:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green)}.topic-number.finished{background:var(--mint)}.topic .button,.topic>.badge{margin-left:auto;flex-shrink:0}.topic.unavailable{background:transparent}.topic.unavailable h3{color:var(--muted)}.topic.unavailable .topic-number{color:#a5aca4}.green{color:var(--green);font-size:12px}.lesson-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;color:var(--muted);font-size:12px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:25px}.theory>p{font-size:15px;line-height:1.9;color:var(--text)}.lesson-note{height:fit-content}.lesson-note h3{margin-top:20px}.example-list{background:var(--bg);border-radius:10px;padding:10px 20px;margin:25px 0}.example-list>div{padding:18px 0;border-bottom:1px solid var(--line)}.example-list>div:last-child{border:0}.arabic{font:30px/1.8 Amiri,'Traditional Arabic',serif;letter-spacing:0;unicode-bidi:isolate}.example-list .arabic{display:block;text-align:right;font-size:35px}.example-list b{display:block;font-size:13px}.example-list small{display:block;color:var(--muted);margin-top:5px}.audio-panel{display:flex;align-items:center;gap:12px;padding:15px;border-radius:10px;background:var(--mint);margin:24px 0;flex-wrap:wrap}.audio-symbol{font-size:26px;color:var(--green)}.audio-panel>div{flex:1;min-width:100px}.audio-panel b{font-size:12px}.audio-panel small{display:block;font-size:9px;color:var(--muted)}.speed select{width:auto;padding:5px;margin:0;border:0;background:transparent;font-size:11px}.lesson-words{display:grid;gap:5px;margin:15px 0}.lesson-words>div{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:7px}.lesson-words .icon-button{margin-left:auto}.lesson-progress{width:100%;height:7px;margin:0 0 30px}.exercise-card{max-width:790px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:38px}.exercise-label{color:var(--green);font-size:9px;letter-spacing:1.5px;margin:30px 0 12px}.exercise-prompt{font-size:25px;line-height:1.65;letter-spacing:0;margin-bottom:25px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:9px;padding:15px;cursor:pointer;font-size:16px;line-height:1.8}.option:has(input:checked){border-color:var(--green);background:var(--mint)}.option input{width:18px;margin:0;accent-color:var(--green)}.option-number{font-size:12px;color:var(--muted)}.option [dir=auto]{font-family:Inter,Amiri,sans-serif;font-size:21px}.exercise-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.exercise-bottom small{color:var(--muted);font-size:10px}.text-button{background:transparent;color:var(--green);padding:8px;font-size:12px}.feedback{margin-top:25px;border-radius:10px;padding:20px;animation:pop .22s ease}.feedback.correct{background:var(--mint);color:var(--green)}.feedback.incorrect{background:#fff0e9;color:#a45732}.feedback.self{background:var(--bg)}.feedback p{margin-bottom:5px;color:inherit;font-size:14px}.answer-tray{min-height:80px;border-bottom:2px solid var(--line);padding:15px;margin-bottom:25px}.token-tray{padding:20px 0;display:flex;gap:12px;flex-wrap:wrap}.word-token{background:var(--card);color:var(--text);border:1px solid var(--line);border-bottom-width:3px;padding:8px 20px;font:27px Amiri,serif;border-radius:8px;margin:3px}.matches label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.matches select{max-width:230px}input,select,textarea{width:100%;color:var(--text);border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:12px 14px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--green)}textarea{font:23px/1.8 Amiri,Inter,sans-serif;resize:vertical}label:not(.option):not(.button){display:block}form>label{font-size:12px;margin:16px 0}form label>input,form label>select{display:block;margin-top:7px}.keyboard{background:var(--bg);padding:10px 14px;margin-top:10px;border-radius:9px;font-size:12px}.keyboard>div{display:flex;gap:5px;flex-wrap:wrap;padding:15px 0}.key{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:6px;min-width:38px;height:41px;font:22px Amiri,serif}.hint{font-size:12px;color:var(--muted);margin:20px 0}.result{max-width:800px;margin:auto;text-align:center}.result-icon{display:flex;align-items:center;justify-content:center;background:var(--mint);color:var(--green);border-radius:50%;width:85px;height:85px;font-size:45px;margin:10px auto 25px}.review-results{text-align:left;margin:30px 0}.review-results details{border-bottom:1px solid var(--line);padding:10px 0}.review-results p{font-size:13px}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.result .button-row{justify-content:center}.skill-results>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;text-align:left;font-size:13px}.skill-results b{color:var(--green)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px 0}.feature{display:block}.feature .metric-icon{margin:0 0 25px}.feature h2{font-size:20px}.narrow{max-width:780px;margin:25px auto}.flash-card{text-align:center;max-width:620px;min-height:360px;margin:30px auto;padding-top:45px}.flash-ar .arabic{font-size:66px}.flash-card .button-row{justify-content:center}.search-row{display:flex;gap:25px;align-items:center;margin-bottom:25px}.search{display:flex!important;align-items:center;gap:13px;flex:1;background:var(--card);border:1px solid var(--line);border-radius:9px;padding-left:16px;font-size:24px;color:var(--muted)}.search input{border:0;background:transparent;font-size:12px}.filter{font-size:12px;color:var(--muted);white-space:nowrap}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.word-card{margin:0}.word-card .arabic{font-size:36px}.word-card h3{margin-bottom:10px}.word-card>small{color:var(--muted)}.word-card .word-example{margin-top:20px}.word-card .word-example .arabic{font-size:23px}.word-card .row:last-child small{font-size:8px;color:var(--muted)}.grammar-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grammar-grid .panel{margin:0}.grammar-grid h2{margin:18px 0}.grammar-grid details{margin:20px 0;font-size:12px}.grammar-example{background:var(--bg);padding:10px;margin:10px 0}.grammar-example .arabic{display:block;text-align:right}.book-cover{background:#0b5845;color:#dbc895;height:210px;border-radius:9px;display:flex;align-items:center;justify-content:center;font:60px Amiri,serif;margin-bottom:25px;outline:1px solid #b99a5e80;outline-offset:-14px}.book-card:nth-child(2) .book-cover{background:#695c41}.book-card h2{margin:12px 0}.reading-text{font:34px/2.3 Amiri,serif;text-align:right;word-spacing:4px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats-grid h2{font-size:38px;color:var(--green);margin:12px 0}.stats-grid .week{max-width:280px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.achievement{text-align:center;opacity:.5;padding:20px 8px}.achievement.earned{opacity:1;background:var(--mint);border-radius:10px}.achievement>span{font-size:38px;color:var(--gold);display:block}.achievement b,.achievement small{display:block}.achievement small{margin-top:6px;color:var(--muted)}.score-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel{margin:0}.settings-grid button{margin-top:15px}.prose{max-width:900px}.prose p{line-height:1.95}.prose a{color:var(--green)}.prose h2:not(:first-child){margin-top:30px}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:14px;font-weight:600;margin-bottom:12px}fieldset .option{font-size:12px;margin-bottom:8px}.empty{padding:40px;text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:12px}.error-item{border-bottom:1px solid var(--line);padding:15px 0;display:grid;gap:6px}.error-item p{margin:0}.error-item span{font-size:12px;color:var(--muted)}.recording{padding:18px 0}.recording audio{width:100%;margin:15px 0}.recording p{font-size:12px}.recording a{display:block}progress{appearance:none;width:100%;height:6px;border:0;border-radius:9px;overflow:hidden;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--green);border-radius:9px}progress::-moz-progress-bar{background:var(--green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:15px;top:-60px;z-index:100;background:var(--green);color:white;padding:12px}.skip:focus{top:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--text);color:var(--card);padding:13px 22px;border-radius:10px;box-shadow:var(--shadow);z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:min(560px,90vw);font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pop{from{transform:translateY(5px);opacity:.2}to{transform:translateY(0);opacity:1}}[data-theme=dark]{--bg:#131b18;--card:#1b2520;--text:#edf2ed;--muted:#a1b0a6;--line:#303f35;--green:#51c7a0;--mint:#213f33;--shadow:0 6px 25px #0003;color-scheme:dark}[data-theme=dark] .primary{background:#087f65;color:white}[data-theme=dark] .word-day{background:#252b23;border-color:#3b4232}[data-theme=dark] .daily-ar{color:#d3dec2}[data-theme=dark] .notice{background:#243327;border-color:#3a4834;color:#becbb6}[data-theme=dark] .avatar{background:#3b4637}[data-theme=dark] .metric-icon.sand{background:#403828}[data-theme=dark] .lilac{background:#332e40}[data-theme=dark] .peach{background:#403126}[data-theme=dark] .feedback.incorrect{background:#482f25;color:#f3b497}
@media(min-width:1500px){main{padding:42px 60px}.hero{min-height:370px}.hero-content{padding:42px}.hero h2{font-size:48px}.hero-art .arch{height:325px;width:285px}.calligraphy{font-size:105px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px}.metrics{padding:25px 0}.course-card{padding:29px}.hero p{font-size:14px}.word-day{padding:26px}.daily-ar{font-size:74px}}
@media(max-width:1200px){.sidebar{width:205px;padding:28px 15px}.workspace{margin-left:205px}main{padding:28px}header{padding:0 28px}.brand{font-size:22px;padding-left:8px}.metrics article{padding:0 12px;gap:8px}.metrics em{display:block;margin-left:0}.metrics .metric-icon{width:33px;height:33px;font-size:19px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px;gap:20px}h1{font-size:27px}.hero-content{padding:32px}.hero h2{font-size:37px}.hero-art .arch{width:200px}.calligraphy{font-size:78px}.art-caption{font-size:5px}.level-card{padding:16px}.feature-grid{grid-template-columns:1fr 1fr}.lesson-layout{grid-template-columns:1fr}.lesson-note{display:none}.word-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.date-pill{font-size:9px}}
@media(max-width:960px){.sidebar{width:180px;padding:25px 10px}.workspace{margin-left:180px}.sidebar nav a{font-size:11px;padding:11px;gap:8px}.brand{font-size:20px;gap:8px}.brand img{width:33px;height:33px}.brand-bottom{font-size:7px}.sidebar-bottom>a{font-size:11px}.guest{padding-left:3px;gap:8px}.guest>span:last-child{max-width:100px;overflow-wrap:anywhere}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:25px}.hero h2{font-size:35px}.hero-content{width:65%;padding:28px}.hero-art{width:38%;opacity:.8}.arch{transform:translateX(25px)}.hero-art .arch{width:175px}.hero-tag{font-size:7px}.hero-art .calligraphy{font-size:65px}.hero-art .art-caption{font-size:4px}.date-pill{display:none}.header-tools{gap:15px}.streak span{display:none}.level-grid{grid-template-columns:1fr 1fr}.outcome-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr 1fr}.topic{gap:12px;padding:17px}.topic>.badge{font-size:7px}.topic h3{font-size:13px}.topic p{font-size:10px}.topic .button{padding:10px 12px;font-size:10px}.grammar-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}header{height:65px;padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb:before{content:'◈';color:var(--green);font-size:20px;margin-right:8px}.header-tools{gap:12px;font-size:11px}.header-tools>.avatar{display:none}main{padding:25px 20px 20px}h1{font-size:26px}.page-heading{margin-bottom:23px;align-items:flex-start}.page-heading .button{font-size:10px;padding:10px}.page-heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero{min-height:330px;border-radius:13px}.hero-content{padding:28px 24px;width:72%}.hero h2{font-size:36px}.hero p{font-size:11px}.hero-art{width:35%;opacity:.65}.hero-tag{font-size:6px;letter-spacing:.8px}.hero-art .arch{width:155px;height:260px;transform:translateX(34px)}.hero-art .calligraphy{font-size:60px}.art-caption{display:none}.metrics{grid-template-columns:1fr 1fr;padding:0;margin:18px 0 28px}.metrics article{padding:17px 16px;gap:12px;border-bottom:1px solid var(--line)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(3),.metrics article:nth-child(4){border-bottom:0}.metrics em{display:inline;font-size:8px}.metrics b{font-size:18px}.metrics small{font-size:9px}.metrics .metric-icon{width:34px;height:34px}.metrics progress{max-width:100px}.section-heading h2{font-size:18px}.section-heading a{font-size:9px}.course-card{padding:20px}.practice-grid{gap:12px}.practice-card{padding:17px}.practice-card h3{font-size:14px}.practice-card p{font-size:10px}.right-column{gap:20px}.word-day{padding:19px}.daily-ar{font-size:58px}.word-day h3{font-size:18px}.goal-card h3{font-size:20px}.week{gap:4px}.quote{padding-top:20px}.quote p{font-size:15px}footer{padding:20px 20px 95px;font-size:7px;flex-wrap:wrap}footer span{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:25;justify-content:space-around;box-shadow:0 -3px 20px #112a1710}.mobile-nav a{min-height:46px;min-width:50px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px}.mobile-nav a span{font-size:22px;line-height:1.2}.mobile-nav a.active{color:var(--green)}.panel{padding:22px}.level-card{padding:18px}.level-grid{gap:12px}.level-card strong{font-size:28px}.level-card span{font-size:11px}.level-card small{font-size:7px}.notice{padding:15px}.notice summary{font-size:11px}.detail-link{display:none}.section-heading>.muted{display:none}.topic{flex-wrap:wrap;gap:12px}.topic>div{flex:1;min-width:140px}.topic>.badge,.topic>.button{margin-left:56px}.topic-number{width:38px;height:38px;font-size:12px}.outcome-grid{gap:12px}.exercise-card{padding:25px 20px}.exercise-prompt{font-size:22px}.exercise-bottom{gap:12px}.exercise-bottom small{width:100%}.audio-panel{padding:12px;gap:8px}.audio-panel b{font-size:10px}.audio-panel small{font-size:8px}.audio-panel .icon-button{min-width:30px}.audio-panel>div{min-width:100px}.audio-symbol{display:none}.speed select{font-size:10px;padding:5px}.feature-grid{grid-template-columns:1fr}.word-grid{gap:12px}.word-card{padding:17px}.word-card .arabic{font-size:31px}.word-card .row:last-child{flex-wrap:wrap}.word-card .row:last-child .text-button{padding:0;font-size:10px}.search-row{display:block}.search{margin-bottom:15px}.word-card .word-example .arabic{font-size:23px}.stats-grid{grid-template-columns:1fr}.achievement-grid{gap:8px}.achievement{padding:15px 5px}.achievement b{font-size:12px}.achievement small{font-size:10px}.book-cover{height:190px}.skill-results>div{font-size:11px}.result h1{font-size:28px}.result .review-results summary{font-size:12px}.reading-text{font-size:30px}#toast{bottom:85px}.matches select{max-width:180px}.option{padding:12px}.option [dir=auto]{font-size:20px}}
@media(max-width:370px){main{padding:20px 14px}.hero-content{padding:25px 20px;width:85%}.hero-art{opacity:.3}.hero h2{font-size:33px}.hero-tag{font-size:6px}.hero .cream{padding:12px 16px;gap:12px}.metrics article{padding:14px 12px;gap:8px}.metrics em{display:block}.metrics b{font-size:18px}.practice-grid,.right-column{grid-template-columns:1fr}.word-grid{grid-template-columns:1fr}.level-card{padding:14px}.level-card span{font-size:10px}.header-tools{gap:9px}.streak{display:none}.mini-path{margin-left:0;margin-right:0}.path-node{width:39px;height:39px}.next-lesson div>span{font-size:8px}.next-lesson strong{font-size:11px}.topic>div{min-width:130px}.outcome-grid{grid-template-columns:1fr}.result .button-row .button{width:100%}.matches label{gap:10px}.matches select{max-width:145px}.page-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.level-grid>*{min-width:0}.level-grid .panel .button{max-width:100%;padding-inline:14px}.level-grid .panel .eyebrow{overflow-wrap:anywhere}h1{overflow-wrap:anywhere}@media(max-width:960px){.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:370px){.level-grid .panel{padding:16px}.level-grid .panel .button{font-size:11px;padding-inline:10px}}

.exam-passage{padding:20px;background:var(--bg);border-radius:10px;margin-bottom:28px}.exam-passage .reading-text{font-size:28px}.local-feedback{padding:20px;background:var(--mint);border-radius:10px;margin-top:18px;font-size:13px}.local-feedback p{font-size:12px}.speech-tools{margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:8px}.speech-tools label{font-size:12px;margin:15px 0}.speech-alignment{display:flex;gap:8px;flex-wrap:wrap}.speech-alignment span{padding:7px 12px;border:1px solid var(--line);border-radius:7px;font:24px Amiri,serif}.speech-alignment .match{background:var(--mint)}.speech-alignment .mismatch{background:#f4daca;color:#753f29}.grammar-grid>*{min-width:0}.recording label textarea{width:100%;box-sizing:border-box}@media(max-width:700px){.exam-passage{padding:15px}.exam-passage .reading-text{font-size:26px}}