@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:UthmanicHafs1;src:url(../fonts/UthmanicHafs1%20Ver13.otf) format("opentype");font-display:swap}@font-face{font-family:AmiriQuran;src:url(../fonts/amiri-quran.ttf) format("truetype");font-display:swap}@font-face{font-family:AmiriQuranColored;src:url(../fonts/amiri-quran-colored.ttf) format("truetype");font-display:swap}@font-face{font-family:ArbFONTSAmiri;src:url(../fonts/ArbFONTS-Amiri%20Quran.ttf) format("truetype");font-display:swap}:root{--bg: #1a1a2e;--bg-elev: #2d3047;--fg: #e9ecef;--fg-muted: #b6b9c2;--accent: #2e86ab;--accent-hover: #1b5f7d;--danger: #e74c3c;--success: #27ae60;--warning: #e67e22;--border: rgba(255, 255, 255, .08);--radius: 16px;--shadow: 0 4px 20px rgba(0, 0, 0, .3)}:root.light{--bg: #f8f9fa;--bg-elev: #ffffff;--fg: #2c3e50;--fg-muted: #6c757d;--border: rgba(0, 0, 0, .08);--shadow: 0 4px 20px rgba(0, 0, 0, .1)}:root.sepia{--bg: #f4ecd8;--bg-elev: #e9dcc0;--fg: #5b4636;--fg-muted: #8a7660;--accent: #8b5a2b;--accent-hover: #6f4520;--border: rgba(91, 70, 54, .12);--shadow: 0 4px 20px rgba(91, 70, 54, .15)}:root.gold{--bg: #1c1410;--bg-elev: #2a1f17;--fg: #f5e6c8;--fg-muted: #c9b896;--accent: #d4af37;--accent-hover: #b8942b;--danger: #c0392b;--success: #b8860b;--warning: #e8a634;--border: rgba(212, 175, 55, .22);--shadow: 0 4px 24px rgba(212, 175, 55, .12)}:root.gold body{background:linear-gradient(135deg,#1c1410,#261a12,#1c1410)}:root.gold .surah-title,:root.gold .basmala,:root.gold .verse-number,:root.gold .page-info-item strong,:root.gold .app-header h1{color:#d4af37;text-shadow:0 1px 2px rgba(0,0,0,.5)}:root.gold .verse-active{background:linear-gradient(135deg,#d4af37,#b8942b)!important;color:#1c1410}:root.gold .toolbar,:root.gold .quick-nav,:root.gold .page-nav,:root.gold .text-page,:root.gold .image-page,:root.gold .modal-card,:root.gold .floating-controls{border:1px solid rgba(212,175,55,.25);box-shadow:0 2px 12px #d4af3714,inset 0 1px #d4af370d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Tajawal,Segoe UI,Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.7;font-size:16px;font-weight:400;letter-spacing:.1px;transition:background .25s ease,color .25s ease}button,input,select,textarea{font-family:inherit}button{font-family:inherit;background:transparent;color:inherit;border:1px solid var(--border);cursor:pointer;border-radius:10px;transition:background .15s ease,border-color .15s ease}button:not(:disabled):hover{background:var(--bg-elev);border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input[type=number],input[type=text],input[type=search]{font-family:inherit;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;-webkit-appearance:none;appearance:none}input[type=search]::placeholder,input[type=text]::placeholder{color:var(--fg-muted);opacity:.7}input[type=search]:focus,input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2e86ab2e}input[type=number]{width:80px;text-align:center}.app-shell{min-height:100vh;display:flex;flex-direction:column;max-width:1280px;margin:0 auto;touch-action:pan-y;overscroll-behavior-x:contain;padding:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));gap:16px}.app-loading{display:grid;place-items:center;min-height:100vh;color:var(--fg-muted)}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.app-header-title{display:flex;flex-direction:column;align-items:center;gap:8px}.app-icon{width:140px;height:140px;border-radius:16px;filter:drop-shadow(0 4px 12px rgba(212,175,55,.35));transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s ease;cursor:pointer}.app-icon:hover{transform:scale(1.08) rotate(-1deg);filter:drop-shadow(0 8px 24px rgba(212,175,55,.6))}@media(max-width:640px){.app-icon{width:96px;height:96px}}.app-header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-elev);border-radius:var(--radius);flex-wrap:wrap}.toolbar>.page-info{flex:0 0 auto}.toolbar>.search-bar{flex:1 1 280px;min-width:200px}.toolbar-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;flex:0 0 auto}@media(max-width:640px){.toolbar{padding:6px 8px;gap:6px}.toolbar>.search-bar{flex:1 1 100%;order:2}.toolbar>.page-info{order:1}.toolbar>.toolbar-controls{order:3;flex:1 1 100%;justify-content:space-between}}.page-info{font-size:.9rem;white-space:nowrap;line-height:1.6}.page-info-item{display:inline}.page-info-item strong{color:var(--accent);font-weight:700;margin-inline-end:3px}.page-info-sep{display:inline-block;color:var(--fg-muted);opacity:.6;margin:0 6px}.page-info-label-short{display:none}@media(max-width:640px){.page-info{font-size:.82rem}.page-info-label{display:none}.page-info-label-short{display:inline}.page-info-sep{margin:0 4px}}.zoom-controls{display:flex;align-items:center;justify-content:center;gap:4px}.zoom-controls button{width:34px;height:34px;font-size:1rem}.zoom-value{min-width:60px;text-align:center;color:var(--fg-muted);font-variant-numeric:tabular-nums}.app-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:12px 0}.image-page{width:100%;max-width:800px;background:var(--bg-elev);padding:14px;border-radius:var(--radius);box-shadow:var(--shadow)}.image-page img{width:100%;height:auto;display:block;border-radius:8px;-webkit-user-drag:none;user-select:none;touch-action:pan-y}.image-page-error,.text-placeholder{padding:30px;background:var(--bg-elev);border-radius:var(--radius);text-align:center;color:var(--fg-muted);max-width:600px}.page-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:var(--bg-elev);border-radius:var(--radius)}.page-nav-btn{padding:10px 18px;font-size:1rem;font-weight:600}.page-nav-info{display:flex;align-items:center;gap:6px}.theme-toggle{width:44px;height:44px;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center}.view-mode-toggle{display:inline-flex;background:var(--bg-elev);border-radius:10px;padding:4px;gap:2px}.view-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;font-size:.9rem}.view-mode-btn.active{background:var(--accent);color:#fff}.view-mode-label{display:none}@media(min-width:768px){.view-mode-label{display:inline}}.settings-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 16px;background:var(--bg-elev);border-radius:var(--radius)}.toggle-row{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:.88rem;white-space:nowrap}.toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.active-verse-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:600}.active-verse-progress{opacity:.8;font-weight:400;font-variant-numeric:tabular-nums}.active-verse-banner button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:6px 14px}.active-verse-banner button:hover{background:#ffffff4d}.error-banner{padding:12px 16px;background:var(--danger);color:#fff;border-radius:var(--radius);font-weight:600}.text-page{width:100%;max-width:900px;background:var(--bg-elev);padding:30px 28px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:justify;direction:rtl}.text-page-loading,.text-page-error,.text-page-empty{padding:30px;background:var(--bg-elev);border-radius:var(--radius);text-align:center;color:var(--fg-muted)}.text-page-error{color:var(--danger)}.surah-segment+.surah-segment{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.surah-header{text-align:center;margin-bottom:16px}.surah-title{color:var(--accent);font-size:1.4rem;margin-bottom:4px}.surah-meta{color:var(--fg-muted);font-size:.85rem;margin-bottom:10px}.basmala{font-family:inherit;text-align:center;margin:14px 0 18px;font-size:1.1em;color:var(--accent)}.surah-verses{display:block}.verse{display:inline;padding:2px 4px;margin:0 2px;border-radius:6px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease;outline-offset:4px}.verse:hover{background:#2e86ab26}.verse:focus-visible{outline:2px solid var(--accent)}.verse-highlighted{background:#2e86ab40}.verse-active{background:var(--accent)!important;color:#fff;box-shadow:0 0 0 3px #2e86ab59}.verse-number{display:inline-block;margin:0 4px;font-size:.85em;color:var(--accent);font-variant-numeric:tabular-nums}.verse-active .verse-number{color:#ffffffe6}.swipe-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:#1c1410eb;color:var(--fg, #f5e6c8);border:1px solid var(--accent, #d4af37);border-radius:16px;padding:14px 22px;box-shadow:0 8px 32px #00000080,0 0 30px #d4af3740;backdrop-filter:blur(8px);display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:600;pointer-events:auto;animation:swipe-hint-in .35s ease-out;max-width:calc(100vw - 32px)}@keyframes swipe-hint-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.swipe-hint-content{display:flex;align-items:center;gap:10px;flex:1}.swipe-hint-arrow{font-size:1.6rem;color:var(--accent, #d4af37);animation:swipe-arrow 1.5s ease-in-out infinite;line-height:1}.swipe-hint-arrow:last-of-type{animation-delay:.75s}@keyframes swipe-arrow{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-6px);opacity:1}}.swipe-hint-text{white-space:nowrap}.swipe-hint-close{background:transparent;border:none;color:var(--fg-muted, #c9b896);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:8px;line-height:1}.swipe-hint-close:hover{background:#d4af3726;color:var(--accent)}.settings-section-job{transition:background-color .3s ease,border-color .3s ease}.settings-section-job-completed{background:#2ecc7114;border-color:#2ecc7166}.settings-section-job-cancelled{background:#95a5a61a;border-color:#95a5a666}.settings-section-job-error{background:#c0392b14;border-color:#c0392b66}.tools-menu{display:flex;flex-direction:column;gap:10px;padding:6px 2px}.tools-menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;color:var(--fg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:start}.tools-menu-item:hover{border-color:var(--accent);background:var(--accent-soft, rgba(212, 175, 55, .12))}.tools-menu-icon{font-size:1.6rem;line-height:1;flex-shrink:0}.tools-menu-text{flex:1}.tools-menu-meta{font-size:.85rem;font-weight:500;color:var(--accent);opacity:.85;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}.tools-menu-item-bookmark-remove{border-color:#c0392b66}.tools-menu-item-bookmark-remove:hover{background:#c0392b1a;border-color:#c0392b}.tools-menu-separator{margin:12px 4px 4px;padding:6px 0;font-size:.8rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.tools-menu-row{display:flex;gap:8px}.tools-menu-item-half{flex:1;justify-content:center}.tools-menu-volume{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px}.tools-menu-volume-btn{width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--fg);font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.tools-menu-volume-btn:hover,.tools-menu-volume-btn:active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.tools-menu-volume-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.tools-menu-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid var(--bg);box-shadow:0 1px 4px #0000004d}.tools-menu-volume-slider::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid var(--bg)}.tools-menu-volume-pct{font-size:.85rem;font-weight:700;color:var(--accent);min-width:42px;text-align:end;font-variant-numeric:tabular-nums}.gesture-debug-overlay{position:fixed;top:8px;left:8px;width:calc(100vw - 16px);max-width:380px;background:#000000d9;color:#0f0;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;line-height:1.4;padding:8px;border:1px solid #0f0;border-radius:8px;z-index:99999;pointer-events:auto;backdrop-filter:blur(2px)}.gesture-debug-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:6px;border-bottom:1px solid #0f0;padding-bottom:4px}.gesture-debug-close{background:transparent;border:1px solid #0f0;color:#0f0;width:22px;height:22px;border-radius:4px;cursor:pointer;line-height:1;padding:0}.gesture-debug-log{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow:hidden}.gesture-debug-empty{color:#888;font-style:italic}.gesture-debug-entry-start{color:#6cf}.gesture-debug-entry-end{color:#fff}.gesture-debug-entry-detect{color:#0f0;font-weight:700}.gesture-debug-entry-reject{color:#f80}.gesture-debug-entry-cancel{color:#f44}.gesture-debug-entry-move{color:#aaa}.about-section{margin-top:12px}.about-content{display:flex;flex-direction:column;gap:12px;padding:8px 4px}.about-name{font-size:1.5rem;font-weight:700;color:var(--accent);margin:0}.about-tagline{font-size:1.1rem;color:var(--fg-muted);margin:0}.about-version{font-size:.9rem;color:var(--fg-muted);font-family:ui-monospace,monospace;margin:0}.about-desc{font-size:.95rem;line-height:1.7;color:var(--fg);margin:8px 0}.about-meta{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--fg-muted);padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.about-meta p{margin:0}.about-meta strong{color:var(--fg)}.about-meta a{color:var(--accent);text-decoration:none;margin-inline-start:6px}.about-meta a:hover{text-decoration:underline}.about-links{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.about-link{padding:8px 14px;background:var(--accent-soft, rgba(212, 175, 55, .1));color:var(--accent);border:1px solid var(--border);border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease}.about-link:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.about-dua{margin-top:8px;text-align:center;font-size:.95rem;color:var(--accent);font-weight:600}.font-pick{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;color:var(--fg);cursor:pointer;transition:all .2s ease;text-align:start}.font-pick:hover{border-color:var(--accent);background:var(--accent-soft, rgba(212, 175, 55, .1))}.font-pick-active{border-color:var(--accent);background:var(--accent-soft, rgba(212, 175, 55, .15));box-shadow:0 0 0 2px var(--accent-soft, rgba(212, 175, 55, .2))}.font-pick-name{font-size:.9rem;font-weight:700;color:var(--fg-muted)}.font-pick-preview{color:var(--fg);line-height:1.8;direction:rtl}.floating-btn-more{font-size:1.4rem;letter-spacing:-2px}.verse-reading-bookmark{background:linear-gradient(90deg,transparent,rgba(212,175,55,.18) 30%,rgba(212,175,55,.18) 70%,transparent);border-bottom:2px dotted var(--accent)}.verse-bookmark-marker{display:inline-block;margin:0 4px;font-size:.9em;vertical-align:middle;filter:drop-shadow(0 0 4px rgba(212,175,55,.6))}.quick-nav{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--bg-elev);border-radius:var(--radius)}.quick-nav button{flex:1 1 auto;padding:10px 14px;font-size:.92rem;min-width:max-content}.search-bar{display:flex;gap:6px;flex:1;min-width:0;align-items:stretch}.search-input{flex:1;font-size:.95rem;padding:8px 12px;min-width:0}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-clear{width:36px;height:36px;font-size:1.3rem;line-height:1;flex-shrink:0}.search-submit{padding:8px 14px;font-weight:600;white-space:nowrap;font-size:.95rem;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}@media(max-width:640px){.search-input{font-size:16px}}.search-results-modal,.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;backdrop-filter:blur(2px)}.search-results-card,.modal-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow)}.search-results-header,.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.search-results-header h3,.modal-header h3{color:var(--accent)}.search-results-header button,.modal-close{width:36px;height:36px;font-size:1.4rem;line-height:1;border-radius:50%}.modal-body{flex:1;overflow-y:auto;padding:12px 16px}.search-results-list{list-style:none;overflow-y:auto;padding:4px;flex:1}.search-result-item{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease}.search-result-item:hover,.search-result-item:focus-visible{background:var(--bg-elev)}.search-result-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:.92rem}.search-result-type{background:var(--accent);color:#fff;padding:2px 8px;border-radius:6px;font-size:.75rem}.search-result-page{color:var(--fg-muted);margin-inline-start:auto;font-size:.85rem}.search-result-text{font-size:1.05rem;line-height:1.9;color:var(--fg-muted)}.search-result-text mark{background:var(--accent);color:#fff;padding:0 4px;border-radius:4px}.search-empty,.search-more{padding:24px;text-align:center;color:var(--fg-muted)}.confirm-dialog{max-width:460px;padding:28px 24px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.confirm-dialog-icon{font-size:3rem;line-height:1}.confirm-dialog-title{color:var(--accent);font-size:1.15rem;font-weight:700;margin:0}.confirm-dialog-message{color:var(--fg);line-height:1.8;white-space:pre-line;font-size:.98rem}.confirm-dialog-actions{display:flex;gap:10px;margin-top:8px;width:100%;justify-content:center;flex-wrap:wrap}.confirm-dialog-btn{flex:1 1 140px;min-width:120px;padding:11px 18px;font-size:.98rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.confirm-dialog-btn:active{transform:scale(.97)}.confirm-dialog-btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.confirm-dialog-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.confirm-dialog-btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.confirm-dialog-btn-danger:hover{background:#c0392b;border-color:#c0392b}.confirm-dialog-btn-secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.confirm-dialog-btn-secondary:hover{background:var(--bg-elev);border-color:var(--accent)}.surah-list,.reciter-list{list-style:none;display:grid;gap:4px}@media(min-width:640px){.surah-list{grid-template-columns:1fr 1fr}}.surah-item,.reciter-item{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-elev);border-radius:10px;cursor:pointer;transition:background .15s ease}.surah-item:hover,.reciter-item:hover{background:var(--accent);color:#fff}.surah-item:hover .surah-meta-row,.surah-item:hover .surah-num{color:#ffffffd9}.reciter-item.selected,.reciter-item:focus-visible{outline:2px solid var(--accent)}.surah-num{background:var(--accent);color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700}.surah-name-ar{font-weight:600}.surah-meta-row{grid-column:2;font-size:.82rem;color:var(--fg-muted)}.reciter-item{grid-template-columns:1fr auto}.reciter-name{font-weight:600}.reciter-style{color:var(--fg-muted);font-size:.85rem}.reciter-item:hover .reciter-style{color:#ffffffd9}.reciter-group+.reciter-group{margin-top:18px}.reciter-group-title{color:var(--accent);margin-bottom:8px;font-size:1rem}.floating-controls{position:fixed;bottom:env(safe-area-inset-bottom,16px);inset-inline:0;margin:0 auto;display:flex;gap:10px;padding:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);z-index:100;width:max-content;max-width:calc(100vw - 24px)}.floating-btn{width:48px;height:48px;border-radius:50%;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg);flex-shrink:0}.floating-btn:not(:disabled):hover{background:var(--accent);color:#fff}.floating-btn-main{width:56px;height:56px;background:var(--accent);color:#fff;font-size:1.3rem}.floating-btn-main:not(:disabled):hover{background:var(--accent-hover)}.floating-btn-stop{background:var(--danger);color:#fff;border-color:var(--danger)}.floating-btn-stop:not(:disabled):hover{background:#c0392b;border-color:#c0392b}.floating-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.floating-zoom-stack{display:flex;flex-direction:column;gap:2px;border-radius:999px;overflow:hidden}.floating-zoom-popover,.floating-pagenav-popover{position:fixed;bottom:88px;left:50%;transform:translate(-50%);display:inline-flex;gap:8px;padding:8px 12px;background:var(--bg-elev);border:1px solid var(--accent);border-radius:999px;box-shadow:0 6px 24px #00000059,0 0 18px var(--accent-soft, rgba(212, 175, 55, .2));z-index:60;animation:popover-in .2s ease-out}@keyframes popover-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.floating-popover-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.floating-popover-btn:hover,.floating-popover-btn:active{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:scale(1.05)}.floating-btn-zoom-toggle.floating-btn-active,.floating-btn-pagenav-toggle.floating-btn-active{background:var(--accent);color:var(--bg)}.floating-btn-desktop-only{display:inline-flex}.floating-btn-mobile-only{display:none}@media(max-width:640px){.floating-btn-desktop-only{display:none}.floating-btn-mobile-only{display:inline-flex}}.zoom-icon{display:inline-flex;align-items:baseline;gap:1px;line-height:1;font-family:Amiri,Tajawal,serif;font-weight:700}.zoom-icon-big{font-size:1.4em;line-height:1}.zoom-icon-small{font-size:.85em;line-height:1;opacity:.8}@media(max-width:640px){.floating-zoom-popover,.floating-pagenav-popover{bottom:78px}}@media(min-width:1024px){.floating-controls{bottom:18px;opacity:.92}.floating-controls:hover{opacity:1}}.offline-badge{background:var(--warning);color:#fff;padding:2px 8px;border-radius:6px;font-size:.75rem;margin-inline-start:6px}.settings-btn{width:44px;height:44px;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center}.settings{display:flex;flex-direction:column;gap:24px}.settings-section h4{color:var(--accent);margin-bottom:12px;font-size:1.05rem}.settings-info{color:var(--fg-muted);padding:14px;background:var(--bg-elev);border-radius:10px}.font-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.font-grid{grid-template-columns:1fr 1fr}}.font-option{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px;text-align:center;border-radius:12px}.font-option.selected{border-color:var(--accent);background:var(--bg-elev)}.font-preview{font-size:1.6rem;line-height:1.8}.font-name{font-size:.85rem;color:var(--fg-muted);font-family:Segoe UI,Tahoma,sans-serif}.storage-table{width:100%;border-collapse:collapse}.storage-table th,.storage-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:start}.storage-table th{color:var(--accent);font-size:.9rem}.storage-path code{background:var(--bg-elev);padding:2px 6px;border-radius:4px;font-size:.82rem}.progress-bar{width:100%;height:14px;background:var(--bg-elev);border-radius:7px;overflow:hidden;margin-bottom:6px}@media(max-width:640px){.modal-backdrop{padding:8px}.modal-card{max-width:100%;max-height:95vh;border-radius:14px}.modal-header{padding:12px 14px}.modal-header h3{font-size:1.1rem}.modal-body{padding:12px 14px!important}.settings{gap:16px}.settings-section h4{font-size:1rem;margin-bottom:8px}.settings-info{padding:10px;font-size:.88rem}.font-grid{grid-template-columns:1fr;gap:8px}.font-option{padding:10px}.font-preview{font-size:1.4rem;line-height:1.7}.storage-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.85rem}.storage-table th,.storage-table td{padding:8px 6px;white-space:nowrap}.storage-table button{padding:6px 10px;font-size:.8rem}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.download-item-btn{padding:10px 8px;font-size:.85rem;text-align:center}.download-item-btn small{font-size:.72rem}.about-content{gap:8px}.about-name{font-size:1.25rem}.about-tagline{font-size:.95rem}.about-desc{font-size:.88rem;line-height:1.6}.about-meta{padding:10px;font-size:.82rem}.about-meta p{line-height:1.6}.about-links{flex-direction:column;gap:6px}.about-link{padding:10px 14px;font-size:.88rem;text-align:center;justify-content:center;display:flex}.settings-row{flex-wrap:wrap;gap:6px}.reset-prefs-btn,.download-manager button{width:100%;padding:12px;font-size:.95rem}.storage-table button{width:auto}.settings-section-job h4{font-size:.95rem}.progress-info{font-size:.85rem}}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .3s ease}.progress-info{font-size:.9rem;color:var(--fg-muted);margin-bottom:8px}.error-msg{color:var(--danger);font-size:.9rem}.download-grid{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:640px){.download-grid{grid-template-columns:1fr 1fr}}.download-item-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;text-align:start}.download-item-btn small{color:var(--fg-muted);font-size:.78rem}@media(max-width:640px){.app-shell.has-session>.page-nav{display:none}.app-shell.has-session .floating-btn-pagenav,.app-shell.fullscreen .floating-btn-pagenav,.app-shell.has-session .floating-btn-bookmark{display:none}}.app-shell.fullscreen{max-width:none;padding:0;gap:0;min-height:100vh}.app-shell.fullscreen>header,.app-shell.fullscreen>nav.quick-nav,.app-shell.fullscreen>.toolbar,.app-shell.fullscreen>.page-nav,.app-shell.fullscreen>footer,.app-shell.fullscreen>.error-banner,.app-shell.fullscreen>.active-verse-banner{display:none}.app-shell.fullscreen>.app-main{padding:12px;min-height:100vh}.app-shell.fullscreen .image-page,.app-shell.fullscreen .text-page{max-width:min(900px,100%);margin:0 auto}.app-shell.fullscreen .floating-controls{transition:opacity .6s ease,transform .4s ease}.app-shell.fullscreen.idle .floating-controls{opacity:0;pointer-events:none;transform:translateY(20px)}.app-shell.fullscreen.fullscreen-show-banner>.active-verse-banner{display:flex;position:fixed;top:env(safe-area-inset-top,12px);inset-inline:12px;z-index:50;transition:opacity .5s ease}.app-shell.fullscreen.idle.fullscreen-show-banner>.active-verse-banner{opacity:0;pointer-events:none}.app-footer{text-align:center;color:var(--fg-muted);font-size:.9rem;padding-top:16px;border-top:1px solid var(--border)}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}@media(max-width:640px){.app-shell{padding:12px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));gap:10px}.app-header{flex-direction:column;align-items:stretch}.app-header h1{font-size:1.2rem}.app-header-controls{justify-content:center}.page-nav{padding:8px}.page-nav-btn{padding:8px 12px;font-size:.9rem}.quick-nav button{font-size:.82rem;padding:8px 10px}.text-page{padding:18px 14px}.settings-row{flex-direction:column;align-items:stretch}.modal-card,.search-results-card{max-height:92vh}}@media(max-width:380px){.floating-btn{width:42px;height:42px}.floating-btn-main{width:50px;height:50px}.quick-nav{gap:4px}}