:root{--bg:#f7f5ef;--surface:#fffefa;--ink:#1f3830;--muted:#767c6e;--green:#174e43;--green-hover:#0d3b32;--soft:#eaece2;--gold:#a68a53;--line:#dedfd3;--reader-size:29px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:15px;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}button,select{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a,button{touch-action:manipulation}svg{display:block}.container{width:min(1180px,calc(100% - 100px));margin-inline:auto}.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:105px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:35px;height:44px;fill:none;stroke:var(--green);stroke-width:1.5}.brand>span{font-family:'Noto Naskh Arabic',serif;font-size:40px;font-weight:600;line-height:1.05}.brand small{display:block;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:10px;letter-spacing:.2px;font-weight:400;color:var(--muted);margin-top:6px}.main-nav{display:flex;align-items:center;gap:36px;font-size:14px}.main-nav a{position:relative;padding:36px 0}.main-nav a:hover,.main-nav .active{color:var(--green)}.main-nav .active:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--green);position:absolute;bottom:24px;right:50%}.icon-button{background:transparent;border:1px solid var(--line);height:38px;width:38px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:var(--soft)}.icon-button svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-toggle{height:40px;width:40px;border-color:transparent}.hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;min-height:664px;position:relative;gap:45px;padding-block:35px}.hero-copy{padding:0 0 25px}.eyebrow{font-size:12px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:10px;letter-spacing:.3px}.tiny-star{font-size:25px;color:var(--gold)}h1,h2,h3,p{margin:0}h1,h2,h3,blockquote,.quran-text,.dhikr-text{font-family:'Noto Naskh Arabic',Georgia,serif}h1{font-size:77px;line-height:1.35;font-weight:500;letter-spacing:-2px;margin:20px 0 14px}h1 span{color:var(--green);position:relative}h1 span:after{content:'';position:absolute;right:0;bottom:4px;left:0;height:6px;background:#d9c9a5;z-index:-1;border-radius:50%}h1 span{isolation:isolate}.hero-description{font-size:16px;color:var(--muted);line-height:2.05}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:28px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;padding:12px 23px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-hover);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:500}.text-link:hover{color:var(--gold)}.hero-footnote{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px;margin-top:34px}.small-line{height:1px;width:32px;background:var(--gold)}.hero-art{position:relative;text-align:center;padding:0 9px}.hero-art img{width:100%;height:auto;max-height:580px;object-fit:contain}.art-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:var(--muted);margin-top:-10px;letter-spacing:1.5px}.art-label span{color:var(--gold);font-size:15px}.vertical-note{position:absolute;left:-31px;top:45%;writing-mode:vertical-rl;font-size:9px;color:var(--muted);letter-spacing:2px}.daily-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:20px;font-size:12px}.daily-strip>div{display:flex;align-items:center;gap:10px}.date-star{color:var(--gold);font-size:21px}.daily-strip p{color:var(--muted)}.daily-strip>a{font-size:11px;display:flex;gap:23px}.section{padding-block:85px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:24px}h2{font-size:43px;font-weight:500;line-height:1.45;margin-top:9px}h2 em,.closing em{font-style:normal;color:var(--green)}.section-heading>.text-link{padding-bottom:10px}.quran-layout{display:grid;grid-template-columns:285px 1fr;gap:27px}.surah-library{padding-top:8px}.library-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:9px}.library-heading>span{color:var(--muted);font-size:10px}.surah-row{width:100%;border:1px solid transparent;border-radius:5px;display:flex;align-items:center;text-align:right;background:transparent;gap:15px;padding:13px 14px;margin-block:5px;transition:background .2s}.surah-row:hover{background:var(--soft)}.surah-row[aria-pressed=true]{background:#e7ece3;border-color:#d8dfd1}.surah-number{width:31px;height:34px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);border:1px solid #d0d8c9;transform:rotate(45deg);border-radius:7px}.surah-number span{transform:rotate(-45deg)}.surah-info{display:flex;flex-direction:column;flex:1}.surah-info strong{font-family:'Noto Naskh Arabic',serif;font-size:21px;font-weight:500;line-height:1.4}.surah-info small{font-size:10px;color:var(--muted)}.surah-arrow{color:#829680}.library-note{color:var(--muted);font-size:11px;margin-top:18px;text-align:center}.library-note span{color:var(--gold);font-size:17px;vertical-align:middle;margin-left:5px}.reader{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:25px 30px;min-height:414px;display:flex;flex-direction:column;box-shadow:0 8px 30px #203f2910}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.reader-kicker{font-size:9px;color:var(--gold);letter-spacing:1px}h3{font-size:24px;font-weight:500;line-height:1.5}.reader-tools{display:flex;gap:7px}.font-control{font-family:'Noto Naskh Arabic',serif;font-size:17px}.reader-tools .icon-button[aria-pressed=true]{background:var(--soft);color:var(--green)}.reader-tools .icon-button[aria-pressed=true] svg{fill:var(--green)}.quran-text{font-size:var(--reader-size);line-height:2.25;text-align:center;flex:1;padding:27px 2px 29px;word-spacing:2px}.verse-marker{display:inline-flex;font-family:'Noto Naskh Arabic',serif;align-items:center;justify-content:center;font-size:.59em;width:1.7em;height:1.7em;border:1px solid #b5a883;vertical-align:middle;border-radius:50%;color:#8f805a;margin-inline:6px;line-height:1.6;word-spacing:normal}.bismillah{display:block;font-size:23px;color:var(--muted);margin-bottom:16px}.reader-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;gap:10px;font-size:10px}.reader-bottom a:hover{text-decoration:underline}.plain-button{background:transparent;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--muted)}.plain-button:hover{color:var(--green)}.plain-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.reflection{background:var(--green);color:#f4f0df;overflow:hidden}.reflection-inner{text-align:center;position:relative;padding-block:43px 41px}.reflection-caption{font-size:11px;color:#c3d1bf;letter-spacing:.5px}.reflection blockquote{font-size:40px;line-height:1.9;margin:12px 0 4px;font-weight:400}.reflection a{font-size:10px;color:#c3d1bf}.reflection a:hover{text-decoration:underline}.reflection-star,.reflection-flower{position:absolute;color:#d2d9be16;line-height:1;font-size:220px;top:15px;right:-80px}.reflection-flower{right:auto;left:-70px;top:40px;font-size:180px}.section-intro{color:var(--muted);font-size:12px;padding-bottom:7px}.adhkar-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.tabs{display:flex;gap:5px}.tabs button{display:inline-flex;gap:9px;align-items:center;border:0;border-radius:5px;background:transparent;padding:10px 21px;color:var(--muted);font-size:14px}.tabs button[aria-selected=true]{background:var(--green);color:white}.tabs button:hover{background:var(--soft);color:var(--ink)}.tabs button[aria-selected=true]:hover{background:var(--green-hover);color:white}.progress-label{font-size:11px;color:var(--muted)}.progress-track{height:2px;background:var(--line);margin-top:20px}.progress-track>div{height:100%;background:var(--green);width:0;transition:width .3s}.dhikr-list{display:flex;flex-direction:column}.dhikr-card{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:160px 1fr 100px;gap:28px;align-items:center}.dhikr-meta h3{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:12px;font-weight:500;margin-bottom:7px}.dhikr-meta a{font-size:10px;color:var(--muted)}.dhikr-meta a:hover{text-decoration:underline}.dhikr-text{font-size:25px;line-height:1.95}.dhikr-check{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:86px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px 6px;color:var(--green)}.dhikr-check strong{font-size:19px;font-weight:500;line-height:1.5}.dhikr-check span{font-size:9px;color:var(--muted)}.dhikr-check.done{background:var(--soft);border-color:#c6d1bd}.dhikr-check:hover{border-color:var(--green)}.dhikr-reset{font-size:10px;margin-top:4px}.dhikr-actions{display:flex;align-items:center;flex-direction:column;gap:5px}.local-note{color:var(--muted);font-size:10px;margin-top:17px}.tasbih-section{background:var(--soft);position:relative;border-block:1px solid var(--line);padding-block:70px}.tasbih-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.tasbih-copy h2{font-size:49px;margin:14px 0}.tasbih-copy>p{color:var(--muted);font-size:14px;line-height:2}.select-label{display:block;font-size:10px;color:var(--muted);margin-top:25px;margin-bottom:7px}select{appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23576d5c'%3E%3Cpath d='m5 7 4 4 4-4'/%3E%3C/svg%3E") left 13px center/18px no-repeat;border:1px solid #cfd6c8;border-radius:5px;padding:9px 15px 9px 35px;font-size:13px;min-height:42px}.tasbih-copy>select{width:min(310px,100%)}.tasbih-copy .tasbih-hint{font-size:10px;margin-top:13px}.tasbih-widget{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px 32px 18px;box-shadow:0 10px 35px #203f2907;text-align:center;max-width:420px;width:100%;margin-inline:auto}.counter-heading{display:flex;justify-content:space-between;align-items:center;font-size:15px}.counter-tag{font-size:9px;color:var(--muted);background:var(--bg);padding:3px 9px;border-radius:4px}.tasbih-counter{position:relative;border:0;border-radius:50%;width:260px;height:260px;max-width:100%;margin:21px auto 17px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);user-select:none;transition:transform .13s}.tasbih-counter:active{transform:scale(.97)}.counter-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.counter-ring circle{fill:none;stroke-width:2}.counter-ring .ring-track{stroke:var(--soft)}#counter-progress{stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-dasharray:804.25;stroke-dashoffset:804.25;transition:stroke-dashoffset .25s}.count-number{font-family:'Noto Naskh Arabic',serif;font-size:85px;line-height:1.2;margin-top:8px}.count-caption{font-size:11px;color:var(--muted);margin-top:6px}.counter-add{position:absolute;font-size:24px;line-height:1.2;bottom:20px;font-weight:400;color:var(--gold)}.counter-settings{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:10px}.counter-settings label{display:flex;gap:9px;align-items:center;color:var(--muted)}.counter-settings select{font-size:11px;min-height:32px;padding-block:2px;padding-right:8px;padding-left:26px;background-position:left 5px center;min-width:62px}.goal-note{font-size:9px;color:var(--muted);margin-top:12px}.closing{padding-block:57px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing>span{color:var(--gold);font-size:30px}.closing p{font-family:'Noto Naskh Arabic',serif;font-size:29px;flex:1}.closing .text-link{font-size:11px}.site-footer{background:#eeeee6;border-top:1px solid var(--line);padding-block:36px 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:30px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top nav{display:flex;gap:25px;font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}details{max-width:520px}summary{cursor:pointer;text-align:left}details>div{padding:15px 0;line-height:2}details a{text-decoration:underline}details .plain-button{margin-top:8px;text-decoration:underline}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--green);color:#fff;border:1px solid #ffffff30;padding:12px 25px;border-radius:6px;box-shadow:0 7px 22px #0002;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90%;font-size:13px;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:absolute;right:20px;top:-80px;background:var(--green);color:#fff;z-index:100;padding:10px 20px}.skip-link:focus{top:10px}.loading{padding:30px;color:var(--muted);font-size:12px}.error-message{font-size:14px;font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--muted)}body.dark{--bg:#15251f;--surface:#1b3027;--ink:#eeeede;--muted:#acb7a6;--green:#a2c5a2;--green-hover:#c1d7b8;--soft:#20382c;--gold:#c9b080;--line:#34473a;color-scheme:dark}body.dark .primary,body.dark .tabs button[aria-selected=true]{color:#14251c}body.dark .reflection{background:#0e2119}body.dark .surah-row[aria-pressed=true]{background:#2c4433;border-color:#52634c}body.dark .site-footer{background:#102018}body.dark .hero-art{filter:brightness(.8)}body.dark .dhikr-check.done{border-color:#506448}body.dark .toast{color:#14251c}body.dark select{border-color:var(--line)}
@media(min-width:1500px){.hero{min-height:710px}.hero-art img{max-height:620px}h1{font-size:86px}}@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero{gap:20px;min-height:590px}h1{font-size:63px}.hero-description{font-size:14px}.main-nav{gap:23px}.quran-layout{grid-template-columns:235px 1fr;gap:20px}.reader{padding:22px}.dhikr-card{grid-template-columns:135px 1fr 90px;gap:20px}.dhikr-text{font-size:23px}.tasbih-layout{gap:50px}.tasbih-widget{padding-inline:23px}.section{padding-block:65px}.hero-actions{gap:20px}.button{padding-inline:18px}.hero .text-link{font-size:12px}}
@media(max-width:760px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.header-inner{min-height:80px;flex-wrap:wrap;padding-top:14px}.brand>span{font-size:33px}.brand-mark{width:28px;height:37px}.brand small{font-size:8px}.main-nav{order:3;width:100%;justify-content:center;gap:28px;font-size:12px}.main-nav a{padding:18px 0 16px}.main-nav .active:after{bottom:9px;width:3px;height:3px}.theme-toggle{margin-right:auto}.hero{grid-template-columns:1fr 1fr;gap:12px;min-height:490px;padding-block:30px}.hero-copy{padding-bottom:0}h1{font-size:48px;margin:15px 0 12px;letter-spacing:-1px}.eyebrow{font-size:10px;gap:6px}.hero-description{font-size:12px}.hero-description br{display:none}.hero-actions{flex-wrap:wrap;gap:15px;margin-top:20px}.button{font-size:12px;padding:10px 14px;gap:18px}.hero-footnote{font-size:9px;margin-top:24px;gap:6px}.small-line{width:18px}.hero-art{padding:0;align-self:center}.art-label{font-size:8px;letter-spacing:0;margin-top:0}.vertical-note{display:none}.daily-strip{padding-block:14px;font-size:10px;gap:10px}.daily-strip p{display:none}.daily-strip>a{font-size:10px;gap:12px}.date-star{font-size:16px}.section{padding-block:48px}.section-heading{gap:15px;margin-bottom:24px}h2{font-size:33px;margin-top:7px}.section-heading>.text-link{font-size:10px;gap:8px;padding-bottom:6px}.quran-layout{grid-template-columns:1fr}.surah-library{padding-top:0}.surah-list{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:10px}.library-heading{padding-bottom:10px;margin-bottom:9px}.surah-row{flex:1;min-width:105px;display:flex;flex-direction:column;gap:8px;align-items:center;padding:13px 8px;margin:0}.surah-info{align-items:center}.surah-info strong{font-size:19px}.surah-info small{font-size:9px}.surah-number{width:25px;height:27px;font-size:9px}.surah-arrow,.library-note{display:none}.reader{min-height:330px;padding:22px}.quran-text{font-size:calc(var(--reader-size) - 2px);line-height:2.25;padding:24px 0}.reader-tools{gap:5px}.reader-tools .icon-button{width:34px;height:34px}.reader-bottom{font-size:9px}.reader-bottom .plain-button{font-size:10px}.reflection-inner{padding-block:32px}.reflection blockquote{font-size:30px}.reflection-star{font-size:140px;right:-55px}.reflection-flower{font-size:130px;left:-45px}.section-intro{font-size:10px;max-width:160px}.adhkar-section .section-heading{align-items:flex-start}.tabs{gap:3px}.tabs button{padding:8px 12px;font-size:12px;gap:6px}.progress-label{font-size:9px}.dhikr-card{grid-template-columns:1fr 82px;gap:14px;padding-block:22px}.dhikr-meta{grid-column:1 / -1;display:flex;align-items:center;gap:14px}.dhikr-meta h3{margin-bottom:0}.dhikr-text{font-size:23px}.dhikr-check{min-width:76px;padding-block:9px}.dhikr-check strong{font-size:18px}.tasbih-section{padding-block:45px}.tasbih-layout{gap:30px}.tasbih-copy h2{font-size:37px}.tasbih-copy>p{font-size:12px}.tasbih-widget{padding:20px 15px 15px}.tasbih-counter{width:205px;height:205px}.count-number{font-size:68px}.counter-heading{font-size:12px}.counter-settings{gap:12px;flex-wrap:wrap}.counter-settings label{font-size:9px;gap:6px}.counter-settings .plain-button{font-size:9px}.tasbih-copy .tasbih-hint{font-size:9px}.closing{padding-block:37px;gap:15px}.closing p{font-size:23px}.closing .text-link{font-size:9px}.footer-top{gap:20px;flex-wrap:wrap}.footer-top p{font-size:10px}.footer-top nav{width:100%;justify-content:center;font-size:10px}.footer-bottom{font-size:9px}.footer-bottom>span{max-width:140px}details{max-width:60%}}
@media(max-width:480px){.hero{grid-template-columns:1fr;gap:20px;padding-block:30px 22px}.hero-copy{position:relative;text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-footnote{justify-content:center}h1{font-size:57px;line-height:1.28;margin:12px 0 15px}.hero-description{font-size:13px;max-width:310px;margin:auto}.hero-art{width:78%;max-width:310px;margin-inline:auto;margin-top:-10px}.hero-art img{max-height:310px}.art-label{margin-top:-7px}.hero-footnote{margin-top:20px}.main-nav{gap:26px}.daily-strip>a{gap:6px}.daily-strip{font-size:9px}.daily-strip>div{gap:6px}.section-heading{align-items:center}h2{font-size:30px}.section-heading>.text-link{font-size:9px;gap:5px;white-space:nowrap}.reader{padding:18px 16px}.reader-tools .icon-button{width:32px;height:32px}.reader-toolbar{gap:10px}.reader-kicker{font-size:8px}h3{font-size:22px}.quran-text{font-size:calc(var(--reader-size) - 3px);word-spacing:0;padding-block:23px}.verse-marker{margin-inline:3px}.reflection blockquote{font-size:27px;margin-inline:0;line-height:1.8}.reflection-caption{font-size:10px}.reflection a{font-size:9px}.reflection-star,.reflection-flower{opacity:.5}.section-intro{display:none}.adhkar-top{align-items:flex-start;flex-wrap:wrap;gap:12px}.tabs{width:100%;justify-content:space-between}.tabs button{font-size:12px;padding:9px 12px}.progress-label{margin-right:auto}.progress-track{margin-top:10px}.dhikr-card{grid-template-columns:1fr 72px;gap:12px}.dhikr-text{font-size:22px}.dhikr-meta{gap:12px;flex-wrap:wrap}.dhikr-meta a{font-size:9px}.dhikr-check{min-width:68px}.dhikr-check span{font-size:8px}.tasbih-layout{grid-template-columns:1fr;gap:28px}.tasbih-copy{text-align:center}.tasbih-copy>.eyebrow{justify-content:center}.tasbih-copy h2{font-size:43px}.tasbih-copy h2 br{display:none}.tasbih-copy>p{font-size:13px}.tasbih-copy>p br{display:none}.select-label{margin-top:17px}.tasbih-copy>select{width:100%;max-width:290px}.tasbih-widget{max-width:330px;padding:23px}.tasbih-counter{width:235px;height:235px}.counter-heading{font-size:15px}.count-number{font-size:78px}.counter-settings .plain-button{font-size:10px}.closing{flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}.closing>span{font-size:24px}.closing p{font-size:24px;flex:initial}.closing .text-link{width:100%;justify-content:center;margin-top:2px}.footer-top{justify-content:center;text-align:center}.footer-top .brand{width:100%;justify-content:center}.footer-top p{font-size:11px}.footer-top nav{gap:30px}.footer-bottom{font-size:9px}.footer-bottom>span{max-width:47%}.toast{font-size:12px;width:max-content}.local-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
[hidden]{display:none!important}body:not(.dark){--muted:#62695e;--gold:#826a3c}
.quran-layout>*{min-width:0}