.tasbeeh-counter{max-width:920px;margin:0 auto;display:flex;gap:12px}.tasbeeh-note{margin-top:44px}.flip-digit{position:relative;flex:1;height:160px;border-radius:22px;border:1px solid var(--border);overflow:hidden}.flip-half{position:absolute;left:0;right:0;height:50%;overflow:hidden}.flip-half.flip-top{top:0}.flip-half.flip-bottom{bottom:0}.flip-face{position:absolute;left:0;right:0;height:200%;background:var(--bg-card);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:132px;font-weight:700;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.flip-top .flip-face{top:0}.flip-bottom .flip-face{bottom:0}.flip-top::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.3));pointer-events:none}.flip-front{display:none;z-index:2}.flip-front.flip-top{transform-origin:bottom}.flip-front.flip-bottom{transform-origin:top}.flip-groove{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:linear-gradient(to bottom,rgba(0,0,0,0.5),transparent);pointer-events:none;z-index:3}.tasbeeh-pad{display:flex;align-items:center;justify-content:center;width:100%;max-width:920px;margin:12px auto 0;min-height:600px;background:none;border:1px dashed var(--border);border-radius:22px;color:var(--text-3);font:inherit;font-size:16.5px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.tasbeeh-pad:hover{border-color:var(--border-strong)}.tasbeeh-actions{max-width:920px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:14px}.tasbeeh-actions .dua-reset-all{margin:0}@media (max-width:640px){.flip-digit{height:100px;border-radius:16px}.flip-face{font-size:80px;border-radius:16px}.tasbeeh-counter{gap:8px}.tasbeeh-pad{min-height:440px}}