:root{color:#18211d;font-synthesis:none;text-rendering:optimizelegibility;--forest:#075b48;--deep:#033f34;--mint:#aee8be;--sage:#d9e6d2;--paper:#f8f5ee;--gold:#c9a96a;--ink:#18211d;--font-arabic:"Noto Naskh Arabic", "Noto Sans Arabic", Tahoma, serif;background:#f8f5ee;font-family:system-ui,-apple-system,Noto Sans Arabic,Tahoma,sans-serif}@font-face{font-family:KFGQPC Hafs Smart;src:url(/quran/kfgqpc-hafs-smart-v8/HafsSmart_08.ttf)format("truetype");font-display:block}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:var(--mint);color:var(--deep)}.app-shell{min-height:100vh;overflow:hidden}.app-error{background:var(--paper);text-align:right;border:1px solid #033f3429;border-radius:20px;width:min(620px,100% - 36px);margin:15vh auto;padding:34px}.app-error h1{color:var(--deep);font:600 32px var(--font-arabic);margin:0}.app-error p{color:#18211db3;font:16px/1.8 var(--font-arabic)}.app-error button{background:var(--forest);min-height:44px;color:var(--paper);font:15px var(--font-arabic);cursor:pointer;border:0;border-radius:999px;padding:0 17px}.site-header{direction:ltr;border-bottom:1px solid #033f3421;justify-content:space-between;align-items:center;width:min(1240px,100% - 64px);min-height:92px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-logo{background:linear-gradient(145deg,#f8f5ee,#eaf4e7);border-radius:12px;flex:0 0 42px;width:42px;height:42px;padding:1px;display:block;position:relative;overflow:hidden}.brand-logo img{object-fit:contain;width:170px;max-width:none;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-wordmark{gap:1px;display:grid}.brand-wordmark strong{color:var(--deep);letter-spacing:.04em;font-size:16px}.brand-wordmark span{color:#18211d9e;letter-spacing:.09em;font-size:10px}.header-nav{direction:rtl;align-items:center;gap:34px;display:flex}.header-nav a{color:#18211db3;font-family:var(--font-arabic);font-size:18px;text-decoration:none;transition:color .2s}.header-nav a:hover,.header-nav a[aria-current=page]{color:var(--forest)}.header-quiet{color:#18211da8;letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot{background:var(--forest);border-radius:50%;width:7px;height:7px}.home-hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:42px;width:min(1240px,100% - 64px);min-height:595px;margin:0 auto;padding:58px 0 70px;display:grid;position:relative}.hero-copy{z-index:2;text-align:right;direction:rtl;position:relative}.eyebrow{color:var(--forest);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:11px;font-size:11px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--gold);width:29px;height:1px}.hero-title{max-width:640px;color:var(--deep);font-family:var(--font-arabic);letter-spacing:-.035em;margin:24px 0 18px;font-size:clamp(48px,6.6vw,84px);font-weight:600;line-height:1.18}.hero-title span{color:var(--forest)}.hero-description{color:#18211db3;max-width:490px;font-family:var(--font-arabic);margin:0;font-size:21px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:32px;display:flex}.button{cursor:pointer;min-height:54px;font-family:var(--font-arabic);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--paper);background:var(--forest)}.button-primary:hover{background:var(--deep)}.button-secondary{color:var(--deep);background:0 0;border-color:#033f3438}.button-secondary:hover{border-color:var(--forest);background:#d9e6d26b}.button svg{width:17px;height:17px}.hero-art{justify-content:center;align-items:center;min-height:435px;display:flex;position:relative}.arch-scene{place-items:center;width:min(100%,475px);height:425px;display:grid;position:relative}.arch-halo{background:linear-gradient(#d9e6d280,#f8f5ee0d 76%);border:1px solid #075b483d;border-radius:190px 190px 22px 22px;width:337px;height:410px;position:absolute;top:7px}.arch-halo:before{content:"";border:1px solid #c9a96a7a;border-radius:180px 180px 15px 15px;position:absolute;inset:14px}.hero-emblem{z-index:1;background:var(--deep);border-radius:50%;place-items:center;width:208px;height:208px;margin-top:-42px;display:grid;position:relative;box-shadow:0 26px 55px #033f342e}.hero-emblem img{object-fit:contain;mix-blend-mode:screen;width:180px;height:180px}.orbit-label{z-index:2;background:var(--paper);color:var(--deep);direction:rtl;border:1px solid #033f341f;border-radius:13px;padding:13px 18px;position:absolute;bottom:41px;left:14px;box-shadow:0 15px 34px #18211d12}.orbit-label span{color:#18211d99;letter-spacing:.11em;font-size:10px;display:block}.orbit-label strong{font-family:var(--font-arabic);margin-top:3px;font-size:18px;display:block}.scene-mark{border:1px solid var(--gold);width:10px;height:10px;position:absolute;transform:rotate(45deg)}.scene-mark.one{top:83px;right:36px}.scene-mark.two{width:6px;height:6px;bottom:105px;right:56px}.home-progress{direction:rtl;border-top:1px solid #033f3424;border-bottom:1px solid #033f3424;justify-content:space-between;align-items:center;width:min(1240px,100% - 64px);margin:0 auto;padding:23px 29px;display:flex}.progress-copy{align-items:center;gap:15px;display:flex}.progress-icon{background:var(--sage);width:40px;height:40px;color:var(--forest);border-radius:50%;place-items:center;display:grid}.progress-copy strong{color:var(--deep);font-family:var(--font-arabic);font-size:18px;display:block}.progress-copy span{color:#18211d9e;margin-top:1px;font-size:12px;display:block}.progress-state{color:var(--forest);align-items:center;gap:8px;font-size:13px;display:flex}.progress-state.is-done{font-weight:700}.home-journey,.home-capabilities{direction:rtl;width:min(1240px,100% - 64px);margin:64px auto 0}.home-journey{background:#d9e6d245;border:1px solid #033f3421;border-radius:22px;padding:31px}.home-journey h2{max-width:680px;color:var(--deep);font:600 clamp(27px,3.5vw,42px)/1.5 var(--font-arabic);margin:9px 0 0}.home-journey ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:27px 0 0;padding:0;list-style:none;display:grid}.home-journey li{background:var(--paper);border-radius:14px;align-content:start;gap:4px;min-height:115px;padding:16px;display:grid}.home-journey li span{background:var(--sage);width:26px;height:26px;color:var(--forest);border-radius:50%;place-items:center;font-weight:700;display:grid}.home-journey li strong{color:var(--deep);font:600 18px var(--font-arabic)}.home-journey li small{color:#18211d9e;font:12px/1.55 var(--font-arabic)}.home-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:72px;display:grid}.home-capabilities article{background:var(--paper);direction:rtl;border:1px solid #033f3421;border-radius:19px;min-height:220px;padding:25px}.home-capabilities svg{color:var(--forest)}.home-capabilities h2{color:var(--deep);font:600 23px var(--font-arabic);margin:11px 0 4px}.home-capabilities p{color:#18211dab;font:14px/1.8 var(--font-arabic);margin:0}.home-capabilities a{color:var(--forest);font:600 14px var(--font-arabic);text-underline-offset:4px;margin-top:17px;display:inline-block}.learning-page,.surah-page,.practice-page{width:min(1050px,100% - 64px);margin:0 auto;padding:44px 0 90px}.breadcrumb{color:#18211d99;direction:rtl;align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--forest)}.page-heading{text-align:right;direction:rtl;margin:43px 0 32px}.page-heading .eyebrow{justify-content:flex-start}.page-heading h1{color:var(--deep);font:600 clamp(38px, 5vw, 62px)/1.3 var(--font-arabic);letter-spacing:-.025em;margin:13px 0 7px}.page-heading p{color:#18211db3;font:18px/1.8 var(--font-arabic);margin:0}.learn-layout{direction:rtl;grid-template-columns:1fr 294px;gap:27px;display:grid}.surah-feature{background:var(--deep);min-height:285px;color:var(--paper);border-radius:26px;flex-direction:column;justify-content:space-between;padding:31px;display:flex;position:relative;overflow:hidden}.surah-feature:after{content:"";border:1px solid #aee8be4d;border-radius:50%;width:260px;height:260px;position:absolute;top:-92px;left:-79px;box-shadow:0 0 0 22px #aee8be0a,0 0 0 48px #aee8be0a}.feature-overline{color:var(--mint);letter-spacing:.13em;font-size:11px}.surah-feature h2{font:600 43px/1.4 var(--font-arabic);margin:8px 0 0}.surah-feature p{color:#f8f5eeb3;font:16px/1.8 var(--font-arabic);margin:2px 0 0}.surah-feature .button{z-index:1;background:var(--mint);color:var(--deep);align-self:flex-start;position:relative}.surah-meta{background:#d9e6d270;border:1px solid #033f3424;border-radius:22px;flex-direction:column;justify-content:space-between;padding:26px 24px;display:flex}.meta-title{color:#18211d9e;letter-spacing:.1em;font-size:11px}.meta-row{border-bottom:1px solid #033f341f;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-size:13px;display:flex}.meta-row:last-child{border-bottom:0}.meta-row span{color:#18211dad}.meta-row strong{color:var(--deep);font-family:var(--font-arabic);font-size:16px}.focus-note{border-right:2px solid var(--gold);color:#18211db3;font:17px/1.9 var(--font-arabic);direction:rtl;background:#d9e6d23d;margin-top:28px;padding:20px 24px}.surah-page{width:min(900px,100% - 64px)}.surah-titlebar{direction:rtl;justify-content:space-between;align-items:flex-end;gap:20px;margin:38px 0 26px;display:flex}.surah-titlebar h1{color:var(--deep);font:600 clamp(42px,6vw,69px)/1.25 var(--font-arabic);margin:8px 0 0}.surah-subtitle{color:#18211d9e;font-family:var(--font-arabic);font-size:17px}.surah-number{width:65px;height:65px;color:var(--forest);font:600 23px var(--font-arabic);border:1px solid #c9a96ab8;border-radius:50%;flex:none;place-items:center;display:grid}.surah-card{background:var(--paper);border:1px solid #033f3424;border-radius:29px;padding:clamp(25px,5vw,52px);position:relative;box-shadow:0 20px 55px #18211d09}.surah-card:before{content:"";pointer-events:none;border:1px solid #c9a96a4d;border-radius:21px;position:absolute;inset:11px}.bismillah{text-align:center;color:#18211d9e;font:20px var(--font-arabic);margin:0 0 27px}.verse-list{gap:4px;display:grid}.verse{text-align:center;min-height:76px;color:var(--deep);font-family:var(--font-arabic);direction:rtl;justify-content:center;align-items:center;padding:13px 10px;font-size:clamp(24px,4vw,35px);line-height:1.9;transition:opacity .2s;display:flex}.verse+.verse{border-top:1px solid #033f3417}.hidden-reading{text-align:center;color:#18211da6;min-height:250px;font-family:var(--font-arabic);place-items:center;font-size:19px;display:grid}.hidden-reading svg{width:38px;height:38px;color:var(--forest);margin-bottom:12px}.text-control-row{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:25px;display:flex}.reading-hint{text-align:center;color:#18211d9e;margin:18px 0 0;font-size:12px}.reading-actions{direction:rtl;border-top:1px solid #033f341f;justify-content:space-between;align-items:center;gap:20px;margin-top:37px;padding-top:26px;display:flex}.reading-actions p{color:#18211da8;font:15px/1.7 var(--font-arabic);margin:0}.disabled-link{color:#18211d94;min-height:52px;font-family:var(--font-arabic);cursor:not-allowed;background:#d9e6d299;border:1px solid #033f3426;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:16px;display:inline-flex}.disabled-link.is-ready{background:var(--forest);color:var(--paper);border-color:var(--forest);cursor:pointer;text-decoration:none}.disabled-link.is-ready:hover{background:var(--deep)}.source-note{color:#18211d9e;text-align:center;border-top:1px solid #033f3417;margin-top:25px;padding-top:17px;font-size:11px;line-height:1.8}.source-note a{color:var(--forest);text-underline-offset:3px}.tafsir-preview{direction:rtl;background:#d9e6d247;border:1px solid #033f3421;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:16px 18px;display:flex}.tafsir-preview strong,.tafsir-preview span:not(.coming-soon){display:block}.tafsir-preview strong{color:var(--deep);font:600 18px var(--font-arabic)}.tafsir-preview span:not(.coming-soon){color:#18211d9e;font:13px/1.7 var(--font-arabic);margin-top:3px}.practice-panel{background:var(--paper);border:1px solid #033f3426;border-radius:27px;padding:clamp(23px,5vw,45px)}.practice-banner{background:var(--deep);min-height:120px;color:var(--paper);direction:rtl;border-radius:19px;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;display:flex}.practice-banner h2{font:600 27px/1.5 var(--font-arabic);margin:0}.practice-banner p{color:#f8f5eead;font:14px var(--font-arabic);margin:4px 0 0}.inactive-tag{color:var(--mint);white-space:nowrap;border:1px solid #aee8be4d;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex}.inactive-tag:before{content:"";background:#aee8be8c;border-radius:50%;width:6px;height:6px}.target-selector{direction:rtl;background:#d9e6d240;border:1px solid #033f3421;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:17px;padding:15px 17px;display:flex}.target-selector strong{color:var(--deep);font:600 16px var(--font-arabic);display:block}.target-selector span{color:#18211d94;margin-top:3px;font-size:11px;display:block}.target-selector select{background:var(--paper);min-height:38px;color:var(--deep);font:14px var(--font-arabic);border:1px solid #033f3438;border-radius:9px;padding:0 10px}.target-selector select:disabled{opacity:.55}.practice-grid{direction:rtl;grid-template-columns:1fr 1fr;gap:17px;margin-top:21px;display:grid}.practice-card{background:var(--paper);direction:rtl;border:1px solid #033f341f;border-radius:17px;min-height:188px;padding:23px}.practice-card h3{color:var(--deep);font:600 19px var(--font-arabic);margin:0}.practice-card p{color:#18211da8;font-size:13px;line-height:1.7}.camera-card,.transcript-card{min-height:270px}.practice-intro{direction:rtl;background:#d9e6d24d;border:1px solid #c9a96a6b;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:14px;margin:13px 0;padding:14px;display:flex}.practice-intro strong{color:var(--deep);font:600 16px var(--font-arabic)}.practice-intro ol{color:#18211dad;font:12px/1.75 var(--font-arabic);margin:5px 0 0;padding-right:19px}.practice-intro button,.show-instructions{border:1px solid var(--forest);background:var(--forest);min-height:36px;color:var(--paper);font:13px var(--font-arabic);white-space:nowrap;cursor:pointer;border-radius:999px;padding:0 12px}.show-instructions{color:var(--forest);background:0 0;margin:3px 0 11px}.camera-placeholder{text-align:center;min-height:175px;color:var(--paper);background:linear-gradient(145deg,var(--deep),var(--forest));border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:20px;display:flex;position:relative;overflow:hidden}.camera-placeholder:before{content:"";border:1px solid #aee8be38;border-radius:80px 80px 12px 12px;width:138px;height:150px;position:absolute;bottom:-73px}.camera-arch{width:48px;height:48px;color:var(--mint);border:1px solid #aee8be80;border-radius:50%;place-items:center;display:grid}.camera-placeholder strong{font:600 16px var(--font-arabic);position:relative}.camera-placeholder span:last-child{color:#f8f5eeb3;font-size:11px;position:relative}.camera-experience{margin-top:16px}.camera-preview{background:linear-gradient(145deg,var(--deep),var(--forest));border-radius:12px;min-height:175px;position:relative;overflow:hidden}.camera-video,.landmark-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-video{display:block}.landmark-canvas{pointer-events:none}.camera-empty-state{z-index:1;min-height:175px;color:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:20px;display:flex;position:relative}.camera-empty-state:before{content:"";border:1px solid #aee8be38;border-radius:80px 80px 12px 12px;width:138px;height:150px;position:absolute;bottom:-73px}.camera-empty-state strong,.camera-empty-state span:last-child{position:relative}.camera-empty-state strong{font:600 16px var(--font-arabic)}.camera-empty-state span:last-child{color:#f8f5eeb3;font-size:11px}.camera-status{color:#18211da3;font:13px var(--font-arabic);margin-top:10px}.camera-status:before{content:"";background:#18211d57;border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.camera-status.is-preparing:before,.camera-status.is-no-hand:before{background:var(--gold)}.camera-status.is-hand-detected:before{background:var(--forest)}.camera-status.is-permission-denied:before,.camera-status.is-error:before{background:#a6493c}.landmark-count{color:var(--forest);font:12px var(--font-arabic);margin-top:4px}.stable-prediction{color:var(--deep);font-family:var(--font-arabic);background:#d9e6d26b;border:1px solid #075b482e;border-radius:11px;margin-top:12px;padding:12px 13px}.stable-prediction strong{font-size:16px;display:block}.stable-prediction span{color:#18211da1;margin-top:3px;font-size:12px;display:block}.prediction-debug{color:#18211dad;font:12px/1.7 var(--font-arabic);border:1px dashed #033f3433;border-radius:11px;margin-top:13px;padding:12px 13px}.prediction-debug>strong{color:var(--deep);margin-bottom:6px;font-size:13px;display:block}.prediction-debug>p{color:#18211d8f;margin:0 0 7px}.prediction-debug>div{justify-content:space-between;align-items:center;gap:12px;padding:2px 0;display:flex}.prediction-debug span{color:#18211d8f}.prediction-debug b{color:var(--deep);font-weight:600}.recognition-details{direction:rtl;margin-top:13px}.recognition-details summary{color:var(--forest);cursor:pointer;font:600 14px var(--font-arabic)}.recognition-details summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}.recognition-details-body{padding-top:1px}.recognition-details-note{border-right:2px solid var(--gold);color:#18211db3;font:12px/1.7 var(--font-arabic);background:#d9e6d24d;border-radius:7px;margin:10px 0 0;padding:10px 12px}.local-processing-note{direction:rtl;background:#d9e6d238;border:1px solid #033f3421;border-radius:10px;margin-top:12px;padding:10px 12px}.local-processing-note summary{color:var(--forest);cursor:pointer;font:600 13px var(--font-arabic)}.local-processing-note p{color:#18211da8;font:12px/1.7 var(--font-arabic);margin:7px 0 0}.camera-controls{flex-wrap:wrap;gap:9px;margin-top:13px;display:flex}.camera-controls button{min-height:39px;font:14px var(--font-arabic);cursor:pointer;border-radius:999px;padding:0 14px}.camera-start{border:1px solid var(--forest);background:var(--forest);color:var(--paper)}.camera-stop{color:var(--deep);background:0 0;border:1px solid #033f3438}.camera-controls button:disabled{opacity:.48;cursor:not-allowed}.transcript-placeholder{color:#18211da8;min-height:88px;font-family:var(--font-arabic);border:1px dashed #033f3433;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:13px 15px;font-size:17px;display:flex}.transcript-placeholder span{color:#18211d8f;font:11px/1.6 system-ui,sans-serif}.sequence-card{min-height:unset;grid-column:1/-1}.sequence-slots{direction:rtl;align-items:center;gap:9px;margin-top:22px;display:flex}.sequence-slot{color:#18211d85;border:1px dashed #033f3440;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.comparison-card{min-height:unset;grid-column:1/-1;margin-top:17px}.comparison-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:15px;display:grid}.comparison-summary div{text-align:center;background:#d9e6d266;border-radius:10px;padding:10px 7px}.comparison-summary span{color:#18211d94;font:11px var(--font-arabic);display:block}.comparison-summary strong{color:var(--deep);font:600 17px var(--font-arabic);margin-top:3px;display:block}.comparison-debug{font:12px/1.7 var(--font-arabic);border:1px dashed #033f3433;border-radius:11px;margin-top:13px;padding:11px 13px}.comparison-debug div{justify-content:space-between;gap:14px;padding:2px 0;display:flex}.comparison-debug span{color:#18211d8f}.comparison-debug b{color:var(--deep);overflow-wrap:anywhere}.comparison-explanation{border-right:2px solid var(--gold);color:#18211db3;font:13px/1.8 var(--font-arabic);background:#d9e6d252;border-radius:8px;margin:14px 0 0;padding:10px 12px}.comparison-details{margin-top:13px}.attempt-history{direction:rtl;background:#d9e6d23d;border:1px solid #033f3421;border-radius:16px;margin-top:18px;padding:20px 22px}.attempt-history h3{color:var(--deep);font:600 20px var(--font-arabic);margin:0}.attempt-history p{color:#18211d9e;font:12px/1.7 var(--font-arabic);margin:3px 0 0}.attempt-history-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.attempt-history-heading>button,.attempt-history-item button{min-height:34px;color:var(--forest);font:12px var(--font-arabic);cursor:pointer;background:0 0;border:1px solid #033f342e;border-radius:999px;padding:0 10px}.attempt-history-heading>button{color:#834238;border-color:#8342384d}.attempt-history-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.attempt-history-item{background:var(--paper);border-radius:10px;gap:3px;min-width:0;padding:10px;display:grid}.attempt-history-item span{color:var(--deep);font:600 14px var(--font-arabic)}.attempt-history-item b{color:var(--forest);font-size:17px}.attempt-history-item small{color:#18211d8c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.attempt-history-item em{color:#18211d99;font:10px/1.5 var(--font-arabic);font-style:normal}.attempt-history-item>div{flex-wrap:wrap;gap:5px;margin-top:3px;display:flex}.attempt-history-item>div button:last-child{color:#834238;border-color:#83423847}.future-controls{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.future-controls button{min-height:39px;color:var(--deep);cursor:pointer;background:#d9e6d273;border:1px solid #033f3424;border-radius:999px;padding:0 13px;font-size:12px}.future-controls button:disabled{color:#18211d73;cursor:not-allowed;opacity:.58}.future-controls button:not(:disabled):hover{background:var(--sage);border-color:#033f3452}.phase-note{color:#18211dbd;font:15px/1.8 var(--font-arabic);direction:rtl;background:#d9e6d28a;border-radius:13px;margin-top:20px;padding:17px 19px}.review-toggle{direction:rtl;border:1px solid #033f3424;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;margin-top:21px;padding:18px 21px;display:flex}.review-toggle div strong{color:var(--deep);font:600 17px var(--font-arabic);display:block}.review-toggle div span{color:#18211d99;margin-top:5px;font-size:11px;display:block}.review-toggle button{border:1px solid var(--forest);min-height:43px;color:var(--forest);font-family:var(--font-arabic);cursor:pointer;background:0 0;border-radius:999px;padding:0 17px;font-size:15px}.review-toggle button:hover{background:var(--sage)}.review-toggle button[aria-pressed=true]{color:var(--paper);background:var(--forest)}.page-footer{color:#18211d94;border-top:1px solid #033f3421;justify-content:space-between;align-items:center;gap:16px;width:min(1240px,100% - 64px);margin:0 auto;padding:23px 0 34px;font-size:11px;display:flex}.page-footer span:last-child{font-family:var(--font-arabic);direction:rtl;font-size:13px}.home-developer-footer{border-top:1px solid var(--line);color:#16362f99;width:min(1220px,100% - 64px);font:13px/1.8 var(--font-arabic);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;margin:14px auto 0;padding:21px 0 35px;display:flex}.home-developer-footer p{margin:0}.home-developer-footer p a{color:var(--forest);text-underline-offset:4px;font-weight:700;text-decoration:none}.external-link-icon{vertical-align:-.08em;width:.9em;height:.9em;margin-inline-start:3px}.home-developer-footer p a:hover,.home-developer-footer p a:focus-visible,.home-developer-footer nav a:hover,.home-developer-footer nav a:focus-visible{text-decoration:underline}.home-developer-footer>span{color:#16362f80;font-size:12px}.home-developer-footer nav{gap:10px;margin-inline-start:auto;display:flex}.home-developer-footer nav a{color:#16362fad;text-decoration:none}.quran-browser-page,.info-page{direction:rtl;width:min(1100px,100% - 64px);margin:0 auto;padding:48px 0 90px}.quran-browser-hero{background:var(--deep);color:var(--paper);border-radius:27px;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(25px,5vw,46px);display:flex}.quran-browser-hero h1{font:600 clamp(35px,5vw,57px)/1.3 var(--font-arabic);margin:9px 0}.quran-browser-hero p:not(.eyebrow){color:#f8f5eec2;max-width:650px;font:16px/1.9 var(--font-arabic);margin:0}.quran-view-tabs{direction:rtl;background:#d9e6d247;border:1px solid #033f3424;border-radius:15px;flex-wrap:wrap;gap:7px;margin:20px 0 2px;padding:6px;display:flex}.quran-view-tabs button{color:#18211db3;min-height:40px;font:15px var(--font-arabic);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 15px}.source-chip,.available-badge,.coming-soon,.reader-unavailable{width:max-content;font:12px var(--font-arabic);border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.source-chip{color:var(--mint);white-space:nowrap;border:1px solid #aee8be66}.available-badge{color:var(--forest);background:#aee8be99}.coming-soon{color:#685024;background:#c9a96a2e;border:1px solid #c9a96a59}.quran-search{color:var(--deep);font:600 14px var(--font-arabic);gap:7px;margin:25px 0 15px;display:grid}.quran-search input{box-sizing:border-box;background:var(--paper);width:100%;min-height:48px;color:var(--deep);font:16px var(--font-arabic);border:1px solid #033f3438;border-radius:12px;padding:0 14px}.quran-search input:focus-visible,.surah-row:focus-visible,.button:focus-visible,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #c9a96ab8}.catalog-filters{direction:rtl;flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.catalog-filters button{color:#18211db8;min-height:36px;font:13px var(--font-arabic);cursor:pointer;background:0 0;border:1px solid #033f342e;border-radius:999px;padding:0 13px}.catalog-filters button.is-active{border-color:var(--forest);background:var(--forest);color:var(--paper)}.catalog-result-count{color:#18211da1;font:13px var(--font-arabic);margin:0 0 10px}.quran-browser-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.surah-catalog{background:var(--paper);border:1px solid #033f3424;border-radius:18px;max-height:620px;overflow:auto}.surah-row{text-align:right;width:100%;min-height:58px;color:var(--deep);cursor:pointer;direction:rtl;background:0 0;border:0;border-bottom:1px solid #033f341a;grid-template-columns:38px minmax(100px,1fr) auto auto;align-items:center;gap:11px;padding:10px 15px;display:grid}.surah-row:hover,.surah-row.is-selected{background:#d9e6d285}.surah-row:last-child{border-bottom:0}.surah-catalog-number{color:var(--forest);font-weight:700}.surah-catalog-name{font:600 18px var(--font-arabic)}.surah-catalog-meta{color:#18211d94;font:12px var(--font-arabic)}.catalog-empty{text-align:center;color:#18211d99;font-family:var(--font-arabic);padding:20px}.quran-reader-panel{background:#d9e6d24d;border:1px solid #033f3424;border-radius:18px;min-height:250px;padding:27px}.quran-reader-panel h2{color:var(--deep);font:600 34px var(--font-arabic);margin:9px 0}.quran-reader-panel p:not(.eyebrow){color:#18211dad;font:16px/1.9 var(--font-arabic)}.quran-reader-panel .button{margin-top:12px}.reader-unavailable{color:#18211dad;background:#f8f5eed9;border:1px solid #033f341f;border-radius:12px;line-height:1.6}.mushaf-note{border-right:3px solid var(--gold);color:#18211dad;font:14px/1.8 var(--font-arabic);background:#d9e6d247;gap:4px;margin-top:18px;padding:18px 21px;display:grid}.mushaf-note strong{color:var(--deep);font-size:17px}.quran-data-state{text-align:center;color:#18211db3;min-height:180px;font:15px/1.8 var(--font-arabic);background:#d9e6d23d;border:1px solid #033f3424;border-radius:18px;place-content:center;gap:6px;margin-top:18px;padding:25px;display:grid}.quran-data-state strong{color:var(--deep);font-size:20px}.quran-data-state small{overflow-wrap:anywhere;color:#834238;direction:ltr}.quran-data-state.is-error{border-color:#8342384d}.smart-quran-reader,.mushaf-viewer,.sign-mushaf-view{background:var(--paper);direction:rtl;border:1px solid #033f3424;border-radius:22px;margin-top:20px;padding:clamp(20px,4vw,36px)}.smart-reader-header,.mushaf-viewer header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.smart-reader-header h2,.mushaf-viewer h2,.sign-mushaf-view h2{color:var(--deep);font:600 clamp(29px,4vw,44px)/1.3 var(--font-arabic);margin:8px 0 2px}.smart-reader-header p:not(.eyebrow),.mushaf-viewer p:not(.eyebrow),.sign-mushaf-view p:not(.eyebrow){color:#18211dab;font:15px/1.8 var(--font-arabic);margin:0}.smart-reader-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:9px;display:flex}.smart-reader-actions label,.smart-search{color:#18211dad;font:12px var(--font-arabic);gap:5px;display:grid}.smart-reader-actions select,.smart-search input{background:var(--paper);min-height:42px;color:var(--deep);font:14px var(--font-arabic);border:1px solid #033f3433;border-radius:9px;padding:0 10px}.reader-settings{color:var(--deep);font-family:var(--font-arabic);background:#f8f5ee94;border:1px solid #033f3424;border-radius:12px;margin-top:14px;padding:12px 14px}.reader-settings summary{cursor:pointer;font-weight:700}.reader-settings>div{flex-wrap:wrap;align-items:end;gap:12px;margin-top:12px;display:flex}.reader-settings label{gap:5px;font-size:13px;display:grid}.reader-settings select{background:var(--paper);min-height:38px;color:var(--deep);font-family:var(--font-arabic);border:1px solid #033f3433;border-radius:8px;padding:0 8px}.reader-settings .reader-focus-toggle{align-items:center;gap:7px;min-height:38px;display:flex}.reader-settings small{color:#18211da3;margin-top:9px;font-size:12px;display:block}.smart-search{margin-top:24px}.smart-search input{width:100%;font-size:16px}.quran-audio-player{background:#d9e6d240;border:1px solid #033f3429;border-radius:14px;gap:10px;margin-top:16px;padding:16px;display:grid}.quran-audio-player strong,.quran-audio-player span{color:var(--deep);font-family:var(--font-arabic);display:block}.quran-audio-player span{color:#18211da6;margin-top:2px;font-size:12px}.quran-audio-player label{color:var(--deep);font:600 13px var(--font-arabic);gap:4px;display:grid}.quran-audio-player label select,.quran-audio-player label input{background:var(--paper);min-height:38px;color:var(--deep);font-family:var(--font-arabic);border:1px solid #033f3433;border-radius:8px;padding:0 8px}.reciter-search{margin-bottom:8px}.audio-controls,.audio-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audio-controls button,.audio-options select{background:var(--paper);min-height:36px;color:var(--deep);font:13px var(--font-arabic);cursor:pointer;border:1px solid #033f3433;border-radius:9px;padding:0 11px}.audio-options label{color:#18211db3;font:12px var(--font-arabic);align-items:center;gap:6px;display:flex}.audio-options input{accent-color:var(--forest)}.quran-audio-player small{color:#834238;font:12px var(--font-arabic)}.audio-range{flex-wrap:wrap;align-items:end;gap:8px;padding-top:4px;display:flex}.audio-range label{color:var(--deep);font:600 13px var(--font-arabic);gap:4px;display:grid}.audio-range select{min-height:38px}.smart-search-results{border:1px dashed #033f343b;border-radius:12px;margin-top:12px;padding:13px}.smart-search-results>strong{color:var(--deep);font:600 15px var(--font-arabic)}.smart-search-results button{text-align:right;cursor:pointer;background:#d9e6d233;border:1px solid #033f341f;border-radius:10px;gap:7px;width:100%;margin-top:9px;padding:11px;display:grid}.smart-search-results button span{color:#18211da3;font:12px var(--font-arabic)}.smart-ayah{font-family:"KFGQPC Hafs Smart",var(--font-arabic);direction:rtl;font-size:clamp(26px,3.5vw,42px);line-height:1.75}.smart-search-results .smart-ayah{color:var(--deep);font-size:26px}.smart-ayah-list{background:linear-gradient(135deg,#d9e6d23d,#f8f5eec2);border:1px solid #033f3426;border-radius:18px;gap:0;margin-top:24px;display:grid;overflow:hidden}.smart-ayah-card{text-align:right;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #033f341f;width:100%;padding:20px clamp(16px,3vw,32px)}.smart-ayah-card:last-child{border-bottom:0}.smart-ayah-card:hover{background:#d9e6d275}.smart-ayah-card.is-selected{box-shadow:inset -3px 0 var(--gold);background:#c9a96a1f}.smart-ayah-card.is-playing{box-shadow:inset -3px 0 var(--forest);background:#aee8be52}.smart-ayah-meta{color:#18211d99;font:12px var(--font-arabic);justify-content:space-between;gap:14px;display:flex}.smart-ayah-card p{text-align:right;max-width:900px;color:var(--deep);margin:11px auto 0}.reader-font-large .smart-ayah{font-size:clamp(31px,4.2vw,49px)}.reader-font-x-large .smart-ayah{font-size:clamp(36px,5vw,57px)}.reader-spacing-spacious .smart-ayah{line-height:2.15}.smart-ayah-card small{color:#18211d80;font:11px var(--font-arabic);margin-top:5px;display:block}.smart-source-note{color:#18211d9e;font:12px/1.8 var(--font-arabic);border-top:1px solid #033f341a;margin:18px 0 0;padding-top:14px}.ayah-sheet-backdrop{z-index:30;background:#033f346b;place-items:end center;padding:20px;display:grid;position:fixed;inset:0}.ayah-action-sheet{background:var(--paper);direction:rtl;border-radius:22px 22px 0 0;width:min(720px,100%);max-height:min(78vh,700px);padding:25px;overflow:auto;box-shadow:0 -14px 45px #033f343b}.ayah-action-sheet header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.ayah-action-sheet h3{color:var(--deep);font:600 24px var(--font-arabic);margin:7px 0}.ayah-action-sheet header>button{width:36px;height:36px;color:var(--deep);cursor:pointer;background:0 0;border:1px solid #033f342e;border-radius:50%;font-size:24px}.ayah-action-sheet>p{color:#18211dab;font:14px/1.8 var(--font-arabic)}.ayah-actions{flex-wrap:wrap;gap:8px;display:flex}.mushaf-viewer header>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mushaf-frame-wrap{background:#d9e6d233;border:1px solid #033f3424;border-radius:14px;min-height:600px;margin-top:20px;position:relative;overflow:hidden}.mushaf-frame-wrap .quran-data-state{z-index:0;border:0;border-radius:0;margin:0;position:absolute;inset:0}.mushaf-frame{z-index:1;background:0 0;border:0;width:100%;height:680px;position:relative}.sign-mushaf-view{text-align:center;background:linear-gradient(145deg,#d9e6d28c,var(--paper));align-content:center;justify-items:center;min-height:370px;display:grid}.sign-mushaf-view p{max-width:650px}.info-page .page-heading{margin-top:0}.sources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.source-card,.access-card{background:var(--paper);color:#18211db8;font:15px/1.9 var(--font-arabic);border:1px solid #033f3424;border-radius:18px;padding:25px}.source-card h2,.access-card h2{color:var(--deep);font:600 22px var(--font-arabic);margin:0 0 10px}.source-status{vertical-align:middle;font:10px var(--font-arabic);border-radius:999px;align-items:center;margin-right:7px;padding:3px 7px;display:inline-flex}.source-status-verified,.source-status-license-verified{color:var(--forest);background:#aee8be80}.source-status-pending{color:#685024;background:#c9a96a2e}.source-status-unused{color:#18211da6;background:#18211d14}.source-card p,.access-card p{margin:0 0 12px}.source-card a{color:var(--forest);text-underline-offset:4px}.developer-card{background:linear-gradient(145deg,#fffefa,#edf7ee)}.developer-card .eyebrow{margin:0 0 4px}.developer-card>strong{color:var(--forest);font:700 18px var(--font-arabic);margin:-3px 0 10px;display:block}.developer-card>a{align-items:center;gap:5px;margin-top:2px;font-weight:700;display:inline-flex}.source-card ul{margin:0;padding:0 20px 0 0}.minor{color:#18211d8f;font-size:13px}.privacy-controls button{color:#834238;min-height:38px;font:13px var(--font-arabic);cursor:pointer;background:0 0;border:1px solid #8342384d;border-radius:999px;padding:0 13px}.privacy-controls button:disabled{opacity:.5;cursor:not-allowed}.access-card{margin-bottom:16px}.profile-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-form label{color:var(--deep);font-family:var(--font-arabic);gap:7px;display:grid}.profile-form select{background:var(--paper);min-height:44px;color:var(--deep);font:15px var(--font-arabic);border:1px solid #033f3438;border-radius:10px;padding:0 10px}.profile-form h2,.profile-form p{grid-column:1/-1;margin:0}.profile-form .profile-check{align-items:center;gap:8px;min-height:42px;display:flex}.accessibility-text-large{font-size:112.5%}.accessibility-text-x-large{font-size:125%}.accessibility-high-contrast{--deep:#002b23;--forest:#004d3f;--paper:#fffdf7;color:#071d18}.accessibility-high-contrast button,.accessibility-high-contrast input,.accessibility-high-contrast select{border-color:#003c30!important}.accessibility-reduced-motion *,.accessibility-reduced-motion :before,.accessibility-reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.progress-dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.progress-dashboard article{background:var(--paper);border:1px solid #033f3426;border-radius:15px;gap:7px;padding:18px;display:grid}.progress-dashboard span{color:#18211da6;font:13px var(--font-arabic)}.progress-dashboard strong{color:var(--forest);font:600 25px var(--font-arabic)}.saved-content-heading,.saved-content-list article{justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-content-heading{margin-bottom:12px}.saved-content-heading h2{margin:0}.saved-content-list{gap:9px;display:grid}.saved-content-list article{background:#f8f5eea6;border:1px solid #033f3424;border-radius:11px;padding:13px}.saved-content-list article strong,.saved-content-list article span{font-family:var(--font-arabic);display:block}.saved-content-list article span{color:#18211da8;margin-top:4px;font-size:13px}.saved-content-list article div:last-child{flex-wrap:wrap;gap:7px;display:flex}.data-management{justify-items:start;gap:10px;display:grid}.data-management .danger-action{color:#842b24;border-color:#842b2466}.data-management p{color:var(--forest);font-family:var(--font-arabic);margin:4px 0 0}.comparison-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.library-grid article{background:linear-gradient(135deg,#f8f5eee6,#d9e6d247);border:1px solid #033f3426;border-radius:16px;min-height:150px;padding:20px}.library-grid h2{color:var(--deep);font:600 24px var(--font-arabic);margin:0}.library-grid p{color:#18211db8;min-height:52px;font:15px/1.8 var(--font-arabic)}.access-card.compact{background:#d9e6d252}.access-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.access-row strong,.access-row span{display:block}.access-row strong{color:var(--deep);font:600 20px var(--font-arabic)}.access-row span{color:#18211d9e;margin-top:3px}.fingerspelling-viewer{direction:rtl;background:#d9e6d238;border:1px solid #033f3424;border-radius:18px;margin-top:16px;padding:24px}.fingerspelling-viewer-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.fingerspelling-viewer h2{color:var(--deep);font:600 22px var(--font-arabic);margin:0}.fingerspelling-viewer p{color:#18211da6;font:14px/1.75 var(--font-arabic);margin:4px 0 0}.fingerspelling-tokens{flex-wrap:wrap;align-items:stretch;gap:9px;margin-top:18px;display:flex}.fingerspelling-token{background:var(--paper);text-align:center;border:1px dashed #033f3438;border-radius:12px;place-items:center;width:86px;min-height:110px;padding:9px;display:grid}.fingerspelling-token img{object-fit:contain;width:100%;height:68px}.sign-asset-placeholder{width:54px;height:54px;color:var(--forest);font:600 28px var(--font-arabic);background:#d9e6d2b3;border-radius:50%;place-items:center;display:grid}.fingerspelling-token strong{color:var(--deep);font:600 19px var(--font-arabic);margin-top:3px}.fingerspelling-token span{color:#18211d91;font:10px/1.35 var(--font-arabic)}.fingerspelling-gap{width:14px;min-height:1px}@media (width<=760px){.site-header{flex-wrap:wrap;gap:6px 14px;width:calc(100% - 36px);min-height:77px;padding:10px 0}.brand img{width:49px;height:49px}.brand-wordmark span{max-width:115px;font-size:8px}.header-nav{scrollbar-width:thin;flex-wrap:nowrap;order:3;justify-content:flex-start;gap:5px 17px;width:100%;padding-bottom:3px;overflow-x:auto}.header-nav a{font-size:15px}.header-quiet{display:none}.home-hero{grid-template-columns:1fr;gap:0;width:calc(100% - 36px);min-height:auto;padding:42px 0 30px}.hero-copy{grid-row:1}.hero-title{margin-top:19px;font-size:clamp(45px,12vw,66px)}.hero-description{font-size:18px}.hero-art{grid-row:2;min-height:310px;margin-top:11px}.arch-scene{height:310px}.arch-halo{width:240px;height:295px}.hero-emblem{width:155px;height:155px;margin-top:-33px}.hero-emblem img{width:135px;height:135px}.orbit-label{padding:9px 14px;bottom:15px;left:calc(50% - 146px)}.scene-mark.one{top:48px;right:calc(50% - 135px)}.scene-mark.two{bottom:71px;right:calc(50% - 120px)}.home-progress{align-items:flex-start;gap:12px;width:calc(100% - 36px);padding:18px 2px}.progress-copy{gap:10px}.progress-copy strong{font-size:16px}.progress-copy span{max-width:190px;font-size:10px;line-height:1.5}.progress-icon{flex:none;width:34px;height:34px}.progress-state{white-space:nowrap;padding-top:7px;font-size:11px}.home-journey,.home-capabilities{width:calc(100% - 36px);margin-top:38px}.home-journey{padding:22px}.home-journey h2{font-size:29px}.home-journey ol,.home-capabilities{grid-template-columns:1fr}.home-journey ol{gap:8px;margin-top:20px}.home-journey li{min-height:unset;grid-template-columns:28px 1fr;column-gap:10px}.home-journey li span{grid-row:span 2}.home-journey li small{grid-column:2}.home-capabilities{margin-bottom:50px}.learning-page,.surah-page,.practice-page{width:calc(100% - 36px);padding:30px 0 60px}.page-heading{margin:33px 0 24px}.page-heading h1{font-size:43px}.page-heading p{font-size:16px}.learn-layout{grid-template-columns:1fr;gap:14px}.surah-feature{min-height:250px;padding:25px}.surah-meta{gap:0;padding:19px 21px}.meta-title{margin-bottom:5px}.focus-note{margin-top:17px;padding:15px 18px;font-size:15px}.surah-titlebar{margin:31px 0 19px}.surah-titlebar h1{font-size:49px}.surah-number{width:52px;height:52px;font-size:19px}.surah-card{padding:28px 17px}.surah-card:before{border-radius:20px;inset:7px}.bismillah{margin-bottom:17px;font-size:17px}.verse{min-height:68px;padding:10px 4px;font-size:clamp(23px,6.2vw,30px)}.reading-actions{flex-direction:column;align-items:stretch}.reading-actions p{text-align:center}.reading-actions .disabled-link{justify-content:center;align-self:stretch}.tafsir-preview{flex-direction:column;align-items:flex-start}.practice-banner{flex-direction:column;align-items:flex-start;padding:21px}.target-selector{flex-direction:column;align-items:stretch}.practice-banner h2{font-size:23px}.practice-grid{grid-template-columns:1fr}.practice-intro{flex-direction:column;align-items:stretch}.practice-card{min-height:unset}.sequence-card,.comparison-card{grid-column:auto}.comparison-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.attempt-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.attempt-history-heading,.review-toggle{flex-direction:column;align-items:stretch}.page-footer,.home-developer-footer{width:calc(100% - 36px)}.quran-browser-page,.info-page{width:calc(100% - 36px);padding:30px 0 60px}.quran-browser-hero{flex-direction:column;align-items:flex-start;padding:26px 22px}.quran-browser-hero h1{font-size:39px}.source-chip{white-space:normal}.quran-browser-layout,.sources-grid{grid-template-columns:1fr}.quran-view-tabs{margin-top:14px}.quran-view-tabs button{flex:1;padding:0 9px;font-size:13px}.surah-catalog{max-height:450px}.surah-row{grid-template-columns:30px minmax(85px,1fr) auto;gap:8px;padding:9px 10px}.surah-row .available-badge,.surah-row .coming-soon{grid-column:2/-1;justify-self:start}.quran-reader-panel{min-height:unset;padding:22px}.smart-reader-header,.mushaf-viewer header{flex-direction:column;align-items:stretch}.smart-reader-actions{justify-content:stretch}.smart-reader-actions label{flex:1}.smart-reader-actions select{width:100%}.mushaf-viewer header>div:last-child .button{justify-content:center}.mushaf-frame-wrap,.mushaf-frame{height:460px;min-height:460px}.access-row{flex-direction:column;align-items:stretch}.access-row .button{justify-content:center}.fingerspelling-viewer{padding:20px}.fingerspelling-viewer-heading{flex-direction:column}.profile-form{grid-template-columns:1fr}.progress-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-content-heading,.saved-content-list article{flex-direction:column;align-items:flex-start}.library-grid{grid-template-columns:1fr}}@media (width<=390px){.header-nav{gap:11px}.header-nav a{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--ink:#16362f;--forest:#075b48;--deep:#043b32;--mint:#aee8be;--sage:#e3efe1;--paper:#fbfaf5;--gold:#c9a96a;--line:#075b4826;--shadow:0 18px 48px #043b3217;--radius:22px}body{color:var(--ink);background:radial-gradient(circle at 88% -5%,#aee8be57,#0000 27rem),linear-gradient(#fffdf8 0,#f8f5ee 64%,#edf4eb 100%)}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 15% 100%,#075b4821 0 10%,#0000 10.3%),radial-gradient(at 32% 100%,#075b481a 0 16%,#0000 16.3%),radial-gradient(at 62% 100%,#075b481f 0 13%,#0000 13.3%);width:124vw;height:280px;position:fixed;inset:auto -12vw 0}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);direction:rtl;background:#fffdf8d1;width:min(1320px,100% - 64px);min-height:76px;position:sticky;top:0}.brand{order:3}.brand img{width:46px;height:46px}.brand-wordmark strong{font:700 22px var(--font-arabic);letter-spacing:0;color:var(--deep)}.brand-wordmark span{font:11px var(--font-arabic);letter-spacing:0}.header-nav{order:2;gap:8px}.header-nav a{border-radius:999px;padding:10px 12px;font-size:15px}.header-nav a:hover,.header-nav a[aria-current=page]{color:var(--deep);background:#aee8be61}.header-more{direction:rtl;order:1;position:relative}.header-more summary{cursor:pointer;border:1px solid var(--line);font:14px var(--font-arabic);color:var(--deep);border-radius:999px;padding:10px 13px;list-style:none}.header-more summary::-webkit-details-marker{display:none}.more-menu{border:1px solid var(--line);min-width:185px;box-shadow:var(--shadow);background:#fffdf8;border-radius:16px;padding:8px;display:grid;position:absolute;top:calc(100% + 11px);left:0}.more-menu a{font:14px var(--font-arabic);border-radius:10px;padding:10px 12px;text-decoration:none}.more-menu a:hover,.more-menu a[aria-current]{background:var(--sage)}.mobile-nav{display:none}.eyebrow{color:var(--forest);font:700 12px var(--font-arabic);letter-spacing:.04em;text-transform:none}.eyebrow:before{background:var(--gold);width:22px}.button{min-height:48px;box-shadow:none;border-radius:14px;font-size:16px}.button-primary{background:linear-gradient(135deg,var(--forest),var(--deep));box-shadow:0 10px 20px #075b482e}.button-secondary{border-color:var(--line);background:#ffffff9e}.home-hero{isolation:isolate;grid-template-columns:1.15fr .85fr;gap:20px;width:min(1320px,100% - 64px);min-height:640px;padding:78px 28px 70px}.home-hero:after{content:"";z-index:-1;background:linear-gradient(115deg,#fff9,#aee8be2e);border:1px solid #c9a96a4f;border-radius:42px 42px 120px;position:absolute;inset:34px 0}.hero-title{max-width:680px;font-size:clamp(50px,6vw,82px)}.hero-description{max-width:560px;font-size:19px}.hero-art{min-height:470px}.arch-halo{background:linear-gradient(#aee8be85,#fffdf81a);box-shadow:inset 0 0 0 14px #ffffff3d}.hero-emblem{background:linear-gradient(145deg,#075b48,#043b32);border:8px solid #fffdf8b3}.home-progress{border:1px solid var(--line);width:min(1220px,100% - 64px);box-shadow:var(--shadow);background:#fffdf8c7;border-radius:18px}.home-journey{color:#fff;width:min(1220px,100% - 64px);box-shadow:var(--shadow);background:linear-gradient(135deg,#073f35,#07614c);border:0;position:relative;overflow:hidden}.home-journey:after{content:"";border:1px solid #c9a96a5c;border-radius:50%;width:560px;height:560px;position:absolute;bottom:-400px;left:-230px}.home-journey h2{color:#fff;z-index:1;position:relative}.home-journey .eyebrow{color:#d9f5df}.home-journey ol{z-index:1;position:relative}.home-journey li{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.home-journey li strong{color:#fff}.home-journey li small{color:#ffffffb8}.home-journey li span{background:var(--gold);color:var(--deep)}.home-capabilities{gap:20px;width:min(1220px,100% - 64px)}.home-capabilities article{border-radius:var(--radius);box-shadow:var(--shadow);border-color:var(--line);background:#fffdf8de}.quran-browser-page,.info-page{width:min(1220px,100% - 64px);padding-top:52px}.quran-browser-hero{box-shadow:var(--shadow);background:linear-gradient(128deg,#063f35,#097151);border-radius:28px;position:relative;overflow:hidden}.quran-browser-hero:after{content:"";border:1px solid #c9a96a73;border-radius:50%;width:400px;height:400px;position:absolute;top:-240px;left:-130px}.quran-browser-hero h1,.quran-browser-hero p{color:#fff}.source-chip{color:#f7f1df;background:#ffffff1f;border-color:#fff3}.quran-view-tabs{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;padding:6px;box-shadow:0 7px 24px #043b320d}.quran-view-tabs button{border-radius:11px}.quran-view-tabs button.is-active{background:var(--forest);color:#fff}.quran-browser-layout{gap:20px}.surah-catalog,.quran-reader-panel,.smart-quran-reader,.mushaf-viewer,.sign-mushaf-view,.access-card{border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf8e6}.surah-row{border-radius:14px;margin:4px}.surah-row.is-selected{background:#aee8be59}.quran-reader-panel{background:linear-gradient(155deg,#eef8ed,#fffdf8)}.smart-quran-reader{padding:28px}.smart-reader-header{border-bottom:1px solid var(--line);padding-bottom:20px}.smart-ayah-list{box-shadow:none;background:0 0;border:0;padding:10px 0}.smart-ayah-card{background:0 0;border:0;border-bottom:1px solid #075b481a;border-radius:0;padding:27px 18px}.smart-ayah-card:hover,.smart-ayah-card.is-selected{background:linear-gradient(90deg,#0000,#aee8be47,#0000)}.smart-ayah-card.is-playing{box-shadow:inset -4px 0 var(--gold)}.smart-ayah{font-size:clamp(25px,3vw,35px);line-height:2.15}.quran-audio-player{border:1px solid var(--line);box-shadow:none;background:linear-gradient(125deg,#f3fbef,#fffdf8);border-radius:20px}.ayah-action-sheet{border-radius:26px 26px 0 0;box-shadow:0 -20px 60px #043b3238}.practice-page,.surah-page,.learning-page{width:min(1120px,100% - 64px)}.practice-panel,.surah-card{box-shadow:var(--shadow);border-radius:28px}.practice-banner{background:linear-gradient(130deg,#063f35,#087052)}.comparison-card{border:1px solid var(--line);box-shadow:var(--shadow)}.sequence-card{background:linear-gradient(135deg,#eff9ec,#fffdf8)}.info-page .page-heading{padding:24px 0 12px}.page-heading h1{font-size:clamp(42px,5vw,66px)}.access-card{padding:28px}.profile-form label,.quran-audio-player label{font-family:var(--font-arabic)}.progress-dashboard article{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(140deg,#fffdf8,#edf8ec);border-radius:18px}.library-grid article{box-shadow:var(--shadow);border-color:var(--line);border-radius:20px}.page-footer{border-top:1px solid var(--line);width:min(1220px,100% - 64px);padding-top:30px}.garden-journey{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#063f35,#087052);border-radius:24px;align-items:center;gap:25px;margin-bottom:20px;padding:25px 30px;display:flex}.garden-visual{color:#f2d693;background:#aee8be2e;border:1px solid #ffffff40;border-radius:50%;flex:none;place-items:center;width:90px;height:90px;font-size:34px;display:grid}.garden-journey h2{font:600 26px var(--font-arabic);margin:3px 0}.garden-journey p{color:#ffffffc7;font:15px/1.8 var(--font-arabic);margin:0}@media (width<=760px){body{padding-bottom:72px}.site-header{width:calc(100% - 28px);min-height:67px}.brand img{width:38px;height:38px}.brand-wordmark strong{font-size:19px}.brand-wordmark span,.header-nav{display:none}.header-more summary{padding:8px 10px;font-size:13px}.mobile-nav{z-index:60;padding:7px 5px max(7px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);border-top:1px solid var(--line);direction:rtl;background:#fffdf8f0;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #043b3214}.mobile-nav a{color:#16362fa3;min-width:54px;font:11px var(--font-arabic);place-items:center;gap:2px;text-decoration:none;display:grid}.mobile-nav a span{font:20px/1 system-ui}.mobile-nav a[aria-current]{color:var(--forest);font-weight:700}.home-hero{width:calc(100% - 28px);min-height:auto;padding:38px 14px 33px}.home-hero:after{border-radius:25px 25px 76px;inset:16px 0}.hero-title{font-size:clamp(42px,12vw,62px)}.hero-description{font-size:17px}.hero-actions .button{flex:1}.hero-art{min-height:290px}.home-progress,.home-journey,.home-capabilities,.quran-browser-page,.info-page,.practice-page,.surah-page,.learning-page{width:calc(100% - 28px)}.home-progress{border-radius:15px;margin-top:12px}.home-journey{padding:24px 19px}.home-capabilities{gap:13px}.quran-browser-page,.info-page{padding-top:28px}.quran-browser-hero{border-radius:22px;padding:26px 20px}.quran-browser-hero h1{font-size:36px}.quran-view-tabs{overflow:auto}.quran-view-tabs button{white-space:nowrap}.smart-quran-reader{padding:17px}.smart-ayah-card{padding:19px 8px}.smart-ayah{font-size:25px}.quran-audio-player{padding:18px}.access-card{padding:20px}.garden-journey{align-items:flex-start;padding:20px}.garden-visual{width:64px;height:64px;font-size:24px}.garden-journey h2{font-size:21px}.page-footer{width:calc(100% - 28px);padding-bottom:15px}.more-menu{left:auto;right:0}.header-more[open] .more-menu{position:fixed;top:67px;left:14px;right:14px}.comparison-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.reader-mode-launcher{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.reader-mode-launcher button{border:1px solid var(--line);background:var(--paper);font:14px var(--font-arabic);cursor:pointer;border-radius:999px;padding:8px 12px}.reader-mode-launcher button.is-active{background:var(--forest);color:#fff}.quran-progress-strip{border:1px solid var(--line);font:12px var(--font-arabic);background:#aee8be2e;border-radius:12px;flex-wrap:wrap;gap:8px;margin:12px 0;padding:10px 12px;display:flex}.quran-progress-strip span{border-inline-end:1px solid var(--line);padding-inline-end:10px}.reader-mode-note{border-inline-start:3px solid var(--gold);font:14px/1.7 var(--font-arabic);background:#c9a96a1a;padding:10px 13px}.quran-reading-canvas{direction:rtl;background:#fffefa;border-radius:8px;max-width:900px;margin:22px auto 0;padding:24px clamp(12px,4vw,64px);box-shadow:0 20px 70px #102d2514}.reading-canvas-rule{background:linear-gradient(90deg,transparent,var(--gold),transparent);height:1px;margin:8px 0}.reading-ayah{border-bottom:1px solid #075b4814;padding:17px 0 15px;position:relative}.reading-ayah:last-of-type{border-bottom:0}.reading-ayah-trigger{appearance:none;width:100%;color:inherit;text-align:right;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:14px;padding:5px 0;display:flex}.reading-ayah-trigger:hover .reading-ayah-text{color:var(--forest)}.ayah-number-mark{width:28px;height:28px;color:var(--forest);border:1px solid #c9a96abf;border-radius:50%;flex:none;place-items:center;margin-top:8px;font:12px system-ui;display:grid}.reading-ayah-text{text-align:right;flex:1;margin:0}.reading-ayah-meta{color:#18211d7a;font:11px var(--font-arabic);margin-right:42px;display:block}.reading-ayah.is-selected{background:linear-gradient(90deg,#0000,#aee8be38,#0000)}.reading-ayah.is-playing{box-shadow:inset -3px 0 var(--gold)}@media (width<=760px){.quran-reading-canvas{box-shadow:none;border-radius:0;margin:14px -8px 0;padding:18px 14px}.reading-ayah{padding:13px 0}.reading-ayah-trigger{gap:9px}.ayah-number-mark{width:24px;height:24px;margin-top:6px}.reading-ayah-meta{margin-right:33px}}.mushaf-native-toolbar{border:1px solid var(--line);background:#fffdf8;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px 0;padding:10px;display:flex}.mushaf-native-toolbar button{background:var(--sage);color:var(--deep);font:14px var(--font-arabic);cursor:pointer;border:0;border-radius:9px;padding:8px 13px}.mushaf-native-toolbar span{font:14px var(--font-arabic);color:var(--ink)}.mushaf-viewer.is-immersive{z-index:80;background:var(--paper);border-radius:0;padding:24px;position:fixed;inset:0;overflow:auto}.mushaf-viewer.is-immersive .mushaf-frame-wrap,.mushaf-viewer.is-immersive .mushaf-frame{height:calc(100vh - 180px);min-height:600px}.khatmah-tracks{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.khatmah-tracks article{border:1px solid var(--line);background:linear-gradient(145deg,#fffefa,#edf7ee);border-radius:18px;padding:20px}.khatmah-tracks span,.khatmah-tracks small{font:13px var(--font-arabic);color:#18211d9e;display:block}.khatmah-tracks strong{color:var(--deep);font:700 30px var(--font-arabic);margin:6px 0;display:block}.activity-heatmap{color:#fff;background:#073f35;border-radius:20px;margin:18px 0;padding:24px}.activity-heatmap h2{font:600 25px var(--font-arabic);margin:3px 0 18px}.heatmap-grid{grid-template-columns:repeat(14,1fr);gap:7px;display:grid}.heatmap-grid span{aspect-ratio:1;background:#ffffff1f;border-radius:5px}.heatmap-grid span.is-active{background:var(--mint);box-shadow:0 0 0 2px #aee8be29}@media (width<=760px){.khatmah-tracks{grid-template-columns:1fr}.heatmap-grid{grid-template-columns:repeat(7,1fr)}}.home-flagship{direction:rtl;width:min(1240px,100% - 64px);margin:0 auto;padding:52px 0 74px}.home-path-hero{min-height:490px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fffdf7 0%,#edf8ed 56%,#d7ecd9 100%);border:1px solid #075b4824;border-radius:34px 34px 120px;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:end;gap:48px;padding:62px clamp(28px,6vw,84px);display:grid;position:relative;overflow:hidden}.home-path-hero:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 45%,#075b480b);position:absolute;inset:0}.home-path-lines{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-path-lines i{border:1px solid #c9a96a7a;border-radius:50%;width:680px;height:680px;display:block;position:absolute;bottom:-480px;left:-370px}.home-path-lines i:nth-child(2){border-color:#075b4829;width:470px;height:470px;bottom:-335px;left:-230px}.home-path-lines i:nth-child(3){border-color:#075b4821;width:190px;height:190px;top:-84px;right:8%}.home-path-copy,.home-today-card{z-index:1;position:relative}.home-kicker{color:var(--forest);font:700 13px var(--font-arabic);letter-spacing:.06em;margin:0 0 13px}.home-kicker:before{content:"";vertical-align:middle;background:var(--gold);width:24px;height:1px;margin-left:9px;display:inline-block}.home-path-copy h1{max-width:680px;color:var(--deep);font:700 clamp(46px,5.5vw,77px)/1.1 var(--font-arabic);letter-spacing:-.04em;margin:0}.home-path-copy h1 em{color:var(--forest);font-style:normal}.home-intro{max-width:610px;font:18px/1.95 var(--font-arabic);color:#16362fcc;margin:24px 0 30px}.home-primary-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.home-primary-actions button{font-family:var(--font-arabic);cursor:pointer}.home-open-quran{background:linear-gradient(135deg,var(--forest),var(--deep));color:#fff;text-align:right;border:0;border-radius:16px;gap:2px;min-width:212px;padding:15px 21px;display:grid;box-shadow:0 13px 26px #075b4836}.home-open-quran span{font-size:18px;font-weight:700}.home-open-quran small{color:#ffffffba;font-size:12px}.home-quiet-action{color:var(--deep);background:0 0;border:0;padding:14px 6px;font-size:16px}.home-quiet-action span{color:var(--gold);vertical-align:-2px;font-size:25px}.home-today-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffa1;border:1px solid #075b4821;border-radius:22px;padding:24px;box-shadow:0 20px 40px #043b3214}.today-heading{color:var(--forest);font:700 13px var(--font-arabic);justify-content:space-between;align-items:center;display:flex}.today-heading b{background:#aee8be6e;border-radius:999px;padding:5px 9px;font-weight:600}.today-metric{gap:4px;margin:25px 0;display:grid}.today-metric strong{font:700 43px/1 var(--font-arabic);color:var(--deep)}.today-metric span{font:14px/1.6 var(--font-arabic);color:#16362fb3}.today-state{font:14px var(--font-arabic);border-top:1px solid #075b481f;align-items:center;gap:8px;padding-top:14px;display:flex}.today-dot{background:var(--gold);border-radius:50%;width:8px;height:8px}.today-dot.is-complete{background:var(--forest)}.today-history{color:#16362f87;font:11px var(--font-arabic);margin-top:12px;display:block}.home-next-journey{background:var(--deep);color:#fff;border-radius:22px;justify-content:space-between;align-items:end;gap:22px;margin:25px 0;padding:28px 32px;display:flex}.home-next-journey .home-kicker{color:#ccebd2}.home-next-journey h2{font:600 clamp(24px,3vw,34px) var(--font-arabic);margin:0}.home-next-journey p{color:#ffffffb3;font:15px/1.8 var(--font-arabic);margin:8px 0 0}.home-text-link{color:#fff;font:15px var(--font-arabic);cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:999px;flex:none;padding:12px 16px}.home-text-link span{color:var(--mint);margin-right:6px}.home-route-map{grid-template-columns:1.08fr .96fr .96fr;gap:16px;margin-top:24px;display:grid}.route-card{border:1px solid var(--line);background:#fffdf8d1;border-radius:23px;grid-template-columns:40px 1fr;align-content:start;gap:13px;min-height:260px;padding:27px;display:grid;box-shadow:0 12px 35px #043b320e}.route-card-reading{background:linear-gradient(150deg,#eef8ee,#fffdf8)}.route-card-listen{background:linear-gradient(150deg,#fffdf8,#f7f0e0)}.route-card-sign{background:linear-gradient(150deg,#eaf4ef,#edf8f4)}.route-number{background:var(--deep);color:#fff;width:36px;height:36px;font:700 15px var(--font-arabic);border-radius:50%;place-items:center;display:grid}.route-card p{color:var(--forest);font:700 12px var(--font-arabic);margin:2px 0 8px}.route-card h2{color:var(--deep);font:600 22px/1.45 var(--font-arabic);margin:0}.route-card small{color:#16362fad;font:13px/1.75 var(--font-arabic);margin-top:10px;display:block}.route-card button{color:var(--forest);font:700 14px var(--font-arabic);cursor:pointer;background:0 0;border:0;grid-column:1/-1;place-self:end start;margin-top:14px;padding:0}.route-card button:after{content:" ←";color:var(--gold)}.home-progress-ribbon{border:1px solid var(--line);background:var(--line);border-radius:20px;grid-template-columns:repeat(3,1fr) auto;align-items:stretch;gap:1px;margin-top:24px;display:grid;overflow:hidden}.home-progress-ribbon>div{background:#fffdf8;padding:19px 23px}.home-progress-ribbon span,.home-progress-ribbon small{font:13px var(--font-arabic);display:block}.home-progress-ribbon span{color:#16362fa6}.home-progress-ribbon strong{color:var(--deep);font:700 29px var(--font-arabic);margin:5px 0;display:block}.home-progress-ribbon small{color:#16362f85}.home-progress-ribbon button{background:var(--forest);color:#fff;font:700 15px var(--font-arabic);cursor:pointer;border:0;padding:0 24px}@media (width<=760px){.home-flagship{width:calc(100% - 28px);padding:26px 0 44px}.home-path-hero{border-radius:25px 25px 74px;grid-template-columns:1fr;gap:26px;min-height:0;padding:39px 22px 24px}.home-path-copy h1{font-size:clamp(41px,12vw,57px)}.home-intro{margin:18px 0 24px;font-size:16px}.home-primary-actions{flex-direction:column;align-items:stretch}.home-open-quran{width:100%}.home-quiet-action{text-align:right}.home-today-card{padding:19px}.home-next-journey{flex-direction:column;align-items:flex-start;padding:24px 21px}.home-next-journey h2{font-size:25px}.home-text-link{text-align:right;width:100%}.home-route-map{grid-template-columns:1fr}.route-card{min-height:0;padding:22px}.home-progress-ribbon{grid-template-columns:1fr 1fr}.home-progress-ribbon>div{padding:16px}.home-progress-ribbon button{grid-column:1/-1;padding:15px}.home-progress-ribbon strong{font-size:24px}}.inline-recite-surface{border:1px solid var(--line);box-shadow:var(--shadow);direction:rtl;background:linear-gradient(145deg,#fffefa,#edf7ee);border-radius:25px;margin:18px 0 0;padding:24px 30px}.inline-recite-surface header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.inline-recite-surface h2{color:var(--deep);font:600 29px var(--font-arabic);margin:4px 0}.inline-recite-surface header span{color:#16362fad;font:14px/1.7 var(--font-arabic);display:block}.inline-recite-surface button{border:1px solid var(--line);color:var(--forest);font:700 14px var(--font-arabic);cursor:pointer;background:#fffdf8;border-radius:999px;flex:none;padding:10px 14px}.inline-reference-hidden,.inline-target-placeholder{border-top:1px solid var(--line);color:#16362fb8;font:15px/1.9 var(--font-arabic);margin-top:18px;padding:18px}.inline-ayah-reference{border-top:1px solid var(--line);text-align:right;margin-top:19px;padding:14px 0 2px}.inline-ayah-reference p{color:var(--deep);font:clamp(21px,2.5vw,31px)/2.05 var(--font-quran,var(--font-arabic));margin:9px 0}@media (width<=760px){.inline-recite-surface{border-radius:20px;padding:20px 18px}.inline-recite-surface header{flex-direction:column}.inline-recite-surface header button{text-align:right;width:100%}.inline-recite-surface h2{font-size:25px}}.recitation-result-sheet{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffefa,#e8f5e9)!important;border:1px solid #075b4830!important;padding:clamp(24px,4vw,44px)!important}.recitation-result-sheet:before{content:"";pointer-events:none;border:1px solid #c9a96a7a;border-radius:50%;width:340px;height:340px;position:absolute;top:-210px;left:-150px}.recitation-result-sheet>*,.recitation-result-sheet h3{position:relative}.recitation-result-sheet h3{max-width:720px;color:var(--deep);font:600 clamp(25px,3vw,37px)/1.5 var(--font-arabic);margin:0}.recitation-result-sheet .comparison-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:23px 0}.recitation-result-sheet .comparison-summary div{background:#ffffffad;border:1px solid #075b481a;border-radius:16px;padding:16px 12px}.recitation-result-sheet .comparison-summary strong{font-size:23px}.recitation-result-sheet .comparison-explanation{max-width:780px;font:15px/1.9 var(--font-arabic);color:#16362fc2;margin:3px 0 0}.recitation-result-sheet .comparison-actions button{border:1px solid var(--line);min-height:46px;color:var(--forest);font:700 14px var(--font-arabic);cursor:pointer;background:#fffdf8;border-radius:13px;padding:0 17px}.recitation-result-sheet .comparison-actions button:first-child{background:var(--forest);color:#fff}@media (width<=760px){.recitation-result-sheet .comparison-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-hero,.library-hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#073f35,#087052);border-radius:30px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.profile-hero:after,.library-hero:after{content:"";border:1px solid #c9a96a73;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-330px;left:-170px}.profile-hero>*,.library-hero>*{position:relative}.profile-hero .eyebrow,.library-hero .eyebrow{color:#cdeed3}.profile-hero h1,.library-hero h1{font:600 clamp(38px,5vw,62px) var(--font-arabic);margin:5px 0 12px}.profile-hero>p:not(.eyebrow),.library-hero>p:not(.eyebrow){color:#ffffffc7;max-width:720px;font:17px/1.9 var(--font-arabic);margin:0}.profile-privacy-note,.library-source-rule{width:max-content;max-width:100%;font:14px var(--font-arabic);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;margin-top:25px;padding:10px 14px;display:flex}.profile-privacy-note span:first-child{color:var(--gold);font-size:23px}.profile-editorial-grid{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8;border-radius:25px;grid-template-columns:.75fr 1.25fr;gap:30px;margin-top:25px;padding:32px;display:grid}.profile-section-title h2,.profile-accessibility-panel h2{color:var(--deep);font:600 29px/1.45 var(--font-arabic);margin:5px 0}.profile-section-title p,.profile-accessibility-panel p{color:#16362fab;font:15px/1.8 var(--font-arabic);margin:0}.profile-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-choice-grid label,.profile-a11y-controls label{border:1px solid var(--line);color:var(--deep);font:700 14px var(--font-arabic);background:linear-gradient(145deg,#fffefa,#edf7ee);border-radius:16px;gap:7px;padding:15px;display:grid}.profile-choice-grid select,.profile-a11y-controls select{min-height:40px;color:var(--ink);font:15px var(--font-arabic);background:0 0;border:0;border-bottom:1px solid #075b482e}.profile-accessibility-panel{background:linear-gradient(145deg,#f6f0df,#fffdf8);border:1px solid #c9a96a54;border-radius:24px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:26px;margin-top:20px;padding:29px 32px;display:grid}.profile-a11y-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-a11y-controls label:first-child{grid-column:1/-1}.profile-a11y-controls .profile-toggle{cursor:pointer;align-items:center;gap:9px;display:flex}.profile-toggle input{accent-color:var(--forest);width:18px;height:18px}.library-source-rule span{color:#d6f1da}.library-feature{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#fffefa,#e9f6eb);border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:24px;padding:30px;display:grid}.library-feature-mark{background:var(--deep);color:#f1d99f;width:72px;height:72px;font:34px var(--font-quran,var(--font-arabic));border-radius:22px;place-items:center;display:grid}.library-feature h2{color:var(--deep);font:600 28px var(--font-arabic);margin:4px 0}.library-feature p:not(.eyebrow){color:#16362fb8;font:15px/1.8 var(--font-arabic);margin:7px 0 0}.library-waiting{margin-top:30px}.library-waiting>div:first-child{margin-bottom:16px}.library-waiting h2{color:var(--deep);font:600 31px var(--font-arabic);margin:3px 0}.library-grid article{background:#fffdf8c7;min-height:195px;padding:24px;position:relative}.library-grid h3{color:var(--deep);font:600 22px var(--font-arabic);margin:8px 0}.library-grid small{color:#16362f8c;font:12px var(--font-arabic);margin-top:16px;display:block}.library-waiting-mark{background:var(--sage);width:28px;height:28px;color:var(--forest);border-radius:50%;place-items:center;font-size:19px;display:grid}@media (width<=760px){.profile-hero,.library-hero{border-radius:23px;padding:30px 22px}.profile-hero h1,.library-hero h1{font-size:39px}.profile-privacy-note,.library-source-rule{border-radius:14px;width:100%}.profile-editorial-grid,.profile-accessibility-panel{grid-template-columns:1fr;gap:20px;padding:22px 18px}.profile-choice-grid,.profile-a11y-controls{grid-template-columns:1fr}.profile-a11y-controls label:first-child{grid-column:auto}.library-feature{grid-template-columns:auto 1fr;padding:22px}.library-feature .available-badge{grid-column:1/-1;justify-self:start}.library-feature h2{font-size:24px}}.quran-workspace{max-width:1280px}.quran-workspace-header{justify-content:space-between;align-items:end;gap:22px;margin-bottom:22px;padding:18px 4px;display:flex}.quran-workspace-header h1{color:var(--deep);font:600 clamp(38px,5vw,62px) var(--font-arabic);margin:4px 0}.quran-workspace-header p:not(.eyebrow){color:#16362fb3;font:15px/1.8 var(--font-arabic);margin:0}.quran-tools-header{grid-template-columns:1fr auto;align-items:end;gap:16px;margin-bottom:18px;display:grid}.page-quran-reader{max-width:930px;margin:0 auto}.page-reader-toolbar{border:1px solid var(--line);background:#fffdf8;border-radius:14px;justify-content:space-between;align-items:center;margin:0 auto 12px;padding:10px 15px;display:flex}.page-reader-toolbar div{text-align:center;font-family:var(--font-arabic);gap:2px;display:grid}.page-reader-toolbar span{color:#16362f99;font-size:12px}.page-reader-toolbar strong{color:var(--deep)}.page-reader-toolbar button{background:var(--sage);color:var(--deep);font:14px var(--font-arabic);cursor:pointer;border:0;border-radius:9px;padding:8px 13px}.page-reader-toolbar button:disabled{opacity:.42}.page-quran-paper{text-align:right;background:#fffefa;border:1px solid #c9a96a73;min-height:610px;padding:clamp(28px,6vw,76px);box-shadow:0 20px 60px #043b3217}.page-surah-heading{color:var(--deep);font:600 25px var(--font-arabic);text-align:center;margin:18px 0 8px}.page-ayah-flow{display:inline}.page-ayah-text{color:var(--deep);font:clamp(24px,3.15vw,37px)/2.25 var(--font-quran,var(--font-arabic));text-align:right;cursor:pointer;background:0 0;border:0;display:inline}.page-ayah-text:hover{color:var(--forest)}.page-ayah-text b{color:var(--gold);font:14px var(--font-arabic);margin:0 5px;display:inline-block}.page-quran-paper footer{text-align:center;color:#16362f8c;font:12px var(--font-arabic);border-top:1px solid #075b481f;margin-top:24px;padding-top:14px}.header-more>button{border:1px solid var(--line);color:var(--deep);font:14px var(--font-arabic);cursor:pointer;background:#fffdf8;border-radius:999px;padding:10px 13px}.more-menu button{text-align:right;color:var(--ink);font:14px var(--font-arabic);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px}.more-menu button:hover{background:var(--sage)}.mobile-nav button{color:#16362fa3;min-width:54px;font:11px var(--font-arabic);cursor:pointer;background:0 0;border:0;place-items:center;gap:2px;display:grid}.mobile-nav button span{font:20px/1 system-ui}@media (width<=760px){.quran-workspace-header{flex-direction:column;align-items:flex-start;margin-bottom:14px}.quran-tools-header{grid-template-columns:1fr}.quran-tools-header .catalog-filters{white-space:nowrap;overflow:auto}.page-quran-paper{min-height:520px;padding:25px 17px}.page-ayah-text{font-size:25px;line-height:2.18}.page-reader-toolbar{z-index:10;position:sticky;top:70px}.header-more .more-menu{min-width:0;position:fixed;inset:auto 14px 82px}.header-more .more-menu button{padding:14px}}.page-reader-controls{gap:8px;display:flex}.page-mask-wrap{min-width:4em;display:inline-block;position:relative}.page-mask{color:#16362f59;letter-spacing:.03em}.page-revealed-official{white-space:nowrap;color:var(--deep);direction:rtl;position:absolute;inset:0;overflow:hidden}.page-ayah-flow.is-inline-recite{background:#aee8be2b}.inline-camera-panel{z-index:70;border:1px solid var(--line);direction:rtl;background:#fffdf8;border-radius:24px;width:min(430px,100vw - 48px);max-height:calc(100vh - 110px);padding:20px;position:fixed;bottom:24px;left:24px;overflow:auto;box-shadow:0 24px 70px #043b323d}.inline-camera-panel>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inline-camera-panel h2{font:600 21px var(--font-arabic);color:var(--deep);margin:3px 0}.inline-camera-panel header span{font:13px var(--font-arabic);color:#16362fb3}.inline-camera-panel>header>button{color:var(--forest);font:14px var(--font-arabic);cursor:pointer;background:0 0;border:0}.inline-live-feedback{background:var(--sage);font:14px var(--font-arabic);color:var(--deep);border-radius:12px;margin:12px 0;padding:10px 12px}.inline-recite-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.inline-recite-actions button,.inline-result-sheet button{border:1px solid var(--line);color:var(--forest);font:14px var(--font-arabic);cursor:pointer;background:#fffdf8;border-radius:10px;padding:9px 12px}.inline-recite-actions button:last-child{background:var(--forest);color:#fff}.inline-recite-actions button:disabled{opacity:.45}.inline-result-sheet{z-index:75;direction:rtl;background:#fffdf8;border-radius:24px;width:min(620px,100vw - 32px);padding:24px;position:fixed;bottom:22px;right:50%;transform:translate(50%);box-shadow:0 24px 70px #043b3247}.inline-result-sheet h2{color:var(--deep);font:600 27px var(--font-arabic);margin:0 0 15px}.inline-result-sheet>div{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.inline-result-sheet span{background:var(--sage);font:12px var(--font-arabic);border-radius:11px;gap:4px;padding:10px;display:grid}.inline-result-sheet b{color:var(--deep);font-size:18px}.inline-result-sheet button{margin-top:15px;margin-left:8px}@media (width<=760px){.page-reader-controls{flex-direction:column}.inline-camera-panel{border-radius:24px 24px 0 0;width:auto;max-height:72vh;bottom:62px;left:0;right:0}.inline-result-sheet{bottom:62px}.inline-result-sheet>div{grid-template-columns:repeat(3,1fr)}}.surah-slider-section{border:1px solid var(--line);background:#fffdf8;border-radius:16px;margin:0 0 14px;padding:12px}.surah-slider-heading{color:var(--deep);font-family:var(--font-arabic);justify-content:space-between;align-items:baseline;gap:14px;padding:0 3px 9px;display:flex}.surah-slider-heading strong{font-size:16px}.surah-slider-heading span{color:#16362fa1;font-size:12px}.surah-slider{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;touch-action:pan-x;gap:8px;padding:3px 2px 8px;display:flex;overflow-x:auto}.surah-slider-item{min-height:42px;color:var(--deep);font:600 14px var(--font-arabic);white-space:nowrap;scroll-snap-align:center;cursor:pointer;background:#fffefa;border:1px solid #075b482e;border-radius:11px;flex:none;align-items:center;gap:7px;padding:8px 11px;display:flex}.surah-slider-item span{background:var(--sage);border-radius:50%;place-items:center;min-width:21px;height:21px;font:12px/1 system-ui;display:grid}.surah-slider-item:hover,.surah-slider-item:focus-visible{border-color:var(--forest);background:#f2f8f0;outline:2px solid #0000}.surah-slider-item.is-active{border-color:var(--forest);background:var(--deep);color:#fff;box-shadow:0 4px 12px #043b322e}.surah-slider-item.is-active span{color:var(--deep);background:#f2d281}.page-ayah-flow.is-inline-recite{position:relative;box-shadow:inset 0 -1px #075b4824}.page-ayah-flow[data-recite-state=current]{background:#aee8be40}.page-ayah-flow[data-recite-state=revealed]{background:linear-gradient(90deg,#aee8be57,#aee8be1a)}.page-ayah-flow[data-recite-state=completed]{background:0 0}.page-mask-wrap{isolation:isolate}.page-recite-position{z-index:2;background:var(--forest);border-radius:999px;width:1.25em;height:2px;position:absolute;bottom:.18em;transform:translate(50%);box-shadow:0 0 0 3px #aee8be75}.page-recite-position.is-extra,.page-recite-position.is-substitution{background:#b24a3a;height:3px;box-shadow:0 0 0 3px #b24a3a24}.page-ayah-flow[data-recite-state=incorrect] .page-revealed-official{color:var(--deep)}.continuous-recite-status{color:var(--deep);font:13px/1.65 var(--font-arabic);background:#f3f8ef;border:1px solid #075b4829;border-radius:11px;margin:-3px 0 12px;padding:9px 12px}.page-reader-controls .continuous-stop{color:#7a2f24;background:#fff0eb;border-color:#b24a3a57}.page-mask-wrap{white-space:pre-wrap}.page-display-unit{text-align:center;vertical-align:baseline;min-width:.58em;display:inline-block;position:relative}.page-display-unit.is-revealed{color:var(--deep)}.page-display-unit.is-hidden{color:#16362f5c;font-family:var(--font-arabic);font-size:.8em;line-height:1;transform:translateY(-.03em)}.page-display-unit.is-incorrect{color:var(--deep);background:#b24a3a14;box-shadow:inset 0 -2px #b24a3a}.page-display-space{white-space:pre}.page-ayah-flow.is-recite-completed{background:0 0}.ayah-recite-choices{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.ayah-recite-choices .button{margin:0}.library-feature-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.library-feature-grid .library-feature{color:inherit;margin:0;text-decoration:none}.library-dhikr{background:linear-gradient(145deg,#f7f1df,#fffdf8)}@media (width<=760px){.library-feature-grid{grid-template-columns:1fr}}.site-header{direction:ltr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:82px;display:grid}.site-header .brand{direction:rtl;grid-column:3;justify-self:end}.site-header .brand img{width:70px;height:70px}.site-header .brand-wordmark strong{font-size:26px}.site-header .brand-wordmark span{font-size:12px}.site-header .header-nav{direction:rtl;grid-column:2;justify-self:center}.site-header .header-more{direction:rtl;grid-column:1;justify-self:start;position:relative}.page-ayah-text{font-family:"KFGQPC Hafs Smart",var(--font-arabic);font-size:clamp(24px,3.15vw,37px);line-height:2.25}.page-revealed-official{pointer-events:none}.page-ayah-flow.is-inline-recite{border-radius:7px}.page-ayah-flow.is-inline-recite.is-needs-review{box-shadow:inset 0 -2px #b24a3ab3}.inline-feedback-list{gap:6px;margin:10px 0;display:grid}.inline-feedback-item{font:13px var(--font-arabic);border-radius:9px;padding:8px 10px}.inline-feedback-item.is-extra,.inline-feedback-item.is-substitution,.inline-feedback-item.is-missing{color:#7a2f24;background:#fff0eb}.inline-feedback-item.is-correct{background:var(--sage);color:var(--deep)}.inline-error-list{gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.inline-error-list li{color:#703126;font:14px var(--font-arabic);background:#fff0eb;border-radius:10px;padding:9px 11px}@media (width<=760px){.site-header{direction:rtl;min-height:67px;display:flex}.site-header .brand,.site-header .header-more,.site-header .header-nav{grid-column:auto;justify-self:auto}.site-header .brand-logo{flex-basis:38px;width:38px;height:38px}.site-header .brand-wordmark strong{font-size:21px}}.progress-journey-page{direction:rtl;width:min(1280px,100% - 64px);margin:0 auto;padding:34px 0 72px}.progress-journey-hero{color:#fff;background:radial-gradient(circle at 18% 100%,#aee8be2e,#0000 34%),linear-gradient(135deg,#053d33,#0a654f);border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:28px;padding:clamp(28px,4vw,52px);display:grid;position:relative;overflow:hidden;box-shadow:0 25px 58px #043b3233}.progress-journey-hero:after{content:"";border:1px solid #f0d59745;border-radius:50%;height:220px;position:absolute;inset:auto -5% -75% 32%;transform:rotate(-9deg)}.progress-hero-copy,.progress-ring{z-index:1;position:relative}.progress-hero-copy .eyebrow{color:#d9efdc}.progress-hero-copy h1{font:600 clamp(30px,4.4vw,53px)/1.35 var(--font-arabic);margin:4px 0 10px}.progress-hero-copy>p:not(.eyebrow){color:#fffc;max-width:610px;font:16px/1.9 var(--font-arabic);margin:0}.progress-stage-meta{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.progress-stage-meta span{font:13px var(--font-arabic);background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:8px 11px}.progress-ring{aspect-ratio:1;background:radial-gradient(circle,#0b5747 58%,transparent 59%),conic-gradient(#f0ca75 var(--progress),#ffffff2b 0);text-align:center;border-radius:50%;place-content:center;width:170px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.progress-ring strong{font:700 42px/1 var(--font-arabic)}.progress-ring span{color:#ffffffbf;font:13px var(--font-arabic);margin-top:6px}.progress-journey-layout{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:22px;margin-top:22px;display:grid}.journey-map{background:linear-gradient(155deg,#fdfaf1,#eef6ed);border:1px solid #075b4824;border-radius:28px;min-height:610px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 42px #043b3212}.journey-map-scenery{pointer-events:none;position:absolute;inset:0;overflow:hidden}.journey-sun{aspect-ratio:1;opacity:.72;background:radial-gradient(circle,#fffbe8 0 34%,#f1cf80 35% 42%,#0000 43%);border-radius:50%;width:100px;position:absolute;top:34px;left:11%}.journey-hill{opacity:.36;background:linear-gradient(140deg,#beddbd,#78aa83);border-radius:50% 50% 0 0;width:68%;height:240px;position:absolute;bottom:-100px}.hill-one{right:-15%;transform:rotate(-7deg)}.hill-two{background:#d8e7cf;height:190px;left:-35%;transform:rotate(7deg)}.journey-water{opacity:.54;background:linear-gradient(90deg,#0000,#b9e0df,#0000);border-radius:50%;width:46%;height:50px;position:absolute;bottom:15%;right:14%}.journey-lantern{color:#c79745;font-size:44px;position:absolute;bottom:15%;left:9%}.journey-map-heading,.journey-node-list,.journey-stage-switcher{z-index:1;position:relative}.journey-map-heading h2{color:var(--deep);font:600 30px var(--font-arabic);margin:5px 0}.journey-map-heading p:not(.eyebrow){color:#16362fad;max-width:420px;font:14px/1.8 var(--font-arabic);margin:0}.journey-node-list{gap:12px;max-width:500px;margin:34px auto 20px;padding:0;list-style:none;display:grid}.journey-node{grid-template-columns:1fr auto;align-items:center;display:grid;position:relative}.journey-node button{border:1px solid var(--line);min-width:0;color:var(--deep);text-align:right;cursor:pointer;background:#fffdf8e6;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 14px;display:grid;box-shadow:0 8px 18px #043b3212}.journey-node button:hover{border-color:var(--forest)}.journey-node-icon{background:var(--sage);border-radius:13px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.journey-node b,.journey-node small{font-family:var(--font-arabic);display:block}.journey-node b{font-size:15px}.journey-node small{color:#16362f9e;margin-top:2px;font-size:12px}.journey-node em{background:var(--forest);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.journey-node.is-current .journey-node-icon{background:#f6db9a}.journey-node.is-upcoming button{opacity:.72}.journey-node.is-locked button{opacity:.5}.journey-path-dot{background:#fff;border:2px solid #8db894;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-14px;right:50%}.journey-stage-switcher{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.journey-stage-switcher span{color:#16362f9e;font:12px var(--font-arabic);background:#ffffffa8;border-radius:999px;padding:7px 10px}.journey-stage-switcher .is-current{background:var(--deep);color:#fff}.journey-stage-switcher .is-locked{opacity:.56}.journey-side{align-content:start;gap:20px;display:grid}.next-milestone-card,.streak-card{border:1px solid var(--line);background:#fffdf8;border-radius:25px;padding:25px;box-shadow:0 14px 34px #043b320f}.next-milestone-card{background:linear-gradient(145deg,#fffaf0,#f4ead4)}.next-milestone-card h2,.streak-card h2{color:var(--deep);font:600 27px var(--font-arabic);margin:5px 0}.next-milestone-card p,.streak-card p{color:#16362fb3;font:14px/1.8 var(--font-arabic);margin:0}.milestone-meter,.track-meter{background:#075b481f;border-radius:999px;height:8px;margin:18px 0 8px;overflow:hidden}.milestone-meter span,.track-meter span{border-radius:inherit;background:linear-gradient(90deg,#68a879,#0b604c);height:100%;display:block}.next-milestone-card>b{font:14px var(--font-arabic);color:var(--deep)}.next-milestone-card a{background:var(--deep);color:#fff;font:700 15px var(--font-arabic);border-radius:12px;margin-top:19px;padding:12px 15px;text-decoration:none;display:block}.next-milestone-card a span{float:left}.streak-card{background:linear-gradient(145deg,#fffdf8,#edf5ec);position:relative;overflow:hidden}.streak-card>span{color:#c9823c;font-size:38px;position:absolute;top:20px;left:20px}.streak-card dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 0;display:grid}.streak-card dl div{text-align:center;background:#ffffffab;border-radius:12px;padding:10px 7px}.streak-card dt{font:11px/1.5 var(--font-arabic);color:#16362f9e}.streak-card dd{color:var(--deep);font:700 19px var(--font-arabic);margin:5px 0 0}.progress-tracks-section,.achievement-section{border:1px solid var(--line);background:#fffdf8;border-radius:27px;margin-top:24px;padding:30px;box-shadow:0 14px 34px #043b320d}.progress-tracks-section header h2,.achievement-section h2{color:var(--deep);font:600 30px var(--font-arabic);margin:4px 0}.progress-track-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px;display:grid}.progress-track{border:1px solid var(--line);background:linear-gradient(145deg,#fffefa,#eef6ed);border-radius:18px;min-height:190px;padding:18px}.progress-track-memorization{background:linear-gradient(145deg,#fbf5e7,#fffdf8)}.progress-track-listening{background:linear-gradient(145deg,#edf8fb,#f8fdfd)}.progress-track-sign{background:linear-gradient(145deg,#edf7f1,#fffdf8)}.progress-track-icon{background:#ffffffc2;border-radius:14px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.progress-track h3{color:var(--deep);font:600 18px var(--font-arabic);margin:16px 0 6px}.progress-track strong{font:700 22px var(--font-arabic);color:var(--deep)}.progress-track p{color:#16362fa6;min-height:42px;font:12px/1.6 var(--font-arabic);margin:8px 0}.track-meter{margin-top:10px}.achievement-section>header{justify-content:space-between;align-items:end;gap:18px;display:flex}.achievement-section>header>span{color:#16362f94;max-width:280px;font:12px/1.7 var(--font-arabic)}.achievement-grid{grid-template-columns:repeat(5,1fr);gap:11px;margin-top:20px;display:grid}.achievement-card{border:1px solid var(--line);min-height:145px;color:var(--deep);text-align:right;cursor:pointer;background:#fffdf8;border-radius:18px;gap:7px;padding:16px;display:grid}.achievement-card>span{background:var(--sage);border-radius:50%;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.achievement-card b,.achievement-card small{font-family:var(--font-arabic)}.achievement-card b{font-size:15px}.achievement-card small{color:#16362f99}.achievement-card.is-unlocked{background:linear-gradient(145deg,#fff8e8,#f6edcf);border-color:#c9a96ab3}.achievement-card.is-unlocked>span{background:var(--deep);color:#f4d28b}.achievement-card.is-locked{opacity:.62}.progress-details{border:1px solid var(--line);background:#fffdf8;border-radius:20px;margin-top:22px}.progress-details>button{width:100%;color:var(--deep);text-align:right;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.progress-details b,.progress-details small{font-family:var(--font-arabic);display:block}.progress-details b{font-size:20px}.progress-details small{color:#16362f9e;margin-top:4px;font-size:13px}.progress-details-content{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.progress-details-content span{font:14px var(--font-arabic);background:#fffdf8;padding:16px}.progress-dialog-backdrop{z-index:90;background:#033f345c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.progress-dialog{text-align:right;background:#fffdf8;border-radius:24px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 25px 60px #0000002e}.dialog-close{background:var(--sage);width:34px;height:34px;color:var(--deep);cursor:pointer;border:0;border-radius:50%;font-size:21px;position:absolute;top:12px;left:12px}.dialog-icon{background:var(--sage);width:54px;height:54px;color:var(--deep);border-radius:18px;place-items:center;font-size:27px;display:grid}.progress-dialog h2{color:var(--deep);font:600 27px var(--font-arabic);margin:16px 0 7px}.progress-dialog p{color:#16362fb8;font:15px/1.85 var(--font-arabic)}@media (width<=760px){.progress-journey-page{width:calc(100% - 28px);padding:24px 0 42px}.progress-journey-hero{border-radius:24px;grid-template-columns:1fr;padding:27px 21px}.progress-ring{justify-self:end;width:136px}.progress-hero-copy h1{font-size:35px}.progress-journey-layout{grid-template-columns:1fr}.journey-map{min-height:0;padding:24px 17px}.journey-node-list{margin-top:27px}.journey-node:nth-child(2n),.journey-node:nth-child(odd){transform:none}.journey-node button{padding:11px}.progress-track-grid{grid-template-columns:1fr 1fr}.progress-tracks-section,.achievement-section{border-radius:22px;padding:23px 17px}.achievement-section>header{flex-direction:column;align-items:flex-start}.achievement-grid{grid-template-columns:repeat(2,1fr)}.achievement-card:last-child{grid-column:1/-1}.progress-details-content{grid-template-columns:1fr 1fr}.streak-card dl{grid-template-columns:repeat(3,1fr)}.streak-card dl div{padding:9px 4px}.journey-stage-switcher{font-size:11px}}.progress-journey-hero{min-height:218px;padding-block:clamp(24px,3.2vw,40px)}.progress-journey-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:26px}.journey-map{isolation:isolate;background:radial-gradient(at 16% 9%,#fff5cadb,#0000 28%),linear-gradient(150deg,#f8f6e9 0%,#e2efdf 47%,#d9e9dd 100%);min-height:730px;padding:34px 38px}.journey-map:before{content:"";z-index:0;pointer-events:none;border:1px solid #c9a96a59;border-radius:21px;position:absolute;inset:12px}.journey-map:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 40% 92%,#fffc,#0000 44%),linear-gradient(150deg,#5991656b,#306c5514);border-radius:53% 47% 0 0;width:55%;height:33%;position:absolute;bottom:-8%;right:-8%;transform:rotate(-7deg)}.journey-map-scenery{z-index:0}.journey-sun{filter:drop-shadow(0 0 24px #f6cc7199);width:136px;top:25px;left:13%}.journey-hill{opacity:.65}.hill-one{background:linear-gradient(145deg,#4e8a62,#b4d3ae);height:330px;bottom:-145px}.hill-two{background:linear-gradient(150deg,#d1dfb6,#769c77);height:260px;bottom:-112px}.journey-water{filter:blur(.2px);width:56%;height:78px;bottom:28%;right:8%;transform:rotate(-6deg)}.journey-lantern{z-index:1;background:#fff8d5a8;border-radius:50%;place-items:center;width:52px;height:52px;font-size:27px;display:grid;bottom:21%;left:8%;box-shadow:0 0 0 8px #fff8d52e,0 0 26px #c9974557}.journey-tree,.journey-pavilion{z-index:1;text-shadow:0 5px 10px #033f3426;place-items:center;display:grid;position:absolute}.journey-tree{color:#286447;font-size:80px}.tree-one{top:24%;right:6%}.tree-two{color:#548266;font-size:62px;bottom:5%;left:13%}.journey-pavilion{color:#315b41;background:linear-gradient(135deg,#f6e3ab,#c89f58);border-radius:35px 35px 16px 16px;width:70px;height:70px;font-size:36px;bottom:8%;right:18%;box-shadow:0 12px 25px #3f5b322b}.journey-winding-path{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.journey-winding-path path:first-child{fill:none;stroke:#fffde8eb;stroke-width:32px;stroke-linecap:round;filter:drop-shadow(0 4px 3px #43614126)}.journey-winding-path-fill{fill:none;stroke:#c9a96aa8;stroke-width:2px;stroke-linecap:round;stroke-dasharray:5 12}.journey-map-heading{max-width:440px}.journey-node-list{gap:27px;max-width:450px;margin:40px 17% 26px auto}.journey-node{z-index:2}.journey-node:nth-child(2n){transform:translate(20%)}.journey-node:nth-child(odd){transform:translate(-13%)}.journey-node button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffef6e8;min-width:245px;min-height:68px;padding:12px 16px;box-shadow:0 12px 23px #043b321f}.journey-node.is-completed button{background:linear-gradient(145deg,#fbf9e8,#e6f1df);border-color:#568a5dc2}.journey-node.is-completed .journey-node-icon{color:#f8e7ae;background:#247052}.journey-node.is-current{transform:translate(-5%)scale(1.07)}.journey-node.is-current button{background:linear-gradient(145deg,#fff9e6,#f3e3af);border-color:#b98a35;box-shadow:0 0 0 7px #f1cd7036,0 16px 28px #043b322b}.journey-node.is-current .journey-node-icon{color:#f8dfa1;background:#0a5c49;width:46px;height:46px;box-shadow:0 0 0 5px #ffffffa1}.journey-node.is-upcoming button{background:#f4f7efb8}.journey-path-dot{background:#fdf6d9;border-color:#d0a655;width:13px;height:13px;bottom:-20px;right:43%;box-shadow:0 0 0 4px #ffffff73}.journey-stage-switcher{z-index:2;justify-content:center;position:absolute;bottom:26px;left:28px;right:28px}.journey-stage-switcher span{border:1px solid #075b481c;box-shadow:0 5px 11px #043b320d}.next-milestone-card{background:radial-gradient(circle at 90% 18%,#ffffffd9,#0000 28%),linear-gradient(145deg,#fbf3dc,#efe1bc);border-color:#c9a96a80;position:relative;overflow:hidden}.next-milestone-card:after{content:"⌂";color:#075b481f;font-size:116px;position:absolute;bottom:-26px;left:-10px}.next-milestone-card>*{z-index:1;position:relative}.next-milestone-card a{box-shadow:0 8px 17px #033f3430}.streak-card{background:linear-gradient(145deg,#f5f7ec,#e3efe1)}.streak-card:before{content:"";opacity:.7;background:repeating-radial-gradient(circle at 90% 20%,#c9a96a1f 0 1px,#0000 1px 13px);position:absolute;inset:0}.streak-card>*,.streak-card dl{position:relative}.streak-card dl div{border:1px solid #075b4817}.progress-track{transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 18px #043b320a}.progress-track:before{content:"";background:#ffffff80;border-radius:50%;width:95px;height:95px;position:absolute;top:-27px;left:-20px}.progress-track:hover{transform:translateY(-4px);box-shadow:0 14px 26px #043b321c}.progress-track-icon{position:relative;box-shadow:0 6px 14px #043b3214}.progress-track-memorization .progress-track-icon{color:#a77927;background:#f4e7c7}.progress-track-reading .progress-track-icon{color:#216844;background:#e4f1dc}.progress-track-listening .progress-track-icon{color:#28778a;background:#dff2f6}.progress-track-sign .progress-track-icon{color:#12644c;background:#e4f3e9}.achievement-card{text-align:center;clip-path:polygon(50% 0,62% 8%,76% 6%,84% 19%,97% 27%,92% 42%,100% 55%,88% 67%,88% 83%,72% 86%,60% 100%,48% 91%,34% 99%,24% 86%,8% 82%,12% 66%,0 55%,9% 42%,3% 28%,17% 20%,23% 6%,38% 9%);background:#f0f1e9;border-radius:50% 50% 18px 18px;place-items:center;min-height:180px;padding:28px 13px 21px;position:relative}.achievement-card>span{background:#d9ded4;width:56px;height:56px;font-size:26px}.achievement-card.is-unlocked{color:#fff;background:linear-gradient(145deg,#0e5d4b,#164437);border-color:#d6aa51;box-shadow:inset 0 0 0 5px #f4d387bf,0 10px 18px #033f3426}.achievement-card.is-unlocked>span{color:#0b5747;background:#f4d38b}.achievement-card.is-unlocked small{color:#ffffffc2}.achievement-card.is-locked{color:#16362f9e;background:linear-gradient(145deg,#eeeee6,#d9ddd5);border-color:#c7ccc3}.achievement-card.is-locked>span{color:#98a196;background:#ffffff73}@media (prefers-reduced-motion:no-preference){.journey-node.is-current .journey-node-icon{animation:2.8s ease-in-out infinite journey-node-glow}@keyframes journey-node-glow{50%{box-shadow:0 0 0 9px #ffffff59,0 0 23px #c9974578}}}@media (width<=760px){.progress-journey-layout{flex-direction:column;display:flex}.journey-side{display:contents}.streak-card{order:-2}.next-milestone-card{order:-1}.journey-map{order:0;min-height:680px;padding:25px 20px}.journey-node-list{gap:25px;margin:40px 3% 25px auto}.journey-node:nth-child(2n){transform:translate(6%)}.journey-node:nth-child(odd){transform:translate(-4%)}.journey-node.is-current{transform:translate(-1%)scale(1.03)}.journey-node button{min-width:220px}.journey-winding-path path:first-child{stroke-width:25px}.journey-stage-switcher{bottom:17px;left:14px;right:14px}.journey-tree{font-size:56px}.tree-one{top:29%;right:1%}.journey-pavilion{width:54px;height:54px;font-size:28px;right:8%}.progress-tracks-section{margin-top:20px}.home-developer-footer{align-items:flex-start;width:calc(100% - 28px);margin-top:10px;padding:18px 0 22px}.home-developer-footer>span{width:100%}.home-developer-footer nav{margin-inline-start:0}.developer-card>a{align-items:center;min-height:40px}}.dhikr-page{max-width:900px}.dhikr-choice,.dhikr-counter{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8;border-radius:24px;margin-top:20px;padding:26px}.dhikr-choice h2{color:var(--deep);font:600 25px var(--font-arabic);margin:0 0 16px}.dhikr-chips,.dhikr-styles,.dhikr-actions{flex-wrap:wrap;gap:10px;display:flex}.dhikr-chips button,.dhikr-styles button,.dhikr-actions button{border:1px solid var(--line);min-height:42px;color:var(--deep);font:15px var(--font-arabic);cursor:pointer;background:#fffefa;border-radius:13px;padding:8px 15px}.dhikr-chips .is-selected,.dhikr-styles .is-selected{background:var(--forest);color:#fff;border-color:var(--forest)}.dhikr-custom{font:14px var(--font-arabic);color:var(--deep);gap:7px;margin-top:14px;display:grid}.dhikr-custom input{border:1px solid var(--line);min-height:44px;font:16px var(--font-arabic);background:#fffefa;border-radius:12px;padding:0 12px}.dhikr-styles button{text-align:right;gap:4px;min-width:150px;display:grid}.dhikr-styles b{font-size:24px}.dhikr-counter{text-align:center;overflow:hidden}.dhikr-current{min-height:28px;color:var(--forest);font:600 22px var(--font-arabic);margin:0 0 14px}.dhikr-counter output{color:var(--deep);font:700 clamp(64px,14vw,112px)/1 var(--font-arabic);margin:15px 0;display:block}.dhikr-increment{background:var(--forest);color:#fff;width:min(390px,100%);min-height:70px;font:600 21px var(--font-arabic);cursor:pointer;border:0;border-radius:999px;margin:0 auto;display:block;box-shadow:0 10px 22px #033f3433}.dhikr-actions{justify-content:center;margin-top:14px}.dhikr-actions button{background:0 0}.dhikr-actions button:disabled{opacity:.45}.dhikr-dial{border:15px solid var(--sage);border-top-color:var(--gold);border-radius:50%;width:150px;height:150px;margin:auto;box-shadow:inset 0 0 0 12px #fffefa}.dhikr-glass{background:linear-gradient(#e6f8eb33,#aee8be80);border:3px solid #075b487a;border-top:0;border-radius:0 0 90px 90px;width:230px;height:170px;margin:auto;position:relative;overflow:hidden}.dhikr-glass:before{content:"";border-top:3px solid #075b487a;border-radius:50%;position:absolute;top:0;left:20px;right:20px}.dhikr-bead{background:var(--forest);border-radius:50%;width:15px;height:15px;animation:.24s ease-out both bead-drop;position:absolute}.bead-1{background:var(--gold)}.bead-2{background:#7bae89}@keyframes bead-drop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dhikr-bead{animation:none}}@media (width<=760px){.dhikr-choice,.dhikr-counter{padding:20px 16px}.dhikr-styles button{flex:1;min-width:0}.dhikr-chips button{flex:1}.dhikr-glass{max-width:100%}}:root[data-theme=dark]{--forest:#8fd1a0;--deep:#e9f4e8;--mint:#275f4f;--sage:#27463b;--paper:#10251f;--gold:#d8b874;--ink:#e9f4e8;color:#e9f4e8;background:#0b1d18}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell{color:#e9f4e8;background:#0b1d18}:root[data-theme=dark] .site-header,:root[data-theme=dark] .page-footer,:root[data-theme=dark] .home-developer-footer{background:#10251feb;border-color:#aee8be33}:root[data-theme=dark] .more-menu,:root[data-theme=dark] .source-card,:root[data-theme=dark] .access-card,:root[data-theme=dark] .dhikr-choice,:root[data-theme=dark] .dhikr-counter,:root[data-theme=dark] .library-feature,:root[data-theme=dark] .library-grid article{color:#e9f4e8;background:#15342b;border-color:#aee8be38}:root[data-theme=dark] .page-quran-paper,:root[data-theme=dark] .smart-quran-reader,:root[data-theme=dark] .quran-reader-panel{color:#f5f0df;background:#17342c}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] button{color:inherit}:root[data-theme=dark] .brand-wordmark strong,:root[data-theme=dark] .page-heading h1,:root[data-theme=dark] .source-card h2,:root[data-theme=dark] .access-card h2,:root[data-theme=dark] .library-feature h2{color:#e9f4e8}.theme-choice{border:0;border-top:1px solid var(--line);font:12px var(--font-arabic);gap:6px;margin:8px 4px 3px;padding:8px 0 0;display:flex}.theme-choice legend{color:#16362fa6;padding:0 3px}.theme-choice button{border:1px solid var(--line);background:0 0;border-radius:9px;min-height:34px;padding:4px 10px}.theme-choice .is-selected{background:var(--forest);color:#fff}.library-grid button{border:1px solid var(--line);min-height:195px;box-shadow:var(--shadow);text-align:right;cursor:pointer;background:#fffdf8c7;border-radius:20px;padding:24px;position:relative}.soon-backdrop{z-index:90;background:#031e1880;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.soon-dialog{border:1px solid var(--line);background:var(--paper);width:min(460px,100%);color:var(--ink);box-shadow:var(--shadow);font-family:var(--font-arabic);border-radius:24px;padding:28px}.soon-dialog h2{color:var(--deep);margin:0}.soon-dialog p{line-height:1.8}.soon-dialog small{color:#16362fa6}.soon-dialog button{background:var(--forest);color:#fff;border:0;border-radius:12px;min-width:110px;min-height:42px;margin:20px 0 0;display:block}.dhikr-glass{background:linear-gradient(#fff9,#aee8be59);border:2px solid #075b487a;border-top:0;border-radius:0 0 145px 145px;width:min(360px,100%);height:250px;box-shadow:inset 0 -30px 45px #075b481f,0 18px 35px #033f3417}.dhikr-glass:before{display:none}.dhikr-glass-rim{background:#fffdf885;border:2px solid #075b487a;border-radius:50%;height:22px;position:absolute;inset:-10px 22px auto}.dhikr-bead{width:18px;height:18px;box-shadow:inset -3px -3px 4px #033f3438,0 2px 4px #033f3424}.batch-indicator{color:var(--forest);font:13px var(--font-arabic);margin:12px;display:block}:root[data-theme=dark] .soon-dialog{color:#e9f4e8;background:#15342b}:root[data-theme=dark] .soon-dialog h2{color:#e9f4e8}:root[data-theme=dark] .library-grid button{color:#e9f4e8;background:#15342b}:root{--bg:var(--paper);--surface:#fffdf8;--surface-elevated:#fffefa;--text-primary:var(--ink);--text-secondary:#18211db8;--text-muted:#18211d94;--border:#033f3424;--accent:var(--forest);--accent-soft:var(--sage);--button-primary:var(--forest);--button-primary-text:#fff;--link:var(--forest);--danger:#834238}:root[data-theme=dark]{--bg:#0b1d18;--surface:#132d25;--surface-elevated:#193a30;--text-primary:#f7f1df;--text-secondary:#d1e5d4;--text-muted:#a9c4af;--border:#426758;--accent:#9bd6aa;--accent-soft:#254b3e;--button-primary:#9bd6aa;--button-primary-text:#092219;--link:#b9e8c4;--danger:#f0aaa0;color:var(--text-primary);background:var(--bg)}:root[data-theme=dark] :is(.site-header,.page-footer,.home-developer-footer){background:var(--surface);color:var(--text-secondary);border-color:var(--border)}:root[data-theme=dark] :is(.source-card,.access-card,.library-grid article,.library-grid button,.dhikr-choice,.dhikr-counter,.profile-editorial-grid,.profile-accessibility-panel,.home-progress,.page-reader-toolbar,.quran-view-tabs,.surah-slider-section,.more-menu){background:var(--surface);color:var(--text-primary);border-color:var(--border)}:root[data-theme=dark] :is(.source-card,.access-card,.library-grid article,.library-grid button,.dhikr-choice,.dhikr-counter,.profile-editorial-grid,.profile-accessibility-panel,.home-progress) :is(p,span,small,li){color:var(--text-secondary)}:root[data-theme=dark] :is(h1,h2,h3,strong,b,.brand-wordmark strong,.page-heading h1,.source-card h2,.access-card h2,.library-feature h2,.dhikr-counter output){color:var(--text-primary)}:root[data-theme=dark] :is(a,.source-card a,.home-developer-footer a){color:var(--link)}:root[data-theme=dark] :is(input,select,textarea){color:var(--text-primary);border-color:var(--border);background:#10261f}:root[data-theme=dark] :is(button,.button){border-color:var(--border)}:root[data-theme=dark] :is(.button-primary,.dhikr-increment,.soon-dialog button){background:var(--button-primary);color:var(--button-primary-text)}:root[data-theme=dark] :is(button:disabled,.button:disabled){opacity:1;color:#8fa99a;background:#203b31;border-color:#3b5a4c}:root[data-theme=dark] .page-quran-paper{color:#18211d;background:#fffefa;border-color:#c9a96a}:root[data-theme=dark] .page-quran-paper :is(.page-ayah-text,.page-surah-heading,strong,b){color:#18211d}:root[data-theme=dark] :is(.smart-quran-reader,.quran-reader-panel,.mushaf-viewer,.sign-mushaf-view){background:var(--surface);color:var(--text-primary);border-color:var(--border)}:root[data-theme=dark] .dhikr-glass{background:linear-gradient(#d3eed92e,#35695580);border-color:#8fbda0}:root[data-theme=dark] .soon-dialog{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border)}:root[data-theme=dark] .eyebrow{color:#b8dfbf}:root[data-theme=dark] ::selection{background:var(--accent);color:#092219}.site-header .brand-logo{padding:2px;overflow:hidden}.site-header .brand-logo img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:static;transform:none}@media (width<=760px){.site-header .brand-logo img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}}.dhikr-counter.glass{background:radial-gradient(circle at 50% 8%,#aee8be3d,#0000 30%),linear-gradient(150deg,#fffefa,#edf7ee);padding:clamp(28px,5vw,42px);position:relative}.dhikr-counter.glass:before{content:"";pointer-events:none;border:1px solid #c9a96a3d;border-radius:20px;position:absolute;inset:16px}.dhikr-counter.glass>*{z-index:1;position:relative}.dhikr-glass{isolation:isolate;background:linear-gradient(107deg,#fffc 0 16%,#ddf7e480 28% 58%,#68b18440 100%);border:2px solid #075b4885;border-top:0;border-radius:0 0 48% 48%/0 0 28% 28%;width:min(360px,100%);height:278px;margin:10px auto 4px;position:relative;overflow:hidden;box-shadow:inset 15px 0 22px #fff6,inset -18px -27px 46px #075b4824,0 22px 38px #033f3421}.dhikr-glass:before{content:"";z-index:4;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#ffffff52,#0000 28% 74%,#ffffff30);position:absolute;inset:0}.dhikr-glass:after{content:"";z-index:0;filter:blur(1px);background:radial-gradient(at 52% 110%,#c9a96a59,#0000 57%),linear-gradient(#aee8be14,#075b4829);border-radius:50% 50% 42% 42%;height:64%;position:absolute;bottom:8%;left:9%;right:9%}.dhikr-glass-rim{z-index:5;background:linear-gradient(#ffffffe6,#cdefd770);border:2px solid #075b4896;border-radius:50%;height:26px;position:absolute;inset:-12px 20px auto;box-shadow:0 5px 8px #033f341c}.dhikr-glass-neck{z-index:2;background:linear-gradient(90deg,#ffffff38,#ffffff8c,#ffffff2e);border-left:1px solid #075b4830;border-right:1px solid #075b4830;height:28px;position:absolute;top:1px;left:18%;right:18%}.dhikr-glass-shine{z-index:5;filter:blur(.2px);pointer-events:none;background:#ffffff8f;border-radius:999px;position:absolute}.dhikr-glass-shine.shine-one{width:8px;height:104px;top:44px;right:15%;transform:rotate(12deg)}.dhikr-glass-shine.shine-two{opacity:.74;width:3px;height:42px;top:45px;right:20%}.dhikr-glass-base{z-index:3;filter:blur(4px);background:#0545372e;border-radius:50%;height:13px;position:absolute;bottom:8px;left:18%;right:18%}.dhikr-bead{z-index:2;width:22px;height:22px;right:var(--bead-x);bottom:var(--bead-y);animation:bead-settle .42s cubic-bezier(.18,.85,.32,1.25) var(--bead-delay) both;background:radial-gradient(circle at 32% 28%,#f8fff8 0 8%,#8bd5a2 22%,#167255 63%,#075b48 100%);border:1px solid #ffffff94;box-shadow:inset -4px -5px 6px #033f3447,inset 2px 2px 3px #ffffff75,0 4px 7px #033f343b}.dhikr-bead.bead-1{background:radial-gradient(circle at 32% 28%,#fffaf0 0 8%,#f1d483 24%,#c49a43 65%,#8e6623 100%)}.dhikr-bead.bead-2{background:radial-gradient(circle at 32% 28%,#f9fffb 0 8%,#c9edcd 24%,#5fa774 65%,#326d48 100%)}.dhikr-bead.bead-3{background:radial-gradient(circle at 32% 28%,#fdfcf6 0 8%,#e8cba5 25%,#b17a5e 64%,#7f493c 100%)}@keyframes bead-settle{0%{opacity:0;transform:translateY(-48px)scale(.55)}65%{opacity:1;transform:translateY(4px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}.batch-indicator{width:max-content;max-width:100%;color:var(--forest);font:600 12px var(--font-arabic);background:#fffdf8b3;border:1px solid #c9a96a57;border-radius:999px;margin:13px auto 0;padding:6px 11px}@media (prefers-reduced-motion:reduce){.dhikr-bead{animation:none}}@media (width<=760px){.dhikr-counter.glass{padding:25px 14px}.dhikr-glass{width:min(330px,100%);height:250px}.dhikr-bead{width:19px;height:19px}.dhikr-glass-shine.shine-one{height:86px}.dhikr-counter.glass:before{inset:10px}}:root[data-theme=dark]{--bg:#091913;--surface:#102a21;--surface-elevated:#17372d;--surface-soft:#1d4336;--text-primary:#f6f0df;--text-secondary:#c7dccc;--text-muted:#9db9a7;--border:#385e4d;--border-soft:#bee5c729;--link:#c6f1cf;--accent:#9edcad;--accent-soft:#214d3d;--button-primary:#a5dfb3;--button-primary-text:#092219;background:var(--bg);color:var(--text-primary)}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell{background:radial-gradient(ellipse at 78% -18%,#163c30 0,transparent 42%),var(--bg);color:var(--text-primary)}:root[data-theme=dark] .site-header,:root[data-theme=dark] .page-footer,:root[data-theme=dark] .home-developer-footer{border-color:var(--border-soft);background:#091913c7}:root[data-theme=dark] :is(.header-nav a,.header-quiet,.brand-wordmark span,.page-footer,.home-developer-footer,.theme-choice legend){color:var(--text-secondary)}:root[data-theme=dark] :is(.home-path-hero,.home-today-card,.home-journey,.home-capabilities article,.quran-browser-hero,.quran-view-tabs,.surah-slider-section,.smart-quran-reader,.quran-reader-panel,.mushaf-viewer,.sign-mushaf-view,.source-card,.access-card,.library-feature,.library-grid article,.library-grid button,.dhikr-choice,.dhikr-counter,.profile-editorial-grid,.profile-accessibility-panel,.home-progress,.page-reader-toolbar,.more-menu,.soon-dialog,.khatmah-tracks article){background:var(--surface);color:var(--text-primary);border-color:var(--border)}:root[data-theme=dark] :is(.home-path-hero,.home-today-card,.home-journey,.home-capabilities article,.surah-slider-section,.smart-quran-reader,.quran-reader-panel,.source-card,.access-card,.library-feature,.library-grid article,.library-grid button,.dhikr-choice,.dhikr-counter,.profile-editorial-grid,.profile-accessibility-panel,.home-progress,.page-reader-toolbar,.more-menu,.soon-dialog,.khatmah-tracks article){box-shadow:0 14px 34px #00000038}:root[data-theme=dark] :is(.page-heading p,.home-intro,.hero-description,.home-capabilities p,.home-journey li small,.today-metric span,.today-history,.source-card p,.access-card p,.library-feature p,.library-grid p,.dhikr-choice label,.dhikr-counter .batch-indicator,.page-footer p,.home-developer-footer p,.home-developer-footer>span,.profile-editorial-grid p,.profile-accessibility-panel p){color:var(--text-secondary)}:root[data-theme=dark] :is(.home-journey li,.home-capabilities article,.home-today-card,.quran-view-tabs,.surah-slider-section,.quran-search-results li,.smart-ayah-card,.quran-audio-player,.target-selector,.practice-card,.comparison-summary div,.attempt-history-item,.khatmah-tracks article){background:var(--surface-elevated);border-color:var(--border)}:root[data-theme=dark] :is(input,select,textarea,.mushaf-native-toolbar){color:var(--text-primary);border-color:var(--border);background:#0c211a}:root[data-theme=dark] :is(.button-secondary,.dhikr-chips button,.dhikr-styles button,.dhikr-actions button,.reader-mode-launcher button,.mushaf-native-toolbar button,.future-controls button,.review-toggle button){background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border)}:root[data-theme=dark] :is(.button-secondary:hover,.dhikr-chips button:hover,.dhikr-styles button:hover,.dhikr-actions button:hover,.reader-mode-launcher button:hover,.mushaf-native-toolbar button:hover){background:var(--surface-soft);border-color:#6d9b7c}:root[data-theme=dark] :is(.button-primary,.dhikr-increment,.soon-dialog button,.reader-mode-launcher button.is-active,.quran-view-tabs button.is-active){background:var(--button-primary);color:var(--button-primary-text);border-color:#0000}:root[data-theme=dark] :is(.quran-browser-hero,.surah-feature,.practice-banner,.activity-heatmap,.home-next-journey){color:#f7f1df;background:linear-gradient(135deg,#0c362a,#15503d);border-color:#3b755c}:root[data-theme=dark] :is(.quran-browser-hero p,.surah-feature p,.practice-banner p,.home-next-journey p){color:#f7f1dfcc}:root[data-theme=dark] .page-quran-paper,:root[data-theme=dark] .quran-reading-canvas{color:#18211d;background:#fffdf4;border-color:#c9a96a;box-shadow:0 20px 55px #00000061}:root[data-theme=dark] :is(.page-quran-paper,.quran-reading-canvas) :is(.page-ayah-text,.reading-ayah-text,.page-surah-heading,strong,b,h1,h2,h3,p,span){color:#18211d}:root[data-theme=dark] :is(.page-quran-paper,.quran-reading-canvas) :is(.reading-ayah-meta,.bismillah){color:#18211dad}:root[data-theme=dark] .dhikr-counter.glass{background:radial-gradient(circle at 50% 6%,#7bc28d26,#0000 32%),linear-gradient(150deg,#14372c,#102a21)}:root[data-theme=dark] .dhikr-counter.glass:before{border-color:#d8b8743d}:root[data-theme=dark] .dhikr-glass{background:linear-gradient(105deg,#ffffff30,#76be8f3d 52%,#1b5b4475);border-color:#8fbea1;box-shadow:inset 15px 0 22px #ffffff1f,inset -18px -27px 46px #00000038,0 22px 38px #00000047}:root[data-theme=dark] .dhikr-glass-rim{background:linear-gradient(#ebffef73,#4c8c6238);border-color:#a9dcb8}:root[data-theme=dark] .batch-indicator{color:#c7efd0;background:#091913ad;border-color:#557e65}:root[data-theme=dark] :is(a,.source-card a,.home-developer-footer a,.page-footer a){color:var(--link)}@media (width<=760px){:root[data-theme=dark] .mobile-nav{border-color:var(--border);background:#091913ed}:root[data-theme=dark] .mobile-nav a{color:var(--text-muted)}:root[data-theme=dark] .mobile-nav a[aria-current]{color:var(--accent)}}