:root{color-scheme:dark;--bg0: #070a0d;--bg1: #0a0f14;--text0: rgba(255, 255, 255, .88);--text1: rgba(255, 255, 255, .72);--text2: rgba(255, 255, 255, .56);--line: rgba(255, 255, 255, .07);--focus: rgba(255, 255, 255, .18);--surface: rgba(190, 205, 255, .06);--border: rgba(255, 255, 255, .07);--overlayBackdrop: rgba(0, 0, 0, .44);--glowA: rgba(190, 205, 255, .06);--glowB: rgba(255, 230, 190, .04);--bloom0: rgba(190, 205, 255, .14);--bloom1: rgba(190, 205, 255, .06)}:root[data-theme=light]{color-scheme:light;--bg0: #f6f4ef;--bg1: #eef1f6;--text0: rgba(10, 14, 18, .88);--text1: rgba(10, 14, 18, .7);--text2: rgba(10, 14, 18, .52);--line: rgba(10, 14, 18, .1);--focus: rgba(10, 14, 18, .18);--surface: rgba(40, 60, 110, .06);--border: rgba(10, 14, 18, .1);--overlayBackdrop: rgba(10, 14, 18, .22);--glowA: rgba(80, 110, 180, .08);--glowB: rgba(170, 120, 60, .05);--bloom0: rgba(80, 110, 180, .16);--bloom1: rgba(80, 110, 180, .08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(1200px 800px at 50% 10%,var(--glowA),transparent 60%),radial-gradient(900px 600px at 20% 80%,var(--glowB),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text0);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::selection{background:#becdff2e}a,button{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;display:flex;flex-direction:column}.app__topbar{height:46px;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:10px 12px 0}.topbarIconButton{border:0;background:transparent;color:var(--text2);padding:10px;border-radius:14px;cursor:pointer;transition:color .24s ease,background-color .24s ease}.topbarIconButton:hover{color:var(--text1);background:var(--surface)}.topbarIconButton:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.app__main{flex:1;display:grid;place-items:center;padding:34px 18px 26px;min-height:0}.app__divider{height:1px;background:var(--line)}.app__footer{padding:10px 12px 16px}.app__empty{opacity:.65;font-size:14px;color:var(--text1)}.zikrCard{width:min(840px,100%);text-align:center}.zikrCard__topic{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text2);margin-bottom:18px}.zikrCard__content{position:relative;display:grid;gap:14px;padding:18px 10px 10px;border-radius:18px;min-height:min(62vh,520px);align-content:center;-webkit-user-select:none;user-select:none;--tap-x: 50%;--tap-y: 50%}.zikrCard__content:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(220px 220px at var(--tap-x) var(--tap-y),var(--bloom0),var(--bloom1) 35%,transparent 70%)}.zikrCard__content.is-tapping:after{animation:zikrBloom .7s ease-out 1}@keyframes zikrBloom{0%{opacity:0;transform:scale(.98)}18%{opacity:1}to{opacity:0;transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.zikrCard__content.is-tapping:after{animation:none;opacity:0}}.zikrCard__arabic{font-family:Noto Naskh Arabic,Amiri,Scheherazade New,serif;font-size:clamp(30px,5.6vw,48px);line-height:1.9;letter-spacing:.01em;color:var(--text0);padding-inline:6px}.zikrCard__transliteration{font-size:15px;line-height:1.8;color:var(--text1);padding-inline:10px}.zikrCard__meaningToggle{appearance:none;border:0;background:transparent;color:var(--text2);font-size:13px;padding:12px;margin:0 auto;cursor:pointer;border-radius:12px;transition:color .2s ease,background-color .2s ease}.zikrCard__meaningToggle:hover{color:var(--text1)}.zikrCard__meaningToggle:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.zikrCard__meaningWrap{max-height:0;opacity:0;overflow:hidden;transition:max-height .52s ease,opacity .52s ease}@media(prefers-reduced-motion:reduce){.zikrCard__meaningWrap{transition:none}}.zikrCard__meaningWrap.is-open{max-height:160px;opacity:1}.zikrCard__meaning{font-size:13px;line-height:1.8;color:var(--text1);max-width:58ch;margin:0 auto;padding-inline:10px}.topicSelector{width:100%}.topicSelector__rail{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;overflow:hidden;padding:8px 6px}.topicSelectorCard{border:0;background:transparent;color:var(--text2);font-size:14px;padding:10px 8px;cursor:pointer;white-space:nowrap;letter-spacing:.01em;border-radius:12px;transition:color .24s ease,opacity .24s ease}.topicSelectorCard.is-selected{color:var(--text0);font-weight:600}.topicSelectorCard:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.overlay{position:fixed;inset:0;background:var(--overlayBackdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}@media(prefers-reduced-motion:reduce){.overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.overlay__sheet{width:min(720px,100%);border-radius:18px;border:1px solid var(--border);padding:14px;box-shadow:0 10px 50px #00000040}:root:not([data-theme=light]) .overlay__sheet{background:radial-gradient(900px 260px at 50% 0%,rgba(190,205,255,.06),transparent 55%),linear-gradient(180deg,#0a0f14f5,#070a0df5)}:root[data-theme=light] .overlay__sheet{background:radial-gradient(900px 260px at 50% 0%,rgba(80,110,180,.1),transparent 55%),linear-gradient(180deg,#f6f4eff0,#eef1f6f0)}.overlay__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px 10px}.overlay__titleBlock{display:grid;gap:2px;min-width:0}.overlay__title{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text1)}.overlay__subtitle{font-size:12px;color:var(--text2)}.overlay__close{border:0;background:transparent;color:var(--text2);padding:10px;border-radius:14px;cursor:pointer;transition:color .24s ease,background-color .24s ease}.overlay__close:hover{color:var(--text1);background:var(--surface)}.overlay__close:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.overlay__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px 2px 10px}@media(max-width:520px){.overlay__grid{grid-template-columns:1fr}}.todayCard{padding:12px 12px 14px;border-radius:16px;background:var(--surface)}.todayCard__label{font-size:12px;color:var(--text2);letter-spacing:.02em}.todayCard__count{margin-top:6px;font-size:20px;color:var(--text0);line-height:1.2}.todayCard__unit{font-size:12px;color:var(--text2);margin-left:6px}.overlay__hint{padding:2px 4px 4px;font-size:12px;color:var(--text2)}.zikrShare{margin-top:14px;font-size:14px;color:var(--text2);display:flex;justify-content:center}.zikrShare__links{display:flex;align-items:center;gap:12px;margin-left:8px}.zikrShare__link{color:var(--text1);text-decoration:none;display:inline-flex;align-items:center;transition:color .2s ease}