:root{--ink:#173832;--muted:#62736d;--paper:#f6f1e7;--panel:#fffdf8;--line:#dfddd2;--jade:#0d5a4d;--mint:#dff1e8;--gold:#c88b2d;--rose:#f7e8dd;--shadow:0 16px 45px #31463a12}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:#103c35;color:#eaf4eb;padding:28px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-family:Fraunces,serif;font-size:22px;margin:0 10px 42px}.brand span span{color:#b9ddc9}.brand-mark{font-family:"Amiri Quran",serif;display:grid;place-items:center;background:#d9ae62;color:#154237;width:35px;height:35px;border-radius:12px;font-size:25px}nav{display:grid;gap:6px}.nav-link{border:0;background:transparent;color:#c4d8ce;text-align:left;padding:13px 12px;border-radius:10px;font:500 14px inherit;cursor:pointer}.nav-link span{font-size:18px;margin-right:10px;color:#a7cbbb}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff16}.nav-link.active{box-shadow:inset 3px 0 #d6ad67}.sidebar-note{border-top:1px solid #ffffff1f;margin:25px 10px 0;padding-top:18px;display:flex;gap:11px;color:#c3d9cb}.sidebar-note span{color:#e4b767}.sidebar-note p{font:15px/1.5 Fraunces,serif;margin:0}main{min-width:0}.topbar{height:126px;border-bottom:1px solid var(--line);padding:28px clamp(24px,5vw,74px);display:flex;align-items:center;justify-content:space-between;background:#fbf8f0}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#77857e;font-weight:700;margin:0 0 5px}.topbar h1{font:700 clamp(22px,3vw,32px) Fraunces,serif;margin:0;letter-spacing:-.5px}.top-score{display:flex;gap:6px;align-items:baseline;background:#fff4df;border-radius:20px;padding:9px 13px;color:#8c5d17}.top-score strong{font-size:17px}.top-score small{font-size:11px;color:#966e2c}#app{max-width:1180px;margin:auto;padding:34px clamp(24px,5vw,74px) 70px}.toolbar,.tabs,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{justify-content:space-between;margin-bottom:22px}.pill,.chip,select,.button{font:600 12px "DM Sans",sans-serif;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:10px 12px;color:var(--ink)}.chip{border-radius:999px;cursor:pointer}.chip.active{background:var(--jade);color:white;border-color:var(--jade)}.button{cursor:pointer;background:var(--jade);color:white;border-color:var(--jade);transition:.15s}.button:hover{filter:brightness(1.08)}.button.secondary{background:var(--panel);color:var(--jade);border-color:#b8d6c8}.button.gold{background:#bc7e22;border-color:#bc7e22}.hero{border-radius:18px;background:linear-gradient(110deg,#174b41,#0e362f);color:#edf7ef;padding:26px 28px;margin-bottom:23px;position:relative;overflow:hidden}.hero:after{content:"۞";position:absolute;right:26px;top:-16px;color:#ffffff10;font:126px "Amiri Quran"}.hero p{position:relative;color:#b8d7c8;margin:0 0 8px;font-size:13px}.hero h2{position:relative;font:700 27px Fraunces,serif;margin:0}.hero .arabic{position:absolute;right:33px;bottom:15px;font-family:"Amiri Quran";font-size:32px;color:#d8b368}.ayah-list{display:grid;gap:12px}.ayah-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px #483d2406}.ayah-card{padding:22px 24px;position:relative}.ayah-num{position:absolute;left:-8px;top:20px;background:var(--mint);color:var(--jade);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700}.ayah-ar{font-family:"Amiri Quran",serif;font-size:30px;line-height:1.8;text-align:right;direction:rtl;margin-left:26px}.translation{color:#51625c;line-height:1.65;margin:9px 0 0;font-size:14px}.word-list{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 2px;padding-top:13px;border-top:1px dashed #ded9cb}.word{background:#f4f0e5;padding:6px 9px;border-radius:7px;font-size:11px}.word b{font-family:"Amiri Quran";font-size:16px;margin-right:4px;color:#185244}.ayah-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.text-button{background:transparent;border:0;color:var(--jade);font:600 12px inherit;cursor:pointer;padding:3px}.tafsir{border-left:3px solid #d6ad67;background:#fff9ed;padding:14px 15px;border-radius:0 8px 8px 0;margin-top:15px}.tafsir h4{margin:0 0 5px;font:600 15px Fraunces,serif}.tafsir p{margin:0;color:#58665f;font-size:13px;line-height:1.55}.card{padding:23px}.card h2,.card h3{font-family:Fraunces,serif;margin:0 0 10px}.card p{color:var(--muted);line-height:1.65;font-size:14px}.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-label{font-size:10px;letter-spacing:1px;color:#ad782a;font-weight:700;margin:0 0 9px}.source-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.source{font-size:11px;color:#53675e;background:#eff5ef;padding:6px 8px;border-radius:5px}.quiz-option,.hifz-choice{width:100%;padding:13px 15px;border:1px solid var(--line);background:#fffdfa;color:var(--ink);border-radius:9px;text-align:left;margin-top:9px;cursor:pointer;font:500 13px/1.45 inherit}.quiz-option:hover,.hifz-choice:hover{border-color:#7dad96;background:#f5fbf6}.quiz-option.correct,.hifz-choice.correct{border-color:#287b5c;background:#dff2e8}.quiz-option.wrong,.hifz-choice.wrong{border-color:#b95b4b;background:#fff0ed}.question-progress{font-size:12px;color:#71817a;margin-bottom:9px}.hifz-prompt{font-family:"Amiri Quran";font-size:28px;line-height:1.8;text-align:right;direction:rtl;background:#f3f7f2;padding:20px;border-radius:10px}.hifz-choice{font-family:"Amiri Quran";font-size:20px;direction:rtl;text-align:right}.feedback{border-radius:8px;padding:11px 13px;background:#eff7ef;color:#27634d;font-size:13px;margin-top:12px}.ask-form{display:flex;gap:8px;margin-top:15px}.ask-form input{min-width:0;flex:1;border:1px solid var(--line);padding:11px;border-radius:8px;font:13px inherit}.ask-answer{margin-top:13px;border-left:3px solid var(--gold);padding-left:13px;color:#4e5c55;font-size:14px;line-height:1.6}.vocab-card{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--line)}.vocab-card:last-child{border:0}.vocab-ar{font:27px "Amiri Quran";color:var(--jade);text-align:center}.vocab-card p{margin:2px 0 0;color:var(--muted);font-size:12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:15px}.day{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;padding:5px;font-size:11px;color:#74817a}.day.done{background:#d8eee1;border-color:#98c9ad;color:#165741;font-weight:700}.day.today{outline:2px solid #d5a650}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.metric{background:#f1f6ef;border-radius:10px;padding:14px}.metric strong{display:block;font:700 24px Fraunces,serif}.metric span{color:#65746e;font-size:11px}.checkin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.prayer label,.field label{display:block;font-size:11px;color:#65746e;margin-bottom:5px;font-weight:700}.prayer select,.field input,.field select{width:100%;padding:9px}.field{margin:12px 0}.notice{background:#fff4df;color:#70531f;border-radius:9px;padding:12px 14px;font-size:13px;line-height:1.5}.empty{padding:26px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:22px;right:22px;background:#193e35;color:white;padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;z-index:20}.hidden{display:none!important}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px 16px}.brand{margin:0 4px 12px}.sidebar nav{display:flex;overflow:auto}.nav-link{white-space:nowrap}.sidebar-note{display:none}.topbar{height:auto;padding:20px 24px}.grid-2,.lesson-grid{grid-template-columns:1fr}.checkin-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.hero .arabic{display:none}#app{padding:24px 18px 55px}.ayah-card{padding:18px}.ayah-ar{font-size:25px}.vocab-card{grid-template-columns:55px 1fr}}