@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#081a14;--bg2:#0b2119;--panel:#102a20;--panel2:#17372a;--gold:#d7b86b;--gold2:#f0d99a;--text:#f5f2e9;--muted:#a9b9ad;--line:rgba(215,184,107,.2);--green:#234a37;--radius:22px;--shadow:0 18px 55px rgba(0,0,0,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}.topbar{height:82px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(8,26,20,.93);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:15px;color:var(--gold);font-size:29px}.brand strong{display:block;font-size:21px;line-height:1.35;color:var(--gold2)}.brand small{display:block;color:var(--muted);font-size:10px}nav{display:flex;align-items:center;gap:27px}nav a{font-size:13px;color:#d9e0d9;transition:.2s}nav a:hover{color:var(--gold)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--gold);border-radius:10px;padding:5px 12px;font-size:22px}.hero{position:relative;overflow:hidden;min-height:490px;display:flex;align-items:center;padding:70px max(8vw,25px);background:radial-gradient(ellipse at 82% 40%,#1c4934 0,transparent 40%),linear-gradient(120deg,#081a14,#0c241a 58%,#102d20)}.hero:after{content:"";position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(45deg,transparent 0 26px,var(--gold) 27px,transparent 28px 53px);mask-image:linear-gradient(90deg,transparent,black)}.hero-content{position:relative;z-index:1;max-width:620px}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:.3px}.hero h1{font-family:'Amiri',serif;font-size:clamp(40px,6vw,68px);line-height:1.35;margin:10px 0;color:#fff}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{max-width:480px;color:#c1d0c4;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;border-radius:12px;border:1px solid transparent;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#10251b}.btn-gold:hover{background:var(--gold2)}.btn-outline{border-color:var(--line);color:var(--gold2);background:rgba(255,255,255,.02)}.hero-ornament{position:absolute;left:10%;top:50%;transform:translateY(-50%);font-family:'Amiri',serif;font-size:100px;color:rgba(215,184,107,.11);z-index:1}.section,.daily-verse,.closing-quote{width:min(1120px,90%);margin:80px auto}.panel{background:linear-gradient(145deg,rgba(20,49,36,.96),rgba(12,34,25,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.daily-verse{display:flex;align-items:center;gap:20px;padding:25px 30px;margin-top:35px;margin-bottom:0}.section-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:var(--gold);border:1px solid var(--line);font-size:30px;flex-shrink:0}.verse-copy{flex:1}.verse-copy blockquote{font-family:'Amiri',serif;font-size:22px;color:#fff;margin:3px 0}.verse-copy small{color:var(--muted);font-size:12px}.icon-button{border:1px solid var(--line);background:transparent;color:var(--gold);font-size:25px;border-radius:12px;width:44px;height:44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:29px;margin:0;font-weight:700}.section-heading p{color:var(--muted);font-size:13px;margin:0}.quran-layout,.prayer-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.player-panel,.choose-panel{padding:25px}.player-top{display:flex;align-items:center;gap:17px;margin-bottom:20px}.cover-art{width:100px;height:100px;flex-shrink:0;border-radius:18px;background:radial-gradient(circle at 50% 45%,#286342,#0c2118 72%);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold2)}.cover-art span{font-size:45px;line-height:1.2}.cover-art small{font-size:10px}.track-info h3,.radio-content h3{font-size:19px;margin:7px 0 0}.track-info p{margin:0;color:var(--muted);font-size:12px}.live-dot,.live-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7fce91;margin-left:7px}.track-info #trackStatus{font-size:11px;color:var(--gold)}audio{width:100%;height:42px;margin:8px 0;accent-color:var(--gold)}audio[hidden]{display:none}.player-controls{display:flex;justify-content:center;gap:14px;margin:13px 0}.round-btn{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:#183b2b;color:var(--gold2);font-size:16px}.round-btn.primary{background:var(--gold);color:#10251b;width:52px;height:52px;font-size:19px}.progress-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.player-note{font-size:11px;color:var(--muted);padding-top:10px}.choose-panel{display:flex;flex-direction:column;gap:10px}.choose-panel label,.tasbeeh-select label,.target-row label{font-size:12px;color:var(--gold2)}select{background:#0b2119;color:var(--text);border:1px solid var(--line);padding:11px 12px;border-radius:10px;width:100%;outline:none}select:focus{border-color:var(--gold)}.full{width:100%;margin-top:5px}.popular-surahs{margin-top:10px}.popular-surahs>span{font-size:12px;color:var(--muted)}.popular-surahs>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.popular-surahs button{background:#1b3d2d;color:#e7d6a5;border:1px solid var(--line);border-radius:9px;padding:6px 12px;font-size:12px}.muted{color:var(--muted)}.small{font-size:11px}.tiny{font-size:10px}.radio-card{padding:30px;display:flex;align-items:center;gap:28px;background:radial-gradient(ellipse at 0% 0%,#1c4934,transparent 60%),var(--panel)}.radio-emblem{width:125px;height:125px;flex-shrink:0;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;position:relative;color:var(--gold)}.radio-waves{font-size:38px;letter-spacing:-12px;transform:rotate(180deg);margin-left:10px}.radio-symbol{position:absolute;bottom:13px;right:16px;font-size:24px}.radio-content{flex:1}.live-label{color:#9ed6a7;font-size:11px}.radio-content p{font-size:12px;color:var(--muted)}.radio-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.notice{border:1px solid rgba(215,184,107,.15);border-radius:12px;margin-top:14px;padding:13px 17px;font-size:12px;color:var(--muted)}.notice strong{color:var(--gold2)}code{color:var(--gold2);direction:ltr;display:inline-block}.adhkar-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.tab{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:11px;padding:9px 16px;font-size:12px}.tab.active{background:var(--gold);color:#10251b;border-color:var(--gold);font-weight:700}.adhkar-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.adhkar-card{padding:22px}.dhikr-text{font-family:'Amiri',serif;font-size:21px;line-height:2.1;color:#f9f4e8;margin:0 0 18px}.dhikr-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dhikr-count{font-size:10px;color:var(--muted);margin-left:auto}.mini-count,.text-button{background:transparent;border:1px solid var(--line);color:var(--gold2);border-radius:9px;padding:5px 10px;font-size:10px}.mini-count.completed{background:#244e38;color:#b7edc0}.text-button{border-color:transparent}.tasbeeh{max-width:620px;margin:auto;padding:32px;display:flex;align-items:center;flex-direction:column;gap:18px}.tasbeeh-select{width:min(360px,100%)}.tasbeeh-select label{display:block;margin-bottom:7px}.bead-ring{width:205px;height:205px;border-radius:50%;border:9px solid #28543d;outline:1px solid var(--gold);outline-offset:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#173a29,#0a2017 72%);box-shadow:inset 0 0 0 2px rgba(215,184,107,.15),0 0 30px rgba(215,184,107,.08)}.bead-ring:before,.bead-ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);top:14px}.bead-ring:before{left:31px}.bead-ring:after{right:31px}.bead-ring span{font-size:54px;font-weight:700;color:var(--gold2);line-height:1.2}.bead-ring small{font-size:12px;color:var(--muted)}.bead-ring.target-reached{border-color:var(--gold);box-shadow:0 0 30px rgba(215,184,107,.2)}.tasbeeh-actions{display:flex;gap:10px}.target-row{display:flex;align-items:center;gap:12px;width:min(360px,100%);flex-wrap:wrap}.target-row select{width:100px;padding:6px}.target-row span{font-size:11px;color:var(--muted);flex:1}.prayer-panel,.qibla-panel{padding:25px}.prayer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.prayer-topline h3,.qibla-panel h3{margin:3px 0;font-size:19px}.small-btn{font-size:10px;padding:7px 12px}.prayer-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.prayer-time{background:#17372a;border:1px solid rgba(215,184,107,.09);border-radius:11px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.prayer-time span{font-size:12px;color:#d5e1d7}.prayer-time strong{font-size:15px;color:var(--gold2);direction:ltr}.qibla-panel{text-align:center}.qibla-panel .eyebrow{display:block}.compass{width:190px;height:190px;border:1px solid var(--gold);border-radius:50%;margin:20px auto 10px;position:relative;background:repeating-conic-gradient(from 0deg,rgba(215,184,107,.1) 0deg 1deg,transparent 1deg 15deg),radial-gradient(circle,#173c2b,#0b2119 70%);box-shadow:inset 0 0 0 8px rgba(215,184,107,.05)}.compass:before{content:"";position:absolute;inset:13px;border:1px solid rgba(215,184,107,.25);border-radius:50%}.compass-n{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--gold2)}.compass-needle{position:absolute;width:4px;height:125px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(135deg);transform-origin:50% 50%;transition:transform .5s}.compass-needle:before{content:"";position:absolute;top:0;left:-5px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:60px solid var(--gold)}.compass-needle:after{content:"";position:absolute;bottom:0;left:-5px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:60px solid #a4b7a9}.compass-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#10291e;border:1px solid var(--gold);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:var(--gold);font-size:17px}.qibla-degree{display:flex;flex-direction:column;margin:7px 0 18px}.qibla-degree strong{font-size:27px;color:var(--gold2)}.qibla-degree span{font-size:10px;color:var(--muted)}.closing-quote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;text-align:center;color:var(--gold2);display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.closing-quote p{font-family:'Amiri',serif;font-size:30px;margin:0}.closing-quote span{font-family:'Amiri',serif;font-size:35px;color:var(--gold)}footer{border-top:1px solid var(--line);padding:30px 5vw 22px;display:flex;align-items:center;gap:25px;flex-wrap:wrap;background:#06150f}footer p{font-size:11px;color:var(--muted);flex:1;min-width:200px}footer>a:not(.brand){font-size:11px;color:var(--gold2)}footer>small{font-size:10px;color:var(--muted)}.footer-brand .brand-mark{width:37px;height:37px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e8d49b;color:#14251b;padding:10px 18px;border-radius:12px;font-size:12px;z-index:20;box-shadow:var(--shadow);transition:.25s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.topbar{height:72px;padding:0 5%}.menu-toggle{display:block}nav{display:none;position:absolute;top:71px;right:0;left:0;padding:15px 5%;background:#0b2119;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px 0;border-bottom:1px solid rgba(215,184,107,.08)}.hero{min-height:440px;padding:55px 7%}.hero-ornament{left:-15px;font-size:70px}.section,.daily-verse,.closing-quote{width:90%;margin-top:55px;margin-bottom:55px}.daily-verse{margin-top:25px;margin-bottom:0;padding:20px;gap:13px}.verse-copy blockquote{font-size:18px}.section-heading{align-items:start;flex-direction:column;gap:6px}.section-heading h2{font-size:26px}.quran-layout,.prayer-layout{grid-template-columns:1fr}.adhkar-list{grid-template-columns:1fr}.radio-card{padding:22px;gap:18px}.radio-emblem{width:85px;height:85px}.radio-waves{font-size:28px}.radio-symbol{font-size:19px;bottom:5px;right:10px}.radio-content h3{font-size:16px}.radio-actions .btn{flex:1}.closing-quote p{font-size:25px}}@media(max-width:430px){.hero h1{font-size:42px}.hero p{font-size:13px}.hero-actions .btn{width:100%}.daily-verse{align-items:flex-start}.section-icon{width:40px;height:40px;font-size:24px}.verse-copy blockquote{font-size:16px}.player-panel,.choose-panel,.prayer-panel,.qibla-panel{padding:18px}.cover-art{width:78px;height:78px}.cover-art span{font-size:36px}.track-info h3{font-size:16px}.radio-card{align-items:flex-start;flex-direction:column}.radio-emblem{display:none}.prayer-times{gap:7px}.prayer-time{padding:10px}.tasbeeh{padding:24px 16px}.dhikr-text{font-size:19px}.dhikr-foot{gap:6px}.dhikr-count{width:100%;margin:0}}

