:root,:root[data-theme=dark-green]{--bg:#112e1c;--bg2:#163823;--surface:#ffffff0a;--surface2:#ffffff14;--gold:#ffd874;--gold-gradient:linear-gradient(180deg, #ffe7a7 0%, #f2cf70 55%, #d9b454 100%);--gold-dim:#c8a9518c;--gold-faint:#c8a95126;--green:#1b5e20;--green-light:#2e7d32;--white:#fff;--white80:#fffc;--white60:#fff9;--white40:#fff6;--white20:#fff3;--white10:#ffffff1a;--white05:#ffffff0d;--radius:14px;--radius-sm:10px;--text-primary:var(--white);--text-secondary:var(--white60);--text-tertiary:var(--white40);--shadow-card:0 2px 8px #0000004d;--shadow-elevated:0 8px 32px #00000080;--app-pattern:#c8a9510d;--app-grad-top:#1d4731;--app-grad-mid:#0d271b;--app-grad-bottom:#081b13;--ring-track:#305444c7;--menu-panel-bg:radial-gradient(ellipse 96% 48% at 50% -10%, #3a82587a, transparent 66%), radial-gradient(circle at 50% 0%, #224e358c, transparent 58%), linear-gradient(180deg, #0f2f1ff5 0%, #092217fa 100%);--menu-panel-border:#97d3ab21;--menu-panel-shadow:inset -1px 0 0 #ffffff0f, 18px 0 44px #00000047}:root[data-theme=light]{--bg:#f7faf2;--bg2:#edf4e4;--surface:#fff;--surface2:#e4ecd8;--gold:#8d6500;--gold-gradient:linear-gradient(180deg, #fff4cf 0%, #ecd184 55%, #d0aa45 100%);--gold-dim:#8d6500bd;--gold-faint:#8d650024;--green:#4e681d;--green-light:#6d8d5e;--white:#1b2415;--white80:#2d3725;--white60:#56634a;--white40:#65715b;--white20:#7a906a;--white10:#b1bea6;--white05:#e4ecd8;--text-primary:#1b2415;--text-secondary:#56634a;--text-tertiary:#65715b;--shadow-card:0 2px 8px #3a4c1e1a;--shadow-elevated:0 8px 32px #3a4c1e29;--app-pattern:#8d65000b;--app-grad-top:#f7faf2;--app-grad-mid:#edf4e4;--app-grad-bottom:#e1ead8;--ring-track:#6d8d5e;--light-card:#fff;--light-card-soft:#f2f7ea;--light-card-warm:#fffcf2;--light-border:#4e681d2e;--light-border-strong:#8d65004d;--light-olive-shadow:#3a4c1e21;--light-success:#2f6b36;--light-success-soft:#2f6b3621;--menu-panel-bg:linear-gradient(128deg, transparent 0 34%, #ffffff6b 34% 48%, transparent 48%), linear-gradient(35deg, transparent 0 58%, #4e681d12 58% 70%, transparent 70%), radial-gradient(ellipse 92% 52% at 12% -8%, #fffcead1, transparent 62%), radial-gradient(ellipse 74% 58% at 100% 18%, #8d650024, transparent 58%), linear-gradient(152deg, #fbfff5 0%, #e8f1dd 33%, #d5e7ca 68%, #f5f8ee 100%);--menu-panel-border:#4e681d33;--menu-panel-shadow:inset -1px 0 0 #ffffff9e, inset 0 18px 60px #ffffff57, 18px 0 44px #3a4c1e29}:root[data-theme=amoled-black]{--bg:#000;--bg2:#0a0a0a;--surface:#ffffff0f;--surface2:#ffffff1a;--gold:#ffd874;--gold-gradient:linear-gradient(180deg, #ffe7a7 0%, #f2cf70 55%, #d9b454 100%);--gold-dim:#c8a9518c;--gold-faint:#c8a95126;--green:#1b5e20;--green-light:#2e7d32;--white:#fff;--white80:#fffc;--white60:#fff9;--white40:#fff6;--white20:#fff3;--white10:#ffffff1a;--white05:#ffffff0d;--text-primary:var(--white);--text-secondary:var(--white60);--text-tertiary:var(--white40);--shadow-card:0 2px 8px #0009;--shadow-elevated:0 8px 32px #000c;--app-pattern:#c8a95108;--app-grad-top:#0f2018;--app-grad-mid:#050a08;--app-grad-bottom:#000;--ring-track:#5a8570ad;--menu-panel-bg:linear-gradient(90deg, #2169461f, transparent 31%), linear-gradient(150deg, #ffffff06, transparent 34%), linear-gradient(35deg, transparent 0 55%, #2d825609 55% 68%, transparent 68%), radial-gradient(ellipse 90% 48% at 48% -12%, #1648314d, transparent 60%), radial-gradient(ellipse 66% 46% at 100% 72%, #ffd87412, transparent 58%), linear-gradient(180deg, #030b08 0%, #010403 48%, #000 100%);--menu-panel-border:#7ab89716;--menu-panel-shadow:inset -1px 0 0 #ffffff08, 18px 0 44px #0000008f}:root{--app-shell-pattern-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg stroke='%23E9C46A' stroke-width='0.8' fill='none' opacity='0.06'%3E%3Cpath d='M35 4L66 35L35 66L4 35Z'/%3E%3Cpath d='M4 4H66V66H4Z'/%3E%3Cpath d='M4 4L66 66M66 4L4 66'/%3E%3Cpath d='M35 21L45 25L49 35L45 45L35 49L25 45L21 35L25 25Z'/%3E%3C/g%3E%3C/svg%3E");--app-shell-bg-color:var(--bg);--app-shell-bg-image:var(--app-shell-pattern-image), linear-gradient(180deg, #163722 0%, #0d271b 44%, #081b13 100%);--app-shell-vignette:radial-gradient(ellipse 56% 36% at 0% 0%, #020a0794, transparent 68%), radial-gradient(ellipse 56% 36% at 100% 0%, #020a0794, transparent 68%), radial-gradient(ellipse 58% 38% at 0% 100%, #020a0780, transparent 68%), radial-gradient(ellipse 58% 38% at 100% 100%, #020a0780, transparent 68%), linear-gradient(90deg, #00000038 0%, transparent 16%, transparent 84%, #00000038 100%), linear-gradient(180deg, #00000024 0%, transparent 18%, transparent 74%, #0000002e 100%)}:root[data-theme=light]{--app-shell-bg-color:#eaf1e2;--app-shell-bg-image:var(--app-shell-pattern-image), radial-gradient(ellipse 86% 42% at 50% -12%, #4e681d29, #eaf1e26b 44%, transparent 74%), radial-gradient(ellipse 74% 34% at 50% 112%, #8d65000b, transparent 70%), linear-gradient(180deg, #f0f6ea 0%, #eaf1e2 55%, #dce8d1 100%);--app-shell-vignette:radial-gradient(ellipse 52% 34% at 0% 0%, #4e681d29, transparent 70%), radial-gradient(ellipse 52% 34% at 100% 0%, #4e681d29, transparent 70%), radial-gradient(ellipse 54% 36% at 0% 100%, #4e681d24, transparent 70%), radial-gradient(ellipse 54% 36% at 100% 100%, #4e681d24, transparent 70%), linear-gradient(90deg, #4e681d14 0%, transparent 14%, transparent 86%, #4e681d14 100%)}:root[data-theme=amoled-black]{--app-shell-bg-color:var(--bg);--app-shell-bg-image:var(--app-shell-pattern-image), linear-gradient(180deg, #020403 0%, #000 54%, #000 100%);--app-shell-vignette:radial-gradient(ellipse 54% 36% at 0% 0%, #000000a3, transparent 70%), radial-gradient(ellipse 54% 36% at 100% 0%, #000000a3, transparent 70%), radial-gradient(ellipse 56% 38% at 0% 100%, #0000008f, transparent 70%), radial-gradient(ellipse 56% 38% at 100% 100%, #0000008f, transparent 70%), linear-gradient(90deg, #00000038 0%, transparent 14%, transparent 86%, #00000038 100%)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea{-webkit-user-select:auto;user-select:auto}html,body{background:var(--bg);min-height:100%;min-height:-webkit-fill-available;overflow-x:hidden}.hat-reminder-item.cat-prayer .hat-reminder-accent{background:linear-gradient(#6aa39c,#8896b8)}.hat-reminder-item.cat-ozel .hat-reminder-accent{background:linear-gradient(180deg, var(--gold), var(--green))}.hat-reminder-item.cat-prayer .hat-reminder-icon{color:#6aa39c;background:#6aa39c24}.hat-reminder-item.cat-ozel .hat-reminder-icon{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.hat-reminder-cat.cat-prayer{color:#477b77;background:#6aa39c29}.hat-reminder-cat.cat-ozel{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.hat-reminder-status{color:var(--text-secondary);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;font-size:10.5px;font-weight:700;display:flex}.hat-reminder-status:before{content:"";opacity:.72;background:currentColor;border-radius:999px;width:6px;height:6px}.hat-reminder-status span{color:var(--text-tertiary);flex-basis:100%;font-weight:600}.hat-reminder-status.state-scheduled,.hat-reminder-status.state-web-only{color:var(--green)}.hat-reminder-status.state-error,.hat-reminder-status.state-permission-denied{color:var(--danger,#b94a3c)}.hat-reminder-delete{width:28px;height:28px;color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 78%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white10) 80%, transparent);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid}.hat-reminder-delete:disabled{opacity:.5;cursor:default}.hat-support-note{color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white10) 80%, transparent);border-radius:8px;margin-top:10px;padding:9px 11px;font-size:11.5px;font-weight:650;line-height:1.35}.hat-support-note-feedback{color:var(--text-primary);background:color-mix(in srgb, var(--green) 12%, var(--surface))}.hat-support-note-store{gap:12px;display:grid}.hat-store-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hat-store-badge{border:1px solid color-mix(in srgb, var(--gold-dim) 42%, #ffffff14);background:linear-gradient(180deg, #ffffff0f, #ffffff05), color-mix(in srgb, var(--surface) 84%, #00000024);min-height:56px;color:var(--text-primary);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:flex;box-shadow:inset 0 1px #ffffff0f,0 10px 18px #0000001f}.hat-store-badge:hover{border-color:color-mix(in srgb, var(--gold) 56%, #ffffff14);background:linear-gradient(180deg, #ffffff14, #ffffff08), color-mix(in srgb, var(--gold-faint) 55%, var(--surface));transform:translateY(-1px)}.hat-store-badge-icon{flex:none;width:20px;height:20px}.hat-store-badge-text{gap:2px;min-width:0;display:grid}.hat-store-badge-top{color:var(--text-tertiary);letter-spacing:.14em;font-size:9px;font-weight:800}.hat-store-badge-bottom{color:var(--text-primary);font-size:14px;font-weight:800;line-height:1.1}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{color:var(--text-primary);min-height:var(--app-height,100svh);min-height:var(--app-height,100dvh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.topbar-title,.menu-header-title,.completion-title,.dhikr-arabic,.card-star.fav,.esma-arabic,.esma-modal-arabic,.esma-modal-dhikr-arabic,.esma-modal-benefit-icon,.esma-modal-target-arabic,.esma-modal-target-subtitle,.add-dhikr-title{color:var(--gold)}@supports ((-webkit-background-clip:text)){.topbar-title,.menu-header-title,.completion-title,.dhikr-arabic,.card-star.fav,.esma-arabic,.esma-modal-arabic,.esma-modal-dhikr-arabic,.esma-modal-benefit-icon,.esma-modal-target-arabic,.esma-modal-target-subtitle,.add-dhikr-title{background:var(--gold-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.esma-arabic{text-shadow:0 0 12px #f2cf7047}.esma-modal-number{color:var(--gold);-webkit-text-fill-color:initial;background:0 0}#root{width:100%;height:var(--app-height,100svh);height:var(--app-height,100dvh);justify-content:center;display:flex}@supports (height:100dvh){#root{height:var(--app-height,100dvh)}}.mobile-install-overlay{z-index:1600;padding:max(18px, calc(env(safe-area-inset-top,0px) + 10px)) 16px max(18px, calc(env(safe-area-inset-bottom,0px) + 12px));-webkit-backdrop-filter:blur(10px);background:#00000094;justify-content:center;align-items:center;animation:.22s ease-out mobileInstallFadeIn;display:flex;position:fixed;inset:0}.mobile-install-card{width:min(100%,356px);max-height:min(calc(var(--app-height,100dvh) - 36px), 620px);border:1px solid color-mix(in srgb, var(--gold-dim) 58%, #ffffff1a);background:linear-gradient(180deg, #ffffff14, #ffffff06), color-mix(in srgb, var(--bg2) 88%, #000 12%);color:var(--text-primary);text-align:center;border-radius:24px;padding:24px 18px 16px;animation:.34s cubic-bezier(.22,1,.36,1) mobileInstallSlideUp;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,0 22px 44px #0000006b}.mobile-install-close{background:color-mix(in srgb, var(--surface2) 70%, transparent);width:36px;height:36px;color:var(--text-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white10) 72%, transparent);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.mobile-install-close:active,.mobile-install-later:active,.mobile-install-store:active{transform:scale(.985)}.mobile-install-mark{background:color-mix(in srgb, var(--gold-faint) 58%, var(--surface));width:66px;height:66px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold-dim) 36%, transparent), 0 10px 22px #0000002e;border-radius:22px;place-items:center;margin:2px auto 12px;display:grid}.mobile-install-mark img{object-fit:contain;width:48px;height:48px}.mobile-install-kicker{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.2}.mobile-install-title{max-width:270px;color:var(--text-primary);letter-spacing:0;margin:7px auto 8px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;line-height:1.08}.mobile-install-desc{max-width:290px;color:var(--text-secondary);margin:0 auto 16px;font-size:14px;font-weight:600;line-height:1.5}.mobile-install-stores{gap:9px;margin-bottom:12px;display:grid}.mobile-install-store{border:1px solid color-mix(in srgb, var(--gold-dim) 42%, #ffffff1a);background:linear-gradient(180deg, #ffffff13, #ffffff06), color-mix(in srgb, var(--surface) 76%, #0000001f);min-height:56px;color:var(--text-primary);text-align:left;border-radius:15px;align-items:center;gap:12px;padding:11px 13px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:flex;box-shadow:inset 0 1px #ffffff0f,0 10px 18px #00000021}.mobile-install-store:hover{border-color:color-mix(in srgb, var(--gold) 58%, #ffffff1a);background:linear-gradient(180deg, #ffffff1a, #ffffff09), color-mix(in srgb, var(--gold-faint) 52%, var(--surface))}.mobile-install-store-button{appearance:none;width:100%;font:inherit;cursor:pointer}.mobile-install-store-icon{flex:none;width:22px;height:22px}.mobile-install-store-text{gap:2px;min-width:0;display:grid}.mobile-install-store-top{color:var(--text-tertiary);letter-spacing:.14em;font-size:9px;font-weight:800;line-height:1}.mobile-install-store-bottom{color:var(--text-primary);font-size:15px;font-weight:800;line-height:1.08}.mobile-install-soon{background:color-mix(in srgb, var(--gold-faint) 62%, var(--surface));color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold-dim) 44%, transparent);border-radius:13px;margin:-2px 0 12px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.25}.mobile-install-later{background:color-mix(in srgb, var(--surface2) 70%, transparent);width:100%;min-height:42px;color:var(--text-secondary);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white10) 74%, transparent);border:0;border-radius:13px;font-family:inherit;font-size:13px;font-weight:750}:root[data-theme=light] .mobile-install-overlay{background:#1b241561}:root[data-theme=light] .mobile-install-card{background:linear-gradient(180deg, #fffffff0, #f7faf2f5), var(--surface);box-shadow:inset 0 1px #ffffffe0,0 22px 44px #3a4c1e42}:root[data-theme=light] .mobile-install-store,:root[data-theme=light] .mobile-install-later,:root[data-theme=light] .mobile-install-close{background:color-mix(in srgb, var(--surface) 86%, var(--bg2))}:root[data-theme=amoled-black] .mobile-install-card{background:linear-gradient(#ffffff0e,#ffffff05),#050806}@media (width>=600px){.mobile-install-overlay{align-items:center}}@media (height<=700px){.mobile-install-card{padding-top:20px}.mobile-install-mark{width:58px;height:58px;margin-bottom:9px}.mobile-install-mark img{width:42px;height:42px}.mobile-install-title{font-size:23px}}@keyframes mobileInstallFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileInstallSlideUp{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.mobile-install-overlay,.mobile-install-card{animation-duration:1ms!important}}.zk-splash{--zk-bg1:var(--app-grad-top);--zk-bg2:var(--app-grad-mid);--zk-bg3:var(--app-grad-bottom);--zk-gold:#e9c46a;--zk-gold-lite:#f4d47c;--zk-cream:#f8f1dd;--zk-mark-size:min(clamp(236px, 33.2svh, 280px), calc(100vw - 52px));z-index:10000;width:100%;height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:linear-gradient(180deg, var(--zk-bg1) 0%, var(--zk-bg2) 55%, var(--zk-bg3) 100%);color:var(--zk-cream);opacity:1;pointer-events:auto;isolation:isolate;filter:blur();transform-origin:50%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;justify-content:center;align-items:center;font-family:Cormorant Garamond,Times New Roman,serif;transition:opacity .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow:hidden;transform:scale(1)}.zk-splash.is-exiting{opacity:0;filter:blur(7px);pointer-events:none;transform:scale(1.024)}@media (width>=900px){.zk-splash{width:min(100vw,460px);height:min(var(--app-height,100dvh), 900px);border-radius:28px;min-height:0;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1)}.zk-splash.is-exiting{transform:translate(-50%,-50%)scale(1.024)}}.zk-splash-pattern,.zk-splash-vignette,.zk-splash-glow{pointer-events:none;position:absolute;inset:0}.zk-splash-pattern{opacity:0;transition:opacity 1.143s ease-out}.zk-splash.is-phase-1 .zk-splash-pattern{opacity:1}.zk-splash-pattern-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.zk-splash-vignette{background:radial-gradient(ellipse at center, transparent 30%, var(--zk-bg3) 95%)}.zk-splash-glow{background:radial-gradient(circle at 50% 45%,#e9c46a0a,#0000 55%);transition:background .929s ease-out}.zk-splash.is-phase-2 .zk-splash-glow{background:radial-gradient(circle at 50% 45%,#e9c46a26,#0000 55%)}.zk-splash.is-phase-3 .zk-splash-glow{background:radial-gradient(circle at 50% 45%,#e9c46a47,#0000 55%)}.zk-splash-mark{width:var(--zk-mark-size);height:var(--zk-mark-size);margin-bottom:calc(var(--zk-mark-size) * .1286);justify-content:center;align-items:center;display:flex;position:relative}.zk-splash-ticks,.zk-splash-ring,.zk-splash-sparks{width:100%;height:100%;position:absolute;inset:0}.zk-splash-ticks{opacity:0;transition:opacity .857s ease-out;animation:28.571s linear infinite zkSplashSpin}.zk-splash.is-phase-1 .zk-splash-ticks{opacity:1}.zk-splash-ring-outer{transform:rotate(-90deg)}.zk-splash-ring-inner{transform:rotate(90deg)scaleX(-1)}.zk-splash-sparks{opacity:0;transition:opacity .571s ease-out}.zk-splash.is-phase-3 .zk-splash-sparks{opacity:1}.zk-splash.is-phase-5 .zk-splash-sparks{opacity:0}.zk-splash-sparks span{width:calc(var(--zk-mark-size) * .0143);height:calc(var(--zk-mark-size) * .0143);background:var(--zk-gold-lite);min-width:3px;min-height:3px;box-shadow:0 0 8px var(--zk-gold);opacity:var(--spark-opacity,0);transform:translate(-50%, -50%) translate(var(--spark-x,0), var(--spark-y,0)) scale(var(--spark-scale,.2));border-radius:50%;transition:opacity 1s cubic-bezier(.34,1.56,.64,1),transform 1s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%}.zk-splash-logo{width:calc(var(--zk-mark-size) * .7143);height:calc(var(--zk-mark-size) * .7143);opacity:0;will-change:transform, opacity;backface-visibility:hidden;transition:opacity .786s cubic-bezier(.22,1,.36,1),transform 1.143s cubic-bezier(.34,1.35,.5,1),filter .786s ease-out;position:relative;transform:scale(.88)translateZ(0)}.zk-splash.is-phase-3 .zk-splash-logo{opacity:1;filter:drop-shadow(0 0 6px #e9c46a12);transform:scale(1)translateZ(0)}.zk-splash-signature{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.zk-splash-signature-glow{filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#e9c46a14 0%,#e9c46a08 40%,#0000 70%);position:absolute;inset:-8%}.zk-splash-medallion-tint{z-index:2;background:radial-gradient(circle at 50% 50%, transparent 0%, transparent 34%, color-mix(in srgb, var(--zk-bg2) 80%, transparent) 70%, var(--zk-bg3) 100%);mix-blend-mode:multiply;pointer-events:none;border-radius:50%;width:26%;height:26%;position:absolute;top:37%;left:37%;transform:translateZ(0)}.zk-splash-signature img{z-index:1;object-fit:contain;backface-visibility:hidden;image-rendering:auto;-webkit-user-drag:none;width:100%;height:100%;position:relative;transform:translateZ(0)}.zk-splash-wordmark{z-index:1;text-align:center;position:relative}.zk-splash-title{color:var(--zk-gold-lite);font-family:Cormorant Garamond,serif;font-size:min(44px, calc(var(--zk-mark-size) * .1572));letter-spacing:0;opacity:0;filter:blur(4px);font-weight:600;line-height:1;transition:opacity 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.zk-splash-title span{color:var(--zk-gold);opacity:.6;font-size:.636em}.zk-splash.is-phase-4 .zk-splash-title{opacity:1;filter:blur();transform:translateY(0)}.zk-splash-divider{justify-content:center;align-items:center;gap:10px;height:12px;margin-top:14px;display:flex}.zk-splash-divider i{background:var(--zk-gold);opacity:.6;width:0;height:1px;transition:width .95s cubic-bezier(.22,1,.36,1)}.zk-splash-divider svg{opacity:0;transition:opacity 1.1s cubic-bezier(.34,1.56,.64,1) .143s,transform 1.1s cubic-bezier(.34,1.56,.64,1) .143s;transform:scale(0)rotate(-180deg)}.zk-splash.is-phase-5 .zk-splash-divider i{width:40px}.zk-splash.is-phase-5 .zk-splash-divider svg{opacity:1;transform:scale(1)rotate(0)}.zk-splash-tagline{color:var(--zk-cream);letter-spacing:2.5px;text-transform:uppercase;opacity:0;margin-top:10px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:300;line-height:1;transition:opacity .95s ease-out .286s,transform .95s ease-out .286s;transform:translateY(8px)}.zk-splash.is-phase-5 .zk-splash-tagline{opacity:.75;transform:translateY(0)}.zk-splash-loading{bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:1;color:var(--zk-cream);letter-spacing:3px;text-transform:uppercase;opacity:0;font-family:Inter,system-ui,sans-serif;font-size:11px;line-height:1;transition:opacity .571s ease-out;position:absolute}.zk-splash-loading span{margin-left:4px;animation:1.4s infinite zkSplashDots;display:inline-block}.zk-splash.is-phase-1 .zk-splash-loading{opacity:.35}.zk-splash.is-phase-6 .zk-splash-loading{opacity:0}@media (height<=720px){.zk-splash{--zk-mark-size:min(clamp(220px, 33svh, 252px), calc(100vw - 52px))}.zk-splash-loading{bottom:calc(38px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.zk-splash,.zk-splash *,.zk-splash :before,.zk-splash :after{transition-duration:1ms!important;animation-duration:1ms!important}}@keyframes zkSplashDots{0%,20%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes zkSplashSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-wrapper{--mobile-shell-max:clamp(393px, 100vw, 460px);--mobile-gutter:clamp(16px, 4.6vw, 22px);--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:max(env(safe-area-inset-bottom,0px), var(--app-bottom-offset,0px));--app-page-inline:var(--mobile-gutter);--app-page-top:6px;--app-page-bottom:calc(24px + var(--app-safe-bottom));--app-zone-gap-top:clamp(10px, 1.8vh, 16px);--app-zone-gap-middle:clamp(10px, 1.8vh, 16px);--app-zone-gap-bottom:clamp(8px, 1.4vh, 12px);--app-zone-middle-padding:clamp(8px, 1.5vh, 14px);--app-zone-bottom-margin:clamp(8px, 1.5vh, 12px);--app-visual-min:220px;--app-visual-width:78vw;--app-visual-max:352px;--app-visual-height-budget:446px;--app-visual-size-fluid:min(clamp(var(--app-visual-min), var(--app-visual-width), var(--app-visual-max)), clamp(var(--app-visual-min), calc(var(--app-height,100dvh) - var(--app-visual-height-budget)), var(--app-visual-max)));--tesbihat-node-size-fluid:clamp(42px, 9.8vw, 48px);--tesbihat-ring-size-fluid:var(--app-visual-size-fluid);max-width:var(--mobile-shell-max);width:100%;height:var(--app-height,100svh);height:var(--app-height,100dvh);background-color:var(--app-shell-bg-color);background-image:var(--app-shell-bg-image);background-position:0 0,50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:70px 70px,auto,auto,auto;flex-direction:column;min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-wrapper.app-wrapper-native{--app-safe-top:max(env(safe-area-inset-top,0px), 24px)}.app-wrapper.app-wrapper-native .topbar{padding-top:max(clamp(10px, 2.8vw, 12px), calc(var(--app-safe-top) + 0px))}.app-wrapper.app-wrapper-native.app-wrapper-ios .topbar{padding-top:max(clamp(10px, 2.8vw, 12px), calc(var(--app-safe-top) + 2px))}.app-wrapper.app-wrapper-native.app-wrapper-android{--app-safe-top:var(--app-native-safe-top,0px)}.app-wrapper.app-wrapper-native.app-wrapper-android .topbar{padding-top:max(clamp(10px, 2.8vw, 12px), calc(var(--app-safe-top) + 4px))}:root[data-viewport-compact=true] .app-wrapper{--app-zone-gap-top:12px;--app-zone-gap-middle:10px;--app-zone-gap-bottom:9px;--app-zone-middle-padding:6px;--app-zone-bottom-margin:4px;--app-visual-min:220px;--app-visual-width:78vw;--app-visual-max:340px;--app-visual-height-budget:446px;--tesbihat-node-size-fluid:clamp(40px, 9.1vw, 46px);--tesbihat-ring-size-fluid:var(--app-visual-size-fluid)}:root[data-viewport-tight=true] .app-wrapper{--app-zone-gap-top:10px;--app-zone-gap-middle:10px;--app-zone-gap-bottom:8px;--app-zone-middle-padding:6px;--app-zone-bottom-margin:4px;--app-visual-min:206px;--app-visual-width:74vw;--app-visual-max:320px;--app-visual-height-budget:446px;--tesbihat-node-size-fluid:clamp(38px, 8.8vw, 44px);--tesbihat-ring-size-fluid:var(--app-visual-size-fluid)}.app-wrapper:before{content:none}.app-wrapper:after{content:"";background:var(--app-shell-vignette);pointer-events:none;z-index:0;background-repeat:no-repeat;position:absolute;inset:0}.app-wrapper>*{z-index:1;position:relative}.statusbar{color:var(--white80);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 20px 4px;font-size:13px;font-weight:600;display:flex}.statusbar-left{min-width:60px}.statusbar-center{font-variant-numeric:tabular-nums}.statusbar-right{justify-content:flex-end;align-items:center;gap:6px;min-width:60px;display:flex}.topbar{min-height:56px;padding:clamp(10px, 2.8vw, 12px) var(--mobile-gutter) 8px;flex-shrink:0;align-items:center;gap:clamp(10px,2.8vw,12px);display:flex}:root[data-standalone=true] .topbar{padding-top:max(clamp(10px, 2.8vw, 12px), calc(env(safe-area-inset-top,0px) + 6px))}.topbar-title{min-width:0;color:var(--gold);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;backface-visibility:hidden;flex:1;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,5.4vw,28px);font-weight:700;line-height:1.08;overflow:hidden}.hamburger{background:var(--surface);cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.hamburger-icon{width:20px;height:20px;display:block}.hamburger-icon line{stroke:var(--gold);stroke-width:2.25px;stroke-linecap:round;shape-rendering:geometricprecision}.hamburger:active{background:var(--surface2)}.topbar-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;width:auto;min-width:76px;display:flex}.topbar-btn{background:var(--surface);width:36px;height:36px;color:var(--white40);cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;font-size:16px;transition:background .2s,color .2s;display:flex}.topbar-btn-feature{border:1px solid var(--gold-faint);background:var(--gold-faint);color:var(--gold);opacity:1}.topbar-btn-feature.is-inactive{border-color:var(--white05);background:var(--surface);color:var(--text-tertiary);opacity:.56}.topbar-btn-feature.is-active{border-color:var(--gold-dim);color:var(--gold);opacity:1;background:linear-gradient(#ffd87424,#c8a95112)}.home-easy-read-toggle{border:1px solid var(--white05);letter-spacing:0;border-radius:8px;flex:none;font-family:inherit;font-size:14px;font-weight:800}.home-easy-read-toggle span{line-height:1;display:block;transform:translateY(-.5px)}.home-easy-read-toggle.is-active{border-color:var(--gold-dim);color:var(--gold);background:linear-gradient(#ffd8742e,#c8a95117);box-shadow:0 0 0 1px #c8a95124,0 0 14px #c8a95129}.topbar-btn:active{background:var(--surface2);color:var(--gold)}.topbar-btn-feature.is-inactive:active{border-color:var(--gold-faint);background:var(--gold-faint);color:var(--gold-dim);opacity:.75}.topbar-placeholder{flex:none;width:36px;height:36px}.topbar-btn-add{background:var(--gold-gradient);color:#214f2b;border:1px solid #ffffff42;box-shadow:inset 0 1px #ffffff61,0 8px 14px #00000047}.topbar-btn-add:active{transform:scale(.96);box-shadow:inset 0 1px #ffffff47,0 4px 10px #0000003d}.topbar-btn-add-plus{justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:800;line-height:1;display:inline-flex;transform:translateY(-1px)}.sound-state-icon{flex:none;width:1em;height:1em;display:block;overflow:visible;transform:translateZ(0)}.vibration-state-icon{flex:none;width:1em;height:1em;display:block}.menu-overlay{z-index:100;pointer-events:none;visibility:hidden;position:fixed;inset:0}.menu-overlay.open{pointer-events:auto;visibility:visible}.menu-bg{-webkit-backdrop-filter:blur(4px);opacity:0;cursor:pointer;background:#00000080;border:0;padding:0;transition:opacity .3s;position:absolute;inset:0}.menu-overlay.open .menu-bg{opacity:1}.menu{background:var(--menu-panel-bg,var(--bg2));border-right:1px solid var(--menu-panel-border,var(--white10));width:280px;max-width:78vw;height:100vh;max-height:-webkit-fill-available;box-shadow:var(--menu-panel-shadow,none);overscroll-behavior:contain;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(-100%)}@supports (height:100dvh){.menu{height:100dvh}}.menu-overlay.open .menu{transform:translate(0)}.menu-header{border-bottom:1px solid var(--white10);flex-shrink:0;align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.app-wrapper.app-wrapper-native .menu-header{padding-top:calc(var(--app-safe-top) + 8px)}.app-wrapper.app-wrapper-native.app-wrapper-ios .menu-header{padding-top:calc(var(--app-safe-top) + 10px)}.menu-header-title{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.menu-section{border-bottom:1px solid var(--white05);padding:8px 0}.menu-section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--white40);padding:8px 20px 4px;font-size:11px;font-weight:700}.menu-item{color:var(--white80);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:11px 20px;font-size:15px;font-weight:500;transition:background .15s;display:flex}.menu-item-label{line-height:1.25}.menu-item-badge{color:var(--gold);opacity:1;background:#ffd87424;border:1px solid #ffd87438;border-radius:8px;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}.menu-item:active{background:var(--surface2)}.menu-item.active{color:var(--gold);background:var(--gold-faint)}.menu-item-icon{width:22px;height:22px;color:var(--gold);opacity:.82;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu-item-icon-svg{stroke:currentColor;width:21px;height:21px;display:block}.menu-item-icon-mask{width:21px;height:21px;-webkit-mask:var(--menu-icon-mask) center / contain no-repeat;-webkit-mask:var(--menu-icon-mask) center / contain no-repeat;mask:var(--menu-icon-mask) center / contain no-repeat;background:currentColor;display:block}.menu-item-icon-mosque-vecteezy{--menu-icon-mask:url(/menu-icons/mosque-vecteezy.svg);width:24px;height:24px;transform:translateY(-1px)}.menu-item.active .menu-item-icon{opacity:1}.menu-footer{border-top:1px solid var(--white05);flex-direction:column;flex-shrink:0;gap:4px;margin-top:auto;padding:12px 20px 16px;display:flex}.app-wrapper.app-wrapper-native .menu-footer{padding-bottom:calc(16px + var(--app-safe-bottom))}.menu-footer .menu-item{padding-left:0;padding-right:0}.menu-item-footer{border-radius:10px}.menu-pill-switch{background:var(--white10);border:1px solid var(--white20);border-radius:999px;flex-shrink:0;width:44px;height:24px;margin-left:8px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.menu-pill-switch-thumb{background:var(--white80);border-radius:50%;width:18px;height:18px;transition:transform .22s cubic-bezier(.4,0,.2,1),background .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000004d}.menu-item-night:active .menu-pill-switch{animation:.22s ease-out menu-switch-bounce}.menu-pill-switch.on{background:#c8a95142;border-color:#ffd874a6;box-shadow:0 0 0 1px #ffd87433}.menu-pill-switch.on .menu-pill-switch-thumb{background:var(--gold);transform:translate(20px)}@keyframes menu-switch-bounce{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.menu-footer-text{color:var(--white40);text-align:center;font-size:12px}.menu-footer-version{color:var(--white20);text-align:center;font-size:11px}:root:not([data-theme]) .menu,:root[data-theme=dark-green] .menu{background:var(--menu-panel-bg);border-right-color:var(--menu-panel-border);box-shadow:var(--menu-panel-shadow)}:root:not([data-theme]) .menu-header,:root[data-theme=dark-green] .menu-header{background:#ffffff06;border-bottom-color:#97d3ab1a}:root:not([data-theme]) .menu-section,:root[data-theme=dark-green] .menu-section{border-bottom-color:#97d3ab14}:root:not([data-theme]) .menu-item.active,:root[data-theme=dark-green] .menu-item.active{background:#ffd87424;box-shadow:inset 0 0 0 1px #ffd87424}:root:not([data-theme]) .menu-item-badge,:root[data-theme=dark-green] .menu-item-badge{background:#ffd87424;border-color:#ffd8743d}:root:not([data-theme]) .menu-footer,:root[data-theme=dark-green] .menu-footer{background:#040f0c75;border-top-color:#97d3ab14}:root[data-theme=amoled-black] .menu{background:var(--menu-panel-bg);border-right-color:var(--menu-panel-border);box-shadow:var(--menu-panel-shadow)}:root[data-theme=amoled-black] .menu-bg{background:#000000ad}:root[data-theme=amoled-black] .menu-header{background:#00000038;border-bottom-color:#7ab89711}:root[data-theme=amoled-black] .menu-section{border-bottom-color:#7ab8970d}:root[data-theme=amoled-black] .menu-item.active{background:#ffd87418;box-shadow:inset 0 0 0 1px #ffd8741a}:root[data-theme=amoled-black] .menu-item-badge{background:#ffd87418;border:1px solid #ffd8742e}:root[data-theme=amoled-black] .menu-footer{background:#000000b8;border-top-color:#7ab8970d}.page-content{overscroll-behavior-y:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}:root[data-gz-create-scroll-lock=true] .page-content{overscroll-behavior:none;touch-action:none;overflow:hidden}:root[data-gz-create-target-focus=true] .gz-create-page[data-step="2"] .mobile-page-zone-bottom{opacity:0;pointer-events:none;visibility:hidden;height:0;max-height:0;margin:0;padding-top:0;overflow:hidden}.mobile-page-shell{min-height:100%;padding:var(--app-page-top) var(--app-page-inline) var(--app-page-bottom);flex-direction:column;display:flex}.mobile-page-zone{width:100%;min-width:0}.mobile-page-zone-top{gap:var(--app-zone-gap-top);flex-direction:column;flex:none;display:flex}.mobile-page-zone-middle{gap:var(--app-zone-gap-middle);min-height:0;padding-block:var(--app-zone-middle-padding);flex-direction:column;flex:auto;display:flex}.mobile-page-zone-middle-center{justify-content:center;align-items:center}.mobile-page-zone-bottom{gap:var(--app-zone-gap-bottom);margin-top:var(--app-zone-bottom-margin);flex-direction:column;flex:none;display:flex}.mobile-page-zone-bottom-safe{padding-bottom:0}.mobile-page-visual{width:var(--app-visual-size-fluid);aspect-ratio:1;max-width:calc(100% - 2px)}@media (pointer:fine){.page-content,.list-body{scrollbar-gutter:stable}}:root[data-home-app-active=true],:root[data-dhikr-library-active=true]{--home-splash-bg-color:var(--bg);--home-splash-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg stroke='%23E9C46A' stroke-width='0.8' fill='none' opacity='0.06'%3E%3Cpath d='M35 4L66 35L35 66L4 35Z'/%3E%3Cpath d='M4 4H66V66H4Z'/%3E%3Cpath d='M4 4L66 66M66 4L4 66'/%3E%3Cpath d='M35 21L45 25L49 35L45 45L35 49L25 45L21 35L25 25Z'/%3E%3C/g%3E%3C/svg%3E");--home-splash-glow-center-y:54%;--home-splash-figure-glow:radial-gradient(circle at 50% var(--home-splash-glow-center-y), #e9c46a38 0%, #e9c46a1b 20%, #e9c46a0b 40%, transparent 61%), radial-gradient(circle at 50% var(--home-splash-glow-center-y), #f4d47c1e 0%, transparent 34%);--home-splash-edge-vignette:radial-gradient(ellipse 52% 34% at 0% 0%, #04110b80, transparent 70%), radial-gradient(ellipse 52% 34% at 100% 0%, #04110b80, transparent 70%), radial-gradient(ellipse 54% 36% at 0% 100%, #030d096b, transparent 70%), radial-gradient(ellipse 54% 36% at 100% 100%, #030d096b, transparent 70%), linear-gradient(90deg, #020a0729 0%, transparent 14%, transparent 86%, #020a0729 100%);--home-splash-background:var(--home-splash-pattern), radial-gradient(circle at 20% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%);--home-desktop-background:var(--home-splash-pattern), radial-gradient(circle at 50% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%)}:root[data-theme=amoled-black][data-home-app-active=true],:root[data-theme=amoled-black][data-dhikr-library-active=true]{--home-splash-figure-glow:none;--home-splash-edge-vignette:radial-gradient(ellipse 54% 36% at 0% 0%, #000000a3, transparent 70%), radial-gradient(ellipse 54% 36% at 100% 0%, #000000a3, transparent 70%), radial-gradient(ellipse 56% 38% at 0% 100%, #0000008f, transparent 70%), radial-gradient(ellipse 56% 38% at 100% 100%, #0000008f, transparent 70%), linear-gradient(90deg, #00000038 0%, transparent 14%, transparent 86%, #00000038 100%);--home-splash-background:var(--home-splash-pattern), linear-gradient(180deg, #020403 0%, #000 54%, #000 100%);--home-desktop-background:var(--home-splash-pattern), linear-gradient(180deg, #020403 0%, #000 54%, #000 100%)}:root[data-theme=light][data-home-counter-active=true],:root[data-theme=light][data-dhikr-library-active=true]{--home-splash-bg-color:#eaf1e2;--home-splash-figure-glow:radial-gradient(circle at 50% var(--home-splash-glow-center-y), #8d650025 0%, #8d650010 22%, #8d650007 40%, transparent 60%), radial-gradient(circle at 50% var(--home-splash-glow-center-y), #d0aa4512 0%, transparent 34%);--home-splash-edge-vignette:radial-gradient(ellipse 52% 34% at 0% 0%, #4e681d29, transparent 70%), radial-gradient(ellipse 52% 34% at 100% 0%, #4e681d29, transparent 70%), radial-gradient(ellipse 54% 36% at 0% 100%, #4e681d24, transparent 70%), radial-gradient(ellipse 54% 36% at 100% 100%, #4e681d24, transparent 70%), linear-gradient(90deg, #4e681d14 0%, transparent 14%, transparent 86%, #4e681d14 100%);--home-splash-background:var(--home-splash-pattern), radial-gradient(ellipse 86% 42% at 50% -12%, #4e681d29, #eaf1e26b 44%, transparent 74%), radial-gradient(ellipse 74% 34% at 50% 112%, #8d65000b, transparent 70%), linear-gradient(180deg, #f0f6ea 0%, #eaf1e2 55%, #dce8d1 100%);--home-desktop-background:var(--home-splash-pattern), radial-gradient(ellipse 82% 40% at 50% -12%, #4e681d29, #eaf1e26b 44%, transparent 74%), radial-gradient(ellipse 72% 32% at 50% 112%, #8d65000b, transparent 70%), linear-gradient(180deg, #f0f6ea 0%, #eaf1e2 55%, #dce8d1 100%);--ring-track:#5d7a4e6b}:root:not([data-theme])[data-home-app-active=true],:root[data-theme=dark-green][data-home-app-active=true],:root:not([data-theme])[data-dhikr-library-active=true],:root[data-theme=dark-green][data-dhikr-library-active=true]{--home-splash-edge-vignette:radial-gradient(ellipse 56% 36% at 0% 0%, #020a0794, transparent 68%), radial-gradient(ellipse 56% 36% at 100% 0%, #020a0794, transparent 68%), radial-gradient(ellipse 58% 38% at 0% 100%, #020a0780, transparent 68%), radial-gradient(ellipse 58% 38% at 100% 100%, #020a0780, transparent 68%), linear-gradient(90deg, #00000038 0%, transparent 16%, transparent 84%, #00000038 100%), linear-gradient(180deg, #00000024 0%, transparent 18%, transparent 74%, #0000002e 100%);--home-splash-background:var(--home-splash-pattern), linear-gradient(180deg, #163722 0%, #0d271b 44%, #081b13 100%)}:root[data-home-app-active=true],:root[data-home-app-active=true] body,:root[data-home-app-active=true] #root{height:var(--home-app-shell-height,var(--app-height,100dvh));min-height:var(--home-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;overflow:hidden}:root[data-home-app-active=true] .app-wrapper{height:var(--home-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;min-height:0;overflow:hidden}@supports (height:100svh){:root[data-ios-chrome=true][data-home-app-active=true]{--home-app-ios-shell-height:min(var(--home-app-shell-height,var(--app-height,100svh)), 100svh)}:root[data-ios-chrome=true][data-home-app-active=true],:root[data-ios-chrome=true][data-home-app-active=true] body,:root[data-ios-chrome=true][data-home-app-active=true] #root{height:var(--home-app-ios-shell-height);min-height:var(--home-app-ios-shell-height)}:root[data-ios-chrome=true][data-home-app-active=true] .app-wrapper{height:var(--home-app-ios-shell-height)}}:root[data-theme=amoled-black] .app-wrapper{background-color:var(--app-shell-bg-color);background-image:var(--app-shell-bg-image);background-position:0 0,50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:70px 70px,auto,auto,auto}@media (width>=900px){:root[data-theme=amoled-black] .home-desktop-shell .app-wrapper{background-color:var(--app-shell-bg-color);background-image:var(--app-shell-bg-image);background-position:0 0,50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:70px 70px,auto,auto,auto}}@media (width<=899px){:root[data-home-app-active=true],:root[data-dhikr-library-active=true],:root[data-home-app-active=true] body,:root[data-dhikr-library-active=true] body,:root[data-home-app-active=true] #root,:root[data-dhikr-library-active=true] #root,:root[data-home-app-active=true] .app-wrapper,:root[data-dhikr-library-active=true] .app-wrapper{background-color:var(--home-splash-bg-color);background-image:var(--home-splash-background);background-position:0 0,50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:70px 70px,auto,auto,auto}:root[data-home-app-active=true] .app-wrapper:before,:root[data-dhikr-library-active=true] .app-wrapper:before{content:"";background:var(--home-splash-figure-glow);filter:blur(14px)saturate(1.08);opacity:.98;pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;position:absolute;inset:-8%}:root[data-home-app-active=true] .app-wrapper:after,:root[data-dhikr-library-active=true] .app-wrapper:after{content:"";background:var(--home-splash-edge-vignette);pointer-events:none;z-index:0;background-repeat:no-repeat;position:absolute;inset:0}:root[data-theme=amoled-black][data-home-app-active=true] .app-wrapper,:root[data-theme=amoled-black][data-dhikr-library-active=true] .app-wrapper{background-color:var(--home-splash-bg-color);background-image:var(--home-splash-background);background-position:0 0,50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:70px 70px,auto,auto,auto}}:root[data-home-app-active=true] .page-content{overscroll-behavior-y:none;overflow:hidden}:root[data-home-app-active=true] .topbar{touch-action:none}@media (width<=899px){:root[data-home-counter-active=true] .topbar{padding-bottom:4px}}:root[data-home-app-active=true] .home-app,:root[data-home-app-active=true] .home-app *{touch-action:none}:root[data-home-app-active=true] .home-app-target-input{touch-action:manipulation}.home-app{--home-app-scale:.94;--home-app-ring-size:274px;--home-app-action-height:43px;box-sizing:border-box;overscroll-behavior:none;place-items:stretch center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.home-app-board{width:min(100%,430px);height:100%;min-height:0;padding:calc(6px * var(--home-app-scale,1)) calc(16px * var(--home-app-scale,1)) calc(12px * var(--home-app-scale,1) + env(safe-area-inset-bottom,0px));row-gap:calc(10px * var(--home-app-scale,1));box-sizing:border-box;grid-template-rows:auto auto minmax(0,1fr) auto;margin-inline:auto;display:grid;overflow:hidden}:root[data-ios-chrome=true] .home-app-board{padding-bottom:calc(12px * var(--home-app-scale,1) + var(--app-safe-bottom,env(safe-area-inset-bottom,0px)))}.home-app-current{justify-items:center;gap:calc(6px * var(--home-app-scale,1));text-align:center;min-width:0;animation:.45s both home-app-enter;display:grid}.home-app-title-row{min-width:0;max-width:100%;padding-inline:clamp(32px, calc(38px * var(--home-app-scale,1)), 42px);grid-template-columns:minmax(0,1fr);justify-items:center;display:grid;position:relative}.home-app-dhikr-title{min-width:0;color:var(--white);font-size:clamp(18px, calc(25px * var(--home-app-scale,1)), 27px);overflow-wrap:anywhere;font-weight:800;line-height:1.15}.home-app-edit{width:clamp(24px, calc(28px * var(--home-app-scale,1)), 30px);height:clamp(24px, calc(28px * var(--home-app-scale,1)), 30px);background:var(--surface);color:var(--white40);font-size:clamp(13px, calc(16px * var(--home-app-scale,1)), 17px);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.home-app-edit-pencil{width:clamp(13px, calc(16px * var(--home-app-scale,1)), 17px);height:clamp(13px, calc(16px * var(--home-app-scale,1)), 17px);color:currentColor;pointer-events:none;display:block}.home-app-arabic{max-width:min(100%,380px);color:var(--gold);font-family:Georgia,Times New Roman,Amiri,serif;font-size:clamp(25px, calc(35px * var(--home-app-scale,1)), 39px);text-shadow:0 0 18px #ffd8741f;overflow-wrap:anywhere;direction:rtl;font-weight:400;line-height:1.2}.home-app-arabic.collapsed{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.38em;display:-webkit-box;overflow:hidden}.home-app-expand{color:#c8a951e6;font-size:clamp(10.5px, calc(12px * var(--home-app-scale,1)), 12.5px);background:0 0;border:0;font-weight:700}.home-app-meaning{max-width:min(100%,370px);color:var(--white60);font-size:clamp(11.5px, calc(15px * var(--home-app-scale,1)), 16.2px);margin:0;line-height:1.36}.home-app-okunus{max-width:min(100%,374px);color:var(--white80);font-size:clamp(13.5px, calc(17px * var(--home-app-scale,1)), 18.5px);overflow-wrap:anywhere;margin:0;font-weight:650;line-height:1.34}.home-app-targets{justify-content:center;align-items:center;gap:clamp(5px, calc(8px * var(--home-app-scale,1)), 8px);min-width:0;animation:.45s 80ms both home-app-enter;display:flex;overflow-x:clip}.home-app-target,.home-app-target-input{min-width:0;min-height:clamp(30px, calc(36px * var(--home-app-scale,1)), 38px);padding:clamp(6px, calc(8px * var(--home-app-scale,1)), 8px) clamp(11px, calc(18px * var(--home-app-scale,1)), 19px);border:1.5px solid var(--white20);color:var(--white60);font-family:inherit;font-size:clamp(12px, calc(15px * var(--home-app-scale,1)), 15px);font-variant-numeric:tabular-nums;text-align:center;background:0 0;border-radius:999px;font-weight:700}.home-app-target.active,.home-app-target-input{border-color:var(--gold);background:var(--gold-faint);color:var(--gold);box-shadow:0 0 0 1px #c8a9513d,0 0 14px #c8a9513d,inset 0 0 10px #c8a9511a}.home-app-target-icon,.home-app-target-input{width:clamp(40px, calc(54px * var(--home-app-scale,1)), 56px);flex:none;padding-inline:6px}.home-app-target-pencil,.home-app-target-infinity{width:clamp(16px, calc(19px * var(--home-app-scale,1)), 20px);height:clamp(16px, calc(19px * var(--home-app-scale,1)), 20px);color:currentColor;pointer-events:none;margin-inline:auto;display:block}.home-app-target-input{-moz-appearance:textfield;outline:none}.home-app-target-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.home-app-target-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home-app-ring-section{justify-content:center;align-items:center;gap:calc(8px * var(--home-app-scale,1));-webkit-user-select:none;user-select:none;flex-direction:column;min-height:0;animation:.45s .16s both home-app-enter;display:flex;overflow:hidden}.home-app-ring-button{width:min(var(--home-app-ring-size,274px), 100%);aspect-ratio:1;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.home-app-ring-button svg{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.home-app-ring-button svg circle{transition:stroke-dashoffset .35s cubic-bezier(.4,0,.2,1)}.home-app-ring-glow{pointer-events:none;background:radial-gradient(circle,#35805900 64%,#35805945 72%,#3580592b 82%,#35805914 90%,#35805900 100%);border-radius:999px;position:absolute;inset:0;box-shadow:0 0 22px #25694a4d,0 0 40px #25694a33,inset 0 0 10px #ffffff08}.home-app-ring-progress{filter:drop-shadow(0 0 7px #ffd8746b)}.home-app-ring-inner{z-index:2;pointer-events:none;background:linear-gradient(#ffffff0f 0%,#ffffff05 34%,#0000002e 100%),radial-gradient(circle at 50% 17%,#ffffff24,#0000 38%),linear-gradient(#1c3a2de6 0 40%,#132d23f0 50%,#081c14fa 100%);border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:7%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 12px 14px #ffffff0d,inset 0 -10px 16px #00000059,0 14px 24px #0006}.home-app:not(.counter-effects-preview) .home-app-ring-glow{transform-origin:50%;transition:transform .24s cubic-bezier(.22,.68,.24,1),filter .24s,opacity .24s;transform:scale(1)}.home-app:not(.counter-effects-preview) .home-app-ring-inner{transform-origin:50%;will-change:transform, filter;transition:transform .24s cubic-bezier(.22,.68,.24,1),background .24s,box-shadow .24s,filter .24s;transform:translate(0,0)scale(1)}.home-app:not(.counter-effects-preview) .home-app-ring-button.home-app-ring-pressed .home-app-ring-glow{filter:brightness(.92)saturate(.96);opacity:.88;transition-duration:.19s;transform:scale(1)}.home-app:not(.counter-effects-preview) .home-app-ring-button.home-app-ring-pressed .home-app-ring-inner{filter:brightness(.98);background:linear-gradient(#ffffff06 0%,#ffffff03 32%,#00000042 100%),radial-gradient(circle at 50% 20%,#ffffff12,#0000 36%),linear-gradient(#163025f0 0 42%,#0e241bf7 52%,#061711fc 100%);transition-duration:.19s;transform:translateY(2px)scale(1);box-shadow:inset 0 0 0 1px #ffffff09,inset 3px 6px 14px #00000042,inset -2px -3px 8px #ffffff06,inset 0 -10px 14px #00000052,0 10px 17px #00000057}@media (prefers-reduced-motion:reduce){.home-app:not(.counter-effects-preview) .home-app-ring-glow,.home-app:not(.counter-effects-preview) .home-app-ring-inner{transition:background 80ms,box-shadow 80ms,filter 80ms,opacity 80ms}.home-app:not(.counter-effects-preview) .home-app-ring-button.home-app-ring-pressed .home-app-ring-glow,.home-app:not(.counter-effects-preview) .home-app-ring-button.home-app-ring-pressed .home-app-ring-inner{transform:none}}.home-app-ring-number{color:var(--white);font-size:clamp(46px, calc(64px * var(--home-app-scale,1)), 68px);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:900;line-height:.95}.home-app-ring-target{margin-top:calc(7px * var(--home-app-scale,1));color:var(--white40);font-size:clamp(12px, calc(18px * var(--home-app-scale,1)), 19px);font-weight:700}.home-app-ring-copy{justify-items:center;gap:calc(5px * var(--home-app-scale,1));min-height:calc(38px * var(--home-app-scale,1));text-align:center;display:grid}.home-app-ring-remain{color:var(--gold-dim);font-size:clamp(12px, calc(15px * var(--home-app-scale,1)), 16px);font-weight:800}.home-app-ring-hint{color:var(--white20);font-size:clamp(12px, calc(14px * var(--home-app-scale,1)), 15px);letter-spacing:.24em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.home-app-bottom{place-items:center;gap:calc(14px * var(--home-app-scale,1));grid-template-columns:minmax(0,1fr);min-width:0;animation:.45s .24s both home-app-enter;display:grid}.app-wrapper.home-start-transition{animation:.42s cubic-bezier(.2,.64,.22,1) both homeStartShellEnter}.home-start-transition .topbar{animation:.52s cubic-bezier(.2,.64,.22,1) both homeStartTopbarEnter}.home-start-transition .home-app-board{animation:.56s cubic-bezier(.2,.72,.22,1) both homeStartBoardEnter}.home-app-feedback-pills{justify-content:center;align-items:center;gap:clamp(5px, calc(7px * var(--home-app-scale,1)), 8px);flex-wrap:nowrap;width:100%;min-width:0;display:flex}.home-app-sound{min-width:0;min-height:clamp(32px, calc(38px * var(--home-app-scale,1)), 40px);justify-content:center;align-items:center;gap:clamp(5px, calc(7px * var(--home-app-scale,1)), 8px);padding:6px clamp(8px, calc(11px * var(--home-app-scale,1)), 14px);font-family:inherit;font-size:clamp(12px, calc(13.6px * var(--home-app-scale,1)), 14.6px);color:var(--white40);background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;flex:.82 1 0;font-weight:700;display:inline-flex}.home-app-vibration{flex:1.02 1 0;min-width:0}.home-app-feedback-pills .home-app-sound span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-app-sound span:first-child{font-size:clamp(16px, calc(18px * var(--home-app-scale,1)), 19px);line-height:1}.home-app-sound-icon{contain:layout paint;flex:0 0 21px;place-items:center;width:21px;height:21px;line-height:1;display:inline-grid}.home-app-sound-icon .sound-state-icon{width:21px;height:21px}.home-app-vibration-icon{width:clamp(18px, calc(21px * var(--home-app-scale,1)), 22px);height:clamp(18px, calc(21px * var(--home-app-scale,1)), 22px);flex:0 0 clamp(18px, calc(21px * var(--home-app-scale,1)), 22px);contain:layout paint;place-items:center;line-height:1;display:inline-grid}.home-app-vibration-icon .vibration-state-icon{width:100%;height:100%}.home-app-vibration svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:1em;height:1em;display:block}.home-app-sound.active{color:var(--gold);background:#c8a9511a;border-color:#c8a95161}.home-app-actions{gap:calc(10px * var(--home-app-scale,1));grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;display:grid}.home-app-action{min-width:0;min-height:clamp(38px, var(--home-app-action-height,44px), 50px);padding-inline:calc(16px * var(--home-app-scale,1));font-family:inherit;font-size:clamp(13px, calc(15px * var(--home-app-scale,1)), 16px);border-radius:16px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.home-app-action:disabled{cursor:default;opacity:.48}.home-app-undo{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff14,0 4px 10px #0000002e}.home-app-reset{color:#2b210e;-webkit-text-fill-color:#2b210e;background-color:#f2cf70;background-image:linear-gradient(#ffe7a7 0%,#f2cf70 55%,#d9b454 100%);border:1px solid #ffd87485;box-shadow:inset 0 1px #ffffff61,0 6px 14px #0000003d,0 0 18px #ffd87433}.home-app-action-icon,.home-app-reset-icon{fill:currentColor;flex:none;width:16px;height:16px;display:block}.home-app-easy-read .home-app-board{padding-top:calc(8px * var(--home-app-scale,1));padding-inline:calc(18px * var(--home-app-scale,1));row-gap:calc(8px * var(--home-app-scale,1))}.home-app-easy-read .home-app-current{gap:calc(7px * var(--home-app-scale,1))}.home-app-easy-read .home-app-title-row{padding-inline:clamp(36px, calc(42px * var(--home-app-scale,1)), 46px)}.home-app-easy-read .home-app-dhikr-title{font-size:clamp(22px, calc(30px * var(--home-app-scale,1)), 32px);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.12;display:-webkit-box;overflow:hidden}.home-app-easy-read .home-app-edit{width:clamp(30px, calc(34px * var(--home-app-scale,1)), 36px);height:clamp(30px, calc(34px * var(--home-app-scale,1)), 36px)}.home-app-easy-read .home-app-edit-pencil{width:clamp(15px, calc(18px * var(--home-app-scale,1)), 19px);height:clamp(15px, calc(18px * var(--home-app-scale,1)), 19px)}.home-app-easy-read .home-app-arabic{max-width:min(100%,398px);font-size:clamp(31px, calc(42px * var(--home-app-scale,1)), 48px);line-height:1.27}.home-app-easy-read .home-app-arabic.collapsed{-webkit-line-clamp:2;max-height:2.7em}.home-app-easy-read .home-app-expand{min-height:28px;font-size:clamp(12px, calc(13.5px * var(--home-app-scale,1)), 14px)}.home-app-easy-read .home-app-okunus{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:min(100%,386px);display:-webkit-box;overflow:hidden}.home-app-easy-read .home-app-meaning{max-width:min(100%,386px);color:var(--white80);font-size:clamp(15px, calc(18px * var(--home-app-scale,1)), 20px);line-height:1.42}.home-app-easy-read .home-app-targets{gap:clamp(5px, calc(7px * var(--home-app-scale,1)), 8px)}.home-app-easy-read .home-app-target,.home-app-easy-read .home-app-target-input{min-height:clamp(42px, calc(46px * var(--home-app-scale,1)), 48px);padding-block:clamp(8px, calc(10px * var(--home-app-scale,1)), 11px);padding-inline:clamp(12px, calc(17px * var(--home-app-scale,1)), 18px);font-size:clamp(15px, calc(17px * var(--home-app-scale,1)), 18px)}.home-app-easy-read .home-app-target-icon,.home-app-easy-read .home-app-target-input{width:clamp(48px, calc(58px * var(--home-app-scale,1)), 60px)}.home-app-easy-read .home-app-target-pencil,.home-app-easy-read .home-app-target-infinity{width:clamp(18px, calc(22px * var(--home-app-scale,1)), 23px);height:clamp(18px, calc(22px * var(--home-app-scale,1)), 23px)}.home-app-easy-read .home-app-ring-section{gap:calc(8px * var(--home-app-scale,1))}.home-app-easy-read .home-app-ring-copy{min-height:calc(45px * var(--home-app-scale,1))}.home-app-easy-read .home-app-ring-number{font-size:clamp(46px, calc(60px * var(--home-app-scale,1)), 66px);font-weight:850}.home-app-easy-read .home-app-ring-target{font-size:clamp(14px, calc(18px * var(--home-app-scale,1)), 20px)}.home-app-easy-read .home-app-ring-remain{font-size:clamp(15px, calc(17px * var(--home-app-scale,1)), 19px)}.home-app-easy-read .home-app-ring-hint{font-size:clamp(11px, calc(12.5px * var(--home-app-scale,1)), 14px);letter-spacing:.16em}.home-app-easy-read .home-app-bottom{gap:calc(8px * var(--home-app-scale,1))}.home-app-easy-read .home-app-action{min-height:clamp(44px, var(--home-app-action-height,50px), 54px);font-size:clamp(15px, calc(17px * var(--home-app-scale,1)), 18px);border-radius:8px}.home-app-easy-read .home-app-action-icon{width:18px;height:18px}.tesbih-mode-demo .home-app-ring-section,.tesbih-mode-addon-host .home-app-ring-section{overflow:visible}.tesbih-mode-ring-stage{width:min(var(--home-app-ring-size,274px), 100%);aspect-ratio:1;isolation:isolate;flex:none;margin-inline:auto;position:relative;overflow:visible}.tesbih-mode-ring-stage .home-app-ring-button{width:100%}.tesbih-mode-demo.tesbih-mode-active .home-app-ring-button,.tesbih-mode-addon-host.tesbih-mode-addon-active .home-app-ring-button{pointer-events:none;cursor:default}.tesbih-mode-demo.tesbih-mode-active .home-app-ring-inner,.tesbih-mode-addon-host.tesbih-mode-addon-active .home-app-ring-inner{box-shadow:inset 0 0 0 1px #ffd87412,inset 0 12px 14px #ffffff0b,inset 0 -10px 16px #00000059,0 14px 24px #0006}.tesbih-mode-demo.tesbih-mode-active .home-app-ring-hint,.tesbih-mode-addon-host.tesbih-mode-addon-active .home-app-ring-hint{color:var(--white30);letter-spacing:.22em}.tesbih-mode-toggle{flex:1.38 1 0;min-width:0;position:relative;overflow:visible}.tesbih-mode-toggle-dot{background:#ffffff38;border-radius:999px;flex:0 0 10px;width:10px;height:10px;box-shadow:inset 0 0 0 1px #ffffff29}.tesbih-mode-toggle.active .tesbih-mode-toggle-dot{background:var(--gold);box-shadow:0 0 10px #ffd87461,inset 0 0 0 1px #ffffff57}.tesbih-mode-new-badge{z-index:1;color:#192a18f5;letter-spacing:0;pointer-events:none;background:linear-gradient(#fff7cafa,#ffd05bf5);border:1px solid #ffebaa80;border-radius:999px;padding:.5px 4px 1px;font-size:8px;font-weight:850;line-height:1;animation:1.8s ease-in-out infinite tesbih-new-badge-glow;position:absolute;top:-12px;left:-1px;box-shadow:0 5px 12px #00000038,0 0 12px #ffd87457}.tesbih-mode-new-badge-text{transform-origin:50%;margin:-1px -3px;display:block;transform:scale(.68)}.tesbih-mode-addon-host .tesbih-mode-toggle.active .tesbih-mode-new-badge{opacity:.48;filter:saturate(.62)brightness(.88);animation:none;box-shadow:0 3px 8px #00000029,0 0 6px #ffd8742e}@keyframes tesbih-new-badge-glow{0%,to{transform:translateY(0)scale(1);box-shadow:0 5px 12px #00000038,0 0 10px #ffd87447}48%{transform:translateY(-1px)scale(1.04);box-shadow:0 6px 14px #00000040,0 0 17px #ffd8749e}}:root[data-home-app-edit=true] .home-app-bottom{opacity:0;pointer-events:none}:root[data-home-counter-active=true] .page-content{--home-counter-dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E");--home-counter-dock-border:#c8a9512b;--home-counter-dock-bg:radial-gradient(circle at 14% 9%, #ffd8741b, transparent 28%), radial-gradient(ellipse 58% 40% at 92% 88%, #4fb98018, transparent 64%), linear-gradient(180deg, #ffffff0d, #ffffff03), radial-gradient(ellipse 86% 46% at 50% -12%, #193e2bc2, transparent 68%), linear-gradient(160deg, #143421 0%, #102b1b 54%, #0b2418 100%);--home-counter-current-bg:radial-gradient(ellipse 72% 44% at 85% 86%, #46a7741a, transparent 68%), linear-gradient(180deg, #ffffff0f, #ffffff04), linear-gradient(160deg, #1a422d 0%, #143421 54%, #0e261b 100%);--home-counter-current-border:#c8a9512b;--home-counter-current-shadow:inset 0 1px 0 #ffffff16, inset 0 -1px 0 #0000002e, 0 8px 18px #00000021, 0 0 22px #4fb9800b;--home-counter-current-overlay-accent:#4fb98011;--home-counter-dock-shadow:0 0 0 1px #c8a9510a, 0 8px 18px #00000038, 0 0 30px #4fb9800e;--home-counter-dock-panel-border:#97d3ab1f;--home-counter-dock-panel-bg:radial-gradient(circle at 12% 8%, #ffd87412, transparent 36%), radial-gradient(ellipse 52% 44% at 92% 100%, #4fb98015, transparent 64%), linear-gradient(180deg, #ffffff09, #ffffff02), linear-gradient(160deg, #0f281ceb 0%, #081b13f5 100%);--home-counter-dock-panel-shadow:inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #0000003d;--home-counter-status-pill-border:#97d3ab1a;--home-counter-status-pill-bg:radial-gradient(circle at 14% 12%, #ffd8740d, transparent 34%), linear-gradient(180deg, #ffffff0f, #ffffff04), linear-gradient(160deg, #112e20f0 0%, #091c14f5 100%);--home-counter-status-pill-color:#e8f0e2b3;--home-counter-status-pill-shadow:inset 0 1px 0 #ffffff0f, inset 0 -1px 0 #00000026, 0 6px 14px #0000001a;--home-counter-status-pill-icon-bg:linear-gradient(180deg, #ffffff18, #ffffff06), #ffffff12;--home-counter-targets-border:#97d3ab1c;--home-counter-targets-bg:linear-gradient(180deg, #ffffff08, #ffffff02), #05181175;--home-counter-targets-shadow:inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #00000038;--home-counter-target-bg:linear-gradient(180deg, #ffffff07, #ffffff01);--home-counter-target-color:#e8f0e299;scrollbar-gutter:auto}:root[data-home-counter-active=true] .home-counter-page .home-app-board{--home-counter-dock-width:min(100%, 376px);--home-counter-current-width:calc(var(--home-counter-dock-width) - clamp(18px, calc(20px * var(--home-app-scale,1)), 22px));--home-counter-panel-bottom-extend:clamp(12px, calc(18px * var(--home-app-scale,1)), 22px);row-gap:clamp(7px, calc(9px * var(--home-app-scale,1)), 10px);padding-top:clamp(0px, calc(2px * var(--home-app-scale,1)), 3px);isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-app-board:before,:root[data-home-counter-active=true] .home-counter-page .home-app-board:after{content:none}:root[data-home-counter-active=true] .home-counter-page .home-app-board>*{z-index:1;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-app-current{grid-area:1/1}:root[data-home-counter-active=true] .home-counter-page .home-app-targets{grid-area:auto}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-section{padding-top:clamp(4px, calc(8px * var(--home-app-scale,1)), 10px);box-sizing:border-box;grid-area:2/1}:root[data-home-counter-active=true] .home-counter-page .home-app-bottom{width:min(100%, var(--home-counter-dock-width));grid-area:3/1;justify-self:center}:root[data-home-counter-active=true] .hamburger{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0f,#ffffff05),#0425168f;border:1px solid #d1b76224;border-radius:14px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000002e,0 8px 18px #00000024}:root[data-home-counter-active=true] .hamburger:active{background:linear-gradient(#ffffff0b,#ffffff04),#042516b3;border-color:#ffd8743d;transform:translateY(1px)scale(.98)}:root[data-home-counter-active=true] .home-counter-page .home-app-current{width:min(100%, var(--home-counter-current-width));min-height:clamp(152px, calc(162px * var(--home-app-scale,1)), 176px);margin-top:clamp(5px, calc(7px * var(--home-app-scale,1)), 9px);padding:clamp(14px, calc(16px * var(--home-app-scale,1)), 18px) clamp(14px, calc(16px * var(--home-app-scale,1)), 18px) clamp(10px, calc(12px * var(--home-app-scale,1)), 14px);align-content:center;justify-self:center;gap:clamp(5px, calc(7px * var(--home-app-scale,1)), 9px);border:1px solid var(--home-counter-current-border);background:var(--home-counter-current-bg);box-shadow:var(--home-counter-current-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;border-radius:23px;position:relative;top:auto;overflow:hidden}:root[data-home-counter-active=true] .home-counter-page .home-app-current:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(145deg, #ffffff13 0%, transparent 34%, #00000024 100%), radial-gradient(ellipse 80% 24% at 50% -2%, #ffffff0e, transparent 72%), radial-gradient(ellipse 58% 40% at 100% 100%, var(--home-counter-current-overlay-accent), transparent 68%), var(--home-counter-dither);opacity:.46;mix-blend-mode:soft-light;pointer-events:none;background-size:auto,auto,auto,64px 64px;position:absolute;inset:0}:root[data-home-counter-active=true] .home-counter-page .home-app-current:after{content:"";opacity:.58;pointer-events:none;background:linear-gradient(90deg,#0000,#ffd87433,#0000);height:1px;position:absolute;bottom:-1px;left:24px;right:24px}:root[data-home-counter-active=true] .home-counter-page .home-app-current>*{z-index:1;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-app-title-row{width:100%}:root[data-home-counter-active=true] .home-counter-page .home-app-edit{color:#e8f0e275;background:#ffffff0e;right:2px}:root[data-home-counter-active=true] .home-counter-page .home-app-dhikr-title{font-size:clamp(18px, calc(23px * var(--home-app-scale,1)), 27px)}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-glass .home-app-title-row{margin-bottom:1px}:root[data-home-counter-active=true] .home-counter-page .home-app-arabic{font-size:clamp(25px, calc(33px * var(--home-app-scale,1)), 36px)}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-glass .home-app-arabic{text-shadow:0 0 18px #ffd87429,0 1px #00000029;box-sizing:border-box;background:radial-gradient(#ffd87420,#ffd8740b 48%,#0000 76%);border-radius:999px;max-width:min(100%,344px);padding:1px 12px 3px}:root[data-home-counter-active=true] .home-counter-page .home-app-meaning{color:#e8f0e2a8}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-glass .home-app-meaning{max-width:min(100%,342px);margin-top:1px;line-height:1.38}:root[data-home-counter-active=true] .home-counter-page .home-app-targets{width:min(calc(100% - 26px), calc(var(--home-counter-current-width) - clamp(14px, calc(15px * var(--home-app-scale,1)), 16px)));margin-top:clamp(4px, calc(5px * var(--home-app-scale,1)), 6px);z-index:2;border:1px solid var(--home-counter-targets-border);background:var(--home-counter-targets-bg);max-height:46px;box-shadow:var(--home-counter-targets-shadow);box-sizing:border-box;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;place-self:auto center;gap:3px;margin-bottom:0;padding:4px;display:grid;position:relative;top:auto;overflow:visible}:root[data-home-counter-active=true] .home-counter-page .home-app-target,:root[data-home-counter-active=true] .home-counter-page .home-app-target-input{min-height:clamp(28px, calc(31px * var(--home-app-scale,1)), 33px);background:var(--home-counter-target-bg);color:var(--home-counter-target-color);box-shadow:none;border:1px solid #0000;border-radius:12px;padding-block:5px;padding-inline:6px;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}:root[data-home-counter-active=true] .home-counter-page .home-app-target-pencil,:root[data-home-counter-active=true] .home-counter-page .home-app-target-infinity{width:clamp(14px, calc(16px * var(--home-app-scale,1)), 17px);height:clamp(14px, calc(16px * var(--home-app-scale,1)), 17px)}:root[data-home-counter-active=true] .home-counter-page .home-app-target:not(.home-app-target-icon){flex:unset}:root[data-home-counter-active=true] .home-counter-page .home-app-target-icon,:root[data-home-counter-active=true] .home-counter-page .home-app-target-input{width:100%}:root[data-home-counter-active=true] .home-counter-page .home-app-target.active,:root[data-home-counter-active=true] .home-counter-page .home-app-target-input{color:var(--gold);background:linear-gradient(#ffd8743d,#ffd87418),#ffd87414;border-color:#ffd87466;box-shadow:inset 0 1px #ffffff26,0 2px 8px #00000024,0 0 11px #ffd8741a}:root[data-home-counter-active=true] .home-counter-page .home-app-target:active{transform:translateY(1px)scale(.985)}@media (width<=430px){:root[data-home-counter-active=true] .home-counter-page .home-app-targets{gap:3px;width:min(100% - 22px,322px);padding-inline:4px}:root[data-home-counter-active=true] .home-counter-page .home-app-target,:root[data-home-counter-active=true] .home-counter-page .home-app-target-input{min-height:clamp(28px, calc(30px * var(--home-app-scale,1)), 32px);font-size:clamp(12px, calc(14px * var(--home-app-scale,1)), 14px)}}.home-custom-target-overlay{z-index:1350;padding:max(12px, env(safe-area-inset-top)) 10px 0;-webkit-backdrop-filter:blur(8px)saturate(.9);backdrop-filter:blur(8px)saturate(.9);background:radial-gradient(#00000014 0%,#00000047 58%,#00000094 100%),linear-gradient(#0000001f,#0000006b),#0000003d;justify-content:center;align-items:flex-end;animation:.18s ease-out both homeCustomTargetOverlayIn;display:flex;position:fixed;inset:0}.home-custom-target-sheet{width:min(100%,430px);max-width:430px;padding:10px 16px calc(16px + env(safe-area-inset-bottom));border:1px solid var(--home-counter-dock-border,#d1b7623d);background:var(--home-counter-dock-bg,linear-gradient(180deg, #18211cfa, #080c0afc));transform:translateY(var(--home-custom-target-sheet-y,0px));touch-action:none;border-bottom:0;border-radius:28px 28px 0 0;animation:.36s cubic-bezier(.2,.95,.18,1) both homeCustomTargetSheetUp;box-shadow:0 -1px #ffffff0f,0 -18px 50px #0000006b,0 0 34px #c8a95124}.home-custom-target-sheet.is-dragging{transition:none;animation:none}.home-custom-target-sheet.is-closing{pointer-events:none;animation:.28s cubic-bezier(.42,0,.72,1) both homeCustomTargetSheetDown}.home-custom-target-handle{cursor:grab;background:#ffffff42;border-radius:999px;width:42px;height:5px;margin:0 auto 12px}.home-custom-target-form{touch-action:pan-y;gap:11px;display:grid}.home-custom-target-head{text-align:center;gap:4px;display:grid}.home-custom-target-head span{color:var(--gold-dim);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1}.home-custom-target-head strong{color:var(--text-primary);font-size:21px;font-weight:800;line-height:1.18}.home-custom-target-field{gap:7px;display:grid}.home-custom-target-field>span,.home-custom-target-meta{color:var(--text-tertiary);text-align:center;font-size:12px;font-weight:700;line-height:1.2}.home-custom-target-numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.home-custom-target-key,.home-custom-target-input,.home-custom-target-action{font-family:inherit}.home-custom-target-key{min-height:46px;color:var(--gold);cursor:pointer;background:linear-gradient(#ffffff13,#ffffff06),#ffffff0b;border:1px solid #d1b7622e;border-radius:14px;padding:0;font-size:24px;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff1a,0 5px 12px #00000029}.home-custom-target-key.utility{color:#e8f0e2c7;font-size:12px;font-weight:800}.home-custom-target-key:disabled{cursor:default;opacity:.42}.home-custom-target-input{width:100%;min-height:54px;color:var(--gold);text-align:center;background:linear-gradient(#0000002e,#ffffff05),#02190f3d;border:1px solid #ffd8746b;border-radius:16px;outline:none;padding:8px 12px;font-size:28px;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffd87414}.home-custom-target-input:focus{border-color:#ffd8749e;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #ffd8741f,0 0 18px #ffd8741c}.home-custom-target-meta{min-height:15px}.home-custom-target-meta [role=alert]{color:#ffb4a9}.home-custom-target-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-custom-target-action{cursor:pointer;border:1px solid #d1b7622e;border-radius:14px;min-height:46px;font-size:14px;font-weight:800}.home-custom-target-action.secondary{color:#e8f0e2d1;background:linear-gradient(#ffffff0f,#ffffff05),#002f1f6b}.home-custom-target-action.primary{color:#2d220b;background:linear-gradient(#ffe390 0%,#f2c963 56%,#d3a943 100%);border-color:#ffe18a8a;box-shadow:inset 0 1px #ffffff70,0 8px 18px #0003,0 0 20px #ffd87424}.home-custom-target-action:disabled{cursor:default;opacity:.44}.home-custom-target-key:not(:disabled):active,.home-custom-target-action:not(:disabled):active{transform:translateY(1px)scale(.99)}@keyframes homeCustomTargetOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes homeCustomTargetSheetUp{0%{transform:translateY(calc(100% + 18px))}to{transform:translateY(var(--home-custom-target-sheet-y,0px))}}@keyframes homeCustomTargetSheetDown{0%{transform:translateY(var(--home-custom-target-sheet-y,0px))}to{transform:translateY(calc(100% + 18px))}}@keyframes homeCustomTargetPop{0%{transform:translateY(8px)scale(.97)}to{transform:translateY(0)scale(1)}}@media (width>=900px){.home-desktop-shell .home-custom-target-overlay{align-items:center;padding:24px}.home-desktop-shell .home-custom-target-sheet{border-bottom:1px solid var(--home-counter-dock-border,#d1b7623d);border-radius:24px;max-width:360px;animation:.22s cubic-bezier(.2,.95,.18,1) both homeCustomTargetPop}.home-desktop-shell .home-custom-target-sheet.is-closing{animation:.2s cubic-bezier(.42,0,.72,1) both homeCustomTargetPopOut}.home-desktop-shell .home-custom-target-head strong,.home-desktop-shell .home-custom-target-input{font-weight:800}}@keyframes homeCustomTargetPopOut{0%{transform:translateY(0)scale(1)}to{transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){.home-custom-target-overlay,.home-custom-target-sheet,.home-desktop-shell .home-custom-target-sheet{animation-duration:1ms}}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-inner:before{content:"";z-index:0;border-radius:inherit;background-image:var(--home-counter-dither);opacity:.045;mix-blend-mode:soft-light;pointer-events:none;background-size:64px 64px;position:absolute;inset:0}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-inner:after{content:"";z-index:0;border-radius:inherit;opacity:.86;pointer-events:none;background:radial-gradient(at 50% 15%,#ffffff2e,#ffffff13 30%,#0000 52%),linear-gradient(#ffffff0d,#0000 42%,#0003 100%);position:absolute;inset:0}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-inner>*{z-index:1;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-inner{isolation:isolate;background:linear-gradient(#ffffff0f,#ffffff04 38%,#0000003d 100%),linear-gradient(#365d48 0%,#244633 42%,#133124 70%,#071b12 100%);inset:8.2%;overflow:hidden;box-shadow:inset 0 0 0 1px #d1b76221,inset 0 2px #ffffff13,inset 0 -34px 38px #0000006e,0 16px 30px #00000057}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-number{font-size:clamp(50px, calc(70px * var(--home-app-scale,1)), 74px)}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button svg circle:first-child{stroke:#7a977738}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-section,:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button,:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button svg{overflow:visible}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-glow{background:radial-gradient(circle,#35805900 64%,#3580593e 72%,#35805927 82%,#35805912 90%,#35805900 100%);box-shadow:0 0 22px #25694a45,0 0 40px #25694a2e,inset 0 0 10px #ffffff07}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-progress{filter:drop-shadow(0 0 5px #ffd87452)drop-shadow(0 0 11px #ffc4301f);will-change:stroke-dashoffset;transition:stroke-dashoffset .7s cubic-bezier(.2,.86,.18,1),opacity .18s,filter .18s}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button.home-app-ring-pressed .home-app-ring-progress{filter:drop-shadow(0 0 7px #ffd87461)drop-shadow(0 0 15px #ffc43029)}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball{pointer-events:none;opacity:0;transform-box:view-box;will-change:transform;filter:drop-shadow(0 0 12px #fffadcf5)drop-shadow(0 0 22px #ffd874ad)drop-shadow(0 0 34px #ff8a205c);transition:transform .7s cubic-bezier(.2,.86,.18,1),opacity .18s,filter .18s}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-visible{opacity:.98}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-halo,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-flame-glow,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-tail,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-orb,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-core{transform-box:fill-box;transform-origin:50%}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-halo{opacity:.84;mix-blend-mode:screen;animation:.72s ease-in-out infinite home-counter-ring-tip-halo-breathe}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-flame-glow{opacity:.58;transform-origin:100%;mix-blend-mode:screen;animation:.64s ease-in-out infinite alternate home-counter-ring-tip-tail-breathe}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-tail{opacity:.88;transform-origin:100%;mix-blend-mode:screen;animation:.56s ease-in-out infinite alternate home-counter-ring-tip-tail-breathe}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-orb{opacity:.92;mix-blend-mode:screen;animation:.68s ease-in-out infinite home-counter-ring-tip-orb-breathe}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-core{opacity:.84;animation:.76s ease-in-out infinite home-counter-ring-tip-core-breathe}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button.home-app-ring-pressed .home-counter-ring-tip-fireball.is-visible{opacity:1;filter:drop-shadow(0 0 14px #fffadc)drop-shadow(0 0 27px #ffd874c7)drop-shadow(0 0 42px #ff8a2075)}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-visible.is-boosted,:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button.home-app-ring-pressed .home-counter-ring-tip-fireball.is-visible.is-boosted{opacity:1;filter:drop-shadow(0 0 17px #fffadc)drop-shadow(0 0 34px #ffd874e0)drop-shadow(0 0 52px #ff8a208a)}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-boosted .home-counter-ring-tip-halo{animation:.36s ease-out both home-counter-ring-tip-halo-boost}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-boosted .home-counter-ring-tip-flame-glow{opacity:.76}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-boosted .home-counter-ring-tip-tail{opacity:.98}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-boosted .home-counter-ring-tip-orb{animation:.36s ease-out both home-counter-ring-tip-orb-boost}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-boosted .home-counter-ring-tip-core{animation:.36s ease-out both home-counter-ring-tip-core-boost}@supports (-webkit-touch-callout:none){@media (hover:none) and (pointer:coarse){:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-visible{opacity:1;filter:drop-shadow(0 0 15px #fffadc)drop-shadow(0 0 30px #ffd874d1)drop-shadow(0 0 46px #ff8a207a)}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-halo{opacity:.96;animation-name:home-counter-ring-tip-halo-breathe-ios}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-flame-glow{opacity:.68}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button.home-app-ring-pressed .home-counter-ring-tip-fireball.is-visible{filter:drop-shadow(0 0 18px #fffadc)drop-shadow(0 0 34px #ffd874e6)drop-shadow(0 0 52px #ff8a208a)}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball.is-visible.is-boosted,:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button.home-app-ring-pressed .home-counter-ring-tip-fireball.is-visible.is-boosted{filter:drop-shadow(0 0 21px #fffadc)drop-shadow(0 0 40px #ffd874f5)drop-shadow(0 0 60px #ff8a2099)}}}:root[data-home-counter-active=true] .home-counter-page .home-app-ring-button.home-app-ring-pressed .home-app-ring-inner{background:linear-gradient(#ffffff08,#ffffff03 38%,#0000004d 100%),linear-gradient(#294a39 0%,#1d3a2c 42%,#10291e 72%,#061810 100%);box-shadow:inset 0 0 0 1px #d1b76217,inset 0 2px #ffffff0a,inset 0 -28px 32px #0000007a,0 10px 18px #0000005c}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-mini-dock .home-app-current{border-color:var(--home-counter-dock-border);background:var(--home-counter-current-bg);box-shadow:var(--home-counter-dock-shadow);border-radius:19px;gap:6px;padding:10px 12px 12px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-mini-dock .home-app-title-row{justify-items:start;padding-inline:6px 38px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-mini-dock .home-app-dhikr-title{font-size:clamp(18px, calc(21px * var(--home-app-scale,1)), 23px);text-align:left}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-mini-dock .home-app-edit{background:#ffffff12;right:4px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-mini-dock .home-app-arabic{font-size:clamp(25px, calc(31px * var(--home-app-scale,1)), 34px);margin-top:1px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-mini-dock .home-app-meaning{max-width:min(100%,330px);font-size:clamp(11.5px, calc(13.8px * var(--home-app-scale,1)), 15px)}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-current{background:var(--home-counter-current-bg);border-radius:22px;gap:7px;padding:8px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-title-row{box-sizing:border-box;background:linear-gradient(#fff1,#ffffff06),#ffffff09;border:1px solid #d1b76221;border-radius:15px;place-items:center start;min-height:35px;padding:7px 36px 7px 12px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-dhikr-title{font-size:clamp(17px, calc(20px * var(--home-app-scale,1)), 22px);text-align:left}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-edit{background:#ffffff0f;right:7px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-arabic{box-sizing:border-box;width:100%;font-size:clamp(25px, calc(31px * var(--home-app-scale,1)), 35px);background:#ffd8740b;border-radius:14px;padding:4px 10px 2px}:root[data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-meaning{width:calc(100% - 8px);max-width:none;font-size:clamp(11.5px, calc(13.6px * var(--home-app-scale,1)), 15px);border-top:1px solid #d1b7621f;padding-top:7px}:root[data-home-counter-active=true] .home-counter-page .home-counter-toast{left:50%;bottom:calc(152px * var(--home-app-scale,1) + env(safe-area-inset-bottom,0px));color:#f8eecdf5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;z-index:8;pointer-events:none;background:linear-gradient(#ffffff16,#ffffff08),#052317eb;border:1px solid #ffd8743d;border-radius:14px;width:min(100% - 34px,354px);padding:10px 12px;font-size:12.5px;font-weight:700;line-height:1.28;animation:.18s both home-counter-toast-in;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 14px 28px #00000057}:root[data-home-counter-active=true] .home-counter-page .home-app-bottom{width:min(100%,376px);margin-top:clamp(3px, calc(4px * var(--home-app-scale,1)), 5px);padding:clamp(7px, calc(8px * var(--home-app-scale,1)), 9px);justify-self:center;gap:clamp(6px, calc(7px * var(--home-app-scale,1)), 8px);isolation:isolate;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:24px;margin-bottom:0;position:relative;overflow:visible;translate:none}:root[data-home-counter-active=true] .home-counter-page .home-app-bottom:before{content:"";inset-inline:0;z-index:0;border:1px solid var(--home-counter-dock-border);background:var(--home-counter-dock-bg);box-shadow:var(--home-counter-dock-shadow);pointer-events:none;border-radius:28px;position:absolute;top:0;bottom:0}:root[data-home-counter-active=true] .home-counter-page .home-app-bottom>*{z-index:1;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-app-feedback-pills{border:1px solid var(--home-counter-dock-panel-border);background:var(--home-counter-dock-panel-bg);box-shadow:var(--home-counter-dock-panel-shadow);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:5px;padding:4px;display:grid;position:relative;overflow:visible}:root[data-home-counter-active=true] .home-counter-page .home-app-feedback-pills:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(145deg, #ffffff0e 0%, transparent 38%, #0000001f 100%), var(--home-counter-dither);opacity:.22;mix-blend-mode:soft-light;pointer-events:none;background-size:auto,64px 64px;position:absolute;inset:0}:root[data-home-counter-active=true] .home-counter-page .home-app-feedback-pills>*{z-index:1;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill{flex:unset;min-height:clamp(48px, calc(52px * var(--home-app-scale,1)), 54px);padding:7px clamp(6px, calc(8px * var(--home-app-scale,1)), 9px);border:1px solid var(--home-counter-status-pill-border);background:var(--home-counter-status-pill-bg);color:var(--home-counter-status-pill-color);box-shadow:var(--home-counter-status-pill-shadow);border-radius:14px;grid-template-columns:22px minmax(0,1fr);justify-content:center;align-items:center;gap:7px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill:before{content:"";z-index:0;border-radius:inherit;opacity:.72;mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(145deg,#ffffff12 0%,#0000 42%,#0000001a 100%),radial-gradient(74% 28% at 50% 0,#ffffff0b,#0000 72%);position:absolute;inset:0}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill>*{z-index:1;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill:after{content:"";z-index:2;background:#e8f0e242;border-radius:999px;width:6px;height:6px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 3px #e8f0e209}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill.active{color:var(--gold);background:linear-gradient(#ffd8743d,#ffd87417),#ffd87416;border-color:#ffd8746b;box-shadow:inset 0 1px #ffffff2e,0 4px 12px #0000002e,0 0 14px #ffd8741f}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill.active:after{background:var(--gold);box-shadow:0 0 0 3px #ffd8741a,0 0 10px #ffd87457}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill:active{transform:translateY(1px)scale(.99)}:root[data-home-counter-active=true] .home-counter-page .home-counter-tesbih-pill{position:relative;overflow:visible}:root[data-home-counter-active=true] .home-counter-page .home-counter-new-pill{z-index:2;color:#2c2108;letter-spacing:0;text-align:center;pointer-events:none;background:linear-gradient(#ffeeabfa,#edb73df0);border:1px solid #ffe99e94;border-radius:999px;min-width:30px;padding:2px 6px 2.5px;font-size:9px;font-weight:800;line-height:1;animation:1.35s ease-in-out infinite home-counter-new-pill-pulse;position:absolute;top:-6px;left:-4px;box-shadow:0 4px 9px #00000038,0 0 12px #ffd87447,inset 0 1px #ffffff8c}@keyframes home-counter-new-pill-pulse{0%,to{opacity:.72;filter:saturate(.92);transform:translateY(0)scale(.96)}50%{opacity:1;filter:saturate(1.12);transform:translateY(-1px)scale(1.04)}}@media (prefers-reduced-motion:reduce){:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-fireball{transition:none}:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-halo,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-flame-glow,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-tail,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-orb,:root[data-home-counter-active=true] .home-counter-page .home-counter-ring-tip-core{animation:none;transform:none}:root[data-home-counter-active=true] .home-counter-page .home-counter-new-pill{opacity:1;animation:none;transform:none}}:root[data-home-counter-active=true] .home-counter-page .home-app-vibration.home-counter-status-pill{padding-left:clamp(6px, calc(8px * var(--home-app-scale,1)), 9px);padding-right:clamp(6px, calc(8px * var(--home-app-scale,1)), 9px);grid-template-columns:22px minmax(0,1fr);justify-content:center;gap:7px}:root[data-home-counter-active=true] .home-counter-page .home-app-vibration .home-app-vibration-icon{flex-basis:22px;width:22px;height:22px}:root[data-home-counter-active=true] .home-counter-page .home-app-vibration .home-counter-pill-copy{width:auto}:root[data-home-counter-active=true] .home-counter-page .home-counter-mode-icon,:root[data-home-counter-active=true] .home-counter-page .home-app-sound-icon,:root[data-home-counter-active=true] .home-counter-page .home-app-vibration-icon{background:var(--home-counter-status-pill-icon-bg);color:currentColor;border-radius:10px;flex:0 0 22px;place-items:center;width:22px;height:22px;display:inline-grid;box-shadow:inset 0 1px #ffffff0e}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill:first-child .home-counter-mode-icon{color:#b7e1b2d6;background:radial-gradient(circle at 35% 24%,#b7e1b238,#0000 54%),linear-gradient(#ffffff15,#ffffff05),#5692671a}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill:nth-child(2) .home-app-sound-icon{color:#ffd874eb;background:radial-gradient(circle at 35% 24%,#ffd87447,#0000 54%),linear-gradient(#ffffff17,#ffffff05),#ffd87417}:root[data-home-counter-active=true] .home-counter-page .home-counter-status-pill:nth-child(3) .home-app-vibration-icon{color:#8ed6bfd1;background:radial-gradient(circle at 35% 24%,#7eccb33b,#0000 54%),linear-gradient(#ffffff15,#ffffff05),#46a78a17}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-counter-status-pill:first-child .home-counter-mode-icon{color:#eeeef2e0;background:radial-gradient(circle at 35% 24%,#ffffff24,#0000 54%),linear-gradient(#ffffff0e,#ffffff03),#ffffff07}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-counter-status-pill:nth-child(2) .home-app-sound-icon{color:#ffdf8aeb;background:radial-gradient(circle at 35% 24%,#ffd87438,#0000 54%),linear-gradient(#ffffff0f,#ffffff03),#ffd87414}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-counter-status-pill:nth-child(3) .home-app-vibration-icon{color:#e0e0e6cc;background:radial-gradient(circle at 35% 24%,#ffffff1f,#0000 54%),linear-gradient(#ffffff0e,#ffffff03),#ffffff06}:root[data-home-counter-active=true] .home-counter-page .home-counter-mode-icon span{width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 22%, transparent);background:currentColor;border-radius:999px}:root[data-home-counter-active=true] .home-counter-page .home-app-sound-icon .sound-state-icon,:root[data-home-counter-active=true] .home-counter-page .home-app-vibration-icon .vibration-state-icon{width:17px;height:17px}:root[data-home-counter-active=true] .home-counter-page .home-counter-pill-copy{text-align:left;white-space:normal;gap:2px;width:auto;min-width:0;line-height:1;display:grid}:root[data-home-counter-active=true] .home-counter-page .home-counter-pill-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}:root[data-home-counter-active=true] .home-counter-page .home-counter-pill-copy span:first-child{font-size:clamp(12px, calc(12.6px * var(--home-app-scale,1)), 13px);letter-spacing:0;font-weight:700}:root[data-home-counter-active=true] .home-counter-page .home-counter-pill-copy span:last-child,:root[data-home-counter-active=true] .home-counter-page .home-counter-tesbih-pill .home-counter-pill-copy span:last-child{font-size:clamp(10px, calc(10.7px * var(--home-app-scale,1)), 11px);opacity:.64;font-weight:700}:root[data-home-counter-active=true] .home-counter-page .home-app-actions{border:1px solid var(--home-counter-dock-panel-border);background:var(--home-counter-dock-panel-bg);box-shadow:var(--home-counter-dock-panel-shadow);border-radius:17px;gap:5px;padding:4px;position:relative;overflow:hidden}:root[data-home-counter-active=true] .home-counter-page .home-app-actions:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(145deg, #ffffff0d 0%, transparent 38%, #0000001f 100%), var(--home-counter-dither);opacity:.2;mix-blend-mode:soft-light;pointer-events:none;background-size:auto,64px 64px;position:absolute;inset:0}:root[data-home-counter-active=true] .home-counter-page .home-app-actions>*{z-index:1;position:relative}:root[data-home-counter-active=true] .home-counter-page .home-app-action{min-height:clamp(43px, calc(46px * var(--home-app-scale,1)), 49px);font-weight:800;font-size:clamp(13px, calc(13.8px * var(--home-app-scale,1)), 14px);border-radius:13px;transition:transform .16s,box-shadow .16s,opacity .16s}:root[data-home-counter-active=true] .home-counter-page .home-app-action:active{transform:translateY(1px)scale(.992)}:root[data-home-counter-active=true] .home-counter-page .home-app-undo{color:#e8f0e2cc;background:linear-gradient(#ffffff0b,#ffffff03),#08221894;border-color:#97d3ab1a;box-shadow:inset 0 1px #ffffff0f}:root[data-home-counter-active=true] .home-counter-page .home-app-reset{color:#2d220b;-webkit-text-fill-color:#2d220b;background:linear-gradient(#ffe390 0%,#f2c963 56%,#d3a943 100%);border-color:#ffe18a8a;box-shadow:inset 0 1px #ffffff70,0 5px 13px #0000002e,0 0 16px #ffd87421}:root[data-theme=light][data-home-counter-active=true] .page-content{--home-counter-dock-border:var(--menu-panel-border);--home-counter-dock-bg:radial-gradient(circle at 15% 10%, #8d650012, transparent 30%), radial-gradient(ellipse 58% 42% at 94% 90%, #4e681d17, transparent 64%), radial-gradient(ellipse 84% 50% at 50% -14%, #6f975324, transparent 66%), linear-gradient(180deg, #e8f0de 0%, #deead3 54%, #d4e2c8 100%);--home-counter-current-bg:radial-gradient(ellipse 64% 42% at 90% 90%, #4e681d12, transparent 64%), radial-gradient(ellipse 92% 58% at 50% -18%, #ffffff94, transparent 64%), linear-gradient(180deg, #f3f8ed 0%, #e8f1df 58%, #ddead4 100%);--home-counter-dock-shadow:inset 0 1px 0 #ffffff8a, inset 0 -1px 0 #4e681d17, 0 18px 34px #3a4c1e1f}:root[data-theme=amoled-black][data-home-counter-active=true] .page-content{--ring-track:#e2e2e72e;--home-counter-dock-border:#ffffff14;--home-counter-dock-bg:radial-gradient(circle at 15% 10%, #ffd8740e, transparent 30%), radial-gradient(ellipse 56% 40% at 94% 90%, #ffffff08, transparent 64%), linear-gradient(180deg, #ffffff06, #ffffff02), radial-gradient(ellipse 82% 44% at 50% -12%, #26262ad1, transparent 68%), linear-gradient(160deg, #111113 0%, #080809 56%, #020202 100%);--home-counter-current-bg:radial-gradient(ellipse 70% 44% at 86% 88%, #ffd8740a, transparent 66%), radial-gradient(ellipse 82% 32% at 50% 0%, #ffffff0b, transparent 60%), linear-gradient(160deg, #171719 0%, #0d0d0f 56%, #020203 100%);--home-counter-current-border:#ffffff17;--home-counter-current-shadow:inset 0 1px 0 #ffffff0c, inset 0 -1px 0 #0000006b, 0 12px 26px #0000008f, 0 0 28px #ffd8740d;--home-counter-current-overlay-accent:#ffffff07;--home-counter-dock-shadow:0 0 0 1px #ffffff06, 0 10px 22px #00000080, 0 0 26px #ffd8740a;--home-counter-dock-panel-border:#ffffff12;--home-counter-dock-panel-bg:radial-gradient(circle at 14% 10%, #ffd8740b, transparent 34%), radial-gradient(ellipse 54% 42% at 94% 100%, #ffffff06, transparent 66%), linear-gradient(180deg, #ffffff07, #ffffff02), linear-gradient(160deg, #131316f5 0%, #08080afa 100%);--home-counter-dock-panel-shadow:inset 0 1px 0 #ffffff0a, inset 0 -1px 0 #00000061;--home-counter-status-pill-border:#ffffff13;--home-counter-status-pill-bg:radial-gradient(circle at 16% 14%, #ffd8740a, transparent 34%), linear-gradient(180deg, #ffffff0b, #ffffff03), linear-gradient(160deg, #161619f7 0%, #08080afc 100%);--home-counter-status-pill-color:#f5f5f7cc;--home-counter-status-pill-shadow:inset 0 1px 0 #ffffff0c, inset 0 -1px 0 #00000047, 0 7px 16px #0000003d;--home-counter-status-pill-icon-bg:linear-gradient(180deg, #ffffff0f, #ffffff04), #ffffff08;--home-counter-targets-border:#ffffff12;--home-counter-targets-bg:radial-gradient(circle at 18% 10%, #ffd87409, transparent 34%), linear-gradient(180deg, #ffffff08, #ffffff02), #0b0b0dd1;--home-counter-targets-shadow:inset 0 1px 0 #ffffff0a, inset 0 -1px 0 #0000005c;--home-counter-target-bg:linear-gradient(180deg, #ffffff08, #ffffff02), #ffffff04;--home-counter-target-color:#f3f3f6b8}:root[data-theme=amoled-black][data-home-counter-active=true] .hamburger{background:linear-gradient(#ffffff0b,#ffffff03),#0b0b0de0;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #0000004d,0 8px 18px #00000038}:root[data-theme=amoled-black][data-home-counter-active=true] .hamburger:active{background:linear-gradient(#ffffff09,#ffffff02),#060608f0;border-color:#ffd8742e}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-app-edit{color:#ffffff5c;background:#ffffff0a}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-app-ring-inner{background:linear-gradient(#ffffff0b,#ffffff03 38%,#00000061 100%),radial-gradient(circle at 50% 16%,#ffffff0a,#0000 34%),linear-gradient(#151517 0%,#0b0b0d 44%,#010102 100%);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 2px #ffffff08,inset 0 -34px 38px #0000008f,0 16px 30px #0000006b}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-app-ring-button.home-app-ring-pressed .home-app-ring-inner{background:linear-gradient(#ffffff06,#ffffff02 38%,#0006 100%),radial-gradient(circle at 50% 18%,#ffffff07,#0000 34%),linear-gradient(#101012 0%,#070708 44%,#010101 100%);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 2px #ffffff05,inset 0 -28px 32px #00000094,0 10px 18px #0000006b}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-app-ring-button svg circle:first-child{stroke:#e2e2e72e}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-app-ring-glow{background:radial-gradient(circle,#ffd87400 64%,#ffd87417 72%,#ffffff0b 82%,#ffd87405 90%,#ffd87400 100%);box-shadow:0 0 22px #ffd8741a,0 0 40px #0000003d,inset 0 0 10px #ffffff05}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-app-undo{color:#f7f7f9eb;background:linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#fff1;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000003d,0 8px 18px #0000003d}:root[data-theme=amoled-black][data-home-counter-active=true] .home-counter-page .home-app-reset{color:#f0cf7c;-webkit-text-fill-color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 32%),linear-gradient(#5f4518 0%,#402c0f 56%,#241707 100%);border-color:#f5d37338;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #0000004d,0 0 10px #ffd8740d}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-bottom{box-shadow:none;background:0 0;border-color:#0000}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-ring-glow{background:radial-gradient(circle,#4e681d00 63%,#6d8d5e2e 72%,#6d8d5e1e 82%,#6d8d5e10 90%,#4e681d00 100%);box-shadow:0 12px 28px #3a4c1e20,0 0 34px #6d8d5e25,inset 0 0 0 1px #ffffff8f}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-current{background:var(--home-counter-current-bg);border-color:#4e681d2b;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #4e681d14,0 8px 18px #3a4c1e14}:root[data-theme=light][data-home-counter-active=true] .hamburger{background:linear-gradient(#ffffffdb,#edf4e499),#f7faf2c2;border-color:#4e681d1f;box-shadow:inset 0 1px #ffffffad,0 8px 18px #3a4c1e14}:root[data-theme=light][data-home-counter-active=true] .hamburger:active{background:linear-gradient(#fffc,#edf4e4b8),#f7faf2e0;border-color:#8d650038}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-edit{color:#4e681d75;background:#4e681d12}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-meaning{color:#1b24159e}:root[data-theme=light][data-home-counter-active=true] .home-counter-page.home-counter-top-mini-dock .home-app-current{border-color:var(--home-counter-dock-border);background:var(--home-counter-current-bg);box-shadow:var(--home-counter-dock-shadow)}:root[data-theme=light][data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-current{background:var(--home-counter-current-bg)}:root[data-theme=light][data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-title-row{background:linear-gradient(#ffffffeb,#edf4e4b8),#ffffff6b;border-color:#4e681d1f}:root[data-theme=light][data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-arabic{background:#8d650012}:root[data-theme=light][data-home-counter-active=true] .home-counter-page.home-counter-top-segmented .home-app-meaning{border-top-color:#4e681d1f}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-targets{background:linear-gradient(#4e681d0e,#fff3),#edf4e49e;border-color:#4e681d21;box-shadow:inset 0 1px #ffffffa8,inset 0 -1px #4e681d14}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-target,:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-target-input{color:#1b241594;box-shadow:none;background:0 0}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-target.active,:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-target-input{color:var(--gold);background:linear-gradient(#fff6d2eb,#ecd49380),#ffd8742e;box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #8d650014,0 7px 15px #8d65001a}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-feedback-pills,:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-actions{background:#e6f0da9e;border-color:#4e681d1f;box-shadow:inset 0 1px #ffffffa3,inset 0 -1px #4e681d11}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-overlay{background:radial-gradient(#4e681d0d 0%,#4e681d2e 58%,#1b24156b 100%),#1b24153d}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-sheet{border-color:var(--home-counter-dock-border);background:var(--home-counter-dock-bg);box-shadow:inset 0 1px #ffffffb8,0 -18px 34px #3a4c1e2e}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-handle{background:#4e681d3d}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-key,:root[data-theme=light][data-home-counter-active=true] .home-custom-target-action.secondary{color:var(--green);background:linear-gradient(#fffffff2,#edf4e4bd);border-color:#4e681d21;box-shadow:inset 0 1px #ffffffbf,0 5px 12px #3a4c1e14}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-key.utility{color:#1b2415a3}:root[data-theme=amoled-black][data-home-counter-active=true] .home-custom-target-action.secondary{color:#f7f7f9eb;background:linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#fff1;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000003d,0 8px 18px #0000003d}:root[data-theme=amoled-black][data-home-counter-active=true] .home-custom-target-action.primary{color:#f0cf7c;-webkit-text-fill-color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 32%),linear-gradient(#5f4518 0%,#402c0f 56%,#241707 100%);border-color:#f5d37338;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #0000004d,0 0 10px #ffd8740d}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-input{color:var(--gold);background:linear-gradient(#fff6d2db,#edf4e46b),#f7faf2c7;border-color:#8d650047;box-shadow:inset 0 1px #ffffffb3,0 0 0 1px #8d650014}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-input:focus{border-color:#8d65006b;box-shadow:inset 0 1px #ffffffb8,0 0 0 3px #8d65001f}:root[data-theme=light][data-home-counter-active=true] .home-custom-target-meta [role=alert]{color:#96322e}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-toast{color:var(--text-primary);background:linear-gradient(#fffffff0,#edf4e4d6),#f7faf2f0;border-color:#8d65003d;box-shadow:inset 0 1px #ffffffb3,0 14px 28px #3a4c1e29}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-status-pill{color:#1b2415a8;background:linear-gradient(#ffffffb8,#edf4e475);border-color:#0000;box-shadow:inset 0 1px #ffffff9e}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-status-pill:after{background:#4e681d40;box-shadow:0 0 0 3px #4e681d0b}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-status-pill.active{color:var(--gold);background:linear-gradient(#fff6d2f5,#ecd49385);border-color:#8d650047;box-shadow:inset 0 1px #ffffffc2,0 7px 15px #8d65001c}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-status-pill.active:after{background:var(--gold);box-shadow:0 0 0 3px #8d650013,0 0 9px #8d650033}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-mode-icon,:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-sound-icon,:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-vibration-icon{color:#3f5f32;background:linear-gradient(#ffffffdb,#edf4e49e);border:0;box-shadow:inset 0 1px #ffffff9e}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-mode-icon{color:#245a2b}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-sound-icon{color:#6f4f00}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-vibration-icon{color:#245f55}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-counter-mode-icon span{background:#245a2b;box-shadow:0 0 0 4px #245a2b1f,0 0 8px #245a2b24}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-sound-icon .sound-state-icon{color:#6f4f00}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-vibration-icon .vibration-state-icon{color:#245f55}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-undo{color:var(--green);background:linear-gradient(#ffffffd6,#edf4e494);border-color:#0000;box-shadow:inset 0 1px #ffffffb3}@media (width>=900px){:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-app-bottom:before{content:none}:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-app-bottom{justify-self:end;width:fit-content;max-width:100%;padding-inline:14px}:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-app-feedback-pills{grid-template-columns:repeat(3,116px);gap:9px}:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-counter-status-pill{grid-template-columns:22px minmax(58px,64px);gap:7px;padding-inline:9px}:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-counter-pill-copy{width:64px}:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-counter-pill-copy span:first-child{font-weight:700}:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-counter-pill-copy span:last-child{font-weight:600}:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-counter-tesbih-pill .home-counter-pill-copy span:last-child,:root[data-home-counter-active=true] .home-desktop-shell .home-counter-page .home-app-action{font-weight:700}}@media (width>=520px){:root[data-home-counter-active=true] .home-counter-page .home-app-board{width:100%}:root[data-home-counter-active=true] .home-counter-page .home-app-board:before,:root[data-home-counter-active=true] .home-counter-page .home-app-board:after{width:min(100%,438px)}:root[data-home-counter-active=true] .home-counter-page .home-app-current{width:min(100% - 28px,410px)}:root[data-home-counter-active=true] .home-counter-page .home-app-targets{width:min(100% - 28px,394px);padding-inline:0}:root[data-home-counter-active=true] .home-counter-page .home-app-bottom{justify-self:center;width:min(100%,438px);max-width:100%;padding-inline:14px;translate:none}:root[data-home-counter-active=true] .home-counter-page .home-app-feedback-pills,:root[data-home-counter-active=true] .home-counter-page .home-app-actions{width:100%;max-width:none}:root[data-home-counter-active=true] .home-counter-page .home-app-feedback-pills{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-home-counter-active=true] .home-counter-page .home-app-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes home-counter-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes home-counter-ring-tip-halo-breathe{0%,to{opacity:.58;transform:scale(.88)}52%{opacity:.94;transform:scale(1.16)}}@keyframes home-counter-ring-tip-halo-breathe-ios{0%,to{opacity:.72;transform:scale(.94)}52%{opacity:1;transform:scale(1.24)}}@keyframes home-counter-ring-tip-halo-boost{0%{opacity:.72;transform:scale(.94)}42%{opacity:1;transform:scale(1.34)}to{opacity:.84;transform:scale(1.02)}}@keyframes home-counter-ring-tip-orb-boost{0%{opacity:.92;transform:scale(.96)}42%{opacity:1;transform:scale(1.1)}to{opacity:.94;transform:scale(1)}}@keyframes home-counter-ring-tip-core-boost{0%{opacity:.8;transform:scaleX(.9)scaleY(.82)}42%{opacity:1;transform:scaleX(1.12)scaleY(1)}to{opacity:.84;transform:scaleX(1)scaleY(.9)}}@keyframes home-counter-ring-tip-orb-breathe{0%,to{opacity:.86;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}@keyframes home-counter-ring-tip-core-breathe{0%,to{opacity:.72;transform:scaleX(.82)scaleY(.76)}48%{opacity:.96;transform:scaleX(1)scaleY(.9)}}@keyframes home-counter-ring-tip-tail-breathe{0%{opacity:.56;transform:scaleX(.84)scaleY(.76)translate(1px)}to{opacity:.92;transform:scaleX(1.1)scaleY(.98)translate(-2px)}}.counter-effects-preview .home-app-ring-button{overflow:visible}.counter-effects-press-layer{z-index:1;pointer-events:none;will-change:transform;border-radius:999px;transition:transform .21s cubic-bezier(.2,.72,.22,1),filter .21s;position:absolute;inset:0}.counter-effects-preview .home-app-ring-button svg,.counter-effects-preview .home-app-ring-inner,.counter-effects-preview .home-app-ring-glow{position:absolute}.counter-effects-preview .home-app-ring-button.counter-effects-pressed .counter-effects-press-layer{filter:brightness(.96);transition-duration:90ms;transform:scale(.965)}.counter-effects-preview .home-app-ring-button.counter-effects-complete .counter-effects-press-layer{animation:.98s cubic-bezier(.18,.8,.2,1) both counterEffectsRingSettle}.counter-effects-preview .home-app-ring-button:before,.counter-effects-preview .home-app-ring-button:after{content:"";opacity:0;pointer-events:none;border-radius:999px;position:absolute}.counter-effects-preview .home-app-ring-button:before{z-index:0;background:linear-gradient(90deg,#0000 0 42%,#ffd87429 48% 52%,#0000 58% 100%),linear-gradient(0deg,#0000 0 42%,#53e39b24 48% 52%,#0000 58% 100%);inset:-18%}.counter-effects-preview .home-app-ring-button:after{z-index:0;background:radial-gradient(circle,#53e39b2e,#0000 64%);inset:-9%}.counter-effects-preview .home-app-ring-button.counter-effects-complete:before{animation:.92s ease-out both counterEffectsLightCross}.counter-effects-preview .home-app-ring-button.counter-effects-complete:after{animation:1.12s ease-out both counterEffectsSuccessHalo}.counter-effects-success-wash{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#53e39b33,#53e39b00 62%),radial-gradient(circle,#ffd8741f,#ffd87400 72%);border-radius:999px;position:absolute;inset:6%}.counter-effects-preview .home-app-ring-button.counter-effects-complete .counter-effects-success-wash{animation:.98s ease-out both counterEffectsWash}.counter-effects-preview .home-app-ring-progress{transition:stroke-dashoffset .32s cubic-bezier(.2,.72,.22,1),stroke .24s,filter .24s,opacity .18s}.counter-effects-preview .counter-effects-complete .home-app-ring-progress{filter:drop-shadow(0 0 14px #53e39b9e)}.counter-effects-ring-number{animation:.31s cubic-bezier(.2,.86,.22,1) both counterEffectsNumberPop}.counter-effects-preview .counter-effects-complete .counter-effects-ring-number{color:#53e39b;text-shadow:0 0 18px #53e39b75;animation:.82s cubic-bezier(.18,.8,.2,1) both counterEffectsSuccessNumber}.counter-effects-burst{z-index:6;pointer-events:none;position:absolute;inset:-10%}.counter-effects-spark{background:var(--spark-color);width:7px;height:7px;box-shadow:0 0 13px var(--spark-color);opacity:0;animation:.9s cubic-bezier(.18,.78,.24,1) both counterEffectsSpark;animation-delay:var(--spark-delay);border-radius:999px;position:absolute;top:50%;left:50%}.counter-effects-completion{animation-delay:0s}@keyframes counterEffectsNumberPop{0%{opacity:.72;transform:translateY(2px)scale(.94)}58%{opacity:1;transform:translateY(-1px)scale(1.055)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes counterEffectsRingSettle{0%{transform:scale(.97)}42%{transform:scale(1.028)}to{transform:scale(1)}}@keyframes counterEffectsSuccessNumber{0%{opacity:.78;transform:scale(.96)}36%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes counterEffectsLightCross{0%{opacity:0;transform:scale(.72)rotate(-16deg)}30%{opacity:1}to{opacity:0;transform:scale(1.08)rotate(18deg)}}@keyframes counterEffectsSuccessHalo{0%{opacity:0;transform:scale(.82)}28%{opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes counterEffectsWash{0%{opacity:0;transform:scale(.86)}30%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes counterEffectsSpark{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}16%{opacity:1}72%{transform:translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(1);opacity:.92}to{transform:translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(.18);opacity:0}}@media (prefers-reduced-motion:reduce){.counter-effects-press-layer,.counter-effects-preview .home-app-ring-progress,.counter-effects-ring-number,.counter-effects-preview .home-app-ring-button:before,.counter-effects-preview .home-app-ring-button:after,.counter-effects-success-wash,.counter-effects-spark{transition:none!important;animation:none!important}}@supports not (overflow:clip){.home-app,.home-app-board,.home-app-targets{overflow-x:hidden}}@media (width<=360px){.home-app-board{padding-inline:10px}.home-app-targets{gap:5px}.home-app-target{padding-inline:10px}}@keyframes home-app-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes homeStartShellEnter{0%{opacity:.01}to{opacity:1}}@keyframes homeStartTopbarEnter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translate(0,0)}}@keyframes homeStartBoardEnter{0%{opacity:0;transform:translateY(14px)scale(.988)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.app-wrapper.home-start-transition,.home-start-transition .topbar,.home-start-transition .home-app-board{animation:none!important}}.ring-area{-webkit-user-select:none;user-select:none;cursor:default;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 0;display:flex}.ring-wrap{cursor:pointer;width:260px;height:260px;position:relative}.ring-wrap:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#35805900 64%,#35805945 72%,#3580592b 82%,#35805914 90%,#35805900 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 22px #25694a4d,0 0 40px #25694a33,inset 0 0 10px #ffffff08}.ring-wrap svg{z-index:1;width:100%;height:100%;position:relative;transform:translateZ(0)}.ring-wrap svg circle{fill:none;stroke-linecap:round;transition:stroke-dashoffset .35s}.ring-track{stroke:var(--white10);stroke-width:9px}.ring-progress{stroke:var(--gold);stroke-width:11px;filter:drop-shadow(0 0 6px #c8a95180);will-change:stroke-dashoffset;transition:stroke-dashoffset .35s cubic-bezier(.4,0,.2,1)}.ring-inner{pointer-events:none;background:linear-gradient(#243a31 0 40%,#193128 50%,#0f271f 60% 100%);border:1px solid #ffffff1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:all .12s;display:flex;position:absolute;inset:15px;overflow:hidden;box-shadow:inset 0 12px 14px #ffffff0d,inset 0 -10px 16px #00000059,0 14px 24px #0006}.ring-inner:before,.ring-inner:after{content:none}.ring-inner>*{z-index:1;position:relative}.ring-wrap:active .ring-inner{background:linear-gradient(#1f332b 0 40%,#162a22 50%,#0d211a 60% 100%);transform:scale(.968);box-shadow:inset 3px 3px 10px #00000080,inset -2px -2px 6px #ffffff05,0 10px 16px #0006}@media (hover:none) and (pointer:coarse){.ring-wrap:active .ring-inner{transform:none}}.ring-num{font-variant-numeric:tabular-nums;color:var(--white);letter-spacing:-2px;font-size:64px;font-weight:800;line-height:1}.ring-tgt{color:var(--white40);margin-top:4px;font-size:18px;font-weight:500}.ring-info{text-align:center;margin-top:20px}.ring-remain{color:var(--gold-dim);font-size:16px;font-weight:600}.ring-hint{color:var(--white10);letter-spacing:3px;text-transform:uppercase;margin-top:6px;font-size:12px}.ring-wrap.pulse .ring-progress{filter:drop-shadow(0 0 14px var(--gold))}@keyframes ring-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.ring-wrap.pulse{animation:.2s ease-out ring-pulse}.targets{justify-content:center;align-items:center;gap:8px;padding:8px 20px;display:flex}.tgt{border:1.5px solid var(--white20);color:var(--white60);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border-radius:20px;padding:7px 18px;font-size:14px;font-weight:600;transition:all .2s}.tgt:active{transform:scale(.95)}.tgt.active{border-color:var(--gold);background:var(--gold-faint);color:var(--gold);box-shadow:0 0 0 1px #c8a9513d,0 0 12px #c8a95147,0 0 18px #c8a95124,inset 0 0 10px #c8a9511a}.tgt-icon{justify-content:center;align-items:center;min-width:52px;padding:7px;font-size:20px;line-height:1;display:inline-flex}.tgt-pencil-icon{color:currentColor;pointer-events:none;width:18px;height:18px;display:block}.tgt-custom-input{border:1.5px solid var(--white20);width:56px;color:var(--white60);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border-radius:20px;outline:none;padding:7px 6px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}.tgt-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tgt-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tgt-custom-input:focus,.tgt-custom-input.active{border-color:var(--gold);background:var(--gold-faint);color:var(--gold)}.completion-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 40%,#c8a9513d,#c8a95100 62%),#00000094;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.completion-card{text-align:center;background:radial-gradient(circle at 50% 0,#ffd8742e,#ffd87400 42%),linear-gradient(160deg,#234a36,#102a1e);border:1.5px solid #c8a95185;border-radius:24px;width:90%;max-width:336px;padding:34px 26px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) completionPop;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c8a9514d,0 0 18px #c8a95152,0 0 34px #ffd06033,0 14px 26px #0000006b}.completion-card:before{content:none}@keyframes completionPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.completion-emoji{margin-bottom:10px;font-size:48px;animation:2s ease-in-out infinite emojiFloat}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.completion-title{color:var(--gold);margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700}.completion-subtitle{color:var(--white60);margin-bottom:14px;font-size:15px;line-height:1.5}.completion-result{background:radial-gradient(circle at 50% 0,#ffd8741a,#ffd87400 54%),#05181152;border:1px solid #97d3ab1a;border-radius:18px;margin:0 auto 18px;padding:12px 14px 13px;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #0003}.completion-count-line{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;display:flex}.completion-count{color:var(--white);font-size:52px;font-weight:800;line-height:.94}.completion-target{color:#e8f0e294;font-size:19px;font-weight:800}.completion-status{color:#ffd874c7;text-transform:uppercase;letter-spacing:0;margin-top:6px;font-size:12px;font-weight:800;line-height:1}.completion-dhikr{background:linear-gradient(#ffffff08,#ffffff03),radial-gradient(circle at 50% 0,#ffd8741f,#ffd87400 58%),#05181138;border:1px solid #97d3ab1f;border-radius:20px;margin:0 0 20px;padding:14px 16px 16px;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #0000002e}.completion-dhikr-kicker{color:#ffd874b3;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;line-height:1;display:block}.completion-dhikr-name{color:#f7faf2f2;font-size:17px;font-weight:700;line-height:1.28}.completion-dhikr-arabic{color:var(--gold);margin-top:8px;font-family:Georgia,Times New Roman,Amiri,serif;font-size:20px;font-weight:700;line-height:1.5}.completion-actions{background:linear-gradient(#ffffff07,#ffffff01),#0518116b;border:1px solid #97d3ab1c;border-radius:18px;gap:6px;padding:5px;display:flex;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000038}.completion-btn{cursor:pointer;border:1px solid #0000;border-radius:13px;flex:1;min-height:46px;padding:11px 14px;font-size:14px;font-weight:800;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s,color .18s,opacity .18s}.completion-btn.primary{background:radial-gradient(circle at 30% 18%, #fff6, #fff0 46%), var(--gold-gradient);color:#102a1e;border-color:#ffd87485;box-shadow:inset 0 1px #fff6,0 7px 16px #00000038,0 0 14px #ffd87429}.completion-btn.secondary{color:#e8f0e2bd;background:linear-gradient(#ffffff09,#ffffff02),#122f21c7;border-color:#97d3ab21;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #0003}.completion-btn:active{transform:scale(.97)}.confetti-container{z-index:201;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{width:var(--confetti-size,12px);height:calc(var(--confetti-size,12px) * 1.18);opacity:var(--confetti-opacity,.76);will-change:transform, opacity;filter:drop-shadow(0 0 10px #ffd87424);animation:linear forwards confettiFall;position:absolute;top:-14vh}.confetti-leaf{border-radius:78% 0;box-shadow:inset 0 1px #ffffff47}.confetti-spark{width:calc(var(--confetti-size,12px) * .42);height:calc(var(--confetti-size,12px) * 1.55);border-radius:999px;box-shadow:0 0 10px #ffd8741f,inset 0 1px #ffffff57}@keyframes confettiFall{0%{transform:translate3d(0, -14vh, 0) rotate(var(--confetti-rotate,-12deg)) scale(.9);opacity:0}12%{opacity:var(--confetti-opacity,.76)}to{transform:translate3d(var(--confetti-drift,0px), 106vh, 0) rotate(calc(var(--confetti-rotate,-12deg) + 110deg)) scale(1);opacity:0}}.ring-complete .ring-progress{filter:drop-shadow(0 0 16px var(--gold));stroke:var(--gold)!important}@keyframes ringGlow{0%,to{filter:drop-shadow(0 0 8px var(--gold-dim))}50%{filter:drop-shadow(0 0 20px var(--gold))}}.ring-complete .ring-progress{animation:1.5s ease-in-out infinite ringGlow}.dhikr-section{text-align:center;padding:12px 20px 4px}.dhikr-name{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin-bottom:6px;font-size:22px;font-weight:700;display:flex}.dhikr-edit{background:var(--surface);width:28px;height:28px;color:var(--white40);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .2s;display:inline-flex}.dhikr-edit:active{background:var(--surface2);color:var(--gold)}.dhikr-arabic{color:var(--gold);direction:rtl;margin:4px 0;font-family:Georgia,Times New Roman,Amiri,serif;font-size:32px;font-weight:400;line-height:1.5}.dhikr-arabic-collapsed,.dhikr-modal-arabic-collapsed{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dhikr-inline-expand{color:#c8a951e6;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;margin-top:2px;margin-bottom:2px;font-family:inherit;font-size:12px;font-weight:600}.dhikr-inline-expand:active{color:#ffe29f}.dhikr-meaning{color:var(--text-secondary);max-width:300px;margin:2px auto 0;font-size:13px;line-height:1.4}.dhikr-okunus-wrapper{text-align:center;margin-top:8px}.dhikr-okunus-toggle{color:var(--gold);cursor:pointer;background:linear-gradient(135deg,#c8a95133,#c8a9511a);border:1px solid #c8a95185;border-radius:12px;padding:4px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;box-shadow:0 0 0 1px #c8a95133,0 0 12px #c8a95133}.dhikr-okunus-toggle:active{color:#ffe19c;background:linear-gradient(135deg,#c8a9514d,#c8a95129);border-color:#c8a951cc;box-shadow:0 0 0 1px #c8a9514d,0 0 16px #c8a9514d}.dhikr-okunus{color:#f2d992;text-align:left;background:linear-gradient(150deg,#c8a95124,#c8a9510f);border:1px solid #c8a95161;border-radius:10px;max-width:340px;max-height:180px;margin:8px auto 0;padding:10px 14px;font-size:14px;line-height:1.7;overflow-y:auto;box-shadow:inset 0 0 14px #c8a95112,0 0 12px #c8a95124}.quick-toggles{justify-content:center;align-items:center;gap:10px;padding:8px 20px;display:flex}.q-toggle{border:1px solid var(--white05);background:var(--surface);color:var(--white20);cursor:pointer;opacity:.5;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.q-toggle:active{transform:scale(.96)}.q-toggle.active{border-color:var(--gold-faint);background:var(--gold-faint);color:var(--gold);opacity:1}.q-toggle-icon{font-size:15px}.q-toggle-label{font-size:12px;font-weight:500}.bottom-actions{align-items:center;gap:12px;margin-top:auto;padding:8px 20px 4px;display:flex}.b-action{border-radius:var(--radius);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.b-action:active{transform:scale(.97)}.b-action.primary{background:linear-gradient(135deg, var(--green) 0%, var(--green-light) 100%);color:#fff;box-shadow:0 4px 16px #1b5e2059}.b-action.primary:active{box-shadow:0 2px 8px #1b5e2040}.b-action.secondary{color:#12291f;background:linear-gradient(135deg,#f0cb64,#d9863a);border:1px solid #c6762f;box-shadow:inset 0 1px #fff3,0 4px 10px #00000038}.b-action.secondary:active{background:linear-gradient(135deg,#e7bf54,#c97830);box-shadow:inset 0 1px #ffffff29,0 2px 6px #0003}.b-action-icon{font-size:18px}:root[data-theme=amoled-black] .ring-inner{background:linear-gradient(#1a2620 0 40%,#0f1714 52%,#060909 100%);border:1px solid #ffffff14;box-shadow:inset 0 8px 12px #ffffff08,inset 0 -10px 14px #0000008c,0 12px 22px #0000009e}:root[data-theme=amoled-black] .ring-wrap:active .ring-inner{background:linear-gradient(#141f1a 0 40%,#0b1310 52%,#040707 100%)}:root[data-theme=amoled-black] .ring-wrap{--ring-track:#66947cc7}:root[data-theme=amoled-black] .ring-wrap:after{background:radial-gradient(circle,#24624700 64%,#24624733 74%,#2462471a 86%,#24624700 100%);box-shadow:0 0 16px #1448343d,0 0 30px #14483429,inset 0 0 6px #ffffff05}:root[data-theme=amoled-black] .b-action.secondary{color:#f3e8cb!important;background:linear-gradient(135deg,#be8f34,#7e3f1d)!important;border:1px solid #6c3418!important;box-shadow:inset 0 1px #ffffff1f,0 8px 16px #0000008f!important}:root[data-theme=amoled-black] .b-action.secondary:active{background:linear-gradient(135deg,#a67a2c,#683317)!important}:root[data-theme=amoled-black] .card,:root[data-theme=amoled-black] .gz-card{background:linear-gradient(160deg,#121715e0,#060808f0);border:1px solid #c8a95138;box-shadow:0 0 0 1px #c8a95114,0 10px 16px #00000080}:root[data-theme=amoled-black] .card:hover,:root[data-theme=amoled-black] .gz-card:hover{background:linear-gradient(160deg,#19201de6,#0a0d0cf2);border-color:#c8a95157}:root[data-theme=amoled-black] .card:active,:root[data-theme=amoled-black] .gz-card:active{background:linear-gradient(160deg,#121816eb,#070a09f5)}:root[data-theme=amoled-black] .esma{background:radial-gradient(68% 42% at 88% 88%,#36915c16,#0000 66%),radial-gradient(90% 54% at 50% -18%,#ffffff0d,#0000 64%),linear-gradient(#ffffff0b,#ffffff04),linear-gradient(160deg,#193f2c 0%,#11291d 56%,#091711 100%);border-color:#c8a9512e;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffffff0b,0 12px 24px #00000075,0 0 18px #ffd8740b}:root[data-theme=amoled-black] .esma:before{background:linear-gradient(145deg, #ffffff0f 0%, transparent 34%, #0000002e 100%), radial-gradient(ellipse 80% 24% at 50% -2%, #ffffff0b, transparent 72%), radial-gradient(ellipse 58% 40% at 100% 100%, #36915c11, transparent 68%), var(--esma-card-dither);opacity:.42}:root[data-theme=amoled-black] .esma:hover{background:radial-gradient(68% 42% at 88% 88%,#36915c18,#0000 66%),radial-gradient(90% 54% at 50% -18%,#ffffff0f,#0000 64%),linear-gradient(#ffffff0c,#ffffff04),linear-gradient(160deg,#1c472f 0%,#133022 56%,#0b1b14 100%);border-color:#c8a95147;box-shadow:inset 0 1px #ffffff12,0 0 0 1px #ffffff0d,0 14px 26px #0000007a,0 0 20px #ffd8740d}:root[data-theme=amoled-black] .esma:active{background:radial-gradient(68% 42% at 88% 88%,#36915c13,#0000 66%),radial-gradient(90% 54% at 50% -18%,#ffffff0a,#0000 64%),linear-gradient(#ffffff09,#ffffff03),linear-gradient(160deg,#153624 0%,#0d2419 56%,#07120d 100%)}:root[data-theme=amoled-black] .esma-library-shell .search{background:radial-gradient(68% 42% at 88% 88%,#36915c16,#0000 66%),radial-gradient(90% 54% at 50% -18%,#ffffff0d,#0000 64%),linear-gradient(#ffffff0b,#ffffff04),linear-gradient(160deg,#193f2c 0%,#11291d 56%,#091711 100%);border-color:#c8a9512e;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffffff0b,0 12px 24px #00000075,0 0 18px #ffd8740b}:root[data-theme=amoled-black] .esma-library-shell .search:before{opacity:.42;background:linear-gradient(145deg,#ffffff0f 0%,#0000 34%,#0000002e 100%),radial-gradient(80% 24% at 50% -2%,#ffffff0b,#0000 72%),radial-gradient(58% 40% at 100% 100%,#36915c11,#0000 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E")}:root[data-theme=amoled-black] .esma-library-shell .search-icon{color:#ffd87494}:root[data-theme=amoled-black] .esma-library-shell .search input::placeholder{color:#e8f0e280}:root[data-theme=amoled-black] .esma-library-shell .search:focus-within{background:radial-gradient(68% 42% at 88% 88%,#36915c18,#0000 66%),radial-gradient(90% 54% at 50% -18%,#ffffff0f,#0000 64%),linear-gradient(#ffffff0c,#ffffff04),linear-gradient(160deg,#1c472f 0%,#133022 56%,#0b1b14 100%);border-color:#c8a95147;box-shadow:inset 0 1px #ffffff12,0 0 0 1px #ffffff0d,0 0 0 3px #ffd87412,0 14px 26px #0000007a,0 0 20px #ffd8740d}.drawer-handle{cursor:pointer;flex-direction:column;align-items:center;padding:6px 0 10px;display:flex}.drawer-pill{background:var(--white10);border-radius:2px;width:36px;height:4px}.drawer-text{color:var(--white10);letter-spacing:1px;margin-top:5px;font-size:12px}.dhikr-library-desktop-shell,.dhikr-library-shell{--dhikr-library-bg-color:var(--app-shell-bg-color);--dhikr-library-bg-image:var(--app-shell-bg-image);--dhikr-library-toolbar-bg:linear-gradient(180deg, #071d14db, #071d14a3 72%, #071d1433);--dhikr-library-control-bg:linear-gradient(180deg, #ffffff0a, #ffffff03), #08201675;--dhikr-library-control-focus-bg:linear-gradient(180deg, #ffffff0d, #ffffff04), #0820168a;--dhikr-library-control-border:#97d3ab1f;--dhikr-library-control-shadow:inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #00000029;--dhikr-library-list-bg:radial-gradient(circle at 14% 8%, #ffd8740b, transparent 32%), linear-gradient(180deg, #ffffff0b, #ffffff03), #153a24c7;--dhikr-library-list-border:#97d3ab29;--dhikr-library-row-border:#97d3ab1b;--dhikr-library-row-hover-bg:linear-gradient(180deg, #ffffff07, #ffffff02), #19432ac7;--dhikr-library-row-active-bg:radial-gradient(circle at 16% 18%, #ffd8740b, transparent 32%), #173e27d1;--dhikr-library-card-icon-bg:linear-gradient(180deg, #97d3ab15, #97d3ab05), #102e1d;--dhikr-library-card-icon-border:#97d3ab25;--dhikr-library-card-count-bg:linear-gradient(180deg, #ffd87417, #ffd87407), #102e1d;--dhikr-library-chevron-color:#97d3ab80}.home-desktop-shell.dhikr-library-desktop-shell{background-color:var(--dhikr-library-bg-color);background-image:var(--app-shell-pattern-image), radial-gradient(circle at 50% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:70px 70px,auto}.dhikr-library-shell{background-color:var(--home-splash-bg-color,var(--dhikr-library-bg-color));background-image:var(--home-splash-background,var(--dhikr-library-bg-image));background-position:0 0,50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:70px 70px,auto,auto,auto}@media (width>=900px){.home-desktop-shell.dhikr-library-desktop-shell{background-image:radial-gradient(ellipse 70% 60% at center, transparent 30%, #0000006b 100%), var(--app-shell-pattern-image), radial-gradient(circle at 50% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%);background-position:50%,0 0,50%;background-repeat:no-repeat,repeat,no-repeat;background-size:auto,70px 70px,auto}:root[data-theme=light] .home-desktop-shell.dhikr-library-desktop-shell{background-image:radial-gradient(ellipse 70% 60% at center, transparent 30%, #4e681d29 100%), var(--app-shell-pattern-image), radial-gradient(circle at 50% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%)}}.dhikr-library-shell{min-height:0;overflow:hidden}:root[data-theme=amoled-black] .dhikr-library-desktop-shell,:root[data-theme=amoled-black] .dhikr-library-shell{--dhikr-library-bg-color:var(--app-shell-bg-color);--dhikr-library-bg-image:var(--app-shell-bg-image);--dhikr-library-toolbar-bg:linear-gradient(180deg, #050507eb, #050507bd 72%, #05050738);--dhikr-library-control-bg:linear-gradient(180deg, #ffffff07, #ffffff02), #0a0a0cc7;--dhikr-library-control-focus-bg:radial-gradient(circle at 90% 100%, #ffd8740b, transparent 30%), linear-gradient(180deg, #ffffff08, #ffffff02), #0c0b0adb;--dhikr-library-control-border:#ffffff13;--dhikr-library-list-bg:radial-gradient(circle at 14% 8%, #ffd8740a, transparent 30%), linear-gradient(180deg, #ffffff07, #ffffff02), #070709e6;--dhikr-library-list-border:#ffffff12;--dhikr-library-row-border:#ffffff10;--dhikr-library-row-hover-bg:linear-gradient(180deg, #ffffff05, #ffffff02), #ffffff05;--dhikr-library-row-active-bg:radial-gradient(circle at 16% 18%, #ffd8740a, transparent 30%), linear-gradient(180deg, #ffffff05, #ffffff02), #ffd87408;--dhikr-library-card-icon-bg:linear-gradient(180deg, #ffffff08, #ffffff02), #0d0d0ff0;--dhikr-library-card-icon-border:#ffffff15;--dhikr-library-card-count-bg:radial-gradient(circle at 18% 18%, #ffd87417, transparent 34%), linear-gradient(180deg, #4b3614 0%, #34230c 60%, #1f1407 100%);--dhikr-library-chevron-color:#d6d6dc57}:root[data-theme=amoled-black] .dhikr-library-shell{background-position:0 0,50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:70px 70px,auto,auto,auto}:root[data-theme=light] .dhikr-library-desktop-shell,:root[data-theme=light] .dhikr-library-shell{--dhikr-library-bg-color:var(--app-shell-bg-color);--dhikr-library-bg-image:var(--app-shell-bg-image);--dhikr-library-toolbar-bg:linear-gradient(180deg, #f0f6eae0, #eaf1e2ad 72%, #dce8d138);--dhikr-library-control-bg:linear-gradient(180deg, #ffffffb8, #edf4e48f), #edf4e46b;--dhikr-library-control-focus-bg:linear-gradient(180deg, #ffffffd1, #e8f1df9e), #e8f1df7a;--dhikr-library-control-border:#4e681d26;--dhikr-library-control-shadow:inset 0 1px 0 #ffffffb8, inset 0 -1px 0 #4e681d0f;--dhikr-library-list-bg:radial-gradient(circle at 14% 8%, #8d65000b, transparent 32%), linear-gradient(180deg, #ffffff94, #e8f1df94), #e8f1dfbd;--dhikr-library-list-border:#4e681d29;--dhikr-library-row-border:#4e681d1b;--dhikr-library-row-hover-bg:linear-gradient(180deg, #ffffff75, #f0f6ea8a), #f0f6eab3;--dhikr-library-row-active-bg:radial-gradient(circle at 16% 18%, #8d65000a, transparent 32%), #ddead4c7;--dhikr-library-card-icon-bg:linear-gradient(180deg, #ffffffbd, #deead394);--dhikr-library-card-icon-border:#4e681d26;--dhikr-library-card-count-bg:linear-gradient(180deg, #fff6d28f, #deead37a);--dhikr-library-chevron-color:#4e681d75}.dhikr-library-shell .page-content{background:0 0}.dhikr-library-shell .list-header{border-bottom-color:var(--dhikr-library-control-border);background:var(--dhikr-library-toolbar-bg);box-shadow:inset 0 1px #ffffff08,0 8px 18px #0000000e}.dhikr-library-shell .search,.dhikr-library-shell .chip{border-color:var(--dhikr-library-control-border);background:var(--dhikr-library-control-bg);box-shadow:var(--dhikr-library-control-shadow)}.dhikr-library-shell .search:focus-within{background:var(--dhikr-library-control-focus-bg);box-shadow:var(--dhikr-library-control-shadow), 0 0 0 3px #ffd8740f;border-color:#ffd8743d}.dhikr-library-shell .chip.active{background:linear-gradient(180deg, #ffd8741d, #ffd8740a), var(--dhikr-library-control-bg)}.dhikr-library-shell .dhikr-category-chip{border-color:color-mix(in srgb, var(--chip-accent) 18%, var(--dhikr-library-control-border));background:var(--dhikr-library-control-bg);color:color-mix(in srgb, var(--chip-accent) 72%, #e8f0e2b8)}.dhikr-library-shell .dhikr-category-chip.active{border-color:color-mix(in srgb, var(--chip-accent) 38%, var(--dhikr-library-control-border));background:linear-gradient(180deg, color-mix(in srgb, var(--chip-accent) 13%, transparent), color-mix(in srgb, var(--chip-accent) 5%, transparent)), var(--dhikr-library-control-bg);color:var(--chip-accent);box-shadow:var(--dhikr-library-control-shadow), 0 0 13px color-mix(in srgb, var(--chip-accent) 10%, transparent)}.dhikr-library-shell .list-group{margin:0 14px 16px}.dhikr-library-shell .list-section{color:#ffd874b3;letter-spacing:1.18px;text-shadow:0 0 10px #ffd8741a;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 10px);margin-left:2px;padding:16px 6px 7px;font-size:12.5px;font-weight:800;line-height:1;display:flex}.dhikr-library-shell .list-group-surface{border-color:var(--dhikr-library-list-border);background:var(--dhikr-library-list-bg);border-radius:18px;margin:0;box-shadow:inset 0 1px #ffffff13,inset 0 -1px #0000002e,0 12px 28px #00000024}.dhikr-library-shell .list-group-surface .card{min-height:80px;box-shadow:none;background:0 0;border-bottom:0;padding:13px 13px 13px 15px;transition:background .16s,transform .14s}.dhikr-library-shell .list-group-surface .card:not(:last-child):after{content:"";background:var(--dhikr-library-row-border);opacity:.92;pointer-events:none;height:1px;position:absolute;bottom:0;left:15px;right:14px}.dhikr-library-shell .list-group-surface .card-title{font-size:17px}.dhikr-library-shell .list-group-surface .card-arabic{color:#ffd874;text-shadow:0 0 8px #ffd87438,0 1px #0000002e}@supports ((-webkit-background-clip:text)){.dhikr-library-shell .list-group-surface .card-arabic{background:linear-gradient(#fff0b8 0%,#ffd874 54%,#d9b454 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px #ffd8742e);-webkit-background-clip:text;background-clip:text}}.dhikr-library-shell .list-group-surface .card:hover{background:var(--dhikr-library-row-hover-bg);box-shadow:none}.dhikr-library-shell .list-group-surface .card:active{background:var(--dhikr-library-row-active-bg);transform:scale(.996)}.list-header{z-index:12;-webkit-backdrop-filter:blur(18px)saturate(1.05);backdrop-filter:blur(18px)saturate(1.05);background:linear-gradient(#0a2318f5,#081d14db),#081d14e0;border-bottom:1px solid #97d3ab18;flex:none;padding:8px 0 7px;position:sticky;top:0;box-shadow:inset 0 1px #ffffff09,0 10px 22px #0000001f}.search{background:linear-gradient(#ffffff0d,#ffffff04),#0518117a;border:1px solid #97d3ab1c;border-radius:14px;align-items:center;gap:10px;min-height:42px;margin:0 14px 7px;padding:9px 13px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffff0e,inset 0 -1px #0000002e}.search:focus-within{background:linear-gradient(#ffffff10,#ffffff05),#05181194;border-color:#ffd87447;box-shadow:inset 0 1px #ffffff12,0 0 0 3px #ffd87412}.search-icon{color:var(--white40);flex-shrink:0;font-size:16px}.search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.search input::placeholder{color:var(--white40)}.chips{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;flex-shrink:0;gap:6px;padding:0 14px 1px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-height:34px;font:inherit;color:#e8f0e2a3;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff0a,#ffffff03),#05181157;border:1px solid #97d3ab1c;border-radius:12px;flex-shrink:0;grid-template-columns:minmax(48px,auto);align-items:center;padding:7px 12px;transition:transform .16s,background .16s,border-color .16s,color .16s,box-shadow .16s,opacity .16s;display:inline-grid;box-shadow:inset 0 1px #ffffff0b}.dhikr-category-chip-copy{text-align:left;letter-spacing:0;text-overflow:ellipsis;color:currentColor;min-width:0;font-size:12.5px;font-weight:700;line-height:1;display:block;overflow:hidden}.dhikr-category-chip-copy span{opacity:.76;font-weight:700}.chip:active{transform:translateY(1px)scale(.99)}.chip.active{color:var(--gold);background:linear-gradient(#ffd8742e,#ffd87412),#ffd8740f;border-color:#ffd8744d;box-shadow:inset 0 1px #ffffff1a,0 5px 12px #0000001f,0 0 12px #ffd87414}.chip:disabled{cursor:default;opacity:.42}.chip:disabled:active{transform:none}:root[data-theme=light] .chip{color:#1b2415b8;background:linear-gradient(#fffffff2,#edf4e4bd);border-color:#4e681d21;box-shadow:inset 0 1px #ffffffbf,0 5px 12px #3a4c1e14}:root[data-theme=light] .chip.active{color:var(--gold);background:linear-gradient(#fff6d2f5,#ecd49394);border-color:#8d650047;box-shadow:inset 0 1px #ffffffc2,0 7px 15px #8d65001c}@media (width>=900px){.chip{min-height:38px;padding-block:7px}.dhikr-category-chip-copy{font-size:13px;font-weight:700}.dhikr-category-chip-copy span{font-weight:600}}.list-body{flex:1;padding:8px 0 26px;overflow-y:auto}.list-group{margin:0 12px 14px}.list-section{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-dim);padding:16px 8px 8px;font-size:13px;font-weight:700}.list-group-surface{background:radial-gradient(72% 38% at 50% -12%,#ffffff0b,#0000 70%),linear-gradient(#ffffff07,#ffffff02),#05181180;border:1px solid #97d3ab1c;border-radius:20px;margin:0 4px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0000002e,0 8px 20px #0000001f}.card{min-height:82px;box-shadow:none;-webkit-backdrop-filter:none;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #97d3ab16;border-radius:0;align-items:center;gap:12px;margin:0;padding:13px 12px 13px 14px;transition:background .15s,transform .12s;display:flex;position:relative;overflow:hidden}.card:before{content:none}.list-group-surface .card:last-child{border-bottom:0}.card:hover{background:linear-gradient(#ffffff0b,#ffffff03),#97d3ab09}.card:active{background:linear-gradient(#ffffff09,#ffffff02),#97d3ab0e;transform:scale(.992)}.card:hover:before{box-shadow:none}.card-star{color:#e8f0e257;cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff03),#0824196b;border:1px solid #97d3ab1a;border-radius:11px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:color .2s,background .2s,border-color .2s,transform .16s;display:inline-grid}.card-star.fav{color:var(--gold);background:radial-gradient(circle at 35% 25%,#ffd87438,#0000 55%),linear-gradient(#ffffff12,#ffffff04),#ffd87412;-webkit-text-fill-color:currentColor;text-shadow:0 0 8px #c8a9514d;-webkit-background-clip:border-box;background-clip:border-box;border-color:#ffd87438}.card-star:active{transform:scale(.94)}.card-body{flex:1;min-width:0}.card-title{min-width:0;color:var(--white);overflow-wrap:anywhere;align-items:center;gap:6px;margin-bottom:2px;font-size:16px;font-weight:700;line-height:1.25;display:flex}.card-arabic{color:var(--gold);-webkit-line-clamp:1;text-overflow:ellipsis;direction:rtl;-webkit-box-orient:vertical;margin-bottom:6px;font-family:Georgia,Times New Roman,Amiri,serif;font-size:17px;line-height:1.32;display:-webkit-box;overflow:hidden}@supports ((-webkit-background-clip:text)){.card-arabic{background:var(--gold-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tag{text-transform:uppercase;letter-spacing:.45px;border:1px solid #ffffff14;border-radius:999px;padding:3px 7px;font-size:10.5px;font-weight:700;box-shadow:inset 0 1px #ffffff0b}.tag-tesbih{color:#4caf50;background:#2e7d3233}.tag-istigfar{color:#ef5350;background:#d32f2f33}.tag-salavat{color:var(--gold);background:#c8a95133}.tag-ayet{color:#42a5f5;background:#1e88e533}.tag-dua{color:#ab47bc;background:#8e24aa33}.tag-gunluk{color:#26a69a;background:#00968833}.tag-esma{color:#ffb74d;background:#ffb74d33}.dhikr-category-chip{--chip-accent:var(--gold);--chip-fill:#c8a95124;--chip-active-fill:#c8a9513d;border-color:color-mix(in srgb, var(--chip-accent) 28%, transparent);background:linear-gradient(180deg, #ffffff13, #ffffff06), var(--chip-fill);color:var(--chip-accent)}.dhikr-category-chip.tag-all,.dhikr-category-chip.tag-salavat{--chip-accent:var(--gold);--chip-fill:#c8a9512e;--chip-active-fill:#c8a95147}.dhikr-category-chip.tag-tesbih{--chip-accent:#63c969;--chip-fill:#2e7d323d;--chip-active-fill:#2e7d3257}.dhikr-category-chip.tag-istigfar{--chip-accent:#ff7673;--chip-fill:#d32f2f3d;--chip-active-fill:#d32f2f57}.dhikr-category-chip.tag-ayet{--chip-accent:#68b8f9;--chip-fill:#1e88e53d;--chip-active-fill:#1e88e557}.dhikr-category-chip.tag-dua{--chip-accent:#c066d2;--chip-fill:#8e24aa3d;--chip-active-fill:#8e24aa57}.dhikr-category-chip.tag-gunluk{--chip-accent:#39c1b3;--chip-fill:#0096883d;--chip-active-fill:#00968857}.dhikr-category-chip.tag-esma{--chip-accent:#ffc165;--chip-fill:#ffb74d38;--chip-active-fill:#ffb74d52}.dhikr-category-chip.active{border-color:color-mix(in srgb, var(--chip-accent) 58%, transparent);background:linear-gradient(180deg, #ffffff1c, #ffffff09), var(--chip-active-fill);color:var(--chip-accent);box-shadow:inset 0 1px 0 #ffffff24, 0 6px 16px #0000002e, 0 0 15px color-mix(in srgb, var(--chip-accent) 16%, transparent)}.dhikr-library-shell .list-header{box-shadow:none;background:0 0;border-bottom:0}.dhikr-library-shell .search{isolation:isolate;background:radial-gradient(72% 44% at 85% 86%,#46a7741a,#0000 68%),linear-gradient(#ffffff0f,#ffffff04),linear-gradient(160deg,#1a422d 0%,#143421 54%,#0e261b 100%);border-color:#c8a9512b;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff16,inset 0 -1px #0000002e,0 8px 18px #00000021,0 0 22px #4fb9800b}.dhikr-library-shell .search:before{content:"";z-index:0;border-radius:inherit;opacity:.46;mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(145deg,#ffffff13 0%,#0000 34%,#00000024 100%),radial-gradient(80% 24% at 50% -2%,#ffffff0e,#0000 72%),radial-gradient(58% 40% at 100% 100%,#4fb98011,#0000 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E") 0 0/64px 64px;position:absolute;inset:0}.dhikr-library-shell .search:after{content:"";opacity:.58;pointer-events:none;background:linear-gradient(90deg,#0000,#ffd87433,#0000);height:1px;position:absolute;bottom:-1px;left:20px;right:20px}.dhikr-library-shell .search>*{z-index:1;position:relative}.dhikr-library-shell .dhikr-category-chip,.dhikr-library-shell .dhikr-category-chip.active{border-color:var(--dhikr-library-control-border);background:var(--dhikr-library-control-bg);box-shadow:var(--dhikr-library-control-shadow)}.dhikr-library-shell .search:focus-within{background:radial-gradient(72% 44% at 85% 86%,#46a7741f,#0000 68%),linear-gradient(#fff1,#ffffff05),linear-gradient(160deg,#1d4831 0%,#163926 54%,#102519 100%);border-color:#c8a9513d;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000002e,0 10px 22px #00000029,0 0 26px #4fb9800f}.dhikr-library-shell .dhikr-category-chip{color:color-mix(in srgb, var(--chip-accent) 66%, #e8f0e2b3)}:root[data-theme=amoled-black] .dhikr-library-shell .search{background:radial-gradient(circle at 16% 18%,#ffd8740a,#0000 30%),linear-gradient(#ffffff08,#ffffff02),#0a0a0cc7;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000042,0 8px 18px #00000061}:root[data-theme=amoled-black] .dhikr-library-shell .search:before{opacity:.3;background:linear-gradient(145deg,#ffffff0b 0%,#0000 34%,#0000002e 100%),radial-gradient(80% 24% at 50% -2%,#ffffff09,#0000 72%),radial-gradient(58% 40% at 100% 100%,#ffd87407,#0000 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E")}:root[data-theme=amoled-black] .dhikr-library-shell .search:focus-within{background:radial-gradient(circle at 18% 18%,#ffd8740e,#0000 32%),linear-gradient(#ffffff09,#ffffff03),#0c0b0ad6;border-color:#f5d37338;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000042,0 8px 18px #00000061,0 0 0 3px #f5d37312}:root[data-theme=amoled-black] .dhikr-library-shell .topbar-btn-add{color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 34%),linear-gradient(#5f4518 0%,#402c0f 56%,#241707 100%);border-color:#f5d37338;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #0000004d,0 0 10px #ffd8740d}:root[data-theme=amoled-black] .dhikr-library-shell .topbar-btn-add:active{background:radial-gradient(circle at 18% 18%,#ffd87414,#0000 32%),linear-gradient(#533b14 0%,#38260c 56%,#1f1305 100%);box-shadow:inset 0 1px #fff4d01a,inset 0 -1px #0000004d,0 5px 12px #00000047}:root[data-theme=amoled-black] .dhikr-library-shell .list-header{background:var(--dhikr-library-toolbar-bg);border-bottom-color:#ffffff0d;box-shadow:inset 0 1px #ffffff07,0 10px 22px #0000002e}:root[data-theme=amoled-black] .dhikr-library-shell .list-section{color:#f0cf7ca8;text-shadow:none}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface{border-color:var(--dhikr-library-list-border);background:var(--dhikr-library-list-bg);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000057,0 12px 26px #00000057,0 0 0 1px #ffffff05}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card{border-bottom-color:var(--dhikr-library-row-border);box-shadow:none;background:0 0}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card:hover{background:var(--dhikr-library-row-hover-bg);box-shadow:none}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card:active{background:var(--dhikr-library-row-active-bg)}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card-star{border-color:var(--dhikr-library-card-icon-border);background:linear-gradient(180deg, #ffffff08, #ffffff02), var(--dhikr-library-card-icon-bg);color:#f7f7f994;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #0000003d,0 8px 18px #0003}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card-star:hover{color:#f0cf7c;border-color:#f5d3732e;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0000003d,0 0 10px #ffd8740d}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card-star.fav{color:#f0cf7c;text-shadow:none;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 34%),linear-gradient(#5a4116 0%,#3c2a0d 56%,#231606 100%);border-color:#f5d3733d;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #00000042,0 0 10px #ffd8740d}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card-count{background:var(--dhikr-library-card-count-bg);color:#f0cf7c;border-color:#f5d3732e;box-shadow:inset 0 1px #fff4d01a,inset 0 -1px #0000003d,0 5px 12px #0000002e}:root[data-theme=amoled-black] .dhikr-library-shell .card-right:after{color:var(--dhikr-library-chevron-color);filter:none}:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card-arabic{color:#e6c27d;text-shadow:none}@supports ((-webkit-background-clip:text)){:root[data-theme=amoled-black] .dhikr-library-shell .list-group-surface .card-arabic{background:linear-gradient(#f8e2b6 0%,#e6c27d 58%,#ad8240 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 3px #ffd87414);-webkit-background-clip:text;background-clip:text}}:root[data-theme=amoled-black] .dhikr-library-shell .dhikr-category-chip{color:color-mix(in srgb, var(--chip-accent) 74%, #f7f7f9b8)}:root[data-theme=amoled-black] .dhikr-library-shell .dhikr-category-chip.active{border-color:color-mix(in srgb, var(--chip-accent) 30%, var(--dhikr-library-control-border));box-shadow:var(--dhikr-library-control-shadow), inset 0 0 0 1px color-mix(in srgb, var(--chip-accent) 10%, transparent), 0 6px 14px #0000002e}:root[data-theme=amoled-black] .dhikr-library-shell .card-delete{color:#d7908d;background:linear-gradient(#ffffff06,#ffffff02),#341010b3;border-color:#be666029}:root[data-theme=amoled-black] .dhikr-library-shell .card-delete.confirm{color:#fff3f2;background:linear-gradient(#ffffff0b,#ffffff03),linear-gradient(#7a2f2c 0%,#561d1b 100%);border-color:#c9605a47}.dhikr-library-shell .dhikr-category-chip.active{border-color:color-mix(in srgb, var(--chip-accent) 36%, var(--dhikr-library-control-border));color:var(--chip-accent);box-shadow:var(--dhikr-library-control-shadow), inset 0 0 0 1px color-mix(in srgb, var(--chip-accent) 14%, transparent)}.card .tag-tesbih{color:#63c969;background:#2e7d323d;border-color:#4caf5047}.card .tag-istigfar{color:#ff7673;background:#d32f2f3d;border-color:#ef53504d}.card .tag-salavat{color:var(--gold);background:#c8a95138;border-color:#c8a95157}.card .tag-ayet{color:#68b8f9;background:#1e88e53d;border-color:#42a5f54d}.card .tag-dua{color:#c066d2;background:#8e24aa3d;border-color:#ab47bc52}.card .tag-gunluk{color:#39c1b3;background:#0096883d;border-color:#26a69a4d}.card .tag-esma{color:#ffc165;background:#ffb74d38;border-color:#ffb74d57}.card-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.card-right:after{content:"";color:#e8f0e247;border-top:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:rotate(45deg)}.dhikr-library-shell .card-right:after{color:var(--dhikr-library-chevron-color);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--dhikr-library-chevron-color) 28%, transparent))}.dhikr-library-shell .list-group-surface .card-star{border-color:color-mix(in srgb, var(--dhikr-library-card-icon-border) 82%, #ffd87424);background:radial-gradient(circle at 50% 18%, #ffffff1b, transparent 44%), var(--dhikr-library-card-icon-bg);color:#e8f0e26b;border-radius:11px;flex-basis:32px;width:32px;height:32px;font-size:17px;box-shadow:inset 0 1px #ffffff18,inset 0 -1px #00000029,0 1px #ffffff05}.dhikr-library-shell .list-group-surface .card-star:hover{color:#ffd874a8;border-color:#ffd87438;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1d,inset 0 -1px #00000026,0 0 10px #ffd8740b}.dhikr-library-shell .list-group-surface .card-star.fav{background:radial-gradient(circle at 34% 22%, #fff6bc57, transparent 42%), linear-gradient(180deg, #ffd87429, #ffd8740b), var(--dhikr-library-card-icon-bg);color:var(--gold);text-shadow:0 0 8px #ffd87452,0 1px #00000038;border-color:#ffd87457;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000021,0 0 12px #ffd87416,0 4px 12px #0000001a}.dhikr-library-shell .list-group-surface .card-star.fav:hover{border-color:#ffd8746b;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000021,0 0 15px #ffd87421,0 5px 14px #0000001c}.card-count{min-width:42px;min-height:27px;color:var(--gold);font-variant-numeric:tabular-nums;text-align:center;-webkit-text-fill-color:currentColor;background:linear-gradient(#ffd87417,#ffd87407),#05181157;border:1px solid #ffd87424;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:13px;font-weight:700;display:inline-flex}.dhikr-library-shell .list-group-surface .card-count{background:var(--dhikr-library-card-count-bg);min-width:38px;min-height:25px;color:var(--gold);-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box;border-color:#ffd87429;padding:3px 8px;font-size:12.5px;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000021}@supports ((-webkit-background-clip:text)){.card-count{background:var(--gold-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.list-group-surface .card-count{color:var(--gold);background:linear-gradient(#ffd87417,#ffd87407),#05181157;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box}.card-custom-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--gold);background:var(--gold-faint);vertical-align:middle;border-radius:4px;flex:none;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.card-delete{color:#ef5350;cursor:pointer;background:#d32f2f26;border:1px solid #ef535033;border-radius:999px;padding:3px 8px;font-size:11px;transition:all .15s}.card-delete.confirm{color:#fff;background:#d32f2f;padding:4px 10px;font-size:12px;font-weight:700}.esma-library-shell .search{isolation:isolate;background:radial-gradient(72% 44% at 85% 86%,#46a77421,#0000 68%),radial-gradient(92% 56% at 50% -18%,#ffffff14,#0000 64%),linear-gradient(#ffffff0f,#ffffff05),linear-gradient(160deg,#1d4b33 0%,#163b28 54%,#10281d 100%);border-color:#c8a95138;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000002e,0 0 0 1px #ffffff08,0 10px 22px #0000002e,0 0 24px #4fb9800e}.esma-library-shell .search:before{content:"";z-index:0;border-radius:inherit;opacity:.52;mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(145deg,#ffffff16 0%,#0000 34%,#00000024 100%),radial-gradient(80% 24% at 50% -2%,#fff1,#0000 72%),radial-gradient(58% 40% at 100% 100%,#4fb98012,#0000 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E") 0 0/64px 64px;position:absolute;inset:0}.esma-library-shell .search:after{content:"";opacity:.68;pointer-events:none;background:linear-gradient(90deg,#0000,#ffd8743d,#0000);height:1px;position:absolute;bottom:-1px;left:20px;right:20px}.esma-library-shell .search>*{z-index:1;position:relative}.esma-library-shell .search-icon{color:#ffd87485}.esma-library-shell .search input{color:#f8fbf6f0}.esma-library-shell .search input::placeholder{color:#e8f0e275}.esma-library-shell .search:focus-within{background:radial-gradient(72% 44% at 85% 86%,#46a77426,#0000 68%),radial-gradient(92% 56% at 50% -18%,#ffffff1a,#0000 64%),linear-gradient(#ffffff12,#ffffff05),linear-gradient(160deg,#205137 0%,#183f2b 54%,#12291d 100%);border-color:#c8a9514d;box-shadow:inset 0 1px #ffffff1c,inset 0 -1px #0000002e,0 0 0 1px #ffffff09,0 12px 24px #0003,0 0 28px #4fb98011}.esma-grid{--esma-card-dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E");grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 12px 24px;display:grid}.esma{text-align:center;border-radius:var(--radius);cursor:pointer;isolation:isolate;background:radial-gradient(72% 44% at 85% 86%,#46a77421,#0000 68%),radial-gradient(92% 56% at 50% -18%,#ffffff14,#0000 64%),linear-gradient(#ffffff0f,#ffffff05),linear-gradient(160deg,#1d4b33 0%,#163b28 54%,#10281d 100%);border:1px solid #c8a95138;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 6px 12px;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 0 0 1px #ffffff08,0 10px 22px #0000002e,0 0 24px #4fb9800e}.esma:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(145deg, #ffffff16 0%, transparent 34%, #00000024 100%), radial-gradient(ellipse 80% 24% at 50% -2%, #fff1, transparent 72%), radial-gradient(ellipse 58% 40% at 100% 100%, #4fb98012, transparent 68%), var(--esma-card-dither);opacity:.52;mix-blend-mode:soft-light;pointer-events:none;background-size:auto,auto,auto,64px 64px;position:absolute;inset:0}.esma:after{content:"";opacity:.68;pointer-events:none;background:linear-gradient(90deg,#0000,#ffd8743d,#0000);height:1px;position:absolute;bottom:-1px;left:20px;right:20px}.esma>*{z-index:1;position:relative}.esma:hover{background:radial-gradient(72% 44% at 85% 86%,#46a77426,#0000 68%),radial-gradient(92% 56% at 50% -18%,#ffffff1a,#0000 64%),linear-gradient(#ffffff12,#ffffff05),linear-gradient(160deg,#205137 0%,#183f2b 54%,#12291d 100%);border-color:#c8a9514d;box-shadow:inset 0 1px #ffffff1c,inset 0 -1px #0000002e,0 0 0 1px #ffffff09,0 12px 24px #0003,0 0 28px #4fb98011}.esma:active{background:radial-gradient(72% 44% at 85% 86%,#3f96681a,#0000 68%),radial-gradient(92% 56% at 50% -18%,#ffffff12,#0000 64%),linear-gradient(#ffffff0d,#ffffff04),linear-gradient(160deg,#193f2b 0%,#133322 54%,#0d2318 100%);transform:scale(.97)}.esma-number{color:var(--white20);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.esma-arabic{color:var(--gold);direction:rtl;font-family:Georgia,Times New Roman,Amiri,serif;font-size:24px;line-height:1.4}.esma-name{color:#f8fbf6eb;font-size:14px;font-weight:600;line-height:1.2}.esma-meaning{color:#ffd87494;font-size:11px;line-height:1.3}.esma-modal-overlay{z-index:1000;padding:max(24px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 40%,#c8a95133,#c8a95100 62%),#0000009e;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.esma-modal{background:var(--menu-panel-bg,linear-gradient(160deg, #234a36, #102a1e));border:1.5px solid #c8a95180;border-radius:20px;flex-direction:column;width:100%;max-width:380px;max-height:calc(100dvh - 32px);animation:.25s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c8a95147,0 0 24px #c8a95147,0 0 38px #c8a95129,0 14px 28px #0000007a}.esma-modal:before{content:none}.dhikr-detail-modal{background:var(--menu-panel-bg,#193c27)}.dhikr-detail-sheet-overlay{padding:max(12px, env(safe-area-inset-top)) 10px 0;-webkit-backdrop-filter:blur(8px)saturate(.9);backdrop-filter:blur(8px)saturate(.9);background:radial-gradient(#00000014 0%,#00000047 58%,#00000094 100%),linear-gradient(#0000001f,#0000006b),#0000003d;align-items:flex-end;overflow:hidden}.add-dhikr-overlay{-webkit-backdrop-filter:blur(8px)saturate(.9);backdrop-filter:blur(8px)saturate(.9);background:radial-gradient(#00000014 0%,#00000047 58%,#00000094 100%),linear-gradient(#0000001f,#0000006b),#0000003d}.dhikr-detail-sheet-modal{width:min(100%,430px);max-width:430px;max-height:min(78dvh, calc(var(--app-height,100dvh) - max(72px, env(safe-area-inset-top))));transform-origin:bottom;transform:translateY(var(--dhikr-sheet-drag-y,0px));touch-action:none;border-color:#c8a95161;border-bottom-style:none;border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:transform .2s cubic-bezier(.2,.95,.18,1);animation:none;box-shadow:0 -1px #ffffff0f,0 -18px 50px #0000006b,0 0 34px #c8a95124}.dhikr-detail-sheet-modal.dhikr-detail-sheet-dragging{cursor:grabbing;transition:none}.dhikr-detail-sheet-modal.dhikr-detail-sheet-initial{animation:.42s cubic-bezier(.2,.95,.18,1) backwards dhikrSheetUp}.dhikr-detail-sheet-modal:before{content:"";cursor:grab;touch-action:none;background:#ffffff42;border-radius:999px;flex:none;width:42px;height:5px;margin:10px auto 2px;box-shadow:0 0 0 12px #0000}.dhikr-detail-sheet-modal .esma-modal-content{touch-action:pan-y;padding:14px 18px 6px}.dhikr-detail-sheet-modal .esma-modal-footer{padding:0 18px calc(26px + env(safe-area-inset-bottom))}.dhikr-detail-sheet-modal .esma-modal-close{display:none}.dhikr-detail-sheet-modal .dhikr-modal-category{margin-bottom:7px}.dhikr-detail-sheet-modal .esma-modal-arabic{margin-bottom:5px;font-size:clamp(31px,9vw,42px);line-height:1.18}.dhikr-detail-sheet-modal .esma-modal-name{margin-bottom:3px;font-size:21px;line-height:1.15}.dhikr-detail-sheet-modal .esma-modal-meaning{margin-bottom:10px;font-size:14px;line-height:1.38}.dhikr-detail-sheet-modal .dhikr-modal-benefit-box{-webkit-overflow-scrolling:touch;text-align:left;touch-action:pan-y;max-height:180px;margin:4px 0 10px;padding:10px 12px;overflow-y:auto}.dhikr-detail-sheet-modal .dhikr-modal-benefit-title,.dhikr-detail-sheet-modal .dhikr-modal-benefit-line{margin-bottom:5px}.dhikr-detail-sheet-modal .dhikr-modal-benefit-text{font-size:13px;line-height:1.48}.dhikr-detail-sheet-modal .dhikr-modal-benefit-label{font-size:12px}.dhikr-detail-sheet-modal .dhikr-modal-target-hint{margin-bottom:6px;font-size:12px}.dhikr-detail-sheet-modal .dhikr-modal-share-btn{min-height:40px;margin-bottom:8px}.dhikr-detail-sheet-modal .esma-modal-btn{min-height:45px}.dhikr-detail-sheet-modal .esma-modal-target-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.dhikr-detail-sheet-modal .dhikr-detail-step-info{display:contents}.esma-detail-overlay .dhikr-detail-sheet-modal{max-height:min(86dvh, calc(var(--app-height,100dvh) - max(44px, env(safe-area-inset-top))))}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-content{padding-top:10px}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-number{width:30px;height:30px;margin-bottom:6px;font-size:13px}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-arabic{margin-bottom:3px;font-size:clamp(34px,10vw,42px);line-height:1.08}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-name{margin-bottom:2px;font-size:20px}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-meaning{margin-bottom:8px;font-size:13px}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-dhikr-section{margin-bottom:10px;padding:9px 12px}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-dhikr-arabic{margin-bottom:2px;font-size:23px;line-height:1.25}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-dhikr-form{font-size:13px}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-detail{margin-bottom:8px;padding:0 2px;font-size:14px;line-height:1.56}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-benefit{margin-bottom:12px;padding:9px 11px;font-size:13px;line-height:1.52}.esma-detail-overlay .dhikr-detail-sheet-modal .esma-modal-footer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.dhikr-detail-sheet-modal.dhikr-detail-sheet-exit{pointer-events:none;animation:.3s cubic-bezier(.42,0,.72,1) both dhikrSheetDown}.esma-modal.dhikr-detail-sheet-exit:not(.dhikr-detail-sheet-modal){pointer-events:none;animation:.3s cubic-bezier(.42,0,.72,1) both dhikrModalStartExit}.esma-modal.dhikr-detail-sheet-enter:not(.dhikr-detail-sheet-modal){animation:.38s cubic-bezier(.2,.95,.18,1) both dhikrModalStepEnter}.esma-modal.dhikr-detail-step-flow:not(.dhikr-detail-sheet-modal):not(.dhikr-detail-sheet-enter):not(.dhikr-detail-sheet-exit):not(.dhikr-detail-sheet-dismiss){animation:none}.dhikr-detail-sheet-modal.dhikr-detail-sheet-dismiss{pointer-events:none;animation:.28s cubic-bezier(.36,0,.74,1) both dhikrSheetDismiss}.dhikr-detail-sheet-modal.dhikr-detail-sheet-enter{animation:.38s cubic-bezier(.2,.95,.18,1) both dhikrSheetReenter}.esma-modal-content{-webkit-overflow-scrolling:touch;text-align:center;flex:1;padding:28px 24px 8px;overflow-y:auto}.esma-modal-footer{padding:2px 24px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#102a1e00 0%,#102a1ead 24%,#102a1ef5 100%);flex-shrink:0}.esma-modal-close{z-index:5;width:32px;height:32px;color:var(--white60);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.esma-modal-close,.esma-modal-close *{pointer-events:auto}.esma-modal-close:active{color:var(--gold);background:#c8a9512e;border-color:#c8a95166}.esma-modal-number{width:36px;height:36px;color:var(--gold);background:#c8a95124;border:1px solid #c8a9516b;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:inline-flex}.esma-modal-arabic{color:var(--gold);direction:rtl;margin-bottom:8px;font-family:Georgia,Times New Roman,Amiri,serif;font-size:48px;line-height:1.3}.esma-modal-name{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.esma-modal-meaning{color:var(--text-secondary);margin-bottom:16px;font-size:15px}.esma-modal-dhikr-section{border-radius:var(--radius);background:#ffffff0a;border:1px solid #c8a95138;margin-bottom:16px;padding:14px 16px}.esma-modal-dhikr-arabic{color:var(--gold);direction:rtl;margin-bottom:4px;font-family:Georgia,Times New Roman,Amiri,serif;font-size:28px;line-height:1.4}.esma-modal-dhikr-form{color:var(--text-tertiary);font-size:14px;font-style:italic}.esma-modal-detail{color:var(--text-secondary);text-align:left;margin-bottom:12px;padding:0 4px;font-size:14px;line-height:1.7}.esma-modal-benefit{color:var(--gold-dim);text-align:left;border-radius:var(--radius-sm);background:#c8a9511f;border:1px solid #c8a95142;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.esma-modal-benefit-icon{color:var(--gold);flex-shrink:0;margin-top:1px;font-size:14px}.esma-modal-benefit-content{flex-direction:column;gap:4px;display:flex}.esma-modal-benefit-recommend{color:var(--gold);font-weight:700}.esma-modal-benefit-count{font-weight:800}.esma-modal-btn{border-radius:var(--radius);background:linear-gradient(135deg, var(--green), var(--green-light));width:100%;color:var(--gold);cursor:pointer;letter-spacing:.3px;border:none;padding:14px 20px;font-size:16px;font-weight:700;transition:all .2s}.esma-modal-btn:active{opacity:.9;transform:scale(.97)}.esma-modal-share-btn{width:100%;min-height:44px;color:var(--gold);cursor:pointer;background:#c8a95114;border:1px solid #c8a95157;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.esma-share-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.esma-modal-share-btn:active{background:#c8a95124;transform:scale(.97)}.esma-share-overlay{z-index:1300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.esma-share-sheet{background:linear-gradient(#18211cfa,#080c0afc);border:1px solid #c8a9513d;border-radius:8px;width:min(100%,430px);padding:10px 14px 14px;box-shadow:0 24px 70px #00000070}.esma-share-handle{background:#ffffff38;border-radius:999px;width:44px;height:4px;margin:0 auto 12px}.esma-share-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.esma-share-head div{gap:4px;min-width:0;display:grid}.esma-share-head span{color:var(--gold-dim);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.esma-share-head strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:20px;line-height:1.18}.esma-share-close{width:38px;min-height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;flex:none;padding:0;font-family:inherit;font-size:14px;font-weight:700}.esma-share-preview{background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.esma-share-preview p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.esma-share-preview code{color:var(--gold-dim);overflow-wrap:anywhere;white-space:normal;-webkit-user-select:text;user-select:text;font-size:12px;line-height:1.45}.esma-share-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.esma-share-actions button,.esma-share-actions a{min-height:42px;color:var(--text-primary);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.esma-share-actions button{color:var(--gold);border-color:#c8a95161;grid-column:1/-1}.esma-share-brand-icon{fill:currentColor;flex:none;width:19px;height:19px;display:block}.esma-share-brand-icon.whatsapp{width:20px;height:20px}.esma-share-brand-action.whatsapp{color:#25d366;border-color:#25d36647}.esma-share-brand-action.x{color:var(--text-primary)}.esma-share-brand-action.x .esma-share-brand-icon{width:18px;height:18px}.esma-share-actions button:active,.esma-share-actions a:active,.esma-share-close:active{transform:scale(.98)}@media (width>=900px){.home-desktop-shell .esma-share-overlay{align-items:center}}.esma-modal-primary-btn{color:var(--gold);background:radial-gradient(circle at 30% 24%,#ffffff29,#fff0 46%),linear-gradient(135deg,#2b7e36,#1a5524);border:1px solid #f2cf706b;box-shadow:0 0 0 1px #f2cf703d,0 0 12px #f2cf702e,0 8px 14px #0000004d}.esma-modal-primary-btn:active{background:radial-gradient(circle at 30% 24%,#ffffff1f,#fff0 46%),linear-gradient(135deg,#256f2f,#164920);box-shadow:0 0 0 1px #f2cf7038,0 0 10px #f2cf7029,0 5px 10px #00000042}.esma-modal-target-box{border-top:1px solid #c8a95133;margin-top:8px;padding-top:12px}.esma-modal-target-title{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:8px;font-size:12px}.esma-modal-targets{padding:4px 0 0}.esma-detail-overlay .esma-modal-targets{flex-direction:column;gap:6px;display:flex}.esma-detail-overlay .esma-target-row{justify-content:center;align-items:center;gap:8px;display:flex}.esma-detail-overlay .esma-target-row-main{flex-wrap:wrap}.esma-detail-overlay .esma-target-row-extra{gap:10px}.esma-modal-target-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.esma-modal-btn-secondary{color:var(--white80);background:0 0;border:1px solid #fff3}.esma-modal-btn-secondary:active{color:var(--gold);border-color:#c8a95166}.esma-modal-target-screen{flex-direction:column;align-items:center;gap:10px;padding-top:8px;display:flex}.esma-modal-target-name{color:var(--text-primary);font-size:22px;font-weight:700}.esma-modal-target-arabic{color:var(--gold);direction:rtl;font-family:Georgia,Times New Roman,Amiri,serif;font-size:34px;line-height:1.25}.esma-modal-target-meaning{color:var(--text-secondary);font-size:14px}.dhikr-modal-category{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;background:#c8a9511f;border:1px solid #c8a9514d;border-radius:999px;justify-content:center;align-items:center;margin-bottom:10px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.dhikr-modal-target-hint{color:var(--gold-dim);margin:2px 0 6px;font-size:13px}.dhikr-modal-share-btn{width:100%;min-height:44px;color:var(--gold);cursor:pointer;background:#c8a95114;border:1px solid #c8a95157;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.dhikr-share-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.dhikr-modal-share-btn:active{background:#c8a95124;transform:scale(.97)}.dhikr-modal-benefit-box{border-radius:var(--radius-sm);text-align:left;background:#ffffff0a;border:1px solid #c8a95138;margin:6px 0 12px;padding:12px 14px}.dhikr-modal-benefit-title{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:12px;font-weight:700}.dhikr-modal-benefit-text{color:var(--text-secondary);font-size:14px;line-height:1.6}.dhikr-modal-benefit-line{margin-bottom:6px}.dhikr-modal-benefit-label{color:var(--gold);font-size:13px;font-weight:700}.dhikr-modal-benefit-source{color:var(--white40);margin-top:8px;font-size:11px}.dhikr-modal-custom-box{border-radius:var(--radius-sm);text-align:left;background:#ffffff08;border:1px solid #c8a9512e;margin:6px 0 12px;padding:12px 14px}.dhikr-modal-custom-line+.dhikr-modal-custom-line{margin-top:6px}.dhikr-share-overlay{z-index:1300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.dhikr-share-sheet{background:linear-gradient(#18211cfa,#080c0afc);border:1px solid #c8a9513d;border-radius:8px;width:min(100%,430px);padding:10px 14px 14px;box-shadow:0 24px 70px #00000070}.dhikr-share-handle{background:#ffffff38;border-radius:999px;width:44px;height:4px;margin:0 auto 12px}.dhikr-share-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dhikr-share-head div{gap:4px;min-width:0;display:grid}.dhikr-share-head span{color:var(--gold-dim);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.dhikr-share-head strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:20px;line-height:1.18}.dhikr-share-close{width:38px;min-height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;flex:none;padding:0;font-family:inherit;font-size:14px;font-weight:700}.dhikr-share-preview{background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.dhikr-share-preview p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.dhikr-share-preview code{color:var(--gold-dim);overflow-wrap:anywhere;white-space:normal;-webkit-user-select:text;user-select:text;font-size:12px;line-height:1.45}.dhikr-share-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.dhikr-share-actions button,.dhikr-share-actions a{min-height:42px;color:var(--text-primary);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.dhikr-share-actions button{color:var(--gold);border-color:#c8a95161;grid-column:1/-1}.dhikr-share-brand-icon{fill:currentColor;flex:none;width:19px;height:19px;display:block}.dhikr-share-brand-icon.whatsapp{width:20px;height:20px}.dhikr-share-brand-action.whatsapp{color:#25d366;border-color:#25d36647}.dhikr-share-brand-action.x{color:var(--text-primary)}.dhikr-share-brand-action.x .dhikr-share-brand-icon{width:18px;height:18px}.dhikr-share-actions button:active,.dhikr-share-actions a:active,.dhikr-share-close:active{transform:scale(.98)}@media (width>=900px){.home-desktop-shell .dhikr-share-overlay{align-items:center}}.dhikr-arabic-shrink{line-height:1.35;font-size:clamp(24px,6vw,32px)!important}.esma-modal-target-subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 10px #c8a95133;margin-bottom:2px;font-size:13px;font-weight:700}.add-dhikr-modal{border:1px solid var(--white10);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--shadow-elevated);background:#193c27;border-radius:20px;padding:20px;animation:.25s slideUp;position:relative;overflow-y:auto}.add-dhikr-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.add-dhikr-title{color:var(--gold);font-size:20px;font-weight:700}.add-dhikr-submit-btn{color:var(--gold);background:radial-gradient(circle at 30% 24%,#ffffff29,#fff0 46%),linear-gradient(135deg,#2b7e36,#1a5524);border:1px solid #f2cf706b;box-shadow:0 0 0 1px #f2cf703d,0 0 12px #f2cf702e,0 8px 14px #0000004d}.add-dhikr-submit-btn:active{background:radial-gradient(circle at 30% 24%,#ffffff1f,#fff0 46%),linear-gradient(135deg,#256f2f,#164920);box-shadow:0 0 0 1px #f2cf7038,0 0 10px #f2cf7029,0 5px 10px #00000042}.add-dhikr-field{margin-bottom:16px}.add-dhikr-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.add-dhikr-optional{text-transform:none;letter-spacing:0;opacity:.6;font-size:11px;font-weight:400}.add-dhikr-input{width:100%;color:var(--text-primary);background:var(--surface);border:1px solid var(--white10);border-radius:var(--radius-sm);outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s}.add-dhikr-input:focus{border-color:var(--gold-dim)}.add-dhikr-input::placeholder{color:var(--text-tertiary)}.add-dhikr-input-arabic{font-family:Georgia,Times New Roman,Amiri,serif;font-size:20px;line-height:1.4}.add-dhikr-targets{flex-wrap:wrap;gap:6px;display:flex}.add-dhikr-tgt{color:var(--text-secondary);background:var(--surface);border:1px solid var(--white10);cursor:pointer;border-radius:20px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .15s}.add-dhikr-tgt.active{background:var(--gold-faint);border-color:var(--gold);color:var(--gold)}.add-dhikr-tgt:active{transform:scale(.95)}.add-dhikr-custom-target{margin-top:8px}.add-dhikr-categories{flex-wrap:wrap;gap:6px;display:flex}.add-dhikr-cat{cursor:pointer;opacity:.6;border:1.5px solid #0000;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.add-dhikr-cat.active{opacity:1;border-color:currentColor;transform:scale(1.05)}.add-dhikr-cat:active{transform:scale(.95)}:root[data-vird-app-active=true],:root[data-vird-app-active=true] body,:root[data-vird-app-active=true] #root{height:var(--vird-app-shell-height,var(--app-height,100dvh));min-height:var(--vird-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;overflow:hidden}:root[data-vird-app-active=true] .app-wrapper{height:var(--vird-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;min-height:0;overflow:hidden}:root[data-vird-app-active=true] .page-content{overscroll-behavior-y:none;overflow:hidden}:root[data-vird-app-active=true] .topbar,:root[data-vird-app-active=true] .vird-session,:root[data-vird-app-active=true] .vird-session *{touch-action:none}:root[data-vird-app-active=true] .vird-session button,:root[data-vird-app-active=true] .vird-info-overlay button,:root[data-vird-app-active=true] .vird-share-overlay button,:root[data-vird-app-active=true] .vird-share-overlay a{touch-action:manipulation}:root[data-vird-app-active=true] .vird-completion-board,:root[data-vird-app-active=true] .vird-completion-summary,:root[data-vird-app-active=true] .vird-info-overlay,:root[data-vird-app-active=true] .vird-info-overlay *,:root[data-vird-app-active=true] .vird-share-overlay,:root[data-vird-app-active=true] .vird-share-overlay *{touch-action:pan-y}:root[data-vird-app-active=true] .vird-completion-board,:root[data-vird-app-active=true] .vird-completion-summary,:root[data-vird-app-active=true] .vird-info-overlay,:root[data-vird-app-active=true] .vird-share-overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.vird-page{min-height:100%;padding:12px 16px calc(18px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:12px;display:flex}.vird-page,.vird-page *{touch-action:pan-y}.vird-page button,.vird-page [role=button]{touch-action:manipulation}.vird-page,.vird-page *,.vird-session,.vird-session *,.vird-editor-overlay,.vird-editor-overlay *,.vird-info-overlay,.vird-info-overlay *,.vird-share-overlay,.vird-share-overlay *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.vird-intro{background:radial-gradient(circle at 18% 0,#f2cf7029,#f2cf7000 38%),linear-gradient(160deg,#26523ab8,#0d261bc7);border:1px solid #c8a9512e;border-radius:8px;padding:16px;box-shadow:0 10px 20px #0000003d}.vird-eyebrow,.vird-section-title,.vird-session-kicker,.vird-session-status,.vird-editor-divider{color:var(--gold-dim);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.vird-intro h2{color:var(--text-primary);margin-top:6px;font-size:18px;line-height:1.3}.vird-intro p:not(.vird-eyebrow){color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.55}.vird-section-title{padding:8px 0 0}.vird-card-list{flex-direction:column;gap:10px;display:flex}.vird-card,.vird-empty-card{background:linear-gradient(160deg,#2b583f9e,#0d261bb8);border:1px solid #c8a9512e;border-radius:8px;width:100%;padding:16px;position:relative;box-shadow:0 0 0 1px #c8a9510a,0 8px 16px #00000038}.vird-card{cursor:pointer;isolation:isolate;transition:border-color .16s,background .16s,transform .12s;overflow:hidden}.vird-card>*{z-index:1;position:relative}.vird-card-morning{background:linear-gradient(90deg,#f2cf7016,#f2cf7007 86px,#f2cf7000 154px),linear-gradient(160deg,#325e3ad1,#123a24e0);border-color:#f2cf7042;box-shadow:0 0 0 1px #f2cf700a,0 8px 16px #00000038}.vird-card-morning:before,.vird-card-evening:before{content:"";pointer-events:none;z-index:0;position:absolute}.vird-card-morning:before{opacity:.78;background:linear-gradient(#f2cf7000,#f2cf7094,#f2cf7000);border-radius:999px;width:4px;top:14px;bottom:14px;left:0}.vird-card-evening{background:linear-gradient(90deg,#7ebcaa24,#7ebcaa0b 92px,#7ebcaa00 168px),linear-gradient(160deg,#185249d6,#072224e6);border-color:#7ebcaa57;box-shadow:0 0 0 1px #7ebcaa0f,0 8px 16px #0000003d}.vird-card-evening:before{opacity:.9;background:linear-gradient(#7ebcaa00,#7ebcaad1,#7ebcaa00);border-radius:999px;width:4px;top:14px;bottom:14px;left:0}.vird-card-custom{background:radial-gradient(circle at 88% 0,#ffd8741f,#ffd87400 34%),linear-gradient(90deg,#74d6b824,#74d6b80b 104px,#74d6b800 178px),linear-gradient(160deg,#1c5346d6,#0a2a23e6);border-color:#74d6b84d;box-shadow:0 0 0 1px #74d6b80f,0 8px 16px #0000003d}.vird-card-custom:after{content:"";z-index:0;pointer-events:none;opacity:.72;background:linear-gradient(135deg,#ffd87414,#ffd87400 34%),radial-gradient(circle at 100% 100%,#74d6b81f,#74d6b800 42%);position:absolute;inset:0}.vird-card:active{transform:scale(.99)}.vird-card.is-active{border-color:#f2cf706b}.vird-card.is-complete{background:linear-gradient(90deg,#5cd67b1a,#5cd67b07 110px,#5cd67b00 176px),linear-gradient(160deg,#265c38b8,#0d261bd1);border-color:#5cd67b80;box-shadow:0 0 0 1px #5cd67b14,0 8px 16px #00000038}.vird-card-custom.is-complete{background:radial-gradient(circle at 88% 0,#ffd8741a,#ffd87400 34%),linear-gradient(90deg,#74d6b81f,#74d6b80a 104px,#74d6b800 178px),linear-gradient(160deg,#1c5443d1,#0b2c22e6);border-color:#74d6b86b}.vird-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vird-card-title-group{min-width:0}.vird-card-title{color:var(--text-primary);font-size:17px;font-weight:800;line-height:1.25}.vird-card-desc{color:var(--text-tertiary);margin-top:4px;font-size:13px;line-height:1.45}.vird-card-status{height:var(--vird-card-action-size,32px);box-sizing:border-box;color:var(--gold);white-space:nowrap;background:#c8a9511f;border:1px solid #f2cf703d;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:hidden}.vird-card.is-complete .vird-card-status{color:#18301f;background:radial-gradient(circle at 18% 10%,#ffffff5c,#fff0 34%),linear-gradient(135deg,#ffe896f5,#dab248f0),#f2cf70;border-color:#ffd874c2;box-shadow:0 0 0 1px #ffd87433,0 0 16px #ffd87438,inset 0 1px #ffffff57}.vird-card.is-complete .vird-card-status:before{content:"✓";z-index:1;color:#b9ffc5;background:radial-gradient(circle at 35% 25%,#fff3,#fff0 44%),#1f7a3a;border-radius:999px;place-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:inline-grid;position:relative;box-shadow:0 0 0 1px #0d371e6b}.vird-card.is-active:not(.is-complete) .vird-card-status{color:#ffe08a;background:#ffd87424;border-color:#ffd87475}.vird-card.is-active:not(.is-complete) .vird-card-status:before{content:"";clip-path:polygon(12% 0,88% 0,88% 14%,62% 42%,50% 50%,62% 58%,88% 86%,88% 100%,12% 100%,12% 86%,38% 58%,50% 50%,38% 42%,12% 14%);filter:drop-shadow(0 0 5px #ffd87447);background:#fff1b8;width:12px;height:14px;display:inline-block}.vird-card-head-tools{flex:none;justify-items:end;gap:6px;max-width:164px;display:grid}.vird-card-status-actions{--vird-card-action-size:32px;justify-content:flex-end;align-items:center;gap:6px;display:flex}.vird-card-share-action{width:var(--vird-card-action-size,32px);height:var(--vird-card-action-size,32px);color:var(--gold);cursor:pointer;background:#c8a9511f;border:1px solid #f2cf7047;border-radius:8px;flex:none;place-items:center;padding:0;transition:transform .15s,border-color .15s,background .15s;display:inline-grid}.vird-card-share-action .tesbihat-topbar-icon{width:17px;height:17px}.vird-card-quick-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.vird-card-tags,.vird-source-row,.vird-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vird-card-tags{margin-top:12px}.vird-chip,.vird-source-badge{border-radius:6px;align-items:center;min-height:24px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1.2;display:inline-flex}.vird-chip{color:var(--gold-dim);background:#ffffff0d}.vird-card-meta{color:var(--text-tertiary);justify-content:space-between;margin-top:12px;font-size:12px;font-weight:700}.vird-card-progress{background:#ffffff14;border-radius:4px;height:5px;margin-top:10px;overflow:hidden}.vird-card-progress span{border-radius:inherit;background:var(--gold-gradient);min-width:4px;height:100%;display:block}.vird-source-row{justify-content:space-between;margin-top:10px}.vird-source-badges{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.vird-source-badge{color:var(--gold);background:#c8a9511a;border:1px solid #c8a95138}.vird-card-start-action{min-width:70px;min-height:26px;color:var(--gold);cursor:pointer;background:radial-gradient(circle at 30% 24%,#ffffff24,#fff0 46%),linear-gradient(135deg,#2b7e36,#1a5524);border:1px solid #f2cf7061;border-radius:8px;flex:none;padding:4px 9px;font-family:inherit;font-size:11.5px;font-weight:900;transition:transform .15s,opacity .15s,border-color .15s;box-shadow:0 0 0 1px #f2cf702e,0 5px 10px #0003}.vird-mini-action{min-height:26px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;padding:4px 7px;font-size:10.8px;font-weight:800;line-height:1}.vird-mini-action-danger{color:#ef5350;border-color:#ef535047}.vird-mini-action-danger.confirm{color:#fff;background:#d32f2f;border-color:#d32f2f}.vird-empty-card{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;line-height:1.45;display:flex}.vird-empty-card strong{color:var(--text-primary);font-size:15px}.vird-sticky-actions{z-index:2;background:linear-gradient(180deg, #0d261b00, var(--bg) 42%, var(--bg) 100%);flex-direction:column;gap:10px;margin-top:6px;padding:12px 0 0;display:flex;position:sticky;bottom:0}.vird-primary-action,.vird-create-action,.vird-secondary-action{cursor:pointer;border-radius:8px;width:100%;min-height:48px;font-family:inherit;font-size:15px;font-weight:900;transition:transform .15s,opacity .15s,border-color .15s}.vird-primary-action{color:var(--gold);background:radial-gradient(circle at 30% 24%,#ffffff24,#fff0 46%),linear-gradient(135deg,#2b7e36,#1a5524);border:1px solid #f2cf7061;box-shadow:0 0 0 1px #f2cf7033,0 10px 18px #00000047}.vird-create-action,.vird-secondary-action{color:var(--gold);background:#c8a9510f;border:1.5px dashed #c8a9515c}.vird-secondary-action{margin-bottom:12px}.vird-primary-action:active,.vird-create-action:active,.vird-secondary-action:active,.vird-card-start-action:active,.vird-card-share-action:active,.vird-mini-action:active{transform:scale(.98)}.vird-secondary-action:disabled,.vird-primary-action:disabled,.vird-create-action:disabled,.vird-editor-step-actions button:disabled{cursor:default;opacity:.45}.vird-share-topbar-btn{border-radius:8px}.vird-active-layout .topbar{gap:8px}.vird-active-layout .topbar-title{-webkit-line-clamp:2;color:var(--gold);letter-spacing:.2px;overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:clamp(18px,4.45vw,22px);line-height:1.08;display:-webkit-box;overflow:hidden}.vird-active-layout .topbar-actions{justify-content:flex-end;gap:4px;width:68px}.vird-active-layout .topbar-btn,.vird-active-layout .tesbihat-topbar-icon-btn{flex:0 0 32px;width:32px;height:32px}.vird-share-overlay{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.vird-share-sheet{background:linear-gradient(#18211cfa,#080c0afc);border:1px solid #c8a9513d;border-radius:8px;width:min(100%,430px);padding:10px 14px 14px;box-shadow:0 24px 70px #00000070}.vird-share-handle{background:#ffffff38;border-radius:999px;width:44px;height:4px;margin:0 auto 12px}.vird-share-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vird-share-head div{gap:4px;min-width:0;display:grid}.vird-share-head span{color:var(--gold-dim);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.vird-share-head strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:20px;line-height:1.18}.vird-share-close{width:38px;min-height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;flex:none;padding:0;font-family:inherit;font-size:14px;font-weight:700}.vird-share-preview{background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.vird-share-preview p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.vird-share-preview code{color:var(--gold-dim);overflow-wrap:anywhere;white-space:normal;-webkit-user-select:text;user-select:text;font-size:12px;line-height:1.45}.vird-share-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.vird-share-actions button,.vird-share-actions a{min-height:42px;color:var(--text-primary);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.vird-share-actions button{color:var(--gold);border-color:#c8a95161;grid-column:1/-1}.vird-share-brand-icon{fill:currentColor;flex:none;width:19px;height:19px;display:block}.vird-share-brand-icon.whatsapp{width:20px;height:20px}.vird-share-brand-action.whatsapp{color:#25d366;border-color:#25d36647}.vird-share-brand-action.x{color:var(--text-primary)}.vird-share-brand-action.x .vird-share-brand-icon{width:18px;height:18px}.vird-share-actions button:active,.vird-share-actions a:active,.vird-share-close:active{transform:scale(.98)}@media (width>=900px){.home-desktop-shell .vird-active-layout .topbar-title{font-size:clamp(17px,1.5vw,21px);line-height:1.12}.home-desktop-shell .vird-share-overlay{align-items:center}}:root[data-theme=amoled-black] .vird-intro{background:radial-gradient(circle at 18% 0,#f2cf7017,#f2cf7000 42%),linear-gradient(160deg,#121815f0,#040706fa);border-color:#c8a95133;box-shadow:inset 0 0 0 1px #ffd87406,0 10px 20px #00000061}:root[data-theme=amoled-black] .vird-card,:root[data-theme=amoled-black] .vird-empty-card{background:linear-gradient(160deg,#111714f2,#040706fa);border-color:#c8a95133;box-shadow:inset 0 0 0 1px #ffd87406,0 8px 16px #00000061}:root[data-theme=amoled-black] .vird-card-morning{background:linear-gradient(90deg,#f2cf7012,#f2cf7006 86px,#f2cf7000 154px),linear-gradient(160deg,#101a13f5,#040907fc);border-color:#f2cf7047}:root[data-theme=amoled-black] .vird-card-evening{background:linear-gradient(90deg,#7ebcaa17,#7ebcaa08 92px,#7ebcaa00 168px),linear-gradient(160deg,#0a1818f5,#030809fc);border-color:#7ebcaa4d}:root[data-theme=amoled-black] .vird-card-custom{background:radial-gradient(circle at 88% 0,#ffd8740e,#ffd87400 36%),linear-gradient(90deg,#74d6b812,#74d6b807 104px,#74d6b800 178px),linear-gradient(160deg,#081613f7,#030807fc);border-color:#74d6b842}:root[data-theme=amoled-black] .vird-card-custom:after{opacity:.46}:root[data-theme=amoled-black] .vird-card.is-complete{background:linear-gradient(90deg,#5cd67b13,#5cd67b07 110px,#5cd67b00 176px),linear-gradient(160deg,#0c1a11f5,#040806fc);border-color:#5cd67b6b}:root[data-theme=amoled-black] .vird-card-custom.is-complete{background:radial-gradient(circle at 88% 0,#ffd8740c,#ffd87400 36%),linear-gradient(90deg,#74d6b811,#74d6b806 104px,#74d6b800 178px),linear-gradient(160deg,#081712f7,#030806fc);border-color:#74d6b857}:root[data-theme=amoled-black] .vird-chip,:root[data-theme=amoled-black] .vird-mini-action{background:#ffffff09;border-color:#ffffff17}:root[data-theme=amoled-black] .vird-source-badge,:root[data-theme=amoled-black] .vird-create-action,:root[data-theme=amoled-black] .vird-secondary-action{background:#c8a95113}:root[data-theme=amoled-black] .vird-card-progress{background:#ffffff0e}.vird-session{min-height:100%;padding:12px 16px calc(18px + env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;gap:14px;display:flex}.tesbihat-app.vird-session{--tesbihat-shell-inline:calc(12px * var(--tesbihat-app-scale,1));--tesbihat-shell-gap:calc(8px * var(--tesbihat-app-scale,1));--tesbihat-text-gap:calc(6px * var(--tesbihat-app-scale,1));overscroll-behavior-y:contain;align-items:stretch;gap:0;height:100%;min-height:0;padding:0;overflow:hidden}.vird-session .tesbihat-app-board{height:100%;min-height:0;padding-top:0;padding-bottom:calc(8px * var(--tesbihat-app-scale,1) + env(safe-area-inset-bottom,0px));row-gap:var(--tesbihat-shell-gap);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;overflow:hidden}.vird-session .tesbihat-app-source,.vird-session .vird-total-progress,.vird-session .tesbihat-app-current,.vird-session .tesbihat-app-counter,.vird-session .tesbihat-app-actions{animation:tesbihat-app-enter var(--vird-entry-duration,1.12s) ease both!important}.vird-session .tesbihat-app-source{animation-delay:80ms!important}.vird-session .tesbihat-app-step-shell{animation:tesbihat-app-step-enter var(--vird-entry-duration,1.12s) cubic-bezier(.22, 1, .36, 1) both!important;animation-delay:var(--vird-step-enter-delay,.24s)!important}.vird-session .vird-total-progress{animation-delay:var(--vird-progress-enter-delay,var(--vird-entry-after-steps,1.98s))!important}.vird-session .tesbihat-app-current{animation-delay:var(--vird-current-enter-delay,2.14s)!important}.vird-session .tesbihat-app-counter{animation-delay:var(--vird-counter-enter-delay,2.32s)!important}.vird-session .tesbihat-app-actions{animation-delay:var(--vird-actions-enter-delay,2.48s)!important}.vird-session .tesbihat-app-current.vird-step-content-enter-odd,.vird-session .tesbihat-app-counter.vird-step-content-enter-odd{animation:vird-step-content-enter-odd var(--vird-entry-duration,1.12s) ease both!important}.vird-session .tesbihat-app-current.vird-step-content-enter-even,.vird-session .tesbihat-app-counter.vird-step-content-enter-even{animation:vird-step-content-enter-even var(--vird-entry-duration,1.12s) ease both!important}.vird-session .tesbihat-app-stepper{grid-template-columns:repeat(var(--vird-step-count,4), minmax(0, 1fr))}.vird-session-top{grid-template-columns:76px 1fr 76px;align-items:center;width:100%;display:grid}.vird-back-btn{min-height:36px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;font-weight:800}.vird-session .vird-back-btn{min-width:min(100%,148px);min-height:calc(28px * var(--tesbihat-app-scale,1));color:var(--gold);font-size:clamp(10px, calc(12px * var(--tesbihat-app-scale,1)), 12px);background:#c8a95114;border-color:#c8a9514d;padding:4px 12px}.vird-session-kicker{text-align:center}.vird-session-hero{text-align:center;width:100%}.vird-session-hero h2{color:var(--text-primary);margin-top:6px;font-size:24px;line-height:1.2}.vird-session-hero p:not(.vird-session-status){color:var(--text-tertiary);margin-top:6px;font-size:14px;line-height:1.45}.vird-session-ring{aspect-ratio:1;background:conic-gradient(var(--gold) var(--vird-step-progress,0deg), #ffffff1a 0deg), radial-gradient(circle at 50% 50%, #1e7e446b, #1e7e4400 68%);border:0;border-radius:50%;width:min(280px,78%);padding:12px;box-shadow:0 0 0 1px #f2cf7029,0 18px 34px #00000057,0 0 28px #f2cf702e}.vird-session-ring:active:not(:disabled){transform:scale(.985)}.vird-session-ring:disabled{cursor:default}.vird-session-ring-inner{background:linear-gradient(#243a31 0 40%,#193128 50%,#0f271f 100%);border:1px solid #ffffff1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 12px 16px #ffffff0d,inset 0 -12px 18px #0000005c}.vird-session-count{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:4.5rem;font-weight:900;line-height:1}.vird-session-target{color:var(--text-tertiary);margin-top:4px;font-size:18px;font-weight:800}.vird-total-progress{gap:calc(6px * var(--tesbihat-app-scale,1));width:100%;padding:calc(8px * var(--tesbihat-app-scale,1)) calc(12px * var(--tesbihat-app-scale,1));background:linear-gradient(135deg,#173d2b 0%,#1f4b34 48%,#102b21 100%),#163626;border:1px solid #f2cf7038;border-radius:8px;display:grid;box-shadow:inset 0 1px #ffffff14,inset 0 -18px 36px #0000001f,0 8px 18px #00000029}.vird-total-progress-head{color:var(--white60);font-size:clamp(11px, calc(12.6px * var(--tesbihat-app-scale,1)), 13.4px);justify-content:space-between;align-items:center;gap:10px;font-weight:800;line-height:1.1;display:flex}.vird-total-progress-count{color:var(--gold);font-size:clamp(17px, calc(24px * var(--tesbihat-app-scale,1)), 26px);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:baseline;gap:5px;font-weight:900;line-height:1;display:inline-flex}.vird-total-progress-count em{color:#ffffff6b;font-size:.55em;font-style:normal;font-weight:800}.vird-total-progress-track{height:calc(7px * var(--tesbihat-app-scale,1));background:#ffffff13;border-radius:999px;overflow:hidden}.vird-total-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#54ce6bdb,#ffd874fa);height:100%;display:block;box-shadow:0 0 12px #ffd87433;transition:width .32s!important}.vird-total-progress-meta{color:#ffffff7a;font-size:clamp(10.8px, calc(12.2px * var(--tesbihat-app-scale,1)), 12.8px);justify-content:space-between;align-items:center;gap:10px;font-weight:800;line-height:1.1;display:flex}.vird-total-progress-meta span:first-child{color:#ffd874a8}.vird-session .tesbihat-app-current{gap:calc(5px * var(--tesbihat-app-scale,1));margin-bottom:0}.vird-session .tesbihat-app-counter{position:relative;overflow:visible}.vird-session .tesbihat-app-counter-copy{min-height:clamp(20px, calc(25px * var(--tesbihat-app-scale,1)), 28px);gap:0}.vird-session .tesbihat-app-sound{min-height:clamp(20px, calc(25px * var(--tesbihat-app-scale,1)), 28px);font-size:clamp(10.5px, calc(11.5px * var(--tesbihat-app-scale,1)), 12px);padding:2px 10px}.vird-session-feedback-controls{top:clamp(4px, calc(8px * var(--tesbihat-app-scale,1)), 10px);z-index:2;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;right:4px}.vird-session-icon-btn{flex:0 0 36px;width:36px;height:36px}.vird-session-icon-btn .tesbihat-topbar-icon{width:20px;height:20px}.vird-session .tesbihat-app-current-title{max-width:min(100%,380px)}.vird-current-title-row{justify-content:center;align-items:center;gap:8px;min-width:0;max-width:min(100%,380px);display:inline-flex}.vird-current-title-row .tesbihat-app-current-title{min-width:0}.vird-current-title-toggle{width:16px;height:16px;color:var(--gold);background:#c8a95114;border:1px solid #c8a95157;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:8px;font-weight:900;line-height:1;display:inline-flex}.vird-current-title-toggle:active{background:#c8a95124;transform:scale(.95)}.vird-session .tesbihat-app-current-arabic{font-size:clamp(22px, calc(29px * var(--tesbihat-app-scale,1)), 32px);line-height:1.25}.vird-session .tesbihat-app-ring-button:disabled{cursor:default}.vird-current-step{text-align:center;background:#ffffff0a;border:1px solid #c8a95133;border-radius:8px;width:100%;padding:16px}.vird-current-step-index{color:var(--gold-dim);margin-bottom:8px;font-size:12px;font-weight:900}.vird-current-arabic{color:var(--gold);overflow-wrap:anywhere;margin-bottom:8px;font-family:Georgia,Times New Roman,Amiri,serif;font-size:2rem;line-height:1.4}.vird-current-step h3{color:var(--text-primary);font-size:18px;line-height:1.25}.vird-current-step p{color:var(--text-tertiary);margin-top:6px;font-size:13px;line-height:1.5}.vird-current-translit{color:#ffeebceb;max-width:min(100%,370px);font-size:clamp(15px, calc(18px * var(--tesbihat-app-scale,1)), 19px);background:#00000029;border:1px solid #c8a95138;border-radius:8px;margin-top:4px;padding:8px 12px;font-weight:600;line-height:1.55}.vird-session-complete .vird-completion-board{padding-top:calc(10px * var(--tesbihat-app-scale,1));padding-bottom:calc(10px * var(--tesbihat-app-scale,1) + env(safe-area-inset-bottom,0px));grid-template-rows:minmax(0,1fr);place-items:center;overflow-y:auto}.vird-completion-summary{align-items:center;gap:clamp(10px, calc(12px * var(--tesbihat-app-scale,1)), 14px);width:min(100%,390px);min-height:0;max-height:100%;padding:clamp(14px, calc(18px * var(--tesbihat-app-scale,1)), 20px);text-align:center;background:radial-gradient(circle at 50% 0,#ffd87424,#ffd87400 36%),linear-gradient(155deg,#173d2b 0%,#123225 54%,#0b211a 100%);border:1px solid #f2cf703d;border-radius:8px;flex-direction:column;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,0 18px 38px #00000047}.vird-completion-visual{width:clamp(74px, calc(92px * var(--tesbihat-app-scale,1)), 96px);aspect-ratio:1;transform-origin:50%;flex:none;place-items:center;display:grid;position:relative}.vird-completion-ring{background:conic-gradient(#ffd874f5,#5cd67beb,#ffd874f5);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 28px #ffd8742e}.vird-completion-ring:before{content:"";border-radius:inherit;opacity:.58;filter:blur(8px);background:conic-gradient(#ffd87400,#ffd874bf,#5cd67bb3,#ffd87400);position:absolute;inset:-6px}.vird-completion-ring:after{content:"";border-radius:inherit;background:radial-gradient(circle at 44% 30%,#ffffff29,#fff0 40%),#153928;position:absolute;inset:8px}.vird-completion-mark{z-index:1;aspect-ratio:1;color:#b9ffc5;background:#5cd67b24;border-radius:50%;place-items:center;width:44%;display:grid;position:relative}.vird-completion-mark svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:72%;height:72%}.vird-completion-mark path{stroke-dasharray:30;stroke-dashoffset:30px}.vird-session-complete .vird-completion-visual{animation:1.12s cubic-bezier(.2,.9,.24,1) both vird-completion-visual-enter!important}.vird-session-complete .vird-completion-ring{transform-origin:50%;animation:1.12s cubic-bezier(.2,.9,.24,1) both vird-completion-ring-bloom!important}.vird-session-complete .vird-completion-ring:before{animation:1.4s ease-out .12s both vird-completion-aura!important}.vird-session-complete .vird-completion-mark{transform-origin:50%;animation:.72s cubic-bezier(.2,.9,.24,1.25) .28s both vird-completion-mark-pop!important}.vird-session-complete .vird-completion-mark path{animation:.64s ease-out .58s both vird-completion-check-draw!important}.vird-completion-copy{gap:6px;min-width:0;display:grid}.vird-completion-kicker{color:var(--gold-dim);font-size:clamp(10px, calc(11px * var(--tesbihat-app-scale,1)), 12px);letter-spacing:.18em;text-transform:uppercase;font-weight:900}.vird-completion-copy h2{color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-size:clamp(25px, calc(31px * var(--tesbihat-app-scale,1)), 34px);margin:0;line-height:1.08}.vird-completion-copy p{color:#ffffffa8;max-width:310px;font-size:clamp(13px, calc(14px * var(--tesbihat-app-scale,1)), 15px);margin:0;font-weight:600;line-height:1.45}.vird-completion-copy strong{color:var(--gold);font-weight:800}.vird-completion-stats{text-align:center;background:linear-gradient(135deg,#ffd8741a,#5cd67b12),#ffffff0a;border:1px solid #f2cf7033;border-radius:8px;justify-items:center;gap:4px;width:100%;padding:12px 14px;display:grid}.vird-completion-stats span,.vird-completion-step span,.vird-completion-step em{color:#ffffff80;font-size:11px;font-weight:800}.vird-completion-stats strong{color:var(--gold);font-size:clamp(17px, calc(21px * var(--tesbihat-app-scale,1)), 23px);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.14}.vird-completion-stats p{color:#b9ffc5a3;margin:0;font-size:12px;font-weight:800;line-height:1.25}.vird-completion-steps{gap:7px;width:100%;max-height:min(28vh,178px);display:grid;overflow-y:auto}.vird-completion-step{text-align:left;background:#00000029;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:grid}.vird-completion-step span{color:#b9ffc5;background:#5cd67b24;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:inline-grid}.vird-completion-step strong{color:#ffffffdb;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:800;line-height:1.2}.vird-completion-step em{color:#ffd874b8;white-space:nowrap;font-variant-numeric:tabular-nums;font-style:normal}.vird-completion-return{width:100%;min-height:44px;color:var(--gold);cursor:pointer;background:radial-gradient(circle at 30% 24%,#ffffff24,#fff0 46%),linear-gradient(135deg,#2b7e36,#1a5524);border:1px solid #f2cf706b;border-radius:8px;font-family:inherit;font-size:15px;font-weight:900;box-shadow:0 0 0 1px #f2cf702e,0 10px 20px #00000042}.vird-completion-return:active{transform:scale(.98)}.vird-session-total,.vird-step-row{grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;display:grid}.vird-session-total{color:var(--text-secondary);background:#ffffff0a;border-radius:8px;padding:12px 14px;font-size:13px}.vird-session-total strong{color:var(--gold);font-variant-numeric:tabular-nums}.vird-step-list{flex-direction:column;gap:8px;width:100%;display:flex}.vird-step-row{color:var(--text-secondary);background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:30px 1fr auto;padding:10px 12px;font-size:13px}.vird-step-row.complete{color:var(--text-primary);border-color:#4caf5047}.vird-step-order{width:24px;height:24px;color:var(--gold);background:#c8a9511f;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.vird-step-row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vird-step-row-count{color:var(--gold-dim);font-variant-numeric:tabular-nums;font-weight:900}.vird-editor-modal{background:linear-gradient(160deg,#234a36,#102a1e);border:1.5px solid #c8a95180;border-radius:8px;flex-direction:column;width:100%;max-width:400px;max-height:calc(100dvh - 32px);padding:0;animation:.25s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c8a95138,0 0 24px #c8a95138,0 14px 28px #0000007a}.vird-editor-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:26px 20px 20px;overflow-y:auto}.vird-editor-header{margin:0 44px 18px 0;display:block}.vird-editor-title{overflow-wrap:anywhere;min-width:0;max-width:100%;line-height:1.2;display:block}.vird-editor-close{width:32px;height:32px;position:absolute;top:12px;right:12px}.vird-select{appearance:auto}.vird-program-details{background:#ffffff09;border:1px solid #f2cf7029;border-radius:8px;margin-bottom:14px;padding:12px}.vird-program-details.is-collapsed{background:0 0;padding:0}.vird-program-details-head,.vird-program-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.vird-program-details-head{margin-bottom:12px}.vird-program-details-head span,.vird-program-summary span{color:var(--gold-dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.vird-program-details-head strong,.vird-program-summary strong{color:var(--text-primary);overflow-wrap:anywhere;margin-top:3px;font-size:14px;line-height:1.24;display:block}.vird-program-details-head button,.vird-program-summary b{color:var(--gold);background:#f2cf7014;border:1px solid #f2cf7042;border-radius:8px;font-family:inherit;font-size:12px;font-weight:800}.vird-program-details-head button{min-height:32px;padding:0 11px}.vird-program-summary{text-align:left;background:#f2cf700f;border:1px solid #f2cf702e;border-radius:8px;gap:0 10px;padding:12px;font-family:inherit}.vird-program-summary em{color:var(--text-tertiary);overflow-wrap:anywhere;margin-top:2px;font-size:12px;font-style:normal;line-height:1.24;display:block}.vird-program-summary small{color:var(--gold-dim);overflow-wrap:anywhere;grid-column:1;margin-top:3px;font-size:11px;font-weight:800;line-height:1.24;display:block}.vird-program-summary b{grid-area:1/2/span 4;justify-content:center;align-items:center;min-height:32px;padding:0 11px;display:inline-flex}.vird-program-details .add-dhikr-field:last-child{margin-bottom:0}.vird-editor-divider{border-top:1px solid #ffffff14;margin:18px 0 12px;padding-top:12px}.vird-target-builder{flex-direction:column;gap:8px;display:flex}.vird-target-stepper{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.vird-target-stepper-btn,.vird-step-target-control button,.vird-target-preset{color:var(--gold);cursor:pointer;background:#f2cf7014;border:1px solid #f2cf7042;border-radius:8px;font-family:inherit;font-weight:900;transition:transform .15s,opacity .15s,background .15s}.vird-target-stepper-btn{min-height:46px;font-size:22px;line-height:1}.vird-target-stepper-btn:active,.vird-step-target-control button:active,.vird-target-preset:active{transform:scale(.96)}.vird-target-stepper-btn:disabled,.vird-step-target-control button:disabled{cursor:default;opacity:.42}.vird-target-input{text-align:center;font-variant-numeric:tabular-nums;min-height:46px;padding-inline:8px;font-size:18px;font-weight:900}.vird-target-input::-webkit-outer-spin-button{appearance:none;margin:0}.vird-target-input::-webkit-inner-spin-button{appearance:none;margin:0}.vird-step-target-control input::-webkit-outer-spin-button{appearance:none;margin:0}.vird-step-target-control input::-webkit-inner-spin-button{appearance:none;margin:0}.vird-target-input,.vird-step-target-control input{appearance:textfield}.vird-target-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.vird-target-preset{min-height:34px;font-size:13px}.vird-add-step-action{color:#132f22;background:radial-gradient(circle at 30% 24%,#ffffff3d,#fff0 48%),linear-gradient(135deg,#f4d878,#c8a951);border-style:solid;border-color:#f2cf707a;margin:2px 0 6px;box-shadow:0 0 0 1px #f2cf7033,0 8px 16px #00000038}.vird-add-step-help{color:#ffeebce0;background:#f2cf7013;border:1px solid #f2cf7033;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:12.5px;font-weight:700;line-height:1.4}.vird-editor-steps-head{color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 8px;font-size:12px;font-weight:800;display:flex}.vird-editor-steps-head strong{min-width:26px;min-height:22px;color:var(--gold);font-variant-numeric:tabular-nums;background:#f2cf7014;border:1px solid #f2cf7038;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.vird-editor-steps{flex-direction:column;gap:8px;margin:2px 0 16px;display:flex}.vird-empty-note{color:var(--text-tertiary);background:#ffffff0a;border-radius:8px;padding:12px;font-size:13px;line-height:1.45}.vird-editor-step{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:stretch;gap:12px;padding:10px 12px;display:flex}.vird-editor-step-main{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;min-width:0;display:grid}.vird-editor-step-index{width:24px;height:24px;color:var(--gold);font-variant-numeric:tabular-nums;background:#f2cf7014;border:1px solid #f2cf7038;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.vird-editor-step-copy{min-width:0}.vird-editor-step strong{min-width:0;color:var(--text-primary);flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:13px;line-height:1.35;display:flex}.vird-editor-step-count{color:var(--gold);font-variant-numeric:tabular-nums;flex:none}.vird-editor-step-name{overflow-wrap:anywhere;word-break:normal;min-width:0}.vird-editor-step-meaning{color:var(--text-tertiary);overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.35;display:block}.vird-editor-step-controls{grid-template-columns:122px minmax(0,1fr);align-items:end;gap:8px;padding-left:38px;display:grid}.vird-step-target-edit{flex-direction:column;gap:3px;display:flex}.vird-step-target-edit span{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.vird-step-target-edit input{width:100%;min-height:30px;color:var(--text-primary);font:inherit;text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;font-size:13px;font-weight:800}.vird-step-target-control{grid-template-columns:30px 44px 30px;align-items:center;gap:4px;display:grid}.vird-step-target-control button{min-width:30px;min-height:30px;padding:0;font-size:15px;line-height:1}.vird-step-target-control input{width:44px;padding-inline:4px}.vird-editor-step-actions{justify-content:flex-end;gap:4px;min-width:0;display:flex}.vird-editor-step-actions button{min-width:30px;min-height:30px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;font-size:12px;font-weight:800}@media (width<=360px){.vird-page,.vird-session{padding-inline:12px}.vird-card-head{flex-direction:column}.vird-card-status{align-self:flex-start}.vird-card-head-tools{justify-items:start}.vird-session-ring{width:min(248px,82%)}.vird-editor-step-controls{grid-template-columns:1fr;padding-left:38px}.vird-step-target-control{grid-template-columns:38px minmax(0,1fr) 38px}.vird-step-target-control input{width:100%}.vird-editor-step-actions{justify-content:flex-end}}:root[data-contact-page-active=true],:root[data-contact-page-active=true] body,:root[data-contact-page-active=true] #root{height:var(--app-height,100dvh);min-height:var(--app-height,100dvh);overscroll-behavior-y:none;overflow:hidden}:root[data-contact-page-active=true] .app-wrapper{height:var(--app-height,100dvh);overscroll-behavior-y:none;min-height:0;overflow:hidden}:root[data-contact-page-active=true] .page-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.contact-shell .page-content{background:0 0}.contact-shell .topbar{touch-action:none}.contact-shell .contact-page,.contact-shell .contact-page *{touch-action:pan-y}.contact-shell .contact-submit,.contact-shell .contact-consent,.contact-shell .contact-field input,.contact-shell .contact-field select,.contact-shell .contact-field textarea,.contact-shell .hamburger{touch-action:manipulation}.contact-page{box-sizing:border-box;flex-direction:column;gap:0;width:100%;min-height:100%;display:flex}.contact-page.mobile-page-shell{width:min(100%,430px);margin:0 auto}.contact-page .mobile-page-zone-top,.contact-page .mobile-page-zone-middle{width:100%;min-width:0}.contact-page .mobile-page-zone-top{gap:0}.contact-page .mobile-page-zone-middle{padding-top:clamp(8px,1.5vh,12px);padding-bottom:0}.contact-hero{padding:6px 0 0}.contact-kicker{color:var(--gold-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.contact-hero h1{color:var(--text-primary);overflow-wrap:anywhere;font-size:19px;line-height:1.16}.contact-hero p{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:6px;font-size:13px;line-height:1.38}.contact-form{background:radial-gradient(72% 44% at 85% 86%,#46a7741a,#0000 68%),linear-gradient(#ffffff0f,#ffffff04),linear-gradient(160deg,#1a422d 0%,#143421 54%,#0e261b 100%);border:1px solid #c8a9512b;border-radius:8px;flex-direction:column;gap:9px;padding:11px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff16,inset 0 -1px #0000002e,0 8px 18px #00000021,0 0 22px #4fb9800b}.contact-form:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(145deg, #ffffff13 0%, transparent 34%, #00000024 100%), radial-gradient(ellipse 80% 24% at 50% -2%, #ffffff0e, transparent 72%), radial-gradient(ellipse 58% 40% at 100% 100%, #4fb98011, transparent 68%), var(--home-counter-dither,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E"));opacity:.46;mix-blend-mode:soft-light;pointer-events:none;background-size:auto,auto,auto,64px 64px;position:absolute;inset:0}.contact-form:after{content:"";opacity:.58;pointer-events:none;background:linear-gradient(90deg,#0000,#ffd87433,#0000);height:1px;position:absolute;bottom:-1px;left:24px;right:24px}.contact-form>*{z-index:1;position:relative}.contact-field{flex-direction:column;gap:5px;min-width:0;display:flex}.contact-field label,.contact-label-row label{color:var(--text-primary);font-size:12px;font-weight:700}.contact-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-label-row span{color:var(--text-tertiary);font-size:11px;font-weight:600}.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:#00000029;border:1px solid #ffffff1f;border-radius:8px;outline:none;font-size:16px;line-height:1.35}.contact-field input,.contact-field select{min-height:40px;padding:0 11px}.contact-field textarea{resize:vertical;min-height:98px;padding:10px 11px}.contact-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;cursor:pointer;background:linear-gradient(45deg, transparent 50%, var(--gold) 50%) calc(100% - 18px) 50% / 6px 6px no-repeat, linear-gradient(135deg, var(--gold) 50%, transparent 50%) calc(100% - 13px) 50% / 6px 6px no-repeat, linear-gradient(90deg, transparent, #c8a9511f) 100% 50% / 42px 100% no-repeat, #00000029;padding-right:42px}.contact-field select option{background:var(--surface);color:var(--text-primary)}:root[data-theme=light] .contact-field select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(45deg, transparent 50%, var(--gold) 50%) calc(100% - 18px) 50% / 6px 6px no-repeat, linear-gradient(135deg, var(--gold) 50%, transparent 50%) calc(100% - 13px) 50% / 6px 6px no-repeat, linear-gradient(90deg, transparent, #8d65001f) 100% 50% / 42px 100% no-repeat, #ffffffbd}:root[data-theme=light] .contact-field select option{background:var(--surface);color:var(--text-primary)}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#ffd874a6;box-shadow:0 0 0 3px #c8a9511f}.contact-field input[aria-invalid=true],.contact-field select[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border-color:#ff7272b8}.contact-consent{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:12px;line-height:1.34;display:flex}.contact-consent input{width:16px;height:16px;accent-color:var(--gold);flex:none;margin-top:1px}.contact-consent span{overflow-wrap:anywhere;min-width:0}.contact-consent.has-error{color:#ffbebeeb}.contact-error{color:#ffbebef2;font-size:12px;font-weight:600;line-height:1.35}.contact-alert{overflow-wrap:anywhere;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:600;line-height:1.34}.contact-alert.success{color:#d3ffe8f5;background:#2e7d322e;border:1px solid #74d6b857}.contact-alert.error{color:#ffd6d6f5;background:#7816162e;border:1px solid #ff727242}.contact-submit{color:#2b210e;-webkit-text-fill-color:#2b210e;cursor:pointer;background-color:#f2cf70;background-image:linear-gradient(#ffe7a7 0%,#f2cf70 55%,#d9b454 100%);border:1px solid #ffd87485;border-radius:8px;min-height:42px;font-family:inherit;font-size:14px;font-weight:800;box-shadow:inset 0 1px #ffffff61,0 6px 14px #0000003d,0 0 18px #ffd87433}.contact-submit:disabled{opacity:.48;cursor:default}.contact-submit:not(:disabled):active{background-image:linear-gradient(#ffe390 0%,#f2c963 56%,#d3a943 100%);transform:scale(.98)}.contact-botcheck{display:none}@media (width<=360px){.hat-store-badges{grid-template-columns:1fr}.contact-page.mobile-page-shell{padding-inline:12px}.contact-form{padding:14px}}@media (width>=900px){.home-desktop-shell .contact-kicker,.home-desktop-shell .contact-label-row span,.home-desktop-shell .contact-alert,.home-desktop-shell .contact-error{font-weight:600}.home-desktop-shell .contact-hero h1,.home-desktop-shell .contact-field label,.home-desktop-shell .contact-label-row label,.home-desktop-shell .contact-submit{font-weight:700}.home-desktop-shell .contact-hero h1,.home-desktop-shell .contact-hero p,.home-desktop-shell .contact-consent,.home-desktop-shell .contact-alert{line-height:1.32}.home-desktop-shell .contact-hero p,.home-desktop-shell .contact-consent span{overflow-wrap:anywhere}}.settings-shell{--settings-shell-border:#ffffff14;--settings-shell-surface:linear-gradient(180deg, #fff1, #ffffff07), #081a1257;--settings-shell-surface-strong:linear-gradient(145deg, #ffffff14, #ffffff06), #112c1d6b;--settings-shell-row-border:#ffffff12;--settings-shell-soft-text:#e8f0e2b8}.settings-shell .page-content{background:0 0}.settings-shell .topbar{background:0 0;padding-bottom:10px}.settings-shell .hamburger,.settings-shell .topbar-btn{background:linear-gradient(#ffffff0f,#ffffff05),#04181057;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0f,0 10px 18px #00000024}.settings-shell-home-sibling{background-color:var(--app-shell-bg-color);background-image:var(--app-shell-bg-image)}.settings-shell-home-sibling:before{content:none}.settings-body{gap:14px;width:min(100%,430px);margin:0 auto;padding:0 16px 34px;display:grid}.settings-hero{border:1px solid var(--settings-shell-border);background:radial-gradient(circle at 18% 0,#ffd87426,#0000 38%),linear-gradient(145deg,#ffffff0f,#ffffff06),#ffffff08;border-radius:26px;padding:18px;box-shadow:inset 0 1px #ffffff0f,0 18px 40px #0000002e}.settings-kicker{min-height:28px;color:var(--gold-dim);letter-spacing:.08em;text-transform:uppercase;background:#c8a95114;border:1px solid #c8a95133;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.settings-hero h2{color:var(--text-primary);max-width:10ch;margin:12px 0 0;font-size:28px;font-weight:800;line-height:.98}.settings-hero p{color:var(--settings-shell-soft-text);max-width:32ch;margin:12px 0 0;font-size:14px;line-height:1.55}.settings-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.settings-status-grid div{background:linear-gradient(#ffffff0c,#ffffff06),#ffffff05;border:1px solid #ffffff0f;border-radius:18px;min-width:0;padding:12px 12px 13px}.settings-status-grid span,.settings-status-grid strong{display:block}.settings-status-grid span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.settings-status-grid strong{color:var(--text-primary);margin-top:5px;font-size:14px;line-height:1.24}.s-group{border:1px solid var(--settings-shell-border);background:var(--settings-shell-surface);-webkit-backdrop-filter:blur(10px);border-radius:24px;margin-bottom:0;padding:8px 0;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 34px #0000002e}.s-title{text-transform:uppercase;letter-spacing:.08em;color:var(--gold-dim);padding:15px 16px 8px;font-size:12px;font-weight:800}.s-title-row{justify-content:space-between;align-items:center;gap:12px;padding-right:14px;display:flex}.s-title-row .s-title{padding-bottom:3px}.s-title-row p{color:var(--text-tertiary);margin:0 0 8px;padding-left:16px;font-size:12px;line-height:1.45}.settings-preview-btn{min-height:36px;color:var(--gold);cursor:pointer;background:linear-gradient(#c8a95129,#c8a95112),#c8a95114;border:1px solid #c8a95166;border-radius:999px;flex:none;padding:0 14px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #ffffff24}.settings-preview-btn:active{background:#c8a9512b;transform:scale(.97)}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 14px 10px;display:grid}.theme-opt{border:1.5px solid var(--white10);cursor:pointer;background:linear-gradient(#ffffff0c,#ffffff06),#ffffff05;border-radius:16px;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:88px;padding:8px 7px;transition:all .15s;display:flex}.theme-opt.active{border-color:var(--gold);background:linear-gradient(#c8a9512e,#1f6b3814),#ffffff0a}.theme-preview{border:1px solid var(--white10);border-radius:7px;width:28px;height:28px;position:relative;overflow:hidden}.theme-label{color:var(--text-primary);font-size:12px;font-weight:700}.theme-subtitle{color:var(--text-tertiary);text-align:center;max-width:10ch;font-size:10px;line-height:1.2}.theme-opt.active .theme-label{color:var(--gold)}.settings-nav-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;transition:background .18s,transform .18s;display:flex}.settings-nav-row:active{background:#ffffff0a}.settings-nav-trailing{flex:none;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:inline-flex}.settings-theme-current{min-height:34px;color:var(--text-secondary);white-space:nowrap;background:linear-gradient(#ffffff0f,#ffffff06),#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex}.settings-theme-dot{border:1px solid #ffffff2e;border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 1px #ffffff2e}.s-group>.settings-nav-row+.s-row,.s-group>.s-row+.s-row{border-top:1px solid var(--settings-shell-row-border)}.settings-nav-chevron{color:var(--gold-dim);flex:none;font-size:18px;line-height:1}.settings-picker-overlay{z-index:220;padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;inset:0}.settings-picker-overlay.is-sheet{padding:max(14px, env(safe-area-inset-top)) 0 0;align-items:flex-end}.settings-picker-overlay.is-modal{align-items:center}.settings-picker-backdrop{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#020a079e;border:0;position:absolute;inset:0}.settings-picker-surface{z-index:1;background:radial-gradient(circle at top,#c8a9511f,#c8a95100 34%),linear-gradient(#0f271bfa,#08140efa);border:1px solid #ffffff1f;flex-direction:column;width:min(100%,430px);min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 52px #00000057,inset 0 1px #ffffff14}.settings-picker-surface.is-sheet{max-height:min(78vh,560px);padding-bottom:max(14px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:.36s cubic-bezier(.2,.72,.2,1) both settingsPickerSheetIn}.settings-picker-surface.is-modal{border-radius:24px;max-height:min(74vh,620px);animation:.22s cubic-bezier(.2,.72,.2,1) both settingsPickerModalIn}.settings-picker-handle{background:#ffffff29;border-radius:999px;width:42px;height:5px;margin:10px auto 6px}.settings-picker-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 16px 12px;display:flex}.settings-picker-kicker{color:var(--gold-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.settings-picker-title{color:var(--text-primary);margin-top:2px;font-size:24px;font-weight:800;line-height:1.05}.settings-picker-close{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;font-size:22px;line-height:1}.settings-picker-list{flex:1;gap:8px;min-height:0;padding:0 14px 14px;display:grid;overflow:auto}.settings-theme-option{width:100%;min-height:74px;color:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:border-color .18s,background .18s,transform .18s;display:flex}.settings-theme-option:active{transform:scale(.99)}.settings-theme-option.active{background:linear-gradient(135deg,#c8a95124,#1f6b3814),#ffffff0a;border-color:#c8a95170}.settings-theme-option-preview{border:1px solid #ffffff1a;border-radius:12px;flex:none;width:40px;height:40px;box-shadow:inset 0 1px #ffffff29}.settings-theme-option-copy{flex:1;min-width:0}.settings-theme-option-label{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.2;display:block}.settings-theme-option-subtitle{color:var(--text-tertiary);margin-top:3px;font-size:12px;line-height:1.32;display:block}.settings-theme-option-check{color:#0000;background:#ffffff0d;border:1px solid #ffffff24;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:inline-flex}.settings-theme-option-check.active{color:var(--gold);background:#c8a95129;border-color:#c8a9516b}@keyframes settingsPickerSheetIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsPickerModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-dev-group{border-style:solid}.settings-dev-chip{min-height:30px;color:var(--gold);text-transform:uppercase;letter-spacing:0;background:#c8a95114;border:1px solid #c8a95147;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.settings-dev-meta{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-top:10px;display:grid}.settings-dev-meta div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;min-width:0;padding:11px 12px}.settings-dev-meta span,.settings-dev-meta strong{display:block}.settings-dev-meta span{color:var(--text-tertiary);margin-bottom:4px;font-size:11px}.settings-dev-meta strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:13px;font-weight:700}.settings-dev-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.settings-dev-btn{min-height:36px;color:var(--text-primary);cursor:pointer;background:#c8a95114;border:1px solid #c8a9514d;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.settings-dev-btn:active{transform:scale(.98)}.settings-dev-btn-danger{color:#ffc2c2;background:#ff6b6b1a;border-color:#ff6b6b57}.settings-dev-status{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.4}.s-row{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:15px 16px;display:flex}.s-row-info{flex:1;min-width:0}.s-name{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:700;display:block}.s-desc{color:var(--text-tertiary);font-size:12px;line-height:1.45;display:block}.toggle{cursor:pointer;flex-shrink:0;width:48px;height:28px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--white20);border-radius:14px;transition:background .25s;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--green-light)}.toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.toggle input:checked~.toggle-thumb{transform:translate(20px)}.theme-preview-dark{background:linear-gradient(135deg,#0b1f14,#1b5e20)}.theme-preview-light{background:linear-gradient(135deg,#f7faf2,#e1ead8)}.theme-preview-amoled{border-color:var(--white05);background:#000}.sound-option-grid{gap:8px;padding:8px 14px 14px;display:grid}.sound-option{width:100%;min-height:68px;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff0c,#ffffff06),#ffffff05;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;padding:12px 13px;transition:background .15s,border-color .15s,transform .15s;display:flex}.sound-option.active{background:linear-gradient(135deg,#c8a95129,#1f6b381f),#ffffff0a;border-color:#c8a9518c}.sound-option:active{background:#c8a9511c;transform:scale(.99)}.sound-radio{border:2px solid var(--white40);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.sound-option.active .sound-radio{border-color:var(--green-light)}.sound-radio-dot{background:var(--green-light);border-radius:50%;width:10px;height:10px;transition:transform .2s;transform:scale(0)}.sound-option.active .sound-radio-dot{transform:scale(1)}.sound-name{color:var(--text-primary);font-size:15px;font-weight:700;display:block}.sound-copy{flex:1;min-width:0}.sound-meter{color:var(--gold-dim);background:#ffffff0f;border:1px solid #ffffff0f;border-radius:999px;flex:none;padding:4px 7px;font-size:11px;font-weight:800}.sound-option.active .sound-meter{color:var(--gold);background:#c8a95129}.vol-wrap{align-items:center;gap:13px;padding:14px 16px 18px;display:flex}.vol-icon{width:22px;height:22px;color:var(--white40);flex-shrink:0}.vol-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.vol-wrap input[type=range]{appearance:none;background:var(--white20);border-radius:2px;outline:none;flex:1;height:4px}.vol-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 6px #0000004d}.vol-wrap input[type=range]::-moz-range-thumb{background:var(--gold);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 6px #0000004d}.vol-value{font-variant-numeric:tabular-nums;color:var(--white60);text-align:right;min-width:36px;font-size:13px;font-weight:600}.settings-shell .vol-wrap input[type=range]{background:#ffffff1f}:root[data-theme=light] .settings-shell{--settings-shell-border:#4e681d1f;--settings-shell-surface:linear-gradient(180deg, #fffffff0, #f4f8eee6), #ffffffdb;--settings-shell-surface-strong:linear-gradient(145deg, #fffffff7, #f7faf2eb), #ffffffe6;--settings-shell-row-border:#4e681d17;--settings-shell-soft-text:#1b2415b8}:root[data-theme=light] .settings-shell-home-sibling{background-color:var(--app-shell-bg-color);background-image:var(--app-shell-bg-image)}:root[data-theme=light] .settings-shell .topbar{background:0 0}:root[data-theme=light] .settings-shell .hamburger,:root[data-theme=light] .settings-shell .topbar-btn,:root[data-theme=light] .settings-shell .settings-hero,:root[data-theme=light] .settings-shell .s-group,:root[data-theme=light] .settings-shell .settings-status-grid div,:root[data-theme=light] .settings-shell .settings-theme-current,:root[data-theme=light] .settings-shell .sound-option{border-color:#4e681d1f;box-shadow:inset 0 1px #ffffffc7,0 12px 28px #3a4c1e14}:root[data-theme=light] .settings-shell .settings-hero{background:radial-gradient(circle at 18% 0,#fff4cfad,#fff4cf00 42%),linear-gradient(#fffffffa,#f2f7eaf5)}:root[data-theme=light] .settings-shell .settings-status-grid div,:root[data-theme=light] .settings-shell .s-group,:root[data-theme=light] .settings-shell .sound-option,:root[data-theme=light] .settings-shell .settings-theme-current{background:var(--settings-shell-surface)}:root[data-theme=light] .settings-shell .hamburger,:root[data-theme=light] .settings-shell .topbar-btn{background:linear-gradient(#fffffff0,#f7faf2e0),#ffffffd9}:root[data-theme=light] .settings-shell .settings-preview-btn{background:linear-gradient(#8d65001f,#8d65000d),#ffffffc2;border-color:#8d65003d}:root[data-theme=light] .settings-shell .vol-wrap input[type=range]{background:#4e681d29}:root[data-theme=amoled-black] .settings-shell{--settings-shell-border:#ffffff0f;--settings-shell-surface:linear-gradient(180deg, #ffffff0d, #ffffff06), #ffffff04;--settings-shell-surface-strong:linear-gradient(145deg, #fff1, #ffffff05), #ffffff05;--settings-shell-row-border:#ffffff0e;--settings-shell-soft-text:#ffffffa8}:root[data-theme=amoled-black] .settings-shell-home-sibling{background-color:var(--app-shell-bg-color);background-image:var(--app-shell-bg-image);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:70px 70px,auto}:root[data-theme=amoled-black] .settings-shell .topbar{background:0 0}:root[data-theme=amoled-black] .settings-shell .hamburger,:root[data-theme=amoled-black] .settings-shell .topbar-btn,:root[data-theme=amoled-black] .settings-shell .settings-hero,:root[data-theme=amoled-black] .settings-shell .s-group,:root[data-theme=amoled-black] .settings-shell .settings-status-grid div,:root[data-theme=amoled-black] .settings-shell .settings-theme-current,:root[data-theme=amoled-black] .settings-shell .sound-option{border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff0d,0 16px 28px #0000003d}@media (width<=360px){.settings-body{padding-inline:12px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-opt{min-height:78px;padding-inline:6px}.theme-subtitle{max-width:9ch;font-size:9px}.settings-nav-row{align-items:flex-start}.settings-nav-trailing{gap:8px}.settings-theme-current{padding-inline:9px;font-size:12px}}[data-large-text=true] .topbar-title{font-size:26px}[data-large-text=true] .dhikr-name{font-size:30px}[data-large-text=true] .dhikr-arabic{font-size:44px}[data-large-text=true] .dhikr-meaning,[data-large-text=true] .dhikr-okunus{font-size:18px}[data-large-text=true] .dhikr-okunus-toggle{font-size:15px}[data-large-text=true] .ring-count-number{font-size:72px}[data-large-text=true] .ring-count-target{font-size:19px}[data-large-text=true] .tgt{padding:9px 22px;font-size:19px}[data-large-text=true] .q-toggle{padding:10px 18px;font-size:18px}[data-large-text=true] .b-action{padding:17px 20px;font-size:20px}[data-large-text=true] .card-title{font-size:20px}[data-large-text=true] .card-arabic{font-size:22px}[data-large-text=true] .card-count{font-size:19px}[data-large-text=true] .search input{font-size:20px}[data-large-text=true] .chip{padding:9px 20px;font-size:18px}[data-large-text=true] .esma-arabic{font-size:30px}[data-large-text=true] .esma-name{font-size:18px}[data-large-text=true] .esma-meaning{font-size:14px}[data-large-text=true] .esma-modal-arabic{font-size:56px}[data-large-text=true] .esma-modal-name{font-size:26px}[data-large-text=true] .esma-modal-meaning{font-size:18px}[data-large-text=true] .esma-modal-detail{font-size:17px}[data-large-text=true] .esma-modal-benefit{font-size:16px}[data-large-text=true] .esma-modal-btn{padding:16px 20px;font-size:19px}[data-large-text=true] .s-name{font-size:20px}[data-large-text=true] .s-desc{font-size:16px}[data-large-text=true] .menu-item{padding:16px 20px;font-size:20px}[data-large-text=true] .list-section{font-size:16px}:root[data-theme=dark-green] .page-content,:root[data-theme=amoled-black] .page-content,:root[data-theme=dark-green] .list-body,:root[data-theme=amoled-black] .list-body,:root[data-theme=dark-green] .menu,:root[data-theme=amoled-black] .menu{scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}:root[data-theme=dark-green] .page-content::-webkit-scrollbar{width:4px}:root[data-theme=amoled-black] .page-content::-webkit-scrollbar{width:4px}:root[data-theme=dark-green] .list-body::-webkit-scrollbar{width:4px}:root[data-theme=amoled-black] .list-body::-webkit-scrollbar{width:4px}:root[data-theme=dark-green] .menu::-webkit-scrollbar{width:4px}:root[data-theme=amoled-black] .menu::-webkit-scrollbar{width:4px}:root[data-theme=dark-green] .page-content::-webkit-scrollbar-track{background:0 0}:root[data-theme=amoled-black] .page-content::-webkit-scrollbar-track{background:0 0}:root[data-theme=dark-green] .list-body::-webkit-scrollbar-track{background:0 0}:root[data-theme=amoled-black] .list-body::-webkit-scrollbar-track{background:0 0}:root[data-theme=dark-green] .menu::-webkit-scrollbar-track{background:0 0}:root[data-theme=amoled-black] .menu::-webkit-scrollbar-track{background:0 0}:root[data-theme=dark-green] .page-content::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}:root[data-theme=amoled-black] .page-content::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}:root[data-theme=dark-green] .list-body::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}:root[data-theme=amoled-black] .list-body::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}:root[data-theme=dark-green] .menu::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}:root[data-theme=amoled-black] .menu::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}:root[data-theme=light] .page-content,:root[data-theme=light] .list-body,:root[data-theme=light] .menu{scrollbar-width:thin;scrollbar-color:var(--white20) transparent}:root[data-theme=light] .page-content::-webkit-scrollbar{width:4px}:root[data-theme=light] .list-body::-webkit-scrollbar{width:4px}:root[data-theme=light] .menu::-webkit-scrollbar{width:4px}:root[data-theme=light] .page-content::-webkit-scrollbar-track{background:0 0}:root[data-theme=light] .list-body::-webkit-scrollbar-track{background:0 0}:root[data-theme=light] .menu::-webkit-scrollbar-track{background:0 0}:root[data-theme=light] .page-content::-webkit-scrollbar-thumb{background:var(--white20);border-radius:2px}:root[data-theme=light] .list-body::-webkit-scrollbar-thumb{background:var(--white20);border-radius:2px}:root[data-theme=light] .menu::-webkit-scrollbar-thumb{background:var(--white20);border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes appContentSoftEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@media (width<=899px) and (prefers-reduced-motion:no-preference){.list-header,.list-card-enter,.esma-enter,.settings-hero,.settings-body>.s-group{animation:.805s cubic-bezier(.2,.64,.22,1) both appContentSoftEnter;animation-delay:calc(.12s + (var(--app-enter-index,0) * 58ms))}.list-header,.settings-hero{--app-enter-index:0}.settings-body>.s-group:nth-of-type(2){--app-enter-index:1}.settings-body>.s-group:nth-of-type(3){--app-enter-index:2}.settings-body>.s-group:nth-of-type(4){--app-enter-index:3}.settings-body>.s-group:nth-of-type(5){--app-enter-index:4}.list-header,.list-card-enter{animation-duration:.805s;animation-timing-function:cubic-bezier(.2,.64,.22,1)}.list-card-enter{will-change:opacity, transform;backface-visibility:hidden;animation-delay:calc(.12s + (var(--app-enter-index,0) * 58ms));transition-property:background,border-color,box-shadow}.vird-page>.vird-intro,.vird-page>.vird-section-title,.vird-page>.vird-card-list>.vird-card:nth-child(-n+6),.vird-page>.vird-card-list>.vird-empty-card{animation:.805s cubic-bezier(.2,.64,.22,1) both appContentSoftEnter!important;animation-delay:calc(.12s + (var(--app-enter-index,0) * 58ms))!important}.vird-page>.vird-intro{--app-enter-index:0}.vird-page>.vird-section-title{--app-enter-index:1}.vird-page>.vird-card-list>.vird-card:first-child,.vird-page>.vird-card-list>.vird-empty-card{--app-enter-index:2}.vird-page>.vird-card-list>.vird-card:nth-child(2){--app-enter-index:3}.vird-page>.vird-card-list>.vird-card:nth-child(3){--app-enter-index:4}.vird-page>.vird-card-list>.vird-card:nth-child(4),.vird-page>.vird-card-list>.vird-card:nth-child(5),.vird-page>.vird-card-list>.vird-card:nth-child(6){--app-enter-index:5}.stats-dashboard>.stats-dashboard-hero,.stats-dashboard>.stats-dashboard-period-tabs,.stats-dashboard>.stats-dashboard-card,.stats-dashboard>.stats-dashboard-record,.stats-dashboard>.stats-dashboard-account{animation:.805s cubic-bezier(.2,.64,.22,1) both appContentSoftEnter;animation-delay:calc(.12s + (var(--app-enter-index,0) * 58ms))}.stats-dashboard>.stats-dashboard-hero{--app-enter-index:0}.stats-dashboard>.stats-dashboard-period-tabs{--app-enter-index:1}.stats-dashboard>.stats-dashboard-trend-card{--app-enter-index:2}.stats-dashboard>.stats-dashboard-prayer-card{--app-enter-index:3}.stats-dashboard>.stats-dashboard-record{--app-enter-index:4}.stats-dashboard>.stats-dashboard-top-card{--app-enter-index:5}.stats-dashboard>.stats-dashboard-achievements{--app-enter-index:6}.stats-dashboard>.stats-dashboard-account{--app-enter-index:7}}@keyframes dhikrSheetUp{0%{transform:translateY(105%)scale(.992)}to{transform:translateY(0)}}@keyframes dhikrSheetDown{0%{transform:translateY(0)scale(1)}to{transform:translateY(112%)scale(.992)}}@keyframes dhikrModalStartExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(18px)scale(.982)}}@keyframes dhikrModalStepEnter{0%{opacity:0;transform:translateY(18px)scale(.982)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dhikrSheetDismiss{0%{transform:translateY(var(--dhikr-sheet-dismiss-start-y,0px)) scale(1)}to{transform:translateY(112%)scale(.992)}}@keyframes dhikrSheetReenter{0%{transform:translateY(112%)scale(.992)}to{transform:translateY(0)scale(1)}}@keyframes celebrate{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.celebrate{animation:.5s ease-out celebrate}@keyframes tapFeedback{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface2) 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-actions,.menu-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.tesbihat-app-page{--tesbihat-page-inline:clamp(12px, 4vw, 18px);--tesbihat-page-top:clamp(4px, 1dvh, 8px);--tesbihat-page-bottom:calc(clamp(12px, 2dvh, 18px) + var(--app-safe-bottom));--tesbihat-zone-top-gap:clamp(8px, 1.4dvh, 14px);--tesbihat-zone-middle-gap:clamp(8px, 1.4dvh, 12px);--tesbihat-zone-middle-padding:clamp(6px, 1.1dvh, 12px);--tesbihat-zone-bottom-margin:clamp(6px, 1.1dvh, 10px);--tesbihat-ring-min:220px;--tesbihat-ring-width:74vw;--tesbihat-ring-max:320px;--tesbihat-ring-height-budget:452px;--tesbihat-app-current-gap-after:clamp(12px, 2.6dvh, 28px);--tesbihat-copy-margin-top:clamp(8px, 1.4dvh, 12px);--tesbihat-copy-gap:6px;--tesbihat-copy-margin-bottom:clamp(4px, .9dvh, 8px);--tesbihat-actions-gap:clamp(8px, 2.4vw, 12px);box-sizing:border-box;overscroll-behavior:contain;width:min(100%,430px);margin-inline:auto;overflow-x:clip}:root[data-viewport-compact=true] .tesbihat-app-page{--tesbihat-page-inline:clamp(12px, 3.8vw, 16px);--tesbihat-page-bottom:calc(clamp(10px, 1.7dvh, 14px) + var(--app-safe-bottom));--tesbihat-zone-top-gap:8px;--tesbihat-zone-middle-padding:6px;--tesbihat-zone-bottom-margin:5px;--tesbihat-ring-min:196px;--tesbihat-ring-width:66vw;--tesbihat-ring-max:274px;--tesbihat-ring-height-budget:414px;--tesbihat-copy-margin-top:8px;--tesbihat-copy-gap:6px;--tesbihat-copy-margin-bottom:4px;--tesbihat-actions-gap:9px;--tesbihat-app-current-gap-after:clamp(8px, 1.4dvh, 12px)}:root[data-viewport-tight=true] .tesbihat-app-page{--tesbihat-page-inline:12px;--tesbihat-page-bottom:calc(10px + var(--app-safe-bottom));--tesbihat-zone-top-gap:7px;--tesbihat-zone-middle-padding:5px;--tesbihat-zone-bottom-margin:4px;--tesbihat-ring-min:182px;--tesbihat-ring-width:62vw;--tesbihat-ring-max:248px;--tesbihat-ring-height-budget:388px;--tesbihat-copy-margin-top:7px;--tesbihat-copy-gap:5px;--tesbihat-app-current-gap-after:8px}:root[data-viewport-tall=true] .tesbihat-app-page{--tesbihat-ring-max:292px;--tesbihat-ring-height-budget:496px;--tesbihat-zone-middle-padding:10px;--tesbihat-app-current-gap-after:clamp(22px, 3dvh, 34px)}.tesbihat-app-page .tesbihat-top-zone{gap:var(--tesbihat-zone-top-gap);min-width:0}.tesbihat-app-page .tesbihat-source{max-width:100%;margin-bottom:clamp(8px,1.5dvh,12px)}.tesbihat-app-page .tesbihat-source-link{max-width:min(100%,320px)}.tesbihat-app-page .tesbihat-steps{--tesbihat-node-size:clamp(40px, 9.8vw, 48px);--tesbihat-connector-gap:clamp(5px, 1.9vw, 8px);max-width:100%;margin-bottom:clamp(8px,1.5dvh,12px)}.tesbihat-app-page .tesbihat-step-shell{min-width:0}.tesbihat-app-page .tesbihat-step-label{overflow-wrap:anywhere;max-width:72px}.tesbihat-app-page .tesbihat-current-card{margin-bottom:var(--tesbihat-app-current-gap-after);gap:clamp(5px,1.2dvh,8px);min-width:0;transform:translateY(-4px)}.tesbihat-app-page .tesbihat-current-title{font-size:clamp(19.5px,4.7vw,27px)}.tesbihat-app-page .tesbihat-current-arabic{overflow-wrap:anywhere;max-width:min(100%,380px);font-size:clamp(26.5px,6.55vw,42px)}.tesbihat-app-page .tesbihat-current-meaning{max-width:min(100%,360px);font-size:clamp(13.4px,3.45vw,16.6px)}.tesbihat-app-page .tesbihat-ring-area{min-height:0;padding-block:var(--tesbihat-zone-middle-padding);gap:var(--tesbihat-zone-middle-gap)}.tesbihat-app-page .tesbihat-ring-wrap{width:var(--tesbihat-ring-size-fluid);max-width:calc(100% - 2px)}.tesbihat-app-page .tesbihat-ring-inner{inset:clamp(14px,7%,24px)}.tesbihat-app-page .tesbihat-ring-target{margin-top:clamp(5px,1.5vw,8px);font-size:clamp(14px,4vw,17px)}.tesbihat-app-page .tesbihat-ring-copy{max-width:100%}.tesbihat-app-page .tesbihat-sound-inline{min-height:clamp(25px,6.8vw,31px);padding:3px clamp(9px,2.7vw,12px)}.tesbihat-app-page .tesbihat-bottom-actions{gap:var(--tesbihat-actions-gap);min-width:0}.tesbihat-app-page .tesbihat-action{border-radius:16px;min-height:clamp(42px,6dvh,49px);padding-inline:clamp(10px,3.4vw,14px)}.tesbihat-app-page .tesbihat-faq-modal{box-sizing:border-box;width:min(100% - 24px,390px);max-height:min(82dvh,680px)}.tesbihat-debug-panel{right:8px;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:1300;color:#ffffffe0;text-align:left;pointer-events:auto;touch-action:manipulation;background:#030e0ae0;border:1px solid #ffd8748c;border-radius:8px;width:min(270px,100vw - 16px);max-height:min(42dvh,360px);padding:0;font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;overflow:hidden;box-shadow:0 8px 22px #00000061}.tesbihat-debug-panel.is-collapsed{width:auto;max-width:calc(100vw - 16px)}.tesbihat-debug-toggle{color:#ffffffe0;width:100%;min-height:30px;font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:0;padding:6px 8px}.tesbihat-debug-body{max-height:min(32dvh,270px);padding:0 9px 8px;overflow:auto}.tesbihat-debug-panel strong{color:#ffd874;font-weight:700}@supports not (overflow:clip){.tesbihat-app-page{overflow-x:hidden}}@media (width<=380px){.tesbihat-app-page{--tesbihat-page-inline:10px;--tesbihat-ring-min:178px;--tesbihat-ring-width:60vw;--tesbihat-ring-max:236px}.tesbihat-app-page .tesbihat-steps{--tesbihat-node-size:36px;--tesbihat-connector-gap:5px}.tesbihat-app-page .tesbihat-current-arabic{font-size:clamp(20px,5.6vw,30px)}.tesbihat-app-page .tesbihat-ring-number{font-size:54px}}:root[data-tesbihat-app-active=true],:root[data-tesbihat-app-active=true] body,:root[data-tesbihat-app-active=true] #root{height:var(--tesbihat-app-shell-height,var(--app-height,100dvh));min-height:var(--tesbihat-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;overflow:hidden}:root[data-tesbihat-app-active=true] .app-wrapper{height:var(--tesbihat-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;min-height:0;overflow:hidden}:root[data-tesbihat-app-active=true] .page-content{overscroll-behavior-y:none;overflow:hidden}.tesbihat-app-page{--tesbihat-shell-ring-size:var(--tesbihat-app-ring-size,240px);--tesbihat-shell-step-node-size:var(--tesbihat-app-step-node-size,39px);--tesbihat-shell-step-label-size:var(--tesbihat-app-step-label-size,10.8px);--tesbihat-shell-ring-number-size:var(--tesbihat-app-ring-number-size,58px);--tesbihat-shell-ring-target-size:var(--tesbihat-app-ring-target-size,16px);--tesbihat-shell-top-gap:var(--tesbihat-app-top-gap,10px);--tesbihat-shell-middle-gap:var(--tesbihat-app-middle-gap,10px);--tesbihat-shell-middle-padding:var(--tesbihat-app-middle-padding,8px);--tesbihat-shell-current-gap-after:var(--tesbihat-app-current-gap-after-shell,16px);--tesbihat-ring-size-fluid:var(--tesbihat-shell-ring-size);--tesbihat-node-size-fluid:var(--tesbihat-shell-step-node-size);--tesbihat-zone-top-gap:var(--tesbihat-shell-top-gap);--tesbihat-zone-middle-gap:var(--tesbihat-shell-middle-gap);--tesbihat-zone-middle-padding:var(--tesbihat-shell-middle-padding);--tesbihat-app-current-gap-after:var(--tesbihat-shell-current-gap-after);overscroll-behavior-y:none;height:100%;min-height:0;overflow:hidden}.tesbihat-app-page .tesbihat-steps{--tesbihat-node-size:var(--tesbihat-shell-step-node-size);--tesbihat-connector-gap:8px}.tesbihat-app-page .tesbihat-step-meta{min-height:32px;margin-top:5px}.tesbihat-app-page .tesbihat-step-label,.tesbihat-app-page .tesbihat-step-count{font-size:var(--tesbihat-shell-step-label-size)}.tesbihat-app-page .tesbihat-ring-area{flex:1 1 0}.tesbihat-app-page .tesbihat-ring-number{font-size:var(--tesbihat-shell-ring-number-size)}.tesbihat-app-page .tesbihat-ring-target{font-size:var(--tesbihat-shell-ring-target-size)}:root[data-tesbihat-app-active=true]{--tesbihat-shell-inline:calc(12px * var(--tesbihat-app-scale,1));--tesbihat-shell-gap:calc(10px * var(--tesbihat-app-scale,1));--tesbihat-text-gap:calc(6px * var(--tesbihat-app-scale,1))}:root[data-tesbihat-app-active=true] .topbar,:root[data-tesbihat-app-active=true] .tesbihat-app,:root[data-tesbihat-app-active=true] .tesbihat-app *{touch-action:none}:root[data-tesbihat-app-active=true] .tesbihat-debug-panel,:root[data-tesbihat-app-active=true] .tesbihat-debug-panel *{touch-action:manipulation}:root[data-tesbihat-app-active=true] .tesbihat-app-faq-overlay,:root[data-tesbihat-app-active=true] .tesbihat-app-faq-modal,:root[data-tesbihat-app-active=true] .tesbihat-app-faq-modal *{touch-action:pan-y}.tesbihat-app{--tesbihat-app-scale:.84;--tesbihat-ring-size:252px;--tesbihat-step-size:35px;--tesbihat-step-label-size:10.5px;--tesbihat-current-gap:8px;--tesbihat-counter-top-gap:10px;--tesbihat-counter-gap:8px;--tesbihat-action-height:40px;box-sizing:border-box;overscroll-behavior:none;place-items:stretch center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.tesbihat-app-board{width:min(100%,430px);height:100%;min-height:0;padding:calc(4px * var(--tesbihat-app-scale,1)) var(--tesbihat-shell-inline) calc(10px * var(--tesbihat-app-scale,1) + env(safe-area-inset-bottom,0px));row-gap:var(--tesbihat-shell-gap);box-sizing:border-box;grid-template-rows:auto auto auto minmax(0,1fr) auto;margin-inline:auto;display:grid;overflow:hidden}.tesbihat-app-source{justify-items:center;gap:calc(3px * var(--tesbihat-app-scale,1));text-align:center;min-width:0;display:grid}.tesbihat-app-source-kicker{color:var(--gold-dim);font-size:clamp(8.5px, calc(10px * var(--tesbihat-app-scale,1)), 11px);letter-spacing:.26em;text-transform:uppercase}.tesbihat-app-source-link{max-width:min(100%,336px);color:var(--white40);font-size:clamp(9.5px, calc(11px * var(--tesbihat-app-scale,1)), 12px);line-height:1.35;text-decoration:none}.tesbihat-app-source,.tesbihat-app-current,.tesbihat-app-counter,.tesbihat-app-actions{animation:.48s both tesbihat-app-enter}.tesbihat-app-source{animation-delay:80ms}.tesbihat-app-current{animation-delay:1.84s}.tesbihat-app-counter{animation-delay:2.02s}.tesbihat-app-actions{animation-delay:2.18s}.tesbihat-app-stepper{--tesbihat-step-node:var(--tesbihat-step-size,42px);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;width:100%;min-width:0;display:grid;position:relative}.tesbihat-app-step-shell{justify-content:center;min-width:0;display:flex;position:relative}.tesbihat-app-step-shell:not(:last-child):after{content:"";z-index:0;top:calc((var(--tesbihat-step-node) / 2) - 1.5px);left:calc(50% + (var(--tesbihat-step-node) / 2) + 8px);right:calc(-50% + (var(--tesbihat-step-node) / 2) + 8px);background:var(--white10);border-radius:999px;height:3px;position:absolute;overflow:hidden}.tesbihat-app-step-shell:not(:last-child):before{content:"";z-index:1;top:calc((var(--tesbihat-step-node) / 2) - 1.5px);left:calc(50% + (var(--tesbihat-step-node) / 2) + 8px);right:calc(-50% + (var(--tesbihat-step-node) / 2) + 8px);opacity:0;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#54ce6bcc,#ffd874f2);border-radius:999px;height:3px;transition:transform .42s,opacity .28s;position:absolute;transform:scaleX(0)}.tesbihat-app-step-shell.connector-active:not(:last-child):before{opacity:.9;transform:scaleX(1)}.tesbihat-app-step{align-content:start;justify-items:center;gap:calc(5px * var(--tesbihat-app-scale,1));z-index:1;width:100%;min-width:0;transition:transform .3s,opacity .3s;display:grid;position:relative}.tesbihat-app-step-shell{animation:.96s cubic-bezier(.22,1,.36,1) both tesbihat-app-step-enter}.tesbihat-app-step-shell:first-child{animation-delay:.24s}.tesbihat-app-step-shell:nth-child(2){animation-delay:.48s}.tesbihat-app-step-shell:nth-child(3){animation-delay:.72s}.tesbihat-app-step-shell:nth-child(4){animation-delay:.96s}.tesbihat-app-step.active{transform:translateY(calc(-3px * var(--tesbihat-app-scale,1)))}.tesbihat-app-step-node{width:var(--tesbihat-step-node);height:var(--tesbihat-step-node);border:2px solid var(--white20);color:var(--white40);font-size:clamp(13px, calc(17px * var(--tesbihat-app-scale,1)), 18.5px);background:#ffffff0a;border-radius:999px;place-items:center;font-weight:800;transition:border-color .24s,box-shadow .24s,color .24s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05}.tesbihat-app-step.active .tesbihat-app-step-node{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 4px #ffd8741f,0 0 26px #ffd87442,0 0 14px #ffedb02e}.tesbihat-app-step-node:after{content:"";filter:blur(.35px)drop-shadow(0 0 5px #fff8d68c);opacity:0;pointer-events:none;background:linear-gradient(#fff0 0%,#fffceceb 48%,#fff0 100%);width:44%;position:absolute;top:-34%;bottom:-34%;left:-58%;transform:translate(-180%)rotate(18deg)}.tesbihat-app-step.active .tesbihat-app-step-node:after{animation:2.2s linear infinite tesbihat-shine}.tesbihat-app-step.done .tesbihat-app-step-node,.tesbihat-app-step.past .tesbihat-app-step-node{color:#8ef89e;background:radial-gradient(circle at 30% 30%,#58d16e42,#22542933);border-color:#6fc97bbf;box-shadow:0 0 24px #42ab522e}.tesbihat-app-step.done .tesbihat-app-step-node:after,.tesbihat-app-step.past .tesbihat-app-step-node:after{opacity:0;animation:none}.tesbihat-app-step.flash .tesbihat-app-step-node{animation:.8s tesbihat-node-flash}.tesbihat-app-step-meta{min-height:calc(34px * var(--tesbihat-app-scale,1));text-align:center}.tesbihat-app-step-label,.tesbihat-app-step-count{max-width:74px;color:var(--white60);font-size:var(--tesbihat-step-label-size,11px);overflow-wrap:anywhere;line-height:1.18}.tesbihat-app-step-count{color:var(--white40);margin-top:2px}.tesbihat-app-step.active .tesbihat-app-step-label,.tesbihat-app-step.active .tesbihat-app-step-count{color:var(--gold)}.tesbihat-app-step.done .tesbihat-app-step-label,.tesbihat-app-step.done .tesbihat-app-step-count,.tesbihat-app-step.past .tesbihat-app-step-label,.tesbihat-app-step.past .tesbihat-app-step-count{color:#8ef89ec7}.tesbihat-app-current{justify-items:center;gap:var(--tesbihat-text-gap);min-width:0;margin-bottom:var(--tesbihat-current-gap,18px);text-align:center;display:grid}.tesbihat-app-current-title{color:var(--white);font-size:clamp(18px, calc(24px * var(--tesbihat-app-scale,1)), 27px);font-weight:800;line-height:1.15}.tesbihat-app-current-arabic{max-width:min(100%,380px);color:var(--gold);font-family:Georgia,Times New Roman,Amiri,serif;font-size:clamp(25px, calc(35px * var(--tesbihat-app-scale,1)), 39px);text-shadow:0 0 18px #ffd8741f;overflow-wrap:anywhere;line-height:1.2}.tesbihat-app-current-arabic.collapsed{-webkit-line-clamp:1;white-space:nowrap;-webkit-box-orient:vertical;max-height:1.4em;display:-webkit-box;overflow:hidden}.tesbihat-app-current-toggle{margin-top:1px}.tesbihat-app-current-meaning{max-width:min(100%,370px);color:var(--white60);font-size:clamp(11.5px, calc(15px * var(--tesbihat-app-scale,1)), 16.2px);line-height:1.36}.tesbihat-app-counter{justify-content:flex-start;align-items:center;gap:var(--tesbihat-counter-gap,10px);min-height:0;padding-top:var(--tesbihat-counter-top-gap,10px);flex-direction:column;display:flex;overflow:hidden}.tesbihat-app-ring-button{width:min(var(--tesbihat-ring-size,248px), 100%);aspect-ratio:1;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete:before{content:"";z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle,#53e39b5c,#53e39b00 68%);border-radius:999px;animation:1.25s ease-out both tesbihat-completion-color-bloom;position:absolute;inset:-8%}.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete:after{content:"";z-index:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 0 40%,#ffd87433 48% 52%,#0000 60% 100%),linear-gradient(0deg,#0000 0 40%,#53e39b38 48% 52%,#0000 60% 100%);border-radius:999px;animation:1.15s ease-out both tesbihat-completion-light-cross;position:absolute;inset:-18%}.tesbihat-app-ring-button svg{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.tesbihat-app-ring-glow{z-index:0;filter:blur(16px);opacity:.85;background:radial-gradient(circle,#1f713742 0%,#1f71371a 46%,#0000 72%);border-radius:999px;transition:background .22s,opacity .22s,filter .22s;position:absolute;inset:18px}.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-glow{filter:blur(17px);opacity:1;background:radial-gradient(circle,#53e39b57 0%,#53e39b24 48%,#0000 74%)}.tesbihat-app-ring-progress{filter:drop-shadow(0 0 9px #ffd87457);transition:stroke-dashoffset .32s,filter .32s,stroke .22s!important}.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-progress{stroke:#53e39b;filter:drop-shadow(0 0 14px #53e39b94)}.tesbihat-app-ring-progress.no-transition{transition:none!important}.tesbihat-app-ring-inner{z-index:2;background:linear-gradient(#fff1 0%,#ffffff05 34%,#0000002e 100%),radial-gradient(circle at 50% 17%,#ffffff24,#0000 38%),linear-gradient(#0c2217e0,#06160ff5);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .22s,background .22s;display:flex;position:absolute;inset:7.4%;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff14,inset 0 -24px 50px #00000038;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-inner{background:linear-gradient(#53e39b1f 0%,#ffffff05 34%,#0000002e 100%),radial-gradient(circle at 50% 17%,#53e39b2e,#0000 38%),linear-gradient(#0c3021e6,#061c13f7);animation:1.05s ease-out both tesbihat-completion-inner-glow;box-shadow:inset 0 0 0 1px #53e39b33,inset 0 1px #ffffff14,inset 0 -24px 50px #00000038,0 0 22px #53e39b24}.tesbihat-app-ring-number{color:var(--white);font-size:clamp(44px, calc(60px * var(--tesbihat-app-scale,1)), 65px);font-variant-numeric:tabular-nums;font-weight:900;line-height:.95;transition:color .22s,text-shadow .22s}.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-number{color:#53e39b;text-shadow:0 0 18px #53e39b6b;animation:.86s cubic-bezier(.18,.8,.2,1) both tesbihat-completion-number-pop}.tesbihat-app-ring-target{margin-top:calc(7px * var(--tesbihat-app-scale,1));color:var(--white40);font-size:clamp(12px, calc(16px * var(--tesbihat-app-scale,1)), 17px);font-weight:700}.tesbihat-app-counter-copy{justify-items:center;gap:calc(7px * var(--tesbihat-app-scale,1));text-align:center;display:grid}.tesbihat-app-remaining{color:var(--gold-dim);font-size:clamp(11px, calc(14px * var(--tesbihat-app-scale,1)), 15px);font-weight:700}.tesbihat-app-sound{min-height:clamp(22px, calc(28px * var(--tesbihat-app-scale,1)), 30px);color:#f5d786;background:#c8a9511a;border:1px solid #c8a95161;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.tesbihat-topbar-icon-btn{color:#f5d786;background:#c8a9511a;border:1px solid #c8a95173;border-radius:10px;width:32px;height:32px}.tesbihat-topbar-icon-btn:active{color:#ffe4a3;background:#c8a95129;transform:scale(.96)}.tesbihat-topbar-icon{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:block}.tesbihat-app-sound .tesbihat-topbar-icon{stroke-width:2px;width:14px;height:14px}.tesbihat-app-sound.is-off{color:#f5d7869e;background:#c8a9510d;border-color:#c8a95133}.vird-session-icon-btn.is-off{color:#f5d78694;background:#c8a9510e;border-color:#c8a95138}.tesbihat-app-sound-pill{min-width:clamp(98px, calc(112px * var(--tesbihat-app-scale,1)), 118px);min-height:clamp(28px, calc(34px * var(--tesbihat-app-scale,1)), 36px);padding:5px calc(14px * var(--tesbihat-app-scale,1));font-size:clamp(11.8px, calc(13.2px * var(--tesbihat-app-scale,1)), 14px);gap:7px}.tesbihat-app-sound-pill .home-app-sound-icon,.tesbihat-app-sound-pill .home-app-sound-icon .sound-state-icon{width:18px;height:18px}.tesbihat-app-sound-pill .home-app-sound-icon{flex-basis:18px}.tesbihat-app-actions{gap:calc(12px * var(--tesbihat-app-scale,1));grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;display:grid}.tesbihat-app-action{min-width:0;min-height:clamp(36px, var(--tesbihat-action-height,47px), 52px);font-size:clamp(12.5px, calc(15px * var(--tesbihat-app-scale,1)), 15.5px);border-radius:16px;justify-content:center;align-items:center;gap:7px;padding-inline:12px;font-weight:700;display:inline-flex}.tesbihat-app-action.secondary{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff14,0 4px 10px #0000002e}.tesbihat-app-action.reset{color:#2b210e;background:var(--gold-gradient);border:1px solid #ffd87485;box-shadow:inset 0 1px #ffffff61,0 6px 14px #0000003d,0 0 18px #ffd87433}.tesbihat-app-action-icon{fill:currentColor;flex:none;width:16px;height:16px;display:block}.tesbihat-app-faq-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#00000094;justify-content:center;align-items:center;padding:16px;transition:opacity .2s;display:flex;position:fixed;inset:0}.tesbihat-app-faq-overlay.open{opacity:1;pointer-events:auto}.tesbihat-app-faq-modal{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;background:radial-gradient(circle at 50% 0,#ffd87414,#0000 34%),linear-gradient(160deg,#214733f5,#10281dfa);border:1px solid #c8a95157;border-radius:22px;width:min(100% - 24px,390px);max-height:min(82dvh,680px);padding:22px 18px 18px;position:relative;overflow-y:auto;box-shadow:0 0 0 1px #c8a95124,0 18px 36px #0006,0 0 24px #c8a95124}.tesbihat-app-faq-close{width:34px;height:34px;color:var(--white60);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;font-size:13px;position:absolute;top:12px;right:12px}.tesbihat-app-faq-kicker{color:var(--gold-dim);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:11px}.tesbihat-app-faq-title{color:var(--gold);margin-bottom:14px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700}.tesbihat-app-faq-list{gap:10px;display:grid}.tesbihat-app-faq-item{background:#ffffff09;border:1px solid #c8a9512e;border-radius:16px;padding:12px 14px}.tesbihat-app-faq-item h3{color:var(--gold);margin-bottom:6px;font-size:15px;line-height:1.35}.tesbihat-app-faq-item p{color:var(--white80);font-size:13px;line-height:1.6}@keyframes tesbihat-app-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tesbihat-app-step-enter{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tesbihat-completion-color-bloom{0%{opacity:0;transform:scale(.78)}22%{opacity:1}58%{opacity:.72}to{opacity:0;transform:scale(1.2)}}@keyframes tesbihat-completion-light-cross{0%{opacity:0;transform:scale(.72)rotate(-18deg)}26%{opacity:.92}to{opacity:0;transform:scale(1.08)rotate(16deg)}}@keyframes tesbihat-completion-inner-glow{0%{box-shadow:inset 0 0 0 1px #53e39b2e,inset 0 1px #ffffff14,inset 0 -24px 50px #00000038,0 0 #53e39b00}42%{box-shadow:inset 0 0 0 1px #53e39b4d,inset 0 1px #ffffff14,inset 0 -24px 50px #00000038,0 0 30px #53e39b47}to{box-shadow:inset 0 0 0 1px #53e39b33,inset 0 1px #ffffff14,inset 0 -24px 50px #00000038,0 0 20px #53e39b29}}@keyframes tesbihat-completion-number-pop{0%{transform:translateY(2px)scale(.96)}36%{transform:translateY(-1px)scale(1.1)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete:before,.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete:after,.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-inner,.tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-number{animation:none!important}}@keyframes vird-step-content-enter-odd{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vird-step-content-enter-even{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vird-completion-visual-enter{0%{opacity:0;filter:saturate(.82);transform:translateY(10px)scale(.76)}58%{opacity:1;filter:saturate(1.12);transform:translateY(0)scale(1.08)}to{opacity:1;filter:saturate();transform:translateY(0)scale(1)}}@keyframes vird-completion-ring-bloom{0%{opacity:0;transform:rotate(-80deg)scale(.72);box-shadow:0 0 #ffd87400}62%{opacity:1;transform:rotate(14deg)scale(1.06);box-shadow:0 0 34px #ffd87447}to{opacity:1;transform:rotate(0)scale(1);box-shadow:0 0 28px #ffd8742e}}@keyframes vird-completion-aura{0%{opacity:0;filter:blur(4px);transform:scale(.78)}42%{opacity:.72}to{opacity:.42;filter:blur(10px);transform:scale(1.16)}}@keyframes vird-completion-mark-pop{0%{opacity:0;transform:scale(.3)rotate(-18deg)}64%{opacity:1;transform:scale(1.16)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes vird-completion-check-draw{0%{stroke-dashoffset:30px}to{stroke-dashoffset:0}}@media (width<=380px){.tesbihat-app-board{padding-inline:10px}.tesbihat-app-stepper{--tesbihat-step-node:max(35px, var(--tesbihat-step-size,39px))}.tesbihat-app-step-label,.tesbihat-app-step-count{font-size:10.4px}}.home-desktop-shell{width:100%;height:var(--app-height,100dvh);background:var(--app-shell-pattern-image), radial-gradient(circle at 50% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:70px 70px,auto;justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden}.standalone-route-shell{width:100%;min-height:var(--app-height,100dvh);position:relative;overflow-x:hidden}.home-desktop-shell .desktop-side{display:none}@media (width>=900px){.standalone-route-shell{font-synthesis:none;text-rendering:optimizelegibility}.home-desktop-shell{font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(ellipse 70% 60% at center, transparent 30%, #0000006b 100%), var(--app-shell-pattern-image), radial-gradient(circle at 50% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%);background-position:50%,0 0,50%;background-repeat:no-repeat,repeat,no-repeat;background-size:auto,70px 70px,auto;align-items:center}.home-desktop-shell .topbar-title,.home-desktop-shell .menu-header-title{font-size:clamp(21px,2.4vw,24px);font-weight:600}.home-desktop-shell .topbar-title{text-overflow:ellipsis;white-space:nowrap;line-height:1.08;overflow:hidden}.home-desktop-shell .home-app-dhikr-title,.home-desktop-shell .tesbihat-app-current-title,.home-desktop-shell .vird-card-title,.home-desktop-shell .sound-name{font-weight:700}.home-desktop-shell .home-app-ring-number,.home-desktop-shell .tesbihat-app-ring-number,.home-desktop-shell .vird-session-count{font-weight:800}.home-desktop-shell .home-app-easy-read .home-app-dhikr-title{font-weight:650}.home-desktop-shell .home-easy-read-toggle{font-size:13px;font-weight:700}.home-desktop-shell .home-app-easy-read .home-app-okunus,.home-desktop-shell .home-app-easy-read .home-app-meaning{font-weight:500}.home-desktop-shell .home-app-easy-read .home-app-ring-number{font-weight:750}:root:not([data-theme=light]) .home-desktop-shell .home-app-dhikr-title,:root:not([data-theme=light]) .home-desktop-shell .tesbihat-app-current-title,:root:not([data-theme=light]) .home-desktop-shell .vird-card-title,:root:not([data-theme=light]) .home-desktop-shell .home-app-ring-number,:root:not([data-theme=light]) .home-desktop-shell .tesbihat-app-ring-number,:root:not([data-theme=light]) .home-desktop-shell .vird-session-count{color:#fffffff5}.home-desktop-shell .home-app-target,.home-desktop-shell .home-app-target-input,.home-desktop-shell .home-app-ring-target,.home-desktop-shell .home-app-sound,.home-desktop-shell .tesbihat-app-ring-target,.home-desktop-shell .vird-eyebrow,.home-desktop-shell .vird-section-title,.home-desktop-shell .vird-session-kicker,.home-desktop-shell .vird-session-status,.home-desktop-shell .vird-card-status,.home-desktop-shell .vird-chip,.home-desktop-shell .vird-source-badge,.home-desktop-shell .settings-kicker,.home-desktop-shell .s-title,.home-desktop-shell .settings-status-grid strong,.home-desktop-shell .settings-preview-btn,.home-desktop-shell .theme-label,.home-desktop-shell .settings-theme-current,.home-desktop-shell .settings-theme-option-label,.home-desktop-shell .settings-theme-option-check,.home-desktop-shell .sound-meter,.home-desktop-shell .vol-value,.home-desktop-shell .vird-card-meta,.home-desktop-shell .vird-step-target-edit span{font-weight:600}.home-desktop-shell .home-app-ring-remain,.home-desktop-shell .home-app-reset,.home-desktop-shell .tesbihat-app-step-node,.home-desktop-shell .tesbihat-app-action,.home-desktop-shell .vird-card-start-action,.home-desktop-shell .vird-mini-action,.home-desktop-shell .vird-primary-action,.home-desktop-shell .vird-create-action,.home-desktop-shell .vird-secondary-action{font-weight:700}.home-desktop-shell .vird-total-progress-count,.home-desktop-shell .vird-current-step-index,.home-desktop-shell .vird-step-order,.home-desktop-shell .vird-step-row-count,.home-desktop-shell .vird-step-target-edit input,.home-desktop-shell .vird-editor-step-actions button{font-weight:800}.home-desktop-shell .vird-total-progress-head,.home-desktop-shell .vird-total-progress-meta{font-size:clamp(11px, calc(12.6px * var(--tesbihat-app-scale,1)), 13.5px);font-weight:600}.home-desktop-shell .vird-total-progress-count{font-size:clamp(18px, calc(23.5px * var(--tesbihat-app-scale,1)), 25px);font-weight:700}.home-desktop-shell .vird-total-progress-count em,.home-desktop-shell .vird-completion-kicker,.home-desktop-shell .vird-completion-stats span,.home-desktop-shell .vird-completion-step span,.home-desktop-shell .vird-completion-step em{font-weight:600}.home-desktop-shell .vird-completion-copy h2{font-weight:700}.home-desktop-shell .vird-completion-copy p,.home-desktop-shell .vird-completion-stats p{font-weight:500}.home-desktop-shell .vird-completion-copy strong,.home-desktop-shell .vird-completion-step strong,.home-desktop-shell .vird-completion-return{font-weight:700}.home-desktop-shell .vird-completion-stats strong{font-weight:800}.home-desktop-shell .settings-status-grid span,.home-desktop-shell .settings-status-grid strong,.home-desktop-shell .theme-label,.home-desktop-shell .theme-subtitle,.home-desktop-shell .settings-theme-current,.home-desktop-shell .settings-theme-option-label,.home-desktop-shell .settings-theme-option-subtitle,.home-desktop-shell .sound-name,.home-desktop-shell .sound-copy .s-desc,.home-desktop-shell .sound-meter,.home-desktop-shell .vird-card-title,.home-desktop-shell .vird-card-desc,.home-desktop-shell .vird-chip,.home-desktop-shell .vird-source-badge{line-height:1.28}.home-desktop-shell .theme-subtitle,.home-desktop-shell .settings-theme-option-subtitle,.home-desktop-shell .sound-copy .s-desc,.home-desktop-shell .vird-card-desc{overflow-wrap:anywhere}.home-desktop-shell .vird-card-status,.home-desktop-shell .vird-chip,.home-desktop-shell .vird-source-badge,.home-desktop-shell .sound-meter{letter-spacing:.02em}:root[data-theme=light] .home-desktop-shell{background:radial-gradient(ellipse 70% 60% at center, transparent 30%, #4e681d29 100%), var(--app-shell-pattern-image), radial-gradient(circle at 50% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%);background-position:50%,0 0,50%;background-repeat:no-repeat,repeat,no-repeat;background-size:auto,70px 70px,auto}.home-desktop-shell .app-wrapper,:root[data-home-app-active=true] .home-desktop-shell .app-wrapper{height:min(var(--app-height,100dvh), 900px);max-height:900px;box-shadow:inset 0 0 0 1px #ffd87414, 0 0 0 1px var(--gold-faint), 0 28px 72px -14px #000000a6, 0 0 140px -10px #ffd87447;border-radius:28px}.home-desktop-shell .menu-overlay{position:absolute}.home-desktop-shell .menu{height:100%;max-height:100%}.home-desktop-shell .desktop-side{pointer-events:none;z-index:1;align-items:center;width:calc(50vw - 230px);display:flex;position:absolute;top:0;bottom:0}.home-desktop-shell .desktop-side-left{justify-content:flex-end;padding-right:125px;left:0}.home-desktop-shell .desktop-side-right{justify-content:flex-start;padding-left:125px;right:0}.home-desktop-shell .desktop-side-inner{max-width:360px;color:var(--white80);pointer-events:auto;-webkit-backdrop-filter:none;background:radial-gradient(circle at 16% 10%,#ffd8741b,#0000 30%),radial-gradient(58% 42% at 94% 90%,#4fb9801b,#0000 66%),radial-gradient(circle at 50% 0,#224e358c,#0000 58%),linear-gradient(#0f2f1ff5 0%,#092217fa 100%);border:1px solid #c8a9512e;border-radius:22px;padding:28px 26px;font-size:14px;line-height:1.55;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd8740b,inset 0 24px 70px #ffd87406,0 20px 48px -22px #000000b8}.home-desktop-shell .desktop-side-inner:before{content:"";z-index:0;border-radius:inherit;background-image:var(--home-counter-dither,linear-gradient(135deg, #ffffff0f, transparent 58%));opacity:.07;mix-blend-mode:soft-light;pointer-events:none;background-size:64px 64px;position:absolute;inset:0}.home-desktop-shell .desktop-side-inner>*{z-index:1;position:relative}:root[data-theme=amoled-black] .home-desktop-shell .desktop-side-inner{background:radial-gradient(circle at 16% 10%,#ffd8740f,#0000 30%),radial-gradient(56% 40% at 94% 90%,#36915c12,#0000 64%),radial-gradient(circle at 50% 0,#2230286b,#0000 58%),linear-gradient(#0a0f0dfa 0%,#020504fc 100%);border-color:#c8a95129;box-shadow:inset 0 0 0 1px #ffd87407,inset 0 24px 70px #ffd87404,0 20px 48px -22px #000000db}:root[data-theme=amoled-black] .home-desktop-shell .desktop-side-bullet,:root[data-theme=amoled-black] .home-desktop-shell .store-badge{background:#ffffff09;border-color:#c8a9512e}.home-desktop-shell .desktop-side-brand{justify-content:center;align-items:center;gap:2px;margin-bottom:28px;display:flex;transform:translate(-10px)}.home-desktop-shell .desktop-side-logo{filter:none;flex:0 0 92px;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.home-desktop-shell .desktop-side-logo img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.home-desktop-shell .desktop-side-brand-copy{min-width:0}.home-desktop-shell .desktop-side-title{background:var(--gold-gradient);color:#0000;-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:600}.home-desktop-shell .desktop-side-tagline{color:var(--white60);margin-top:2px;font-size:13px}.home-desktop-shell .desktop-side-features{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.home-desktop-shell .desktop-side-features li{align-items:flex-start;gap:14px;display:flex}.home-desktop-shell .desktop-side-bullet{background:radial-gradient(circle at 34% 24%,#ffd87442,#0000 56%),linear-gradient(#ffffff12,#ffffff05),#ffd87414;border:1px solid #c8a95147;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:inset 0 1px #ffffff16,0 0 14px #ffd87412}.home-desktop-shell .desktop-side-features li:nth-child(2) .desktop-side-bullet{background:radial-gradient(circle at 34% 24%,#75cd9e38,#0000 56%),linear-gradient(#ffffff12,#ffffff05),#4fb98016;border-color:#75cd9e33;box-shadow:inset 0 1px #ffffff14,0 0 14px #4fb98012}.home-desktop-shell .desktop-side-features li:nth-child(3) .desktop-side-bullet{background:radial-gradient(circle at 34% 24%,#ffb75e38,#0000 56%),linear-gradient(#ffffff12,#ffffff05),#ffb75e13;border-color:#ffb75e33;box-shadow:inset 0 1px #ffffff14,0 0 14px #ffb75e0f}.home-desktop-shell .desktop-side-features li:nth-child(4) .desktop-side-bullet{background:radial-gradient(circle at 34% 24%,#8ed6bf33,#0000 56%),linear-gradient(#ffffff12,#ffffff05),#46a78a13;border-color:#8ed6bf2e;box-shadow:inset 0 1px #ffffff14,0 0 14px #46a78a11}.home-desktop-shell .desktop-side-feat-title{color:var(--text-primary);font-size:14px;font-weight:600}.home-desktop-shell .desktop-side-feat-desc{color:var(--white60);margin-top:2px;font-size:12.5px}.home-desktop-shell .desktop-side-foot{border-top:1px solid var(--white10);color:var(--white40);letter-spacing:.4px;margin-top:32px;padding-top:20px;font-size:12px}.home-desktop-shell .desktop-side-stores{flex-direction:column;gap:10px;margin-top:18px;display:flex}.home-desktop-shell .store-badge{border:1px solid var(--gold-faint);color:var(--white80);text-align:left;cursor:pointer;opacity:.85;background:radial-gradient(circle at 13%,#ffd87412,#0000 42%),linear-gradient(160deg,#ffffff0d,#ffffff05);border-radius:12px;align-items:center;gap:10px;padding:9px 14px;font-family:inherit;text-decoration:none;transition:opacity .2s,transform .2s,border-color .2s,box-shadow .2s;display:flex}.home-desktop-shell .store-badge:hover{opacity:1;border-color:#ffd87438;transform:translateY(-1px);box-shadow:0 8px 20px #00000024}.home-desktop-shell .store-badge-icon{flex-shrink:0;width:22px;height:22px}.home-desktop-shell .store-badge-text{flex-direction:column;line-height:1.1;display:flex}.home-desktop-shell .store-badge-top{letter-spacing:1.2px;color:var(--gold);opacity:.75;margin-bottom:2px;font-size:9px}.home-desktop-shell .store-badge-bottom{color:var(--white80);letter-spacing:.2px;font-size:13px;font-weight:600}.home-desktop-shell .desktop-side-inner-right{text-align:center;background:radial-gradient(circle at 82% 12%,#ffd8741b,#0000 31%),radial-gradient(60% 46% at 12% 88%,#4fb98018,#0000 66%),radial-gradient(circle at 50% 0,#224e357a,#0000 58%),linear-gradient(#0f2f1ff2 0%,#092217fa 100%)}:root[data-theme=amoled-black] .home-desktop-shell .desktop-side-inner-right{background:radial-gradient(circle at 82% 12%,#ffd8740f,#0000 31%),radial-gradient(58% 44% at 12% 88%,#36915c12,#0000 64%),radial-gradient(circle at 50% 0,#22302861,#0000 58%),linear-gradient(#0a0f0dfa 0%,#020504fc 100%)}.home-desktop-shell .desktop-side-ayet-arabic{color:var(--gold);text-shadow:0 0 16px #f2cf7040;margin-bottom:18px;font-family:Amiri,Scheherazade New,Georgia,serif;font-size:30px;line-height:1.7}.home-desktop-shell .desktop-side-ayet-meaning{color:var(--white80);font-size:13.5px;font-style:italic;line-height:1.6}.home-desktop-shell .desktop-side-ayet-ref{color:var(--white40);letter-spacing:.6px;margin-top:10px;font-size:12px}.home-desktop-shell .desktop-side-mark{color:var(--white40);letter-spacing:1.2px;text-transform:lowercase;margin-top:40px;font-size:12px}}@media (width>=1100px) and (width<=1399px){.home-desktop-shell .desktop-side-left{padding-right:50px}.home-desktop-shell .desktop-side-right{padding-left:50px}}@media (width>=900px) and (width<=1100px){.home-desktop-shell .desktop-side-inner{max-width:260px;padding:20px;font-size:13px}.home-desktop-shell .desktop-side-left{padding-right:24px}.home-desktop-shell .desktop-side-right{padding-left:24px}.home-desktop-shell .desktop-side-title{font-size:22px}.home-desktop-shell .desktop-side-ayet-arabic{font-size:24px}}.share-mockup-page{width:100%;min-height:var(--app-height,100dvh);box-sizing:border-box;color:var(--text-primary);background:radial-gradient(70% 58% at 50% 18%,#c8a95129,#0000 62%),repeating-linear-gradient(45deg,#ffffff07 0 1px,#0000 1px 22px),linear-gradient(145deg,#082016,#03110d 68%);padding:18px 14px;overflow-y:auto}.share-mockup-shell{width:min(100%,1180px);margin:0 auto}.share-mockup-page button,.share-mockup-page a{font-family:inherit}.share-mockup-hero{background:linear-gradient(145deg,#c8a9511f,#ffffff09),#ffffff06;border:1px solid #c8a9512e;border-radius:8px;padding:16px}.share-mockup-hero span,.share-mockup-kicker,.share-mockup-note strong,.share-mockup-current span,.share-mockup-category,.share-mockup-sheet-head span{color:var(--gold-dim);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.share-mockup-hero h1{color:var(--text-primary);overflow-wrap:anywhere;margin:8px 0 0;font-size:24px;font-weight:800;line-height:1.12}.share-mockup-hero p{color:var(--text-secondary);margin:10px 0 0;font-size:14px;line-height:1.55}.share-mockup-variant-tabs{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.share-mockup-variant-tabs button{min-height:42px;color:var(--text-secondary);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.share-mockup-variant-tabs button.is-active{color:var(--gold);background:#c8a95124;border-color:#c8a9517a}.share-mockup-note{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;gap:4px;margin-top:12px;padding:12px;display:grid}.share-mockup-note span,.share-mockup-note em{color:var(--text-tertiary);font-size:13px;font-style:normal;line-height:1.45}.share-mockup-note em{color:var(--gold-dim)}.share-mockup-grid{gap:14px;margin-top:14px;padding-bottom:18px;display:grid}.share-mockup-device{background:radial-gradient(circle at 50% -10%,#c8a95129,#0000 42%),linear-gradient(#111915fa,#060a09fa);border:1px solid #c8a9512e;border-radius:8px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000047}.share-mockup-mini-topbar{border-bottom:1px solid #ffffff0f;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;min-height:56px;padding:8px 12px;display:grid}.share-mockup-mini-topbar strong{min-width:0;color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.18;overflow:hidden}.share-mockup-menu-dot,.share-mockup-topbar-spacer{width:40px;height:40px}.share-mockup-menu-dot{cursor:pointer;background:0 0;border:0;border-radius:8px;place-content:center;gap:4px;display:inline-grid}.share-mockup-menu-dot span{background:var(--text-secondary);border-radius:999px;width:18px;height:2px;display:block}.share-mockup-share-btn{width:100%;min-height:44px;color:var(--gold);cursor:pointer;background:linear-gradient(145deg,#c8a95138,#c8a95114),#ffffff0a;border:1px solid #c8a95161;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex}.share-mockup-share-btn.is-compact{width:40px;min-height:40px;padding:0}.share-mockup-share-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.share-mockup-vird-body{flex-direction:column;gap:12px;min-height:564px;padding:16px 16px 84px;display:flex}.share-mockup-stepper{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.share-mockup-stepper span{aspect-ratio:1;max-height:38px;color:var(--text-tertiary);border:1px solid #ffffff1a;border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid}.share-mockup-stepper span.is-active{color:var(--gold);background:#c8a95124;border-color:#c8a95175}.share-mockup-current{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;gap:6px;padding:14px;display:grid}.share-mockup-current h2,.share-mockup-modal-card h2{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:800;line-height:1.15}.share-mockup-current p,.share-mockup-meaning,.share-mockup-benefit p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.share-mockup-arabic{color:var(--gold);text-align:center;font-family:Georgia,Times New Roman,Amiri,serif;font-size:22px;line-height:1.7}.share-mockup-arabic.is-large{margin-top:16px;font-size:40px}.share-mockup-ring{aspect-ratio:1;width:min(68vw,230px);color:var(--text-primary);cursor:pointer;background:radial-gradient(circle at 50% 42%,#ffffff14,#0000 48%),linear-gradient(150deg,#c8a95142,#214f2b29);border:0;border-radius:50%;align-self:center;place-items:center;margin:2px auto 0;display:grid;box-shadow:inset 0 0 0 1px #c8a95161,inset 0 0 0 13px #ffffff09,0 16px 42px #00000047}.share-mockup-ring span{font-size:54px;font-weight:800;line-height:1}.share-mockup-ring em,.share-mockup-ring small{color:var(--gold-dim);font-style:normal}.share-mockup-ring em{margin-top:-14px;font-size:18px;font-weight:700}.share-mockup-ring small{margin-top:-8px;font-size:12px}.share-mockup-progress{gap:8px;margin-top:auto;display:grid}.share-mockup-progress>div:first-child{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.share-mockup-progress strong{color:var(--gold);font-weight:800}.share-mockup-progress-track{background:#ffffff14;border-radius:999px;height:7px;overflow:hidden}.share-mockup-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), #74d6b8d9);height:100%;display:block}.share-mockup-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-mockup-actions button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.share-mockup-action-icon{fill:currentColor;flex:none;width:15px;height:15px;display:block}.share-mockup-actions button,.share-mockup-primary,.share-mockup-modal-tools button,.share-mockup-sheet-actions button,.share-mockup-sheet-actions a,.share-mockup-sheet-close{min-height:42px;color:var(--text-primary);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none}.share-mockup-bottom-bar{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#080c0a00,#080c0aeb 18%),#080c0af0;border-top:1px solid #ffffff14;position:absolute;bottom:0;left:0;right:0}.share-mockup-modal-card{background:radial-gradient(circle at 50% 0,#c8a95121,#0000 36%),#ffffff0a;border:1px solid #c8a9512e;border-radius:8px;flex-direction:column;gap:14px;min-height:532px;margin:16px;padding:16px;display:flex;position:relative}.share-mockup-modal-tools{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-mockup-modal-tools>div{align-items:center;gap:8px;display:flex}.share-mockup-modal-tools button:not(.share-mockup-share-btn){width:38px;min-height:38px;color:var(--text-secondary);padding:0}.share-mockup-category{background:#c8a95117;border:1px solid #c8a9513d;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;display:inline-flex}.share-mockup-meaning{text-align:center}.share-mockup-benefit{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;gap:8px;margin-top:auto;padding:12px;display:grid}.share-mockup-benefit strong{color:var(--gold);font-size:14px}.share-mockup-benefit span{color:var(--gold-dim);font-size:13px;font-weight:700}.share-mockup-primary{width:100%;color:var(--gold);background:linear-gradient(145deg,#c8a95147,#c8a9511f),#ffffff0a;border-color:#c8a95161}.share-mockup-sheet-overlay{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.share-mockup-sheet{background:linear-gradient(#18211cfa,#080c0afc);border:1px solid #c8a9513d;border-radius:8px;width:min(100%,430px);padding:10px 14px 14px;box-shadow:0 24px 70px #00000070}.share-mockup-sheet-handle{background:#ffffff38;border-radius:999px;width:44px;height:4px;margin:0 auto 12px}.share-mockup-sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.share-mockup-sheet-head div{gap:4px;min-width:0;display:grid}.share-mockup-sheet-head strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:20px;line-height:1.18}.share-mockup-sheet-close{flex:none;width:38px;min-height:38px;padding:0}.share-mockup-preview{background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.share-mockup-preview p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.share-mockup-preview code{color:var(--gold-dim);overflow-wrap:anywhere;white-space:normal;font-size:12px;line-height:1.45}.share-mockup-sheet-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.share-mockup-sheet-actions button{color:var(--gold);border-color:#c8a95161;grid-column:1/-1}.share-mockup-sheet-actions a{justify-content:center;align-items:center;display:inline-flex}.share-mockup-page button:active,.share-mockup-page a:active{transform:scale(.98)}@media (width>=720px){.share-mockup-variant-tabs{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.share-mockup-page{padding:18px}.share-mockup-hero h1{font-size:26px}.share-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.share-mockup-device{min-height:650px}.share-mockup-vird-body,.share-mockup-modal-card{min-height:594px}.share-mockup-modal-card h2,.share-mockup-current h2{font-weight:700}.share-mockup-ring span{font-weight:800}.share-mockup-sheet-overlay{align-items:center}}:root[data-theme=light] .home-app-ring-glow,:root[data-theme=light] .ring-wrap:after{background:radial-gradient(circle,#4e681d00 63%,#6d8d5e33 72%,#6d8d5e21 82%,#6d8d5e12 90%,#4e681d00 100%);box-shadow:0 12px 28px #3a4c1e24,0 0 34px #6d8d5e29,inset 0 0 0 1px #ffffff8f}:root[data-theme=light] .topbar-title,:root[data-theme=light] .menu-header-title,:root[data-theme=light] .desktop-side-title,:root[data-theme=light] .completion-title,:root[data-theme=light] .dhikr-arabic,:root[data-theme=light] .card-star.fav,:root[data-theme=light] .esma-arabic,:root[data-theme=light] .esma-modal-arabic,:root[data-theme=light] .esma-modal-dhikr-arabic,:root[data-theme=light] .esma-modal-benefit-icon,:root[data-theme=light] .esma-modal-target-arabic,:root[data-theme=light] .esma-modal-target-subtitle,:root[data-theme=light] .add-dhikr-title{color:var(--gold);-webkit-text-fill-color:var(--gold);background:0 0}:root[data-theme=light] .menu{background:var(--menu-panel-bg);border-right-color:var(--menu-panel-border);box-shadow:var(--menu-panel-shadow)}:root[data-theme=light] .menu-header{background:linear-gradient(#ffffff8a,#ffffff29);border-bottom-color:#4e681d24}:root[data-theme=light] .menu-section{border-bottom-color:#4e681d1c}:root[data-theme=light] .menu-section-title{color:#68775d}:root[data-theme=light] .menu-item{color:#506044}:root[data-theme=light] .menu-item:active{background:#4e681d1a}:root[data-theme=light] .menu-item.active{color:#7e5b00;background:#8d650021;box-shadow:inset 0 0 0 1px #8d650024}:root[data-theme=light] .menu-item-badge{color:#7e5b00;opacity:1;background:#8d65001f;border:1px solid #8d650038}:root[data-theme=light] .menu-footer{background:#ffffff6b;border-top-color:#4e681d1f}:root[data-theme=light] .menu-footer-text,:root[data-theme=light] .menu-footer-version{color:#68775d}:root[data-theme=light] .home-app-ring-progress,:root[data-theme=light] .ring-progress,:root[data-theme=light] .tesbihat-app-ring-progress{filter:drop-shadow(0 2px 5px #8d650047)}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-ring-button svg>circle:first-of-type{stroke:#5d7a4e6b}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-ring-progress{stroke:#b98512;filter:drop-shadow(0 2px 4px #8d650042)drop-shadow(0 0 10px #b9851224)}:root[data-theme=light] .home-app-ring-inner,:root[data-theme=light] .ring-inner,:root[data-theme=light] .tesbihat-app-ring-inner,:root[data-theme=light] .vird-session-ring-inner{background:radial-gradient(circle at 50% 18%,#ffffffeb,#fff0 38%),linear-gradient(#fffffb 0%,#e1ead8 100%);border:0;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 -12px 20px #4e681d1f,0 16px 28px #3a4c1e24}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app-ring-inner{background:radial-gradient(circle at 50% 18%,#ffffffbd,#fff0 38%),linear-gradient(#f7faf1 0%,#e7f0de 52%,#d7e5cb 100%);box-shadow:inset 0 0 0 1px #ffffff94,inset 0 10px 16px #ffffff5c,inset 0 -13px 20px #4e681d26,0 14px 26px #3a4c1e21}:root[data-theme=light] .home-app:not(.counter-effects-preview) .home-app-ring-button.home-app-ring-pressed .home-app-ring-inner,:root[data-theme=light] .ring-wrap:active .ring-inner{background:radial-gradient(circle at 50% 20%,#ffffffc2,#fff0 36%),linear-gradient(#f9fbf2 0%,#d9e6ce 100%);box-shadow:inset 0 0 0 1px #ffffff94,inset 3px 6px 14px #4e681d24,inset 0 -10px 16px #4e681d1f,0 10px 18px #3a4c1e21}:root[data-theme=light][data-home-counter-active=true] .home-counter-page .home-app:not(.counter-effects-preview) .home-app-ring-button.home-app-ring-pressed .home-app-ring-inner{background:radial-gradient(circle at 50% 20%,#ffffff9e,#fff0 36%),linear-gradient(#eef5e6 0%,#dce9d1 100%)}:root[data-theme=light] .tesbihat-app-ring-glow{opacity:.78;background:radial-gradient(circle,#6d8d5e38 0%,#6d8d5e17 46%,#0000 72%)}:root[data-theme=light] .vird-session-ring{background:conic-gradient(var(--gold) var(--vird-step-progress,0deg), var(--ring-track) 0deg), radial-gradient(circle at 50% 50%, #6d8d5e38, #6d8d5e00 68%);box-shadow:0 0 0 1px #4e681d29,0 16px 30px #3a4c1e26,0 0 22px #8d65001f}:root[data-theme=light] .vird-total-progress{background:linear-gradient(135deg, #f7faf2 0%, #edf4e4 52%, #e1ead8 100%), var(--surface);border-color:#4e681d2e;box-shadow:inset 0 1px #ffffffb8,inset 0 -18px 36px #4e681d14,0 8px 18px #3a4c1e1c}@media (width>=900px){:root[data-theme=light] .home-desktop-shell .desktop-side-inner{color:var(--text-secondary);background:radial-gradient(circle at 16% 10%,#8d650014,#0000 30%),radial-gradient(58% 42% at 94% 90%,#4e681d13,#0000 64%),radial-gradient(circle at 50% 0,#e5eed8e6,#fff0 58%),linear-gradient(#fffffff5 0%,#edf4e4fa 100%);border-color:#4e681d2e;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 24px 70px #4e681d0f,0 20px 48px -22px #3a4c1e57}:root[data-theme=light] .home-desktop-shell .desktop-side-logo{filter:none}:root[data-theme=light] .home-desktop-shell .desktop-side-bullet{color:var(--gold);background:radial-gradient(circle at 34% 24%,#8d65001f,#0000 56%),linear-gradient(#ffffffc7,#edf4e48a);border-color:#8d650052}:root[data-theme=light] .home-desktop-shell .store-badge{color:var(--text-primary);opacity:1;background:radial-gradient(circle at 13%,#8d650011,#0000 42%),linear-gradient(#ffffffdb,#edf4e494);border-color:#4e681d29}:root[data-theme=light] .home-desktop-shell .desktop-side-inner-right{background:radial-gradient(circle at 82% 12%,#8d650014,#0000 31%),radial-gradient(58% 44% at 12% 88%,#4e681d12,#0000 64%),radial-gradient(circle at 50% 0,#e5eed8d6,#fff0 58%),linear-gradient(#fffffff5 0%,#edf4e4fa 100%)}:root[data-theme=light] .home-desktop-shell .store-badge-bottom{color:var(--text-primary)}:root[data-theme=light] .home-desktop-shell .desktop-side-tagline,:root[data-theme=light] .home-desktop-shell .desktop-side-feat-desc,:root[data-theme=light] .home-desktop-shell .desktop-side-foot,:root[data-theme=light] .home-desktop-shell .desktop-side-ayet-ref,:root[data-theme=light] .home-desktop-shell .desktop-side-mark{color:var(--text-tertiary)}:root[data-theme=light] .home-desktop-shell .desktop-side-ayet-arabic{color:var(--gold);text-shadow:none}:root[data-theme=light] .home-desktop-shell .desktop-side-ayet-meaning{color:var(--text-secondary)}}.menu-bg-mockup-page{z-index:2;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:100%;height:100%;min-height:0;max-height:100%;color:var(--text-primary);background:repeating-linear-gradient(90deg, #c8a95109 0 1px, transparent 1px 44px), linear-gradient(145deg, var(--app-grad-top), var(--app-grad-mid) 55%, var(--app-grad-bottom));padding:18px 14px 32px;position:relative;overflow-y:auto}.menu-bg-mockup-page *,.menu-bg-mockup-page :before,.menu-bg-mockup-page :after{letter-spacing:0}.menu-bg-mockup-shell{width:min(100%,1280px);margin:0 auto}.menu-bg-mockup-hero{background:linear-gradient(135deg,#c8a9511f,#ffffff09),#ffffff06;border:1px solid #c8a9512e;border-radius:8px;gap:8px;padding:16px;display:grid}.menu-bg-mockup-hero span,.menu-bg-mockup-card-head>span,.menu-bg-mockup-notes dt,.menu-bg-mockup-header span,.menu-bg-mockup-section h3{color:var(--gold-dim);text-transform:uppercase;font-size:12px;font-weight:700}.menu-bg-mockup-hero h1{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:800;line-height:1.12}.menu-bg-mockup-hero p{max-width:760px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.menu-bg-mockup-grid{grid-template-columns:1fr;gap:28px;margin-top:22px;display:grid}.menu-bg-mockup-card{border-top:1px solid #ffffff14;gap:12px;min-width:0;padding-top:18px;display:grid}.menu-bg-mockup-card-head{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}.menu-bg-mockup-card-head>span{background:#c8a95114;border:1px solid #c8a95138;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.menu-bg-mockup-card-head h2{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:800;line-height:1.18}.menu-bg-mockup-card-head p{color:var(--text-secondary);margin:5px 0 0;font-size:13px;line-height:1.45}.menu-bg-mockup-preview{--preview-text:#f8fff2;--preview-muted:#f8fff29e;--preview-soft:#f8fff26b;--preview-border:#ffffff1c;--preview-row-bg:#ffffff09;--preview-row-border:#ffffff12;--preview-active-bg:#ffd87429;--preview-active-text:#ffd874;--preview-badge-bg:#ffffff14;--preview-footer-bg:#030b0847;--preview-bg:linear-gradient(180deg, #163823, #071b13);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none;border:1px solid var(--preview-border);background:var(--preview-bg);height:572px;min-height:0;color:var(--preview-text);border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000042}.menu-bg-mockup-preview:before,.menu-bg-mockup-preview:after,.menu-bg-mockup-preview-sheen{content:"";pointer-events:none;position:absolute;inset:0}.menu-bg-mockup-preview:before{background:var(--preview-pattern)}.menu-bg-mockup-preview:after{background:var(--preview-edge)}.menu-bg-mockup-preview-sheen{background:var(--preview-sheen-bg)}.menu-bg-mockup-preview>:not(.menu-bg-mockup-preview-sheen){z-index:1;position:relative}.menu-bg-mockup-header{border-bottom:1px solid var(--preview-border);background:#ffffff06;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:18px 18px 14px;display:flex}.menu-bg-mockup-header div{gap:4px;min-width:0;display:grid}.menu-bg-mockup-header strong{min-width:0;color:var(--preview-active-text);text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;line-height:1.12;overflow:hidden}.menu-bg-mockup-mark{border:1px solid var(--preview-border);width:38px;height:38px;color:var(--preview-active-text);background:#ffffff0a;border-radius:8px;flex:none;place-items:center;font-size:20px;display:grid}.menu-bg-mockup-body{flex:1;min-height:0;padding:8px 0;overflow:hidden}.menu-bg-mockup-section{border-bottom:1px solid var(--preview-row-border);padding:8px 0}.menu-bg-mockup-section h3{color:var(--preview-soft);margin:0;padding:0 18px 7px;font-size:11px}.menu-bg-mockup-item{width:calc(100% - 20px);min-height:44px;color:var(--preview-muted);font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin:0 10px;padding:9px 10px;font-size:15px;font-weight:600;display:flex}.menu-bg-mockup-item.is-active{background:var(--preview-active-bg);color:var(--preview-active-text);border-color:#ffd87457}.menu-bg-mockup-item.is-disabled{opacity:.46}.menu-bg-mockup-item-icon{width:24px;height:24px;color:var(--preview-active-text);flex:none;place-items:center;display:grid}.menu-bg-mockup-item-icon .menu-item-icon-svg{stroke:currentColor;width:21px;height:21px}.menu-bg-mockup-item-icon .menu-item-icon-mask{width:21px;height:21px}.menu-bg-mockup-item-icon .menu-item-icon-mosque-vecteezy{width:23px;height:23px}.menu-bg-mockup-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.2;overflow:hidden}.menu-bg-mockup-badge{border:1px solid var(--preview-row-border);background:var(--preview-badge-bg);color:currentColor;border-radius:999px;align-items:center;min-height:22px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.menu-bg-mockup-footer{border-top:1px solid var(--preview-border);background:var(--preview-footer-bg);gap:8px;margin-top:auto;padding:10px 10px 14px;display:grid}.menu-bg-mockup-footer-item{width:100%;margin:0}.menu-bg-mockup-footer>div{color:var(--preview-soft);text-align:center;gap:3px;font-size:12px;line-height:1.25;display:grid}.menu-bg-mockup-footer strong{color:var(--preview-soft);font-size:11px}.menu-bg-mockup-notes{gap:8px;margin:0;padding:0;display:grid}.menu-bg-mockup-notes div{border-left:2px solid #c8a9513d;gap:3px;padding-left:10px;display:grid}.menu-bg-mockup-notes dt,.menu-bg-mockup-notes dd{margin:0}.menu-bg-mockup-notes dd{color:var(--text-secondary);font-size:13px;line-height:1.45}.menu-bg-mockup-preview-emerald-calm{--preview-bg:linear-gradient(135deg, #ffd87412, transparent 42%), linear-gradient(180deg, #17432c 0%, #0d2b1d 55%, #071b13 100%);--preview-pattern:repeating-linear-gradient(45deg, #ffd8740e 0 1px, transparent 1px 18px), repeating-linear-gradient(-45deg, #ffffff07 0 1px, transparent 1px 22px);--preview-edge:linear-gradient(90deg, #ffd8742e, transparent 26%)}.menu-bg-mockup-preview-olive-morning{--preview-text:#1b2415;--preview-muted:#56634a;--preview-soft:#65715b;--preview-border:#4e681d2e;--preview-row-border:#4e681d1f;--preview-active-bg:#8d650024;--preview-active-text:#8d6500;--preview-badge-bg:#4e681d17;--preview-footer-bg:#ffffff73;--preview-bg:linear-gradient(140deg, #ffffffa8, transparent 38%), linear-gradient(180deg, #f7faf2 0%, #edf4e4 56%, #dfead5 100%);--preview-pattern:repeating-linear-gradient(0deg, #4e681d0e 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, #8d65000a 0 1px, transparent 1px 32px);--preview-edge:linear-gradient(90deg, #4e681d29, transparent 28%)}.menu-bg-mockup-preview-amoled-noor{--preview-bg:linear-gradient(180deg, #0b1e16d1 0%, #000000fa 58%, #000 100%);--preview-pattern:repeating-linear-gradient(135deg, #ffd8740b 0 1px, transparent 1px 26px), linear-gradient(90deg, #ffd8741f, transparent 16% 84%, #2e7d3214);--preview-edge:linear-gradient(180deg, #ffd87421, transparent 22%), linear-gradient(90deg, #2e7d322e, transparent 24%)}.menu-bg-mockup-preview-mihrab-lines{--preview-bg:linear-gradient(180deg, #1b4430 0%, #102a20 48%, #061712 100%);--preview-pattern:linear-gradient(90deg, transparent 0 11%, #ffd87414 11% 11.5%, transparent 11.5% 88.5%, #ffd87414 88.5% 89%, transparent 89%), repeating-linear-gradient(90deg, transparent 0 28px, #ffffff07 28px 29px, transparent 29px 56px);--preview-edge:linear-gradient(180deg, #c8a9511f, transparent 36%);--preview-sheen-bg:linear-gradient(115deg, transparent 0 34%, #ffffff0a 34% 42%, transparent 42% 100%)}.menu-bg-mockup-preview-woven-sage{--preview-bg:linear-gradient(180deg, #244b35 0%, #173624 54%, #0d2419 100%);--preview-pattern:repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 13px), repeating-linear-gradient(90deg, #ffd8740b 0 1px, transparent 1px 17px), linear-gradient(135deg, #a6dab21f, transparent 40% 100%);--preview-edge:linear-gradient(90deg, #c8a95121, transparent 34%)}.menu-bg-mockup-preview-atlas-flow{--preview-bg:linear-gradient(122deg, #073326 0%, #116145 36%, #0b2a20 66%, #194d37 100%);--preview-pattern:linear-gradient(58deg, transparent 0 30%, #c2f7d81f 30% 41%, transparent 41% 100%), linear-gradient(116deg, transparent 0 56%, #ffd8741a 56% 64%, transparent 64% 100%), repeating-linear-gradient(122deg, #ffffff07 0 1px, transparent 1px 20px);--preview-edge:linear-gradient(90deg, #86ecbb2e, transparent 28%)}.menu-bg-mockup-preview-tezhip-edge{--preview-bg:linear-gradient(180deg, #193b2a 0%, #0c2419 52%, #05130f 100%);--preview-pattern:repeating-linear-gradient(45deg, #ffd87409 0 1px, transparent 1px 20px), linear-gradient(90deg, #ffd87417, transparent 20%);--preview-edge:repeating-linear-gradient(0deg, #ffd8743d 0 8px, #ffd8740a 8px 16px), linear-gradient(90deg, #ffd8742e, transparent)}.menu-bg-mockup-preview-tezhip-edge:after{width:48px;right:auto}.menu-bg-mockup-preview-glass-garden{--preview-text:#1b2415;--preview-muted:#4d5f42;--preview-soft:#65715b;--preview-border:#4e681d33;--preview-row-border:#4e681d1f;--preview-active-bg:#4e681d24;--preview-active-text:#4e681d;--preview-badge-bg:#ffffff75;--preview-footer-bg:#ffffff61;--preview-bg:linear-gradient(145deg, #ffffffb8, #edf4e4c7), linear-gradient(180deg, #eef7e8 0%, #dbead1 54%, #f7faf2 100%);--preview-pattern:linear-gradient(118deg, transparent 0 24%, #4e681d14 24% 36%, transparent 36%), repeating-linear-gradient(90deg, #ffffff52 0 1px, transparent 1px 26px);--preview-edge:linear-gradient(90deg, #ffffff9e, transparent 30%)}.menu-bg-mockup-preview-gradient-dawn{--preview-text:#f7fff4;--preview-muted:#f7fff4ad;--preview-soft:#f7fff475;--preview-border:#dff0c926;--preview-row-border:#dff0c917;--preview-active-bg:#ffd87426;--preview-active-text:#ffe39a;--preview-footer-bg:#07140e6b;--preview-bg:radial-gradient(ellipse 120% 58% at 20% -10%, #ffe7a73d, transparent 54%), radial-gradient(ellipse 92% 62% at 95% 18%, #8fc5732e, transparent 56%), linear-gradient(168deg, #315b36 0%, #1c4930 32%, #0e2b1f 68%, #071711 100%);--preview-pattern:linear-gradient(180deg, #ffffff0d, transparent 34%), linear-gradient(115deg, transparent 0 46%, #ffffff09 46% 56%, transparent 56%);--preview-edge:linear-gradient(90deg, #ffd8741f, transparent 30%)}.menu-bg-mockup-preview-gradient-emerald-depth{--preview-border:#8de7b524;--preview-row-border:#8de7b514;--preview-active-bg:#82e8b121;--preview-active-text:#a7f0bd;--preview-badge-bg:#82e8b114;--preview-footer-bg:#020e0a7a;--preview-bg:radial-gradient(ellipse 88% 52% at 12% 4%, #2c9f6957, transparent 58%), radial-gradient(ellipse 82% 62% at 100% 62%, #ffd87421, transparent 54%), linear-gradient(145deg, #063a2b 0%, #0f5a40 24%, #08281f 58%, #03110d 100%);--preview-pattern:linear-gradient(38deg, transparent 0 28%, #ffffff0b 28% 36%, transparent 36%), linear-gradient(145deg, transparent 0 62%, #8de7b50e 62% 72%, transparent 72%);--preview-edge:linear-gradient(90deg, #82e8b124, transparent 32%)}.menu-bg-mockup-preview-gradient-gold-mist{--preview-muted:#fffcebb3;--preview-soft:#fffceb75;--preview-border:#ffd8742e;--preview-row-border:#ffd87417;--preview-active-bg:#ffd8742e;--preview-active-text:#ffe6a6;--preview-badge-bg:#ffd87417;--preview-footer-bg:#110f0870;--preview-bg:radial-gradient(ellipse 88% 48% at 8% -4%, #ffd87457, transparent 56%), radial-gradient(ellipse 74% 52% at 92% 30%, #67af6f2e, transparent 58%), linear-gradient(155deg, #4a4721 0%, #1d3b28 34%, #0b2419 70%, #050f0b 100%);--preview-pattern:linear-gradient(122deg, transparent 0 38%, #ffd8740b 38% 48%, transparent 48%), linear-gradient(180deg, #ffffff0a, transparent 42%);--preview-edge:radial-gradient(ellipse 40% 70% at 0% 0%, #ffd8742e, transparent 70%), linear-gradient(90deg, #ffd8741f, transparent 28%)}.menu-bg-mockup-preview-gradient-night-breath{--preview-border:#7ab89721;--preview-row-border:#7ab89712;--preview-active-bg:#ffd87421;--preview-active-text:#ffd874;--preview-badge-bg:#ffffff0e;--preview-footer-bg:#00000094;--preview-bg:radial-gradient(ellipse 90% 48% at 48% -12%, #1e5c3f6b, transparent 58%), radial-gradient(ellipse 66% 46% at 100% 72%, #ffd8741a, transparent 58%), linear-gradient(180deg, #07140f 0%, #020806 46%, #000 100%);--preview-pattern:linear-gradient(150deg, #ffffff09, transparent 34%), linear-gradient(35deg, transparent 0 55%, #2d82560d 55% 68%, transparent 68%);--preview-edge:linear-gradient(90deg, #2d82562b, transparent 30%)}.menu-bg-mockup-preview-gradient-olive-glass{--preview-text:#1b2415;--preview-muted:#506044;--preview-soft:#68775d;--preview-border:#4e681d2e;--preview-row-border:#4e681d1c;--preview-active-bg:#8d650021;--preview-active-text:#7e5b00;--preview-badge-bg:#ffffff80;--preview-footer-bg:#ffffff6b;--preview-bg:radial-gradient(ellipse 92% 52% at 12% -8%, #fffcead1, transparent 62%), radial-gradient(ellipse 74% 58% at 100% 18%, #8d650024, transparent 58%), linear-gradient(152deg, #fbfff5 0%, #e8f1dd 33%, #d5e7ca 68%, #f5f8ee 100%);--preview-pattern:linear-gradient(128deg, transparent 0 34%, #ffffff6b 34% 48%, transparent 48%), linear-gradient(35deg, transparent 0 58%, #4e681d12 58% 70%, transparent 70%);--preview-edge:linear-gradient(90deg, #ffffffb3, transparent 32%)}.menu-bg-mockup-preview-plain-olive-silk{--preview-text:#1b2415;--preview-muted:#506044;--preview-soft:#68775d;--preview-border:#4e681d2e;--preview-row-border:#4e681d1c;--preview-active-bg:#8d650021;--preview-active-text:#7e5b00;--preview-badge-bg:#ffffff7a;--preview-footer-bg:#ffffff5c;--preview-bg:radial-gradient(ellipse 120% 70% at 50% -10%, #fffdeee0, transparent 62%), radial-gradient(ellipse 90% 62% at 100% 85%, #c6dab28c, transparent 62%), linear-gradient(180deg, #fbfff5 0%, #e8f1dd 47%, #d8e8cd 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-emerald-fade{--preview-border:#a6dab224;--preview-row-border:#a6dab214;--preview-active-bg:#ffd87424;--preview-active-text:#ffdc82;--preview-badge-bg:#ffffff12;--preview-footer-bg:#04120d6b;--preview-bg:radial-gradient(ellipse 110% 68% at 22% -12%, #2e7d529e, transparent 62%), radial-gradient(ellipse 86% 58% at 95% 82%, #104a35b8, transparent 62%), linear-gradient(180deg, #164c34 0%, #0c2d20 54%, #061712 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-gold-warmth{--preview-muted:#fffcebb3;--preview-soft:#fffceb75;--preview-border:#ffd87429;--preview-row-border:#ffd87414;--preview-active-bg:#ffd8742b;--preview-active-text:#ffe29a;--preview-badge-bg:#ffd87414;--preview-footer-bg:#0d110a70;--preview-bg:radial-gradient(ellipse 100% 62% at 8% -8%, #ffd8744d, transparent 60%), radial-gradient(ellipse 92% 62% at 100% 75%, #3e764b73, transparent 64%), linear-gradient(180deg, #344225 0%, #183121 48%, #081a13 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-night-green{--preview-border:#7ab8971f;--preview-row-border:#7ab89712;--preview-active-bg:#ffd87421;--preview-active-text:#ffd874;--preview-badge-bg:#ffffff0e;--preview-footer-bg:#0000008f;--preview-bg:radial-gradient(ellipse 95% 58% at 50% -8%, #195b3e85, transparent 62%), radial-gradient(ellipse 78% 54% at 82% 100%, #0f3627ad, transparent 66%), linear-gradient(180deg, #071510 0%, #020806 48%, #000 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-soft-olive{--preview-text:#1b2415;--preview-muted:#506044;--preview-soft:#68775d;--preview-border:#4e681d29;--preview-row-border:#4e681d1a;--preview-active-bg:#8d65001f;--preview-active-text:#7e5b00;--preview-badge-bg:#ffffff7a;--preview-footer-bg:#ffffff57;--preview-bg:radial-gradient(ellipse 110% 62% at 50% -8%, #fffcebc7, transparent 64%), linear-gradient(180deg, #fbfff5 0%, #edf4e4 52%, #dbe9cf 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-deep-moss{--preview-border:#a6dab221;--preview-row-border:#a6dab214;--preview-active-bg:#ffd87424;--preview-active-text:#ffdc82;--preview-badge-bg:#ffffff12;--preview-footer-bg:#04120d6b;--preview-bg:radial-gradient(ellipse 100% 58% at 18% -10%, #37845680, transparent 62%), linear-gradient(180deg, #184d34 0%, #0d3022 55%, #061812 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-quiet-gold{--preview-muted:#fffcebb3;--preview-soft:#fffceb75;--preview-border:#ffd87426;--preview-row-border:#ffd87414;--preview-active-bg:#ffd87429;--preview-active-text:#ffe29a;--preview-badge-bg:#ffd87414;--preview-footer-bg:#0d110a6b;--preview-bg:radial-gradient(ellipse 96% 54% at 12% -10%, #ffd87442, transparent 62%), linear-gradient(180deg, #334225 0%, #183322 50%, #081a13 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-pine-shadow{--preview-border:#97d3ab21;--preview-row-border:#97d3ab14;--preview-active-bg:#ffd87424;--preview-active-text:#ffdc82;--preview-badge-bg:#fff1;--preview-footer-bg:#040f0c75;--preview-bg:radial-gradient(ellipse 92% 56% at 52% -6%, #26704c75, transparent 64%), radial-gradient(ellipse 78% 48% at 100% 86%, #051c15b8, transparent 64%), linear-gradient(180deg, #123e2c 0%, #092a20 54%, #04130f 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-amoled-glow{--preview-border:#7ab8971c;--preview-row-border:#7ab89712;--preview-active-bg:#ffd8741f;--preview-active-text:#ffd874;--preview-badge-bg:#ffffff0d;--preview-footer-bg:#00000094;--preview-bg:radial-gradient(ellipse 92% 54% at 50% -10%, #185c3e6b, transparent 62%), linear-gradient(180deg, #06110d 0%, #020705 48%, #000 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-mint-glass{--preview-text:#1b2415;--preview-muted:#4c6042;--preview-soft:#65775c;--preview-border:#4e681d26;--preview-row-border:#4e681d1a;--preview-active-bg:#8d65001f;--preview-active-text:#7e5b00;--preview-badge-bg:#ffffff80;--preview-footer-bg:#ffffff5c;--preview-bg:radial-gradient(ellipse 112% 62% at 48% -12%, #fffff6d1, transparent 64%), radial-gradient(ellipse 86% 54% at 92% 96%, #aedab180, transparent 62%), linear-gradient(180deg, #fafff6 0%, #e7f3df 48%, #d2e7ca 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-forest-depth{--preview-border:#a5e2b521;--preview-row-border:#a5e2b514;--preview-active-bg:#ffd87424;--preview-active-text:#ffdc82;--preview-badge-bg:#ffffff12;--preview-footer-bg:#03110b70;--preview-bg:radial-gradient(ellipse 100% 60% at 14% -10%, #3c9a5c8a, transparent 62%), radial-gradient(ellipse 84% 56% at 100% 84%, #031f14bd, transparent 66%), linear-gradient(180deg, #18583a 0%, #0b3423 54%, #05150f 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-olive-smoke{--preview-muted:#fffcebb3;--preview-soft:#fffceb75;--preview-border:#ffd87424;--preview-row-border:#ffd87414;--preview-active-bg:#ffd87429;--preview-active-text:#ffe29a;--preview-badge-bg:#ffd87414;--preview-footer-bg:#0c100a70;--preview-bg:radial-gradient(ellipse 88% 52% at 12% -10%, #ffd87433, transparent 64%), radial-gradient(ellipse 82% 56% at 95% 92%, #2456347a, transparent 64%), linear-gradient(180deg, #2f3d24 0%, #172f20 50%, #071812 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-cool-spruce{--preview-border:#8bd3b821;--preview-row-border:#8bd3b814;--preview-active-bg:#ffd87421;--preview-active-text:#ffdc82;--preview-badge-bg:#fff1;--preview-footer-bg:#03100e75;--preview-bg:radial-gradient(ellipse 96% 56% at 50% -8%, #2a846775, transparent 64%), radial-gradient(ellipse 78% 52% at 92% 88%, #062723b3, transparent 64%), linear-gradient(180deg, #123f35 0%, #082b27 54%, #031411 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}.menu-bg-mockup-preview-plain-black-emerald{--preview-border:#68c6971f;--preview-row-border:#68c69712;--preview-active-bg:#ffd8741f;--preview-active-text:#ffd874;--preview-badge-bg:#ffffff0d;--preview-footer-bg:#0009;--preview-bg:radial-gradient(ellipse 95% 55% at 50% -10%, #136d4975, transparent 62%), radial-gradient(ellipse 78% 52% at 100% 100%, #0521188a, transparent 66%), linear-gradient(180deg, #05120d 0%, #020705 48%, #000 100%);--preview-pattern:none;--preview-edge:none;--preview-sheen-bg:none}@media (width>=720px){.menu-bg-mockup-page{padding:24px 20px 40px}.menu-bg-mockup-hero{padding:20px}.menu-bg-mockup-hero h1{font-size:32px}.menu-bg-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}}@media (width>=1120px){.menu-bg-mockup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}:root[data-theme=light] .menu-bg-mockup-page{background:repeating-linear-gradient(90deg,#8d650009 0 1px,#0000 1px 44px),linear-gradient(145deg,#f7faf2,#edf4e4 58%,#e1ead8)}:root[data-theme=light] .menu-bg-mockup-card{border-top-color:#4e681d24}:root[data-theme=light] .menu-bg-mockup-hero{background:linear-gradient(135deg,#8d650014,#ffffff8c),#ffffff8a;border-color:#4e681d29}:root[data-theme=light] .topbar-btn,:root[data-theme=light] .tesbihat-topbar-icon-btn,:root[data-theme=light] .vird-card-share-action,:root[data-theme=light] .vird-current-title-toggle{border-color:var(--light-border-strong);color:var(--gold);background:linear-gradient(#fffffff5,#fff4cfeb);box-shadow:inset 0 1px #ffffffd1,0 4px 10px #3a4c1e1a}:root[data-theme=light] .topbar-btn:active,:root[data-theme=light] .tesbihat-topbar-icon-btn:active,:root[data-theme=light] .vird-card-share-action:active,:root[data-theme=light] .vird-current-title-toggle:active{color:#6f4f00;background:linear-gradient(#fff1befa,#ecd184e0);box-shadow:inset 0 1px #ffffff9e,0 2px 7px #3a4c1e1a}:root[data-theme=light] .vird-session-icon-btn.is-off{border-color:var(--light-border);color:var(--text-tertiary);background:linear-gradient(#ffffffc7,#edf4e4ad);box-shadow:inset 0 1px #ffffffad,0 3px 8px #3a4c1e14}:root[data-theme=light] .topbar-btn-feature.is-inactive{border-color:var(--light-border);color:var(--text-tertiary);opacity:.6;background:linear-gradient(#ffffffb8,#edf4e4a8)}:root[data-theme=light] .topbar-btn-feature.is-active{border-color:var(--light-border-strong);color:var(--gold);opacity:1;background:linear-gradient(#fffcf2fa,#fff4cfc2)}:root[data-theme=light] .home-easy-read-toggle.is-active{border-color:var(--light-border-strong);color:var(--gold);background:linear-gradient(#fffcf2fa,#fff4cfc7);box-shadow:inset 0 1px #ffffffc7,0 4px 10px #3a4c1e1a}:root[data-theme=light] .search,:root[data-theme=light] .s-group,:root[data-theme=light] .settings-status-grid div,:root[data-theme=light] .theme-opt,:root[data-theme=light] .settings-theme-current,:root[data-theme=light] .settings-theme-option,:root[data-theme=light] .sound-option{border-color:var(--light-border);background:var(--light-card);box-shadow:0 5px 13px #3a4c1e12}:root[data-theme=light] .search:focus-within,:root[data-theme=light] .contact-field input:focus,:root[data-theme=light] .contact-field select:focus,:root[data-theme=light] .contact-field textarea:focus,:root[data-theme=light] .vird-step-target-edit input:focus,:root[data-theme=light] .add-dhikr-input:focus{border-color:var(--light-border-strong);box-shadow:0 0 0 3px #8d650024}:root[data-theme=light] .search-icon,:root[data-theme=light] .vol-icon{color:var(--gold)}:root[data-theme=light] .chip{border-color:var(--light-border);color:var(--text-secondary);background:#ffffffa3}:root[data-theme=light] .chip:active{background:var(--light-card-soft)}:root[data-theme=light] .chip.active,:root[data-theme=light] .theme-opt.active,:root[data-theme=light] .settings-theme-option.active,:root[data-theme=light] .sound-option.active{border-color:var(--light-border-strong);color:var(--gold);background:linear-gradient(#fffcf2fa,#fff4cfb8);box-shadow:inset 0 0 0 1px #ffffffc7,0 0 0 1px #8d650014,0 5px 14px #8d65001c}:root[data-theme=light] .dhikr-library-shell .list-header{border-bottom-color:var(--dhikr-library-control-border);background:var(--dhikr-library-toolbar-bg);box-shadow:inset 0 1px #ffffffb3,0 8px 18px #3a4c1e0b}:root[data-theme=light] .dhikr-library-shell .search{border-color:var(--dhikr-library-control-border);background:var(--dhikr-library-control-bg);box-shadow:var(--dhikr-library-control-shadow)}:root[data-theme=light] .dhikr-library-shell .search:focus-within{background:var(--dhikr-library-control-focus-bg);box-shadow:var(--dhikr-library-control-shadow), 0 0 0 3px #8d65001a;border-color:#8d65003d}:root[data-theme=light] .dhikr-library-shell .chip{border-color:var(--dhikr-library-control-border);background:var(--dhikr-library-control-bg);box-shadow:var(--dhikr-library-control-shadow)}:root[data-theme=light] .dhikr-library-shell .chip.active{box-shadow:var(--dhikr-library-control-shadow), 0 6px 14px #8d650017}:root[data-theme=light] .card,:root[data-theme=light] .gz-card,:root[data-theme=light] .esma,:root[data-theme=light] .vird-card,:root[data-theme=light] .vird-empty-card{border-color:var(--light-border);-webkit-backdrop-filter:none;background:linear-gradient(#fffffffa,#f2f7eaf5);box-shadow:inset 0 1px #ffffffdb,0 7px 16px #3a4c1e1a}:root[data-theme=light] .card:hover,:root[data-theme=light] .gz-card:hover,:root[data-theme=light] .esma:hover,:root[data-theme=light] .vird-card:hover{background:linear-gradient(#fff,#edf4e4fa);border-color:#8d65003d;box-shadow:inset 0 1px #ffffffeb,0 9px 20px #3a4c1e1f}:root[data-theme=light] .card:active,:root[data-theme=light] .gz-card:active,:root[data-theme=light] .esma:active,:root[data-theme=light] .vird-card:active{background:linear-gradient(#f8fbf2,#e1ead8fa)}:root[data-theme=light] .esma{background:radial-gradient(64% 42% at 90% 90%,#4e681d12,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffff94,#0000 64%),linear-gradient(#f3f8ed 0%,#e8f1df 58%,#ddead4 100%);border-color:#4e681d2b;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #4e681d14,0 8px 18px #3a4c1e14}:root[data-theme=light] .esma:before{background:linear-gradient(145deg, #ffffff38 0%, transparent 34%, #4e681d0f 100%), radial-gradient(ellipse 82% 24% at 50% -2%, #ffffff6b, transparent 72%), radial-gradient(ellipse 58% 40% at 100% 100%, #4e681d0e, transparent 68%), var(--esma-card-dither);opacity:.3;mix-blend-mode:normal}:root[data-theme=light] .esma:after{opacity:.7;background:linear-gradient(90deg,#0000,#8d650038,#0000)}:root[data-theme=light] .esma:hover{background:radial-gradient(64% 42% at 90% 90%,#4e681d15,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffffa8,#0000 64%),linear-gradient(#f7fbf2 0%,#ecf4e4 58%,#e1ecd8 100%);border-color:#8d65003d;box-shadow:inset 0 1px #fffc,inset 0 -1px #4e681d14,0 10px 20px #3a4c1e1a}:root[data-theme=light] .esma:active{background:radial-gradient(64% 42% at 90% 90%,#4e681d10,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffff85,#0000 64%),linear-gradient(#eef5e6 0%,#e1ebd7 58%,#d5e2ca 100%)}:root[data-theme=light] .esma-library-shell .search{background:radial-gradient(64% 42% at 90% 90%,#4e681d12,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffff94,#0000 64%),linear-gradient(#f3f8ed 0%,#e8f1df 58%,#ddead4 100%);border-color:#4e681d2b;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #4e681d14,0 8px 18px #3a4c1e14}:root[data-theme=light] .esma-library-shell .search:before{opacity:.3;mix-blend-mode:normal;background:linear-gradient(145deg,#ffffff38 0%,#0000 34%,#4e681d0f 100%),radial-gradient(82% 24% at 50% -2%,#ffffff6b,#0000 72%),radial-gradient(58% 40% at 100% 100%,#4e681d0e,#0000 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E")}:root[data-theme=light] .esma-library-shell .search:after{opacity:.7;background:linear-gradient(90deg,#0000,#8d650038,#0000)}:root[data-theme=light] .esma-library-shell .search:focus-within{background:radial-gradient(64% 42% at 90% 90%,#4e681d15,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffffa8,#0000 64%),linear-gradient(#f7fbf2 0%,#ecf4e4 58%,#e1ecd8 100%);border-color:#8d65003d;box-shadow:inset 0 1px #fffc,inset 0 -1px #4e681d14,0 10px 20px #3a4c1e1a,0 0 0 3px #8d65001a}:root[data-theme=light] .list-group-surface{background:radial-gradient(72% 38% at 50% -12%,#ffffffb8,#0000 70%),linear-gradient(#ffffff85,#edf4e457),#edf4e4a8;border-color:#4e681d21;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #4e681d0e,0 8px 18px #3a4c1e14}:root[data-theme=light] .list-group-surface .card{box-shadow:none;background:0 0;border-bottom-color:#4e681d18}:root[data-theme=light] .list-group-surface .card:hover{box-shadow:none;background:linear-gradient(#ffffff7a,#edf4e438),#4e681d0a}:root[data-theme=light] .list-group-surface .card:active{background:linear-gradient(#fff6,#edf4e447),#4e681d0f}:root[data-theme=light] .dhikr-library-shell .list-group-surface{border-color:var(--dhikr-library-list-border);background:var(--dhikr-library-list-bg);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #4e681d0e,0 10px 22px #3a4c1e16,0 0 0 1px #8d650005}:root[data-theme=light] .dhikr-library-shell .list-group-surface .card{border-bottom-color:var(--dhikr-library-row-border);box-shadow:none;background:0 0}:root[data-theme=light] .dhikr-library-shell .list-group-surface .card:hover{background:var(--dhikr-library-row-hover-bg);box-shadow:none}:root[data-theme=light] .dhikr-library-shell .list-group-surface .card:active{background:var(--dhikr-library-row-active-bg)}:root[data-theme=light] .dhikr-library-shell .list-section{color:#8d6500b3;text-shadow:none}:root[data-theme=light] .card:before{background:linear-gradient(#d0aa45,#8d6500 54%,#6d8d5e);box-shadow:0 0 9px #8d65002e}:root[data-theme=light] .card-title,:root[data-theme=light] .esma-name,:root[data-theme=light] .vird-card-title,:root[data-theme=light] .vird-empty-card strong{color:var(--text-primary)}:root[data-theme=light] .card-star,:root[data-theme=light] .esma-number,:root[data-theme=light] .card-count,:root[data-theme=light] .vird-card-desc,:root[data-theme=light] .vird-card-meta,:root[data-theme=light] .vird-empty-card{color:var(--text-secondary)}:root[data-theme=light] .esma-meaning{color:#8d65009e}:root[data-theme=light] .list-group-surface .card-star{color:#4e681d57;background:linear-gradient(#ffffffc2,#edf4e485);border-color:#4e681d1f}:root[data-theme=light] .list-group-surface .card-star.fav{color:var(--gold);background:radial-gradient(circle at 35% 25%,#8d650021,#0000 55%),linear-gradient(#ffffffdb,#fff6d28f);-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box;border-color:#8d650038}:root[data-theme=light] .list-group-surface .card-count{color:var(--gold);-webkit-text-fill-color:currentColor;background:linear-gradient(#fff6d2bd,#edf4e457);border-color:#8d650029}:root[data-theme=light] .dhikr-library-shell .list-group-surface .card-star{border-color:color-mix(in srgb, var(--dhikr-library-card-icon-border) 82%, #8d65001f);background:radial-gradient(circle at 50% 18%, #ffffffc7, transparent 46%), var(--dhikr-library-card-icon-bg);color:#4e681d70}:root[data-theme=light] .dhikr-library-shell .list-group-surface .card-star.fav{background:radial-gradient(circle at 34% 22%, #ffe89a9e, transparent 42%), linear-gradient(180deg, #fff6d2b3, #efe7da61), var(--dhikr-library-card-icon-bg);color:var(--gold);-webkit-text-fill-color:currentColor;text-shadow:0 0 7px #8d65002e;-webkit-background-clip:border-box;background-clip:border-box;border-color:#8d65004d;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #4e681d11,0 0 12px #8d650013}:root[data-theme=light] .dhikr-library-shell .list-group-surface .card-count{background:var(--dhikr-library-card-count-bg);color:var(--gold);-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box;border-color:#8d650029}:root[data-theme=light] .card-right:after{color:#4e681d4d}:root[data-theme=light] .dhikr-library-shell .card-right:after{color:var(--dhikr-library-chevron-color)}:root[data-theme=light] .card-arabic{color:var(--gold)}:root[data-theme=light] .dhikr-library-shell .list-group-surface .card-arabic{color:#8d6500;text-shadow:0 0 6px #8d65001f}@supports ((-webkit-background-clip:text)){:root[data-theme=light] .dhikr-library-shell .list-group-surface .card-arabic{background:linear-gradient(#b88400 0%,#8d6500 58%,#6f5208 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 3px #8d65001a);-webkit-background-clip:text;background-clip:text}}:root[data-theme=light] .esma-arabic{text-shadow:none}:root[data-theme=light] .card-tag,:root[data-theme=light] .vird-chip,:root[data-theme=light] .vird-source-badge{color:var(--green);background:#4e681d17;border:1px solid #4e681d1f}:root[data-theme=light] .tag-tesbih{color:#245a2b;background:#2f6b361f}:root[data-theme=light] .tag-istigfar{color:#96322e;background:#aa35311c}:root[data-theme=light] .tag-salavat,:root[data-theme=light] .tag-esma{color:var(--gold);background:#8d65001f}:root[data-theme=light] .tag-ayet{color:#285d78;background:#2866891c}:root[data-theme=light] .tag-dua{color:#684478;background:#6f487e1f}:root[data-theme=light] .tag-gunluk{color:#2b675e;background:#2d70661f}:root[data-theme=light] .dhikr-category-chip.tag-all,:root[data-theme=light] .dhikr-category-chip.tag-salavat,:root[data-theme=light] .dhikr-category-chip.tag-esma{--chip-accent:var(--gold);--chip-fill:#8d65001f;--chip-active-fill:#8d65002e}:root[data-theme=light] .dhikr-category-chip.tag-tesbih{--chip-accent:#245a2b;--chip-fill:#2f6b361f;--chip-active-fill:#2f6b362e}:root[data-theme=light] .dhikr-category-chip.tag-istigfar{--chip-accent:#96322e;--chip-fill:#aa35311c;--chip-active-fill:#aa35312b}:root[data-theme=light] .dhikr-category-chip.tag-ayet{--chip-accent:#285d78;--chip-fill:#2866891c;--chip-active-fill:#2866892b}:root[data-theme=light] .dhikr-category-chip.tag-dua{--chip-accent:#684478;--chip-fill:#6f487e1f;--chip-active-fill:#6f487e2e}:root[data-theme=light] .dhikr-category-chip.tag-gunluk{--chip-accent:#2b675e;--chip-fill:#2d70661f;--chip-active-fill:#2d70662e}:root[data-theme=light] .dhikr-category-chip{border-color:color-mix(in srgb, var(--chip-accent) 24%, transparent);background:linear-gradient(180deg, #ffffffe6, #edf4e494), var(--chip-fill);color:var(--chip-accent)}:root[data-theme=light] .dhikr-category-chip.active{border-color:color-mix(in srgb, var(--chip-accent) 42%, transparent);background:linear-gradient(180deg, #ffffffc7, #edf4e466), var(--chip-active-fill);color:var(--chip-accent);box-shadow:inset 0 1px 0 #ffffffc2, 0 7px 15px color-mix(in srgb, var(--chip-accent) 10%, transparent)}:root[data-theme=light] .dhikr-library-shell .dhikr-category-chip{border-color:color-mix(in srgb, var(--chip-accent) 17%, var(--dhikr-library-control-border));background:var(--dhikr-library-control-bg);color:color-mix(in srgb, var(--chip-accent) 70%, #1b2415ad);box-shadow:var(--dhikr-library-control-shadow)}:root[data-theme=light] .dhikr-library-shell .dhikr-category-chip.active{border-color:color-mix(in srgb, var(--chip-accent) 34%, var(--dhikr-library-control-border));background:linear-gradient(180deg, color-mix(in srgb, var(--chip-accent) 10%, transparent), color-mix(in srgb, var(--chip-accent) 4%, transparent)), var(--dhikr-library-control-bg);color:var(--chip-accent);box-shadow:var(--dhikr-library-control-shadow), 0 6px 13px color-mix(in srgb, var(--chip-accent) 8%, transparent)}:root[data-theme=light] .dhikr-library-shell .list-header{box-shadow:none;background:0 0;border-bottom:0}:root[data-theme=light] .dhikr-library-shell .search{background:radial-gradient(64% 42% at 90% 90%,#4e681d12,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffff94,#0000 64%),linear-gradient(#f3f8ed 0%,#e8f1df 58%,#ddead4 100%);border-color:#4e681d2b;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #4e681d14,0 8px 18px #3a4c1e14}:root[data-theme=light] .dhikr-library-shell .search:before{opacity:.3;mix-blend-mode:normal;background:linear-gradient(145deg,#ffffff38 0%,#0000 34%,#4e681d0f 100%),radial-gradient(82% 24% at 50% -2%,#ffffff6b,#0000 72%),radial-gradient(58% 40% at 100% 100%,#4e681d0e,#0000 68%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E")}:root[data-theme=light] .dhikr-library-shell .search:after{opacity:.7;background:linear-gradient(90deg,#0000,#8d650038,#0000)}:root[data-theme=light] .dhikr-library-shell .dhikr-category-chip,:root[data-theme=light] .dhikr-library-shell .dhikr-category-chip.active{border-color:var(--dhikr-library-control-border);background:var(--dhikr-library-control-bg);box-shadow:var(--dhikr-library-control-shadow)}:root[data-theme=light] .dhikr-library-shell .search:focus-within{background:radial-gradient(64% 42% at 90% 90%,#4e681d15,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffffa8,#0000 64%),linear-gradient(#f7fbf2 0%,#ecf4e4 58%,#e1ecd8 100%);border-color:#8d65003d;box-shadow:inset 0 1px #fffc,inset 0 -1px #4e681d14,0 10px 20px #3a4c1e1a,0 0 0 3px #8d65001a}:root[data-theme=light] .dhikr-library-shell .dhikr-category-chip{color:color-mix(in srgb, var(--chip-accent) 66%, #1b2415a8)}:root[data-theme=light] .dhikr-library-shell .dhikr-category-chip.active{border-color:color-mix(in srgb, var(--chip-accent) 34%, var(--dhikr-library-control-border));color:var(--chip-accent);box-shadow:var(--dhikr-library-control-shadow), inset 0 0 0 1px color-mix(in srgb, var(--chip-accent) 12%, transparent)}:root[data-theme=light] .card-delete,:root[data-theme=light] .vird-mini-action-danger{color:#96322e;background:#96322e14;border:1px solid #96322e38}:root[data-theme=light] .card-delete.confirm,:root[data-theme=light] .vird-mini-action-danger.confirm{color:#fff;background:#b53a35;border-color:#b53a35}:root[data-theme=light] .vird-intro{border-color:var(--light-border);background:radial-gradient(circle at 18% 0,#fff4cfcc,#fff4cf00 42%),linear-gradient(160deg,#fffffffa,#edf4e4f5);box-shadow:inset 0 1px #ffffffd6,0 8px 18px #3a4c1e1a}:root[data-theme=light] .vird-card-morning{background:linear-gradient(90deg,#fff4cfa3,#fff4cf33 92px,#fff4cf00 164px),linear-gradient(#fffffffc,#f2f7eafa);border-color:#8d65003d}:root[data-theme=light] .vird-card-evening{background:linear-gradient(90deg,#6d8d5e2e,#6d8d5e0f 104px,#6d8d5e00 176px),linear-gradient(#fffffffc,#f2f7eafa);border-color:#4e681d3d}:root[data-theme=light] .vird-card-custom{background:radial-gradient(circle at 88% 0,#fff4cfa3,#fff4cf00 36%),linear-gradient(90deg,#6d8d5e24,#6d8d5e0d 104px,#6d8d5e00 178px),linear-gradient(#fffffffc,#f2f7eafa);border-color:#4a755b40}:root[data-theme=light] .vird-card-custom:after{opacity:.68;background:linear-gradient(135deg,#fff4cf57,#fff4cf00 34%),radial-gradient(circle at 100% 100%,#6d8d5e24,#6d8d5e00 42%)}:root[data-theme=light] .vird-card.is-complete{background:linear-gradient(90deg,#2f6b361c,#2f6b360a 112px,#2f6b3600 176px),linear-gradient(#fffffffc,#eef7e8fa);border-color:#2f6b3647}:root[data-theme=light] .vird-card-morning:before,:root[data-theme=light] .vird-card-evening:before{background:linear-gradient(#8d650000,#8d65008c,#6d8d5e00)}:root[data-theme=light] .vird-card-status{color:var(--gold);background:#8d65001a;border-color:#8d650042}:root[data-theme=light] .vird-card.is-active:not(.is-complete) .vird-card-status{border-color:var(--light-border-strong);color:var(--gold);background:#8d650024}:root[data-theme=light] .vird-card.is-active:not(.is-complete) .vird-card-status:before{background:var(--gold);filter:none}:root[data-theme=light] .vird-card.is-complete .vird-card-status{background:var(--light-success-soft);color:var(--light-success);box-shadow:none;border-color:#2f6b3647}:root[data-theme=light] .vird-card.is-complete .vird-card-status:before{background:var(--light-success);color:#fff;box-shadow:none}:root[data-theme=light] .vird-card-progress,:root[data-theme=light] .vird-total-progress-track{background:#4e681d1f}:root[data-theme=light] .vird-card-progress span,:root[data-theme=light] .vird-total-progress-track span{background:linear-gradient(90deg, var(--gold), #6d8d5e);box-shadow:none}:root[data-theme=light] .vird-source-badge{color:var(--gold);background:#8d650017;border-color:#8d65002e}:root[data-theme=light] .vird-primary-action,:root[data-theme=light] .vird-card-start-action,:root[data-theme=light] .vird-add-step-action,:root[data-theme=light] .vird-completion-return,:root[data-theme=light] .esma-modal-primary-btn,:root[data-theme=light] .add-dhikr-submit-btn,:root[data-theme=light] .contact-submit{border-color:var(--light-border-strong);background:radial-gradient(circle at 30% 24%, #ffffff85, #fff0 48%), var(--gold-gradient);color:#1b2415;-webkit-text-fill-color:#1b2415;box-shadow:inset 0 1px #ffffffad,0 7px 15px #8d650026}:root[data-theme=light] .contact-submit:not(:disabled):active{background:radial-gradient(circle at 30% 24%,#ffffff61,#fff0 48%),linear-gradient(#f9e9b4 0%,#e4c16f 55%,#c49a35 100%)}:root[data-theme=light] .vird-create-action,:root[data-theme=light] .vird-secondary-action,:root[data-theme=light] .vird-program-details-head button,:root[data-theme=light] .vird-program-summary b,:root[data-theme=light] .vird-target-stepper-btn,:root[data-theme=light] .vird-step-target-control button,:root[data-theme=light] .vird-target-preset,:root[data-theme=light] .vird-mini-action,:root[data-theme=light] .settings-preview-btn,:root[data-theme=light] .esma-modal-btn-secondary,:root[data-theme=light] .dhikr-modal-share-btn,:root[data-theme=light] .esma-modal-share-btn{border-color:var(--light-border-strong);color:var(--gold);box-shadow:none;background:#8d650017}:root[data-theme=light] .tesbihat-app-action.secondary,:root[data-theme=light] .home-app-undo{border-color:var(--light-border);color:var(--green);background:linear-gradient(#fffffff5,#edf4e4f0);box-shadow:inset 0 1px #ffffffc7,0 5px 12px #3a4c1e1a}:root[data-theme=light] .home-app-reset{border-color:var(--light-border-strong);background:radial-gradient(circle at 30% 24%, #ffffff85, #fff0 48%), var(--gold-gradient);color:#1b2415;-webkit-text-fill-color:#1b2415;box-shadow:inset 0 1px #ffffffad,0 7px 15px #8d650026}:root[data-theme=light] .home-app-reset:active{color:#1b2415;-webkit-text-fill-color:#1b2415;background:radial-gradient(circle at 30% 24%,#ffffff61,#fff0 48%),linear-gradient(#f9e9b4 0%,#e4c16f 55%,#c49a35 100%)}:root[data-theme=light] .tesbihat-app-action.reset{border-color:var(--light-border-strong);background:radial-gradient(circle at 30% 24%, #ffffff85, #fff0 48%), var(--gold-gradient);color:#1b2415;box-shadow:inset 0 1px #ffffffad,0 7px 15px #8d650026}:root[data-theme=light] .tesbihat-app-sound{border-color:var(--light-border-strong);color:var(--gold);background:#8d650017}:root[data-theme=light] .tesbihat-app-sound.is-off{border-color:var(--light-border);color:var(--text-secondary);background:#4e681d14}:root[data-theme=light] .tesbihat-app-step-shell:not(:last-child):after{background:#4e681d24}:root[data-theme=light] .tesbihat-app-step-shell:not(:last-child):before{background:linear-gradient(90deg, #6d8d5e, var(--gold))}:root[data-theme=light] .tesbihat-app-step-node{color:var(--text-tertiary);background:#ffffffbd;border-color:#4e681d33;box-shadow:inset 0 0 0 1px #ffffff8f}:root[data-theme=light] .tesbihat-app-step.active .tesbihat-app-step-node{border-color:var(--light-border-strong);color:var(--gold);background:#fff4cfb8;box-shadow:0 0 0 4px #8d65001a,0 7px 14px #8d65001f}:root[data-theme=light] .tesbihat-app-step.done .tesbihat-app-step-node,:root[data-theme=light] .tesbihat-app-step.past .tesbihat-app-step-node{background:var(--light-success-soft);color:var(--light-success);box-shadow:none;border-color:#2f6b3647}:root[data-theme=light] .tesbihat-app-step-label,:root[data-theme=light] .tesbihat-app-step-count,:root[data-theme=light] .tesbihat-app-current-meaning,:root[data-theme=light] .tesbihat-app-source-link{color:var(--text-secondary)}:root[data-theme=light] .tesbihat-app-step.done .tesbihat-app-step-label,:root[data-theme=light] .tesbihat-app-step.done .tesbihat-app-step-count,:root[data-theme=light] .tesbihat-app-step.past .tesbihat-app-step-label,:root[data-theme=light] .tesbihat-app-step.past .tesbihat-app-step-count{color:var(--light-success)}:root[data-theme=light] .tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-inner{background:radial-gradient(circle at 50% 18%,#ffffffe6,#fff0 38%),linear-gradient(#fff 0%,#dcebd6 100%);box-shadow:inset 0 0 0 1px #2f6b362e,inset 0 -16px 32px #2f6b361a,0 16px 28px #3a4c1e1f}:root[data-theme=light] .tesbihat-app.final-pulse .tesbihat-app-ring-button.step-complete .tesbihat-app-ring-number{color:var(--light-success);text-shadow:none}:root[data-theme=light] .vird-back-btn{border-color:var(--light-border-strong);color:var(--gold);background:#8d650017}:root[data-theme=light] .vird-total-progress,:root[data-theme=light] .vird-current-step,:root[data-theme=light] .vird-session-total,:root[data-theme=light] .vird-step-row,:root[data-theme=light] .vird-program-details,:root[data-theme=light] .vird-program-summary,:root[data-theme=light] .vird-editor-step,:root[data-theme=light] .vird-empty-note,:root[data-theme=light] .dhikr-modal-benefit-box,:root[data-theme=light] .dhikr-modal-custom-box,:root[data-theme=light] .esma-modal-dhikr-section,:root[data-theme=light] .esma-modal-benefit,:root[data-theme=light] .contact-form{border-color:var(--light-border);background:radial-gradient(64% 42% at 90% 90%,#4e681d12,#0000 64%),radial-gradient(92% 58% at 50% -18%,#ffffff94,#0000 64%),linear-gradient(#f3f8ed 0%,#e8f1df 58%,#ddead4 100%);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #4e681d14,0 8px 18px #3a4c1e14}:root[data-theme=light] .contact-form:before{background:linear-gradient(145deg, #ffffff3d 0%, transparent 42%, #4e681d1a 100%), radial-gradient(ellipse 80% 24% at 50% -2%, #ffffff5c, transparent 72%), radial-gradient(ellipse 58% 40% at 100% 100%, #4e681d14, transparent 68%), var(--home-counter-dither,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E"));opacity:.4}:root[data-theme=amoled-black] .contact-form{background:radial-gradient(68% 42% at 88% 88%,#36915c13,#0000 66%),linear-gradient(#ffffff0a,#ffffff03),linear-gradient(160deg,#173a28 0%,#0f2a1d 56%,#081b13 100%);border-color:#c8a9511c;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0000003d,0 8px 18px #0006}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-kicker{color:#f0cf7cbd}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-form{background:radial-gradient(circle at 16% 10%,#ffd8740b,#0000 28%),linear-gradient(#ffffff07,#ffffff02),#070709f5;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #00000047,0 18px 34px #0000005c}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-form:before{background:linear-gradient(145deg, #ffffff0e 0%, transparent 36%, #0000002e 100%), radial-gradient(ellipse 80% 24% at 50% -2%, #ffffff0a, transparent 72%), radial-gradient(circle at 100% 100%, #ffd87409, transparent 62%), var(--home-counter-dither,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E"));opacity:.34}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-form:after{opacity:.52;background:linear-gradient(90deg,#0000,#f5d37333,#0000)}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-label-row span,:root[data-theme=amoled-black][data-contact-page-active=true] .contact-consent{color:#e5e7ebb3}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field input,:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field textarea{color:#f7f7f9e6;background:linear-gradient(#ffffff07,#ffffff02),#0c0c0eeb;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000003d}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field select{color:#f7f7f9e6;background:linear-gradient(45deg,#0000 50%,#f0cf7c 50%) calc(100% - 18px)/6px 6px no-repeat,linear-gradient(135deg,#f0cf7c 50%,#0000 50%) calc(100% - 13px)/6px 6px no-repeat,linear-gradient(90deg,#0000,#f5d37314) 100%/42px 100% no-repeat,linear-gradient(#ffffff07,#ffffff02),#0c0c0eeb;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000003d}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field select option{color:#f7f7f9e6;background:#0c0c0e}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field input:focus,:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field textarea:focus{background:radial-gradient(circle at 18% 18%,#ffd8740f,#0000 34%),linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#f5d37338;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000042,0 0 0 3px #f5d3730d}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field select:focus{background:linear-gradient(45deg,#0000 50%,#f0cf7c 50%) calc(100% - 18px)/6px 6px no-repeat,linear-gradient(135deg,#f0cf7c 50%,#0000 50%) calc(100% - 13px)/6px 6px no-repeat,linear-gradient(90deg,#0000,#f5d3731a) 100%/42px 100% no-repeat,radial-gradient(circle at 18% 18%,#ffd8740f,#0000 34%),linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#f5d37338;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000042,0 0 0 3px #f5d3730d}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field input[aria-invalid=true],:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field select[aria-invalid=true],:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field textarea[aria-invalid=true]{background:linear-gradient(#ffffff05,#ffffff01),#180a0beb;border-color:#d66a6a8f}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field input[aria-invalid=true]:focus,:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field select[aria-invalid=true]:focus,:root[data-theme=amoled-black][data-contact-page-active=true] .contact-field textarea[aria-invalid=true]:focus{border-color:#d66a6aa3;box-shadow:0 0 0 3px #d66a6a14}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-consent.has-error,:root[data-theme=amoled-black][data-contact-page-active=true] .contact-error{color:#ffc4c4f0}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-alert.success{color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd87412,#0000 34%),linear-gradient(#ffffff06,#ffffff02),#0c0c0ef0;border-color:#f5d3732e}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-alert.error{color:#ffd8d8f5;background:linear-gradient(#ffffff04,#ffffff01),#3a0e10c2;border-color:#d66a6a42}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-submit{color:#f0cf7c;-webkit-text-fill-color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 32%),linear-gradient(#5f4518 0%,#402c0f 56%,#241707 100%);border-color:#f5d37338;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #0000004d,0 0 10px #ffd8740d}:root[data-theme=amoled-black][data-contact-page-active=true] .contact-submit:not(:disabled):active{background:radial-gradient(circle at 18% 18%,#ffd87414,#0000 32%),linear-gradient(#563d14 0%,#39270c 56%,#201405 100%)}:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-overlay,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-detail-sheet-overlay,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-share-overlay{background:radial-gradient(#00000024 0%,#0006 58%,#000000c7 100%),linear-gradient(#00000029,#00000080),#0006}:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-modal,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-detail-modal,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-detail-sheet-modal,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-share-sheet{background:radial-gradient(circle at 16% 8%,#ffd8740b,#0000 30%),linear-gradient(#ffffff07,#ffffff02),#070709f5;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #00000052,0 18px 38px #0000006b}:root[data-theme=amoled-black][data-dhikr-library-active=true] .esma-modal-footer{background:linear-gradient(#07070900 0%,#070709b8 24%,#070709fa 100%)}:root[data-theme=amoled-black][data-dhikr-library-active=true] .esma-modal-close,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-share-close{color:#f7f7f9b8;background:linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#ffffff13}:root[data-theme=amoled-black][data-dhikr-library-active=true] .esma-modal-close:active,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-share-close:active{color:#f0cf7c;background:#ffd87414;border-color:#f5d37338}:root[data-theme=amoled-black][data-dhikr-library-active=true] .esma-modal-btn,:root[data-theme=amoled-black][data-dhikr-library-active=true] .esma-modal-primary-btn,:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-submit-btn{color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 32%),linear-gradient(#5f4518 0%,#402c0f 56%,#241707 100%);border:1px solid #f5d37338;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #0000004d,0 0 10px #ffd8740d}:root[data-theme=amoled-black][data-dhikr-library-active=true] .esma-modal-btn-secondary,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-modal-share-btn,:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-share-actions button{color:#f7f7f9e6;background:linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000003d,0 8px 18px #0000003d}:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-share-actions button{color:#f0cf7c}:root[data-theme=amoled-black][data-dhikr-library-active=true] .dhikr-share-handle{background:#fff3}:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-input,:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-tgt,:root[data-theme=amoled-black][data-dhikr-library-active=true] .tgt,:root[data-theme=amoled-black][data-dhikr-library-active=true] .tgt-custom-input{color:#f7f7f9e0;background:linear-gradient(#ffffff07,#ffffff02),#0c0c0eeb;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000003d}:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-input:focus,:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-tgt.active,:root[data-theme=amoled-black][data-dhikr-library-active=true] .tgt.active,:root[data-theme=amoled-black][data-dhikr-library-active=true] .tgt-custom-input:focus,:root[data-theme=amoled-black][data-dhikr-library-active=true] .tgt-custom-input.active{color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd87414,#0000 34%),linear-gradient(#5a4116 0%,#3c2a0d 56%,#231606 100%);border-color:#f5d37338;box-shadow:inset 0 1px #fff4d01a,inset 0 -1px #00000047,0 8px 18px #00000038}:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-cat{opacity:.82;background:linear-gradient(#ffffff07,#ffffff02),#0c0c0eeb;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000003d}:root[data-theme=amoled-black][data-dhikr-library-active=true] .add-dhikr-cat.active{background:linear-gradient(#ffffff08,#ffffff03),#0c0c0ef5;box-shadow:inset 0 0 0 1px,0 10px 20px #00000038}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-library-shell .search{background:radial-gradient(circle at 14% 16%,#ffd87409,#0000 24%),linear-gradient(#ffffff07,#ffffff02),#08080af5;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000003d,0 12px 24px #00000057}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-library-shell .search:before{opacity:.34;background:linear-gradient(145deg,#ffffff0d 0%,#0000 36%,#0000002e 100%),radial-gradient(78% 24% at 50% -2%,#ffffff0a,#0000 72%),radial-gradient(circle at 100% 100%,#ffd87409,#0000 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .42'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E")}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-library-shell .search-icon{color:#f0cf7ca3}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-library-shell .search input::placeholder{color:#e8eaee75}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-library-shell .search:focus-within{background:radial-gradient(circle at 14% 16%,#ffd8740e,#0000 24%),linear-gradient(#ffffff08,#ffffff02),#0a0a0cfa;border-color:#f5d37333;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #00000042,0 0 0 3px #f5d3730d,0 14px 28px #00000061}:root[data-theme=amoled-black][data-esma-library-active=true] .esma{background:radial-gradient(circle at 16% 12%,#ffd8740b,#0000 26%),linear-gradient(#ffffff07,#ffffff02),#08080af5;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #0000003d,0 14px 28px #00000057}:root[data-theme=amoled-black][data-esma-library-active=true] .esma:before{background:linear-gradient(145deg, #ffffff0e 0%, transparent 36%, #0000002e 100%), radial-gradient(ellipse 80% 24% at 50% -2%, #ffffff0a, transparent 72%), radial-gradient(circle at 100% 100%, #ffd87409, transparent 62%), var(--esma-card-dither);opacity:.34}:root[data-theme=amoled-black][data-esma-library-active=true] .esma:after{opacity:.52;background:linear-gradient(90deg,#0000,#f5d37333,#0000)}:root[data-theme=amoled-black][data-esma-library-active=true] .esma:hover{background:radial-gradient(circle at 16% 12%,#ffd8740f,#0000 26%),linear-gradient(#ffffff08,#ffffff03),#0b0b0dfa;border-color:#f5d3732e;box-shadow:inset 0 1px #ffffff0c,inset 0 -1px #00000042,0 16px 30px #00000061}:root[data-theme=amoled-black][data-esma-library-active=true] .esma:active{background:radial-gradient(circle at 16% 12%,#ffd8740a,#0000 24%),linear-gradient(#ffffff06,#ffffff02),#060608fa}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-number{color:#e8eaee75}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-arabic,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-arabic,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-dhikr-arabic{color:#f0cf7c;text-shadow:0 0 14px #ffd8740d}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-name,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-name,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-head strong{color:#f7f7f9f0}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-meaning,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-meaning,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-detail,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-preview p{color:#e5e7ebb3}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-target-title,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-head span,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-preview code{color:#f0cf7cb8}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-overlay,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-overlay{background:radial-gradient(circle at 50% 24%,#ffd8740f,#ffd87400 34%),linear-gradient(#0000002e,#0000008f),#000000b8}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-detail-overlay .dhikr-detail-sheet-modal,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-sheet{background:radial-gradient(circle at 16% 8%,#ffd8740b,#0000 30%),linear-gradient(#ffffff07,#ffffff02),#070709f7;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #00000052,0 18px 38px #0000006b}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-footer{background:linear-gradient(#07070900 0%,#070709b8 24%,#070709fa 100%)}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-target-box{border-top-color:#ffffff14}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-close,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-close{color:#f7f7f9b8;background:linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#ffffff13}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-close:active,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-close:active{color:#f0cf7c;background:#ffd87414;border-color:#f5d37338}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-number{color:#f0cf7c;background:radial-gradient(circle at 30% 24%,#ffd8741a,#ffd87400 54%),#191208eb;border-color:#f5d37338}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-dhikr-section,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-benefit,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-preview{background:linear-gradient(#ffffff07,#ffffff02),#0c0c0eeb;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #00000038}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-benefit-recommend,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-benefit-icon,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-benefit-count{color:#f0cf7c}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-btn,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-primary-btn,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-actions button{color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 32%),linear-gradient(#5f4518 0%,#402c0f 56%,#241707 100%);border:1px solid #f5d37338;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #0000004d,0 0 10px #ffd8740d}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-share-btn,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-btn-secondary,:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-actions a{color:#f7f7f9e6;background:linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000003d,0 8px 18px #0000003d}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-modal-share-btn{color:#f0cf7c}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-brand-action.whatsapp{color:#76e0a0f5;border-color:#3eaf6d38}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-brand-action.x{color:#f7f7f9eb}:root[data-theme=amoled-black][data-esma-library-active=true] .esma-share-handle{background:#ffffff2e}:root[data-theme=amoled-black][data-esma-library-active=true] .tgt,:root[data-theme=amoled-black][data-esma-library-active=true] .tgt-custom-input{color:#f7f7f9e0;background:linear-gradient(#ffffff07,#ffffff02),#0c0c0eeb;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000003d}:root[data-theme=amoled-black][data-esma-library-active=true] .tgt.active,:root[data-theme=amoled-black][data-esma-library-active=true] .tgt-custom-input:focus,:root[data-theme=amoled-black][data-esma-library-active=true] .tgt-custom-input.active{color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd87414,#0000 34%),linear-gradient(#5a4116 0%,#3c2a0d 56%,#231606 100%);border-color:#f5d37338;box-shadow:inset 0 1px #fff4d01a,inset 0 -1px #00000047,0 8px 18px #00000038}:root[data-theme=light] .vird-total-progress-head,:root[data-theme=light] .vird-total-progress-meta,:root[data-theme=light] .vird-total-progress-count em,:root[data-theme=light] .vird-current-step p,:root[data-theme=light] .vird-program-summary em,:root[data-theme=light] .vird-editor-step-meaning,:root[data-theme=light] .vird-step-target-edit span,:root[data-theme=light] .vird-editor-steps-head,:root[data-theme=light] .dhikr-modal-benefit-source{color:var(--text-secondary)}:root[data-theme=light] .vird-total-progress-meta span:first-child{color:var(--gold)}:root[data-theme=light] .vird-current-translit,:root[data-theme=light] .vird-add-step-help{color:var(--text-primary);background:#fff4cf6b;border-color:#8d65002e}:root[data-theme=light] .vird-completion-summary{border-color:var(--light-border-strong);background:radial-gradient(circle at 50% 0,#fff4cfd1,#fff4cf00 38%),linear-gradient(#fff 0%,#f2f7ea 100%);box-shadow:inset 0 1px #ffffffc7,0 16px 32px #3a4c1e24}:root[data-theme=light] .vird-completion-ring:after{background:radial-gradient(circle at 44% 30%,#ffffffa3,#fff0 40%),#f2f7ea}:root[data-theme=light] .vird-completion-mark{background:var(--light-success-soft);color:var(--light-success)}:root[data-theme=light] .vird-completion-copy p,:root[data-theme=light] .vird-completion-stats span,:root[data-theme=light] .vird-completion-step span,:root[data-theme=light] .vird-completion-step em{color:var(--text-secondary)}:root[data-theme=light] .vird-completion-stats{border-color:var(--light-border);background:linear-gradient(135deg,#fff4cf80,#2f6b3614),#ffffffdb}:root[data-theme=light] .vird-completion-stats p{color:var(--light-success)}:root[data-theme=light] .vird-completion-step{background:#4e681d12}:root[data-theme=light] .vird-completion-step strong{color:var(--text-primary)}:root[data-theme=light] .esma-modal,:root[data-theme=light] .dhikr-detail-sheet-modal{border-color:var(--light-border-strong);background:var(--menu-panel-bg);box-shadow:0 0 0 1px #8d65001a,0 18px 38px #3a4c1e33}:root[data-theme=light] .add-dhikr-modal,:root[data-theme=light] .vird-editor-modal,:root[data-theme=light] .tesbihat-app-faq-modal{border-color:var(--light-border-strong);background:radial-gradient(circle at 50% 0,#fff4cf8f,#fff4cf00 34%),linear-gradient(#fff 0%,#f2f7ea 100%);box-shadow:0 0 0 1px #8d65001a,0 18px 38px #3a4c1e33}:root[data-theme=light] .esma-modal-footer{background:linear-gradient(#f2f7ea00 0%,#f2f7eac7 26%,#f2f7eafa 100%)}:root[data-theme=light] .dhikr-detail-sheet-modal:before,:root[data-theme=light] .esma-share-handle,:root[data-theme=light] .dhikr-share-handle,:root[data-theme=light] .vird-share-handle{background:#4e681d3d}:root[data-theme=light] .esma-modal-close,:root[data-theme=light] .dhikr-share-close,:root[data-theme=light] .esma-share-close,:root[data-theme=light] .vird-share-close,:root[data-theme=light] .tesbihat-app-faq-close,:root[data-theme=light] .vird-editor-close{border-color:var(--light-border);color:var(--text-secondary);background:#ffffffb8}:root[data-theme=light] .esma-modal-close:active,:root[data-theme=light] .dhikr-share-close:active,:root[data-theme=light] .esma-share-close:active,:root[data-theme=light] .vird-share-close:active,:root[data-theme=light] .tesbihat-app-faq-close:active,:root[data-theme=light] .vird-editor-close:active{border-color:var(--light-border-strong);color:var(--gold);background:#8d65001a}:root[data-theme=light] .dhikr-detail-sheet-overlay,:root[data-theme=light] .add-dhikr-overlay,:root[data-theme=light] .esma-modal-overlay,:root[data-theme=light] .tesbihat-app-faq-overlay,:root[data-theme=light] .dhikr-share-overlay,:root[data-theme=light] .esma-share-overlay,:root[data-theme=light] .vird-share-overlay{background:radial-gradient(#4e681d0d 0%,#4e681d2e 58%,#1b24156b 100%),#1b24153d}:root[data-theme=light] .dhikr-share-sheet,:root[data-theme=light] .esma-share-sheet,:root[data-theme=light] .vird-share-sheet{border-color:var(--light-border-strong);background:radial-gradient(circle at 50% 0,#fff4cf8f,#fff4cf00 34%),linear-gradient(#fff,#f2f7ea);box-shadow:0 22px 54px #3a4c1e38}:root[data-theme=light] .dhikr-share-preview,:root[data-theme=light] .esma-share-preview,:root[data-theme=light] .vird-share-preview,:root[data-theme=light] .tesbihat-app-faq-item{border-color:var(--light-border);background:#ffffffb3}:root[data-theme=light] .dhikr-share-actions button,:root[data-theme=light] .dhikr-share-actions a,:root[data-theme=light] .esma-share-actions button,:root[data-theme=light] .esma-share-actions a,:root[data-theme=light] .vird-share-actions button,:root[data-theme=light] .vird-share-actions a{border-color:var(--light-border);color:var(--text-primary);background:#ffffffb8}:root[data-theme=light] .dhikr-share-actions button,:root[data-theme=light] .esma-share-actions button,:root[data-theme=light] .vird-share-actions button{border-color:var(--light-border-strong);color:var(--gold);background:#8d650017}:root[data-theme=light] .dhikr-share-brand-action.whatsapp,:root[data-theme=light] .esma-share-brand-action.whatsapp,:root[data-theme=light] .vird-share-brand-action.whatsapp{color:#177a42;border-color:#25914f3d}:root[data-theme=light] .dhikr-share-brand-action.x,:root[data-theme=light] .esma-share-brand-action.x,:root[data-theme=light] .vird-share-brand-action.x{color:var(--text-primary)}:root[data-theme=light] .contact-field input,:root[data-theme=light] .contact-field select,:root[data-theme=light] .contact-field textarea,:root[data-theme=light] .add-dhikr-input,:root[data-theme=light] .vird-step-target-edit input{border-color:var(--light-border);color:var(--text-primary);background:#ffffffd1}:root[data-theme=light] .contact-alert.success{background:var(--light-success-soft);color:var(--light-success);border-color:#2f6b3642}:root[data-theme=light] .contact-alert.error,:root[data-theme=light] .contact-consent.has-error,:root[data-theme=light] .contact-error{color:#96322e;background:#96322e14;border-color:#96322e38}:root[data-theme=light] .settings-hero{border-color:var(--light-border);background:radial-gradient(circle at 18% 0,#fff4cfa3,#fff4cf00 42%),linear-gradient(#fffffffa,#f2f7eaf5)}:root[data-theme=light] .settings-nav-row:active{background:#4e681d0f}:root[data-theme=light] .settings-nav-chevron,:root[data-theme=light] .settings-picker-kicker{color:var(--gold)}:root[data-theme=light] .settings-theme-current{background:#ffffffe6;box-shadow:0 3px 8px #3a4c1e0f}:root[data-theme=light] .settings-theme-dot,:root[data-theme=light] .settings-theme-option-preview{border-color:#4e681d24;box-shadow:inset 0 1px #ffffff80}:root[data-theme=light] .settings-picker-backdrop{background:#1b24152e}:root[data-theme=light] .settings-picker-surface{border-color:var(--light-border-strong);background:radial-gradient(circle at top,#fff4cfa3,#fff4cf00 36%),linear-gradient(#fffffffc,#f2f7eafa);box-shadow:0 18px 38px #3a4c1e38,inset 0 1px #ffffffc7}:root[data-theme=light] .settings-picker-handle{background:#4e681d2e}:root[data-theme=light] .settings-picker-close{border-color:var(--light-border);color:var(--text-secondary);background:#ffffffe0}:root[data-theme=light] .settings-theme-option-check{background:#ffffffd6;border-color:#4e681d29}:root[data-theme=light] .settings-theme-option-check.active{background:#8d65001a;border-color:#8d65003d}:root[data-theme=light] .toggle-track,:root[data-theme=light] .vol-wrap input[type=range]{background:#4e681d2e}:root[data-theme=light] .toggle input:checked+.toggle-track,:root[data-theme=light] .sound-radio-dot{background:var(--green)}:root[data-theme=light] .sound-radio{border-color:#4e681d52}:root[data-theme=light] .sound-option.active .sound-radio{border-color:var(--green)}:root[data-theme=light] .sound-meter{color:var(--gold);background:#8d650017}:root[data-theme=light] .theme-label,:root[data-theme=light] .settings-theme-current,:root[data-theme=light] .settings-theme-option-label,:root[data-theme=light] .vol-value{color:var(--text-secondary)}:root[data-theme=light] .completion-overlay{background:radial-gradient(circle at 50% 40%,#fff4cf80,#fff4cf00 62%),#1b241552}:root[data-theme=light] .completion-card{border-color:var(--light-border-strong);background:radial-gradient(circle at 50% 0,#fff4cfad,#fff4cf00 38%),linear-gradient(#fff 0%,#f2f7ea 100%);box-shadow:0 0 0 1px #8d65001c,0 18px 38px #3a4c1e38}:root[data-theme=light] .completion-subtitle,:root[data-theme=light] .completion-dhikr{color:var(--text-secondary)}:root[data-theme=light] .completion-result{background:radial-gradient(circle at 50% 0,#ffd8744d,#ffd87400 54%),#fff9;border-color:#4e681d24;box-shadow:inset 0 1px #ffffffc2,inset 0 -1px #4e681d14}:root[data-theme=light] .completion-count{color:var(--text-primary)}:root[data-theme=light] .completion-target{color:#1b24157a}:root[data-theme=light] .completion-status{color:var(--gold)}:root[data-theme=light] .completion-dhikr{background:linear-gradient(#ffffffeb,#edf4e4c7),radial-gradient(circle at 50% 0,#ffd87438,#ffd87400 58%),#ffffff94;border-color:#4e681d24;box-shadow:inset 0 1px #fffc,inset 0 -1px #4e681d14}:root[data-theme=light] .completion-dhikr-kicker{color:#8d6500c2}:root[data-theme=light] .completion-dhikr-name{color:var(--text-primary)}:root[data-theme=light] .completion-dhikr-arabic{color:var(--gold)}:root[data-theme=light] .completion-actions{background:linear-gradient(#ffffffc7,#edf4e4a3);border-color:#4e681d24;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #4e681d14}:root[data-theme=light] .hat-web-install-downloads .hat-store-badge{background:linear-gradient(#fffffffa,#edf4e4f0);border-color:#4e681d24;box-shadow:inset 0 1px #ffffffd1,0 8px 16px #3a4c1e1a}:root[data-theme=light] .hat-web-install-downloads .hat-store-badge-top{color:var(--text-secondary)}:root[data-theme=light] .hat-web-install-downloads .hat-store-badge-bottom{color:var(--text-primary)}:root[data-theme=light] .completion-btn.primary{border:1px solid var(--light-border-strong);background:radial-gradient(circle at 30% 24%, #ffffff8c, #fff0 48%), var(--gold-gradient);color:#1b2415;box-shadow:inset 0 1px #ffffffb3,0 7px 15px #8d650026}:root[data-theme=light] .completion-btn.secondary{border:1px solid var(--light-border);color:var(--green);background:linear-gradient(#fffffff5,#edf4e4f0);box-shadow:inset 0 1px #ffffffc7,0 5px 12px #3a4c1e1a}:root[data-theme=amoled-black] .completion-overlay{background:radial-gradient(circle at 50% 36%,#ffd8742e,#ffd87400 58%),#000000d1}:root[data-theme=amoled-black] .completion-card{background:radial-gradient(circle at 50% -4%,#ffd87429,#ffd87400 36%),linear-gradient(#0a0a0a 0%,#000 100%);border-color:#ffd87457;box-shadow:0 0 0 1px #ffffff0a,0 0 24px #ffd87414,0 20px 40px #0000008f}:root[data-theme=amoled-black] .completion-subtitle{color:#e8f0e29e}:root[data-theme=amoled-black] .completion-result{background:radial-gradient(circle at 50% 0,#ffd8741f,#ffd87400 56%),#ffffff08;border-color:#ffd87426;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000057}:root[data-theme=amoled-black] .completion-target{color:#e8f0e275}:root[data-theme=amoled-black] .completion-status{color:#ffd874b8}:root[data-theme=amoled-black] .completion-dhikr{background:linear-gradient(#ffffff07,#ffffff03),radial-gradient(circle at 50% 0,#ffd87414,#ffd87400 60%),#ffffff05;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000047}:root[data-theme=amoled-black] .completion-dhikr-kicker{color:#ffd874a8}:root[data-theme=amoled-black] .completion-dhikr-name{color:#f7faf2f0}:root[data-theme=amoled-black] .completion-dhikr-arabic{color:#ffd874eb}:root[data-theme=amoled-black] .hat-web-install-downloads .hat-store-badge{background:linear-gradient(#ffffff08,#ffffff04),#ffffff06;box-shadow:inset 0 1px #ffffff0b,inset 0 -1px #00000047}:root[data-theme=amoled-black] .completion-overlay .completion-actions{background:linear-gradient(#ffffff07,#ffffff02),radial-gradient(circle at 18% 18%,#ffd87409,#0000 36%),#070709eb;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #00000057,0 10px 22px #00000057}:root[data-theme=amoled-black] .completion-btn.primary{color:#f0cf7c;background:radial-gradient(circle at 18% 18%,#ffd8741a,#0000 32%),linear-gradient(#5f4518 0%,#402c0f 56%,#241707 100%);border-color:#f5d37338;box-shadow:inset 0 1px #fff4d01f,inset 0 -1px #00000047,0 8px 18px #0000004d,0 0 10px #ffd8740d}:root[data-theme=amoled-black] .completion-btn.secondary{color:#f7f7f9eb;background:linear-gradient(#ffffff08,#ffffff02),#0c0c0ef5;border-color:#fff1;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000003d,0 8px 18px #0000003d}:root[data-stats-app-active=true],:root[data-stats-app-active=true] body,:root[data-stats-app-active=true] #root{height:var(--stats-app-shell-height,var(--app-height,100dvh));min-height:var(--stats-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;overflow:hidden}:root[data-stats-app-active=true] .app-wrapper{height:var(--stats-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;min-height:0;overflow:hidden}:root[data-stats-app-active=true] .page-content{overscroll-behavior-y:contain;scrollbar-gutter:stable;overflow:hidden auto}:root[data-stats-app-active=true] .topbar{touch-action:none}:root[data-stats-app-active=true] .stats-dashboard,:root[data-stats-app-active=true] .stats-dashboard *,:root[data-stats-app-active=true] .stats-dashboard-period-tabs,:root[data-stats-app-active=true] .stats-dashboard-period-tabs *,:root[data-stats-app-active=true] .stats-dashboard-trend-card{touch-action:pan-y}.stats-dashboard{--stats-app-shell-height:var(--app-height,100dvh);--stats-app-content-height:var(--app-height,100dvh);--stats-app-scale:1;--stats-app-inline:14px;--stats-app-gap:14px;--stats-dashboard-card:linear-gradient(180deg, #ffffff0d 0%, #ffffff05 100%), #0c1c15e0;--stats-dashboard-card-strong:linear-gradient(180deg, #ffffff0f 0%, #ffffff08 100%), #10221af0;--stats-dashboard-border:#ffffff1c;--stats-dashboard-border-soft:#ffffff0f;--stats-dashboard-track:#12241cd1;--stats-dashboard-glass:#172c22c7;--stats-dashboard-glass-strong:#1c3428e6;--stats-dashboard-tooltip:#14100af0;--stats-dashboard-active-text:#1a1a1a;--stats-dashboard-hero-bg:linear-gradient(150deg, #214733 0%, #163927 52%, #0f281d 100%);--stats-dashboard-hero-border:#ffd87438;--stats-dashboard-hero-glow-gold:#ffd8741c;--stats-dashboard-hero-glow-green:#508c5e1f;--stats-dashboard-hero-halo:#ffd87421;--stats-dashboard-hero-shadow:inset 0 1px 0 #ffffff17, inset 0 -1px 0 #0000002e, 0 14px 30px #0000002e, 0 0 0 1px #ffd8740a;--stats-dashboard-summary-bg:linear-gradient(158deg, #ffe8a521 0%, #1f4a34db 46%, #0a1e16c7 100%);--stats-dashboard-summary-border:#ffd8742e;--stats-dashboard-summary-topline:#ffd874a3;--stats-dashboard-summary-shadow:inset 0 1px 0 #ffffff1c, inset 0 -1px 0 #0000002e, 0 1px 5px #0000002e;width:min(100%,430px);padding:12px var(--stats-app-inline,14px) calc(40px + var(--app-safe-bottom,0px));gap:var(--stats-app-gap,14px);color:var(--text-primary);flex-direction:column;margin:0 auto;display:flex}:root[data-theme=light] .stats-dashboard{--stats-dashboard-card:linear-gradient(180deg, #fffffffa 0%, #fafcf6fa 100%);--stats-dashboard-card-strong:linear-gradient(180deg, #fffffffa 0%, #f2f7eafa 100%);--stats-dashboard-border:#4e681d29;--stats-dashboard-border-soft:#4e681d1a;--stats-dashboard-track:#e2ead4eb;--stats-dashboard-glass:#ffffffe6;--stats-dashboard-glass-strong:#fffffff5;--stats-dashboard-tooltip:#fffcf2;--stats-dashboard-active-text:#fffcf2;--stats-dashboard-hero-bg:linear-gradient(150deg, #fffdf6 0%, #f2f7ea 52%, #e4ecd8 100%);--stats-dashboard-hero-border:#8d65003d;--stats-dashboard-hero-glow-gold:#8d65001f;--stats-dashboard-hero-glow-green:#4e681d1f;--stats-dashboard-hero-halo:#8d65001a;--stats-dashboard-hero-shadow:inset 0 1px 0 #ffffffe0, inset 0 -1px 0 #4e681d14, 0 12px 28px #3a4c1e1f, 0 0 0 1px #8d65000d;--stats-dashboard-summary-bg:linear-gradient(158deg, #fff9e5f5 0%, #ffffffe0 48%, #edf4e4eb 100%);--stats-dashboard-summary-border:#8d650038;--stats-dashboard-summary-topline:#8d65009e;--stats-dashboard-summary-shadow:inset 0 1px 0 #ffffffc2, inset 0 -1px 0 #4e681d14, 0 1px 5px #3a4c1e1c}:root[data-theme=amoled-black] .stats-dashboard{--stats-dashboard-card:linear-gradient(180deg, #ffffff08 0%, #ffffff03 100%), #040a08f5;--stats-dashboard-card-strong:linear-gradient(180deg, #ffffff0a 0%, #ffffff04 100%), #070e0bfb;--stats-dashboard-border:#ffffff17;--stats-dashboard-border-soft:#ffffff0d;--stats-dashboard-track:#0a1410f0;--stats-dashboard-glass:#0b1611d6;--stats-dashboard-glass-strong:#0e1b15f0;--stats-dashboard-hero-bg:linear-gradient(150deg, #12261b 0%, #07120d 54%, #020706 100%);--stats-dashboard-hero-border:#ffd8742e;--stats-dashboard-hero-glow-gold:#ffd87414;--stats-dashboard-hero-glow-green:#508c5e14;--stats-dashboard-hero-halo:#ffd8741a;--stats-dashboard-hero-shadow:inset 0 1px 0 #ffffff0f, inset 0 -1px 0 #00000052, 0 14px 30px #00000057, 0 0 0 1px #ffd87408;--stats-dashboard-summary-bg:linear-gradient(158deg, #ffd87417 0%, #10241be0 46%, #020806eb 100%);--stats-dashboard-summary-border:#ffd87426;--stats-dashboard-summary-topline:#ffd87485;--stats-dashboard-summary-shadow:inset 0 1px 0 #ffffff12, inset 0 -1px 0 #0000004d, 0 1px 5px #00000047}.stats-dashboard-card,.stats-dashboard-hero,.stats-dashboard-record,.stats-dashboard-account{box-shadow:var(--shadow-card)}.stats-dashboard-hero{border:1px solid var(--stats-dashboard-hero-border);background:radial-gradient(115% 78% at 0% 0%, var(--stats-dashboard-hero-glow-gold) 0%, transparent 62%), radial-gradient(76% 58% at 100% 100%, var(--stats-dashboard-hero-glow-green) 0%, transparent 68%), var(--stats-dashboard-hero-bg);box-shadow:var(--stats-dashboard-hero-shadow);border-radius:22px;padding:18px 18px 16px;position:relative;overflow:hidden}.stats-dashboard-hero-head{z-index:1;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex;position:relative}.stats-dashboard-hero:before{content:"";background:radial-gradient(circle, var(--stats-dashboard-hero-halo) 0%, transparent 70%);filter:blur(4px);pointer-events:none;width:220px;height:220px;position:absolute;top:-82px;right:-76px}.stats-dashboard-hero-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;position:relative}.stats-dashboard-hero-copy{min-width:0}.stats-dashboard-greeting-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.stats-dashboard-greeting{color:var(--text-secondary);font-size:13.5px;font-weight:700;line-height:1.25}.stats-dashboard-hero-date{color:var(--text-tertiary);white-space:nowrap;background:#ffd87412;border:1px solid #ffd87429;border-radius:8px;padding:3px 7px;font-size:10.5px;font-weight:700;line-height:1.15}.stats-dashboard-today-count{color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 1px #00000038;margin-top:8px;font-size:52px;font-weight:800;line-height:1.02}.stats-dashboard-today-label{color:var(--text-tertiary);margin-top:2px;font-size:12.5px;line-height:1.3}.stats-dashboard-hero-delta{min-height:36px;color:var(--text-primary);white-space:nowrap;background:linear-gradient(#ffffff14,#ffffff05),#ffffff08;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.stats-dashboard-hero-delta-up{color:#dff6c7;background:linear-gradient(#81c78429,#81c7840a),#81c7840f;border-color:#81c7843d}.stats-dashboard-hero-delta-down{color:#ffd8c2;background:linear-gradient(#ffab9124,#ffab910a),#ffab910d;border-color:#ffab913d}.stats-dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:186px;display:grid;position:relative}.stats-dashboard-summary-card{text-align:center;border:1px solid var(--stats-dashboard-summary-border);background:var(--stats-dashboard-summary-bg);min-width:0;min-height:54px;box-shadow:var(--stats-dashboard-summary-shadow);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 8px 8px;display:flex;position:relative;overflow:hidden}.stats-dashboard-summary-card:before{content:"";background:linear-gradient(90deg, transparent, var(--stats-dashboard-summary-topline), transparent);height:1px;position:absolute;top:0;left:18%;right:18%}.stats-dashboard-summary-value{color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:16px;font-weight:800;line-height:1.05}.stats-dashboard-summary-label{color:var(--text-secondary);text-align:center;font-size:10px;font-weight:600;line-height:1.2}.stats-dashboard-hero-note{border-top:1px solid var(--stats-dashboard-border);color:var(--text-secondary);gap:8px;margin-top:14px;padding-top:11px;font-size:12.5px;line-height:1.45;display:grid;position:relative}.stats-dashboard-hero-progress{background:#ffffff0e;border-radius:99px;width:100%;height:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09}.stats-dashboard-hero-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffd874f2,#c8a9516b);height:100%;transition:width .35s;display:block;box-shadow:0 0 10px #ffd87429}.stats-dashboard-period-tabs{z-index:1;border:1px solid var(--stats-dashboard-border);background:var(--stats-dashboard-card-strong);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;display:grid;position:relative;box-shadow:0 10px 18px #0000001f,inset 0 1px #ffffff0d}.stats-dashboard-period-slider{z-index:0;background:var(--gold);pointer-events:none;border-radius:9px;width:calc(25% - 2px);height:calc(100% - 8px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #c8a95140}.stats-dashboard-period-tab{appearance:none;z-index:1;min-width:0;min-height:40px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 6px;font-size:13px;font-weight:600;transition:color .18s;position:relative}.stats-dashboard-period-tab:hover{color:var(--text-primary)}.stats-dashboard-period-tab.active{color:var(--stats-dashboard-active-text)}.stats-dashboard-card{border:1px solid var(--stats-dashboard-border);background:var(--stats-dashboard-card);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0a;border-radius:16px;padding:14px}.stats-dashboard-block-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.stats-dashboard-block-head-right{text-align:right}.stats-dashboard-block-title{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.25}.stats-dashboard-block-value{color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1.15}.stats-dashboard-block-sub{color:var(--text-tertiary);font-size:12px;line-height:1.25}.stats-dashboard-trend-detail{border:1px solid var(--stats-dashboard-border-soft);background:var(--stats-dashboard-card-strong);border-radius:12px;margin-top:12px;padding:12px;box-shadow:inset 0 1px #ffffff0a}.stats-dashboard-trend-detail-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stats-dashboard-trend-detail-head strong{color:var(--text-primary);font-size:13px;font-weight:800;line-height:1.2}.stats-dashboard-trend-detail-head span{color:var(--gold);white-space:nowrap;font-size:12px;font-weight:800}.stats-dashboard-trend-detail p{color:var(--text-secondary);margin-top:6px;font-size:12px;line-height:1.45}.stats-dashboard-trend-detail-meta{color:var(--text-tertiary);margin-top:8px;font-size:11px;line-height:1.3}.stats-dashboard-chart{align-items:flex-end;gap:8px;height:150px;padding-top:28px;display:flex}.stats-dashboard-chart-month{gap:4px}.stats-dashboard-chart-year{gap:16px;max-width:320px;margin:0 auto}.stats-dashboard-bar-col{cursor:pointer;outline:none;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;height:100%;display:flex;position:relative}.stats-dashboard-bar-value{z-index:2;left:50%;bottom:calc(var(--stats-bar-height,0%) + 5px);border:1px solid var(--gold-faint);background:var(--stats-dashboard-tooltip);min-width:30px;color:var(--gold);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 0 10px #ffd87438;border-radius:6px;padding:4px 7px;font-size:11.5px;font-weight:800;line-height:1;transition:opacity .15s;position:absolute;transform:translate(-50%);box-shadow:0 8px 18px #0000003d}.stats-dashboard-bar-value.hover-only,.stats-dashboard-bar-col:hover .stats-dashboard-bar-value.hover-only,.stats-dashboard-bar-col:focus .stats-dashboard-bar-value.hover-only{opacity:1}.stats-dashboard-bar-track{flex:auto;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative}.stats-dashboard-bar-fill{background:linear-gradient(180deg, var(--gold) 0%, #c8a95180 100%);border-radius:4px 4px 2px 2px;width:100%;min-height:3px;transition:height .35s,filter .18s,box-shadow .18s,background .18s;box-shadow:0 0 10px #c8a95124}.stats-dashboard-bar-col.empty .stats-dashboard-bar-fill{background:var(--stats-dashboard-track);box-shadow:none}.stats-dashboard-bar-col:not(.empty):hover .stats-dashboard-bar-fill,.stats-dashboard-bar-col:not(.empty):focus .stats-dashboard-bar-fill{background:linear-gradient(180deg, #ffe7a7 0%, var(--gold) 100%);filter:saturate(1.15);box-shadow:0 0 18px #ffd8748f}.stats-dashboard-bar-col:not(.empty):hover .stats-dashboard-bar-value,.stats-dashboard-bar-col:not(.empty):focus .stats-dashboard-bar-value,.stats-dashboard-bar-col:not(.empty):active .stats-dashboard-bar-value,.stats-dashboard-bar-col.selected .stats-dashboard-bar-value{background:radial-gradient(circle at 50% 0%, #ffd8742e, transparent 62%), var(--stats-dashboard-tooltip);color:#ffe7a7;filter:saturate(1.15);border-color:#ffd8748a;box-shadow:0 0 16px #ffd87457,0 8px 18px #00000047}.stats-dashboard-bar-col.selected .stats-dashboard-bar-fill{background:linear-gradient(180deg, #ffe7a7 0%, var(--gold) 100%);box-shadow:0 0 14px #ffd8746b}.stats-dashboard-bar-label{color:var(--text-tertiary);margin-top:2px;font-size:11px;line-height:1.2}.stats-dashboard-bar-col.selected .stats-dashboard-bar-label{color:var(--gold);font-weight:800}.stats-dashboard-bar-col.selected .stats-dashboard-bar-value{color:#ffe7a7;text-shadow:0 0 14px #ffd8745c}.stats-dashboard-chart-week .stats-dashboard-bar-value{font-size:12px}.stats-dashboard-chart-month .stats-dashboard-bar-value{font-size:10.5px}.stats-dashboard-chart-year .stats-dashboard-bar-value{bottom:calc(var(--stats-bar-height,0%) + 7px);font-size:13px}.stats-dashboard-chart-year .stats-dashboard-bar-fill{border-radius:8px 8px 4px 4px}.stats-dashboard-chart-year .stats-dashboard-bar-label{font-size:13px;font-weight:700}.stats-dashboard-alltime-list{flex-direction:column;gap:10px;display:flex}.stats-dashboard-alltime-row{border-bottom:1px solid var(--stats-dashboard-border-soft);color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13px;display:flex}.stats-dashboard-alltime-row:last-child{border-bottom:0}.stats-dashboard-alltime-row strong{color:var(--text-primary);text-align:right;font-weight:700}.stats-dashboard-prayer-lead{color:var(--text-tertiary);margin:-4px 0 12px;font-size:12.5px;line-height:1.4}.stats-dashboard-prayer-list{flex-direction:column;gap:10px;display:flex}.stats-dashboard-prayer-row{grid-template-columns:22px 54px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.stats-dashboard-prayer-icon{text-align:center;font-size:16px;line-height:1}.stats-dashboard-prayer-label{color:var(--text-secondary);font-size:13px;font-weight:600}.stats-dashboard-prayer-track{border:1px solid var(--stats-dashboard-border-soft);background:var(--stats-dashboard-track);border-radius:99px;height:8px;overflow:hidden}.stats-dashboard-prayer-fill{background:linear-gradient(90deg, #c8a95173 0%, var(--gold) 100%);border-radius:99px;height:100%;transition:width .4s}.stats-dashboard-prayer-percent{min-width:34px;color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:800}.stats-dashboard-prayer-row.peak .stats-dashboard-prayer-label{color:var(--text-primary);font-weight:800}.stats-dashboard-prayer-row.peak .stats-dashboard-prayer-percent{color:var(--gold)}.stats-dashboard-prayer-row.peak .stats-dashboard-prayer-fill{background:linear-gradient(90deg, var(--gold) 0%, #ffe7a7 100%);box-shadow:0 0 10px #ffd87452}.stats-dashboard-insight{border:1px solid var(--gold-faint);background:var(--gold-faint);color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.stats-dashboard-insight strong{color:var(--gold);font-weight:800}.stats-dashboard-record{border:1px solid var(--gold-faint);background:radial-gradient(115% 78% at 0% 0%, var(--stats-dashboard-hero-glow-gold) 0%, transparent 62%), radial-gradient(76% 58% at 100% 100%, var(--stats-dashboard-hero-glow-green) 0%, transparent 68%), var(--stats-dashboard-hero-bg);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:20px 18px 18px;display:flex;position:relative;overflow:hidden}.stats-dashboard-record:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd87433 0%,#0000 70%);width:140px;height:140px;position:absolute;top:-42px;right:-30px}.stats-dashboard-record-badge,.stats-dashboard-record-value,.stats-dashboard-record-unit,.stats-dashboard-record-date,.stats-dashboard-record-meta{position:relative}.stats-dashboard-record-badge{color:var(--gold);justify-content:center;align-items:center;gap:5px;margin-bottom:6px;font-size:13.5px;font-weight:800;line-height:1.25;display:inline-flex}.stats-dashboard-record-badge-icon{font-size:16px;line-height:1}.stats-dashboard-record-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:46px;font-weight:800;line-height:1}.stats-dashboard-record-unit{color:var(--text-tertiary);margin-top:2px;font-size:12px}.stats-dashboard-record-date{color:var(--text-primary);margin-top:8px;font-size:14px;font-weight:700}.stats-dashboard-record-meta{max-width:330px;color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.5}.stats-dashboard-record-meta strong{color:var(--gold);font-weight:800}.stats-dashboard-dot{color:var(--text-tertiary);margin:0 6px}.stats-dashboard-top-list{flex-direction:column;gap:12px;display:flex}.stats-dashboard-empty{border:1px dashed var(--stats-dashboard-border);color:var(--text-tertiary);text-align:center;border-radius:8px;padding:10px 8px;font-size:12px;line-height:1.4}.stats-dashboard-top-item{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;display:grid}.stats-dashboard-top-rank{justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;display:flex}.stats-dashboard-top-rank span{border:1px solid var(--gold-faint);background:linear-gradient(155deg, #ffd8742e 0%, var(--stats-dashboard-glass) 58%, #0000001f 100%);width:30px;height:30px;color:var(--gold);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff1f,0 1px 3px #00000038}.stats-dashboard-top-main{flex-direction:column;gap:4px;min-width:0;display:flex}.stats-dashboard-top-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.stats-dashboard-top-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.stats-dashboard-top-count{color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:800}.stats-dashboard-top-track{background:var(--stats-dashboard-track);border-radius:99px;width:100%;height:5px;overflow:hidden}.stats-dashboard-top-fill{background:linear-gradient(90deg, var(--gold) 0%, #c8a95180 100%);border-radius:99px;height:100%;transition:width .4s}.stats-dashboard-top-meta{color:var(--text-tertiary);font-size:11px;line-height:1.25}.stats-dashboard-achievement-head{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.stats-dashboard-achievement-focus{border:1px solid var(--stats-dashboard-border);background:linear-gradient(165deg, #ffd8741a 0%, #c8a95105 100%), var(--stats-dashboard-card-strong);border-radius:14px;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff0a}.stats-dashboard-achievement-focus-icon{border:1px solid var(--gold-faint);background:radial-gradient(circle at 30% 20%,#ffd8742e,#0000 52%),#ffffff08;border-radius:16px;place-items:center;width:56px;height:56px;font-size:28px;line-height:1;display:grid}.stats-dashboard-achievement-focus-copy{min-width:0}.stats-dashboard-achievement-focus-kicker{color:var(--gold-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.stats-dashboard-preview-btn{appearance:none;border:1px solid var(--gold-faint);color:var(--gold-dim);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.stats-dashboard-preview-btn:hover,.stats-dashboard-preview-btn.active{border-color:var(--gold-dim);background:var(--gold-faint);color:var(--gold)}.stats-dashboard-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stats-dashboard-achievement{border:1px solid var(--stats-dashboard-border);background:var(--stats-dashboard-track);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:118px;padding:12px 8px;display:flex}.stats-dashboard-achievement.unlocked{border-color:var(--gold-faint);background:linear-gradient(165deg,#ffd87429 0%,#c8a9510a 100%)}.stats-dashboard-achievement.locked .stats-dashboard-achievement-icon{opacity:.5;filter:grayscale(.8)}.stats-dashboard-achievement.previewing{opacity:.88;background:linear-gradient(165deg,#ffd8741a 0%,#c8a95105 100%);border-style:dashed;border-color:#c8a95142}.stats-dashboard-achievement.previewing .stats-dashboard-achievement-icon{filter:saturate(.75)brightness(.9)}.stats-dashboard-achievement-icon{margin-top:2px;font-size:28px;line-height:1}.stats-dashboard-achievement-title{color:var(--text-primary);margin-top:2px;font-size:12px;font-weight:800;line-height:1.2}.stats-dashboard-achievement-desc{color:var(--text-tertiary);font-size:10.5px;line-height:1.3}.stats-dashboard-achievement-progress{background:var(--stats-dashboard-border);border-radius:99px;width:80%;height:3px;margin-top:auto;overflow:hidden}.stats-dashboard-achievement-progress-fill{background:var(--gold-dim);border-radius:99px;height:100%}.stats-dashboard-achievement-progress-text{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10px}.stats-dashboard-preview-note{border:1px dashed var(--gold-faint);color:var(--text-tertiary);text-align:center;background:#c8a95112;border-radius:8px;margin-top:10px;padding:6px 8px;font-size:11px;line-height:1.35}.stats-dashboard-account{border:1px dashed var(--gold-dim);background:radial-gradient(120% 80% at 50% 0%, #c8a9511a 0%, transparent 65%), var(--stats-dashboard-card-strong);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:6px;margin-top:4px;padding:20px 18px;display:flex;position:relative}.stats-dashboard-account-badge{border:1px solid var(--gold-faint);background:var(--gold-faint);color:var(--gold);text-transform:uppercase;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800;line-height:1.2;position:absolute;top:12px;right:12px}.stats-dashboard-account-icon{margin-bottom:2px;font-size:30px;line-height:1}.stats-dashboard-account-title{color:var(--text-primary);font-size:15px;font-weight:800;line-height:1.25}.stats-dashboard-account-desc{max-width:320px;color:var(--text-secondary);font-size:12.5px;line-height:1.5}.stats-dashboard-account-btn{border:1px solid var(--gold-dim);background:var(--gold-faint);min-height:40px;color:var(--gold);font:inherit;cursor:not-allowed;opacity:.75;border-radius:99px;margin-top:10px;padding:0 18px;font-size:13px;font-weight:700}.stats-dashboard-account-note{color:var(--text-tertiary);margin-top:4px;font-size:11px;line-height:1.35}:root[data-theme=light] .stats-dashboard-top-rank span{background:linear-gradient(155deg,#fff4cfe6 0%,#ffffffd6 58%,#edf4e4db 100%);box-shadow:inset 0 1px #ffffffb8,0 1px 3px #3a4c1e1f}:root[data-theme=light] .stats-dashboard-bar-value.hover-only{box-shadow:0 6px 14px #3a4c1e29}@media (width<=380px){.stats-dashboard-hero{padding-inline:16px}.stats-dashboard-today-count{font-size:44px}.stats-dashboard-summary-grid{gap:6px;width:164px}.stats-dashboard-summary-card{padding:9px 6px 8px}.stats-dashboard-summary-value{font-size:15px}.stats-dashboard-summary-label{font-size:9.5px}}@media (width<=360px){.stats-dashboard-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=340px){.stats-dashboard-hero-main{grid-template-columns:1fr;gap:10px}.stats-dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}}@media (width>=900px){.home-desktop-shell .stats-dashboard{gap:13px;padding-top:14px;padding-bottom:40px}.home-desktop-shell .stats-dashboard-greeting,.home-desktop-shell .stats-dashboard-today-label,.home-desktop-shell .stats-dashboard-hero-note,.home-desktop-shell .stats-dashboard-block-sub,.home-desktop-shell .stats-dashboard-prayer-lead,.home-desktop-shell .stats-dashboard-record-meta,.home-desktop-shell .stats-dashboard-top-meta,.home-desktop-shell .stats-dashboard-achievement-desc,.home-desktop-shell .stats-dashboard-account-desc,.home-desktop-shell .stats-dashboard-account-note{font-weight:500;line-height:1.36}.home-desktop-shell .stats-dashboard-summary-label,.home-desktop-shell .stats-dashboard-period-tab,.home-desktop-shell .stats-dashboard-prayer-label,.home-desktop-shell .stats-dashboard-preview-btn,.home-desktop-shell .stats-dashboard-account-btn{font-weight:600}.home-desktop-shell .stats-dashboard-block-title,.home-desktop-shell .stats-dashboard-top-name,.home-desktop-shell .stats-dashboard-record-date,.home-desktop-shell .stats-dashboard-account-title,.home-desktop-shell .stats-dashboard-today-count,.home-desktop-shell .stats-dashboard-block-value,.home-desktop-shell .stats-dashboard-summary-value,.home-desktop-shell .stats-dashboard-record-value,.home-desktop-shell .stats-dashboard-top-count,.home-desktop-shell .stats-dashboard-achievement-title{font-weight:700}.home-desktop-shell .stats-dashboard-today-count{letter-spacing:0;font-size:50px}}.hat-body{padding:0 0 32px}.hat-city-wrap{padding:8px 16px 0;position:relative}.hat-city-btn{border:1px solid var(--white10);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.hat-city-btn:hover{border-color:var(--gold-dim);color:var(--text-primary)}.hat-city-btn svg{color:var(--gold);flex-shrink:0}.hat-city-chevron{transition:transform .2s}.hat-city-chevron.open{transform:rotate(180deg)}.hat-city-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.hat-city-dropdown{background:var(--bg2);border:1px solid var(--white10);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);z-index:50;margin-top:4px;position:absolute;top:100%;left:16px;right:16px;overflow:hidden}.hat-city-search{border-bottom:1px solid var(--white10);align-items:center;gap:8px;padding:10px 14px;display:flex}.hat-city-search svg{color:var(--text-tertiary);flex-shrink:0}.hat-city-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.hat-city-search input::placeholder{color:var(--text-tertiary)}.hat-city-list{scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;max-height:200px;overflow-y:auto}.hat-city-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:background .15s;display:flex}.hat-city-option:hover{background:var(--surface)}.hat-city-option.active{color:var(--gold);font-weight:600}.hat-city-option.active svg{color:var(--gold)}@keyframes hat-arc-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.hat-web-install-overlay{-webkit-backdrop-filter:blur(8px);z-index:1400;padding:max(20px, calc(env(safe-area-inset-top,0px) + 12px)) 18px max(20px, calc(env(safe-area-inset-bottom,0px) + 12px));background:#00000094}.hat-web-install-modal{width:min(100%,320px);max-width:320px;max-height:min(100dvh - 40px,560px);padding:26px 18px 18px;overflow-y:auto;box-shadow:0 0 0 1px #c8a9513d,0 14px 26px #0000006b}.hat-web-install-modal .completion-emoji{margin-bottom:8px;font-size:40px}.hat-web-install-modal .completion-title{margin-bottom:6px;font-size:22px}.hat-web-install-modal .completion-subtitle{margin-inline:auto;max-width:248px;margin-bottom:14px;font-size:15px;line-height:1.55}.hat-web-install-downloads{margin-bottom:14px;padding:12px}.hat-web-install-downloads .completion-dhikr-kicker{margin-bottom:10px}.hat-web-install-downloads .hat-store-badges{grid-template-columns:1fr;gap:8px}.hat-web-install-downloads .hat-store-badge{background:linear-gradient(#ffffff13,#ffffff05),#0816107a;justify-content:flex-start;width:100%;min-height:52px;padding:10px 12px;box-shadow:inset 0 1px #ffffff0d,0 10px 18px #00000024}.hat-web-install-downloads .hat-store-badge:hover{background:linear-gradient(#ffffff17,#ffffff08),#0d1f168f}.hat-web-install-downloads .hat-store-badge-text{text-align:left;align-items:flex-start}.hat-web-install-downloads .hat-store-badge-top{color:#e8f0e28f}.hat-web-install-downloads .hat-store-badge-bottom{color:var(--white)}.hat-web-install-actions{gap:0;margin-top:0;padding:4px}.hat-web-install-actions .completion-btn{width:100%;min-height:42px;padding-block:10px;font-size:13px}@keyframes hat-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes hat-modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.hat-hero{--prayer-color:var(--gold);border:1px solid color-mix(in srgb, var(--prayer-color) 22%, #ffffff0f);background:radial-gradient(ellipse 110% 170% at 100% 0%, color-mix(in srgb, var(--prayer-color) 42%, transparent) 0%, color-mix(in srgb, var(--prayer-color) 14%, transparent) 38%, transparent 72%), linear-gradient(135deg, color-mix(in srgb, var(--prayer-color) 20%, var(--bg2)) 0%, var(--bg2) 52%, color-mix(in srgb, var(--prayer-color) 12%, var(--bg2)) 100%);box-shadow:0 12px 32px #00000057, 0 0 40px color-mix(in srgb, var(--prayer-color) 12%, transparent), inset 0 1px 0 #ffffff1a;border-radius:18px;grid-template-columns:1fr auto;gap:14px;margin:12px 16px 0;padding:16px 16px 16px 20px;display:grid;position:relative;overflow:hidden}.hat-hero:after{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--prayer-color) 38%, transparent) 0%, color-mix(in srgb, var(--prayer-color) 12%, transparent) 42%, transparent 72%);filter:blur(6px);pointer-events:none;width:75%;height:180%;position:absolute;top:-40%;right:-25%}.hat-hero:before{content:"";background:linear-gradient(180deg, transparent, var(--prayer-color) 30%, var(--prayer-color) 70%, transparent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14%;bottom:14%;left:0}.hat-hero-left{z-index:1;flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex;position:relative}.hat-hero-label{letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in srgb, var(--prayer-color) 35%, var(--text-secondary));align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.hat-hero-label-icon{align-items:center;display:inline-flex}.hat-hero-headline{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.hat-hero-name{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1}.hat-hero-time{color:color-mix(in srgb, var(--prayer-color) 40%, #fff);font-variant-numeric:tabular-nums;letter-spacing:-.4px;text-shadow:0 0 10px color-mix(in srgb, var(--prayer-color) 40%, transparent);font-size:21px;font-weight:700;line-height:1}.hat-hero-after{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;font-weight:500;display:inline-flex}.hat-hero-after strong{color:var(--text-primary);font-weight:700}.hat-hero-after-dot{background:var(--prayer-color);opacity:.9;width:5px;height:5px;box-shadow:0 0 6px color-mix(in srgb, var(--prayer-color) 60%, transparent);border-radius:50%}.hat-hero-right{z-index:1;background:linear-gradient(160deg, color-mix(in srgb, var(--prayer-color) 22%, #00000040) 0%, color-mix(in srgb, var(--prayer-color) 8%, #00000059) 100%);border:1px solid color-mix(in srgb, var(--prayer-color) 45%, transparent);min-width:108px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--prayer-color) 30%, #ffffff14), 0 4px 16px color-mix(in srgb, var(--prayer-color) 18%, transparent);border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:12px 16px 14px;display:flex;position:relative}.hat-hero-count-num{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-2px;text-shadow:0 0 14px color-mix(in srgb, var(--prayer-color) 85%, transparent), 0 2px 4px #0006;font-family:inherit;font-size:44px;font-weight:800;line-height:.9}.hat-hero-count-label{color:color-mix(in srgb, var(--prayer-color) 30%, #fff);letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.hat-hero-progress{background:#ffffff0f;border-radius:99px;width:100%;height:3px;overflow:hidden}.hat-hero-progress-fill{background:var(--prayer-color);height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--prayer-color) 60%, transparent);border-radius:99px;transition:width .8s cubic-bezier(.4,0,.2,1)}.hat-offset-bar{justify-content:space-between;align-items:center;margin:14px 16px 0;padding:0 4px;display:flex}.hat-offset-bar-label{text-transform:uppercase;letter-spacing:.8px;color:var(--gold-dim);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.hat-offset-bar-chip{background:var(--gold-faint);border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.hat-offset-bar-chip:hover{background:#c8a95138}.hat-arc{background:linear-gradient(180deg, #ffffff08 0%, transparent 70%), linear-gradient(90deg, color-mix(in srgb, #8896b8 12%, var(--bg2)) 0%, color-mix(in srgb, #e8a951 8%, var(--bg2)) 17%, color-mix(in srgb, #6aa39c 10%, var(--bg2)) 42%, color-mix(in srgb, #c89060 10%, var(--bg2)) 62%, color-mix(in srgb, #c26b3c 12%, var(--bg2)) 82%, color-mix(in srgb, #5b6e94 14%, var(--bg2)) 100%);border:1px solid #ffffff12;border-radius:16px;margin:10px 16px 0;padding:14px 12px 12px;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000038,inset 0 1px #ffffff0f}.hat-arc:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 50% -20%,#ffd87414,#0000 60%);position:absolute;inset:0}.hat-arc-rail{background:#ffffff14;height:1px;margin:0 12px 14px;position:relative}.hat-arc-rail-fill{background:linear-gradient(90deg,#8896b899 0%,#e8a951b3 40%,#c26b3ccc 100%);transition:width .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #ffd87440}.hat-arc-sun{background:var(--gold);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg2), 0 0 12px #ffd874b3;border-radius:50%;transition:left .8s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translate(-50%,-50%)}.hat-arc-sun:after{content:"";border:1px solid #ffd87459;border-radius:50%;animation:2.4s ease-out infinite hat-arc-pulse;position:absolute;inset:-4px}.hat-arc-row{grid-template-columns:repeat(6,1fr);gap:0;display:grid;position:relative}.hat-arc-station{--prayer-color:var(--gold);background:linear-gradient(160deg, color-mix(in srgb, var(--prayer-color) 14%, #ffffff0d) 0%, color-mix(in srgb, var(--prayer-color) 6%, #00000026) 100%);border:1px solid color-mix(in srgb, var(--prayer-color) 22%, #ffffff14);cursor:pointer;color:var(--text-secondary);border-radius:11px;flex-direction:column;align-items:center;gap:3px;margin:0 2px;padding:9px 2px;font-family:inherit;transition:all .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 2px 6px #0000002e}.hat-arc-station.is-info{box-shadow:none;background:0 0;border-style:dashed;border-color:#ffffff1a}.hat-arc-station.is-passed{box-shadow:none;background:linear-gradient(160deg,#ffffff0a 0%,#00000026 100%);border-color:#ffffff14}.hat-arc-station.is-active{background:linear-gradient(160deg, color-mix(in srgb, var(--prayer-color) 28%, transparent) 0%, color-mix(in srgb, var(--prayer-color) 10%, #00000026) 100%);border-color:color-mix(in srgb, var(--prayer-color) 50%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--prayer-color) 30%, #ffffff1a), 0 2px 10px color-mix(in srgb, var(--prayer-color) 20%, transparent)}.hat-arc-station.is-active .hat-arc-name{color:color-mix(in srgb, var(--prayer-color) 70%, #fff)}.hat-arc-station.is-next{background:linear-gradient(160deg, color-mix(in srgb, var(--prayer-color) 40%, transparent) 0%, color-mix(in srgb, var(--prayer-color) 15%, #00000026) 100%);border-color:color-mix(in srgb, var(--prayer-color) 70%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--prayer-color) 40%, #ffffff1f), 0 0 0 1px color-mix(in srgb, var(--prayer-color) 25%, transparent), 0 5px 18px color-mix(in srgb, var(--prayer-color) 30%, transparent)}.hat-arc-station:disabled{cursor:default}.hat-arc-node{background:var(--prayer-color);opacity:.55;border-radius:50%;width:6px;height:6px;margin-bottom:3px;transition:all .2s;box-shadow:0 0 #0000}.hat-arc-station.is-passed .hat-arc-node{opacity:.25}.hat-arc-station.is-active .hat-arc-node{opacity:1;box-shadow:0 0 8px color-mix(in srgb, var(--prayer-color) 60%, transparent)}.hat-arc-station.is-info .hat-arc-node{border:1px dashed color-mix(in srgb, var(--prayer-color) 60%, transparent);opacity:.7;background:0 0}.hat-arc-station.is-next .hat-arc-node{opacity:1;width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in srgb, var(--prayer-color) 25%, transparent), 0 0 16px color-mix(in srgb, var(--prayer-color) 70%, transparent);margin-bottom:0}.hat-arc-time{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.3px;font-family:inherit;font-size:14px;font-weight:700;line-height:1}.hat-arc-station.is-passed .hat-arc-time{color:var(--text-tertiary)}.hat-arc-station.is-info .hat-arc-time{color:var(--text-tertiary);font-style:italic}.hat-arc-station.is-next .hat-arc-time{color:color-mix(in srgb, var(--prayer-color) 40%, #fff);text-shadow:0 0 10px color-mix(in srgb, var(--prayer-color) 45%, transparent);font-size:16px}.hat-arc-name{letter-spacing:.7px;text-transform:uppercase;color:var(--text-tertiary);font-family:inherit;font-size:9.5px;font-weight:600;line-height:1}.hat-arc-station.is-next .hat-arc-name{color:color-mix(in srgb, var(--prayer-color) 70%, var(--text-secondary))}.hat-arc-bell{width:22px;height:22px;color:var(--text-tertiary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;margin-top:5px;transition:all .18s;display:inline-flex;position:relative}.hat-arc-bell.on{background:color-mix(in srgb, var(--prayer-color) 90%, transparent);border-color:color-mix(in srgb, var(--prayer-color) 60%, transparent);color:#0f1a12;box-shadow:0 0 0 3px color-mix(in srgb, var(--prayer-color) 18%, transparent), 0 0 12px color-mix(in srgb, var(--prayer-color) 55%, transparent)}.hat-arc-bell-placeholder{width:22px;height:22px;margin-top:5px;display:block}.hat-arc-station:not(:disabled):not(.is-active):hover .hat-arc-bell{border-color:color-mix(in srgb, var(--prayer-color) 35%, #ffffff26);color:color-mix(in srgb, var(--prayer-color) 60%, var(--text-secondary));background:#ffffff14}.hat-arc-station:not(:disabled):hover .hat-arc-node{opacity:1;transform:scale(1.2)}.hat-arc-station:not(:disabled):active{transform:translateY(1px)}.hat-section{margin-top:10px}.hat-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--gold-dim);align-items:center;gap:6px;padding:18px 20px 10px;font-size:11px;font-weight:700;display:flex}.hat-section-title svg{flex-shrink:0}.hat-section-count{background:var(--surface2);color:var(--text-tertiary);letter-spacing:0;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.hat-reminder-list{flex-direction:column;gap:6px;padding:0 16px;display:flex}.hat-reminder-item{background:linear-gradient(160deg, #ffffff17 0%, #ffffff0a 100%), var(--bg2);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px 14px 12px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000026}.hat-reminder-item:hover{background:linear-gradient(160deg, #ffffff1f 0%, #ffffff0f 100%), var(--bg2);border-color:#ffffff24}.hat-reminder-item.off{opacity:.55}.hat-reminder-accent{border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.hat-reminder-item.cat-vird .hat-reminder-accent{background:linear-gradient(#81c784,#4caf50)}.hat-reminder-item.cat-zikir .hat-reminder-accent{background:linear-gradient(#7fc7e0,#3d8fb3)}.hat-reminder-item.cat-esma .hat-reminder-accent{background:linear-gradient(#ffe7a7,#d9b454)}.hat-reminder-icon{width:36px;height:36px;color:var(--text-secondary);background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hat-reminder-item.cat-vird .hat-reminder-icon{color:#81c784}.hat-reminder-item.cat-zikir .hat-reminder-icon{color:#7fc7e0}.hat-reminder-item.cat-esma .hat-reminder-icon{color:var(--gold)}.hat-reminder-name-row{align-items:baseline;gap:8px;min-width:0;display:flex}.hat-reminder-arabic{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;direction:rtl;font-family:Amiri,Scheherazade New,Traditional Arabic,serif;font-size:13px;overflow:hidden}.hat-reminder-cat{letter-spacing:.5px;text-transform:uppercase;border:1px solid #0000;border-radius:99px;align-items:center;padding:1px 7px;font-size:9px;font-weight:700;display:inline-flex}.hat-reminder-cat.cat-vird{color:#81c784;background:#81c7841f;border-color:#81c7844d}.hat-reminder-cat.cat-zikir{color:#7fc7e0;background:#7fc7e01f;border-color:#7fc7e04d}.hat-reminder-cat.cat-esma{background:var(--gold-faint);color:var(--gold);border-color:var(--gold-dim)}.hat-reminder-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hat-reminder-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.1px;font-size:14px;font-weight:600;overflow:hidden}.hat-reminder-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;line-height:1.3;display:inline-flex}.hat-reminder-meta svg{opacity:.7;flex-shrink:0}.hat-reminder-dot{opacity:.5;padding:0 1px}.hat-reminder-linked{color:var(--gold);font-weight:500}.hat-reminder-link-icon{color:var(--gold)!important;opacity:1!important}.hat-offset-chip{color:var(--text-tertiary);background:var(--surface);border:1px solid var(--white10);cursor:pointer;white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.hat-offset-chip:active{transform:scale(.95)}.hat-offset-chip.active{color:var(--gold);border-color:var(--gold-dim);background:var(--gold-faint)}.hat-offset-chip svg{flex-shrink:0}.hat-time-badge{color:var(--text-tertiary);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.hat-time-badge svg{flex-shrink:0}.hat-custom-card{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--white10);margin:6px 16px;padding:14px 16px}.hat-custom-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hat-custom-name{color:var(--text-primary);font-size:14px;font-weight:600}.hat-custom-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hat-custom-tag{color:var(--text-tertiary);background:var(--surface2);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.hat-custom-tag svg{flex-shrink:0}.hat-custom-tag-linked{color:var(--gold);background:var(--gold-faint);border:1px solid var(--gold-dim)}.hat-add-btn{border-radius:var(--radius-sm);border:1.5px dashed var(--white20);width:calc(100% - 32px);color:var(--text-tertiary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin:12px 16px 0;padding:13px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.hat-add-btn:hover{border-color:var(--gold-dim);color:var(--gold);background:var(--gold-faint)}.hat-add-btn:active{transform:scale(.98)}.hat-modal-form{max-width:400px}.hat-form-field{flex-direction:column;gap:6px;margin-bottom:4px;padding:6px 16px;display:flex}.hat-form-label{text-transform:uppercase;letter-spacing:.6px;color:var(--gold-dim);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.hat-form-input{border-radius:var(--radius-sm);border:1px solid var(--white10);background:var(--surface);color:var(--text-primary);outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.hat-form-input:focus{border-color:var(--gold-dim);background:var(--surface2)}.hat-form-input::placeholder{color:var(--text-tertiary)}.hat-form-row{grid-template-columns:1fr;gap:8px;display:grid}.hat-form-chips{flex-wrap:wrap;gap:6px;display:flex}.hat-form-chip{border:1px solid var(--white10);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:99px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s}.hat-form-chip:hover{border-color:var(--gold-dim);color:var(--text-primary)}.hat-form-chip.active{background:var(--gold-faint);border-color:var(--gold-dim);color:var(--gold);font-weight:600}.hat-form-actions{gap:8px;margin-top:6px;padding:14px 16px 4px;display:flex}.hat-form-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.hat-form-btn-ghost{background:var(--surface);border:1px solid var(--white10);color:var(--text-secondary)}.hat-form-btn-ghost:hover{background:var(--surface2);color:var(--text-primary)}.hat-form-btn-primary{background:var(--gold-gradient);color:#214f2b;box-shadow:0 2px 12px #ffd87433}.hat-form-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #ffd8744d}.hat-form-btn-primary:disabled{opacity:.4;cursor:not-allowed}.hat-notif-banner{border-radius:var(--radius-sm);color:#66bb6a;background:#2e7d321f;border:1px solid #2e7d3240;align-items:center;gap:8px;margin:4px 16px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.hat-notif-banner svg{flex-shrink:0}.hat-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out hat-modal-fade;display:flex;position:fixed;inset:0}.hat-modal{background:var(--bg2);border:1px solid var(--white10);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow-elevated);animation:.22s cubic-bezier(.34,1.56,.64,1) hat-modal-pop;overflow:hidden}.hat-modal-header{border-bottom:1px solid var(--white10);color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.hat-modal-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex}.hat-modal-close:hover{color:var(--text-primary)}.hat-modal-body{padding:8px 0}.hat-modal-hint{color:var(--text-tertiary);padding:4px 16px 8px;font-size:11px}.hat-modal-opt{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.hat-modal-opt:hover{background:var(--surface)}.hat-modal-opt.active{color:var(--gold);background:var(--gold-faint);font-weight:600}[data-large-text=true] .hat-reminder-name{font-size:16px}[data-large-text=true] .hat-reminder-meta{font-size:13px}[data-large-text=true] .hat-hero-name{font-size:20px}[data-large-text=true] .hat-hero-count-num{font-size:36px}[data-large-text=true] .hat-hero-count-label{font-size:12px}[data-large-text=true] .hat-arc-time{font-size:16px}[data-large-text=true] .hat-arc-station.is-next .hat-arc-time{font-size:18px}[data-large-text=true] .hat-arc-name{font-size:10px}.hat-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--gold,#d4a853) 4%, #ffffff04) 0%, #ffffff03 100%), #0c0e1459;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff0f;border-radius:14px;margin:18px 16px 0;padding:14px 14px 12px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 4px 20px -8px #00000059}.hat-panel:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--gold,#d4a853) 18%, transparent) 0%, transparent 40%, transparent 60%, #ffffff0a 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hat-panel-head{justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;display:flex}.hat-panel-title{align-items:center;gap:8px;min-width:0;display:inline-flex}.hat-panel-title-icon{background:color-mix(in srgb, var(--gold,#d4a853) 18%, transparent);width:22px;height:22px;color:var(--gold,#d4a853);border:1px solid color-mix(in srgb, var(--gold,#d4a853) 28%, transparent);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.hat-panel-title-text{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--gold,#d4a853) 85%, #fff);font-size:11px;font-weight:700}.hat-panel-counter{font-variant-numeric:tabular-nums;background:#ffffff08;border:1px solid #ffffff0d;border-radius:999px;align-items:baseline;gap:3px;padding:4px 10px;display:inline-flex}.hat-panel-counter-num{color:var(--gold,#d4a853);font-size:14px;font-weight:700;line-height:1}.hat-panel-counter-sep,.hat-panel-counter-total{color:#ffffff73;font-size:12px;line-height:1}.hat-panel-counter-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;margin-left:4px;font-size:10px;font-weight:600}.hat-chip-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#00000040;border:1px solid #ffffff0a;border-radius:10px;gap:6px;margin-bottom:12px;padding:3px;display:flex;overflow-x:auto}.hat-chip-row::-webkit-scrollbar{display:none}.hat-chip{color:#ffffff8c;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:max-content;padding:7px 10px;font-size:12px;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .12s;display:inline-flex}.hat-chip:hover{color:#ffffffd9;background:#ffffff08}.hat-chip:active{transform:scale(.97)}.hat-chip-count{color:#fff9;font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:16px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.hat-chip.is-active.cat-all{background:color-mix(in srgb, var(--gold,#d4a853) 18%, #0000004d);color:#fff;border-color:color-mix(in srgb, var(--gold,#d4a853) 45%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold,#d4a853) 30%, transparent), 0 4px 14px -6px color-mix(in srgb, var(--gold,#d4a853) 60%, transparent)}.hat-chip.is-active.cat-all .hat-chip-count{background:color-mix(in srgb, var(--gold,#d4a853) 70%, #000);color:#fff}.hat-chip.is-active.cat-vird{color:#fff;background:#44604574;border-color:#8dc78f80;box-shadow:inset 0 1px #8dc78f59,0 4px 14px -6px #8dc78f8c}.hat-chip.is-active.cat-vird .hat-chip-count{color:#fff;background:#6a956b}.hat-chip.is-active.cat-zikir{color:#fff;background:#3d576074;border-color:#7fb5c780;box-shadow:inset 0 1px #7fb5c759,0 4px 14px -6px #7fb5c78c}.hat-chip.is-active.cat-zikir .hat-chip-count{color:#fff;background:#5f8895}.hat-chip.is-active.cat-esma{background:color-mix(in srgb, var(--gold,#d4a853) 22%, #0000004d);color:#fff;border-color:color-mix(in srgb, var(--gold,#d4a853) 50%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold,#d4a853) 35%, transparent), 0 4px 14px -6px color-mix(in srgb, var(--gold,#d4a853) 55%, transparent)}.hat-chip.is-active.cat-esma .hat-chip-count{background:color-mix(in srgb, var(--gold,#d4a853) 75%, #000);color:#fff}.hat-reminder-empty{text-align:center;color:#fff6;background:#00000026;border:1px dashed #ffffff0f;border-radius:10px;padding:28px 12px;font-size:13px}.hat-panel .hat-add-btn{margin-top:10px}.hat-type-seg{background:#00000047;border:1px solid #ffffff0d;border-radius:10px;gap:4px;padding:3px;display:flex}.hat-type-seg-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:13px;font-weight:600;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.hat-type-seg-btn:hover{color:#ffffffd9;background:#ffffff08}.hat-type-seg-btn.is-active{background:color-mix(in srgb, var(--gold,#d4a853) 18%, #0000004d);color:#fff;border-color:color-mix(in srgb, var(--gold,#d4a853) 45%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold,#d4a853) 30%, transparent), 0 3px 10px -4px color-mix(in srgb, var(--gold,#d4a853) 55%, transparent)}.hat-picker-btn{color:#fff;cursor:pointer;text-align:left;background:#00000047;border:1px solid #ffffff14;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .16s,background .16s;display:flex;position:relative}.hat-picker-btn:hover{border-color:color-mix(in srgb, var(--gold,#d4a853) 35%, transparent);background:#00000059}.hat-picker-btn.has-value{border-color:color-mix(in srgb, var(--gold,#d4a853) 30%, #ffffff14)}.hat-picker-btn-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.hat-picker-btn-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.hat-picker-btn-arabic{color:var(--gold,#d4a853);text-overflow:ellipsis;white-space:nowrap;direction:rtl;max-width:140px;font-family:Amiri,Noto Naskh Arabic,serif;font-size:15px;overflow:hidden}.hat-picker-btn-placeholder{color:#fff6;font-size:14px}.hat-picker-chevron{color:#ffffff80;flex-shrink:0;transition:transform .18s}.hat-picker-chevron.open{transform:rotate(180deg)}.hat-picker-panel{background:#080a0ef2;border:1px solid #ffffff14;border-radius:10px;margin-top:6px;overflow:hidden;box-shadow:0 10px 28px -10px #0009}.hat-picker-search{color:#ffffff80;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 12px;display:flex}.hat-picker-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:14px}.hat-picker-search input::placeholder{color:#ffffff59}.hat-picker-list{max-height:260px;overflow-y:auto}.hat-picker-empty{text-align:center;color:#fff6;padding:20px;font-size:13px}.hat-picker-opt{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .14s;display:flex}.hat-picker-opt:last-child{border-bottom:0}.hat-picker-opt:hover{background:color-mix(in srgb, var(--gold,#d4a853) 8%, transparent)}.hat-picker-opt.is-active{background:color-mix(in srgb, var(--gold,#d4a853) 15%, transparent)}.hat-picker-opt-left{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hat-picker-opt-name{color:#fff;font-size:14px;font-weight:600}.hat-picker-opt-meaning{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.hat-picker-opt-arabic{color:var(--gold,#d4a853);direction:rtl;flex-shrink:0;font-family:Amiri,Noto Naskh Arabic,serif;font-size:16px}.hat-days-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.hat-days-summary{color:color-mix(in srgb, var(--gold,#d4a853) 85%, #fff);letter-spacing:.02em;font-size:11.5px;font-weight:600}.hat-days-row{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.hat-day-chip{color:#ffffff8c;letter-spacing:.02em;cursor:pointer;background:#00000040;border:1px solid #ffffff0f;border-radius:8px;padding:10px 0;font-size:12px;font-weight:600;transition:background .16s,color .16s,border-color .16s,transform .1s}.hat-day-chip:hover{color:#ffffffd9;background:#ffffff0a}.hat-day-chip:active{transform:scale(.95)}.hat-day-chip.is-active{background:color-mix(in srgb, var(--gold,#d4a853) 22%, #0000004d);color:#fff;border-color:color-mix(in srgb, var(--gold,#d4a853) 55%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold,#d4a853) 35%, transparent), 0 3px 10px -4px color-mix(in srgb, var(--gold,#d4a853) 55%, transparent)}.hat-days-presets{gap:6px;margin-top:10px;display:flex}.hat-days-preset{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:600;transition:color .14s,border-color .14s,background .14s}.hat-days-preset:hover{color:var(--gold,#d4a853);border-color:color-mix(in srgb, var(--gold,#d4a853) 40%, transparent);background:color-mix(in srgb, var(--gold,#d4a853) 6%, transparent)}.hat-picker-section-label{letter-spacing:.14em;text-transform:uppercase;color:#fff6;border-bottom:1px solid #ffffff0a;padding:10px 12px 6px;font-size:10px;font-weight:700}.hat-picker-opt-create{background:color-mix(in srgb, var(--gold,#d4a853) 6%, transparent);border-bottom:1px solid #ffffff0f}.hat-picker-opt-create .hat-picker-opt-name{color:var(--gold,#d4a853);align-items:center;display:inline-flex}.hat-picker-opt-create:hover{background:color-mix(in srgb, var(--gold,#d4a853) 14%, transparent)}.hat-type-seg-btn{padding:9px 6px;font-size:12.5px}.hat-mode-seg{background:#00000047;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.hat-mode-seg-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.hat-mode-seg-btn:hover{color:#ffffffd9;background:#ffffff08}.hat-mode-seg-btn.is-active{background:color-mix(in srgb, var(--gold,#d4a853) 18%, #0000004d);color:#fff;border-color:color-mix(in srgb, var(--gold,#d4a853) 45%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold,#d4a853) 30%, transparent), 0 3px 10px -4px color-mix(in srgb, var(--gold,#d4a853) 55%, transparent)}.hat-once-hint{background:color-mix(in srgb, var(--gold,#d4a853) 8%, transparent);border:1px solid color-mix(in srgb, var(--gold,#d4a853) 18%, transparent);color:#ffffffb8;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:11.5px;line-height:1.45}.hat-once-hint strong{color:var(--gold,#d4a853);font-variant-numeric:tabular-nums;font-weight:700}.hat-city-locating{max-width:88px;color:var(--text-tertiary);white-space:nowrap;align-items:center;padding-left:2px;font-size:10.5px;font-weight:600;display:inline-flex}.hat-city-empty{color:var(--text-tertiary);padding:12px 14px;font-size:13px}.hat-city-locate-btn{border:1px solid color-mix(in srgb, var(--text-tertiary) 28%, var(--white10));background:color-mix(in srgb, var(--text-tertiary) 8%, var(--surface));width:calc(100% - 20px);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:10px 10px 8px;padding:8px 10px;font-size:12.5px;font-weight:700;transition:border-color .16s,color .16s,background .16s;display:flex}.hat-city-locate-btn:hover{border-color:color-mix(in srgb, var(--gold) 30%, var(--white10));color:var(--text-primary);background:color-mix(in srgb, var(--gold) 7%, var(--surface))}.hat-city-locate-btn:disabled{cursor:wait;opacity:.72}.hat-city-locate-btn svg{color:var(--text-tertiary);flex-shrink:0}.hat-location-permission-card{border:1px solid color-mix(in srgb, var(--gold) 26%, var(--white10));background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--gold) 20%, transparent) 0%, transparent 46%), linear-gradient(160deg, color-mix(in srgb, var(--gold) 9%, var(--surface)) 0%, color-mix(in srgb, var(--green) 6%, var(--surface)) 100%);color:var(--text-primary);border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;margin:10px 16px 0;padding:12px;display:grid;box-shadow:0 10px 26px #0000002e,inset 0 1px #ffffff12}.hat-location-permission-card.is-unavailable{border-color:color-mix(in srgb, #c89060 34%, var(--white10))}.hat-location-permission-icon{border:1px solid color-mix(in srgb, var(--gold) 30%, var(--white10));background:color-mix(in srgb, var(--gold) 13%, var(--surface2));width:34px;height:34px;color:var(--gold);border-radius:10px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.hat-location-permission-copy{min-width:0}.hat-location-permission-kicker{color:var(--gold-dim);letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px;font-size:10.5px;font-weight:700;line-height:1;display:block}.hat-location-permission-copy h2{color:var(--text-primary);letter-spacing:0;margin:0;font-size:15px;font-weight:800;line-height:1.18}.hat-location-permission-copy p{color:var(--text-secondary);margin:5px 0 0;font-size:12.5px;font-weight:500;line-height:1.42}.hat-location-permission-actions{grid-column:1/-1;gap:8px;display:flex}.hat-location-permission-actions button{min-height:36px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;transition:transform .15s,border-color .15s,background .15s,color .15s;display:inline-flex}.hat-location-permission-actions button:active{transform:translateY(1px)}.hat-location-permission-primary{border:1px solid color-mix(in srgb, var(--gold) 54%, transparent);background:linear-gradient(180deg, color-mix(in srgb, #fff 18%, var(--gold)) 0%, var(--gold) 100%);color:#18220f;box-shadow:0 7px 16px color-mix(in srgb, var(--gold) 20%, transparent);flex:auto;gap:6px;padding:8px 12px}.hat-location-permission-primary:disabled{cursor:wait;opacity:.76;transform:none}.hat-location-permission-secondary{border:1px solid color-mix(in srgb, var(--text-tertiary) 28%, var(--white10));background:color-mix(in srgb, var(--text-tertiary) 7%, var(--surface));color:var(--text-secondary);flex:none;padding:8px 11px}.hat-location-permission-secondary:hover{border-color:color-mix(in srgb, var(--gold) 24%, var(--white10));color:var(--text-primary)}.hat-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--text-tertiary) 12%, var(--surface2)) 0%, color-mix(in srgb, var(--text-tertiary) 24%, var(--surface2)) 46%, color-mix(in srgb, var(--text-tertiary) 12%, var(--surface2)) 100%);background-size:220% 100%;border-radius:6px;animation:1.15s ease-in-out infinite hat-skeleton-shimmer;display:block}@keyframes hat-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.hat-hero-loading{pointer-events:none;min-height:130px}.hat-skeleton-label{width:118px;height:13px}.hat-skeleton-title{width:164px;height:32px;margin-top:3px}.hat-skeleton-line{width:132px;height:13px}.hat-skeleton-count{width:58px;height:46px}.hat-skeleton-small{width:76px;height:12px}.hat-skeleton-progress{width:100%;height:4px}.hat-prayer-status{border:1px solid color-mix(in srgb, var(--gold) 22%, var(--white10));background:linear-gradient(160deg, color-mix(in srgb, var(--gold) 9%, var(--surface)) 0%, var(--surface) 100%);color:var(--text-secondary);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:12px 16px 0;padding:13px 14px;font-size:12.5px;line-height:1.35;display:flex}.hat-prayer-status button{border:1px solid var(--gold-dim);background:var(--gold-faint);color:var(--gold);font:inherit;cursor:pointer;border-radius:8px;flex-shrink:0;padding:7px 10px;font-size:12px;font-weight:700}.hat-hero-tomorrow{border:1px solid color-mix(in srgb, var(--prayer-color) 34%, transparent);background:color-mix(in srgb, var(--prayer-color) 13%, transparent);color:color-mix(in srgb, var(--prayer-color) 46%, var(--text-secondary));letter-spacing:.4px;border-radius:99px;align-items:center;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.hat-arc-loading{pointer-events:none}.hat-arc-loading .hat-arc-rail{height:3px;overflow:hidden}.hat-skeleton-rail{width:100%;height:100%}.hat-arc-station-loading{cursor:default}.hat-skeleton-node{border-radius:50%;width:8px;height:8px;margin-bottom:3px}.hat-skeleton-time{width:36px;height:15px}.hat-skeleton-name{width:42px;height:10px}.hat-skeleton-bell{border-radius:50%;width:22px;height:22px}:root[data-hatirlatici-app-active=true],:root[data-hatirlatici-app-active=true] body,:root[data-hatirlatici-app-active=true] #root{height:var(--hat-app-shell-height,var(--app-height,100dvh));min-height:var(--hat-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;overflow:hidden}:root[data-hatirlatici-app-active=true] .app-wrapper{--hat-safe-bottom:env(safe-area-inset-bottom,0px);height:var(--hat-app-shell-height,var(--app-height,100dvh));overscroll-behavior-y:none;min-height:0;overflow:hidden}@supports (height:100svh){:root[data-ios-chrome=true][data-hatirlatici-app-active=true]{--hat-app-ios-shell-height:min(var(--hat-app-shell-height,var(--app-height,100svh)), 100svh)}:root[data-ios-chrome=true][data-hatirlatici-app-active=true],:root[data-ios-chrome=true][data-hatirlatici-app-active=true] body,:root[data-ios-chrome=true][data-hatirlatici-app-active=true] #root{height:var(--hat-app-ios-shell-height);min-height:var(--hat-app-ios-shell-height)}:root[data-ios-chrome=true][data-hatirlatici-app-active=true] .app-wrapper{height:var(--hat-app-ios-shell-height)}}:root[data-hatirlatici-app-active=true] .page-content{overscroll-behavior-y:contain;scrollbar-gutter:auto;scrollbar-width:none;overflow:hidden auto}:root[data-hatirlatici-app-active=true] .page-content::-webkit-scrollbar{width:0;height:0;display:none}:root[data-hatirlatici-app-active=true] .topbar{touch-action:none}:root[data-hatirlatici-app-active=true] .hat-body{width:min(100%,430px);min-height:var(--hat-app-content-height,100%);padding-bottom:calc(32px + var(--hat-safe-bottom,env(safe-area-inset-bottom,0px)));overscroll-behavior-y:contain;touch-action:pan-y;margin-inline:auto}:root[data-hatirlatici-app-active=true] .hat-body button,:root[data-hatirlatici-app-active=true] .hat-body label,:root[data-hatirlatici-app-active=true] .hat-modal-close,:root[data-hatirlatici-app-active=true] .hat-modal-opt,:root[data-hatirlatici-app-active=true] .hat-form-btn{touch-action:manipulation}:root[data-hatirlatici-app-active=true] .hat-body input,:root[data-hatirlatici-app-active=true] .hat-modal-body,:root[data-hatirlatici-app-active=true] .hat-city-list,:root[data-hatirlatici-app-active=true] .hat-picker-list{touch-action:pan-y}:root[data-hatirlatici-app-active=true] .hat-modal-overlay{overscroll-behavior:contain}:root[data-hatirlatici-app-active=true] .hat-modal-body,:root[data-hatirlatici-app-active=true] .hat-city-list,:root[data-hatirlatici-app-active=true] .hat-picker-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (width>=900px){.home-desktop-shell .hat-body{width:min(100%,430px)}.home-desktop-shell .hat-city-btn,.home-desktop-shell .hat-offset-bar-label,.home-desktop-shell .hat-chip,.home-desktop-shell .hat-reminder-meta,.home-desktop-shell .hat-form-label,.home-desktop-shell .hat-type-seg-btn,.home-desktop-shell .hat-mode-seg-btn,.home-desktop-shell .hat-day-chip,.home-desktop-shell .hat-days-preset,.home-desktop-shell .hat-location-permission-kicker,.home-desktop-shell .hat-location-permission-secondary{font-weight:600}.home-desktop-shell .hat-hero-name,.home-desktop-shell .hat-panel-title-text,.home-desktop-shell .hat-reminder-name,.home-desktop-shell .hat-add-btn,.home-desktop-shell .hat-form-btn,.home-desktop-shell .hat-location-permission-copy h2,.home-desktop-shell .hat-location-permission-primary{font-weight:700}.home-desktop-shell .hat-hero-count-num,.home-desktop-shell .hat-arc-time,.home-desktop-shell .hat-panel-counter-num{font-weight:800}}:root,:root[data-theme=dark-green],:root[data-theme=amoled-black]{--gz-danger:#d64545;--gz-danger-soft:#d645452e}:root[data-theme=light]{--gz-danger:#b83030;--gz-danger-soft:#b830301f}.gz-page{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.gz-page .mobile-page-zone-middle{min-height:auto;padding-top:max(0px, calc(var(--app-zone-middle-padding) - 12px));flex:0 auto;padding-bottom:6px}.gz-page .mobile-page-zone-bottom{margin-top:4px}.gz-app-shell .page-content{overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;overflow:hidden auto}:root[data-gz-keyboard-active=true] .gz-create-shell,:root[data-gz-keyboard-active=true] .gz-join-shell{--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-page-bottom:calc(16px + env(safe-area-inset-bottom,0px))}:root[data-gz-app-active=true],:root[data-gz-app-active=true] body,:root[data-gz-app-active=true] #root,:root[data-gz-app-active=true] .home-desktop-shell,:root[data-gz-app-active=true] .gz-app-shell{height:var(--gz-app-shell-height,var(--app-height,100dvh));min-height:var(--gz-app-shell-height,var(--app-height,100dvh));overscroll-behavior:none;overflow:hidden}:root[data-gz-app-active=true] body{background:repeating-linear-gradient(45deg, var(--app-pattern) 0 1px, transparent 1px 22px), repeating-linear-gradient(-45deg, var(--app-pattern) 0 1px, transparent 1px 22px), radial-gradient(circle at 20% 0%, var(--app-grad-top) 0%, var(--app-grad-mid) 55%, var(--app-grad-bottom) 100%)}@media (width<=899px){:root[data-gz-app-page=create] .home-desktop-shell,:root[data-gz-app-page=join] .home-desktop-shell{height:var(--gz-app-shell-height,var(--app-height,100dvh));min-height:0;position:fixed;top:0;left:0;right:0;overflow:hidden}:root[data-gz-app-page=create] .gz-app-shell,:root[data-gz-app-page=join] .gz-app-shell{height:var(--gz-app-shell-height,var(--app-height,100dvh));min-height:0;max-height:var(--gz-app-shell-height,var(--app-height,100dvh))}}@media (width>=900px){:root[data-gz-app-active=true] body{width:auto}:root[data-gz-app-active=true] .home-desktop-shell{height:var(--app-height,100dvh);min-height:0}:root[data-gz-app-active=true] .home-desktop-shell .gz-app-shell{height:min(var(--app-height,100dvh), 900px);min-height:0;max-height:900px}}.gz-app-page{touch-action:pan-y;width:100%;min-width:0;max-width:100%;min-height:100%;overflow:visible}.gz-app-page .mobile-page-zone-top,.gz-app-page .mobile-page-zone-bottom{flex:none}.gz-app-page .mobile-page-zone-middle{touch-action:pan-y;min-height:0;overflow:visible}:root[data-gz-app-active=true]:not([data-gz-app-page=counter]) .gz-app-page .mobile-page-zone-bottom{z-index:3;margin-top:auto;padding-top:8px;position:relative}:root[data-gz-app-page=counter] .gz-app-shell .page-content{overscroll-behavior:none;overflow:hidden}:root[data-gz-app-page=counter] .gz-app-page{height:100%;min-height:0;overflow:hidden}:root[data-gz-app-page=counter] .gz-app-page .mobile-page-zone-middle,.gz-join-page .mobile-page-zone-middle{flex:auto;min-height:0}.gz-app-page button,.gz-app-page input,.gz-app-page textarea,.gz-app-page select,.gz-app-shell .topbar button{touch-action:manipulation}:root[data-gz-keyboard-active=true] .gz-create-shell .page-content,:root[data-gz-keyboard-active=true] .gz-join-shell .page-content{overscroll-behavior-y:contain;scroll-padding-top:16px;scroll-padding-bottom:28px;overflow-y:auto}:root[data-gz-keyboard-active=true] .gz-create-page .mobile-page-zone-bottom,:root[data-gz-keyboard-active=true] .gz-join-page .mobile-page-zone-bottom{opacity:0;pointer-events:none;visibility:hidden;flex:0 0 0;height:0;max-height:0;margin:0;padding:0;overflow:hidden}:root[data-gz-keyboard-active=true] .gz-create-page[data-keyboard-layout=compact-target] .mobile-page-zone-middle{padding-top:8px;padding-bottom:8px}.gz-primary-btn{background:var(--gold-gradient);color:#2a2010;border-radius:var(--radius);cursor:pointer;border:none;padding:12px 18px;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s}.gz-primary-btn:disabled{opacity:.45;cursor:not-allowed}.gz-primary-btn:active:not(:disabled){transform:scale(.98)}.gz-ghost-btn{color:var(--gold);border:1px solid var(--gold-dim);border-radius:var(--radius);cursor:pointer;background:0 0;padding:12px 18px;font-size:15px;font-weight:600;transition:background .15s}.gz-ghost-btn:hover{background:var(--gold-faint)}.gz-ghost-btn:disabled{opacity:.4;cursor:not-allowed}.gz-danger-btn{background:var(--gz-danger-soft);color:var(--gz-danger);border:1px solid var(--gz-danger);border-radius:var(--radius);cursor:pointer;padding:12px 18px;font-weight:700}.gz-danger-btn:disabled{opacity:.45;cursor:not-allowed}.gz-mini-btn{background:var(--white05);color:var(--text-primary);border:1px solid var(--white10);border-radius:var(--radius-sm);cursor:pointer;padding:6px 10px;font-size:12px}.gz-mini-btn.gz-mini-danger{color:var(--gz-danger);border-color:var(--gz-danger)}.gz-cta{flex:1}.gz-home-intro{padding:8px 4px 16px}.gz-home-greet{color:var(--gold);margin-bottom:4px;font-size:18px;font-weight:700}.gz-home-sub{color:var(--text-secondary);font-size:13px}.gz-section{margin-bottom:22px}.gz-page .mobile-page-zone-middle .gz-section:last-child{margin-bottom:8px}.gz-section-title{letter-spacing:1.2px;color:var(--text-tertiary);margin-bottom:10px;padding-left:4px;font-size:11px;font-weight:600}.gz-card-list{flex-direction:column;gap:12px;display:flex}.gz-home-page .mobile-page-zone-middle{flex:1 0 auto;padding-bottom:18px}.gz-home-page .mobile-page-zone-bottom{z-index:3;margin-top:auto;padding-top:8px;position:relative}.gz-home-cta{gap:10px;padding-top:0;padding-bottom:14px;display:flex}.gz-create-page.mobile-page-shell{min-height:auto}.gz-create-page{min-height:auto;overflow:visible}.gz-create-page .mobile-page-zone-middle{flex:none;min-height:auto;padding-bottom:14px;overflow:visible}.gz-create-page .mobile-page-zone-bottom{z-index:3;flex:none;margin-top:0;padding-top:0;position:relative}.gz-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(1.5px);color:var(--text-primary);text-align:left;cursor:pointer;background:#193c27;border:1px solid #c8a95124;width:100%;padding:14px;transition:background .15s,border-color .15s,transform .12s;box-shadow:0 0 0 1px #c8a9510a,0 6px 12px #0003}.gz-card:hover{background:linear-gradient(160deg,#3a6a5194,#173d2b9e);border-color:#c8a95138}.gz-card:active{background:linear-gradient(160deg,#30594480,#122f218a);transform:scale(.99)}.gz-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.gz-card-title-wrap{flex:1;min-width:0}.gz-card-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:16px;font-weight:700;overflow:hidden}.gz-card-subtitle{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.gz-chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.gz-chip-active{color:#a6e0ab;background:#2e7d3247}.gz-chip-done{background:var(--gold-faint);color:var(--gold)}.gz-chip-paused{background:var(--white10);color:var(--text-secondary)}:root[data-theme=light] .gz-chip-active{color:#1b5e20}.gz-card-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.gz-avatar-stack{align-items:center;display:flex}.gz-avatar-extra{background:var(--white10);color:var(--text-secondary);border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-6px;font-size:11px;font-weight:600;display:inline-flex}.gz-card-today{color:var(--gold);font-size:12px;font-weight:600}.gz-avatar{color:var(--white);text-transform:uppercase;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}:root[data-theme=light] .gz-avatar{color:#fff}.gz-avatar-stacked{border:2px solid var(--bg);margin-left:-6px}.gz-avatar-stacked:first-child{margin-left:0}.gz-avatar-wrap{flex:none;display:inline-flex;position:relative}.gz-avatar-wrap-stacked{margin-left:-6px}.gz-avatar-wrap-stacked:first-child{margin-left:0}.gz-avatar-wrap-stacked .gz-avatar{border:2px solid var(--bg)}.gz-avatar-online-dot{border:2px solid var(--bg);box-sizing:content-box;pointer-events:none;background:#2e2e2e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.gz-avatar-wrap.online .gz-avatar-online-dot{background:#43a047}.gz-avatar-wrap.counting .gz-avatar-online-dot{background:#66bb6a;animation:1.4s ease-out infinite gz-pulse-dot;box-shadow:0 0 #66bb6ab3}.gz-avatar-wrap-sm .gz-avatar-online-dot{width:7px;height:7px}.gz-avatar-wrap-lg .gz-avatar-online-dot{width:12px;height:12px}.gz-avatar-wrap.counting .gz-avatar{box-shadow:0 0 0 2px #66bb6a66}@keyframes gz-pulse-dot{0%{box-shadow:0 0 #66bb6ab3}70%{box-shadow:0 0 0 8px #66bb6a00}to{box-shadow:0 0 #66bb6a00}}.gz-progress{width:100%}.gz-progress-nums{align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.gz-progress-cur{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.gz-progress-tgt{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.gz-progress-track{background:var(--white10);border-radius:999px;height:8px;position:relative;overflow:hidden}.gz-progress-sm .gz-progress-track{height:6px}.gz-progress-lg .gz-progress-track{height:12px}.gz-progress-fill{background:linear-gradient(90deg, var(--green-light) 0%, var(--gold) 100%);border-radius:999px;height:100%;transition:width .45s ease-out;box-shadow:0 0 12px #ffd87459}.gz-empty{text-align:center;background:var(--white05);border-radius:var(--radius);border:1px dashed var(--white10);padding:32px 20px}.gz-empty-emoji{margin-bottom:8px;font-size:36px}.gz-empty-title{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.gz-empty-text{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.5}.gz-invite-list{flex-direction:column;gap:10px;display:flex}.gz-invite-card{border:1px solid var(--gold-dim);background:var(--gold-faint);border-radius:var(--radius);padding:12px}.gz-invite-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.gz-invite-name{color:var(--text-primary);font-weight:700}.gz-invite-meta{color:var(--text-secondary);font-size:12px}.gz-invite-from{color:var(--gold);margin-top:2px;font-size:11px}.gz-invite-actions-row{gap:8px;display:flex}.gz-invite-actions-row>button{flex:1;padding:8px 12px;font-size:13px}.gz-invite-input-wrap{padding:18px 0;position:relative}.gz-invite-visual{background:var(--white05);border-radius:var(--radius);border:1px solid var(--white10);cursor:text;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex}.gz-invite-prefix{color:var(--gold);letter-spacing:2px;font-family:ui-monospace,monospace;font-size:22px;font-weight:700}.gz-invite-dash{color:var(--text-tertiary);font-size:22px}.gz-invite-slot{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--white10);width:36px;height:44px;color:var(--text-primary);justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-size:22px;font-weight:700;display:flex}.gz-invite-slot.filled{border-color:var(--gold)}.gz-invite-slot.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-faint)}.gz-invite-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.gz-invite-actions{justify-content:center;margin-top:10px;display:flex}.gz-invite-actions .gz-ghost-btn{padding:8px 16px;font-size:13px}.gz-invite-error{color:var(--gz-danger);text-align:center;margin-top:10px;font-size:12px}.gz-join-intro{color:var(--text-secondary);text-align:center;padding:8px 12px;font-size:13px;line-height:1.5}.gz-preview-card{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);margin-top:16px;padding:14px}.gz-preview-head{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.gz-preview-title{color:var(--text-primary);font-weight:700}.gz-preview-meta{color:var(--text-secondary);font-size:12px}.gz-preview-desc{color:var(--text-primary);margin-bottom:8px;font-size:13px;line-height:1.5}.gz-preview-niyet{color:var(--gold);background:var(--gold-faint);border-radius:var(--radius-sm);margin-bottom:8px;padding:6px 10px;font-size:12px}.gz-stepper-wrap{flex-direction:column;gap:12px;padding:6px 4px 18px;display:flex}.gz-stepper-meta{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.gz-stepper-kicker{letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);opacity:.85;font-size:10px;font-weight:700}.gz-stepper-count{color:var(--white);opacity:.55;font-variant-numeric:tabular-nums;font-size:11px}.gz-stepper-count strong{color:var(--white);opacity:1;font-weight:700}.gz-stepper-track{padding:14px 10px 4px;position:relative}.gz-stepper-line{background:var(--white10);pointer-events:none;border-radius:2px;height:3px;position:absolute;top:28px;left:26px;right:26px;overflow:hidden}.gz-stepper-line-fill{background:linear-gradient(90deg, var(--green-light) 0%, #d4af37 55%, #f1de8a 100%);border-radius:2px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #d4af3759}.gz-stepper-dots{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.gz-stepper-item{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.gz-stepper-dot{flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.gz-stepper-dot-ring{background:var(--white10);border-radius:50%;transition:background .3s,box-shadow .3s,transform .3s;position:absolute;inset:0}.gz-stepper-dot-core{background:var(--bg);width:26px;height:26px;color:var(--white);font-variant-numeric:tabular-nums;opacity:.55;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;transition:opacity .25s,color .25s,transform .25s;display:flex;position:relative}.gz-stepper-item-pending .gz-stepper-dot-core{opacity:.5}.gz-stepper-item-done .gz-stepper-dot-ring{background:linear-gradient(135deg,#66bb6a,#2e7d32);box-shadow:0 2px 10px #2e7d3259}.gz-stepper-item-done .gz-stepper-dot-core{color:#fff;opacity:1;background:0 0}.gz-stepper-item-current .gz-stepper-dot-ring{background:linear-gradient(135deg,#f1de8a,#d4af37);animation:2s ease-in-out infinite gz-stepper-pulse;box-shadow:0 0 0 3px #d4af372e,0 0 18px #d4af3773}.gz-stepper-item-current .gz-stepper-dot-core{color:var(--gold);opacity:1;background:#17110a;transform:scale(1.04)}.gz-stepper-label{color:var(--white);opacity:.55;text-align:center;letter-spacing:.2px;white-space:nowrap;font-size:11px;transition:color .25s,opacity .25s,font-weight .25s}.gz-stepper-item-done .gz-stepper-label{opacity:.85;color:var(--white)}.gz-stepper-item-current .gz-stepper-label{opacity:1;color:var(--gold);font-weight:600}@keyframes gz-stepper-pulse{0%,to{box-shadow:0 0 0 3px #d4af372e,0 0 18px #d4af3773}50%{box-shadow:0 0 0 6px #d4af371a,0 0 26px #d4af37a6}}@media (width<=360px){.gz-stepper-label{font-size:10px}.gz-stepper-dot{width:28px;height:28px}.gz-stepper-dot-core{width:22px;height:22px;font-size:11px}.gz-stepper-line{top:24px}}.gz-wizard-step{padding:8px 0}.gz-step-title{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:700}.gz-type-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.gz-type-option{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text-primary);padding:14px 12px;transition:border-color .15s,background .15s}.gz-type-option.selected{border-color:var(--gold);background:var(--gold-faint)}.gz-type-option-title{margin:8px 0 4px;font-size:14px;font-weight:700}.gz-type-option-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.gz-niyet-toggle{background:var(--white05);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;padding:12px;font-size:13px;display:flex}.gz-niyet-toggle input{width:18px;height:18px;accent-color:var(--gold)}.gz-preset-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.gz-preset-card{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);cursor:pointer;text-align:center;color:var(--text-primary);padding:14px}.gz-preset-card.selected{border-color:var(--gold);background:var(--gold-faint)}.gz-preset-num{color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.gz-preset-unit{color:var(--text-secondary);font-size:11px}.gz-field-label{color:var(--text-tertiary);letter-spacing:.5px;margin:14px 0 6px;font-size:12px;display:block}.gz-number-input,.gz-text-input,.gz-textarea{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);width:100%;color:var(--text-primary);box-sizing:border-box;padding:12px;font-family:inherit;font-size:15px}.gz-textarea{resize:vertical;min-height:60px}.gz-number-input:focus,.gz-text-input:focus,.gz-textarea:focus{border-color:var(--gold);outline:none}.gz-kuran-info{background:var(--gold-faint);border-radius:var(--radius);align-items:center;gap:16px;padding:18px;display:flex}.gz-info-num{color:var(--gold);font-size:48px;font-weight:800;line-height:1}.gz-info-text{color:var(--text-primary);font-size:13px;line-height:1.5}.gz-niyet-form{background:var(--gold-faint);border-radius:var(--radius);margin-top:14px;padding:12px}.gz-radio-row{gap:8px;margin-bottom:6px;display:flex}.gz-radio-card{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text-primary);flex:1;padding:12px;position:relative}.gz-radio-card.selected{border-color:var(--gold);background:var(--gold-faint)}.gz-radio-card.disabled{opacity:.45;cursor:not-allowed}.gz-radio-title{margin-bottom:4px;font-size:14px;font-weight:700}.gz-radio-desc{color:var(--text-secondary);font-size:11px}.gz-soon-chip{background:var(--gold);color:#2a2010;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;right:6px}.gz-radio-col{flex-direction:column;gap:6px;display:flex}.gz-radio-line{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);text-align:left;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.gz-radio-line.selected{border-color:var(--gold);background:var(--gold-faint)}.gz-radio-dot{border:2px solid var(--text-tertiary);background:0 0;border-radius:50%;flex:none;width:14px;height:14px}.gz-radio-line.selected .gz-radio-dot{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 2px var(--bg)}.gz-summary{background:var(--white05);border-radius:var(--radius);border:1px solid var(--white10);padding:14px}.gz-summary-row{border-bottom:1px solid var(--white10);justify-content:space-between;gap:10px;padding:8px 0;display:flex}.gz-summary-row:last-child{border-bottom:none}.gz-summary-row span{color:var(--text-secondary);font-size:13px}.gz-summary-row strong{color:var(--text-primary);text-align:right;font-size:14px}.gz-success{text-align:center;padding-top:20px}.gz-success-emoji{margin-bottom:10px;font-size:48px}.gz-success-text{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.5}.gz-share-block{background:var(--white05);border:1px dashed var(--gold-dim);border-radius:var(--radius);text-align:center;padding:16px}.gz-share-label{letter-spacing:1.2px;color:var(--text-tertiary);margin-bottom:10px;font-size:11px;font-weight:600}.gz-share-code{justify-content:center;gap:4px;margin-bottom:12px;font-family:ui-monospace,monospace;display:flex}.gz-share-char{color:var(--gold);letter-spacing:4px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.gz-share-dash{color:var(--text-tertiary);margin:0 4px;font-size:28px}.gz-share-actions{justify-content:center;gap:8px;display:flex}.gz-share-btn{background:var(--white10);color:var(--text-primary);border:1px solid var(--white10);border-radius:var(--radius-sm);cursor:pointer;padding:6px 14px;font-size:12px}.gz-share-btn:hover{background:var(--white20)}.gz-share-status{min-height:16px;color:var(--gold);margin-top:8px;font-size:11px;font-weight:600}.gz-detail-head{padding:4px 0 10px}.gz-detail-subtitle{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.gz-niyet-badge{background:var(--gold-faint);border:1px solid var(--gold-dim);border-radius:var(--radius);text-align:left;cursor:pointer;width:100%;color:var(--text-primary);align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.gz-niyet-icon{font-size:18px}.gz-niyet-body{flex:1;min-width:0}.gz-niyet-label{letter-spacing:1px;color:var(--gold);font-size:10px;font-weight:700}.gz-niyet-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.gz-detail-progress-card{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);margin-bottom:0;padding:16px}.gz-detail-stats{gap:16px;margin-top:12px;display:flex}.gz-detail-stats>div{flex:1}.gz-stat-label{color:var(--text-tertiary);margin-bottom:2px;font-size:11px}.gz-stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.gz-stat-gold{color:var(--gold)}.gz-detail-estimate{color:var(--text-secondary);text-align:center;margin-top:10px;font-size:12px;font-style:italic}.gz-member-list{background:var(--white05);border-radius:var(--radius);border:1px solid var(--white10);flex-direction:column;gap:4px;padding:4px;display:flex}.gz-member-row{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px;transition:background .15s;display:flex}.gz-member-row:hover{background:var(--white05)}.gz-member-me{background:var(--gold-faint)}.gz-member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.gz-member-me-tag{color:var(--gold);font-size:12px;font-weight:500}.gz-member-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.gz-member-toggle{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:8px;font-size:12px}.gz-juz-legend{color:var(--text-secondary);flex-wrap:wrap;gap:14px;padding:4px 0 10px;font-size:11px;display:flex}.gz-juz-legend span{align-items:center;gap:4px;display:inline-flex}.gz-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.gz-dot-empty{background:var(--white10)}.gz-dot-reading{background:var(--green-light)}.gz-dot-done{background:var(--gold)}.gz-juz-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;min-width:0;max-width:100%;display:grid}@media (width<=430px){.gz-juz-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.gz-juz-card{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius-sm);cursor:pointer;text-align:center;min-width:0;color:var(--text-primary);flex-direction:column;align-items:center;gap:4px;min-height:90px;padding:8px 4px;transition:transform .15s,border-color .15s;display:flex}.gz-juz-card:hover{border-color:var(--gold-dim)}.gz-juz-card:active{transform:scale(.97)}.gz-juz-reading{border-color:var(--green-light);background:#2e7d3224}.gz-juz-done{border-color:var(--green-light);background:linear-gradient(#2e7d3259,#1b5e2047)}.gz-juz-mine{box-shadow:inset 0 0 0 1px var(--gold)}.gz-juz-top{justify-content:center;align-items:baseline;gap:4px;display:flex}.gz-juz-num{color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1}.gz-juz-check{color:var(--gold);font-size:12px;font-weight:800}.gz-juz-status{color:var(--text-tertiary);font-size:10px;font-weight:600}.gz-juz-mini-progress{background:var(--white10);border-radius:999px;width:100%;height:3px;overflow:hidden}.gz-juz-mini-fill{background:var(--gold);height:100%;transition:width .3s ease-out}.gz-juz-member{width:100%;min-width:0;color:var(--text-secondary);justify-content:center;align-items:center;gap:4px;max-width:100%;font-size:10px;display:flex}.gz-juz-member-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.gz-juz-member-empty{color:var(--text-tertiary)}.gz-juz-member .gz-avatar{width:18px;height:18px;font-size:9px}.gz-contrib-btn{width:100%;padding:14px;font-size:15px}.gz-auto-toggle{background:var(--white05);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;font-size:13px;display:flex}.gz-auto-toggle input{width:18px;height:18px;accent-color:var(--gold);flex:none;margin-top:1px}.gz-auto-toggle small{color:var(--text-tertiary);margin-top:2px;font-size:11px;font-weight:400;display:block}.gz-activity-list{flex-direction:column;gap:4px;display:flex}.gz-activity-item{background:var(--white05);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:10px;display:flex}.gz-activity-note{border-left:3px solid var(--gold);background:var(--gold-faint)}.gz-activity-body{flex:1;min-width:0}.gz-activity-text{color:var(--text-primary);font-size:13px;line-height:1.4}.gz-activity-time{color:var(--text-tertiary);margin-top:2px;font-size:11px}.gz-sheet-overlay{z-index:1000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.gz-sheet-bg{cursor:pointer;background:#0000008c;border:0;padding:0;animation:.2s ease-out gz-fade-in;position:absolute;inset:0}.gz-sheet{background:var(--bg2);width:100%;max-width:480px;box-shadow:var(--shadow-elevated);border-top-left-radius:18px;border-top-right-radius:18px;max-height:80vh;padding:10px 16px 18px;animation:.28s cubic-bezier(.2,.8,.2,1) gz-slide-up;position:relative;overflow-y:auto}.gz-sheet-handle{background:var(--white20);border-radius:999px;width:40px;height:4px;margin:0 auto 10px}.gz-sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.gz-sheet-title{color:var(--text-primary);font-size:16px;font-weight:700}.gz-sheet-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:24px;line-height:1}.gz-sheet-body{flex-direction:column;gap:10px;display:flex}.gz-sheet-subtitle{color:var(--text-secondary);font-size:12px}.gz-sheet-hint{color:var(--text-tertiary);background:var(--white05);border-radius:var(--radius-sm);padding:8px;font-size:12px;font-style:italic;line-height:1.5}.gz-sheet-note{color:var(--text-secondary);background:var(--gold-faint);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px}.gz-sheet-note strong{color:var(--gold)}.gz-sheet-member-row{align-items:center;gap:10px;padding:8px 0;display:flex}.gz-sheet-footer{border-top:1px solid var(--white10);margin-top:14px;padding-top:12px}.gz-sheet-actions{gap:8px;display:flex}.gz-sheet-actions>button{flex:1}.gz-preset-chips{flex-wrap:wrap;gap:6px;padding:4px 0;display:flex}.gz-preset-chip{background:var(--white05);border:1px solid var(--white10);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.gz-preset-chip.active{background:var(--gold);color:#2a2010;border-color:var(--gold)}.gz-menu-sheet{flex-direction:column;gap:4px;display:flex}.gz-menu-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:14px 10px;font-size:14px;font-weight:500;display:flex}.gz-menu-item:hover{background:var(--white05)}.gz-menu-item small{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500;display:block}.gz-menu-danger{color:var(--gz-danger)}.gz-settings-card{background:var(--white05);border:1px solid var(--white10);border-radius:var(--radius);margin-bottom:14px;padding:14px}.gz-settings-title{color:var(--gold);margin-bottom:10px;font-size:13px;font-weight:700}.gz-settings-row{justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.gz-settings-row span{color:var(--text-secondary)}.gz-settings-row strong{color:var(--text-primary);text-align:right}.gz-row-actions{gap:6px;display:flex}.gz-danger-zone{border-color:var(--gz-danger)}.gz-danger-title{color:var(--gz-danger)}.gz-danger-desc{color:var(--text-secondary);margin-bottom:10px;font-size:12px;line-height:1.5}.gz-toast{background:var(--bg2);color:var(--text-primary);box-shadow:var(--shadow-elevated);border:1px solid var(--white10);z-index:900;text-align:center;border-radius:999px;max-width:90%;padding:10px 18px;font-size:13px;animation:.24s ease-out gz-toast-in;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.gz-active-indicator{background:var(--gold);width:10px;height:10px;box-shadow:0 0 10px var(--gold);z-index:50;border-radius:50%;position:fixed;bottom:8px;right:12px}.gz-active-group-chip{background:var(--gold-faint);border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin:0 auto;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.home-active-group-chip{background:var(--white05);border:1px solid var(--white10);border-radius:999px;align-self:center;align-items:center;gap:4px;max-width:100%;margin-bottom:6px;padding:4px 6px 4px 10px;display:flex}.home-active-group-chip-main{cursor:pointer;color:var(--text-primary,#fff);background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:2px 6px;display:flex}.home-active-group-chip-icon{flex-shrink:0;font-size:14px}.home-active-group-chip-label{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex}.home-active-group-chip-kicker{letter-spacing:.5px;text-transform:uppercase;color:var(--gold);font-size:9px;font-weight:600}.home-active-group-chip-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;font-weight:600;overflow:hidden}.home-active-group-chip-close{color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:16px;line-height:1;display:grid}.home-active-group-chip-close:hover{background:var(--white10);color:var(--text-primary,#fff)}.gz-counter-cta{text-align:left;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.gz-counter-cta-icon{flex-shrink:0;font-size:22px}.gz-counter-cta-body{flex-direction:column;gap:2px;min-width:0;display:flex}.gz-counter-cta-title{font-size:15px;font-weight:700}.gz-counter-cta-sub{opacity:.85;font-size:11px;font-weight:500}.gz-counter-page,.gz-counter-top{gap:10px}.gz-counter-meta{color:var(--text-secondary,#cfc9bd);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.gz-counter-type{opacity:.85}.gz-counter-niyet{background:var(--gold-faint,#d4b06324);color:var(--gold,#d4b063);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:55%;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.gz-counter-stats-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.gz-counter-stats-row>div{background:var(--white05);border:1px solid var(--white10);text-align:center;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.gz-counter-stat-label{letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary,#cfc9bd);font-size:10px}.gz-counter-stat-value{color:var(--text-primary,#fff);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.gz-counter-stat-gold{color:var(--gold,#d4b063)}.gz-counter-middle{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.gz-counter-arabic{text-align:center;color:var(--gold,#d4b063);max-width:90%;font-family:Georgia,Times New Roman,Amiri,serif;font-size:22px;line-height:1.6}.gz-counter-meaning{color:var(--text-secondary,#cfc9bd);text-align:center;max-width:85%;font-size:12px;line-height:1.4}.gz-counter-ring{background:radial-gradient(circle at 30% 30%, var(--white10), transparent 60%), var(--bg2,#141614);cursor:pointer;width:240px;max-width:min(78vw,280px);height:240px;max-height:min(78vw,280px);box-shadow:inset 0 0 0 1px var(--white10), 0 6px 30px #00000059;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .1s ease-out,box-shadow .2s ease-out;display:grid;position:relative}.gz-counter-ring:active{box-shadow:inset 0 0 0 1px var(--gold,#d4b063), 0 0 24px #d4b06340;transform:scale(.97)}.gz-counter-ring.celebrate{animation:.9s ease-out gz-counter-pulse}@keyframes gz-counter-pulse{0%{box-shadow:inset 0 0 0 1px var(--gold,#d4b063), 0 0 0 0 #d4b06399}60%{box-shadow:inset 0 0 0 1px var(--gold,#d4b063), 0 0 0 24px #d4b06300}to{box-shadow:inset 0 0 0 1px var(--white10), 0 6px 30px #00000059}}.gz-counter-ring-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gz-counter-ring-bg{fill:none;stroke:var(--white10);stroke-width:6px}.gz-counter-ring-fg{fill:none;stroke:var(--gold,#d4b063);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .35s ease-out}.gz-counter-ring-inner{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.gz-counter-session-label{letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary,#cfc9bd);font-size:11px}.gz-counter-session{color:var(--text-primary,#fff);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.gz-counter-session-unit{color:var(--text-secondary,#cfc9bd);margin-top:2px;font-size:12px}.gz-counter-hint{letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary,#cfc9bd);opacity:.6;font-size:11px}.gz-counter-bottom{flex-direction:column;gap:8px;display:flex}.gz-counter-link-btn{background:var(--white05);border:1px dashed var(--white10);width:100%;color:var(--text-primary,#fff);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:stretch;gap:2px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.gz-counter-link-btn.active{background:var(--gold-faint,#d4b06326);border-color:var(--gold-dim,#d4b06380);color:var(--gold,#d4b063)}.gz-counter-link-desc{opacity:.85;font-size:11px;font-weight:500}.gz-counter-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gz-counter-celebrate-overlay{z-index:1000;background:#000000b3;place-items:center;padding:20px;animation:.2s ease-out gz-fade-in;display:grid;position:fixed;inset:0}.gz-counter-celebrate-card{background:var(--bg2,#141614);border:1px solid var(--gold-dim,#d4b06366);text-align:center;border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:340px;padding:24px 20px;display:flex;box-shadow:0 12px 40px #0009}.gz-counter-celebrate-emoji{font-size:40px}.gz-counter-celebrate-title{color:var(--gold,#d4b063);font-size:18px;font-weight:700}.gz-counter-celebrate-text{color:var(--text-secondary,#cfc9bd);margin-bottom:6px;font-size:13px;line-height:1.5}@media (height<=680px){.gz-counter-ring{width:200px;height:200px}.gz-counter-session{font-size:36px}.gz-counter-arabic{font-size:18px}}@keyframes gz-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gz-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gz-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.gz-distribution{flex-direction:column;gap:8px;margin-top:18px;display:flex}.gz-distribution-grid{flex-direction:column;gap:8px;display:flex}.gz-distribution-card{text-align:left;border-radius:var(--radius);background:var(--white05);border:1px solid var(--white10);color:var(--white);cursor:pointer;padding:12px 14px;transition:border-color .15s,background-color .15s}.gz-distribution-card:hover{background:var(--white10)}.gz-distribution-card.selected{border-color:var(--gold);background:#d4af3714}.gz-distribution-title{color:var(--white);margin-bottom:2px;font-weight:600}.gz-distribution-card.selected .gz-distribution-title{color:var(--gold)}.gz-distribution-desc{color:var(--white);opacity:.6;font-size:12px;line-height:1.4}.gz-distribution-hint{color:var(--white);opacity:.7;border-radius:var(--radius-sm);border-left:2px solid var(--gold);background:#d4af370f;margin-top:6px;padding:8px 10px;font-size:12px}.gz-distribution-banner{border-radius:var(--radius);background:var(--white05);border:1px solid var(--white10);margin-top:14px;padding:12px 14px}.gz-distribution-banner.gz-dist-quota{border-left:3px solid var(--gold)}.gz-distribution-banner.gz-dist-hybrid{border-left:3px solid var(--green-light)}.gz-distribution-banner-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.gz-distribution-banner-tag{text-transform:uppercase;letter-spacing:.6px;color:var(--gold);font-size:11px;font-weight:600}.gz-distribution-banner-head strong{color:var(--white);font-size:13px}.gz-distribution-banner-desc{color:var(--white);opacity:.65;font-size:12px;line-height:1.5}.gz-distribution-banner-members{flex-direction:column;gap:6px;margin-top:10px;display:flex}.gz-dist-chip{color:var(--white);opacity:.85;grid-template-columns:40px 1fr 56px;align-items:center;gap:8px;font-size:11px;display:grid}.gz-dist-chip.me{opacity:1}.gz-dist-chip.me .gz-dist-chip-name{color:var(--gold);font-weight:600}.gz-dist-chip.done .gz-dist-chip-bar span{background:linear-gradient(90deg,#66bb6a,#43a047)}.gz-dist-chip-name{white-space:nowrap;font-weight:500}.gz-dist-chip-bar{background:var(--white10);border-radius:3px;height:6px;display:block;overflow:hidden}.gz-dist-chip-bar span{background:linear-gradient(90deg, var(--gold), #e3c158);border-radius:3px;height:100%;transition:width .3s ease-out;display:block}.gz-dist-chip-num{text-align:right;font-variant-numeric:tabular-nums;opacity:.7;font-size:11px}.gz-card-quota{border-radius:var(--radius-sm);background:#d4af370d;border:1px dashed #d4af3740;margin-top:8px;padding:6px 8px}.gz-card-quota-label{color:var(--white);opacity:.8;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.gz-card-quota-label strong{color:var(--gold)}.gz-card-quota-bar{background:var(--white10);border-radius:2px;height:4px;overflow:hidden}.gz-card-quota-bar span{background:linear-gradient(90deg, var(--gold), #e3c158);height:100%;transition:width .3s ease-out;display:block}.gz-counter-quota{border-radius:var(--radius);background:#d4af370f;border:1px solid #d4af3733;margin-top:10px;padding:10px 12px}.gz-counter-quota.done{background:#43a0471a;border-color:#43a04759}.gz-counter-quota-head{color:var(--white);opacity:.85;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.gz-counter-quota-head strong{color:var(--gold);font-size:13px}.gz-counter-quota.done .gz-counter-quota-head strong{color:#81c784}.gz-counter-quota-bar{background:var(--white10);border-radius:3px;height:6px;overflow:hidden}.gz-counter-quota-bar span{background:linear-gradient(90deg, var(--gold), #e3c158);height:100%;transition:width .3s ease-out;display:block}.gz-counter-quota.done .gz-counter-quota-bar span{background:linear-gradient(90deg,#66bb6a,#43a047)}.gz-counter-quota-note{color:#81c784;margin-top:6px;font-size:12px}.gz-live-pulse{background:#66bb6a;border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-out infinite gz-pulse-dot;display:inline-block;box-shadow:0 0 #66bb6ab3}.gz-live-strip{border-radius:var(--radius);background:linear-gradient(#43a0471a,#43a04708);border:1px solid #66bb6a47;padding:10px 12px}.gz-live-strip-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.gz-live-strip-title{color:var(--white);flex:auto;font-size:13px;font-weight:600}.gz-live-strip-sub{text-transform:uppercase;letter-spacing:.8px;color:#81c784;font-size:10px;font-weight:700}.gz-live-strip-members{flex-wrap:wrap;gap:8px;display:flex}.gz-live-member{background:var(--white05);border:1px solid var(--white10);border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:inline-flex}.gz-live-member.counting{background:#66bb6a1f;border-color:#66bb6a66}.gz-live-member-avatar{width:24px;height:24px;color:var(--white);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex;position:relative}.gz-live-member-dot{border:2px solid var(--bg);box-sizing:content-box;background:#43a047;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.gz-live-member.counting .gz-live-member-dot{background:#66bb6a;animation:1.4s ease-out infinite gz-pulse-dot;box-shadow:0 0 #66bb6ab3}.gz-live-member-name{color:var(--white);flex-direction:column;font-size:12px;line-height:1.15;display:inline-flex}.gz-live-member-status{color:#81c784;opacity:.9;font-size:10px}.gz-live-member:not(.counting) .gz-live-member-status{color:var(--white);opacity:.55}.gz-member-live-tag{color:#81c784;text-transform:lowercase;letter-spacing:.3px;background:#66bb6a29;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:600}.gz-counter-live{border-radius:var(--radius);background:#66bb6a1a;border:1px solid #66bb6a4d;align-items:center;gap:10px;padding:8px 12px;display:flex}.gz-counter-live-text{color:var(--white);flex:auto;font-size:12px;line-height:1.35}.gz-counter-live-text strong{color:#81c784;font-weight:600}.gz-counter-live-avatars{gap:-4px;display:flex}.gz-counter-live-avatar{width:24px;height:24px;color:var(--white);text-transform:uppercase;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.gz-counter-live-avatar:first-child{margin-left:0}.gz-counter-live-avatar.counting{box-shadow:0 0 0 2px #66bb6a8c}.gz-app-page button:focus-visible,.gz-app-page a:focus-visible,.gz-app-page [tabindex]:focus-visible,.gz-app-shell .topbar button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.gz-number-input:focus-visible,.gz-text-input:focus-visible,.gz-textarea:focus-visible{box-shadow:none}.gz-sheet:focus{outline:none}.gz-sheet:focus-visible{box-shadow:var(--shadow-elevated), 0 0 0 3px var(--gold-faint)}.gz-invite-input-wrap:has(.gz-invite-hidden:focus-visible) .gz-invite-visual{outline:2px solid var(--gold);outline-offset:3px}@media (prefers-reduced-motion:reduce){.menu,.menu-bg,.gz-app-page *,.gz-sheet,.gz-sheet-bg{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.settings-bg-mockup-page{--settings-bg-page-text:#f8fbf6;--settings-bg-page-muted:#f8fbf6c2;--settings-bg-page-soft:#f8fbf68f;--settings-bg-page-accent:#ffd874;--settings-bg-page-accent-soft:#ffd874c7;z-index:2;width:100%;height:100%;min-height:0;max-height:100%;padding:18px 14px calc(34px + env(safe-area-inset-bottom,0px));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;touch-action:pan-y;color:var(--settings-bg-page-text);background:radial-gradient(78% 54% at 50% 12%,#c8a95129,#0000 62%),radial-gradient(84% 58% at 100% 100%,#2d82561a,#0000 60%),linear-gradient(#071711 0%,#04110d 48%,#020907 100%);position:relative;overflow:hidden auto}.settings-bg-mockup-shell{width:min(100%,1240px);margin:0 auto}.settings-bg-mockup-hero{background:radial-gradient(circle at 18% 0,#c8a9512b,#0000 38%),linear-gradient(145deg,#ffffff0b,#ffffff05),#ffffff06;border:1px solid #c8a95129;border-radius:26px;padding:18px;box-shadow:inset 0 1px #ffffff0f,0 18px 38px #0000003d}.settings-bg-mockup-hero>span{color:var(--settings-bg-page-accent-soft);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.settings-bg-mockup-kicker,.settings-bg-mockup-group-title,.settings-bg-mockup-hero-meta span{color:var(--settings-preview-accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.settings-bg-mockup-hero h1{color:var(--settings-bg-page-text);max-width:11ch;margin:10px 0 0;font-size:clamp(28px,5.5vw,44px);font-weight:800;line-height:.98}.settings-bg-mockup-hero p{max-width:720px;color:var(--settings-bg-page-muted);margin:14px 0 0;font-size:14px;line-height:1.6}.settings-bg-mockup-grid{gap:18px;margin-top:18px;display:grid}.settings-bg-mockup-card{background:linear-gradient(145deg,#ffffff09,#ffffff03),#ffffff05;border:1px solid #ffffff0f;border-radius:28px;gap:16px;min-width:0;padding:16px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 44px #00000038}.settings-bg-mockup-card-copy h2{color:var(--settings-bg-page-text);margin:0;font-size:24px;font-weight:800;line-height:1.05}.settings-bg-mockup-hero-panel h2{color:var(--settings-preview-text);margin:0;font-size:24px;font-weight:800;line-height:1.05}.settings-bg-mockup-card-copy p{color:var(--settings-bg-page-muted);margin:0;font-size:13px;line-height:1.55}.settings-bg-mockup-card-tag{align-items:center;gap:10px;margin-bottom:10px;display:flex}.settings-bg-mockup-card-tag span,.settings-bg-mockup-featured{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.settings-bg-mockup-card-tag span{color:var(--gold);background:#c8a95114;border:1px solid #c8a95138}.settings-bg-mockup-card-tag strong,.settings-bg-mockup-featured{color:#81c784;background:#81c7841a;border:1px solid #81c78438}.settings-bg-mockup-card-note{background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;margin-top:12px;padding:12px 13px}.settings-bg-mockup-card-note span{color:var(--settings-bg-page-soft);font-size:13px;line-height:1.5;display:block}.settings-bg-mockup-device{--settings-preview-text:#f8fbf6;--settings-preview-muted:#f8fbf6c7;--settings-preview-soft:#f8fbf67a;--settings-preview-accent:#ffd874;--settings-preview-accent-soft:#ffd87429;--settings-preview-switch-off:#ffffff2e;--settings-preview-switch-on:#7ab877;--settings-preview-device-bg:radial-gradient(ellipse 88% 54% at 50% -10%, #ffd8741f, transparent 62%), linear-gradient(180deg, #163220 0%, #0b1f16 48%, #07120e 100%);--settings-preview-pattern:none;--settings-preview-vignette:radial-gradient(ellipse 60% 34% at 0% 0%, #00000042, transparent 70%), radial-gradient(ellipse 60% 34% at 100% 0%, #0000003d, transparent 70%), linear-gradient(180deg, #00000024, transparent 22%, transparent 84%, #0000002e);--settings-preview-hero-bg:linear-gradient(145deg, #ffffff0f, #ffffff05), #ffffff08;--settings-preview-group-bg:linear-gradient(180deg, #ffffff0e, #ffffff08), #ffffff07;--settings-preview-group-border:#ffffff14;--settings-preview-row-border:#ffffff12;background:var(--settings-preview-device-bg);width:min(100%,390px);max-width:100%;min-height:760px;color:var(--settings-preview-text);border:1px solid #ffffff14;border-radius:34px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000047,inset 0 1px #ffffff0f}.settings-bg-mockup-device:before,.settings-bg-mockup-device:after{content:"";pointer-events:none;position:absolute;inset:0}.settings-bg-mockup-device:before{background:var(--settings-preview-pattern);opacity:.86;background-repeat:no-repeat}.settings-bg-mockup-device:after{background:var(--settings-preview-vignette)}.settings-bg-mockup-device>*{z-index:1;position:relative}.settings-bg-mockup-device-soft-native{--settings-preview-device-bg:radial-gradient(ellipse 92% 56% at 50% -10%, #ffd87426, transparent 60%), radial-gradient(ellipse 76% 52% at 92% 96%, #34764e2e, transparent 62%), linear-gradient(180deg, #183525 0%, #0f261b 52%, #091610 100%);--settings-preview-hero-bg:radial-gradient(circle at 12% 0%, #ffd8741f, transparent 36%), linear-gradient(145deg, #fff1, #ffffff05), #ffffff08;--settings-preview-group-bg:linear-gradient(180deg, #ffffff12, #ffffff0a), #ffffff08}.settings-bg-mockup-device-home-sibling{--settings-preview-device-bg:radial-gradient(ellipse 86% 46% at 50% -12%, #2e7d5266, transparent 64%), radial-gradient(ellipse 62% 28% at 50% 0%, #ffd8741a, transparent 58%), linear-gradient(180deg, #163722 0%, #0d271b 44%, #081b13 100%);--settings-preview-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg stroke='%23e9c46a' stroke-width='0.8' fill='none' opacity='0.06'%3E%3Cpath d='M36 6L66 36L36 66L6 36Z'/%3E%3Cpath d='M6 6H66V66H6Z'/%3E%3Cpath d='M6 6L66 66M66 6L6 66'/%3E%3C/g%3E%3C/svg%3E");--settings-preview-group-bg:linear-gradient(180deg, #ffffff10, #ffffff07), #081a1257}.settings-bg-mockup-device-layered-solid{--settings-preview-device-bg:radial-gradient(ellipse 82% 52% at 18% -6%, #ffd87429, transparent 60%), radial-gradient(ellipse 74% 56% at 100% 100%, #398a6538, transparent 62%), linear-gradient(160deg, #142f21 0%, #0d2118 52%, #060f0c 100%);--settings-preview-vignette:radial-gradient(ellipse 58% 34% at 0% 0%, #0000003d, transparent 72%), radial-gradient(ellipse 58% 34% at 100% 0%, #0000002e, transparent 72%), linear-gradient(180deg, #ffffff08, transparent 16%, transparent 78%, #0000002e);--settings-preview-hero-bg:radial-gradient(circle at 14% 0%, #ffd87424, transparent 34%), linear-gradient(145deg, #ffffff14, #ffffff07), #ffffff09;--settings-preview-group-bg:radial-gradient(circle at 85% 100%, #50b68014, transparent 36%), linear-gradient(180deg, #ffffff12, #ffffff09), #ffffff08}.settings-bg-mockup-device-minimal-amoled{--settings-preview-text:#fff;--settings-preview-muted:#ffffffbd;--settings-preview-soft:#ffffff6b;--settings-preview-device-bg:radial-gradient(ellipse 92% 52% at 50% -14%, #297b574d, transparent 60%), linear-gradient(180deg, #06110d 0%, #020705 46%, #000 100%);--settings-preview-group-bg:linear-gradient(180deg, #ffffff0c, #ffffff06), #ffffff05;--settings-preview-group-border:#ffffff0f;--settings-preview-row-border:#ffffff0e;--settings-preview-switch-off:#ffffff1f}.settings-bg-mockup-topbar{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;min-height:58px;padding:8px 14px 6px;display:grid}.settings-bg-mockup-topbar button,.settings-bg-mockup-topbar-spacer{width:40px;height:40px}.settings-bg-mockup-topbar button{cursor:default;background:0 0;border:0;border-radius:12px;place-content:center;gap:4px;display:inline-grid}.settings-bg-mockup-topbar button span{background:var(--settings-preview-muted);border-radius:999px;width:18px;height:2px;display:block}.settings-bg-mockup-topbar strong{text-align:center;min-width:0;color:var(--settings-preview-accent);font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:700;line-height:1.04}.settings-bg-mockup-scroll{gap:14px;padding:4px 14px 22px;display:grid}.settings-bg-mockup-hero-panel,.settings-bg-mockup-group-surface{border:1px solid var(--settings-preview-group-border);background:var(--settings-preview-group-bg);-webkit-backdrop-filter:blur(10px);border-radius:22px;box-shadow:inset 0 1px #ffffff0d,0 12px 26px #0000001f}.settings-bg-mockup-hero-panel{background:var(--settings-preview-hero-bg);padding:16px}.settings-bg-mockup-kicker-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.settings-bg-mockup-hero-panel p{color:var(--settings-preview-muted);margin-top:6px;font-size:13px;line-height:1.55}.settings-bg-mockup-hero-meta{border-top:1px solid var(--settings-preview-row-border);margin-top:12px;padding-top:12px}.settings-bg-mockup-hero-meta strong,.settings-bg-mockup-row-copy strong,.settings-bg-mockup-volume-head strong{color:var(--settings-preview-text);font-size:15px;font-weight:700;line-height:1.2;display:block}.settings-bg-mockup-group{gap:8px;display:grid}.settings-bg-mockup-group-surface{overflow:hidden}.settings-bg-mockup-row{justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px 15px;display:flex}.settings-bg-mockup-row+.settings-bg-mockup-row,.settings-bg-mockup-group-surface-volume>*+*{border-top:1px solid var(--settings-preview-row-border)}.settings-bg-mockup-row-copy{flex:auto;min-width:0}.settings-bg-mockup-row-copy span{color:var(--settings-preview-soft);margin-top:4px;font-size:12px;line-height:1.4;display:block}.settings-bg-mockup-row-value{color:var(--settings-preview-muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.settings-bg-mockup-row-value i{color:var(--settings-preview-accent);font-size:16px;font-style:normal;line-height:1}.settings-bg-mockup-switch{background:var(--settings-preview-switch-off);border-radius:999px;flex:none;width:48px;height:30px;position:relative}.settings-bg-mockup-switch-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #00000047}.settings-bg-mockup-switch.is-on{background:var(--settings-preview-switch-on)}.settings-bg-mockup-switch.is-on .settings-bg-mockup-switch-thumb{transform:translate(18px)}.settings-bg-mockup-group-surface-volume{padding:14px 15px}.settings-bg-mockup-volume-head{justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.settings-bg-mockup-volume-head span{color:var(--settings-preview-accent);font-size:13px;font-weight:800}.settings-bg-mockup-volume-track{background:#ffffff1a;border-radius:999px;height:7px;overflow:hidden}.settings-bg-mockup-volume-track span{border-radius:inherit;background:linear-gradient(90deg, var(--settings-preview-accent), #7ab877eb);width:68%;height:100%;display:block}.settings-bg-mockup-group-surface-volume p{color:var(--settings-preview-soft);padding-top:12px;font-size:13px;line-height:1.55}@media (width>=760px){.settings-bg-mockup-page{padding:24px 20px 40px}.settings-bg-mockup-card{padding:18px}}@media (width>=1120px){.settings-bg-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width>=1360px){.settings-bg-mockup-card{grid-template-columns:minmax(0,1fr) minmax(330px,390px);align-items:start}}@media (prefers-reduced-motion:reduce){.settings-bg-mockup-page *,.settings-bg-mockup-device *,.settings-bg-mockup-card *{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.islamic-pattern-page{color:#eef4ec;background:radial-gradient(circle at 50% 0,#e9c46a24,#e9c46a00 26%),linear-gradient(#10261b 0%,#0b1913 48%,#050c09 100%);min-height:100dvh;padding:38px 18px 72px}.islamic-pattern-shell{width:min(1180px,100%);margin:0 auto}.islamic-pattern-hero{max-width:760px;margin-bottom:28px}.islamic-pattern-hero span,.islamic-pattern-preview-meta span{color:#e9c46abd;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.islamic-pattern-hero h1{color:#f7faf2;margin-top:10px;font-size:clamp(32px,5.6vw,56px);font-weight:800;line-height:.98}.islamic-pattern-hero p{color:#e8f0e2c2;max-width:640px;margin-top:14px;font-size:clamp(14px,1.8vw,17px);line-height:1.6}.islamic-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.islamic-pattern-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#ffffff0a,#ffffff03),#081510ad;border:1px solid #97d3ab1f;border-radius:28px;padding:18px;box-shadow:inset 0 1px #ffffff0a,0 18px 42px #0000003d}.islamic-pattern-card-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-bottom:14px;display:grid}.islamic-pattern-card-head>span{color:#f7faf2e0;letter-spacing:.08em;background:#e9c46a14;border:1px solid #e9c46a2e;border-radius:999px;justify-content:center;align-items:center;min-width:42px;min-height:42px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.islamic-pattern-card-head h2{color:#f7faf2;font-size:22px;font-weight:800;line-height:1.04}.islamic-pattern-card-head p{color:#e8f0e2ad;margin-top:5px;font-size:13px;line-height:1.45}.islamic-pattern-preview{border:1px solid #ffffff14;border-radius:24px;min-height:252px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 16px 28px #0003}.islamic-pattern-preview:before,.islamic-pattern-preview:after{content:"";pointer-events:none;position:absolute;inset:0}.islamic-pattern-preview:before{background:linear-gradient(#ffffff21,#fff0 28%),linear-gradient(#0000 62%,#00000024 100%)}.islamic-pattern-preview:after{background:radial-gradient(circle at 50% 0,#ffffff1f,#fff0 42%),radial-gradient(circle at 50% 100%,#0000002e,#0000 44%)}.islamic-pattern-preview-meta{z-index:1;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#080c0a3d,#080c0a94),#080c0a70;border:1px solid #ffffff14;border-radius:18px;gap:3px;padding:12px 14px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.islamic-pattern-preview-meta strong{color:#f7faf2;font-size:15px;font-weight:800;line-height:1.2}.islamic-pattern-note{color:#e8f0e2b8;margin-top:13px;font-size:13px;line-height:1.55}@media (width<=1080px){.islamic-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.islamic-pattern-page{padding:26px 14px 52px}.islamic-pattern-grid{grid-template-columns:1fr;gap:14px}.islamic-pattern-card{border-radius:24px;padding:15px}.islamic-pattern-preview{border-radius:20px;min-height:232px}.islamic-pattern-card-head h2{font-size:20px}}
