.adhkar-reader{--adhkar-top:#050416;--adhkar-indigo:#10072f;--adhkar-violet:#32118f;--adhkar-purple:#6738f5;--adhkar-purple-hi:#8050ff;--adhkar-ink:#f5f2ff;--adhkar-ink-soft:#d0c5f5;--adhkar-border:#ffffff1f;--adhkar-ease:cubic-bezier(.25, .46, .45, .94);--adhkar-gap:clamp(8px, 1.4vw, 18px);--color-ultraviolet-key:#ece2ff;isolation:isolate;width:calc(100% - (var(--adhkar-gap) * 2));max-width:1680px;margin-inline:auto;margin-bottom:var(--adhkar-gap);min-height:calc(100vh - var(--header-h,72px) - var(--adhkar-gap));min-height:calc(100dvh - var(--header-h,72px) - var(--adhkar-gap));color:var(--adhkar-ink);background-repeat:no-repeat;background-color:var(--adhkar-top);background-image: radial-gradient(130% 62% at 50% 116%, #8050ff80 0%, #8050ff38 38%, #8050ff00 72%),  linear-gradient(180deg, var(--adhkar-top) 0%, #060519 12%, #0b0624 30%, var(--adhkar-indigo) 42%, #1e0b58 54%, var(--adhkar-violet) 65%, #4b22cf 76%, var(--adhkar-purple) 88%, var(--adhkar-purple-hi) 100%);border:1px solid #ffffff14;border-radius:clamp(20px,2.6vw,40px);flex-direction:column;padding:clamp(18px,2.8vh,32px) clamp(16px,3vw,48px) 0;display:flex;position:relative;overflow:hidden}.adhkar-reader-head{text-align:center;flex:none;width:100%;max-width:62rem;margin-inline:auto;padding:0 0 clamp(10px,1.6vh,18px)}.adhkar-reader-title{letter-spacing:-.025em;color:var(--adhkar-ink);margin:0 0 8px;font-size:clamp(1.5rem,3.2vw,2.25rem);line-height:1.15}.adhkar-reader-sub{max-width:62ch;color:var(--adhkar-ink-soft);margin:0 auto;font-size:clamp(13px,1.05vw,15px);line-height:1.6}.adhkar-reader-rule{background:linear-gradient(90deg,#d8cdff1a 0%,#d8cdff42 14% 86%,#d8cdff1a 100%);flex:none;width:100%;max-width:62rem;height:1px;margin:0 auto clamp(6px,1.2vh,14px)}.adhkar-reader-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f5f2ff47 transparent;flex:1 1 0;min-height:0;padding:clamp(4px,1.2vh,16px) clamp(2px,.6vw,8px);overflow:hidden auto}@media (hover:hover) and (pointer:fine){.adhkar-reader-body::-webkit-scrollbar{width:6px}.adhkar-reader-body::-webkit-scrollbar-thumb{background:#f5f2ff3d;border-radius:9999px}}@media (hover:none),(pointer:coarse){.adhkar-reader-body{scrollbar-width:none}.adhkar-reader-body::-webkit-scrollbar{display:none}}.adhkar-reader-body:focus-visible{outline:2px solid var(--color-ultraviolet-key);outline-offset:-4px;border-radius:14px}.adhkar-reader[data-overflowing=true][data-at-end=false] .adhkar-reader-body{-webkit-mask-image:linear-gradient(#000 calc(100% - 30px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 30px),#0000 100%)}.adhkar-reader-canvas{flex-direction:column;justify-content:center;min-height:100%;display:flex}.adhkar-reader-dua{text-align:center;width:100%;max-width:62rem;transition:opacity .13s var(--adhkar-ease), transform .13s var(--adhkar-ease);flex-direction:column;align-items:center;margin-inline:auto;display:flex}.adhkar-reader-dua[data-phase=out]{opacity:0;transform:translateY(calc(var(--adhkar-shift,10px) * -.7))}.adhkar-reader-dua[data-phase=in]{animation:adhkar-dua-in .2s var(--adhkar-ease) both}@keyframes adhkar-dua-in{0%{opacity:0;transform:translateY(var(--adhkar-shift,10px))}to{opacity:1;transform:translateY(0)}}.adhkar-reader-dua-title{letter-spacing:-.01em;max-width:42ch;color:var(--adhkar-ink);text-wrap:pretty;margin:0 0 clamp(10px,1.6vh,16px);font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:600;line-height:1.35}.adhkar-reader-repeat{border:1px solid var(--adhkar-border);background:#ffffff0f;border-radius:9999px;align-items:baseline;gap:8px;margin:0 0 clamp(10px,1.8vh,18px);padding:4px 12px;display:inline-flex}.adhkar-reader-repeat-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--adhkar-ink-soft);font-size:9.5px}.adhkar-reader-repeat-value{font-family:var(--font-mono);color:var(--adhkar-ink);white-space:nowrap;font-size:11px}.adhkar-reader-arabic{font-family:var(--font-arabic,"Amiri", "Traditional Arabic", serif);letter-spacing:0;color:#f7f4ff;text-align:center;overflow-wrap:break-word;hyphens:none;text-wrap:pretty;direction:rtl;margin:0 0 clamp(12px,1.8vh,20px);padding:0 2px;font-size:clamp(1.4rem,3.3vw,2.15rem);font-weight:400;line-height:2.05}.adhkar-reader-translit{max-width:60ch;font-family:var(--font-sans), var(--font-arabic);color:var(--adhkar-ink-soft);margin:0 auto clamp(12px,1.8vh,18px);font-size:clamp(.8rem,1.15vw,.9rem);font-style:italic;line-height:1.75}.adhkar-reader-translation{max-width:58ch;font-family:var(--font-sans), var(--font-arabic);color:var(--adhkar-ink);margin:0 auto clamp(12px,1.8vh,18px);padding-top:clamp(12px,1.8vh,18px);font-size:clamp(.9rem,1.25vw,1rem);line-height:1.8;position:relative}.adhkar-reader-translation:before{content:"";background:#ffffff24;height:1px;position:absolute;inset:0 0 auto}.adhkar-reader-virtue{max-width:58ch;margin:0 auto clamp(12px,1.8vh,18px)}.adhkar-reader-virtue-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--adhkar-ink-soft);margin-bottom:6px;font-size:9.5px;display:block}.adhkar-reader-virtue p{font-family:var(--font-sans), var(--font-arabic);color:var(--adhkar-ink-soft);margin:0;font-size:clamp(.82rem,1.1vw,.9rem);line-height:1.75}.adhkar-reader-source{max-width:58ch;font-family:var(--font-mono);letter-spacing:.02em;color:#d0c5f5e6;margin:0 auto;font-size:clamp(9.5px,.85vw,11px);line-height:1.6}.adhkar-reader-foot{width:100%;max-width:62rem;padding:clamp(14px, 2vh, 22px) 0 calc(clamp(14px, 2vh, 22px) + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff1f;flex-direction:column;flex:none;gap:clamp(10px,1.5vh,16px);margin-inline:auto;display:flex}.adhkar-reader-progress{align-items:center;gap:14px;width:100%;display:flex}.adhkar-reader-track{background:#ffffff38;border-radius:9999px;flex:auto;height:5px;position:relative;box-shadow:inset 0 1px 2px #05041659}.adhkar-reader-fill{min-width:5px;height:100%;transition:width .24s var(--adhkar-ease);background:linear-gradient(90deg,#b98cff 0%,#efe7ff 100%);border-radius:9999px;box-shadow:0 0 12px #b88cff8c,0 0 24px #8050ff4d}.adhkar-reader-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#ffffffeb;white-space:nowrap;flex:none;font-size:11.5px}.adhkar-reader-count-sep{color:#ffffff80;padding:0 4px}.adhkar-reader-nav{justify-content:center;align-items:center;gap:10px;display:flex}.adhkar-reader-btn{min-height:44px;font-family:var(--font-sans);cursor:pointer;transition:background .16s var(--adhkar-ease), border-color .16s var(--adhkar-ease), color .16s var(--adhkar-ease), transform .16s var(--adhkar-ease), box-shadow .16s var(--adhkar-ease);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.adhkar-reader-btn:disabled{opacity:.42;cursor:not-allowed}.adhkar-reader-btn--primary{background:var(--adhkar-ink);color:#10072f;box-shadow:0 8px 24px #05041659,inset 0 1px #fff}.adhkar-reader-btn--primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.adhkar-reader-btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 14px #05041666,inset 0 1px #fff}.adhkar-reader-btn--ghost{color:var(--adhkar-ink);background:#ffffff1a;border-color:#fff3}.adhkar-reader-btn--ghost:hover:not(:disabled){background:#ffffff2b;border-color:#ffffff4d}.adhkar-reader-btn-arrow{transition:transform .16s var(--adhkar-ease)}.adhkar-reader-btn--primary:hover:not(:disabled) .adhkar-reader-btn-arrow{transform:translate(2px)}.adhkar-reader-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){.adhkar-reader{border-radius:clamp(18px,5vw,30px);padding-inline:clamp(16px,5vw,26px)}.adhkar-reader-title{font-size:clamp(1.35rem,5.6vw,1.8rem)}.adhkar-reader-sub{font-size:13px}.adhkar-reader-arabic{font-size:clamp(1.35rem,6.2vw,1.85rem);line-height:2}.adhkar-reader-translation{font-size:.95rem}.adhkar-reader-btn{min-height:46px;padding:0 20px}}@media (height<=720px){.adhkar-reader{padding-top:clamp(12px,2vh,18px)}.adhkar-reader-sub{display:none}.adhkar-reader-head{padding-bottom:8px}.adhkar-reader-title{margin:0 0 6px}.adhkar-reader-rule{margin-bottom:6px}.adhkar-reader-arabic{margin-bottom:10px}.adhkar-reader-foot{padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));gap:8px}}@media (height<=520px){.adhkar-reader{border-radius:20px}.adhkar-reader-title{margin-bottom:0;font-size:1.2rem}.adhkar-reader-dua-title{margin-bottom:8px}.adhkar-reader-arabic{font-size:clamp(1.2rem,4.4vw,1.6rem);line-height:1.95}.adhkar-reader-foot{flex-direction:row;justify-content:space-between;align-items:center}.adhkar-reader-progress{flex:auto}.adhkar-reader-nav{flex:none}}@media (hover:none) and (pointer:coarse){.adhkar-reader-btn--primary:hover:not(:disabled),.adhkar-reader-btn--primary:hover:not(:disabled) .adhkar-reader-btn-arrow{transform:none}}@media (prefers-reduced-motion:reduce){.adhkar-reader-dua,.adhkar-reader-dua[data-phase=out],.adhkar-reader-dua[data-phase=in]{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.adhkar-reader-fill{transition:none!important}.adhkar-reader-body{scroll-behavior:auto!important}}
