:root{--touch-target-min:32px;--touch-target-default:32px;--font-size-touch:16px;--select-min-height:32px}@media (hover:none) and (pointer:coarse){:root{--touch-target-min:44px;--touch-target-default:44px;--font-size-touch:16px;--select-min-height:44px}}:root{--bg-gradient:linear-gradient(135deg, #faf5ee 0%, #fdf6eb 100%);--container-bg:#fefdf8;--header-bg:linear-gradient(135deg, #7a5c3a, #9a7b4f);--header-text:#fff;--controls-bg:#f7f2eb;--player-bg:#fefdf8;--content-bg:#fff;--text-primary:#1a1410;--text-secondary:#3d3028;--text-muted:#8a7b6d;--accent:#c47a12;--accent-dark:#9a5e08;--primary:#9a7b4f;--primary-light:#b8956a;--border:#c47a12;--border-soft:#e5ddd0;--select-bg:#fff;--highlight-bg:linear-gradient(120deg, #fff3a6 0%, #f7cf57 100%);--highlight-text:#2a1802;--highlight-shadow:#c49a1a66;--hover-bg:#c47a121a;--bismillah-color:#9a7b4f;--error-bg:#fef2f2;--error-text:#dc2626;--footer-bg:#5c4430;--shadow:0 16px 48px #3c28141a;--tafsir-bg:#faf6f0;--tafsir-text:#3d3028;--tafsir-border:#e5ddd0;--prayer-bar-bg:linear-gradient(135deg, #7a5c3a 0%, #5c4430 100%);--share-menu-bg:#fff;--share-menu-shadow:0 4px 20px #3c281414;--focus-outline:3px solid #c47a12;--curtain-handle-bg:linear-gradient(180deg, #7a5c3a, #b8956a);--font-size-select-bg:#fff;--card-bg:#fefdf8;--panel-bg:#fefdf8;--success-bg:#d97706;--control-card-shadow:0 1px 4px #3c28140f;--player-light-shadow:0 -4px 20px #3c281414;--input-focus-ring:#c47a1240;--icon-primary:#9a7b4f;--icon-accent:#c47a12;--badge-bg:#c47a121f;--badge-text:#9a5e08;--divider:#3c281414;--fs-xs:11px;--fs-sm:13px;--fs-md:16px;--fs-lg:20px;--fs-xl:28px;--fs-2xl:36px;--fs-3xl:44px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}body.night-mode{--bg-gradient:linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%);--container-bg:#161a26;--header-bg:linear-gradient(135deg, #1a1f2e, #232838);--header-text:#e8d9a8;--controls-bg:#1e2330;--player-bg:#1a1f2e;--content-bg:#161a26;--text-primary:#d4d4d4;--text-secondary:#b8b8b8;--text-muted:#aaa;--primary:#5a4a3a;--primary-light:#7a6a5a;--border:#5a4a3a;--border-soft:#2a3040;--select-bg:#232838;--highlight-bg:linear-gradient(120deg, #4a3d1a 0%, #6b5520 100%);--highlight-text:#ffe066;--highlight-shadow:#ffe06666;--hover-bg:#ffe0661a;--bismillah-color:#d4af37;--error-bg:#3a1f1f;--error-text:#f88;--footer-bg:#0a0e1a;--shadow:0 20px 60px #0009;--tafsir-bg:#1e2330;--tafsir-text:#c8c8c8;--tafsir-border:#3a4050;--prayer-bar-bg:linear-gradient(135deg, #0a0e1a 0%, #1a1f2e 100%);--share-menu-bg:#2a3040;--share-menu-shadow:0 4px 20px #0006;--focus-outline:3px solid #e8d9a8;--curtain-handle-bg:linear-gradient(180deg, #5a4a3a, #7a6a5a);--font-size-select-bg:#2a3040;--card-bg:#1e2330;--panel-bg:#1e2330}body.sepia-mode{--bg-gradient:linear-gradient(135deg, #f0e6d2 0%, #e8dbc4 100%);--container-bg:#f5edd8;--header-bg:linear-gradient(135deg, #6b4e2e, #8a6840);--header-text:#faf3e6;--controls-bg:#efe5d0;--player-bg:#f5edd8;--content-bg:#f8f0e0;--text-primary:#2c1e0e;--text-secondary:#4a3828;--text-muted:#8a7a66;--primary:#7a5e38;--primary-light:#9a7e52;--border:#8a6840;--border-soft:#d4c8b2;--select-bg:#f0e6d2;--highlight-bg:linear-gradient(120deg, #f0d88a 0%, #e0c060 100%);--highlight-text:#2c1e0e;--highlight-shadow:#a0783259;--hover-bg:#8a68401f;--bismillah-color:#7a5e38;--error-bg:#f5e0d8;--error-text:#a03020;--footer-bg:#4a3520;--shadow:0 16px 48px #503c1e1f;--tafsir-bg:#f2e8d4;--tafsir-text:#4a3828;--tafsir-border:#d4c8b2;--prayer-bar-bg:linear-gradient(135deg, #6b4e2e 0%, #4a3520 100%);--share-menu-bg:#f0e6d2;--share-menu-shadow:0 4px 20px #503c1e1a;--focus-outline:3px solid #8a6840;--curtain-handle-bg:linear-gradient(180deg, #6b4e2e, #9a7e52);--font-size-select-bg:#efe5d0;--card-bg:#f5edd8;--panel-bg:#f5edd8;--success-bg:#8a6840;--control-card-shadow:0 1px 4px #503c1e14;--player-light-shadow:0 -4px 20px #503c1e1a;--input-focus-ring:#8a68404d;--icon-primary:#7a5e38;--icon-accent:#8a6840;--badge-bg:#8a68401f;--badge-text:#6b4e2e;--divider:#503c1e1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:20px 20px 240px;font-family:Amiri,Traditional Arabic,Arial,sans-serif;transition:background .5s;overflow-x:hidden}body.bg-css{background:0 0!important}body[data-bg-css]{background:var(--bg-css-value,var(--bg-gradient));background-position:50%;background-size:cover;background-attachment:fixed}body.bg-css:after{content:"";background:inherit;z-index:-1;opacity:.55;animation:20s ease-in-out infinite alternate bgSlowShift;position:fixed;top:0;bottom:0;left:0;right:0}body.night-mode.bg-css:after{opacity:.65}@keyframes bgSlowShift{0%{filter:hue-rotate()saturate()}50%{filter:hue-rotate(5deg)saturate(1.1)}to{filter:hue-rotate()saturate()}}body:not(.bg-css){background:var(--bg-gradient)}.hidden{display:none!important}.skip-link{background:var(--accent);color:#000;z-index:10000;border-radius:0 0 8px;padding:8px 12px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.container{background:var(--container-bg);max-width:1200px;box-shadow:var(--shadow);border:1px solid var(--border-soft);border-radius:18px;margin:0 auto;transition:background .4s;overflow:hidden}.network-banner{color:#fff;text-align:center;z-index:99999;direction:rtl;background:#dc2626;padding:8px 16px;font-family:Amiri,Traditional Arabic,serif;font-size:14px;font-weight:700;transition:transform .4s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.network-banner.show{transform:translateY(0)}.network-banner.online{background:#d97706}noscript>div{z-index:9999;border:2px solid #c33;border-radius:12px;margin-bottom:15px;font-weight:700;position:relative}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.icon-quran{color:inherit;margin-left:6px}.icon-sm{color:var(--icon-primary,var(--primary));margin-left:4px}.icon-nav,.icon-xs,.icon-play{color:inherit}body:not(.night-mode) .bottom-nav-btn .icon-nav{color:#fffc}body:not(.night-mode) .bottom-nav-btn.active .icon-nav{color:#fff}.prayer-bar{background:var(--prayer-bar-bg);color:#fff;border-bottom:3px solid var(--accent);transition:all .3s;position:relative;overflow:hidden}.prayer-bar #collapseBarBtn,.prayer-bar #expandBarBtn{z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.prayer-bar.expanded #expandBarBtn,.prayer-bar.collapsed #collapseBarBtn{display:none}.prayer-bar.collapsed{height:48px;min-height:48px}.prayer-bar.expanded{height:auto;min-height:48px}.prayer-bar-inner{padding:12px 20px}.prayer-bar-items{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;display:flex}.prayer-bar-item{white-space:nowrap;background:#ffffff1f;border-radius:24px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:500;display:flex}.collapse-bar-btn{background:var(--accent);color:#2c3e50;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.collapse-bar-btn:hover{background:var(--accent-dark);transform:scale(1.05)}.collapsed-preview{justify-content:center;align-items:center;gap:20px;height:48px;padding:0 20px;display:flex}.collapsed-preview .clock-only{color:#ffe066;font-family:monospace;font-size:16px;font-weight:700}.prayer-bar.collapsed .prayer-bar-inner,.prayer-bar.expanded .collapsed-preview{display:none}.header{background:var(--header-bg);color:var(--header-text);text-align:center;border-bottom:3px solid var(--accent);padding:24px 20px;position:relative}.header h1{text-shadow:1px 1px 3px #00000040;margin-bottom:6px;font-size:30px}.header p{opacity:.9;font-size:15px}.header-title-row{flex-direction:column;align-items:center;gap:4px;display:flex}.breadcrumbs{opacity:.85;direction:rtl;align-items:center;gap:6px;font-size:14px;display:flex}.breadcrumb-item{cursor:pointer;border-radius:6px;padding:2px 8px;transition:all .2s}.breadcrumb-item:hover{background:#ffffff26}.breadcrumb-sep{color:var(--accent);opacity:.7;font-size:18px}.breadcrumb-surah{font-weight:700}.header-menu-container{z-index:10;position:absolute;top:16px;left:16px}.header-actions{align-items:center;gap:6px;display:flex}.theme-switcher{background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;gap:2px;padding:2px;display:inline-flex}.theme-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;width:36px;height:32px;font-size:15px;line-height:1;transition:all .25s;display:flex}.theme-btn:hover{opacity:.9;background:#ffffff26}.theme-btn.active{opacity:1;background:#ffffff4d;box-shadow:0 1px 4px #00000026}.theme-btn[data-theme=sepia].active{background:#b48c5066}.theme-btn[data-theme=night].active{background:#3c507880}.header-action-btn,.header-menu-btn{border:2px solid var(--accent);color:var(--header-text);cursor:pointer;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .3s;display:flex;position:relative}.header-action-btn svg,.header-menu-btn svg,.header-action-btn .icon,.header-menu-btn .icon{pointer-events:none}.header-action-btn:hover{background:var(--accent);transform:scale(1.1)}.header-menu-btn:hover{background:var(--accent);transform:rotate(90deg)scale(1.1)}.header-dropdown{background:var(--card-bg);border:1px solid var(--border-soft);z-index:100;border-radius:10px;min-width:170px;position:absolute;top:52px;left:0;overflow:hidden;box-shadow:0 4px 20px #0003}.header-dropdown button{width:100%;color:var(--text-primary);text-align:right;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:background .15s;display:block}.header-dropdown button:hover{background:#d977061a}.header-dropdown button:not(:last-child){border-bottom:1px solid var(--border-soft)}.controls{background:var(--controls-bg);border-bottom:2px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.control-group{flex-direction:column;gap:5px;display:flex}.control-group label{color:var(--primary-light);font-size:13px;font-weight:700}body.night-mode .control-group label{color:var(--accent)}.control-group select,.control-group input{border:2px solid var(--accent);background:var(--select-bg);cursor:pointer;min-width:180px;color:var(--text-secondary);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.control-group select:focus,.control-group input:focus{border-color:var(--accent-dark);box-shadow:0 0 0 3px #d9770633}.control-group input{cursor:text;min-width:220px}.controls-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;width:100%;display:flex}.controls-right,.controls-left{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.controls-row .control-group{flex:1;min-width:180px;max-width:220px}.controls-row .control-group select{min-width:100%;height:34px;padding:6px 8px;font-size:13px}.controls-row .control-group label{white-space:nowrap;font-size:12px}.search-toggle-btn{border:1.5px solid var(--border-soft);cursor:pointer;height:30px;color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;padding:4px 8px;font-size:16px;transition:all .2s;display:flex}.search-toggle-btn:hover{color:var(--accent-dark);background:#d977061a}.search-toggle-btn.active{background:var(--accent);color:#2c3e50}.controls-row .search-input-group{flex:1;min-width:180px;max-width:220px}.controls-row .btn-sm{min-height:34px;padding:4px 8px;font-size:12px}.control-card{background:var(--select-bg);border:1px solid var(--border-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #0000000a}.control-card-title{color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap;margin-left:4px;font-size:11px;font-weight:700}.font-size-select{background:var(--font-size-select-bg);border:2px solid var(--accent);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-self:flex-end;width:64px;min-width:60px;height:34px;padding:6px;font-family:inherit;font-size:12px}.footer{background:var(--footer-bg);color:#ffffffd9;text-align:center;word-break:break-word;overflow-wrap:anywhere;padding:14px;font-size:13px;line-height:1.8}.footer a{color:#ffd866;word-break:break-all;font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}body:not(.night-mode) .header{border-bottom:3px solid var(--accent);background:linear-gradient(135deg,#7a5c3a 0%,#9a7b4f 100%)}body:not(.night-mode) .header h1{letter-spacing:.5px;font-size:28px}body:not(.night-mode) .control-card{background:var(--select-bg);border:1px solid var(--border-soft);box-shadow:var(--control-card-shadow,0 1px 4px #3c28140f);border-radius:12px;padding:10px 14px;transition:box-shadow .2s,border-color .2s}body:not(.night-mode) .control-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #3c28141a}body:not(.night-mode) .control-card-title{color:var(--text-secondary);letter-spacing:.5px;font-size:12px;font-weight:700}body:not(.night-mode) .controls{background:var(--controls-bg);border-bottom:2px solid var(--border-soft)}body:not(.night-mode) .prayer-bar{border-bottom:2px solid var(--accent)}body:not(.night-mode) .header-action-btn,body:not(.night-mode) .header-menu-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:2px solid #ffffff59;transition:all .3s}body:not(.night-mode) .header-action-btn:hover,body:not(.night-mode) .header-menu-btn:hover{background:var(--accent);border-color:var(--accent)}html{height:100%}body{-webkit-overflow-scrolling:touch;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;padding-top:env(safe-area-inset-top,0);overflow-y:auto}.bottom-nav-btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;gap:2px;position:relative}.bottom-nav-btn:active{transform:scale(.94)}.bottom-nav-btn span{letter-spacing:.3px;font-weight:500}.bottom-nav{background:var(--header-bg);border-top:3px solid var(--accent);z-index:5000;padding-bottom:env(safe-area-inset-bottom,0);direction:rtl;justify-content:space-around;align-items:stretch;height:56px;min-height:56px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0003}.bottom-nav-btn{color:var(--header-text);opacity:.6;cursor:pointer;background:0 0;border:none;border-top:3px solid #0000;flex-direction:column;flex:1;align-items:center;gap:1px;margin-top:-3px;padding:6px 8px 4px;font-family:inherit;font-size:18px;transition:all .2s;display:flex}.bottom-nav-btn span{white-space:nowrap;font-size:9px;font-weight:700}.bottom-nav-btn:hover{opacity:.9}.bottom-nav-btn.active{opacity:1;border-top-color:var(--accent);background:#ffffff14}.reading-progress{background:var(--accent,#d97706);z-index:9999;transform-origin:0;height:3px;transition:transform .2s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}html{scroll-behavior:smooth;scroll-padding-top:80px}::selection{color:var(--text-primary);background:#d977064d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--controls-bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}.settings-panel,.favorites-panel,.tafsir-curtain,.adhkar-panel{will-change:transform}.surah-content{background:var(--content-bg);contain:layout style;min-height:380px;padding:36px 32px;transition:all .3s}.surah-title{text-align:center;color:var(--primary);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;font-size:28px;font-weight:700;display:flex}.surah-secret-title-btn{background:var(--hover-bg);border:1px solid var(--accent);cursor:pointer;vertical-align:middle;opacity:.85;border-radius:8px;padding:4px 10px;font-size:18px;line-height:1;transition:all .2s}.surah-secret-title-btn:hover{background:var(--accent);opacity:1;transform:scale(1.1)}body.night-mode .surah-title{color:var(--accent)}.bismillah{text-align:center;color:var(--bismillah-color);margin:0;font-family:Amiri,Traditional Arabic,serif;font-size:34px;font-weight:700}.bismillah-wrapper{border-bottom:2px dashed var(--border-soft);direction:rtl;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.bismillah-ornament{color:var(--bismillah-color);opacity:.5;font-size:28px}.ayahs-container{text-align:justify;color:var(--text-primary);font-family:Amiri,Traditional Arabic,serif;line-height:2.4;transition:font-size .2s}.ayah{cursor:pointer;border-radius:8px;padding:2px 4px;transition:all .3s;display:inline}.ayah:hover{background:var(--hover-bg)}.ayah.current{background:var(--highlight-bg);color:var(--highlight-text);box-shadow:0 0 14px var(--highlight-shadow);font-weight:700}body:not(.audio-playing) .ayah.current{color:var(--text-primary);box-shadow:none;background:0 0;font-weight:400}.ayah.hifdh-mode{text-shadow:0 0 12px #00000080;cursor:pointer;transition:all .5s;position:relative;color:#0000!important}.ayah.hifdh-mode:after{content:"اضغط للكشف";color:var(--accent);opacity:0;pointer-events:none;white-space:nowrap;font-size:9px;animation:2s ease-in-out infinite hifdhPulse;position:absolute;top:-8px;right:50%;transform:translate(50%)}@keyframes hifdhPulse{0%,to{opacity:0}50%{opacity:.7}}.ayah.hifdh-mode.revealed{text-shadow:none;color:var(--text-primary)!important}.ayah-number{vertical-align:middle;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0 6px;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative}.ayah-number:hover{transform:scale(1.15)}.ayah-number:active{transform:scale(.95)}.ayah-number:before{content:"";background:var(--accent);opacity:.15;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.ayah-number:after{content:"";border:2px solid var(--accent);opacity:.6;border-radius:50%;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.ayah-number-inner{z-index:1;color:var(--accent-dark);font-size:12px;font-weight:700;line-height:1;position:relative}.loading,.loading-msg{text-align:center;color:var(--text-muted);padding:30px;font-size:16px}.error-msg{text-align:center;color:var(--error-text);background:var(--error-bg);border-radius:12px;padding:30px;font-size:16px}.word{border-radius:3px;padding:0 1px;transition:background .15s,color .15s}.word.current-word{color:#1a1a1a;background:#fde047;box-shadow:0 0 6px #fde04780}body.night-mode .word.current-word{color:#0a0e1a;background:#facc15;box-shadow:0 0 8px #facc1599}body:not(.audio-playing) .word.current-word{color:inherit;box-shadow:none;background:0 0}.ayah.current .word.current-word:last-child{background:#fbbf24}.translation-controls{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;display:flex}.translation-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.translation-toggle-switch{background:#aaa;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.translation-toggle-switch.active{background:var(--accent)}.translation-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px}.translation-toggle-switch.active:after{left:18px}.translation-toggle-text{color:var(--text-secondary);white-space:nowrap}#translationSelect{border:1px solid var(--border-soft);background:var(--select-bg);color:var(--text-primary);border-radius:6px;max-width:160px;padding:4px 6px;font-size:12px}.view-mode-group #translationSelect{align-self:center;height:30px}.ayah .translation-text{color:var(--text-secondary);background:var(--tafsir-bg);border-right:3px solid var(--accent);text-align:left;direction:ltr;border-radius:6px;margin-top:4px;padding:6px 10px;font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.7;display:block}.ayah .translation-text.rtl-lang{text-align:right;border-right:none;border-left:3px solid var(--accent);direction:rtl}.ayah.current .translation-text{border-right-color:var(--highlight-shadow);background:var(--highlight-bg);color:var(--highlight-text);font-weight:700}.ayah.current .translation-text.rtl-lang{border-right:none;border-left-color:var(--highlight-shadow)}body:not(.audio-playing) .ayah.current .translation-text{border-right-color:var(--accent);color:var(--text-secondary);background:0 0;font-weight:400}body:not(.audio-playing) .ayah.current .translation-text.rtl-lang{border-left-color:var(--accent);border-right:none}body:not(.night-mode) .bismillah{text-shadow:0 1px 3px #9a7b4f26}body:not(.night-mode) .ayah:hover,body:not(.night-mode) .ayah.current{border-radius:6px}body:not(.night-mode) .word.current-word{border-radius:3px}.juz-marker{justify-content:center;align-items:center;gap:12px;margin:18px 0;display:flex}.juz-marker:before,.juz-marker:after{content:"";background:linear-gradient(90deg, transparent, var(--border-soft), transparent);flex:1;height:1px}.juz-label{background:var(--accent);color:#1a1005;white-space:nowrap;border-radius:20px;padding:4px 16px;font-family:Amiri,Traditional Arabic,serif;font-size:13px;font-weight:700;box-shadow:0 2px 8px #c47a1240}body.night-mode .juz-label{background:var(--accent);color:#1a1a1a}.sajda-indicator{color:#d97706;vertical-align:middle;cursor:help;margin:0 2px;font-size:20px;animation:2.5s ease-in-out infinite sajdaGlow;display:inline-block}@keyframes sajdaGlow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}body.night-mode .sajda-indicator{color:#fbbf24}body.night-mode .ayah-number-inner{color:var(--accent)}body.night-mode .ayah-number:after{border-color:var(--accent);opacity:.5}body.night-mode .ayah-number:before{background:var(--accent);opacity:.1}.player{background:var(--player-bg);border-top:3px solid var(--accent);z-index:500;text-align:center;padding-bottom:env(safe-area-inset-bottom,0);contain:layout style;transition:all .3s;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -6px 24px #00000024}.player:not(.collapsed){padding:12px 18px}.player.collapsed{height:55px;padding:6px 12px}.expanded-content{flex-direction:column;gap:8px;display:flex}.player.collapsed .expanded-content{display:none}.collapsed-content{justify-content:space-between;align-items:center;gap:12px;height:100%;padding:0 10px;display:none}.player.collapsed .collapsed-content{display:flex}.floating-info{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#0000000d;border-radius:20px;flex:1;padding:4px 12px;font-size:14px;font-weight:700;overflow:hidden}body.night-mode .floating-info{background:#ffffff14}.floating-play-btn{background:var(--accent);cursor:pointer;color:#2c3e50;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.floating-play-btn:hover{background:var(--accent-dark)}.floating-info .fi-surah{color:var(--text-muted);font-size:12px;font-weight:400;display:block}.expanded-header{color:var(--text-primary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.expanded-header #playerSurahName{color:var(--text-muted);font-size:15px;font-weight:400}.collapse-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:22px;transition:all .2s}.collapse-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.current-ayah{color:var(--accent-dark);text-align:center;word-break:break-word;background:#b86e0e14;border:1px solid #b86e0e33;border-radius:10px;margin-bottom:10px;padding:8px 14px;font-size:16px;font-weight:700;line-height:1.8}audio{border-radius:50px;width:100%;max-width:500px;margin:0 auto;display:block}.audio-visualizer{background:var(--controls-bg,#f5f1e8);opacity:.6;border-radius:8px;width:100%;height:40px;margin:6px 0;transition:opacity .3s;display:block}.audio-visualizer.active{opacity:1}.player-row{align-items:center;gap:10px;display:flex}.player-row audio{flex:1;min-width:0}.speed-control{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.speed-control select{border:2px solid var(--accent);background:var(--select-bg);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:4px 8px;font-family:inherit}.player-buttons{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.player-buttons .btn{padding:8px 12px;font-size:13px}.player-buttons .btn-gold{padding:8px 20px}.player-more-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.player-more-row .btn{padding:6px 12px;font-size:12px}.select-mode-bar{background:var(--accent,#d97706);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:8px 12px;font-size:14px;display:none}.select-mode-bar.show{display:flex}.select-mode-bar .btn{padding:4px 12px;font-size:12px}.select-mode-bar .btn-gold{color:var(--primary);background:#fff}.ayah.selectable{cursor:pointer}.ayah.selectable:hover{outline:2px dashed var(--accent)}.ayah.selected{outline:3px solid var(--accent,#d97706);outline-offset:2px;background:#d977061a;border-radius:8px}body.night-mode .ayah.selected{background:#ffe0661a}.repeat-controls{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding-top:6px;display:flex}.repeat-controls label{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.repeat-controls select{background:var(--select-bg);color:var(--text-secondary);cursor:pointer;border:2px solid #f59e0b;border-radius:8px;min-width:70px;padding:4px 8px;font-family:inherit;font-size:12px}body:not(.night-mode) .player{background:var(--player-bg);border-top:3px solid var(--accent);box-shadow:var(--player-light-shadow,0 -4px 20px #3c281414)}body:not(.night-mode) .floating-info{color:var(--text-primary);background:#c47a1214}body:not(.night-mode) .floating-play-btn{background:var(--accent);color:#fff;transition:all .2s;box-shadow:0 2px 8px #c47a1259}body:not(.night-mode) .floating-play-btn:hover{background:var(--accent-dark);transform:scale(1.05);box-shadow:0 4px 12px #c47a1273}body:not(.night-mode) .current-ayah{color:var(--text-primary);background:#c47a120f;border:1px solid #c47a1226;font-size:15px}body:not(.night-mode) .expanded-header{color:var(--text-primary);border-bottom:1px solid var(--divider,#3c281414);margin-bottom:10px;padding-bottom:8px;font-size:15px}body:not(.night-mode) .collapse-btn{color:var(--text-muted);transition:all .2s}body:not(.night-mode) .collapse-btn:hover{background:var(--hover-bg);color:var(--text-primary)}body:not(.night-mode) .audio-visualizer{background:var(--controls-bg);opacity:.5;border-radius:8px}body:not(.night-mode) .audio-visualizer.active{opacity:.9}body:not(.night-mode) .player-buttons .btn{border-radius:12px;transition:all .2s}body:not(.night-mode) .player-buttons .btn-gold{box-shadow:0 2px 8px #c47a124d}body:not(.night-mode) .player-more-row .btn{border-radius:10px;font-size:12px}body.night-mode .collapsed-content{border-color:var(--accent-dark);background:#1a1f2e}body.night-mode .expanded-content{background:#1a1f2e}.tafsir-curtain-handle{background:var(--curtain-handle-bg);color:#fff;border:2px solid var(--accent);cursor:pointer;z-index:950;writing-mode:vertical-rl;text-orientation:mixed;border-left:none;border-radius:0 12px 12px 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:36px;height:120px;font-size:13px;font-weight:700;transition:all .3s;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:4px 0 16px #00000040}.tafsir-curtain-handle:hover{width:42px}.tafsir-curtain-handle.open{left:380px}@media (max-width:768px){.tafsir-curtain-handle.open{left:92vw}}.tafsir-curtain{background:var(--tafsir-bg);border-right:3px solid var(--accent);z-index:940;flex-direction:column;width:380px;max-width:92vw;height:100vh;padding:20px;transition:left .4s;display:flex;position:fixed;top:0;left:-400px;overflow:hidden;box-shadow:8px 0 32px #0000004d}.tafsir-curtain.open{left:0}.tafsir-curtain-header{color:var(--primary-light);text-align:center;border-bottom:2px solid var(--tafsir-border);margin-bottom:13px;padding-bottom:12px;font-size:19px;font-weight:700}.tafsir-curtain-controls select{border:2px solid var(--accent);background:var(--select-bg);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-family:inherit}.tafsir-curtain-body{color:var(--tafsir-text);flex:1;padding:9px 0;font-size:16px;line-height:1.9;overflow-y:auto}.tafsir-ayah-title{color:var(--accent-dark);border-bottom:1px dashed var(--tafsir-border);margin:4px 0 9px;padding-bottom:4px;font-size:16px;font-weight:700}.tafsir-text{text-align:justify;line-height:2}.tafsir-loading,.tafsir-error,.tafsir-no-ayah{text-align:center;color:var(--text-muted);padding:18px}.tafsir-error{color:var(--error-text)}.share-menu{background:var(--share-menu-bg);box-shadow:var(--share-menu-shadow);z-index:600;border:1px solid var(--border-soft);border-radius:16px;flex-direction:column;min-width:200px;padding:8px 0;display:none;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.share-menu button{text-align:right;cursor:pointer;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:12px 18px;font-family:inherit;font-size:14px;transition:background .2s;display:flex}.share-menu button:hover{background:var(--hover-bg)}.share-menu.show{display:flex}.favorites-panel{background:var(--container-bg);z-index:1001;width:400px;max-width:92vw;height:100vh;padding:22px;transition:left .35s;position:fixed;top:0;left:-420px;overflow-y:auto;box-shadow:10px 0 40px #00000059}.favorites-panel.open{left:0}.favorites-header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.favorites-header h2{color:var(--primary);font-size:20px}body.night-mode .favorites-header h2{color:var(--accent)}.favorites-close{background:var(--error-bg);color:var(--error-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:44px;height:40px;min-height:44px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.favorites-close:hover{transform:rotate(90deg)}.favorites-empty{text-align:center;color:var(--text-muted);padding:30px}.favorite-item{background:var(--controls-bg);border:1px solid var(--border-soft);border-right:4px solid var(--accent);border-radius:8px;margin-bottom:10px;padding:12px;transition:transform .2s,box-shadow .2s}.favorite-item:hover{transform:translate(-3px);box-shadow:0 4px 8px #0000001a}.favorite-meta{color:var(--primary-light);margin-bottom:6px;font-size:14px;font-weight:700}.favorite-text{color:var(--text-primary);max-height:96px;font-size:15px;line-height:1.8;overflow:hidden}.favorite-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.favorite-action-btn{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.favorite-action-btn:hover{background:var(--primary-light)}.favorite-remove-btn{background:#dc2626}.favorite-remove-btn:hover{background:#b91c1c}.settings-panel{background:var(--container-bg);z-index:1000;width:400px;max-width:90vw;height:100vh;padding:25px;transition:right .4s;position:fixed;top:0;right:-420px;overflow-y:auto;box-shadow:-10px 0 40px #0006}.settings-panel.open{right:0}.settings-header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.settings-header h2{color:var(--primary);font-size:22px}body.night-mode .settings-header h2{color:var(--accent)}.settings-close{background:var(--error-bg);color:var(--error-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:44px;height:40px;min-height:44px;font-size:18px;font-weight:700;transition:transform .2s;display:flex}.settings-close:hover{transform:rotate(90deg)}.settings-tabs{border-bottom:2px solid var(--border-soft);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding-bottom:8px;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.settings-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.settings-tab.active{background:var(--accent);color:#2c3e50}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.big-clock{text-align:center;background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:15px;margin-bottom:20px;padding:20px}.big-clock-time{color:#ffe066;margin-bottom:8px;font-family:monospace;font-size:42px;font-weight:700}.prayer-times-list{background:var(--controls-bg);border-radius:12px;margin-bottom:20px;padding:15px}.prayer-row{background:var(--player-bg);border-right:4px solid var(--accent);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;transition:transform .2s;display:flex}.prayer-row:hover{transform:translate(-3px)}.prayer-row.next-prayer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-right-color:#f59e0b;animation:2.5s ease-in-out infinite pulseNext;box-shadow:0 0 12px #f59e0b4d}@keyframes pulseNext{0%,to{box-shadow:0 0 12px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99}}body.night-mode .prayer-row.next-prayer{color:#ffe066;background:linear-gradient(135deg,#4a3d1a,#6b5520)}.prayer-name{color:var(--text-primary);font-weight:700}.prayer-time{color:var(--primary);font-family:monospace;font-size:15px;font-weight:700}body.night-mode .prayer-time{color:var(--accent)}.countdown-box{color:#fff;text-align:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;margin-top:10px;padding:12px;font-weight:700}.settings-section{background:var(--controls-bg);border-radius:12px;margin-bottom:15px;padding:15px}.settings-section-title{color:var(--primary);border-bottom:1px dashed var(--border-soft);margin-bottom:12px;padding-bottom:8px;font-size:16px;font-weight:700}body.night-mode .settings-section-title{color:var(--accent)}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.settings-row:last-child{margin-bottom:0}.settings-row label{color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:700}.settings-row select,.settings-row input{border:2px solid var(--accent);background:var(--select-bg);color:var(--text-secondary);border-radius:8px;flex:1;min-width:150px;padding:8px 12px;font-family:inherit}.settings-toggle-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;border-radius:24px;padding:6px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s}.settings-toggle-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.adhkar-panel{background:var(--container-bg);z-index:1002;flex-direction:column;width:400px;max-width:92vw;height:100vh;padding:22px;transition:left .35s;display:flex;position:fixed;top:0;left:-420px;overflow-y:auto;box-shadow:10px 0 40px #00000059}.adhkar-panel.open{left:0}.adhkar-header{border-bottom:2px solid var(--accent);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.adhkar-header h2{color:var(--primary);font-size:20px}body.night-mode .adhkar-header h2{color:var(--accent)}.adhkar-close{background:var(--error-bg);color:var(--error-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:44px;height:40px;min-height:44px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.adhkar-close:hover{transform:rotate(90deg)}.adhkar-tabs{flex-wrap:wrap;flex-shrink:0;gap:6px;margin-bottom:14px;display:flex}.adhkar-tab{border:1.5px solid var(--border-soft);background:var(--controls-bg);cursor:pointer;color:var(--text-secondary);white-space:nowrap;border-radius:20px;padding:6px 12px;font-family:inherit;font-size:13px;transition:all .2s}.adhkar-tab:hover{border-color:var(--accent);color:var(--accent-dark)}.adhkar-tab.active{background:var(--accent);color:#2c3e50;border-color:var(--accent);font-weight:700}.adhkar-content{flex:1;padding:4px 0;overflow-y:auto}.adhkar-category-title{color:var(--accent-dark);text-align:center;margin-bottom:12px;font-size:16px;font-weight:700}.adhkar-item{background:var(--controls-bg);border:1px solid var(--border-soft);border-right:4px solid var(--accent);border-radius:10px;margin-bottom:10px;padding:14px;transition:all .3s}.adhkar-item:hover{box-shadow:0 2px 8px #00000014}.adhkar-item.completed{opacity:.6;border-right-color:#d97706}.adhkar-item-text{color:var(--text-primary);margin-bottom:8px;font-family:Amiri,Traditional Arabic,serif;font-size:18px;line-height:1.8}.adhkar-item-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.adhkar-item-count{color:var(--text-muted);background:var(--tafsir-bg);border-radius:12px;padding:2px 10px;font-size:12px}.adhkar-item-reference{color:var(--text-muted);opacity:.7;font-size:11px}.adhkar-counter{align-items:center;gap:6px;display:flex}.adhkar-counter-btn{border:2px solid var(--accent);background:var(--container-bg);width:36px;height:36px;color:var(--accent-dark);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .2s;display:flex}.adhkar-counter-btn:hover{background:var(--accent);color:#2c3e50;transform:scale(1.1)}.adhkar-counter-btn:active{transform:scale(.95)}.adhkar-counter-btn.completed{color:#fff;background:#d97706;border-color:#d97706}.adhkar-counter-text{color:var(--text-secondary);text-align:center;min-width:30px;font-size:14px;font-weight:700}.adhkar-progress-bar{background:var(--border-soft);border-radius:2px;height:4px;margin:4px 0 8px;overflow:hidden}.adhkar-progress-fill{background:linear-gradient(90deg, var(--accent), #d97706);border-radius:2px;height:100%;transition:width .3s}.adhkar-header-btn,.favorites-header-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:6px;font-size:22px;line-height:1;transition:background .2s,transform .2s;display:flex}.adhkar-header-btn:hover,.favorites-header-btn:hover{background:#ffffff26;transform:scale(1.15)}.adhkar-personal-actions{align-items:center;gap:6px;display:flex}.adhkar-personal-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:14px;transition:all .2s}.adhkar-personal-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.adhkar-personal-btn.edit:hover{color:#f59e0b}.adhkar-personal-btn.delete:hover{color:#dc2626}.adhkar-add-btn{border:2px dashed var(--accent);cursor:pointer;width:100%;color:var(--accent-dark);background:0 0;border-radius:12px;margin-bottom:10px;padding:12px;font-family:inherit;font-size:15px;transition:all .2s;display:block}.adhkar-add-btn:hover{background:#d9770614;border-style:solid}.adhkar-item-header{justify-content:flex-end;margin-bottom:6px;display:flex}.adhkar-item-actions{gap:4px;display:flex}.adhkar-item-action-btn{border:1px solid var(--border-soft);background:var(--container-bg);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:.85;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:13px;transition:opacity .2s,background .2s;display:flex}.adhkar-item-action-btn:hover{opacity:1;background:var(--hover-bg);color:var(--accent-dark)}.adhkar-item.custom-item{border-right-color:#10b981}.adhkar-item.custom-item .adhkar-item-action-btn[data-action=delete-item]{color:#dc2626}.adhkar-actions-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.adhkar-actions-row .adhkar-add-btn,.adhkar-actions-row .adhkar-reset-btn,.adhkar-actions-row .adhkar-restore-btn{flex:1;min-width:120px;margin-bottom:0;padding:10px 8px;font-size:13px}.adhkar-reset-btn{background:var(--border-soft);color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;font-family:inherit;transition:background .2s}.adhkar-reset-btn:hover{background:var(--hover-bg)}.adhkar-restore-btn{color:var(--text-secondary);border:1px solid var(--border-soft);cursor:pointer;background:0 0;border-radius:8px;font-family:inherit;transition:all .2s}.adhkar-restore-btn:hover{color:var(--accent-dark);border-color:var(--accent);background:var(--hover-bg)}.adhkar-setting-row{background:var(--player-bg);border-right:3px solid var(--accent);border-radius:8px;margin-bottom:6px;padding:8px 10px}.adhkar-setting-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.adhkar-setting-label{color:var(--text-primary);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.adhkar-setting-time{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.adhkar-setting-time input[type=time]{border:1px solid var(--border-soft);background:var(--select-bg);color:var(--text-primary);border-radius:6px;width:80px;padding:2px 6px;font-family:inherit;font-size:12px}.adhkar-setting-time input[type=number]{border:1px solid var(--border-soft);background:var(--select-bg);color:var(--text-primary);border-radius:6px;width:50px;padding:2px 6px;font-family:inherit;font-size:12px}.adhkar-setting-toggle{flex-shrink:0}.surah-reciter-group{align-items:center;gap:6px;display:flex}.surah-reciter-group select{border:1px solid var(--border-soft);background:var(--select-bg);color:var(--text-primary);border-radius:6px;max-width:180px;height:30px;padding:4px 6px;font-size:12px}.surah-reciter-group #surahSelect{min-width:130px}.surah-reciter-group #reciterSelect{min-width:100px}.view-mode-group{background:var(--controls-bg);border:1.5px solid var(--border-soft);border-radius:8px;gap:2px;padding:2px;display:flex}.view-mode-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;height:30px;padding:4px 6px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.view-mode-btn:hover{color:var(--accent-dark);background:#d977061a}.view-mode-btn.active{background:var(--accent);color:#2c3e50;box-shadow:0 0 6px #d977064d}.view-mode-btn-trans.on{background:var(--accent);color:#2c3e50}.mode-toggle-icon{width:20px;height:20px;margin-left:5px}.mushaf-container{background:var(--container-bg);max-width:750px;box-shadow:var(--shadow);box-sizing:border-box;width:100%;margin:0 auto;padding:30px 25px 20px;position:relative;overflow:hidden}.mushaf-container:before{content:"";border:2px solid var(--accent);pointer-events:none;opacity:.2;border-radius:2px;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.mushaf-header{border-bottom:1px solid var(--accent);margin-bottom:14px;padding:6px 0 10px}.mushaf-header-row{justify-content:space-between;align-items:center;display:flex}.mushaf-header-row .mushaf-surah-names{color:var(--accent-dark);flex-wrap:wrap;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.mushaf-header-row .mushaf-surah-name{background:#d977061a;border-radius:12px;padding:2px 10px;font-size:16px}.mushaf-header-row .mushaf-juz{color:var(--text-muted);white-space:nowrap;font-family:Scheherazade New,Traditional Arabic,Amiri,serif;font-size:15px}.mushaf-footer{text-align:center;color:var(--accent-dark);letter-spacing:3px;padding:10px 0 4px;font-family:Traditional Arabic,Amiri,serif;font-size:22px;font-weight:700}body.night-mode .mushaf-container{background:#1e2330}.page-indicator{color:var(--text-muted);white-space:nowrap;direction:ltr;unicode-bidi:embed;font-size:12px}.page-input-group{align-items:center;gap:3px}.page-input-group label{font-size:12px}.page-input-group input[type=number]{border:1.5px solid var(--accent);background:var(--select-bg);width:44px;color:var(--text-secondary);text-align:center;-moz-appearance:textfield;border-radius:6px;padding:2px 4px;font-family:inherit;font-size:12px}.page-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-input-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mushaf-surah-overlay{z-index:5000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mushaf-surah-overlay-inner{background:var(--container-bg);border:2px solid var(--accent);border-radius:16px;flex-direction:column;width:90%;max-width:450px;max-height:80vh;animation:.3s scaleIn;display:flex;box-shadow:0 20px 60px #0006}body.night-mode .mushaf-surah-overlay-inner{background:#1e2330}.mushaf-surah-overlay-header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mushaf-surah-overlay-header h3{color:var(--text-primary);margin:0}.mushaf-surah-overlay-list{flex-direction:column;gap:4px;padding:10px;display:flex;overflow-y:auto}.mushaf-surah-overlay-btn{cursor:pointer;text-align:right;color:var(--text-primary);background:0 0;border:none;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:15px;transition:background .2s}.mushaf-surah-overlay-btn:hover{background:var(--hover-bg)}.mushaf-image-wrapper{justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex;overflow:hidden}.mushaf-page-img{object-fit:contain;border-radius:2px;max-width:100%;height:auto;display:block}.mushaf-page-img.loaded{opacity:1}body.night-mode .mushaf-page-img{filter:invert()}.mushaf-page-canvas{background:#f5f0e8;border-radius:2px;max-width:100%;height:auto;display:block}.mushaf-highlight-overlay{pointer-events:none;z-index:5;transition:opacity .3s}.mushaf-ayah-highlight{background:#d9770640;border-radius:4px;transition:all .2s}body.night-mode .mushaf-ayah-highlight{background:#64b4ff40}body:not(.audio-playing) .mushaf-highlight-overlay{opacity:0}.mushaf-image-wrapper{position:relative}.mushaf-page-nav-btn{z-index:10;width:36px;height:48px;color:var(--accent,#d97706);cursor:pointer;opacity:.4;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:22px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mushaf-page-nav-btn:hover{opacity:1}@media (hover:none){.mushaf-page-nav-btn{opacity:.5}}.mushaf-page-nav-prev{right:-14px}.mushaf-page-nav-next{left:-14px}.mushaf-container.mushaf-flipping{-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes flipOutLeft{0%{opacity:1;transform:rotateY(0)}to{opacity:.2;transform:rotateY(-90deg)}}@keyframes flipOutRight{0%{opacity:1;transform:rotateY(0)}to{opacity:.2;transform:rotateY(90deg)}}@keyframes flipInRight{0%{opacity:.2;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes flipInLeft{0%{opacity:.2;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}.mushaf-flip-out-left{transform-origin:100%;animation:.35s ease-in forwards flipOutLeft}.mushaf-flip-out-right{transform-origin:0;animation:.35s ease-in forwards flipOutRight}.mushaf-flip-in-right{transform-origin:100%;animation:.35s ease-out forwards flipInRight}.mushaf-flip-in-left{transform-origin:0;animation:.35s ease-out forwards flipInLeft}.mushaf-image-skeleton{aspect-ratio:1/1.4;background:linear-gradient(110deg, var(--tafsir-bg) 30%, var(--hover-bg) 50%, var(--tafsir-bg) 70%);background-size:200% 100%;border-radius:4px;width:100%;max-width:500px;margin:0 auto;animation:1.8s ease-in-out infinite shimmer}body.night-mode .mushaf-image-skeleton{background:linear-gradient(110deg,#1e2330 30%,#2a3040 50%,#1e2330 70%) 0 0/200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.mushaf-container{max-width:100%;padding:15px 10px}.mushaf-container:before{top:6px;bottom:6px;left:6px;right:6px}.mushaf-image-wrapper{width:100%}.mushaf-page-canvas{width:100%!important;max-width:100%!important}}@media (max-width:600px){.mushaf-container{max-width:100%;padding:8px 4px}.mushaf-container:before{top:4px;bottom:4px;left:4px;right:4px}.mushaf-page-num{font-size:22px}.mushaf-page-canvas{width:100%!important;max-width:100%!important}.mushaf-page-nav-btn{width:32px;height:40px;font-size:18px}}.mushaf-tajweed-legend{background:var(--container-bg);border-radius:var(--radius-md);text-align:right;direction:rtl;margin-top:16px;padding:12px}.mushaf-tajweed-legend-title{text-align:center;color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:700}.mushaf-tajweed-legend-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mushaf-tajweed-legend-item{background:var(--content-bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:var(--text-primary);align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:flex}.mushaf-tajweed-legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px;display:inline-block}.mushaf-tajweed-legend-label{white-space:nowrap}.azan-notification{z-index:5000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.azan-notification-inner{background:var(--container-bg);border:2px solid var(--accent);text-align:center;border-radius:20px;width:90%;max-width:400px;padding:40px 50px;animation:.3s scaleIn;box-shadow:0 20px 60px #0006}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}body.night-mode .azan-notification-inner{background:#1e2330}.azan-notification-icon{margin-bottom:10px;font-size:60px}.azan-notification-title{color:var(--text-primary);margin-bottom:5px;font-size:22px;font-weight:700}.azan-notification-prayer{color:var(--accent);margin-bottom:25px;font-size:28px;font-weight:700}.azan-notification-actions{justify-content:center;gap:10px;display:flex}.azan-notification-actions .btn{padding:12px 30px;font-size:16px}.surah-secret-btn{background:var(--hover-bg);border:1px solid var(--accent);cursor:pointer;opacity:.85;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:14px;line-height:1;transition:all .2s}.surah-secret-btn:hover{background:var(--accent);opacity:1;transform:scale(1.1)}.surah-secrets-overlay{z-index:5000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.surah-secrets-overlay-inner{background:var(--container-bg);border:2px solid var(--accent);border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;animation:.3s scaleIn;display:flex;box-shadow:0 20px 60px #0006}body.night-mode .surah-secrets-overlay-inner{background:#1e2330}.surah-secrets-overlay-header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.surah-secrets-overlay-header h3{color:var(--text-primary);margin:0}.surah-secrets-overlay-surah-name{text-align:center;color:var(--accent-dark);padding:12px 20px 8px;font-family:Amiri,Traditional Arabic,serif;font-size:22px;font-weight:700}.surah-secrets-overlay-body{color:var(--text-primary);direction:rtl;padding:12px 20px 20px;font-size:16px;line-height:2;overflow-y:auto}.surah-secrets-overlay-body .secret-source{border-top:1px dashed var(--border-soft);color:var(--text-muted);direction:rtl;margin-top:12px;padding-top:10px;font-size:13px}.surah-secrets-overlay-body .secret-source span{background:var(--hover-bg);border-radius:4px;margin:2px 4px;padding:2px 8px;font-size:12px;display:inline-block}.welcome-screen{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.welcome-screen-inner{background:var(--container-bg);border:2px solid var(--accent);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:20px;padding:40px 30px;animation:.4s welcomeFadeIn}@keyframes welcomeFadeIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.welcome-logo{margin-bottom:8px;font-size:64px}.welcome-title{color:var(--text-primary);margin-bottom:4px;font-size:28px}.welcome-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:14px}.welcome-features{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.welcome-feature{color:var(--text-secondary);background:var(--tafsir-bg);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:15px;display:flex}.welcome-feature span{text-align:right}.welcome-dismiss-btn{padding:12px 40px;font-size:18px}body.night-mode .welcome-screen-inner{border-color:var(--accent-dark)}.adhkar-notification{z-index:5000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.adhkar-notification-inner{background:var(--container-bg);border:2px solid var(--accent);text-align:center;border-radius:20px;width:90%;max-width:400px;padding:40px 50px;animation:.3s scaleIn;box-shadow:0 20px 60px #0006}body.night-mode .adhkar-notification-inner{background:#1e2330}.adhkar-notification-icon{margin-bottom:10px;font-size:60px}.adhkar-notification-title{color:var(--text-primary);margin-bottom:25px;font-size:22px;font-weight:700}.adhkar-notification-actions{justify-content:center;gap:10px;display:flex}.adhkar-notification-actions .btn{padding:12px 30px;font-size:16px}.adhkar-add-overlay{z-index:5500;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.adhkar-add-inner{background:var(--container-bg);border:2px solid var(--accent);border-radius:16px;flex-direction:column;width:90%;max-width:450px;max-height:80vh;padding:20px;animation:.3s scaleIn;display:flex;box-shadow:0 20px 60px #0006}body.night-mode .adhkar-add-inner{background:#1e2330}.adhkar-add-header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.adhkar-add-header h3{color:var(--text-primary);margin:0}.adhkar-add-body textarea{border:2px solid var(--accent);background:var(--select-bg);width:100%;color:var(--text-secondary);resize:vertical;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:15px}.ayah-modal{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.ayah-modal-inner{background:var(--panel-bg);direction:rtl;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.ayah-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ayah-modal-close-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.ayah-modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.ayah-modal-badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ayah-modal-badges .btn-sm{cursor:pointer;border:none;border-radius:20px;padding:4px 12px;font-size:12px}.btn-outline{color:var(--accent);background:0 0;border:1px solid var(--accent)!important}.btn-fav{color:#1a1a1a;background:#f59e0b}.btn-fav.active{color:#fff;background:#dc2626}.ayah-modal-nav{color:var(--text-muted);margin-bottom:12px;font-size:13px}.ayah-modal-nav-btn{cursor:pointer;color:var(--accent);font-weight:600}.ayah-modal-nav-btn:hover{text-decoration:underline}.ayah-modal-text-box{background:var(--tafsir-bg);border:1px solid var(--border-soft);border-radius:12px;margin-bottom:12px;padding:20px;box-shadow:inset 0 1px 4px #0000000d}.ayah-modal-text{color:var(--text-primary);text-align:center;word-spacing:4px;font-family:Amiri,Scheherazade New,Traditional Arabic,serif;font-size:26px;line-height:1.9}.ayah-modal-meta{color:var(--text-muted);gap:8px;margin-bottom:12px;font-size:12px;display:flex}.ayah-modal-meta-item{background:var(--hover-bg);border-radius:6px;padding:4px 10px}.ayah-modal-section{margin-bottom:12px}.btn-block{width:100%}.ayah-modal-actions{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ayah-modal-actions .btn-sm{border:1px solid var(--border-soft);background:var(--hover-bg);color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;min-width:80px;padding:5px 10px;font-size:11px}.ayah-modal-actions .btn-sm:hover{background:var(--accent);color:#fff}.ayah-modal-audio{background:var(--tafsir-bg);border-radius:12px;margin-bottom:14px;padding:14px}.ayah-modal-audio-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ayah-modal-qari-select{border:1px solid var(--border-soft);background:var(--select-bg);color:var(--text-primary);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.btn-audio-play{padding:6px 16px;font-size:13px}.ayah-modal-audio-progress{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.ayah-modal-audio-slider{accent-color:var(--accent);cursor:pointer;flex:1;height:5px}.ayah-modal-repeat-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.ayah-modal-repeat-label input{accent-color:var(--accent)}.ayah-modal-tafsir-tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.ayah-modal-tafsir-tab{border:1px solid var(--border-soft);background:var(--hover-bg);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .15s}.ayah-modal-tafsir-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ayah-modal-tafsir-tab:hover:not(.active){background:var(--border-soft)}.ayah-modal-tafsir-body{background:var(--tafsir-bg);color:var(--text-primary);border-radius:10px;max-height:200px;padding:14px;font-size:14px;line-height:1.75;overflow-y:auto}.ayah-modal-tafsir-body .tafsir-text{white-space:pre-wrap}body.night-mode .ayah-modal-inner{background:#1a1f2e;border:1px solid #2a3045}body.night-mode .ayah-modal-text-box,body.night-mode .ayah-modal-actions .btn-sm{border-color:#2a3045}.sleep-timer-overlay{z-index:6000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sleep-timer-panel{background:var(--container-bg,#fefdf8);border-radius:16px;width:90%;max-width:320px;padding:24px;box-shadow:0 8px 32px #0003}.sleep-timer-panel h3{text-align:center;color:var(--text-primary,#1a1a1a);margin-bottom:16px}.sleep-timer-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sleep-timer-option{border:1px solid var(--border-soft,#d4c9a8);cursor:pointer;color:var(--text-primary,#1a1a1a);background:0 0;border-radius:8px;padding:12px 8px;font-size:14px;transition:all .2s}.sleep-timer-option:hover{background:var(--hover-bg,#d9770626);border-color:var(--accent,#d97706)}.sleep-timer-option.active{background:var(--accent,#d97706);color:#fff;border-color:var(--accent,#d97706)}.qibla-overlay{z-index:7000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.qibla-panel{text-align:center;color:#fff;padding:30px}.qibla-compass{border:3px solid var(--accent,#d97706);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:20px auto;transition:transform .5s;display:flex;position:relative}.qibla-needle{background:var(--accent,#d97706);border-radius:2px;width:4px;height:80px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.qibla-center{background:var(--accent,#d97706);border-radius:50%;width:16px;height:16px;position:absolute}.qibla-label{font-size:14px;font-weight:700;position:absolute}.qibla-n{top:5px}.qibla-s{bottom:5px}.qibla-e{right:5px}.qibla-w{left:5px}.qibla-angle{margin:10px 0;font-size:36px;font-weight:700}.qibla-direction{opacity:.9;font-size:16px}.qibla-close{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:8px;margin-top:20px;padding:10px 30px;font-size:16px;transition:background .2s}.qibla-close:hover{background:#fff3}.reading-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.stat-card{background:var(--container-bg,#fefdf8);border:1px solid var(--border-soft,#d4c9a8);text-align:center;border-radius:12px;padding:16px}.stat-number{color:var(--accent,#d97706);margin-bottom:4px;font-size:24px;font-weight:700}.stat-label{color:var(--text-muted,#5a5a5a);font-size:12px}@media (max-width:480px){.reading-stats-grid{grid-template-columns:repeat(2,1fr)}}.offline-page{text-align:center;min-height:80vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.offline-page-icon{margin-bottom:20px;font-size:80px;animation:3s ease-in-out infinite offlineFloat}@keyframes offlineFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.offline-page h2{color:var(--accent);margin-bottom:12px;font-size:24px}.offline-page p{color:var(--text-muted);max-width:400px;font-size:16px;line-height:1.8}.modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-box{background:var(--container-bg,#fff);text-align:center;border-radius:16px;min-width:280px;max-width:90vw;padding:24px;font-family:inherit;animation:.2s scaleIn;box-shadow:0 8px 32px #0000004d}.modal-title{color:var(--text-primary);margin:0 0 16px;font-size:18px}.modal-input{border:2px solid var(--border-soft,#ddd);text-align:center;box-sizing:border-box;background:var(--select-bg,#fff);width:100%;color:var(--text-primary);border-radius:8px;padding:12px;font-family:inherit;font-size:18px}.modal-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d9770633}.modal-hint{color:var(--text-secondary,#888);margin:8px 0 16px;font-size:13px}.modal-btn-row{justify-content:center;gap:8px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 20px;font-family:inherit;font-size:16px;transition:all .2s}.modal-btn-cancel{background:var(--border-soft,#eee);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 20px;font-family:inherit;font-size:16px;transition:all .2s}.modal-btn-cancel:hover{background:var(--hover-bg)}.modal-quick-btns{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px;display:flex}.modal-quick-btn{border:1px solid var(--border-soft,#ddd);background:var(--controls-bg,#f5f5f5);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;transition:all .15s}.modal-quick-btn:hover{background:var(--accent);color:#2c3e50;border-color:var(--accent)}.confirm-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-box{background:var(--container-bg,#fff);text-align:center;border-radius:16px;min-width:280px;max-width:90vw;padding:24px;font-family:inherit;animation:.2s scaleIn;box-shadow:0 8px 32px #0000004d}.confirm-title{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:700}.confirm-message{color:var(--text-secondary);margin:0 0 20px;font-size:15px;line-height:1.6}.confirm-btn-row{justify-content:center;gap:8px;display:flex}.search-results{background:var(--controls-bg);border-bottom:2px solid var(--border-soft);max-height:70vh;padding:16px;display:none;position:relative;overflow-y:auto}.search-results-header{color:var(--primary-light);text-align:center;background:var(--controls-bg);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:6px 0;font-size:17px;font-weight:700;display:flex;position:sticky;top:0}.search-results-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;padding:0 8px;font-size:22px;transition:all .2s}.search-results-close:hover{background:var(--hover-bg);transform:scale(1.1)}.search-result-item{background:var(--select-bg);border:1px solid var(--border-soft);border-right:5px solid var(--accent);border-radius:12px;margin-bottom:9px;padding:13px;transition:all .2s;box-shadow:0 1px 4px #0000000a}.search-result-item:hover{background:var(--hover-bg);transform:translate(-4px)}.search-result-title{color:var(--primary-light);margin-bottom:6px;font-size:15px;font-weight:700}.search-result-text{color:var(--text-primary);margin-bottom:8px;font-size:18px;line-height:1.9}.search-result-actions{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.search-result-actions button{cursor:pointer;color:var(--primary);background:0 0;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:14px;transition:all .2s;display:inline-flex}.search-result-actions button:hover{background:var(--hover-bg);transform:scale(1.02)}.search-highlight{border-radius:6px;padding:0 3px;font-weight:700;box-shadow:0 0 4px #fde04799;color:#1a1a1a!important;background-color:#fde047!important}body.night-mode .search-highlight{color:#0a0e1a!important;background-color:#facc15!important}.search-empty,.search-loading{text-align:center;color:var(--text-muted);padding:20px;font-size:15px}.btn-more{color:var(--text-muted);background:0 0;padding:4px 10px;font-size:18px}.btn-more:hover{color:var(--accent-dark);background:#d977061a}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:4px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-gold{background:var(--accent);color:#1a1005;font-weight:800}.btn-gold:hover{background:var(--accent-dark)}.btn-hifdh{background:var(--primary);color:#fff}.btn-hifdh.active{background:#7c3aed;box-shadow:0 0 12px #7c3aed80}.btn-repeat{color:#1a1a1a;background:#f59e0b}.btn-repeat.active{color:#fff;background:#dc2626;box-shadow:0 0 12px #dc262680}.btn-autoplay{color:#fff;background:#3b82f6}.btn-autoplay.active{color:#1a1a1a;background:#d97706;box-shadow:0 0 12px #d9770680}.btn-sm{padding:4px 10px;font-size:13px}.btn-bookmark{color:#fff;background:#2563eb}.btn-favorite{color:#1a1a1a;background:#ca8a04}.btn-favorite.active{color:#fff;background:#dc2626;box-shadow:0 0 12px #dc262680}.btn-primary{background:var(--accent);color:#2c3e50}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--primary);color:#fff}.btn-secondary:hover{background:var(--primary-light)}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}body.night-mode .btn-primary{color:#1a1a1a}.keyboard-hint{text-align:center;color:var(--text-muted);background:#00000008;border-radius:8px;margin-top:8px;padding:4px 8px;font-size:11px}body.night-mode .keyboard-hint{background:#ffffff0d}.toggle-switch{cursor:pointer;background:#ccc;border-radius:13px;flex-shrink:0;width:50px;height:26px;transition:background .3s;position:relative}.toggle-switch.on{background:#d97706}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0003}.toggle-switch.on:after{right:calc(100% - 23px)}.toast{background:var(--primary);color:#fff;z-index:2000;opacity:0;text-align:center;border-radius:30px;max-width:90vw;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 20px #0000004d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{background:var(--success-bg)}.toast.error{background:#dc2626}.search-input-group{flex:1;min-width:140px;max-width:200px;position:relative}.search-input-wrapper{border:2px solid var(--accent);background:var(--select-bg);z-index:2;border-radius:8px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.search-input-wrapper:focus-within{border-color:var(--accent-dark);box-shadow:0 0 0 3px #d9770633}.search-input-wrapper input{background:0 0;border:none;border-radius:0;outline:none;flex:1;min-width:0;height:34px;padding:6px 10px;font-size:13px}.search-input-wrapper input:focus{box-shadow:none;border-color:#0000}.search-autocomplete{z-index:1000;background:var(--select-bg,#fff);border:1px solid var(--accent,#d97706);border-radius:6px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.search-autocomplete-item{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;transition:background .15s;display:flex}body.night-mode .search-autocomplete-item{color:var(--text-primary)}.search-autocomplete-item:hover,.search-autocomplete-item.active{background:var(--hover-bg,#d9770626)}.search-autocomplete-item .count{color:var(--text-muted,#999);font-size:11px}.voice-search-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:100%;min-height:34px;margin:0;font-size:14px;transition:all .2s;display:flex}.voice-search-btn:hover{color:var(--accent-dark);background:0 0;transform:scale(1.1)}.voice-search-btn.listening{color:#dc2626;background:0 0;animation:1s ease-in-out infinite pulseMic}@keyframes pulseMic{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.kbd-toggle-btn{color:var(--primary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:100%;min-height:34px;margin:0;font-size:14px;transition:all .2s;display:flex}.kbd-toggle-btn:hover,.kbd-toggle-btn.active{color:var(--accent-dark);opacity:1}.arabic-keyboard{background:var(--controls-bg);border:1px solid var(--border-soft);border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:4px;margin-top:-2px;padding:8px;display:none;overflow:hidden}.arabic-keyboard.open{display:flex}.kbd-row{flex-wrap:nowrap;justify-content:center;gap:3px;display:flex}.kbd-key{background:var(--select-bg);border:1px solid var(--border-soft);cursor:pointer;min-width:0;height:32px;color:var(--text-primary);-webkit-user-select:none;user-select:none;border-radius:5px;flex:1 1 0;justify-content:center;align-items:center;padding:4px 2px;font-family:inherit;font-size:15px;transition:all .12s;display:flex;overflow:hidden}.kbd-key:hover{background:var(--hover-bg);border-color:var(--accent)}.kbd-key:active{background:var(--accent);color:#2c3e50;transform:scale(.95)}.kbd-key-wide{flex:1;min-width:48px}.kbd-key-shift{color:var(--accent-dark);background:#d9770626;flex:0 0 44px;font-weight:700}.kbd-key-space{flex:3}.kbd-key-fixed{flex:none;min-width:36px}.kbd-key-clear,.kbd-key-backspace{color:#dc2626;background:#dc262614;flex:0 0 44px}body.night-mode .kbd-key{border-color:#3a4050}body.night-mode .kbd-key:hover{background:#ffffff14}body.night-mode .kbd-key:active{background:var(--accent-dark);color:#1a1a1a}body.night-mode .kbd-key-shift{background:#d9770633}body.night-mode .kbd-key-fixed{background:#ffffff0a}body.night-mode .kbd-key-clear,body.night-mode .kbd-key-backspace{background:#dc262626}.btn-install{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .3s;animation:2s ease-in-out infinite installPulse;display:inline-flex;box-shadow:0 2px 8px #d9770666}.btn-install:hover{transform:scale(1.15);box-shadow:0 4px 16px #d9770699}@keyframes installPulse{0%,to{box-shadow:0 2px 8px #d9770666}50%{box-shadow:0 2px 16px #d97706b3}}body:not(.night-mode) .btn{border-radius:10px;font-weight:600;transition:all .2s}body:not(.night-mode) .btn-gold{background:var(--accent);color:#1a1005;font-weight:700;box-shadow:0 2px 6px #c47a124d}body:not(.night-mode) .btn-gold:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #c47a1266}body:not(.night-mode) .search-result-item{background:var(--select-bg);border:1px solid var(--border-soft);border-right:4px solid var(--accent);box-shadow:var(--control-card-shadow,0 1px 4px #3c28140f);transition:all .2s}body:not(.night-mode) .search-result-item:hover{border-right-color:var(--accent-dark);box-shadow:0 3px 10px #3c28141a}body:not(.night-mode) .search-input-wrapper{border:2px solid var(--border-soft);border-radius:10px;transition:all .2s}body:not(.night-mode) .search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus-ring,#c47a1240)}body:not(.night-mode) .toggle-switch{background:#ccc;border-radius:13px}body:not(.night-mode) .toggle-switch.on{background:#d97706}body:not(.night-mode) .kbd-key{background:var(--select-bg);border:1px solid var(--border-soft);border-radius:6px;transition:all .12s}body:not(.night-mode) .kbd-key:hover{background:var(--hover-bg);border-color:var(--accent)}body:not(.night-mode) .kbd-key:active{background:var(--accent);color:#fff}.mushaf-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;padding:40px;display:flex}.mushaf-loading-icon{font-size:48px;animation:1.5s ease-in-out infinite pulse}.mushaf-loading-text{color:var(--text-secondary);text-align:center;font-size:18px}.mushaf-loading-subtext{color:var(--text-muted);text-align:center;font-size:14px}.mushaf-error-fallback{text-align:center;color:var(--text-primary);padding:40px 20px}.mushaf-error-title{margin-bottom:12px;font-size:18px}.mushaf-error-subtitle{opacity:.7;font-size:14px}.mushaf-error-retry-btn{border:2px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;margin-top:16px;padding:8px 20px;font-family:inherit;font-size:16px}.mushaf-error-retry-btn:hover{opacity:.9}.update-banner{bottom:70px}.update-banner-btn{color:var(--accent-dark,#9a5e08);cursor:pointer;background:#fff;border:none;border-radius:6px;padding:4px 12px;font-family:inherit;font-weight:700}.mushaf-surah-overlay-row{align-items:center;gap:8px;display:flex}.mushaf-surah-overlay-btn{flex:1}.error-overlay-backdrop{z-index:999999;direction:rtl;background:#000000d9;justify-content:center;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.error-overlay-card{color:#e0e0e0;text-align:center;background:#1e1e2e;border-radius:16px;width:90%;max-width:420px;padding:32px;box-shadow:0 8px 32px #00000080}.error-overlay-icon{margin-bottom:16px;font-size:48px}.error-overlay-title{color:#f87171;margin:0 0 12px;font-size:20px}.error-overlay-description{color:#9ca3af;margin:0 0 24px;font-size:14px;line-height:1.6}.error-overlay-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.error-overlay-btn-reload{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:600}.error-overlay-btn-home{color:#e0e0e0;cursor:pointer;background:#374151;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:600}.error-overlay-btn-copy{color:#9ca3af;cursor:pointer;background:#1f2937;border:none;border-radius:8px;padding:10px 24px;font-size:14px}.error-overlay-details{text-align:right;cursor:pointer;margin-top:20px}.error-overlay-details-summary{color:#6b7280;font-size:13px}.error-overlay-details-pre{color:#f87171;white-space:pre-wrap;word-break:break-all;text-align:left;direction:ltr;background:#111827;border-radius:8px;max-height:200px;margin-top:8px;padding:12px;font-size:12px;overflow:auto}.adhkar-category-options{background:var(--controls-bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;display:flex}.adhkar-cat-label{cursor:pointer;align-items:center;gap:4px;font-size:13px;display:flex}.adhkar-cat-label--time{align-items:center;gap:4px;font-size:13px;display:flex}.adhkar-cat-toggle{transform:scale(.85)}.adhkar-cat-time-input{border:1px solid var(--border-soft);background:var(--select-bg);color:var(--text-primary);border-radius:6px;width:80px;padding:2px 6px;font-family:inherit;font-size:12px}.adhkar-cat-duration-input{border:1px solid var(--border-soft);background:var(--select-bg);color:var(--text-primary);border-radius:6px;width:50px;padding:2px 6px;font-family:inherit;font-size:12px}.adhkar-cat-status{color:var(--text-muted);font-size:11px}.adhkar-no-personal{text-align:center;color:#888;padding:20px}body.night-mode .adhkar-no-personal{color:var(--text-muted)}.adhkar-setting-duration-input{width:50px}.search-load-more{text-align:center;padding:12px}.search-history-header{color:var(--text-muted);border-bottom:1px solid var(--border-soft);padding:4px 8px;font-size:11px}.search-history-remove{font-size:10px}.tajweed-hamzat-wasl{color:#a5a5a5}.tajweed-lam-shamsiyyah{color:#2fadff}.tajweed-madd-2{color:#ce9e00}.tajweed-madd-246{color:#ff7b00}.tajweed-madd-6{color:#b50000}.tajweed-madd-munfasil{color:#ff7b00}.tajweed-madd-muttasil{color:#f40000}.tajweed-ghunnah,.tajweed-ikhfa,.tajweed-ikhfa-shafawi,.tajweed-iqlab{color:#09b000}.tajweed-idghaam-ghunnah,.tajweed-idghaam-no-ghunnah,.tajweed-idghaam-mutajanisayn,.tajweed-idghaam-mutaqaribayn,.tajweed-idghaam-shafawi{color:#a5a5a5}.tajweed-qalqalah{color:#2fadff}.tajweed-silent{color:#8e44ad}body.night-mode .tajweed-hamzat-wasl{color:#999}body.night-mode .tajweed-lam-shamsiyyah{color:#00deff}body.night-mode .tajweed-madd-2{color:#ffc1e0}body.night-mode .tajweed-madd-246{color:#ff8e3b}body.night-mode .tajweed-madd-6{color:#e30000}body.night-mode .tajweed-madd-munfasil{color:#ff8e3b}body.night-mode .tajweed-madd-muttasil{color:#ff5e8e}body.night-mode .tajweed-ghunnah,body.night-mode .tajweed-ikhfa,body.night-mode .tajweed-ikhfa-shafawi,body.night-mode .tajweed-iqlab{color:#26b55d}body.night-mode .tajweed-idghaam-ghunnah,body.night-mode .tajweed-idghaam-no-ghunnah,body.night-mode .tajweed-idghaam-mutajanisayn,body.night-mode .tajweed-idghaam-mutaqaribayn,body.night-mode .tajweed-idghaam-shafawi{color:#999}body.night-mode .tajweed-qalqalah{color:#00deff}body.night-mode .tajweed-silent{color:#af7ac5}.ayahs-container{font-size:var(--ayah-font-size,28px)}body.night-mode:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 60% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 80% 20%,#fff,#0000),radial-gradient(1px 1px at 30% 80%,#fff,#0000),radial-gradient(2px 2px at 90%,#fff,#0000);animation:4s ease-in-out infinite twinkle;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}body.night-mode .container{z-index:1;position:relative}.loading-bar{z-index:10000;background:var(--accent);transform-origin:100%;opacity:0;color:#fff;white-space:nowrap;justify-content:center;align-items:center;height:3px;font-size:12px;transition:transform .3s,opacity .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:scaleX(0)}.loading-bar.active{opacity:1;height:auto;min-height:3px;padding:4px 16px;animation:1.5s ease-in-out infinite loadingBarShimmer;transform:scaleX(1)}@keyframes loadingBarShimmer{0%,to{box-shadow:0 0 6px var(--accent), 0 0 12px var(--accent)}50%{box-shadow:0 0 12px var(--accent), 0 0 24px var(--accent)}}.skeleton-loading{flex-direction:column;gap:16px;padding:40px 20px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--border-soft) 25%, var(--hover-bg) 50%, var(--border-soft) 75%);background-size:200% 100%;border-radius:4px;height:24px;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-line:first-child{width:75%}.skeleton-line:nth-child(2){width:60%}.skeleton-line:nth-child(3){width:85%}.skeleton-line:nth-child(4){width:50%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ayah{transition:background .3s,box-shadow .3s,transform .2s}.ayah:hover{transform:translateY(-1px)}.ayah.current{animation:.4s ayahPop}@keyframes ayahPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.prayer-bar{transition:all .4s}.prayer-bar.collapsed .expanded-content{display:none}.prayer-bar.collapsed .collapsed-preview{display:flex}.prayer-bar .collapsed-preview{display:none}.btn{transition:all .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn,.header-action-btn,.header-menu-btn,.collapse-bar-btn,.floating-play-btn,.settings-toggle-btn,.bottom-nav-btn{position:relative;overflow:hidden}.btn:after,.header-action-btn:after,.header-menu-btn:after,.collapse-bar-btn:after,.floating-play-btn:after{content:"";opacity:0;pointer-events:none;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s,opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:after,.header-action-btn:active:after,.header-menu-btn:active:after{opacity:0;width:300px;height:300px}.skeleton{background:linear-gradient(90deg, var(--controls-bg) 25%, var(--hover-bg) 50%, var(--controls-bg) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{border-radius:4px;height:16px;margin-bottom:8px}.skeleton-text:last-child{width:70%}.skeleton-title{border-radius:6px;width:50%;height:24px;margin:0 auto 16px}.skeleton-circle{vertical-align:middle;border-radius:50%;width:32px;height:32px;margin:0 6px;display:inline-block}.ayahs-container .ayah{animation:.4s both ayahFadeIn}@keyframes ayahFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bismillah{animation:3s ease-in-out infinite alternate bismillahGlow}@keyframes bismillahGlow{0%{text-shadow:0 0 4px #d977061a}to{text-shadow:0 0 12px #d977064d}}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.settings-panel,.favorites-panel,.tafsir-curtain,.adhkar-panel,.header-dropdown,.share-menu{-webkit-backdrop-filter:blur(16px)saturate(180%)}.settings-panel{background:#ffffffd9}body.night-mode .settings-panel{background:#161a26d9}.favorites-panel{background:#ffffffd9}body.night-mode .favorites-panel{background:#161a26d9}.tafsir-curtain{background:#f8fafcd9}body.night-mode .tafsir-curtain{background:#1e2330d9}.header-dropdown{background:#ffffffe6}body.night-mode .header-dropdown{background:#1e2330e6}.share-menu{background:#ffffffe6}body.night-mode .share-menu{background:#2a3040e6}}body:not(.night-mode):not(.sepia-mode){background:url(../backgrounds/mosque.jpg) 50%/cover no-repeat fixed;position:relative}body:not(.night-mode):not(.sepia-mode) .container{-webkit-backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff80;box-shadow:0 8px 32px #3c28141a}body:not(.night-mode):not(.sepia-mode) .header{-webkit-backdrop-filter:blur(12px);background:#7a5c3ad9;border-bottom:3px solid #c47a1299}body:not(.night-mode):not(.sepia-mode) .prayer-bar{-webkit-backdrop-filter:blur(12px);background:#5c4430d9;border-bottom:2px solid #c47a1280}body:not(.night-mode):not(.sepia-mode) .controls{-webkit-backdrop-filter:blur(12px);background:#f7f2ebb3;border-bottom:2px solid #c47a1233}body:not(.night-mode):not(.sepia-mode) .surah-content{-webkit-backdrop-filter:blur(8px);background:#fff9}body:not(.night-mode):not(.sepia-mode) .control-card{-webkit-backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #c47a1226;transition:all .25s;box-shadow:0 2px 8px #3c28140f}body:not(.night-mode):not(.sepia-mode) .control-card:hover{background:#ffffffbf;transform:translateY(-1px);box-shadow:0 6px 20px #3c28141f}body:not(.night-mode):not(.sepia-mode) .footer{-webkit-backdrop-filter:blur(12px);background:#5c4430d9}body:not(.night-mode):not(.sepia-mode) .player{-webkit-backdrop-filter:blur(14px);background:#fefdf8c7;border-top:3px solid #c47a1280;box-shadow:0 -6px 24px #3c281414}body:not(.night-mode):not(.sepia-mode) .bottom-nav{-webkit-backdrop-filter:blur(14px);background:#7a5c3ae0;border-top:3px solid #c47a1280}body:not(.night-mode):not(.sepia-mode) .settings-panel{-webkit-backdrop-filter:blur(18px);background:#fefdf8d9;box-shadow:-10px 0 40px #3c28141f}body:not(.night-mode):not(.sepia-mode) .favorites-panel,body:not(.night-mode):not(.sepia-mode) .adhkar-panel{-webkit-backdrop-filter:blur(18px);background:#fefdf8d9;box-shadow:10px 0 40px #3c28141f}body:not(.night-mode):not(.sepia-mode) .tafsir-curtain{-webkit-backdrop-filter:blur(18px);background:#faf6f0d9;box-shadow:8px 0 32px #3c28141f}body:not(.night-mode):not(.sepia-mode) .settings-section,body:not(.night-mode):not(.sepia-mode) .prayer-times-list{-webkit-backdrop-filter:blur(6px);background:#f7f2eb99}body:not(.night-mode):not(.sepia-mode) .prayer-row{-webkit-backdrop-filter:blur(4px);background:#fefdf899;transition:background .2s}body:not(.night-mode):not(.sepia-mode) .prayer-row:hover{background:#fefdf8cc}body:not(.night-mode):not(.sepia-mode) .adhkar-item{-webkit-backdrop-filter:blur(6px);background:#f7f2eb99;transition:all .2s}body:not(.night-mode):not(.sepia-mode) .adhkar-item:hover{background:#f7f2ebcc}body:not(.night-mode):not(.sepia-mode) .favorite-item{-webkit-backdrop-filter:blur(6px);background:#f7f2eb99;transition:all .2s}body:not(.night-mode):not(.sepia-mode) .favorite-item:hover{background:#f7f2ebcc}body:not(.night-mode):not(.sepia-mode) .search-results{-webkit-backdrop-filter:blur(14px);background:#f7f2ebcc}body:not(.night-mode):not(.sepia-mode) .search-results-header{-webkit-backdrop-filter:blur(8px);background:#f7f2ebd9}body:not(.night-mode):not(.sepia-mode) .search-result-item{-webkit-backdrop-filter:blur(6px);background:#fff9;transition:all .2s}body:not(.night-mode):not(.sepia-mode) .search-result-item:hover{background:#fffc}body:not(.night-mode):not(.sepia-mode) .header-dropdown{-webkit-backdrop-filter:blur(16px);background:#fefdf8d9;box-shadow:0 4px 20px #3c28141a}body:not(.night-mode):not(.sepia-mode) .share-menu{-webkit-backdrop-filter:blur(16px);background:#fefdf8d9}body:not(.night-mode):not(.sepia-mode) .search-autocomplete{-webkit-backdrop-filter:blur(10px);background:#ffffffd9}body:not(.night-mode):not(.sepia-mode) .arabic-keyboard{-webkit-backdrop-filter:blur(10px);background:#f7f2ebcc}body:not(.night-mode):not(.sepia-mode) .toast{-webkit-backdrop-filter:blur(10px)}body:not(.night-mode):not(.sepia-mode) .ayah .translation-text{-webkit-backdrop-filter:blur(4px);background:#faf6f099}body:not(.night-mode):not(.sepia-mode) .control-group select,body:not(.night-mode):not(.sepia-mode) .control-group input,body:not(.night-mode):not(.sepia-mode) .settings-row select,body:not(.night-mode):not(.sepia-mode) .settings-row input{-webkit-backdrop-filter:blur(6px);background:#fffc}body:not(.night-mode):not(.sepia-mode) .font-size-select{background:#fffc}body:not(.night-mode):not(.sepia-mode) .search-input-wrapper{-webkit-backdrop-filter:blur(6px);background:#fffc}body:not(.night-mode):not(.sepia-mode) .kbd-key{-webkit-backdrop-filter:blur(4px);background:#ffffffb3;transition:all .15s}body:not(.night-mode):not(.sepia-mode) .kbd-key:hover{background:#ffffffe6;transform:translateY(-1px)}body:not(.night-mode):not(.sepia-mode) .kbd-key:active{transform:translateY(0)}body:not(.night-mode):not(.sepia-mode) .surah-content .ayahs-container{text-shadow:0 0 1px #ffffff80}body:not(.night-mode):not(.sepia-mode) .bismillah{text-shadow:0 1px 4px #fff9}body:not(.night-mode):not(.sepia-mode) ::-webkit-scrollbar-track{background:#f7f2eb66}@keyframes glassFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}body:not(.night-mode):not(.sepia-mode) .container{animation:.6s ease-out glassFadeIn}body:not(.night-mode):not(.sepia-mode) .surah-title{text-shadow:0 1px 3px #ffffff80}body:not(.night-mode):not(.sepia-mode) .stat-card{-webkit-backdrop-filter:blur(8px);background:#fefdf8b3}body:not(.night-mode):not(.sepia-mode) .adhkar-counter-btn{-webkit-backdrop-filter:blur(4px);background:#fefdf8b3}body:not(.night-mode):not(.sepia-mode) .adhkar-setting-row{-webkit-backdrop-filter:blur(4px);background:#fefdf899}body:not(.night-mode):not(.sepia-mode) .juz-marker:before,body:not(.night-mode):not(.sepia-mode) .juz-marker:after{background:linear-gradient(90deg,#0000,#c47a124d,#0000)}body:not(.night-mode):not(.sepia-mode) .reading-progress{background:#c47a12cc}body:not(.night-mode):not(.sepia-mode) .theme-btn{transition:all .25s}body:not(.night-mode):not(.sepia-mode) .theme-btn:hover{transform:scale(1.15)}body:not(.night-mode):not(.sepia-mode) .settings-close,body:not(.night-mode):not(.sepia-mode) .favorites-close,body:not(.night-mode):not(.sepia-mode) .adhkar-close{transition:all .2s}body:not(.night-mode):not(.sepia-mode) .settings-close:hover,body:not(.night-mode):not(.sepia-mode) .favorites-close:hover,body:not(.night-mode):not(.sepia-mode) .adhkar-close:hover{transform:scale(1.1)rotate(90deg)}body:not(.night-mode):not(.sepia-mode) .bottom-nav button{transition:all .2s}body:not(.night-mode):not(.sepia-mode) .bottom-nav button:hover{transform:translateY(-2px)}body.night-mode{background:url(../backgrounds/mosque-night.jpg) 50%/cover no-repeat fixed;position:relative}body.night-mode:before{display:none}body.night-mode .container{-webkit-backdrop-filter:blur(10px);z-index:1;background:#0a0e1aa6;border:1px solid #e8d9a833;position:relative;box-shadow:0 8px 32px #0000004d}body.night-mode .header{-webkit-backdrop-filter:blur(10px);background:#0e1220d1;border-bottom:2px solid #d4af3773}body.night-mode .prayer-bar{-webkit-backdrop-filter:blur(10px);background:#0a0e1ad1;border-bottom:1px solid #d4af3759}body.night-mode .controls{-webkit-backdrop-filter:blur(12px);background:#101626ad;border-bottom:1px solid #d4af3733}body.night-mode .surah-content{-webkit-backdrop-filter:blur(8px);background:#0a0e1a8c}body.night-mode .control-card{-webkit-backdrop-filter:blur(8px);background:#141a2a8c;border:1px solid #d4af3726;transition:all .25s;box-shadow:0 2px 8px #00000040}body.night-mode .control-card:hover{background:#1c2232bf;transform:translateY(-1px);box-shadow:0 6px 20px #00000059}body.night-mode .footer{-webkit-backdrop-filter:blur(12px);background:#0a0e1ad9}body.night-mode .player{-webkit-backdrop-filter:blur(14px);background:#0e121ed1;border-top:2px solid #d4af3766;box-shadow:0 -6px 24px #00000059}body.night-mode .bottom-nav{-webkit-backdrop-filter:blur(14px);background:#0e1220e0;border-top:2px solid #d4af3766}body.night-mode .settings-panel{-webkit-backdrop-filter:blur(18px);background:#0c101ce0;box-shadow:-10px 0 40px #00000073}body.night-mode .favorites-panel,body.night-mode .adhkar-panel{-webkit-backdrop-filter:blur(18px);background:#0c101ce0;box-shadow:10px 0 40px #00000073}body.night-mode .tafsir-curtain{-webkit-backdrop-filter:blur(18px);background:#0e121ee0;box-shadow:8px 0 32px #00000073}body.night-mode .settings-section,body.night-mode .prayer-times-list{-webkit-backdrop-filter:blur(6px);background:#141a2a8c}body.night-mode .prayer-row{-webkit-backdrop-filter:blur(4px);background:#12162499;transition:background .2s}body.night-mode .prayer-row:hover{background:#181e30cc}body.night-mode .adhkar-item{-webkit-backdrop-filter:blur(6px);background:#141a2a8c;transition:all .2s}body.night-mode .adhkar-item:hover{background:#181e30bf}body.night-mode .favorite-item{-webkit-backdrop-filter:blur(6px);background:#141a2a8c;transition:all .2s}body.night-mode .favorite-item:hover{background:#181e30bf}body.night-mode .search-results{-webkit-backdrop-filter:blur(14px);background:#0c101cd9}body.night-mode .search-results-header{-webkit-backdrop-filter:blur(10px);background:#121828d9}body.night-mode .search-result-item{-webkit-backdrop-filter:blur(6px);background:#141a2a99;transition:all .2s}body.night-mode .search-result-item:hover{background:#1c2232cc}body.night-mode .header-dropdown{-webkit-backdrop-filter:blur(16px);background:#0c101ce6;box-shadow:0 4px 20px #00000073}body.night-mode .share-menu{-webkit-backdrop-filter:blur(16px);background:#0c101ce6}body.night-mode .search-autocomplete{-webkit-backdrop-filter:blur(12px);background:#0c101ce6}body.night-mode .arabic-keyboard{-webkit-backdrop-filter:blur(12px);background:#0e121ed9}body.night-mode .toast{-webkit-backdrop-filter:blur(12px)}body.night-mode .ayah .translation-text{-webkit-backdrop-filter:blur(6px);background:#141a2a99}body.night-mode .control-group select,body.night-mode .control-group input,body.night-mode .settings-row select,body.night-mode .settings-row input{-webkit-backdrop-filter:blur(8px);background:#161c2ccc}body.night-mode .font-size-select{background:#161c2ccc}body.night-mode .search-input-wrapper{-webkit-backdrop-filter:blur(8px);background:#161c2ccc}body.night-mode .kbd-key{-webkit-backdrop-filter:blur(6px);background:#161c2cb3;border-color:#d4af3740;transition:all .15s}body.night-mode .kbd-key:hover{background:#1e2434e6;transform:translateY(-1px)}body.night-mode .kbd-key:active{transform:translateY(0)}body.night-mode .surah-content .ayahs-container{text-shadow:0 1px 3px #000000e6,0 0 8px #00000080}body.night-mode .bismillah{text-shadow:0 1px 4px #000c,0 0 10px #0006}body.night-mode .surah-title{text-shadow:0 1px 4px #000000b3,0 0 8px #0006}body.night-mode .ayah{text-shadow:0 1px 2px #0009}body.night-mode ::-webkit-scrollbar-track{background:#0a0e1a66}@keyframes glassNightFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}body.night-mode .container{animation:.6s ease-out glassNightFadeIn}body.night-mode .stat-card{-webkit-backdrop-filter:blur(10px);background:#141a2ab3}body.night-mode .adhkar-counter-btn{-webkit-backdrop-filter:blur(6px);background:#141a2ab3}body.night-mode .adhkar-setting-row{-webkit-backdrop-filter:blur(6px);background:#141a2a99}body.night-mode .juz-marker:before,body.night-mode .juz-marker:after{background:linear-gradient(90deg,#0000,#d4af3740,#0000)}body.night-mode .reading-progress{background:#d4af37cc}body.night-mode .collapsed-content,body.night-mode .expanded-content{-webkit-backdrop-filter:blur(8px);background:#0e121ea6}body.night-mode .ayah-modal-inner{-webkit-backdrop-filter:blur(16px);background:#0c101ce6;border:1px solid #d4af3740}body.night-mode .theme-btn{transition:all .25s}body.night-mode .theme-btn:hover{transform:scale(1.15)}body.night-mode .settings-close,body.night-mode .favorites-close,body.night-mode .adhkar-close{transition:all .2s}body.night-mode .settings-close:hover,body.night-mode .favorites-close:hover,body.night-mode .adhkar-close:hover{transform:scale(1.1)rotate(90deg)}body.night-mode .bottom-nav button{transition:all .2s}body.night-mode .bottom-nav button:hover{transform:translateY(-2px)}body.night-mode .btn-primary{color:#0a0e1a;background:linear-gradient(135deg,#d4af37,#b8952a);font-weight:700}body.night-mode .btn-primary:hover{background:linear-gradient(135deg,#e8c84a,#d4af37)}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){body.night-mode .settings-panel,body.night-mode .favorites-panel,body.night-mode .tafsir-curtain,body.night-mode .adhkar-panel,body.night-mode .header-dropdown,body.night-mode .share-menu{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%)}}body.sepia-mode{background:url(../backgrounds/mosque-sepia.jpg) 50%/cover no-repeat fixed;position:relative}body.sepia-mode .container{-webkit-backdrop-filter:blur(12px);background:#f5edd8b8;border:1px solid #8a684040;box-shadow:0 8px 32px #503c1e1a}body.sepia-mode .header{-webkit-backdrop-filter:blur(10px);background:#6b4e2ed9;border-bottom:2px solid #8a684080}body.sepia-mode .prayer-bar{-webkit-backdrop-filter:blur(10px);background:#4a3520d9;border-bottom:1px solid #8a684066}body.sepia-mode .controls{-webkit-backdrop-filter:blur(12px);background:#efe5d0b3;border-bottom:1px solid #8a684033}body.sepia-mode .surah-content{-webkit-backdrop-filter:blur(8px);background:#f8f0e099}body.sepia-mode .control-card{-webkit-backdrop-filter:blur(8px);background:#f5edd88c;border:1px solid #8a684026;transition:all .25s;box-shadow:0 2px 8px #503c1e0f}body.sepia-mode .control-card:hover{background:#f5edd8bf;transform:translateY(-1px);box-shadow:0 6px 20px #503c1e1f}body.sepia-mode .footer{-webkit-backdrop-filter:blur(12px);background:#4a3520d9}body.sepia-mode .player{-webkit-backdrop-filter:blur(14px);background:#f5edd8c7;border-top:2px solid #8a684073;box-shadow:0 -6px 24px #503c1e14}body.sepia-mode .bottom-nav{-webkit-backdrop-filter:blur(14px);background:#6b4e2ee0;border-top:2px solid #8a684073}body.sepia-mode .settings-panel{-webkit-backdrop-filter:blur(18px);background:#f2e8d4d9;box-shadow:-10px 0 40px #503c1e1f}body.sepia-mode .favorites-panel,body.sepia-mode .adhkar-panel{-webkit-backdrop-filter:blur(18px);background:#f2e8d4d9;box-shadow:10px 0 40px #503c1e1f}body.sepia-mode .tafsir-curtain{-webkit-backdrop-filter:blur(18px);background:#f2e8d4d9;box-shadow:8px 0 32px #503c1e1f}body.sepia-mode .settings-section,body.sepia-mode .prayer-times-list{-webkit-backdrop-filter:blur(6px);background:#efe5d099}body.sepia-mode .prayer-row{-webkit-backdrop-filter:blur(4px);background:#f5edd899;transition:background .2s}body.sepia-mode .prayer-row:hover{background:#f5edd8cc}body.sepia-mode .adhkar-item{-webkit-backdrop-filter:blur(6px);background:#efe5d099;transition:all .2s}body.sepia-mode .adhkar-item:hover{background:#efe5d0cc}body.sepia-mode .favorite-item{-webkit-backdrop-filter:blur(6px);background:#efe5d099;transition:all .2s}body.sepia-mode .favorite-item:hover{background:#efe5d0cc}body.sepia-mode .search-results{-webkit-backdrop-filter:blur(14px);background:#efe5d0cc}body.sepia-mode .search-results-header{-webkit-backdrop-filter:blur(8px);background:#efe5d0d9}body.sepia-mode .search-result-item{-webkit-backdrop-filter:blur(6px);background:#f8f0e099;transition:all .2s}body.sepia-mode .search-result-item:hover{background:#f8f0e0cc}body.sepia-mode .header-dropdown{-webkit-backdrop-filter:blur(16px);background:#f2e8d4e0;box-shadow:0 4px 20px #503c1e1a}body.sepia-mode .share-menu{-webkit-backdrop-filter:blur(16px);background:#f2e8d4e0}body.sepia-mode .search-autocomplete{-webkit-backdrop-filter:blur(10px);background:#f2e8d4e0}body.sepia-mode .arabic-keyboard{-webkit-backdrop-filter:blur(10px);background:#efe5d0d1}body.sepia-mode .toast{-webkit-backdrop-filter:blur(10px)}body.sepia-mode .ayah .translation-text{-webkit-backdrop-filter:blur(4px);background:#f2e8d499}body.sepia-mode .control-group select,body.sepia-mode .control-group input,body.sepia-mode .settings-row select,body.sepia-mode .settings-row input{-webkit-backdrop-filter:blur(6px);background:#f8f0e0cc}body.sepia-mode .font-size-select{background:#f8f0e0cc}body.sepia-mode .search-input-wrapper{-webkit-backdrop-filter:blur(6px);background:#f8f0e0cc}body.sepia-mode .kbd-key{-webkit-backdrop-filter:blur(4px);background:#f5edd8b3;transition:all .15s}body.sepia-mode .kbd-key:hover{background:#f8f0e0e6;transform:translateY(-1px)}body.sepia-mode .kbd-key:active{transform:translateY(0)}body.sepia-mode .surah-content .ayahs-container{text-shadow:0 0 1px #f5edd880}body.sepia-mode .bismillah{text-shadow:0 1px 4px #f5edd899}body.sepia-mode .surah-title{text-shadow:0 1px 3px #f5edd880}body.sepia-mode ::-webkit-scrollbar-track{background:#efe5d066}@keyframes glassSepiaFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}body.sepia-mode .container{animation:.6s ease-out glassSepiaFadeIn}body.sepia-mode .stat-card{-webkit-backdrop-filter:blur(8px);background:#f5edd8b3}body.sepia-mode .adhkar-counter-btn{-webkit-backdrop-filter:blur(4px);background:#f5edd8b3}body.sepia-mode .adhkar-setting-row{-webkit-backdrop-filter:blur(4px);background:#f5edd899}body.sepia-mode .juz-marker:before,body.sepia-mode .juz-marker:after{background:linear-gradient(90deg,#0000,#8a68404d,#0000)}body.sepia-mode .reading-progress{background:#8a6840cc}body.sepia-mode .collapsed-content,body.sepia-mode .expanded-content{-webkit-backdrop-filter:blur(8px);background:#f2e8d4a6}body.sepia-mode .ayah-modal-inner{-webkit-backdrop-filter:blur(16px);background:#f2e8d4e6;border:1px solid #8a684033}body.sepia-mode .theme-btn{transition:all .25s}body.sepia-mode .theme-btn:hover{transform:scale(1.15)}body.sepia-mode .settings-close,body.sepia-mode .favorites-close,body.sepia-mode .adhkar-close{transition:all .2s}body.sepia-mode .settings-close:hover,body.sepia-mode .favorites-close:hover,body.sepia-mode .adhkar-close:hover{transform:scale(1.1)rotate(90deg)}body.sepia-mode .bottom-nav button{transition:all .2s}body.sepia-mode .bottom-nav button:hover{transform:translateY(-2px)}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){body.sepia-mode .settings-panel,body.sepia-mode .favorites-panel,body.sepia-mode .tafsir-curtain,body.sepia-mode .adhkar-panel,body.sepia-mode .header-dropdown,body.sepia-mode .share-menu{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%)}}@media (max-width:900px){.prayer-bar-items{gap:8px}.prayer-bar-item{white-space:normal;padding:4px 10px;font-size:12px}.controls{flex-direction:column;align-items:stretch}.controls-row{width:100%}.control-group select,.control-group input{min-width:100%}.settings-panel,.favorites-panel{width:360px}.tafsir-curtain{width:340px}.tafsir-curtain-handle.open{left:340px}}@media (max-width:600px){body{padding:10px 10px 120px}.container{border-radius:12px}.header{padding:22px 15px}.header h1{font-size:22px}.header p{font-size:13px}.header-action-btn,.header-menu-btn{width:40px;height:40px;font-size:18px}.header-menu-container{gap:2px;top:10px;left:10px}.header-actions{gap:4px}.mode-btn.mode-toggle{padding:4px 8px;font-size:10px}.surah-content{min-height:300px;padding:16px}.surah-title{font-size:22px}.bismillah{font-size:24px}.ayahs-container{line-height:2.2}.settings-panel,.favorites-panel{width:100%;max-width:100%}.settings-panel{right:-100%}.favorites-panel{left:-100%}.tafsir-curtain{width:92vw;left:-100vw}.big-clock-time{font-size:32px}.player:not(.collapsed){padding:8px 10px}.btn{padding:6px 10px;font-size:12px}.player-buttons{gap:5px}.prayer-bar-item{padding:3px 8px;font-size:11px}.prayer-bar-actions{gap:6px}.settings-toggle-btn{padding:5px 12px;font-size:12px}.player-info{gap:6px;font-size:14px}.player-info .current-ayah{padding:6px 10px;font-size:14px}audio{max-width:100%}.keyboard-hint{display:none}.toast{padding:10px 18px;font-size:13px;bottom:250px}.search-result-text{font-size:16px}.ayah-number{min-width:28px;height:28px;font-size:12px;line-height:28px}.controls-row .search-input-group{min-width:100px;max-width:160px}.controls-row .btn-sm{padding:4px 6px;font-size:11px}.controls-row .font-size-select{width:52px;min-width:52px}}@media (max-width:380px){.header h1,.surah-title{font-size:19px}.bismillah{font-size:21px}.btn{padding:5px 8px;font-size:11px}}@media (max-width:600px){.adhkar-panel{width:100%;max-width:100%;left:-100%}.adhkar-panel.open{left:0}}@media (hover:none) and (pointer:coarse),(max-width:768px){.control-group button,.btn-sm,.settings-close,.favorites-close,.adhkar-close-btn,.mushaf-surah-overlay-close,.surah-secrets-close-btn,.collapse-bar-btn,.expand-bar-btn,.mode-toggle-control,.header-action-btn,.header-menu-btn,.search-btn,.clear-search-btn,.voice-search-btn,.prev-ayah-btn,.next-ayah-btn,.prev-surah-btn,.next-surah-btn,.hifdh-btn,.repeat-btn,.bookmark-btn,.favorite-btn,.share-btn,.play-pause-btn,.collapsed-play-btn,.bottom-nav-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);width:auto;height:auto;padding:10px 14px;font-size:15px}.bottom-nav-btn{padding:6px 4px}.collapse-bar-btn,.expand-bar-btn{width:var(--touch-target-min);height:var(--touch-target-min);padding:10px}.ayah-number{min-width:36px;height:36px;font-size:14px;line-height:36px}.word{padding:4px 3px;font-size:24px;line-height:2}select,input,button{font-size:var(--font-size-touch)}.surah-select,.reciter-select,.translation-select,.tafsir-select,.speed-select,.font-size-select,.method-select,.city-quick-select,.lang-select{min-height:var(--select-min-height);padding:8px 12px}.mushaf-ayah-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:8px 12px}.mushaf-page-nav-btn{min-width:48px;min-height:48px}}@media (max-width:400px){.container{padding:0 4px}.header{padding:8px 4px}.controls,.control-group{gap:4px}.surah-content{padding:12px 8px}.ayah{margin:3px 0;padding:8px 6px}.word{font-size:20px!important;line-height:1.8!important}.player-controls{gap:6px}}@media (hover:none) and (pointer:coarse){.ayahs-container{-webkit-overflow-scrolling:touch}select,input,textarea{-webkit-appearance:none;appearance:none}button,.btn,a,select,input,textarea,.toggle-switch,.bottom-nav-btn,.header-action-btn,.header-menu-btn,.player-buttons .btn,.search-autocomplete-item{touch-action:manipulation}.ayahs-container{touch-action:pan-x pan-y pinch-zoom}}@media (max-width:600px){.tafsir-curtain{border-right:none;border-top:3px solid var(--accent);z-index:941;border-radius:20px 20px 0 0;width:100vw;max-width:100vw;height:75vh;padding:16px;transition:bottom .4s;top:auto;bottom:-100vh;left:0;box-shadow:0 -8px 32px #0000004d}.tafsir-curtain.open{bottom:0;left:0}.tafsir-curtain-handle{border:2px solid var(--accent);writing-mode:initial;text-orientation:initial;z-index:942;border-bottom:none;border-radius:12px 12px 0 0;width:72px;height:44px;font-size:11px;transition:bottom .4s;position:fixed;top:auto;bottom:-60px;left:50%;transform:translate(-50%)}.tafsir-curtain-handle.open{bottom:75vh;left:50%}}@media (max-width:900px) and (min-width:601px){body{padding-bottom:80px}.header{padding:18px 16px}.header h1{font-size:24px}.header-menu-container{gap:4px}.header-action-btn,.header-menu-btn{width:36px;height:36px;font-size:18px}.controls{gap:6px;padding:10px}.controls-row .control-group{min-width:140px;max-width:180px}.controls-row .control-group select{height:30px;padding:4px 6px;font-size:12px}.prayer-bar-item{gap:4px;padding:3px 8px;font-size:11px}.prayer-bar-items{gap:6px}.prayer-bar-inner,.player:not(.collapsed){padding:8px 12px}.player-more-row .btn{padding:5px 10px;font-size:11px}.surah-content{padding:20px}.settings-panel,.favorites-panel,.tafsir-curtain{width:340px}.tafsir-curtain-handle.open{left:340px}.btn{padding:6px 12px;font-size:12px}.toast{bottom:90px}}@media (max-width:600px){body{padding:8px 8px 120px}.container{border-radius:10px}.header{padding:56px 10px 12px}.header h1{margin-bottom:0;font-size:18px}.header-menu-container{gap:2px;top:8px;left:8px}.header-action-btn,.header-menu-btn{width:40px;height:40px;font-size:18px}.theme-btn{width:40px;height:40px;font-size:16px}.theme-switcher{gap:2px;padding:2px}.collapse-bar-btn{width:44px;min-width:44px;height:44px;min-height:44px;font-size:18px}.adhkar-item-action-btn{width:40px;min-width:40px;height:40px;min-height:40px;font-size:16px}.adhkar-counter-btn{width:44px;min-width:44px;height:44px;min-height:44px;font-size:20px}.adhkar-tab{min-height:40px;padding:8px 12px}.controls{padding:8px;display:none}.controls.mobile-show{display:flex}.controls-row .control-group{min-width:100%;max-width:100%}.controls-row .control-group select{height:36px;padding:6px 8px;font-size:13px}.controls-row .search-input-group{min-width:100%;max-width:100%}.prayer-bar.collapsed{height:36px}.collapsed-preview{gap:8px;height:36px;padding:0 8px;font-size:12px}.collapsed-preview .clock-only{font-size:13px}.prayer-bar-inner{padding:6px 10px}.prayer-bar-item{gap:3px;padding:2px 6px;font-size:10px}.surah-content{min-height:250px;padding:12px}.surah-title{font-size:20px}.bismillah{font-size:22px}.player:not(.collapsed){padding:6px 8px 56px}.player.collapsed{height:44px;padding:4px 8px}.expanded-header{margin-bottom:4px;font-size:13px}.current-ayah{margin-bottom:6px;padding:6px 10px;font-size:14px}.player-buttons{gap:4px;margin-top:4px}.player-buttons #prevSurahBtn,.player-buttons #nextSurahBtn{display:none}.player-more-row .btn{padding:5px 10px;font-size:11px}.player-row{flex-direction:column;gap:4px}.player-row audio{max-width:100%}.speed-control{font-size:11px}.settings-panel,.favorites-panel,.adhkar-panel,.tafsir-curtain{width:100%;max-width:100%}.settings-panel{right:-100%}.favorites-panel,.adhkar-panel{left:-100%}.tafsir-curtain{width:100vw;left:-100vw}.tafsir-curtain-handle.open{left:auto;right:0}.toast{padding:8px 14px;font-size:12px;bottom:90px}.search-result-text{font-size:15px}.search-results{max-height:50vh;padding:10px}.ayah-number{min-width:24px;height:24px;font-size:11px;line-height:24px}.footer{padding:10px 8px;font-size:11px;line-height:1.7}.bottom-nav{display:flex}.player,.player.collapsed{bottom:56px}.arabic-keyboard{gap:2px;padding:4px;overflow:hidden}.kbd-key{min-width:0;height:28px;padding:2px 1px;font-size:13px}.kbd-key-shift,.kbd-key-clear,.kbd-key-backspace{flex:0 0 36px}}@media (max-width:380px){.header h1{font-size:16px}.surah-title{font-size:17px}.bismillah{font-size:19px}.btn{padding:4px 6px;font-size:10px}.header-action-btn,.header-menu-btn{width:40px;height:40px;font-size:17px}.header-menu-container{gap:1px}.theme-btn{width:36px;height:36px;font-size:13px}.bottom-nav-btn{padding:4px 4px 2px;font-size:15px}.bottom-nav-btn span{font-size:8px}}@media (max-width:600px){.settings-panel,.favorites-panel,.adhkar-panel,.tafsir-curtain,.help-panel,.mushaf-surah-overlay,.sleep-timer-overlay{z-index:5500}.settings-panel,.favorites-panel,.adhkar-panel,.help-panel,.tafsir-curtain{padding-bottom:110px}body.panel-open .bottom-nav,body.panel-open .player{display:none!important}body.tafsir-only-open .player{display:block!important}body.tafsir-only-open .bottom-nav{display:none!important}.update-banner{box-sizing:border-box;max-width:calc(100vw - 24px);padding:8px 16px;font-size:13px;bottom:120px}.update-banner .update-banner-btn{min-height:36px;padding:6px 14px;font-size:13px}}@media print{body{color:#000;padding:0;background:#fff!important}.player,.controls,.settings-panel,.favorites-panel,.tafsir-curtain,.tafsir-curtain-handle,.header-action-btn,.header-menu-btn,.header-menu-container,.bottom-nav,.network-banner,.toast,.azan-notification,.adhkar-notification,.prayer-bar,.reading-progress,.footer,.skip-link,.bottom-nav{display:none!important}.container{box-shadow:none;border-radius:0;max-width:100%}.surah-content{padding:20px}.ayah{page-break-inside:avoid;box-shadow:none!important;color:#000!important;background:0 0!important}.ayah-number{color:#000;background:0 0;border:1px solid #000}.bismillah{color:#333!important}}:focus-visible{outline:var(--focus-outline);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.prayer-row.next-prayer,.bismillah,body.bg-css:after,.ayahs-container .ayah{animation:none!important}.ayah.hifdh-mode:after{opacity:.5;animation:none!important}}@media (prefers-contrast:high){:root{--accent:#9a5545;--border-soft:#744e4e;--text-muted:#5a3535;--border:#000}.btn{border:2px solid}.toggle-switch{border:2px solid #000}.ayah.current{outline:3px solid #000}}:root{--capacitor-bottom-nav:56px;--capacitor-player-offset:56px}body.capacitor-native .controls,body.capacitor-native .bottom-nav{display:flex!important}body.capacitor-native .player,body.capacitor-native .player.collapsed{bottom:var(--capacitor-player-offset)}body.capacitor-native{padding-bottom:140px!important}body.capacitor-native .mushaf-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:8px 0!important;overflow:hidden!important}body.capacitor-native .surah-content{scroll-behavior:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow:hidden auto!important}body.capacitor-native .mushaf-page-canvas{image-rendering:optimizeQuality;object-fit:contain;background:#f5f0e8;min-height:200px;-webkit-transform:translateZ(0);box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;display:block!important}body.night-mode.capacitor-native .mushaf-page-canvas{background:#1a1e2b}body.capacitor-native .mushaf-image-wrapper{min-height:300px;position:relative;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0 auto!important;display:flex!important;overflow:hidden!important}body.capacitor-native .mushaf-page-nav-btn{opacity:.7;background:#00000014;border-radius:8px;width:48px;min-width:44px;height:56px;min-height:44px;font-size:26px}body.capacitor-native .mushaf-page-nav-prev{right:4px!important}body.capacitor-native .mushaf-page-nav-next{left:4px!important}body.capacitor-native .mushaf-page-nav-btn:hover{opacity:1;background:#d9770626}body.capacitor-native .mushaf-header-row{flex-wrap:wrap;gap:4px}body.capacitor-native .mushaf-header-row .mushaf-surah-names{font-size:16px}body.capacitor-native .mushaf-header-row .mushaf-surah-name{padding:2px 8px;font-size:14px}body.capacitor-native .mushaf-tajweed-legend{padding:8px;font-size:12px}body.capacitor-native .mushaf-tajweed-legend-item{padding:3px 6px;font-size:11px}body.capacitor-native .settings-panel:not(.open){visibility:hidden!important;display:none!important;right:-100%!important}body.capacitor-native .settings-panel.open{visibility:visible!important;display:block!important;right:0!important}body.capacitor-native .favorites-panel:not(.open){visibility:hidden!important;display:none!important;left:auto!important;right:-100%!important}body.capacitor-native .favorites-panel.open{visibility:visible!important;display:block!important;left:auto!important;right:0!important}body.capacitor-native .adhkar-panel:not(.open){visibility:hidden!important;display:none!important;left:-100%!important}body.capacitor-native .adhkar-panel.open{visibility:visible!important;display:block!important;left:0!important}body.capacitor-native .tafsir-curtain:not(.open){visibility:hidden!important;display:none!important;left:-100%!important}body.capacitor-native .tafsir-curtain.open{visibility:visible!important;display:block!important;left:0!important}body.capacitor-native.mushaf-active .settings-panel,body.capacitor-native.mushaf-active .favorites-panel,body.capacitor-native.mushaf-active .adhkar-panel{visibility:hidden!important;display:none!important}body.capacitor-native .mushaf-container{z-index:1;position:relative}body.capacitor-native .settings-panel,body.capacitor-native .favorites-panel,body.capacitor-native .adhkar-panel{width:100%;max-width:100%}body.capacitor-native .tafsir-curtain{width:100vw;max-width:100vw}body.capacitor-native .presentation-overlay.presentation-visible{padding-top:env(safe-area-inset-top,0);background:var(--bg-primary,#1a1a2e);-webkit-transform:translateZ(0);visibility:visible!important;z-index:99999!important;width:100vw!important;height:100vh!important;opacity:1!important;height:100dvh!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}body.capacitor-native .presentation-close-btn{z-index:10;opacity:1!important;pointer-events:auto!important;min-width:44px!important;min-height:44px!important;font-size:20px!important}body.capacitor-native .presentation-header{flex-wrap:wrap;gap:4px;padding:4px 2px}body.capacitor-native .presentation-title{text-align:center;order:-1;width:100%;margin-bottom:0;font-size:12px}body.capacitor-native .presentation-header-btn{min-width:40px;min-height:40px;padding:6px 8px;font-size:18px}body.capacitor-native .presentation-body{-webkit-overflow-scrolling:touch;padding:12px 8px;overflow-y:auto!important}body.capacitor-native .presentation-ayah-text{overflow-wrap:break-word;word-break:break-word;max-width:100%;font-size:clamp(22px,5.5vw,32px);line-height:1.7}body.capacitor-native .presentation-translation{margin-top:10px;font-size:15px}body.capacitor-native .presentation-inner{padding:4px!important}body.capacitor-native .presentation-footer{padding:4px 0}body.capacitor-native .presentation-counter{font-size:12px}body.capacitor-native .view-mode-btn{min-width:44px;min-height:44px;padding:8px 10px;font-size:18px}body.capacitor-native .control-card{padding:10px 14px}body.capacitor-native select{-webkit-appearance:none;appearance:none;min-height:44px;font-size:16px}body.capacitor-native .ayahs-container{-webkit-user-select:text;user-select:text}body.capacitor-native .header{padding-top:calc(24px + env(safe-area-inset-top,0))}body.capacitor-native .reading-progress{top:env(safe-area-inset-top,0)}body.capacitor-native{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body.capacitor-native .modal-overlay{padding-top:env(safe-area-inset-top,0)}body.capacitor-native{min-height:100vh;min-height:100dvh}body.capacitor-native,body.capacitor-native html{max-width:100vw!important;overflow-x:hidden!important}body.capacitor-native.mushaf-active{width:100%!important;max-width:100vw!important;overflow:hidden auto!important}body.capacitor-native.presentation-active{width:100%!important;position:fixed!important;overflow:hidden!important}.help-panel{background:var(--panel-bg,#fff);border-left:3px solid var(--accent);z-index:950;pointer-events:none;visibility:hidden;flex-direction:column;width:380px;max-width:90vw;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.help-panel.open{pointer-events:auto;visibility:visible;transform:translate(0)}.help-header{border-bottom:2px solid var(--border-color,#e5e7eb);background:var(--panel-bg,#fff);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.help-header h2{color:var(--text-primary);margin:0;font-size:18px}.help-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 10px;font-size:22px;transition:background .2s;display:flex}.help-close:hover{background:var(--hover-bg,#0000000f)}.help-body{flex:1;padding:12px 16px}.help-section{border:1px solid var(--border-color,#e5e7eb);border-radius:10px;margin-bottom:4px;overflow:hidden}.help-section-toggle{background:var(--section-bg,#f9fafb);cursor:pointer;width:100%;color:var(--text-primary);border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.help-section-toggle:hover{background:var(--hover-bg,#0000000f)}.help-toggle-icon{color:var(--text-muted);font-size:12px;transition:transform .2s}.help-section-content{background:var(--panel-bg,#fff);max-height:0;padding:0 16px;transition:max-height .3s,padding .3s;overflow:hidden}.help-section-content.open{max-height:800px;padding:12px 16px}.help-item{border-bottom:1px solid var(--border-light,#f0f0f0);padding:10px 0}.help-item:last-child{border-bottom:none}.help-item-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.help-item-desc{color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.7}body.night-mode .help-panel{background:var(--panel-bg,#1a1a2e);border-left-color:var(--accent)}body.night-mode .help-header{background:var(--panel-bg,#1a1a2e);border-bottom-color:var(--border-color,#333)}body.night-mode .help-section{border-color:var(--border-color,#333)}body.night-mode .help-section-toggle{background:var(--section-bg,#224);color:var(--text-primary)}body.night-mode .help-section-content{background:var(--panel-bg,#1a1a2e)}body.night-mode .help-item{border-bottom-color:var(--border-light,#2a2a3e)}body.night-mode .help-item-desc{color:var(--text-secondary,#a0a0b0)}body.sepia-mode .help-panel{background:var(--panel-bg,#f5f0e1)}body.sepia-mode .help-section-toggle{background:var(--section-bg,#ede5cc)}@media (max-width:480px){.help-panel{width:100vw;max-width:100vw}}.virtual-chunk{contain:layout style;content-visibility:auto}.virtual-chunk[data-spacer=true]{contain:strict;content-visibility:hidden}