.tasbih,.tasbih-page .page-shell__body{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}.tasbih{inline-size:100%;padding-block:var(--sp-4) var(--sp-8)}.tasbih__pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);inline-size:min(100%,22rem);min-block-size:60dvh;padding:var(--sp-8) var(--sp-6);border:1px solid var(--border-gold);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-md);color:var(--text);cursor:pointer;text-align:center;transition:transform .12s var(--ease,ease),background-color .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.tasbih__pad:active{transform:scale(.99)}.tasbih__pad.is-milestone{background:var(--primary-soft);border-color:var(--primary)}.tasbih__count{color:var(--interactive-text);font-size:clamp(4rem,22vw,7rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.tasbih__pad.is-milestone .tasbih__count{animation:tasbih-pop .55s ease}.tasbih__round{color:var(--text-muted);font-size:var(--fs-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tasbih__hint{color:var(--text-faint);font-size:var(--fs-caption)}.tasbih__tools{display:flex;align-items:center;justify-content:center;min-block-size:var(--tap-min,44px)}.tasbih__confirm{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-muted);font-size:var(--fs-caption)}@keyframes tasbih-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tasbih__pad,.tasbih__pad.is-milestone .tasbih__count{transition:none;animation:none}}