[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.js-only{display:none}.is-enhanced .js-only{display:flex}.header{height:92px}.basics-home{max-width:1060px}.mini-hero{text-align:center;padding:52px 0 32px}.mini-hero .eyebrow,.tool-page-head .eyebrow{justify-content:center}.mini-hero h1{font:400 clamp(40px,5.5vw,65px)/1.5 Amiri,serif;margin:12px 0 0;color:var(--paper)}.mini-intro{color:var(--muted);font-size:14px;margin:5px auto 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-card{position:relative;overflow:hidden;border:1px solid #d9ba8136;border-radius:25px;padding:28px 32px;display:block;transition:transform .25s,border-color .25s,background .25s;background:linear-gradient(145deg,#34414a,#172733)}.tool-card:before{content:'';position:absolute;inset-inline-end:-40px;top:-90px;width:260px;height:260px;border:1px solid #e9cb9733;border-radius:50%;pointer-events:none}.tool-card:after{content:'';position:absolute;inset-inline-end:-12px;top:-60px;width:200px;height:200px;border:1px solid #e9cb9718;border-radius:50%;pointer-events:none}.tool-card.morning{background:radial-gradient(ellipse at 95% 0,#b4864b3c,transparent 75%),linear-gradient(135deg,#3b3b3a,#252e34)}.tool-card.evening{background:radial-gradient(ellipse at 95% 0,#4c6f9738,transparent 75%),linear-gradient(135deg,#243a50,#172733)}.tool-card:hover{color:var(--paper);transform:translateY(-4px);border-color:#d9ba8177}.tool-top{display:flex;justify-content:space-between;align-items:center}.tool-symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;background:#d9ba810d;color:var(--gold);flex-shrink:0}.tool-symbol svg{width:33px;height:33px}.tool-card .tool-symbol svg{animation:accent-float 7s ease-in-out infinite}.tool-card.evening .tool-symbol svg{animation-delay:-3s}.tool-number{font:12px system-ui,sans-serif;color:#d9ba8190;letter-spacing:.12em}.tool-card h2{font-size:25px;font-weight:500;margin:22px 0 3px}.tool-card p{color:#b3beb9;font-size:12px;margin:0}.tool-start{display:flex;align-items:center;justify-content:space-between;margin-top:25px;color:var(--gold);font-size:12px}.forward-arrow,.back-arrow{width:18px;height:18px;flex-shrink:0}html[dir=rtl] :is(.forward-arrow,.back-arrow){transform:scaleX(-1)}.local-note{color:#a0b0aa;font-size:11px;line-height:1.9;text-align:center;margin:20px auto}.app-teaser{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin:72px 0 35px;border-top:1px solid var(--line);padding-top:40px}.app-teaser h2{font:400 35px/1.5 Amiri,serif;margin:12px 0}.app-teaser p:not(.eyebrow){max-width:350px;color:var(--muted);font-size:12px}.teaser-art{direction:ltr;overflow:hidden;max-width:400px;justify-self:center}.teaser-art .scene{max-height:380px;width:100%;margin:0}.app-teaser .store{min-width:145px}.tool-page{max-width:780px}.tool-page-head{position:relative;text-align:center;margin:30px 0 24px}.tool-page-head .back-home{display:flex;width:max-content;margin-bottom:22px}.tool-page-head .back-home .back-arrow{transform:none}html[dir=rtl] .tool-page-head .back-home .back-arrow{transform:scaleX(-1)}.tool-page-head h1{font:400 47px/1.45 Amiri,serif;margin:8px 0}.tool-page-head>p:last-child{color:var(--muted);font-size:12px;margin:0}.reader{max-width:690px;margin:0 auto}.reader-toolbar{justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:11px}.reader-toolbar button,.text-button{font:inherit;color:var(--gold);background:none;border:none;padding:10px 0;cursor:pointer}.reader progress{width:100%;height:3px;border:0;border-radius:5px;margin:12px 0 20px;accent-color:var(--gold);background:#ffffff0d;display:block}.reader progress::-webkit-progress-bar{background:#ffffff0d;border-radius:5px}.reader progress::-webkit-progress-value{background:var(--gold);border-radius:5px}.reader progress::-moz-progress-bar{background:var(--gold)}.reader-list{display:block!important;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;padding:10px 16px;color:var(--muted);font-size:12px}.reader-list summary{cursor:pointer}.reader-list ol{list-style:none;padding:10px 0 0;margin:0}.reader-list li+li{border-top:1px solid #d9ba8115}.reader-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:start;padding:10px 3px;border:0;background:none;cursor:pointer;color:var(--paper);font-size:12px}.reader-list button[aria-current=step]{color:var(--gold)}.dhikr-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.dhikr-heading h2{font-size:17px;font-weight:500;margin:0}.dhikr-heading>span{font-size:10px;color:var(--muted);white-space:nowrap}.dhikr-tap{width:100%;text-align:center;padding:30px 28px 23px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at top,#d9ba810c,transparent 80%),#14232e;border:1px solid #d9ba812b;border-radius:24px;cursor:pointer;touch-action:manipulation;transition:border-color .2s,background .2s;min-height:280px}.dhikr-tap:hover{border-color:#d9ba8155}.dhikr-tap:active{background-color:#1d2d37}.dhikr-ornament{color:var(--gold);font-size:14px;opacity:.7;margin-bottom:21px}.dhikr-text{font:400 clamp(25px,3.2vw,34px)/2 Amiri,serif;display:block;max-width:100%;overflow-wrap:break-word;white-space:pre-line}.dhikr-count{display:block;color:var(--gold);font:300 54px/1.3 system-ui,sans-serif;margin-top:24px;font-variant-numeric:tabular-nums}.count-hint{color:var(--muted);font-size:10px;margin-top:4px}.is-complete .dhikr-tap{border-color:#b9c5a66b}.is-complete .dhikr-count{color:#b9c5a6}.dhikr-tap[aria-disabled=true]{cursor:default}.dhikr-source{padding:17px 4px 12px;font-size:11px;color:var(--muted);margin-bottom:12px}.dhikr-source summary{cursor:pointer;color:var(--gold)}.dhikr-source dl{margin:18px 0 12px}.dhikr-source dl>div{display:flex;justify-content:space-between;gap:20px;padding-block:6px}.dhikr-source dt{font-size:10px;flex-shrink:0}.dhikr-source dd{margin:0;color:#c8d0c5}.dhikr-source a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.source-note{font-size:10px;line-height:2}.reader-navigation{justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.control-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:12px;border:1px solid #d9ba8155;border-radius:13px;background:#d9ba8107;color:var(--paper);padding:12px 20px;min-height:46px;cursor:pointer;transition:background .2s,transform .2s}.control-button:hover{background:#d9ba811a}.control-button:active{transform:scale(.98)}.control-button.primary{background:var(--gold);border-color:var(--gold);color:#17232b}.control-button.primary:hover{background:#e6c994}.control-button:disabled,.undo-button:disabled{opacity:.35;cursor:default}.undo-button{font:inherit;font-size:11px;border:none;background:none;color:var(--muted);padding:12px;cursor:pointer}.other-collection{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--gold);font-size:12px;width:max-content;max-width:100%;margin:30px auto 48px}.inline-note,.complete-note{font-size:12px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.complete-note{color:#cfdbbc;border-color:#b9c5a65c}.dhikr-entry:not([hidden]){animation:arrive .35s var(--ease) both}html[lang=en] .mini-hero h1,html[lang=en] .tool-page-head h1,html[lang=en] .app-teaser h2{font-family:Georgia,serif;line-height:1.3;letter-spacing:-.035em} @keyframes accent-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} @media(max-width:720px){.header{height:83px}.mini-hero{padding:29px 0 25px}.mini-hero h1{font-size:42px;margin:7px 0}.mini-intro{font-size:11px;max-width:280px}.tool-grid{gap:12px}.tool-card{padding:18px;border-radius:20px}.tool-symbol{width:40px;height:40px;border-radius:13px}.tool-symbol svg{width:28px;height:28px}.tool-card h2{font-size:19px;line-height:1.7;margin-top:17px}.tool-card p{font-size:10px}.tool-number{font-size:10px}.tool-start{font-size:10px;margin-top:20px;gap:8px}.local-note{font-size:10px;margin-block:15px}.app-teaser{grid-template-columns:1fr;gap:0;text-align:center;margin-top:45px;padding-top:30px}.app-teaser .eyebrow{justify-content:center}.app-teaser-copy>p{margin-inline:auto}.app-teaser h2{font-size:28px}.app-teaser .stores{justify-content:center;margin-top:22px}.teaser-art{max-width:290px;margin-bottom:-30px}.teaser-art .scene{max-height:290px}.tool-page-head{margin-top:23px}.tool-page-head .back-home{margin-bottom:19px}.tool-page-head h1{font-size:39px}.tool-page-head>p:last-child{font-size:11px}.dhikr-heading h2{font-size:15px}.dhikr-tap{padding:24px 19px 21px;border-radius:21px}.dhikr-text{font-size:27px;line-height:2.05}.dhikr-count{font-size:48px;margin-top:21px}.dhikr-source dl>div{flex-wrap:wrap;gap:3px 18px}.dhikr-source dd{font-size:11px}.reader-navigation{gap:8px}.control-button{font-size:11px;padding:11px 15px}} @media(max-width:420px){.tool-grid{grid-template-columns:1fr}.tool-card{padding:18px 22px}.tool-card .tool-top{position:absolute;inset-inline-end:22px;top:22px}.tool-top .tool-number{display:none}.tool-card h2{margin-top:0;padding-inline-end:50px;font-size:22px}.tool-card p{padding-inline-end:42px}.tool-start{margin-top:18px;font-size:11px}.tool-card:before{top:-120px}.tool-card:after{top:-110px}.mini-hero{padding-top:23px}} html[data-motion=off] .dhikr-entry{animation:none!important} html:not(.is-enhanced) .js-only{display:none!important} .dhikr-source dd[lang=ar],.source-note[lang=ar]{font-family:NotoArabic,system-ui,sans-serif} .quran-credit{font-size:10px;color:var(--muted);margin:14px 4px 0;line-height:2}.quran-credit a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.completion-card{padding:40px 24px;text-align:center;background:radial-gradient(ellipse at top,#d9ba8115,transparent),#14232e;border:1px solid #d9ba8144;border-radius:24px;margin:12px 0 25px}.completion-card>span{display:grid;place-items:center;margin:0 auto 20px;width:60px;height:60px;border-radius:50%;border:1px solid #d9ba8177;color:var(--gold);font-size:28px}.completion-card h2{font-weight:500;font-size:23px;line-height:1.9;margin:0 auto;max-width:430px}.completion-card p{color:var(--muted);font-size:12px;margin:12px 0 25px}.dhikr-heading h2,.completion-card h2{scroll-margin-top:20px}.completion-card{animation:arrive .35s var(--ease) both}html[data-motion=off] .completion-card{animation:none!important} .source-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:12px}.dhikr-source .source-note{border-inline-start:1px solid var(--line);padding-inline-start:12px}