.dc-dhikr-counter{margin:20px 0 8px;padding:18px;border:2px solid #2d7d78;border-radius:20px;background:#e4f6f2;color:#123d39;font:700 17px/1.7 system-ui,sans-serif;clear:both}.dc-dhikr-counter p{color:#123d39!important;background:transparent!important;font:inherit!important;margin:8px 0}.dc-dhikr-counter .dc-counter-tap{display:block;width:100%;min-height:76px;padding:15px;border:2px solid #c8ab61;border-radius:16px;background:#185d59;color:#fff;font:800 24px/1.5 system-ui;touch-action:manipulation;cursor:pointer}.dc-dhikr-counter progress{width:100%;height:18px;accent-color:#247b65}.dc-counter-controls{display:flex;gap:12px;justify-content:center}.dc-counter-controls button{min-height:44px;padding:8px 18px;background:#fff9e5;color:#173f39;border:1px solid #7a9b89;border-radius:12px;font:700 16px system-ui}.dc-dhikr-counter input{width:100px;min-height:44px;font-size:20px}.dc-dhikr-counter[data-complete=true]{border-color:#9a7725;background:#fff4cc}.dc-dhikr-tappable{cursor:pointer;touch-action:manipulation}.dc-dhikr-tappable:focus-visible,.dc-dhikr-counter button:focus-visible{outline:3px solid #af8527;outline-offset:5px}.dc-khatm-card[data-khatm=dhikr]{--tile:#e1f5f2;--edge:#186f68;background:linear-gradient(135deg,#237d74,#174c52)!important;color:#fff!important}.dc-khatm-card[data-khatm=dhikr] :is(h3,p,.dc-khatm-top,.dc-khatm-count){color:#fff9e7!important}.dc-khatm-card[data-khatm=dhikr] .dc-khatm-link{background:#fff4d1!important;color:#174c52!important}html body .dc-dhikr-counter button.dc-counter-tap{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%!important;min-height:112px!important;padding:22px 16px!important;margin:14px 0 18px!important;background:linear-gradient(145deg,#237e74,#104e4a)!important;color:#fff!important;border:3px solid #f3d88b!important;border-radius:24px!important;box-shadow:0 8px #083b37,0 14px 24px #123e343b!important;font:800 26px/1.7 system-ui,sans-serif!important;text-align:center!important;cursor:pointer!important;transform:translateY(0)}html body .dc-dhikr-counter button.dc-counter-tap:before{content:"\261d";display:block;font-size:34px;line-height:1.1;margin-bottom:5px}html body .dc-dhikr-counter button.dc-counter-tap:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #083b37!important}html body .dc-dhikr-counter button.dc-counter-tap:disabled{background:#38704f!important;box-shadow:0 4px #234a32!important;cursor:default!important;opacity:1!important}
/* Counter beside repetition context, close to the text being read. */
html body .dc-count-context-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:14px 0}html body .dc-count-context-row>.dhikr-count,html body .dc-count-context-row>.info,html body .dc-count-context-row>.repeat{flex:1 1 145px;min-width:0;margin:0!important}html body .dc-count-context-row>.dc-dhikr-counter{flex:0 1 205px;min-width:140px;max-width:100%;margin:0!important;padding:10px!important;clear:none;box-sizing:border-box;background:#e4f6f2!important;color:#080808!important}html body .dc-dhikr-counter :is(p,label,input,button){color:#080808!important;-webkit-text-fill-color:#080808!important;text-shadow:none!important}html body .dc-dhikr-counter button.dc-counter-tap{min-height:68px!important;margin:6px 0 10px!important;padding:8px!important;font-size:21px!important;line-height:1.5!important;background:#f7dfa0!important;color:#080808!important;-webkit-text-fill-color:#080808!important;box-shadow:0 4px #8c6d2f!important;border:2px solid #9f7a29!important;border-radius:14px!important}html body .dc-dhikr-counter button.dc-counter-tap:before{font-size:23px;margin:0}html body .dc-dhikr-counter .dc-counter-title,html body .dc-dhikr-counter .dc-counter-status{font-size:12px!important;line-height:1.5!important;margin:4px 0!important}html body .dc-dhikr-counter label{display:flex;align-items:center;gap:5px;font-size:13px!important;flex-wrap:wrap}html body .dc-dhikr-counter input{width:64px;min-height:36px;font-size:17px}html body .dc-counter-controls{gap:5px;flex-wrap:wrap}html body .dc-counter-controls button{font-size:12px!important;padding:5px 7px;min-height:36px}html body .dc-dhikr-counter progress{height:9px}html body .dc-dhikr-counter button.dc-counter-tap:disabled{background:#d8edc9!important;color:#080808!important}

html body :is(#dc-counter-ink,.dc-dhikr-counter):is(#dc-counter-contrast,.dc-dhikr-counter){background:#e4f6f2!important;color:#080808!important}html body :is(#dc-counter-ink,.dc-dhikr-counter):is(#dc-counter-contrast,.dc-dhikr-counter) :is(p,label,input,button,span,strong){color:#080808!important;-webkit-text-fill-color:#080808!important}html body :is(#dc-counter-ink,.dc-dhikr-counter):is(#dc-counter-contrast,.dc-dhikr-counter) button.dc-counter-tap{background:#f7dfa0!important;color:#080808!important;-webkit-text-fill-color:#080808!important}html body :is(#dc-counter-ink,.dc-dhikr-counter):is(#dc-counter-contrast,.dc-dhikr-counter) button.dc-counter-tap:disabled{background:#d8edc9!important}