@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap";.ps-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000080;position:fixed;inset:0}.prayer-sidebar{background:var(--bg);z-index:1000;width:280px;height:100dvh;color:var(--text);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:10px 0 30px #0000001f}.prayer-sidebar::-webkit-scrollbar{width:5px}.prayer-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.prayer-sidebar.open{transform:translate(0)}.ps-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex}.ps-header h2{font-size:1.3rem;font-weight:700}.ps-close{background:var(--bg);width:34px;height:34px;color:var(--text);cursor:pointer;box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:box-shadow .15s,transform .1s;display:flex}.ps-close:hover{transform:translateY(-1px)}.ps-close:active{box-shadow:inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light);transform:translateY(1px)}.ps-content{flex-direction:column;gap:10px;padding:14px 14px 28px;display:flex}.ps-cat-btn{background:var(--bg);color:var(--text);text-align:left;cursor:pointer;box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);border:none;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;font-family:inherit;font-size:.92rem;font-weight:600;transition:box-shadow .15s,transform .15s,background-color .15s,color .15s;display:flex}.ps-cat-btn:hover{transform:translateY(-1px)}.ps-cat-btn.active{background:var(--accent);color:var(--bg);transform:translateY(0);box-shadow:inset 3px 3px 7px #0000002e}.ps-cat-icon{text-align:center;flex-shrink:0;width:26px;font-size:1.15rem}.ps-cat-label{flex:1}.ps-active-dot{background:var(--bg);opacity:.6;border-radius:50%;flex-shrink:0;width:6px;height:6px}:root,[data-color-theme=pearl][data-theme=light]{--bg:#f3f7f8;--text:#2f2e32;--ui:#e6ebed;--ui-active:#fff;--border:#d4dadd;--accent:#2f2e32;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=pearl][data-theme=dark]{--bg:#1e1d21;--text:#f3f7f8;--ui:#2f2e32;--ui-active:#3a3940;--border:#3f3e46;--accent:#f3f7f8;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=green][data-theme=light]{--bg:#f8faf8;--text:#23352c;--ui:#eef3ef;--ui-active:#fff;--border:#d8e3db;--accent:#4d7a5c;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=green][data-theme=dark]{--bg:#15211c;--text:#d9e7de;--ui:#1e2d27;--ui-active:#283b33;--border:#31463d;--accent:#7daa8b;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=olive][data-theme=light]{--bg:#fbfbf7;--text:#343725;--ui:#f1f2e8;--ui-active:#fff;--border:#dde0cb;--accent:#7a8451;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=olive][data-theme=dark]{--bg:#24271e;--text:#e7e5d5;--ui:#2d3125;--ui-active:#373c2e;--border:#444a39;--accent:#9aa36c;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=turquoise][data-theme=light]{--bg:#f4fcfc;--text:#1f3335;--ui:#edf5f5;--ui-active:#fff;--border:#d5e6e6;--accent:#3d8c8e;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=turquoise][data-theme=dark]{--bg:#162426;--text:#dceeee;--ui:#1f3133;--ui-active:#294042;--border:#365355;--accent:#5fafb0;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=sand][data-theme=light]{--bg:#fcfaf1;--text:#3d342c;--ui:#f4eee7;--ui-active:#fff;--border:#e5d8ca;--accent:#9b7550;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}[data-color-theme=sand][data-theme=dark]{--bg:#2a241f;--text:#eee5d8;--ui:#342d27;--ui-active:#403730;--border:#4c433a;--accent:#b7956b;--neu-light:color-mix(in srgb, var(--bg) 85%, white 15%);--neu-dark:color-mix(in srgb, var(--bg) 80%, black 20%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Vazirmatn,sans-serif}body,.app-container,.app-header,.prayer-display,.modal-content,.completion-screen{transition:background-color .3s,color .2s,border-color .3s,box-shadow .3s}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:4px}body{background:var(--bg);color:var(--text);overflow:hidden}.app-container{background:var(--bg);flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative}.global-progress-bg{z-index:1000;background:0 0;width:100%;height:3px;position:absolute;top:0;left:0}.global-progress-fill{background:var(--text);height:100%;transition:width .25s}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 16px;display:flex;position:relative}.header-left,.header-right{z-index:1;align-items:center;gap:8px;min-width:72px;display:flex}.header-right{justify-content:flex-end}.logo{pointer-events:none;white-space:nowrap;font-family:Tajawal,sans-serif;font-size:1.9rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.icon-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:6px;transition:box-shadow .15s;display:flex}.icon-btn:active{box-shadow:inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light)}.menu-btn{flex-direction:column;gap:4px}.dot{background:var(--text);border-radius:50%;width:5px;height:5px}.streak-badge{opacity:.85;white-space:nowrap;background:var(--bg);box-shadow:3px 3px 7px var(--neu-dark), -3px -3px 7px var(--neu-light);border-radius:16px;padding:6px 12px;font-size:.85rem;font-weight:700}.main-content{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:hidden}.prayer-display-wrapper{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.prayer-info-bar{flex-direction:column;flex-shrink:0;gap:5px;padding:0 4px 10px;display:flex}.prayer-name-row{text-align:center}.p-name{opacity:.88;letter-spacing:.01em;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700}.prayer-meta-row{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.p-count{opacity:.5;font-family:Tajawal,sans-serif;font-size:.78rem;font-weight:600}.info-trigger{color:var(--text);cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;padding:4px;transition:opacity .15s;display:flex}.info-trigger:hover{opacity:1}.prayer-display{background:var(--bg);min-height:110px;max-height:calc(50dvh - 150px);box-shadow:10px 10px 24px var(--neu-dark), -10px -10px 24px var(--neu-light);border:none;border-radius:24px;flex:1;padding:20px;overflow-y:auto}.prayer-display::-webkit-scrollbar{width:8px}.prayer-display::-webkit-scrollbar-track{background:0 0;margin-top:16px;margin-bottom:16px}.prayer-display::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:10px}@keyframes prayerComplete{0%{transform:scale(1)}40%{transform:scale(1.012)}to{transform:scale(1)}}.prayer-completed{animation:.5s prayerComplete}.arabic-text{text-align:center;white-space:pre-line;-webkit-user-select:text;user-select:text;direction:rtl;font-family:Tajawal,sans-serif;font-size:1.15rem;line-height:2.2}.counter-ui-container{flex-direction:column;gap:12px;display:flex}.tap-area{cursor:pointer;border-radius:20px;justify-content:center;align-items:center;min-height:140px;display:flex}.counter-section{align-items:baseline;display:flex}.big-count{font-family:Cairo,sans-serif;font-size:clamp(4.5rem,14vw,7.5rem);font-weight:700;line-height:1}.target-label{opacity:.35;margin-left:10px;font-family:Cairo,sans-serif;font-size:1.8rem}.bottom-controls{gap:12px;display:flex}.back-btn{background:var(--bg);width:84px;color:var(--text);cursor:pointer;box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border:none;border-radius:16px;padding:16px 0;font-weight:700;transition:box-shadow .15s,transform .1s}.back-btn:active{box-shadow:inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light);transform:translateY(1px)}.reset-btn-wrapper{flex:1;position:relative}.reset-btn{background:var(--bg);width:100%;color:var(--text);cursor:pointer;box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border:none;border-radius:16px;padding:16px;font-weight:700;transition:box-shadow .15s,transform .1s;position:relative;overflow:hidden}.reset-btn:active{box-shadow:inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light);transform:translateY(1px)}.reset-btn.holding{box-shadow:inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light)}.reset-btn.holding:after{content:"";background:#78787833;width:0%;height:100%;animation:1.2s linear forwards holdFill;position:absolute;top:0;left:0}@keyframes holdFill{0%{width:0%}to{width:100%}}.completion-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.completion-icon{background:var(--bg);width:60px;height:60px;color:var(--accent);box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light), inset 0 0 0 2px var(--accent);border:none;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:1.5rem;display:flex}.completion-screen h2{font-size:1.8rem}.completion-summary{opacity:.6;font-size:.9rem}.completion-streak{opacity:.8;font-size:.88rem;font-weight:700}.completion-screen .reset-btn{max-width:260px;margin-top:6px}.modal-overlay{z-index:3000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg);width:min(500px,92%);box-shadow:10px 10px 24px var(--neu-dark), -10px -10px 24px var(--neu-light);border-radius:24px;padding:24px}.info-tabs{background:var(--bg);box-shadow:inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light);border-radius:14px;gap:6px;margin-bottom:20px;padding:4px;display:flex}.info-tabs button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-weight:700;transition:box-shadow .15s,background-color .15s,color .15s}.info-tabs button.active{background:var(--bg);color:var(--accent);box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light)}.info-body{max-height:300px;line-height:1.9;overflow-y:auto}.rtl{text-align:right;direction:rtl;font-family:Vazirmatn,sans-serif}.sanad-text{opacity:.85;font-size:.9rem;line-height:1.85}.close-modal-btn{background:var(--bg);width:100%;color:var(--accent);cursor:pointer;box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border:none;border-radius:14px;margin-top:20px;padding:14px;font-weight:700;transition:box-shadow .15s,transform .1s}@media (width>=768px){.main-content{gap:14px;width:100%;max-width:860px;margin:0 auto;padding:20px}.prayer-display{padding:36px}.tap-area{min-height:200px}.big-count{font-size:8rem}}@media (height<=620px){.tap-area{min-height:100px}.prayer-display{padding:14px 18px}.big-count{font-size:clamp(3.5rem,12vw,6rem)}}.sidebar{background-color:var(--bg);z-index:1000;width:280px;height:100dvh;color:var(--text);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-10px 0 30px #0000001f}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.sidebar-header{justify-content:space-between;align-items:center;padding:24px 24px 10px;display:flex}.sidebar-header h2{font-size:1.4rem;font-weight:700}.close-btn{background:var(--bg);text-align:center;width:36px;height:36px;color:var(--text);cursor:pointer;box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:box-shadow .15s,transform .1s;display:flex}.close-btn:hover{transform:translateY(-1px)}.close-btn:active{box-shadow:inset 3px 3px 6px var(--neu-dark), inset -3px -3px 6px var(--neu-light);transform:translateY(1px)}.streak-display{background:var(--bg);box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border-radius:16px;align-items:center;gap:14px;margin-top:16px;padding:14px 18px;display:flex}.streak-fire{font-size:1.6rem}.streak-info{flex-direction:column;gap:1px;display:flex}.streak-number{font-size:1.4rem;font-weight:700;line-height:1}.streak-label{opacity:.6;font-size:.75rem;font-weight:600}.sidebar-content{padding:0 24px 24px}.setting-group{margin-top:24px}.setting-group label{opacity:.85;letter-spacing:.02em;text-align:center;margin-bottom:10px;font-size:.95rem;font-weight:700;display:block}.theme-swatch{border:0px solid var(--ui);cursor:pointer;width:44px;height:44px;box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);outline-offset:3px;border-radius:100%;flex-shrink:0;padding:0;transition:transform .15s,box-shadow .15s;position:relative}.theme-swatch.active{box-shadow:inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);transform:scale(1.1)}.theme-swatch.active:after{content:"✓";color:#fff;text-shadow:0 1px 3px #0009;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;inset:0}.segmented-control{background:var(--bg);box-shadow:inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented-control button{color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 5px;font-size:.85rem;font-weight:500;transition:box-shadow .2s,background-color .2s,color .2s}.segmented-control button.active{background:var(--bg);color:var(--accent);box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);font-weight:700}.font-slider{appearance:none;background:var(--bg);width:100%;height:8px;box-shadow:inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);cursor:pointer;outline-offset:4px;border-radius:10px;margin-top:10px}.font-slider::-webkit-slider-thumb{appearance:none;background:var(--bg);width:22px;height:22px;box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);cursor:pointer;border:none;border-radius:50%}.font-slider::-moz-range-track{background:var(--bg);height:8px;box-shadow:inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);border-radius:10px}.font-slider::-moz-range-thumb{background:var(--bg);width:22px;height:22px;box-shadow:4px 4px 9px var(--neu-dark), -4px -4px 9px var(--neu-light);cursor:pointer;border:none;border-radius:50%}.download-btn-trigger{text-align:center;background:var(--bg);width:100%;color:var(--text);cursor:pointer;box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border:none;border-radius:14px;margin-top:30px;padding:14px;font-family:inherit;font-weight:700;transition:box-shadow .15s,transform .1s;display:block}.download-btn-trigger:active{box-shadow:inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light);transform:translateY(1px)}.sidebar-footer{text-align:center;margin-top:auto;padding:24px 24px 20px}.footer-link{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none}.copyright-text{opacity:.5;margin-top:10px;font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg);width:100%;max-width:380px;box-shadow:10px 10px 24px var(--neu-dark), -10px -10px 24px var(--neu-light);border-radius:28px;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.install-icon-circle{background:var(--bg);width:56px;height:56px;color:var(--accent);box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.2rem;display:flex}.modal-header-install{text-align:center;margin-bottom:1.5rem}.modal-header-install h3{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.modal-header-install p{opacity:.6;font-size:.9rem;line-height:1.4}.install-options{flex-direction:column;gap:12px;margin-bottom:2rem;display:flex}.option-card{background:var(--bg);box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border-radius:18px;align-items:center;gap:16px;padding:14px 18px;display:flex}.device-icon{font-size:1.5rem}.option-text{text-align:left}.option-text strong{font-size:.95rem;display:block}.option-text p{opacity:.6;margin-top:2px;font-size:.8rem}.close-modal-btn{background:var(--bg);width:100%;color:var(--accent);cursor:pointer;box-shadow:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);border:none;border-radius:14px;padding:16px;font-size:1rem;font-weight:700;transition:box-shadow .15s,transform .1s}.close-modal-btn:active{box-shadow:inset 5px 5px 10px var(--neu-dark), inset -5px -5px 10px var(--neu-light);transform:translateY(1px)}