@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-500-normal-DPXcppbm.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-arabic-600-normal-0pRdybE_.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-600-normal-MJZ0liF5.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-arabic-700-normal-9rXc6cUL.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-400-normal-CFZh1unN.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-arabic-latin-600-normal-KrqB56Mw.woff2) format("woff2"),url(/assets/ibm-plex-sans-arabic-latin-600-normal-Dk5eISD_.woff) format("woff")}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/reem-kufi-arabic-600-normal-DfPr_Olo.woff2) format("woff2"),url(/assets/reem-kufi-arabic-600-normal-BlglqIsH.woff) format("woff")}@font-face{font-family:Reem Kufi;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/reem-kufi-arabic-700-normal-D4RhYlR1.woff2) format("woff2"),url(/assets/reem-kufi-arabic-700-normal-2X0LRV6P.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2) format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff) format("woff")}:root{--ground: #f4f1e9;--surface: #fffdf8;--raised: #f8f5ee;--ink: #1b2a2b;--ink-soft: #3a4a4b;--muted: #64706d;--line: #ddd7c9;--line-soft: #ebe6da;--focus: #2d5ba8;--panel: #173a3e;--panel-2: #1d454a;--on-panel: #f4f1e9;--on-panel-soft: #c9d6d2;--gold: #d7a44a;--gold-deep: #b8862e;--live: #d2483d;--sun: #c27c1c;--night: #3d5e9e;--pine: #2e8a72;--teal: #25706b;--font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--display: "Reem Kufi", "IBM Plex Sans Arabic", system-ui, sans-serif;--naskh: "Amiri", "Amiri Quran", "Traditional Arabic", "Times New Roman", serif;--quran: "Amiri Quran", "Amiri", "Traditional Arabic", serif;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--gutter: 16px;--tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg fill='none' stroke='white' stroke-opacity='.10' stroke-width='1.1'%3E%3Crect x='6' y='6' width='10' height='10'/%3E%3Crect x='6' y='6' width='10' height='10' transform='rotate(45 11 11)'/%3E%3C/g%3E%3C/svg%3E");--star: polygon(50% 0, 64.64% 14.64%, 85.36% 14.64%, 85.36% 35.36%, 100% 50%, 85.36% 64.64%, 85.36% 85.36%, 64.64% 85.36%, 50% 100%, 35.36% 85.36%, 14.64% 85.36%, 14.64% 64.64%, 0 50%, 14.64% 35.36%, 14.64% 14.64%, 35.36% 14.64%);color-scheme:light}@media (prefers-color-scheme: dark){:root{--ground: #0e1617;--surface: #152022;--raised: #1a2729;--ink: #e7ece8;--ink-soft: #c3ccc8;--muted: #94a19e;--line: #2a393b;--line-soft: #1f2d2f;--focus: #8fb0ea;--panel: #13302f;--panel-2: #193d3c;--live: #ff6b5f;--sun: #e2a54a;--night: #8fb0ea;--pine: #4fc0a0;--teal: #5cbab3;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-tap-highlight-color:transparent;overflow-x:hidden}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.3;margin:0}p{margin:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{width:100%;max-width:620px;margin:0 auto;padding:0 var(--gutter) calc(110px + env(safe-area-inset-bottom))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:0;border-radius:var(--r-md);background:var(--c, var(--panel));color:#fff;font-weight:600;text-decoration:none;cursor:pointer}.icon-btn{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border:0;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;text-decoration:none}.icon-btn:disabled{opacity:.4;cursor:default}.aa{display:inline-flex;align-items:baseline;gap:1px;font-family:var(--naskh);font-weight:700;font-size:1.3rem;line-height:1}.aa.small{font-size:.95rem}.aa b{font-family:var(--font);font-size:.8rem;font-weight:700}.chip{display:inline-flex;align-items:center;white-space:nowrap;min-height:40px;padding:0 15px;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:var(--surface);font-weight:500}.chip.on{border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c);background:color-mix(in srgb,var(--c) 12%,var(--surface));font-weight:700}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--line-soft)}.segmented button{border:0;background:none;cursor:pointer;min-width:58px;padding:8px 16px;border-radius:999px;font-weight:500;color:var(--ink-soft)}.segmented button.on{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 1px 2px #00000014}.reset{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:.88rem;font-weight:500;cursor:pointer}.reset.confirm{background:color-mix(in srgb,var(--live) 14%,transparent);color:var(--live);font-weight:600}.link-btn{border:0;background:none;padding:0;cursor:pointer;color:var(--gold);font-weight:700;text-decoration:underline;text-underline-offset:3px}.home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding:max(18px,env(safe-area-inset-top)) 0 18px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand img{border-radius:11px;flex:none}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-name{font-family:var(--display);font-weight:700;font-size:1.45rem;line-height:1.25}.hijri{color:var(--muted);font-size:.82rem;font-weight:500;line-height:1.5;white-space:nowrap}@media (max-width: 379px){.hijri-day{display:none}}.install{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:38px;padding:0 14px 0 13px;border:0;border-radius:999px;cursor:pointer;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-size:.86rem;font-weight:600;transition:box-shadow .2s ease,background-color .2s ease}.install .icon{color:var(--gold-deep)}.install:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 70%,var(--line))}.install:active{transform:scale(.97)}@media (prefers-color-scheme: dark){.install .icon{color:var(--gold)}}.sheet-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#0a141673;animation:fade .2s ease-out}.sheet{width:100%;max-width:420px;display:grid;justify-items:center;gap:10px;padding:24px 20px 18px;border-radius:22px;background:var(--surface);box-shadow:0 20px 50px -20px #00000080;text-align:center;animation:rise .25s ease-out}.sheet-icon img{display:block;border-radius:14px}.sheet h2{font-size:1.2rem}.sheet-steps{list-style:none;margin:6px 0 0;padding:0;width:100%;display:grid;gap:8px;text-align:start}.sheet-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-soft);font-size:.95rem}.step-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--night)}.sheet-note{color:var(--muted);font-size:.86rem}.sheet-ok{width:100%;margin-top:4px;--c: var(--panel)}.tiles{display:grid;gap:12px;margin-top:16px}.tiles-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{--c: var(--teal);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:150px;padding:18px 16px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-soft),0 1px 2px #281e0a0a;text-decoration:none;overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}.tile:before{content:"";position:absolute;inset:0 0 auto;height:5px;background-color:var(--c);background-image:var(--tile);background-size:12px 12px}.tile:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,var(--line)),0 4px 14px -8px #281e0a40}.tile:active{transform:scale(.985)}.tile-wide{flex-direction:row;align-items:center;min-height:92px;padding:20px 16px 16px}.tile-icon{flex:none;display:grid;place-items:center;width:54px;height:54px;clip-path:var(--star);background:color-mix(in srgb,var(--c) 16%,var(--surface));color:var(--c)}.tile-body{display:flex;flex-direction:column;gap:3px;min-width:0}.tile-title{font-family:var(--display);font-weight:600;font-size:1.22rem;line-height:1.35;color:var(--ink)}.tile-sub{color:var(--muted);font-size:.86rem;line-height:1.5}.tile-tag{position:absolute;top:16px;inset-inline-end:12px;padding:1px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c);font-size:.75rem;font-weight:700}.tile-check{position:absolute;top:16px;inset-inline-end:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c);color:var(--surface)}.tile-bar{position:absolute;inset:auto 16px 12px;height:4px;border-radius:3px;background:var(--line-soft);overflow:hidden}.tile-bar span{display:block;height:100%;background:var(--c);border-radius:3px}.tile-wide .tile-bar{inset-inline-start:84px}.home-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:16px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:.82rem}.page-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;margin:0 calc(var(--gutter) * -1);padding:max(10px,env(safe-area-inset-top)) var(--gutter) 10px;background:color-mix(in srgb,var(--ground) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page-head h1{flex:1;min-width:0;font-size:1.3rem;font-weight:700}.page-head-tools{display:flex;gap:8px}.progress{position:sticky;top:calc(62px + env(safe-area-inset-top));z-index:19;display:flex;align-items:center;gap:12px;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 10px;background:color-mix(in srgb,var(--ground) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}.progress-track{flex:1;height:6px;border-radius:4px;background:var(--line-soft);overflow:hidden}.progress-track span{display:block;height:100%;border-radius:4px;background:var(--c);transition:width .35s ease}.progress-text{font-weight:600;font-size:.9rem;color:var(--ink-soft);white-space:nowrap}.list-hint{margin:14px 0 4px;color:var(--muted);font-size:.88rem}.dhikr-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:14px}.dhikr-slot{scroll-margin-top:calc(118px + env(safe-area-inset-top))}.dhikr{position:relative;padding:18px 18px 14px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-soft);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease,opacity .3s ease,transform .1s ease}.dhikr:active{transform:scale(.992)}.dhikr:before{content:"";position:absolute;inset-block:18px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--c);opacity:.85}.dhikr.is-done{opacity:.55;cursor:default;box-shadow:inset 0 0 0 1px var(--line-soft)}.dhikr.is-done:active{transform:none}.dhikr.is-done:before{opacity:.35}.dhikr-title{margin-bottom:8px;font-size:.92rem;font-weight:600;color:var(--c)}.dhikr-text{font-family:var(--naskh);font-size:calc(1.42rem * var(--text-scale, 1));line-height:2.05;color:var(--ink)}.quran{color:var(--ink)}.istiadha,.basmala{margin-bottom:4px;font-family:var(--naskh);font-size:calc(1.2rem * var(--text-scale, 1));line-height:2;color:var(--ink-soft)}.basmala{font-family:var(--quran);text-align:center}.ayat{font-family:var(--quran);font-size:calc(1.6rem * var(--text-scale, 1));line-height:2.35}.ayah-no{color:var(--c);white-space:nowrap}.dhikr-note{margin-top:10px;padding:6px 10px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--c) 9%,transparent);color:var(--ink-soft);font-size:.86rem;font-weight:500}.dhikr-virtue{margin-top:10px;color:var(--muted);font-size:.88rem;line-height:1.75}.dhikr-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.dhikr-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.dhikr-times{font-weight:600;font-size:.9rem;color:var(--ink-soft)}.dhikr-source{font-size:.8rem;color:var(--muted)}.counter{--p: 0;flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 1turn),var(--line-soft) 0);transition:background .2s ease}.counter-in{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);font-family:var(--display);font-weight:700;font-size:1.25rem;color:var(--c)}.dhikr.is-done .counter{background:var(--c)}.dhikr.is-done .counter-in{background:var(--c);color:var(--surface)}.finish{margin-top:22px;padding:28px 20px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--c) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent);text-align:center;display:grid;justify-items:center;gap:8px}.finish-star{display:grid;place-items:center;width:64px;height:64px;clip-path:var(--star);background:var(--c);color:var(--surface);margin-bottom:6px}.finish h2{font-size:1.5rem}.finish p{color:var(--ink-soft);margin-bottom:10px}.journey{position:relative;overflow:hidden;padding:18px 20px 20px;border-radius:var(--r-lg);background-color:var(--panel);background-image:var(--tile),linear-gradient(160deg,var(--panel-2),var(--panel) 60%);background-size:22px 22px,auto;color:var(--on-panel);box-shadow:0 10px 30px -18px #0a1e20b3}.journey:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-deep));opacity:.85}.journey-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold)}.journey-kicker{padding:2px 11px;border-radius:999px;background:#ffffff14;color:var(--on-panel-soft);font-size:.8rem;font-weight:600}.journey-title{margin-top:14px;font-size:clamp(1.55rem,1.2rem + 1.6vw,2rem);font-weight:700;line-height:1.35}.journey-line{margin-top:2px;color:var(--on-panel-soft);font-size:.95rem}.journey-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.journey-steps li{position:relative;display:grid;justify-items:start;align-content:start;gap:4px;padding:10px 10px 9px;border-radius:var(--r-md);background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff12;min-width:0}.journey-steps li.is-now{background:#d7a44a24;box-shadow:inset 0 0 0 1px #d7a44a8c}.jstep-no{display:grid;place-items:center;width:24px;height:24px;clip-path:var(--star);background:#ffffff1f;color:var(--on-panel);font-family:var(--display);font-weight:700;font-size:.82rem;line-height:1}.journey-steps li.is-now .jstep-no,.journey-steps li.is-done .jstep-no{background:var(--gold);color:var(--panel)}.jstep-label{font-family:var(--display);font-weight:600;font-size:.98rem;line-height:1.35}.journey-steps li.is-done .jstep-label{color:var(--on-panel-soft)}.jstep-status{font-size:.78rem;color:var(--on-panel-soft);line-height:1.3}.journey-steps li.is-now .jstep-status{color:var(--gold);font-weight:700}.journey-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-bottom:4px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--gold);color:var(--panel);font-family:var(--display);font-weight:700;font-size:1.1rem;text-decoration:none;cursor:pointer;box-shadow:0 0 0 5px #d7a44a29,0 8px 18px -8px #0009;transition:transform .15s ease}.cta:active{transform:scale(.97)}.new-umrah{border:0;background:none;padding:6px 4px;cursor:pointer;color:var(--on-panel-soft);font-size:.86rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff4d}.new-umrah.confirm{color:#ffb3aa;font-weight:700;text-decoration:none}.steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:14px}.dhikr:not([role=button]){cursor:default;-webkit-user-select:text;user-select:text}.dhikr:not([role=button]):active{transform:none}.dhikr-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dhikr-head .dhikr-title{margin-bottom:0;font-size:.98rem}.step-no{flex:none;display:grid;place-items:center;width:28px;height:28px;clip-path:var(--star);background:color-mix(in srgb,var(--c) 16%,var(--surface));color:var(--c);font-family:var(--display);font-weight:700;font-size:.9rem;line-height:1}.dhikr-text+.dhikr-text{margin-top:4px}.ayat+.dhikr-text{margin-top:6px}.ayat .orn{color:var(--c);font-family:var(--quran);padding-inline:2px}.ayah-ref{display:inline-block;margin-inline-start:8px;font-family:var(--font);font-size:.78rem;font-weight:600;color:var(--muted);vertical-align:middle}.info-text{font-size:calc(1.02rem * var(--text-scale, 1));line-height:1.85;color:var(--ink)}.dhikr.is-info{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-soft)}.dhikr.is-info:before{background:var(--line)}.dhikr.is-info .step-no{background:var(--line-soft);color:var(--muted)}.dhikr.is-info .dhikr-title{color:var(--ink-soft)}.dhikr-foot{flex-wrap:wrap}.dhikr-foot>.dhikr-source{margin-inline-start:auto}.dhikr-foot>.dhikr-meta{flex:1 1 0}.counter-link{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-soft);text-decoration:none}.counter-link>span:nth-child(2){flex:1;display:grid}.counter-link strong{font-family:var(--display);font-weight:600;font-size:1.1rem}.counter-link strong+span{color:var(--muted);font-size:.86rem}.counter-link>.icon{color:var(--muted);transform:scaleX(-1)}.counter-link .tile-icon{width:46px;height:46px}.awake{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c);font-size:.78rem;font-weight:700}.sai-way{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 0}.sai-way .hill{padding:5px 14px;border-radius:999px;font-family:var(--display);font-weight:600;font-size:1.05rem;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}.sai-way .hill.to{background:var(--c);color:var(--surface);box-shadow:none}.sai-way .way{display:inline-flex;align-items:center;color:var(--c)}.sai-way .way i{display:block;width:34px;height:0;border-top:2px dashed color-mix(in srgb,var(--c) 55%,transparent)}.sai-way .way.fwd{flex-direction:row}.sai-way .way.back{flex-direction:row-reverse}.sai-way .way.back .icon{transform:scaleX(-1)}.lap-ring{position:relative;display:grid;place-items:center;width:min(76vw,320px);aspect-ratio:1;margin:18px auto 0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 11%,var(--surface)) 0,var(--surface) 70%);box-shadow:0 18px 40px -24px #1428288c,inset 0 0 0 1px var(--line-soft);color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .2s ease}.lap-ring:active:not(:disabled){transform:scale(.97)}.lap-ring:disabled{cursor:default}.lap-ring.is-confirm{box-shadow:0 18px 40px -24px #1428288c,inset 0 0 0 3px color-mix(in srgb,var(--live) 60%,transparent)}.lap-arcs{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg) scaleY(-1)}.arc{fill:none;stroke:var(--line-soft);stroke-width:5;stroke-linecap:round;transition:stroke .25s ease}.arc.done{stroke:var(--c)}.arc.now{stroke:color-mix(in srgb,var(--c) 40%,var(--line-soft));animation:beat 2.2s ease-in-out infinite}.lap-ring.is-complete .arc.done{stroke:color-mix(in srgb,var(--c) 80%,var(--gold))}.lap-in{display:grid;justify-items:center;gap:0;animation:tick .22s ease-out}.lap-word{color:var(--muted);font-size:1rem;font-weight:600}.lap-count{font-family:var(--display);font-weight:700;font-size:clamp(4.6rem,3.4rem + 7vw,6.4rem);line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}.lap-of{color:var(--c);font-family:var(--display);font-weight:600;font-size:1.05rem}.lap-check{display:grid;place-items:center;width:96px;height:96px;clip-path:var(--star);background:var(--c);color:var(--surface)}.lap-prompt{margin-top:14px;text-align:center;font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--ink-soft)}.lap-prompt.is-confirm{color:var(--live)}.lap-tip{margin:6px auto 0;max-width:34em;text-align:center;color:var(--muted);font-size:.86rem;line-height:1.7}.counter-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}.reset:disabled{opacity:.4;cursor:default}.last-tap{text-align:center;color:var(--muted);font-size:.82rem;margin-top:2px}.now{margin-top:26px}.now-title{margin:18px 0 10px;font-size:1rem;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;gap:10px}.now-title:after{content:"";flex:1;height:1px;background:var(--line-soft)}.now-list{display:grid;gap:12px}.now-free{margin-top:12px;color:var(--muted);font-size:.88rem;line-height:1.8}.now-free a{color:var(--c);font-weight:600;text-underline-offset:3px}.dhikr.mini{padding:14px 16px 12px}.dhikr.mini .dhikr-text{font-size:calc(1.3rem * var(--text-scale, 1));line-height:1.95}.dhikr.mini .ayat{font-size:calc(1.45rem * var(--text-scale, 1));line-height:2.2}.dhikr.mini .dhikr-foot{margin-top:10px;padding-top:10px}.doubt{margin-top:22px;text-align:center;color:var(--muted);font-size:.84rem}.finish .now-list{width:100%;text-align:start;margin:6px 0 10px}.finish-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.finish .link-btn{color:var(--c)}.finish .btn{min-height:50px}@keyframes beat{0%,to{opacity:1}50%{opacity:.45}}@keyframes tick{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}@media (min-width: 720px){:root{--gutter: 24px}.home-head{padding-top:36px}.journey{padding:22px 26px 20px}.tiles,.tiles-pair{gap:14px}.tile:not(.tile-wide){min-height:160px}.journey-steps{gap:10px}.journey-steps li{padding:12px 14px 11px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}