/* Tiny, understated dedication at the very bottom */
.waqf-note{width:100%;text-align:center;color:#718176;font-size:9px;line-height:1.5;opacity:.8;padding-top:10px;border-top:1px solid rgba(215,184,107,.08);margin-top:4px}

/* Premium controls and interaction polish */
.round-btn,.btn,.listen-dhikr,.mini-count,.text-button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.round-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.18);border-color:rgba(215,184,107,.35)}
.round-btn:hover,.round-btn:focus-visible{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 7px 20px rgba(215,184,107,.16);outline:none}
.round-btn.primary{box-shadow:0 7px 22px rgba(215,184,107,.2),inset 0 1px 0 rgba(255,255,255,.25)}
.round-btn:active,.btn:active,.listen-dhikr:active{transform:scale(.97)}
.btn-outline{border-color:rgba(215,184,107,.55);color:var(--gold2);background:rgba(255,255,255,.025)}
.btn-outline:hover{background:rgba(215,184,107,.1);border-color:var(--gold)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.listen-dhikr{border:1px solid rgba(215,184,107,.35);border-radius:10px;padding:7px 12px;background:linear-gradient(135deg,#234a37,#102a20);color:var(--gold2);font-size:11px;font-weight:700}
.listen-dhikr:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(215,184,107,.12)}
.bead-ring{cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .15s ease,border-color .2s,box-shadow .2s}
.bead-ring:hover{border-color:var(--gold);box-shadow:inset 0 0 0 2px rgba(215,184,107,.18),0 0 32px rgba(215,184,107,.14)}
.bead-ring:active{transform:scale(.975)}
.bead-ring:focus-visible{outline:2px solid var(--gold2);outline-offset:10px}
.compass{isolation:isolate;overflow:hidden}
.compass-needle{z-index:2;will-change:transform}
.compass-e,.compass-s,.compass-w{position:absolute;font-size:11px;color:var(--muted);z-index:1}
.compass-e{right:8px;top:50%;transform:translateY(-50%)}
.compass-s{bottom:5px;left:50%;transform:translateX(-50%)}
.compass-w{left:8px;top:50%;transform:translateY(-50%)}
#compassStatus{line-height:1.8}
.radio-actions .btn{min-width:145px}

/* Quran reading area: original page images and searchable Uthmani text */
.read-quran-tools{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;margin-bottom:18px}
.reader-mode{display:flex;gap:8px;grid-column:1/-1}
.reader-mode-btn,.reader-page-controls button,.verse-text-heading button{border:1px solid rgba(215,184,107,.35);border-radius:10px;padding:8px 14px;background:#17372a;color:var(--gold2);font-size:12px;font-weight:700}
.reader-mode-btn.active{background:var(--gold);color:#10251b;border-color:var(--gold)}
.reader-jump label,.reader-search label{display:block;font-size:12px;color:var(--gold2);margin-bottom:7px}
.reader-page-controls{display:flex;gap:8px}
.reader-page-controls input,.reader-search input{width:100%;min-width:0;background:#0b2119;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;outline:none}
.reader-page-controls input{max-width:100px;text-align:center;direction:ltr}
.reader-search{grid-column:1/-1}
.mushaf-view{padding:20px;overflow:hidden}
.mushaf-page-wrap{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}
#mushafPageImage{display:block;width:min(100%,650px);height:auto;max-height:82vh;object-fit:contain;border-radius:8px;background:#f7f0dc;box-shadow:0 10px 35px rgba(0,0,0,.25)}
#mushafPageImage[hidden],#mushafPageWrap[hidden],#verseTextView[hidden]{display:none!important}
.mushaf-page-loading,.mushaf-image-error{color:var(--muted);text-align:center;padding:30px 10px;font-size:13px}
.mushaf-image-error{color:var(--gold2)}
.verse-text-view{max-width:900px;margin:auto}
.verse-text-heading{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--gold2);font-size:12px}
.verse-text-heading span{margin-left:auto}
.verse-text-heading button{min-width:40px;padding:5px 10px;font-size:15px}
.verse-text-content{font-family:'Amiri',serif;font-size:25px;line-height:2.35;text-align:justify;color:#fff9e9;padding:18px 4px;overflow-wrap:anywhere}
.reader-ayah{display:inline;margin:0}
.ayah-number{display:inline-block;color:var(--gold2);font-size:.75em;white-space:nowrap;padding:0 4px}
.reader-status{border-top:1px solid var(--line);padding-top:12px;margin-top:10px;color:var(--muted);font-size:11px;text-align:center}
.reader-disclaimer{line-height:1.9}
@media(max-width:700px){.read-quran-tools{grid-template-columns:1fr;padding:15px}.reader-mode,.reader-search{grid-column:auto}.reader-mode-btn{flex:1;padding:8px 6px}.mushaf-view{padding:12px}.mushaf-page-wrap{min-height:180px}.verse-text-content{font-size:23px;line-height:2.25}.reader-page-controls input{max-width:90px}}

/* Accessible appearance settings: persistent day/night mode and mobile comfort */
.header-tools{display:flex;align-items:center;gap:9px;flex-shrink:0}
.theme-toggle{width:42px;height:42px;border-radius:13px;border:1px solid rgba(215,184,107,.42);background:linear-gradient(145deg,#17372a,#0b2119);color:var(--gold2);font-size:22px;display:grid;place-items:center;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.theme-toggle:active{transform:scale(.96)}
.reading-preferences{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line);color:var(--gold2);font-size:12px}
.reading-preferences span{margin-left:auto}
.reading-preferences button{min-width:42px;min-height:40px;border:1px solid rgba(215,184,107,.42);border-radius:10px;background:#17372a;color:var(--gold2);font-size:17px;font-weight:700;touch-action:manipulation}
.reading-preferences small{color:var(--muted);min-width:58px;text-align:center}
.verse-text-content{font-size:var(--reader-font-size,25px)}
html[data-theme="light"]{--bg:#f5f1e6;--bg2:#ece5d4;--panel:#fffdf7;--panel2:#f0e8d5;--gold:#99752b;--gold2:#775719;--text:#26372c;--muted:#68756b;--line:rgba(137,104,35,.24);--green:#d8e4d5;--shadow:0 12px 35px rgba(49,42,22,.09)}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .topbar{background:rgba(255,253,247,.94)}
html[data-theme="light"] nav a{color:#344b3b}
html[data-theme="light"] .hero{background:radial-gradient(ellipse at 82% 40%,#d7e5d4 0,transparent 42%),linear-gradient(120deg,#f5f1e6,#e7efdf 58%,#dbe8d8)}
html[data-theme="light"] .hero h1,html[data-theme="light"] .verse-copy blockquote{color:#24372b}
html[data-theme="light"] .hero p{color:#536759}
html[data-theme="light"] .panel,html[data-theme="light"] .radio-card{background:linear-gradient(145deg,#fffdf7,#f2eddf)}
html[data-theme="light"] select,html[data-theme="light"] .reader-page-controls input,html[data-theme="light"] .reader-search input{background:#fffdf7;color:#26372c}
html[data-theme="light"] .round-btn,html[data-theme="light"] .reader-mode-btn,html[data-theme="light"] .reader-page-controls button,html[data-theme="light"] .verse-text-heading button,html[data-theme="light"] .reading-preferences button{background:#e9e0ca;color:#654d1b}
html[data-theme="light"] .round-btn.primary,html[data-theme="light"] .tab.active{background:var(--gold);color:#fffdf7}
html[data-theme="light"] .verse-text-content{color:#292d24}
html[data-theme="light"] .ayah-number{color:#85651e}
html[data-theme="light"] .prayer-time{background:#f0e8d5}
html[data-theme="light"] .prayer-time span{color:#405548}
html[data-theme="light"] footer{background:#e8e1d1}
html[data-theme="light"] .theme-toggle{background:#f1e8d3;color:#775719}
html[data-theme="light"] nav{background:#fffdf7}
html[data-theme="light"] .adhkar-card,html[data-theme="light"] .tasbeeh{background:#fffdf7;color:#26372c}
@media(max-width:800px){
  .topbar{padding:0 4%;gap:8px}.brand{gap:8px}.brand strong{font-size:18px}.brand small{font-size:9px}.header-tools{gap:7px}.theme-toggle{width:39px;height:39px}.menu-toggle{padding:4px 10px}
  .section,.daily-verse,.closing-quote{width:92%;margin-top:38px;margin-bottom:38px}
  .hero{min-height:390px;padding:42px 6%}.hero h1{font-size:clamp(37px,10vw,48px)}
  .read-quran-tools{gap:12px}.reader-page-controls button{padding:8px 10px;white-space:nowrap}.reader-page-controls input{flex:1;max-width:none;min-height:42px}
  .reader-jump select,.reader-search input{min-height:44px}.reader-mode-btn{min-height:44px}.reading-preferences{gap:8px}.reading-preferences span{width:100%;margin:0}.reading-preferences button{flex:1}
  .mushaf-view{padding:8px}.verse-text-content{line-height:2.15;padding:15px 2px}
  .btn,button,select,input{touch-action:manipulation}
}
@media(max-width:390px){.brand-mark{width:36px;height:36px;font-size:24px;border-radius:12px}.brand strong{font-size:16px}.brand small{font-size:8px}.theme-toggle{width:36px;height:36px}.menu-toggle{font-size:20px;padding:3px 8px}.hero-actions .btn{font-size:12px;padding:11px 13px}.section-heading h2{font-size:23px}.reader-page-controls{gap:5px}.reader-page-controls button{font-size:11px;padding:7px}.verse-text-content{line-height:2.05}}

/* Readability, responsive logo and three global font sizes */
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:12px;flex-shrink:0}
.site-font-control{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.site-font-control select{max-width:90px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:5px}
html[data-site-font="small"] body{font-size:14px}
html[data-site-font="medium"] body{font-size:16px}
html[data-site-font="large"] body{font-size:18px}
html[data-theme="light"]{--bg:#f6f3eb;--bg2:#fffdf8;--panel:#fffdf8;--panel2:#eee8dc;--gold:#87652b;--gold2:#5b451f;--text:#29271f;--muted:#6e6a60;--line:rgba(126,99,48,.25);--green:#e1e8dc;--shadow:0 12px 35px rgba(70,56,30,.09)}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .topbar{background:rgba(255,253,248,.96)}
html[data-theme="light"] nav a{color:#48453e}
html[data-theme="light"] .hero{background:radial-gradient(ellipse at 82% 40%,#e3eadf 0,transparent 42%),linear-gradient(120deg,#f6f3eb,#fffdf8 58%,#e8eee4)}
html[data-theme="light"] .hero:after{opacity:.04}
html[data-theme="light"] .hero-content p,html[data-theme="light"] .section-heading p{color:#575348}
html[data-theme="light"] .btn-outline{color:#4c432f;border-color:#b8a477}
html[data-theme="light"] .radio-card{background:linear-gradient(120deg,#edf3eb,#fffdf8);color:#29271f}
html[data-theme="light"] .radio-content p{color:#625e54}
html[data-theme="light"] .reader-ayah{color:#29271f}
.radio-embed iframe{width:100%;height:420px;border:0;border-radius:14px;background:#fff}
@media(max-width:700px){.topbar{height:auto;min-height:70px;padding:10px 14px;gap:8px;flex-wrap:wrap}.brand-logo{width:40px;height:40px}.brand strong{font-size:18px}.site-font-control{font-size:11px}.site-font-control select{max-width:76px;padding:4px}.header-tools{display:flex;align-items:center;gap:8px}.hero{padding:48px 20px;min-height:390px}.section{padding-inline:16px}}

/* Final responsive usability refinements */
.brand-logo{display:block;width:clamp(34px,3.2vw,48px);height:clamp(34px,3.2vw,48px);max-width:48px;max-height:48px;object-fit:contain;flex:0 0 auto}
.brand{min-width:0}.brand span{min-width:0}
.reader-inline-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.reader-inline-nav .reader-jump{min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(127,127,127,.04)}
.reader-inline-nav label{display:block;font-size:13px;margin-bottom:7px;color:var(--gold2)}
.reader-inline-nav select,.reader-inline-nav input{max-width:100%;min-width:0}
.verse-text-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.verse-text-heading #readerPageLabel{margin-inline-end:auto;font-weight:700}
.verse-text-heading button{min-width:42px;min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--gold2);font-weight:700}
.verse-text-content{font-size:var(--reader-font-size,25px);color:var(--text);line-height:2.2}
.radio-player{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;margin:14px 0 6px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.12)}
.radio-player button{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:var(--gold);color:#10251b;font-size:20px;font-weight:800}
.radio-player input[type=range]{flex:1;min-width:0;accent-color:var(--gold);cursor:pointer}
.radio-player span{font-size:12px;color:var(--muted);white-space:nowrap}
.radio-waves{display:grid;place-items:center;font-size:46px;color:var(--gold2)}
.radio-symbol{font-size:25px}
.adhkar-card{background:#fffdf7!important;color:#29271f!important;border-color:#ded2b8!important}
.adhkar-card .dhikr-text{color:#29271f!important;font-family:'Amiri',serif;font-size:clamp(20px,2vw,25px);line-height:1.9}
.adhkar-card .dhikr-count{color:#5c503b!important;font-size:13px}
.adhkar-card .mini-count{font-size:16px;font-weight:800;min-width:112px;min-height:44px}
.adhkar-card .mini-count.completed{background:#1f5b3d!important;color:#fff!important}
#reciterSearch{width:100%;margin-bottom:12px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
html[data-theme="light"] #reciterSearch{background:#fff;color:#29271f}
html[data-theme="light"] .adhkar-card .dhikr-text{color:#29271f!important}
@media(max-width:700px){
 .brand-logo{width:38px;height:38px}
 .brand strong{font-size:16px}
 .brand small{font-size:9px}
 .reader-inline-nav{grid-template-columns:1fr}
 .radio-player{gap:8px;padding:10px}
 .radio-player button{width:42px;height:42px;flex-basis:42px}
 .adhkar-card .dhikr-foot{gap:10px;flex-wrap:wrap}
 .adhkar-card .mini-count{min-height:46px}
}