@import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Cairo:wght@300;400;500;600;700;800;900&display=swap');
.ayah-translation{display:block;font:500 13px/2 'Noto Sans Arabic',sans-serif;color:var(--muted);margin:8px 0;padding:8px 12px;border-top:1px solid var(--line);text-align:start}.kid-ayah .ayah-translation{font-size:12px;line-height:2;max-width:720px;margin:8px auto;color:var(--muted)}
.language-picker{height:38px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:4px;padding:0 8px;background:var(--paper)}.language-picker span{font-size:12px;color:var(--muted)}.language-picker select{border:0;background:transparent;color:var(--ink);font-size:9px;outline:0;max-width:82px}
.hero-content h1,.page-intro h1,.section-title h2,.family-copy h2{padding-block:.08em}
html,body{max-width:100%;overflow-x:hidden}.hero-content,.mushaf-feature,.service-item{min-width:0}@media(min-width:1001px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.78fr)!important}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
body,body *{font-family:'Cairo',sans-serif!important}.safe-basmala,.home-quote blockquote,.ayah,.ayah-text,.kid-ayah>p:not(.empty-copy),.empty-bismillah{font-family:'Amiri Quran',serif!important}
.brand-symbol.has-logo{padding:0;background:transparent;box-shadow:none;overflow:hidden}.brand-symbol.has-logo img{display:block;width:100%;height:100%;object-fit:contain}.site-brand .brand-symbol.has-logo{border-radius:13px}
.site-header .site-brand .brand-symbol.has-logo,.site-footer .site-brand .brand-symbol.has-logo,.home-footer .site-brand .brand-symbol.has-logo{width:132px;height:56px;min-width:132px;border-radius:0}.site-header .site-brand .brand-symbol.has-logo img,.site-footer .site-brand .brand-symbol.has-logo img,.home-footer .site-brand .brand-symbol.has-logo img{object-fit:contain;object-position:center}.site-brand .tagline-only{display:flex;align-items:center;padding-inline-start:3px}.site-brand .tagline-only small{font-size:10px;white-space:nowrap;color:var(--muted)}.home-footer .site-brand .tagline-only small{color:#c6d5d0}
.notification-consent{display:flex!important;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f7f9f6}.notification-consent>input{width:auto!important;margin:5px 0 0!important}.notification-consent span,.notification-consent b,.notification-consent small{display:block}.notification-consent b{color:var(--ink);font-size:10px}.notification-consent small{color:var(--muted);font-size:8px;line-height:1.7}
.btn{min-height:44px;border-radius:11px;padding:9px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.btn.primary{background:var(--deep);border-color:var(--deep);color:#fff}.wide{width:100%}
:root{--cream:#f7f5ef;--paper:#fffefa;--ink:#17362f;--muted:#6d7e78;--deep:#123c35;--green:#29685a;--green-soft:#e1ece7;--gold:#b98b43;--gold-soft:#f3ead8;--line:#dfe5e0;--shadow:0 20px 60px rgba(18,60,53,.1);--page-zoom:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans Arabic',sans-serif;font-size:15px;line-height:1.9;overflow-wrap:break-word}body,button,input,select,textarea{font-family:'Noto Sans Arabic',sans-serif}button,input,select,textarea{font-size:inherit}button,a{transition:.2s}button{color:inherit}[hidden],.hidden{display:none!important}.shell{width:min(1180px,92%);margin-inline:auto}.site-header{height:82px;position:sticky;top:0;z-index:60;background:rgba(247,245,239,.94);border-bottom:1px solid rgba(223,229,224,.9);backdrop-filter:blur(18px)}.header-inner{height:100%;width:min(1240px,94%);margin:auto;display:flex;align-items:center;gap:28px}.site-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;flex-shrink:0}.brand-symbol{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--deep);color:#fff;font:800 21px/1 'Noto Kufi Arabic';box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.site-brand b{display:block;font:700 17px/1.7 'Noto Kufi Arabic'}.site-brand small{display:block;color:var(--muted);font-size:9px;line-height:1.5}.main-nav{display:flex;align-items:center;gap:4px;margin-inline:auto}.main-nav a{color:var(--muted);text-decoration:none;padding:9px 11px;border-radius:10px;font-size:12px;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--deep);background:var(--green-soft)}.header-actions{display:flex;align-items:center;gap:7px}.round-action{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer}.profile-action{background:var(--deep);color:#fff;text-decoration:none;border-radius:11px;padding:9px 16px;font-size:11px;white-space:nowrap}.nav-toggle{display:none;border:0;background:transparent;width:40px;height:40px;padding:9px}.nav-toggle span{display:block;height:2px;background:var(--ink);margin:5px;border-radius:2px}.site-notice{background:#f2e8d2;border-bottom:1px solid #e6d3aa}.site-notice .shell{min-height:45px;display:flex;align-items:center;gap:12px}.site-notice span{background:var(--gold);color:#fff;border-radius:99px;padding:3px 9px;font-size:9px}.site-notice p{margin:0;font-size:11px;flex:1}.site-notice button{border:0;background:transparent;font-size:18px;cursor:pointer}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:'';position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(185,139,67,.1);right:-380px;top:-210px;box-shadow:0 0 0 70px rgba(185,139,67,.04),0 0 0 140px rgba(185,139,67,.025)}.hero-grid{min-height:650px;padding-block:75px;display:grid;grid-template-columns:1fr .78fr;gap:8vw;align-items:center;position:relative}.quran-kicker{display:block;color:var(--gold);font:600 12px/2 'Noto Kufi Arabic';margin-bottom:12px}.hero-content h1,.page-intro h1{font:800 clamp(42px,5.5vw,74px)/1.45 'Noto Kufi Arabic';margin:0 0 19px;max-width:720px}.hero-content h1 span,.page-intro h1 em{display:block;color:var(--green);font-style:normal}.hero-content>p,.page-intro>div>p{color:var(--muted);font-size:16px;line-height:2.15;max-width:610px;margin:0}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0 22px}.button{min-height:48px;border-radius:12px;padding:10px 20px;text-decoration:none;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--deep);color:#fff}.button.primary:hover{background:var(--green);transform:translateY(-2px)}.button.outline{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.5)}.button.light{background:#fff;color:var(--deep)}.button.full{width:100%}.hero-assurances{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:10px}.hero-assurances i{font-style:normal;color:var(--green);font-weight:700}.mushaf-feature{background:var(--deep);border-radius:30px;color:#fff;padding:24px;box-shadow:0 35px 90px rgba(18,60,53,.26);position:relative;overflow:hidden}.mushaf-feature:after{content:'';position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid rgba(255,255,255,.08);left:-90px;top:-100px;box-shadow:0 0 0 36px rgba(255,255,255,.04),0 0 0 72px rgba(255,255,255,.025)}.mushaf-ornament{height:140px;border:1px solid rgba(212,176,105,.45);border-radius:18px;display:grid;place-content:center;text-align:center;position:relative}.mushaf-ornament:before,.mushaf-ornament:after{content:'◆';position:absolute;color:var(--gold);font-size:9px;top:10px}.mushaf-ornament:before{right:12px}.mushaf-ornament:after{left:12px}.mushaf-ornament span{font-family:'Amiri Quran';font-size:45px;color:#ebd19e;line-height:1.5}.mushaf-ornament small{color:#bed0ca;font-size:9px}.today-reading{padding:24px 5px 2px;position:relative;z-index:1}.reading-label,.reading-meta{display:flex;align-items:center;justify-content:space-between}.reading-label span{font:600 12px 'Noto Kufi Arabic'}.reading-label small,.reading-meta{font-size:9px;color:#b9cdc7}.page-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:15px;margin:20px 0}.page-range small{display:block;color:#a9c2bb;font-size:9px;line-height:1.5}.page-range strong{display:block;font-size:46px;line-height:1.45}.page-range i{font-style:normal;color:var(--gold)}.reading-progress{height:5px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.reading-progress span{display:block;height:100%;background:var(--gold);border-radius:99px}.reading-meta{margin-top:8px}.daily-strip{background:var(--paper);border-block:1px solid var(--line)}.daily-strip>.shell{min-height:100px;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center}.daily-strip>.shell>div{display:flex;align-items:center;gap:12px;padding:15px 24px;border-left:1px solid var(--line)}.strip-icon{width:38px;height:38px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;color:var(--green)}.daily-strip p{margin:0}.daily-strip small,.daily-strip b{display:block}.daily-strip small{font-size:9px;color:var(--muted);line-height:1.6}.daily-strip b{font-size:11px}.daily-strip>a{padding:15px 25px;color:var(--green);text-decoration:none;font-size:11px;font-weight:700}.daily-strip>a i{font-style:normal;margin-right:10px}.services-section{padding-block:100px}.section-title{text-align:center;margin-bottom:35px}.section-title>span,.section-title>div>span{color:var(--gold);font:600 10px/2 'Noto Kufi Arabic'}.section-title h2{font:700 clamp(26px,3vw,38px)/1.7 'Noto Kufi Arabic';margin:3px 0}.section-title p{color:var(--muted);font-size:12px;margin:0}.section-title.aligned{text-align:right;display:flex;align-items:end;justify-content:space-between}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-item{min-height:330px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column}.service-item:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.service-top{display:flex;justify-content:space-between;align-items:center}.service-number{font-size:9px;color:var(--muted)}.service-top i{width:32px;height:32px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-style:normal}.service-symbol{width:62px;height:62px;border-radius:19px;background:var(--green-soft);color:var(--deep);display:grid;place-items:center;font:700 25px 'Noto Kufi Arabic';margin:28px 0 17px}.kids-service .service-symbol{background:#f1e6d7}.azkar-service .service-symbol{background:#e8e5ef}.radio-service .service-symbol{background:#f3e9d5}.service-item h3{font:700 18px/1.8 'Noto Kufi Arabic';margin:0 0 8px}.service-item p{color:var(--muted);font-size:11px;line-height:2;margin:0}.service-item>b{display:block;color:var(--green);font-size:10px;margin-top:auto;padding-top:18px}.family-section{background:var(--deep);color:#fff;padding-block:75px}.family-grid{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:center}.family-copy>span{color:#e2c181;font-size:10px}.family-copy h2{font:700 clamp(30px,4vw,48px)/1.7 'Noto Kufi Arabic';margin:6px 0}.family-copy p{color:#bdd0c9;line-height:2.2;font-size:13px;max-width:600px}.family-copy .button{margin-top:16px}.family-quote{border:1px solid rgba(226,193,129,.35);border-radius:24px;padding:32px;text-align:center}.family-quote>span{color:var(--gold);font-size:50px;line-height:1}.family-quote blockquote{font:600 20px/2 'Noto Kufi Arabic';margin:10px}.family-quote small{color:#b8cbc5;font-size:9px}.site-footer{width:min(1180px,92%);margin:auto;padding:42px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.footer-main p{color:var(--muted);font-size:10px;margin:10px 0 0}.footer-nav{display:flex;flex-wrap:wrap;gap:18px}.footer-nav a{color:var(--muted);text-decoration:none;font-size:10px}.copyright{grid-column:1/3;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}
.page-main{padding-block:50px 100px}.page-intro{min-height:370px;display:grid;grid-template-columns:1.2fr .5fr;gap:7vw;align-items:center}.page-intro h1{font-size:clamp(38px,4.7vw,62px)}.progress-medallion,.star-medallion{background:var(--deep);color:#fff;border-radius:28px;padding:35px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.progress-medallion:before,.star-medallion:before{content:'';position:absolute;inset:12px;border:1px solid rgba(212,176,105,.35);border-radius:20px}.progress-medallion>* ,.star-medallion>*{position:relative}.progress-medallion span,.progress-medallion small,.star-medallion span,.star-medallion small{display:block;color:#bdd0c9;font-size:9px}.progress-medallion strong,.star-medallion strong{display:block;font-size:60px;line-height:1.5;color:#edd39d}.azkar-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:6px;margin-bottom:13px}.azkar-tabs button{border:0;background:transparent;border-radius:11px;padding:12px;cursor:pointer;font-size:11px;font-weight:600}.azkar-tabs button span{margin-left:6px}.azkar-tabs button.active{background:var(--deep);color:#fff}.azkar-tools{display:flex;gap:10px;margin-bottom:18px}.azkar-tools label,.radio-search{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 13px;flex:1}.azkar-tools input,.radio-search input{width:100%;border:0;background:transparent;padding:11px;outline:0;color:var(--ink)}.azkar-tools button{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:8px 16px;cursor:pointer;font-size:10px}.azkar-list{display:none;gap:11px}.azkar-list.active{display:grid}.dhikr-card{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:24px;display:grid;grid-template-columns:80px 1fr;gap:24px}.dhikr-index{border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.dhikr-index span{font-size:27px;font-weight:700}.dhikr-index small{color:var(--muted);font-size:9px}.dhikr-card>p{font:500 17px/2.4 'Noto Sans Arabic';margin:0;align-self:center}.dhikr-actions{grid-column:2;display:flex;gap:8px}.counter{flex:1;border:0;background:var(--green-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;cursor:pointer}.counter strong{width:33px;height:33px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font-size:11px}.counter span{font-size:9px}.counter.done{background:#d9eee0}.copy-dhikr{border:1px solid var(--line);background:transparent;border-radius:12px;padding:0 18px;cursor:pointer;font-size:9px}.learning-layout{display:grid;grid-template-columns:350px 1fr;gap:15px}.lesson-settings,.lesson-stage{background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:24px}.lesson-settings header,.lesson-stage>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.lesson-settings header{justify-content:flex-start;gap:12px}.lesson-settings header>span{width:40px;height:40px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;font-size:10px}.lesson-settings h2,.lesson-stage h2{font:700 15px/1.8 'Noto Kufi Arabic';margin:0}.lesson-settings p,.lesson-stage small{margin:0;color:var(--muted);font-size:9px}.lesson-settings label{display:block;color:var(--muted);font-size:10px;margin:13px 0}.lesson-settings select{width:100%;border:1px solid var(--line);background:var(--cream);border-radius:11px;padding:10px;color:var(--ink);margin-top:5px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.switch-row{display:flex!important;align-items:center;gap:8px;background:var(--cream);padding:10px;border-radius:11px;color:var(--ink)!important}.switch-row input{display:none}.switch-row>span{width:34px;height:19px;border-radius:99px;background:#bdc8c4;position:relative}.switch-row>span:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;right:3px;top:3px}.switch-row input:checked+span{background:var(--green)}.switch-row input:checked+span:after{transform:translateX(-15px)}.switch-row b{font-size:9px}.lesson-stage{min-height:575px;display:flex;flex-direction:column}.live-dot{width:7px;height:7px;border-radius:50%;background:#4da36f;display:inline-block;margin-left:5px}.lesson-progress{width:130px;color:var(--muted);font-size:9px}.lesson-progress>div{height:5px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:5px}.lesson-progress i{height:100%;display:block;background:var(--gold);width:0}.kid-ayah{flex:1;display:grid;place-content:center;text-align:center;padding:20px}.kid-ayah>span{color:var(--gold);font-size:10px}.kid-ayah>p:not(.empty-copy){font:400 clamp(28px,3.5vw,45px)/2.1 'Amiri Quran';margin:8px;max-width:750px}.empty-bismillah{font:400 60px/1.5 'Amiri Quran'!important;color:var(--gold)!important}.empty-copy{font-size:11px;color:var(--muted)}.kid-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:14px}.kid-controls button{width:42px;height:42px;border-radius:50%;border:0;background:var(--cream);cursor:pointer}.kid-controls .big-play{width:62px;height:62px;background:var(--deep);color:#fff}.reward-button{border:1px solid #e6d2a5;background:#f8f0df;color:#795a25;border-radius:12px;padding:10px;cursor:pointer}.reward-button:disabled{opacity:.5}.reward-button.done{background:var(--green-soft);color:var(--deep)}.live-pill{display:inline-flex;align-items:center;gap:6px;background:#e2eee7;color:var(--green);border-radius:99px;padding:5px 10px;font-size:9px}.live-pill i{width:7px;height:7px;border-radius:50%;background:#d55353;box-shadow:0 0 0 4px rgba(213,83,83,.12)}.broadcast-art{height:230px;background:var(--deep);border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden}.broadcast-core{width:100px;height:100px;border-radius:50%;background:#1d5047;border:1px solid rgba(221,183,108,.5);display:grid;place-items:center;color:#e5c887;font:38px 'Amiri Quran';position:relative;z-index:2}.broadcast-art>span{position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.broadcast-art>span:nth-child(3){width:230px;height:230px}.broadcast-art>span:nth-child(4){width:300px;height:300px}.radio-search{max-width:320px}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.station-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;text-align:right;cursor:pointer;position:relative}.station-card:hover,.station-card.playing{border-color:#87afa3;box-shadow:var(--shadow);transform:translateY(-2px)}.station-country{position:absolute;left:12px;top:10px;color:var(--muted);font-size:8px}.station-mark{width:50px;height:50px;border-radius:15px;background:var(--green-soft);display:grid;place-items:center;font:700 19px 'Noto Kufi Arabic'}.station-card h3{font:600 12px/1.9 'Noto Kufi Arabic';margin:0;padding-left:50px}.station-card p{color:var(--muted);font-size:8px;margin:0}.station-card>b{width:34px;height:34px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font-size:10px}.all-stations{margin-top:60px}.count-pill{background:var(--green-soft);color:var(--green);border-radius:99px;padding:5px 10px;font-size:9px}.radio-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.radio-row{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:11px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;text-align:right;cursor:pointer}.radio-row:hover,.radio-row.playing{background:var(--green-soft)}.radio-row>span{font-size:9px;color:var(--muted)}.radio-row b{font-size:10px}.radio-row small{display:block;font-size:8px;color:var(--muted)}.radio-row i{font-style:normal;font-size:9px}.lock-note{display:flex;gap:13px;background:var(--gold-soft);border:1px solid #e7d4ac;border-radius:17px;padding:16px;margin-top:24px}.lock-note>span{font-size:22px}.lock-note b{font-size:11px}.lock-note p{margin:2px 0;color:var(--muted);font-size:9px}.global-radio{position:fixed;bottom:13px;left:50%;transform:translate(-50%,140px);z-index:90;width:min(760px,94%);background:rgba(18,60,53,.98);color:#fff;border-radius:17px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 60px rgba(0,0,0,.28);transition:.3s}.global-radio.active{transform:translate(-50%,0)}.now-station{display:flex;align-items:center;gap:10px}.onair{background:#c94e4e;border-radius:99px;padding:3px 7px;font-size:7px}.now-station b{display:block;font-size:10px}.now-station small{display:block;color:#bcd0c9;font-size:8px}.radio-controls{display:flex;align-items:center;gap:10px}.radio-main-play{width:39px;height:39px;border-radius:50%;border:0;background:#fff;color:var(--deep);cursor:pointer}.radio-controls input{width:90px}.loading,.error-box{min-height:160px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:10px}
.reader-body{overflow:hidden;background:#ecece7}.reader-top{height:62px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:40}.reader-top>div:nth-child(2){text-align:center}.reader-top b{font:600 13px/1.8 'Noto Kufi Arabic'}.reader-top small{display:block;color:var(--muted);font-size:8px}.back{text-decoration:none;color:var(--ink);font-size:21px}.reader-actions{display:flex;gap:2px}.reader-actions button{width:34px;height:34px;border:0;background:transparent;border-radius:50%;cursor:pointer}.reader-actions button:hover{background:var(--green-soft)}.reader-shell{height:calc(100vh - 158px);display:grid;grid-template-columns:290px 1fr}.side-panel{background:var(--paper);border-left:1px solid var(--line);padding:22px;overflow:auto}.side-panel h3{font:600 13px/1.8 'Noto Kufi Arabic';margin:0}.side-panel label{display:block;color:var(--muted);font-size:9px;margin:12px 0}.side-panel input,.side-panel select{width:100%;border:1px solid var(--line);background:var(--cream);border-radius:10px;padding:9px;color:var(--ink);margin-top:4px}.side-panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.panel-close{display:none!important}.quick-grid,.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.quick-grid button,.segmented button{border:1px solid var(--line);background:var(--cream);border-radius:9px;padding:7px;cursor:pointer;font-size:9px}.segmented .active{background:var(--deep);color:#fff}.check{display:flex!important;align-items:center;gap:7px}.check input{width:auto;margin:0}.muted{color:var(--muted);font-size:9px}.mushaf-stage{min-width:0;overflow:auto;padding:13px 24px 110px}.mushaf-toolbar{display:flex;justify-content:center;align-items:center;gap:50px;text-align:center;margin-bottom:9px}.mushaf-toolbar button{border:0;background:transparent;font-size:24px;cursor:pointer}.mushaf-toolbar b{font:600 12px/1.8 'Noto Kufi Arabic'}.mushaf-toolbar small{display:block;color:var(--muted);font-size:8px}.book-spread{display:flex;justify-content:center;align-items:flex-start;gap:5px;transform:scale(var(--page-zoom));transform-origin:top center}.page-frame{width:min(47%,570px);min-height:68vh;background:#fffdf7;border:4px double #c5a15a;box-shadow:0 16px 45px rgba(23,54,47,.17);position:relative;display:grid;place-items:center;overflow:hidden}.page-frame img{display:block;width:100%;height:auto;opacity:0;transition:.25s}.page-frame img.loaded{opacity:1}.page-loading{position:absolute;inset:0;display:grid;place-items:center;background:#fffdf8;color:#6d7e78;font-size:10px}.page-loading button{border:0;background:#17362f;color:#fff;padding:8px;border-radius:8px}.page-number-overlay{position:absolute;bottom:7px;color:#6d7e78;font-size:9px}.mushaf-page{max-width:900px;margin:auto;background:#fffdf8;border:4px double #c5a15a;padding:40px;box-shadow:var(--shadow);text-align:justify;line-height:2.7}.ayah{border:0;background:transparent;font:400 29px/2.2 'Amiri Quran';color:#15342d;cursor:pointer;padding:3px}.ayah:hover,.ayah.playing{background:#e5f0ea;border-radius:8px}.ayah-no{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;font:500 11px sans-serif;margin:0 4px}.page-footer{display:flex;justify-content:space-between;max-width:900px;margin:9px auto;color:var(--muted);font-size:8px}.audio-player{position:fixed;bottom:0;left:0;right:0;min-height:96px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:50;display:grid;grid-template-columns:1.3fr auto 2fr auto 100px 160px;gap:12px;align-items:center;padding:10px 17px;backdrop-filter:blur(18px)}.now-playing{display:flex;align-items:center;gap:8px}.now-playing b{font-size:9px}.now-playing small{display:block;color:var(--muted);font-size:7px}.controls{display:flex;align-items:center;gap:3px}.controls button{border:0;background:transparent;cursor:pointer}.controls .play{width:45px;height:45px;border-radius:50%;background:var(--deep);color:#fff}.timeline{display:flex;align-items:center;gap:6px;font-size:7px}.timeline input{width:100%}.audio-player select{border:1px solid var(--line);border-radius:8px;padding:6px}.complete{border:0;border-radius:10px;padding:9px;background:var(--deep);color:#fff;cursor:pointer;font-size:9px}.complete:disabled{opacity:.4}.modal{display:none;position:fixed;inset:0;background:rgba(8,39,32,.65);z-index:100;place-items:center;padding:20px}.modal.show{display:grid}.modal>div{background:var(--paper);border-radius:22px;padding:28px;width:min(420px,100%);text-align:center;position:relative}.modal h2{font:700 18px/1.8 'Noto Kufi Arabic'}.modal p{color:var(--muted);font-size:10px}.modal input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;margin:10px 0}.close{position:absolute;left:15px;top:11px;border:0;background:transparent;font-size:20px}.toast{position:fixed;bottom:108px;left:50%;transform:translate(-50%,20px);background:var(--deep);color:#fff;padding:8px 14px;border-radius:99px;opacity:0;z-index:110;font-size:9px}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-shell{width:min(1180px,92%);margin:35px auto 80px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid3 article,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px}.grid3 article{text-align:center}.grid3 b{display:block;font-size:28px}.grid3 small{color:var(--muted);font-size:9px}.tag{background:var(--green-soft);color:var(--green);border-radius:99px;padding:4px 8px;font-size:8px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:22px}.service-card h3{font:700 16px/1.8 'Noto Kufi Arabic'}.service-card p{color:var(--muted);font-size:10px}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.home-stats article{background:var(--paper);padding:20px;text-align:center}.home-stats span,.home-stats small{display:block;color:var(--muted);font-size:9px}.home-stats strong{display:block;font-size:28px}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:25px}.login-card label{display:block;color:var(--muted);font-size:10px;text-align:right;margin:10px 0}.login-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:5px}.login-card h2{font:700 17px/1.8 'Noto Kufi Arabic'}.login-card p{font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:9px;border-bottom:1px solid var(--line);font-size:9px}
[data-theme=dark]{--cream:#101d19;--paper:#172923;--ink:#eef6f2;--muted:#9cafaa;--deep:#245c50;--green:#73ae9e;--green-soft:#203a32;--gold-soft:#352f25;--line:#2b433a;--shadow:0 20px 60px rgba(0,0,0,.35)}[data-theme=dark] .site-header{background:rgba(16,29,25,.94)}.reader-body[data-theme=dark] .page-frame,.reader-body[data-theme=dark] .mushaf-page{filter:brightness(.84) sepia(.06)}
@media(max-width:1000px){.main-nav a{padding:8px 7px;font-size:10px}.hero-grid{gap:5vw}.services-grid{grid-template-columns:1fr 1fr}.learning-layout{grid-template-columns:300px 1fr}.reader-shell{grid-template-columns:1fr}.side-panel{position:fixed;right:0;top:0;width:min(340px,88vw);height:100vh;z-index:80;transform:translateX(105%);transition:.25s;box-shadow:0 0 50px rgba(0,0,0,.3)}.side-panel.open{transform:none}.panel-close{display:block!important;width:auto!important;border:0;background:transparent;font-size:22px}.audio-player{grid-template-columns:1fr auto;min-height:110px}.now-playing{grid-column:1}.controls{grid-column:2}.controls button:not(.play){display:none}.timeline{grid-column:1/3}.audio-player select,.audio-player>#volume{display:none}.complete{grid-column:1/3}}
@media(max-width:760px){body{font-size:14px;line-height:1.9}.site-header{height:70px}.header-inner{gap:8px}.brand-symbol{width:40px;height:40px;border-radius:13px}.site-brand b{font-size:14px}.site-brand small{font-size:8px}.nav-toggle{display:block;margin-right:auto}.main-nav{display:none;position:fixed;top:70px;right:3%;left:3%;background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:8px;box-shadow:var(--shadow);grid-template-columns:1fr 1fr}.main-nav.open{display:grid}.main-nav a{padding:10px}.round-action{display:none}.profile-action{padding:8px 11px}.hero-grid{min-height:auto;padding-block:55px;grid-template-columns:1fr;gap:42px}.hero-content h1,.page-intro h1{font-size:38px;line-height:1.65}.hero-content>p,.page-intro>div>p{font-size:13px;line-height:2.1}.hero-buttons{display:grid;grid-template-columns:1fr 1fr}.hero-assurances{gap:8px 12px}.mushaf-feature{padding:18px}.mushaf-ornament{height:115px}.mushaf-ornament span{font-size:37px}.page-range strong{font-size:39px}.daily-strip>.shell{grid-template-columns:1fr}.daily-strip>.shell>div{border-left:0;border-bottom:1px solid var(--line);padding:13px 5px}.daily-strip>.shell>a{padding:15px 5px}.services-section{padding-block:65px}.services-grid{grid-template-columns:1fr}.service-item{min-height:260px}.service-symbol{margin:18px 0 13px}.family-grid{grid-template-columns:1fr;gap:35px}.family-section{padding-block:55px}.family-copy h2{font-size:32px}.site-footer{grid-template-columns:1fr}.footer-nav{gap:12px}.copyright{grid-column:auto}.page-main{padding-block:25px 65px}.page-intro{min-height:auto;grid-template-columns:1fr;gap:25px;padding-block:25px 40px}.progress-medallion,.star-medallion{padding:22px}.progress-medallion strong,.star-medallion strong{font-size:45px}.azkar-tabs{grid-template-columns:1fr}.azkar-tools{display:grid}.azkar-tools button{padding:10px}.dhikr-card{grid-template-columns:45px 1fr;gap:12px;padding:18px}.dhikr-index span{font-size:18px}.dhikr-card>p{font-size:15px;line-height:2.3}.dhikr-actions{grid-column:1/3}.learning-layout{grid-template-columns:1fr}.lesson-stage{min-height:520px}.kid-ayah>p:not(.empty-copy){font-size:27px;line-height:2.2}.section-title.aligned{display:grid;gap:10px}.radio-search{max-width:none}.radio-grid,.radio-list{grid-template-columns:1fr}.broadcast-art{height:170px}.global-radio{bottom:7px}.radio-controls input{display:none}.book-spread{display:block}.page-frame{width:min(100%,620px);min-height:60vh;margin:auto}.second-page{display:none}.mushaf-stage{padding:9px 8px 135px}.mushaf-page{padding:21px 15px}.ayah{font-size:24px;line-height:2.25}.mushaf-toolbar{gap:25px}.service-grid,.home-stats,.grid3{grid-template-columns:1fr}.login-card{padding:20px}}
@media(max-width:760px){.site-header .site-brand .brand-symbol.has-logo,.site-footer .site-brand .brand-symbol.has-logo,.home-footer .site-brand .brand-symbol.has-logo{width:98px;height:44px;min-width:98px}.site-brand .tagline-only{display:none}}