/* Tasbeeh */
.tasbeeh-page{position:relative;overflow:hidden}.tasbeeh-main{position:relative;text-align:center;padding:12px 0 0;max-width:690px;margin:0 auto}.tasbeeh-ornament{position:absolute;pointer-events:none;top:48px;left:50%;transform:translateX(-50%);width:700px;height:440px;background:url('../../assets/design/backgrounds/tasbeeh_cream_arch.webp') center top/100% auto no-repeat;opacity:.33;z-index:0}.counter-ring{position:relative;display:block;width:min(330px,87vw);height:min(330px,87vw);border:0;background:transparent;padding:0;margin:0 auto;z-index:1;color:var(--deep)}.ring-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 11px 13px #698d7221)}.ring-bg{fill:var(--ivory);stroke:#e3f0e3;stroke-width:16}.ring-outline{fill:none;stroke:#cfe0d2;stroke-width:1.5}.ring-progress{fill:none;stroke:url(#ringGradient);stroke-width:15;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .34s ease}.ring-knob{fill:#eac26d;stroke:#b98332;stroke-width:1.3;filter:drop-shadow(0 3px 3px #9e7c4055)}.beads{width:82px;height:65px;position:absolute;top:35px;left:50%;transform:translateX(-50%);object-fit:cover;object-position:50% 20%;mix-blend-mode:multiply;border-radius:28px}.counter-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:38px}.count-number{font:700 73px/1 var(--serif);letter-spacing:-3px}.count-target{font-size:21px;color:#326052;margin-top:6px}.count-percent{font-size:15px;margin-top:12px;color:#4a6c62}.tap-hint{color:#b58d4a;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:800;margin-top:7px}.dhikr-name{font:700 35px/1.2 var(--serif);margin:15px 0 4px;letter-spacing:-.8px}.dhikr-meaning{font-size:15px;color:#365f54;margin:0}.counter-controls{display:flex;justify-content:center;gap:44px;margin:24px 0 21px}.counter-control{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;color:var(--ink);font-size:12px}.control-round{width:53px;height:53px;border-radius:50%;border:1px solid #e8e1d3;display:grid;place-items:center;background:var(--ivory);box-shadow:0 7px 17px #483d1b0f}.counter-control.on .control-round{background:linear-gradient(150deg,#0e7c5b,#064538);color:white;border:none}.tasbeeh-options{max-width:690px;margin:23px auto 0}.subhead{font:700 22px var(--serif);display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.dhikr-list{display:grid;gap:9px}.dhikr-choice{display:flex;align-items:center;gap:15px;text-align:left;width:100%;border:1px solid #e7e5dc;border-radius:17px;background:#fffdf8;min-height:76px;padding:9px 15px;box-shadow:0 5px 15px #3228150a}.dhikr-choice.active{background:linear-gradient(100deg,#eaf5eb,#e7f3e8);border:1px solid #a4d5b4}.dhikr-choice img{width:57px;height:57px;object-fit:contain;border-radius:14px}.dhikr-choice-info{flex:1;min-width:0}.dhikr-choice strong{display:block;font:700 16px var(--serif);margin-bottom:6px}.dhikr-choice small{color:var(--muted);font-size:11px}.dhikr-choice .check{width:27px;height:27px;background:#077457;color:white;border-radius:50%;display:grid;place-items:center}.progress-mini{margin-top:17px;color:var(--muted);font-size:12px;text-align:center}
