.tsb{--tsb-ease-out:cubic-bezier(.23, 1, .32, 1);--tsb-ease-pop:cubic-bezier(.34, 1.4, .64, 1);padding-block:var(--page-top) var(--s-2xl);max-inline-size:var(--shell-prose)}.tsb-center{text-align:center}.tsb h1{margin-block:0 var(--s-sm)}.tsb .lede{color:var(--ink-secondary);margin-inline:auto}.tsb .dhikr-rail{gap:var(--s-sm);padding-block:var(--s-sm) var(--s-base);scrollbar-width:thin;scroll-snap-type:x proximity;margin-inline:calc(var(--s-base) * -1);padding-inline:var(--s-base);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--s-base), #000 calc(100% - var(--s-base)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--s-base), #000 calc(100% - var(--s-base)), transparent 100%);display:flex;overflow-x:auto}@media (width>=52rem){.tsb .dhikr-rail{flex-wrap:wrap;justify-content:center;overflow:visible;-webkit-mask-image:none;mask-image:none}.tsb .dhikr{inline-size:13rem}}.tsb .dhikr{scroll-snap-align:start;text-align:start;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);inline-size:11.5rem;padding:var(--s-md) var(--s-base);cursor:pointer;font:inherit;color:var(--ink);transition:border-color .18s ease, background-color .18s ease, transform .12s var(--tsb-ease-out);flex:none}.tsb .dhikr:active{transform:scale(.97)}.tsb .dhikr.on{border-color:var(--green);background:color-mix(in srgb, var(--green) 6%, var(--surface))}.tsb .dhikr .d-ar{font-family:var(--font-quran);font-size:var(--ar-ui);letter-spacing:0;text-align:center;color:var(--ink);border-block-end:1px solid var(--line);direction:rtl;margin-block-end:var(--s-xs);padding-block-end:var(--s-xs);line-height:1.9;display:block}.tsb .dhikr .d-tr{font-weight:700;font-size:var(--t--1);margin-block-start:2px;display:block}.tsb .dhikr .d-en{font-size:var(--t--1);color:var(--ink-secondary);display:block}.tsb .dhikr.on .d-tr{color:var(--green)}.tsb .presets{justify-content:center;gap:var(--s-sm);margin-block:var(--s-base);flex-wrap:wrap;display:flex}.tsb .chip{min-inline-size:56px}.tsb .pad-wrap{aspect-ratio:1;inline-size:min(80vw,320px);margin:var(--s-lg) auto var(--s-base);position:relative}.tsb .ring{block-size:100%;inline-size:100%;position:absolute;inset:0;transform:rotate(-90deg)}.tsb .ring-track{fill:none;stroke:color-mix(in srgb, var(--green) 12%, var(--surface-alt));stroke-width:7px}.tsb .ring-fill{fill:none;stroke:var(--green);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .2s var(--tsb-ease-out), stroke .24s ease}.tsb .ring-fill.done{stroke:var(--gold)}.tsb .ring-tick{stroke:var(--line-strong,#00000014);stroke-width:3px;stroke-linecap:round;transition:stroke .24s}.tsb .ring-tick.passed{stroke:var(--gold)}.tsb #pad{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform 90ms var(--tsb-ease-out), border-color .24s ease, background-color .24s ease;border-radius:50%;place-content:center;gap:2px;display:grid;position:absolute;inset:16px}.tsb #pad:active{transform:scale(.978)}.tsb #pad.complete{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 7%, var(--surface))}.tsb .pad-ar{font-family:var(--font-quran);font-size:var(--ar-ui);letter-spacing:0;color:var(--ink-secondary);direction:rtl;line-height:1.9;transition:opacity .24s}.tsb .count{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:clamp(3rem,14vw,4.4rem);font-weight:800;line-height:1}.tsb .goal{color:var(--ink-secondary);font-size:var(--t--1);font-variant-numeric:tabular-nums}.tsb .pulse{border:1px solid var(--green);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:16px}.tsb .pulse.go{animation:.38s ease-out tsbPulseOut}@keyframes tsbPulseOut{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.tsb .round-badge{font-weight:700;font-size:var(--t--1);color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:var(--r-full);padding:7px var(--s-md);align-items:center;gap:6px;display:inline-flex}.tsb .round-badge[hidden]{display:none}.tsb .round-badge.pop{animation:tsbBadgePop .22s var(--tsb-ease-pop) both}@keyframes tsbBadgePop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.tsb .dots{margin-block:var(--s-md);flex-wrap:wrap;justify-content:center;gap:6px;min-block-size:12px;display:flex}.tsb .dots i{border-radius:var(--r-full);background:var(--surface-alt);border:1px solid var(--line);block-size:9px;inline-size:9px;display:block}.tsb .dots i.f{background:var(--gold);border-color:var(--gold)}.tsb .dots i.new{animation:tsbDotIn .22s var(--tsb-ease-pop) both}@keyframes tsbDotIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.tsb .tsb-actions{gap:var(--s-sm);margin-block:var(--s-base) var(--s-xl);flex-wrap:wrap;justify-content:center;display:flex}.tsb .stats{gap:var(--s-md);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.tsb .stat{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:var(--s-base) var(--s-lg);gap:var(--s-xs);flex-direction:column;display:flex}.tsb .stat .v{font-size:var(--t-2);font-variant-numeric:tabular-nums;color:var(--green);font-weight:700}.tsb .stat .k{font-size:var(--t--1);color:var(--ink-secondary)}.tsb .tsb-app-h{margin-block:var(--s-2xl) var(--s-base);text-align:center}.tsb .tsb-shots{gap:var(--s-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;margin-block-end:var(--s-xl);display:grid}.tsb .tsb-stores{justify-content:center;margin-block:0;display:flex}