html{height:100%}body{min-height:100%;touch-action:manipulation}body.rtl{direction:rtl}.page-wrapper.counter-page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.page-wrapper.counter-page .top-nav{flex-shrink:0}.app{flex:1;display:flex;flex-direction:column;padding:4px 12px 2px;overflow:hidden;min-height:0;position:relative;z-index:1}.counter-page .header{display:flex !important;flex-direction:row !important;justify-content:space-between;align-items:center;margin-bottom:2px;padding:0 4px;width:100%}.counter-page .brand{display:flex !important;flex-direction:row !important;align-items:center;gap:6px;text-decoration:none}.counter-page .brand-logo{width:80px !important;height:80px !important;flex-shrink:0;border-radius:8px;object-fit:contain}.counter-page .brand-text{display:flex;flex-direction:column;gap:0}.header-btns{display:flex !important;flex-direction:row !important;gap:3px;align-items:center;flex-shrink:0}.lang-select{padding:0 18px 0 6px;border:2px solid #cbd5e0 !important;border-radius:6px !important;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M5 6L0 0h10z'/%3E%3C/svg%3E") no-repeat right 5px center !important;font-size:10px !important;color:#334155 !important;cursor:pointer;-webkit-appearance:none !important;appearance:none !important;outline:none !important;height:28px !important;line-height:24px !important;text-align:center !important}.lang-select:focus{border-color:var(--accent) !important}.page-wrapper.dark .lang-select{background-color:#3d4555 !important;color:#e2e8f0 !important;border-color:#4a5568 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 10 6'%3E%3Cpath fill='%23aaa' d='M5 6L0 0h10z'/%3E%3C/svg%3E") !important}.icon-btn{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;border:2px solid #cbd5e0 !important;border-radius:6px !important;background-color:#f8fafc !important;font-size:11px !important;cursor:pointer;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:transform .15s;outline:none !important;padding:0 !important}.icon-btn:active{transform:scale(.95)}.icon-btn:focus{border-color:var(--accent) !important}.page-wrapper.dark .icon-btn{background-color:#3d4555 !important;border-color:#4a5568 !important}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;max-width:360px;margin:0 auto;width:100%;min-height:0}.counter-wrap{position:relative;width:150px;height:150px}.progress-ring{transform:rotate(-90deg);width:100%;height:100%}.ring-bg{fill:none;stroke:#e2e8f0;stroke-width:10}.page-wrapper.dark .ring-bg{stroke:#4a5568}.ring-bar{fill:none;stroke:var(--accent);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .4s}.counter-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.count-num{font-size:48px;font-weight:700;line-height:1}.count-goal{font-size:14px;color:#718096;font-weight:500}.dhikr-box{text-align:center}.dhikr-main{font-size:22px;font-weight:600;color:var(--accent);margin-bottom:3px}.dhikr-arabic{font-family:'Amiri',serif;font-size:18px;color:#718096}.page-wrapper.dark .dhikr-arabic{color:#a0aec0}.controls{display:flex;align-items:center;gap:14px}.ctrl-btn{border:none !important;border-radius:50%;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s;outline:none !important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent !important}.ctrl-btn:active{transform:scale(.92)}.btn-side{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;aspect-ratio:1 !important;font-size:20px;background:#f8fafc !important;color:var(--text) !important;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:0 !important;line-height:1 !important}.btn-side:hover{background:#f0f4f8 !important}.page-wrapper.dark .btn-side{background:#3d4555 !important;color:var(--text-dark) !important}.page-wrapper.dark .btn-side:hover{background:#4a5568 !important}.btn-main{width:72px !important;height:72px !important;min-width:72px !important;min-height:72px !important;font-size:36px;background:linear-gradient(145deg,var(--accent),#c9a227) !important;color:#1a1a1a !important;box-shadow:0 6px 20px rgba(212,175,55,.45);padding:0 !important;line-height:1 !important}.btn-main:hover{box-shadow:0 8px 24px rgba(212,175,55,.55)}.bottom{width:100%}.goal-row{display:flex;justify-content:center;gap:4px;margin-bottom:20px}.goal-btn{padding:4px 10px;border:2px solid #cbd5e0;border-radius:6px;background:0 0;font-size:10px;font-weight:600;color:#718096;cursor:pointer;transition:all .15s;outline:none}.goal-btn:hover{background:rgba(212,175,55,.15) !important;border-color:var(--accent) !important;color:var(--accent) !important}.goal-btn.active{background:var(--accent);border-color:var(--accent);color:#1a1a1a}.goal-btn.active:hover{background:var(--accent-hover) !important;border-color:var(--accent-hover) !important;color:#1a1a1a !important}.page-wrapper.dark .goal-btn{border-color:#4a5568;color:#a0aec0}.page-wrapper.dark .goal-btn:hover{background:rgba(212,175,55,.2) !important}.page-wrapper.dark .goal-btn.active{background:var(--accent);color:#1a1a1a}.goal-input{width:42px !important;min-width:42px !important;max-width:42px !important;padding:4px 2px !important;border:2px solid #cbd5e0 !important;border-radius:6px !important;font-size:10px !important;font-weight:600 !important;text-align:center !important;background:0 0 !important;color:var(--text) !important;outline:none !important;-moz-appearance:textfield !important;-webkit-appearance:none !important}.goal-input::-webkit-outer-spin-button,.goal-input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important}.goal-input:focus{border-color:var(--accent) !important}.page-wrapper.dark .goal-input{border-color:#4a5568 !important;color:var(--text-dark) !important}.dhikr-select{width:100%;padding:5px 8px;border:2px solid #cbd5e0;border-radius:6px;font-size:10px;background:#f8fafc;color:var(--text);cursor:pointer;margin-bottom:10px;outline:none}.dhikr-select:focus{border-color:var(--accent)}.page-wrapper.dark .dhikr-select{background:#3d4555;border-color:#4a5568;color:var(--text-dark)}.stats{display:flex;justify-content:space-around;padding:6px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);border-radius:8px;margin-bottom:6px;border:1px solid rgba(212,175,55,.1)}.page-wrapper.dark .stats{background:rgba(255,255,255,.06);border-color:rgba(212,175,55,.15)}.stat{text-align:center}.stat-val{font-size:13px;font-weight:700;color:var(--accent)}.stat-lbl{font-size:7px;color:#718096;text-transform:uppercase;letter-spacing:.4px}.hint{text-align:center;font-size:8px;color:#a0aec0;margin-bottom:4px}@media (hover:none) and (pointer:coarse){.hint{display:none}}@media (max-width:768px){.hint{display:none}}.kbd{display:inline-block;padding:1px 4px;background:rgba(0,0,0,.08);border-radius:3px;font-family:monospace;font-size:7px;margin:0 1px}.page-wrapper.dark .kbd{background:rgba(255,255,255,.1)}.seo-title{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.brand-name{font-size:16px;font-weight:700;color:var(--text);display:block;font-family:'Amiri',serif;letter-spacing:.3px;line-height:1.1}.page-wrapper.dark .brand-name{color:var(--text-dark)}.brand-tagline{font-size:11px;color:#718096;line-height:1.2;display:block;letter-spacing:.2px}.page-wrapper.dark .brand-tagline{color:#a0aec0}.seo-content{background:rgba(255,255,255,.95);padding:40px 20px;margin-top:20px;border-top:1px solid rgba(212,175,55,.2)}.page-wrapper.dark .seo-content{background:rgba(26,26,46,.95)}.seo-content-inner{max-width:800px;margin:0 auto}.seo-content h2{font-size:22px;font-weight:700;color:var(--text);margin:24px 0 12px;font-family:'Amiri',serif}.seo-content h2:first-child{margin-top:0}.page-wrapper.dark .seo-content h2{color:var(--text-dark)}.seo-content p{font-size:14px;line-height:1.8;color:#4a5568;margin-bottom:12px}.page-wrapper.dark .seo-content p{color:#a0aec0}.seo-content ul,.seo-content ol{margin:12px 0;padding-left:24px}.seo-content li{font-size:14px;line-height:1.7;color:#4a5568;margin-bottom:6px}.page-wrapper.dark .seo-content li{color:#a0aec0}.seo-content strong{color:var(--accent);font-weight:600}.page-wrapper.counter-page{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}@media (max-width:768px){.counter-page .brand-logo{width:50px !important;height:50px !important}.brand-name{font-size:14px}.brand-tagline{font-size:9px}}@media (max-width:480px){.counter-page .header{flex-direction:row !important;padding:0 4px}.counter-page .brand{flex-direction:row !important}.counter-page .brand-logo{width:38px !important;height:38px !important}.brand-name{font-size:12px}.brand-tagline{font-size:7px;white-space:nowrap}.header-btns{flex-direction:row !important;gap:2px}.icon-btn{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;font-size:10px !important}.lang-select{height:24px !important;font-size:9px !important;padding:0 14px 0 4px !important}.top-nav{padding:3px 8px;gap:8px}.nav-link{font-size:10px;padding:4px 6px}.counter-wrap{width:130px;height:130px}.count-num{font-size:40px}.count-goal{font-size:12px}.dhikr-main{font-size:18px}.dhikr-arabic{font-size:14px}.btn-main{width:68px !important;height:68px !important;min-width:68px !important;min-height:68px !important;font-size:34px}.btn-side{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;max-width:36px !important;max-height:36px !important;font-size:18px}.controls{gap:12px}.goal-row{margin-bottom:6px;gap:3px}.goal-btn{padding:3px 8px;font-size:9px}.goal-input{width:36px !important;min-width:36px !important;max-width:36px !important}.dhikr-select{padding:4px 6px;font-size:9px;margin-bottom:4px}.stats{padding:4px;margin-bottom:3px}.stat-val{font-size:11px}.stat-lbl{font-size:6px}.beads-wrap{height:35px;margin-top:2px}.bead{width:16px;height:16px}.app{padding:2px 8px}.main{gap:3px}.dhikr-box{margin:2px 0}.bottom{margin-top:2px}}@media (max-width:380px){.counter-page .brand-logo{width:32px !important;height:32px !important}.brand-name{font-size:11px}.brand-tagline{display:none}.counter-wrap{width:115px;height:115px}.count-num{font-size:36px}.btn-main{width:60px !important;height:60px !important;min-width:60px !important;min-height:60px !important;font-size:30px}.btn-side{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;max-width:32px !important;max-height:32px !important}.dhikr-main{font-size:16px}.dhikr-arabic{font-size:12px}.beads-wrap{height:30px}.bead{width:14px;height:14px}}