@font-face{font-family:surah-name-v4-icon;src:url(https://static-cdn.tarteel.ai/qul/fonts/surah-names/v4/surah-name-v4.ttf)format("truetype");font-display:swap}:root{--bg-color:#faf4e8;--text-color:#2c2c2c;--bar-bg:#faf4e8;--highlight-color:#2b7a78;--border-color:#e2dacb}[data-theme=dark]{--bg-color:#121212;--text-color:#e5e5e5;--bar-bg:#1e1e1e;--highlight-color:#4a90e2;--border-color:#333}.mushaf-page-wrapper{flex:1;justify-content:center;align-items:stretch;padding:8px;display:flex;overflow:hidden auto}.mushaf-frame-outer{background-color:#0000;border-radius:6px;flex:1;max-width:480px;padding:0;display:flex;position:relative;box-shadow:0 5px 25px #0000001a;container:mushaf/size}.mushaf-frame-inner{background-color:var(--bg-color);min-width:0;max-width:100%;padding:calc(min(8cqw, 48px) / var(--font-scale,1));box-sizing:border-box;--border-gold-main:#b89758;--border-gold-accent:#d4af37;border:1px solid var(--border-gold-main);border-radius:4px;flex-direction:column;flex:1;display:flex;position:relative}.mushaf-frame-inner.border-style-original{--border-gold-main:#b89758;--border-gold-accent:#d4af37}[data-theme=dark] .mushaf-frame-inner.border-style-original{--border-gold-main:#8c6e3b;--border-gold-accent:#c5a059}.mushaf-frame-inner.border-style-geometric{--border-gold-main:#c27a5d;--border-gold-accent:#e59d7f}[data-theme=dark] .mushaf-frame-inner.border-style-geometric{--border-gold-main:#9c5c43;--border-gold-accent:#c27a5d}.mushaf-frame-inner.border-style-medallion{--border-gold-main:#065f46;--border-gold-accent:#10b981}[data-theme=dark] .mushaf-frame-inner.border-style-medallion{--border-gold-main:#064e3b;--border-gold-accent:#34d399}[data-theme=dark] .mushaf-frame-inner{border-color:var(--border-gold-main)}.mushaf-frame-inner.script-indopak,.mushaf-frame-inner.script-uthmani,.mushaf-frame-inner.script-tajweed{padding-left:calc(min(7.6cqw, 45px) / var(--font-scale,1));padding-right:calc(min(7.6cqw, 45px) / var(--font-scale,1))}.mushaf-frame-inner.no-border{border:none;padding:0}.mushaf-frame-inner.border-style-original:before{content:"";border:2px double var(--border-gold-accent);pointer-events:none;z-index:1;border-radius:2px;position:absolute;inset:min(2cqw,12px)}.mushaf-frame-overlay,.mushaf-corner,.mushaf-frame-inner:before{opacity:var(--border-opacity,1);transition:opacity .15s ease-out}.mushaf-corner{z-index:10;pointer-events:none;width:min(6cqw,24px);height:min(6cqw,24px);color:var(--border-gold-main);position:absolute}.mushaf-corner.top-left{top:min(1cqw,6px);left:min(1cqw,6px)}.mushaf-corner.top-right{top:min(1cqw,6px);right:min(1cqw,6px);transform:scaleX(-1)}.mushaf-corner.bottom-left{bottom:min(1cqw,6px);left:min(1cqw,6px);transform:scaleY(-1)}.mushaf-corner.bottom-right{bottom:min(1cqw,6px);right:min(1cqw,6px);transform:scale(-1)}html{overflow:hidden}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:flex-start;height:100dvh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}#root{flex-direction:column;flex-shrink:0;width:100%;max-width:480px;height:100dvh;display:flex}.App{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.top-bar,.bottom-bar{background-color:var(--bg-color);direction:ltr;flex-shrink:0;justify-content:space-between;align-items:center;padding:2px 12px;display:flex}.top-bar{border-bottom:1px solid var(--border-color);font-family:Amiri,Traditional Arabic,serif;font-size:.85rem}.page-indicator{background-color:var(--border-color);border-bottom:2px solid var(--text-color);border-radius:4px;justify-content:center;align-items:center;padding:0 12px;line-height:1.2;display:flex}.bottom-bar{border-top:1px solid var(--border-color);justify-content:space-evenly;gap:6px;padding:4px 6px}@media (width<=360px){.bottom-bar{gap:2px;padding:4px 2px}.icon-btn{padding:4px!important}}.icon-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:#80808033}.mushaf-container{direction:rtl;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;max-width:100%;min-height:0;padding:0;display:flex;overflow:hidden}.quran-text-container{width:100%;max-width:100%;height:100%;font-size:calc(var(--font-scale,1) * .95 * min(calc((100cqw - min(16cqw, 96px) - 20px) / 18), calc((100cqh - min(16cqw, 96px) - 20px) / 29.5), 28px));flex-direction:column;justify-content:space-evenly;line-height:1.6;display:flex}.quran-text-container.script-indopak,.quran-text-container.script-uthmani{font-size:calc(var(--font-scale,1) * 1.019 * min(calc((100cqw - min(16cqw, 96px) - 20px) / 21.5), calc((100cqh - min(16cqw, 96px) - 20px) / 32), 24px))}.quran-text-container.script-tajweed{font-size:calc(var(--font-scale,1) * .978 * min(calc((100cqw - min(16cqw, 96px) - 20px) / 21.5), calc((100cqh - min(16cqw, 96px) - 20px) / 32), 24px))}.quran-line{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:1.6em;display:flex}.script-indopak .quran-line,.script-uthmani .quran-line,.script-tajweed .quran-line{border-bottom:1px solid color-mix(in srgb, var(--text-color) 18%, transparent);flex:1 1 0;height:auto;min-height:0;overflow:hidden}.script-indopak .quran-line.empty,.script-uthmani .quran-line.empty,.script-tajweed .quran-line.empty{border-bottom:none}.script-indopak .quran-line:first-child,.script-uthmani .quran-line:first-child,.script-tajweed .quran-line:first-child{border-top:1px solid color-mix(in srgb, var(--text-color) 18%, transparent)}.script-indopak .quran-line.empty:first-child,.script-uthmani .quran-line.empty:first-child,.script-tajweed .quran-line.empty:first-child{border-top:none}.quran-line.center{justify-content:center!important;gap:min(2.5cqw,12px)!important}@container mushaf (width<=600px){.quran-text-container{font-size:calc(var(--font-scale,1) * .95 * min(calc((100cqw - min(16cqw, 96px) - 10px) / 15), calc((100cqh - min(16cqw, 96px) - 10px) / 26.5), 32px))}.quran-text-container.script-indopak,.quran-text-container.script-uthmani{font-size:calc(var(--font-scale,1) * 1.019 * min(calc((100cqw - min(16cqw, 96px) - 10px) / 18.5), calc((100cqh - min(16cqw, 96px) - 10px) / 28), 26px))}.quran-text-container.script-tajweed{font-size:calc(var(--font-scale,1) * .978 * min(calc((100cqw - min(16cqw, 96px) - 10px) / 18.5), calc((100cqh - min(16cqw, 96px) - 10px) / 28), 26px))}}.dropdown-overlay{z-index:200;background:0 0;position:absolute;inset:0}.dropdown-content{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 15px #0003}.list-container{flex-direction:column;max-height:100%;display:flex;overflow-y:auto}.list-item{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;padding:11px 16px;transition:background-color .2s;display:flex}.list-item:hover{background-color:var(--border-color)}.list-item.active{background-color:color-mix(in srgb, var(--highlight-color) 12%, var(--bg-color));border-left:3px solid var(--highlight-color);font-weight:600}.grid-container{grid-template-columns:repeat(3,1fr);gap:8px;max-height:100%;padding:16px;display:grid;overflow-y:auto}.grid-item{background-color:var(--border-color);color:var(--text-color);cursor:pointer;border:none;border-radius:6px;padding:12px;font-weight:700}.grid-item:hover{background-color:var(--highlight-color);color:#fff}.page-input-container{gap:8px;padding:16px;display:flex}.page-input-container input{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:6px;flex:1;padding:10px;font-size:1rem}.go-btn{background-color:var(--highlight-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:700}.top-bar-item{cursor:pointer;border-radius:6px;padding:4px 8px;transition:background-color .2s}.top-bar-item:hover{background-color:var(--border-color)}.quran-word{white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-bottom:2px solid #0000;transition:opacity .25s ease-out,color .25s ease-out;display:inline-block}.quran-word[data-char-type=end]{color:var(--border-gold-main);opacity:.9;z-index:1;position:relative}.quran-word[data-is-pause-mark=true]{z-index:5;pointer-events:none;justify-content:center;width:0;display:inline-flex;position:relative;overflow:visible;transform:translate(1.1em,-.9em)scale(.85)}.quran-word[data-is-pause-mark=true]:has(+.quran-word[data-char-type=end]){transform:translate(-1.4em,-.85em)scale(.9)}.mushaf-container.swipe-active{touch-action:none;-webkit-user-select:none;user-select:none}.quran-word.hifz-hidden{color:#0000!important;border-bottom:3px solid var(--border-gold-main)!important;opacity:.4!important}.highlight-red{background-color:#ff000026;border-radius:6px}.highlight-yellow{background-color:#ffc80040;border-radius:6px}.highlight-green{background-color:#00ff0026;border-radius:6px}.quran-word.hifz-hidden.highlight-red{background-color:#0000;opacity:.7!important;border-bottom-color:#f00c!important}.quran-word.hifz-hidden.highlight-yellow{background-color:#0000;opacity:.7!important;border-bottom-color:#ffc800cc!important}.quran-word.hifz-hidden.highlight-green{background-color:#0000;opacity:.7!important;border-bottom-color:#00c800cc!important}.surah-header-container{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:2em;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.script-indopak .surah-header-container,.script-uthmani .surah-header-container,.script-tajweed .surah-header-container{font-size:.8em}.surah-header-container:hover{transform:scale(1.015)}.surah-header-container:active{transform:scale(.985)}.surah-boundary-header{flex-direction:column;flex-shrink:0;align-items:center;width:100%;display:flex}.surah-header-inner{width:100%;height:100%;color:var(--text-color);border-top:1px solid var(--border-gold-main);border-bottom:1px solid var(--border-gold-main);border-left:2px solid var(--border-gold-main);border-right:2px solid var(--border-gold-main);box-shadow:inset 0 2px 0 var(--border-gold-accent), inset 0 -2px 0 var(--border-gold-accent);border-radius:4px;justify-content:space-between;align-items:center;padding:0 min(4cqw,24px);display:flex;position:absolute;top:0;left:0}.surah-header-inner.border-style-geometric{border-top:1px dashed var(--border-gold-main);border-bottom:1px dashed var(--border-gold-main);border-left:2px solid var(--border-gold-main);border-right:2px solid var(--border-gold-main);box-shadow:none;border-radius:0}.surah-header-inner.border-style-medallion{border-top:1px solid var(--border-gold-main);border-bottom:1px solid var(--border-gold-main);border-left:2px solid var(--border-gold-main);border-right:2px solid var(--border-gold-main);box-shadow:inset 0 2px 0 var(--bg-color), inset 0 3px 0 var(--border-gold-accent), inset 0 -2px 0 var(--bg-color), inset 0 -3px 0 var(--border-gold-accent);border-radius:0}.surah-header-inner{background-color:color-mix(in srgb, var(--border-gold-main) 6%, var(--bg-color));z-index:1;pointer-events:none;box-sizing:border-box}[data-theme=dark] .surah-header-inner{color:var(--text-color);border-color:var(--border-gold-main);background-color:color-mix(in srgb, var(--border-gold-main) 8%, var(--bg-color))}.surah-title-content{flex:1;justify-content:center;align-items:center;gap:.3em;height:100%;display:flex}.surah-banner-ornament{color:var(--border-gold-accent);justify-content:center;align-items:center;width:min(5cqw,20px);height:min(5cqw,20px);display:flex}.surah-name-text{color:inherit;pointer-events:none;gap:.3em;font-family:surah-name-v4-icon;font-size:1.5em;font-weight:400;line-height:1;display:flex}.bismillah-container{width:100%;color:var(--text-color);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;height:1.6em;font-family:Amiri,Traditional Arabic,serif;font-size:1.1em;transition:transform .2s,color .2s,background-color .2s;display:flex}.bismillah-container:hover{color:var(--highlight-color);transform:scale(1.02)}.quran-word:hover{color:var(--highlight-color)}@keyframes text-shimmer{0%{background-position:0%}to{background-position:200%}}.quran-word.playing-verse{background:linear-gradient(90deg,#1a5c8a 0%,#0e7a6e 20%,#1aab8e 35%,#3d8cd4 50%,#1aab8e 65%,#0e7a6e 80%,#1a5c8a 100%) 0 0/200%!important;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important;transition:none!important;animation:2.4s linear infinite text-shimmer!important}[data-theme=dark] .quran-word.playing-verse{background:linear-gradient(90deg,#b88a30 0%,#f0c840 18%,#fff4b0 32%,#f5d060 48%,#fff4b0 62%,#f0c840 78%,#b88a30 100%) 0 0/200%!important;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important;transition:none!important;animation:2.4s linear infinite text-shimmer!important}.quran-word.playing-verse *{color:inherit!important;-webkit-text-fill-color:inherit!important;background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important}.audio-player-bar{background-color:var(--bg-color);border-top:1px solid var(--border-color);flex-shrink:0;justify-content:space-around;align-items:center;padding:2px 12px;display:flex}.reciter-select-wrapper{align-items:center;max-width:100px;height:32px;display:flex}.reciter-select-minimal{color:var(--text-color);cursor:pointer;text-overflow:ellipsis;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;font-family:inherit;font-size:.8rem;font-weight:500}.reciter-select-minimal option{background-color:var(--bg-color);color:var(--text-color)}.play-pause-minimal-container{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.main-play-btn-minimal{color:var(--highlight-color)!important;border-radius:50%!important;width:32px!important;height:32px!important;padding:6px!important}.main-play-btn-minimal:hover{background-color:#80808033!important}.audio-verse-info{color:var(--text-color);opacity:.8;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100px;font-family:inherit;font-size:.72rem;font-weight:600;overflow:hidden}.repeat-badge-bubble{background-color:var(--highlight-color);color:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 3px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;line-height:1!important}.speed-badge-bubble{background-color:var(--highlight-color);color:var(--bg-color);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;height:12px;padding:0 4px;font-size:8px;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px;box-shadow:0 1px 3px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;line-height:1!important}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slide-up{animation:.2s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Indopak-Nastaleeq;src:url(https://static-cdn.tarteel.ai/qul/fonts/nastaleeq/Hanafi/normal-v4.2.2/with-waqf-lazmi/font.woff2)format("woff2");font-display:swap}.font-indopak{letter-spacing:0;font-size:.95em;font-weight:400;line-height:1.8;font-family:Indopak-Nastaleeq,Amiri,serif!important}.font-tajweed{letter-spacing:0;font-size:.864em;font-weight:400;line-height:1.5;font-family:Amiri,Traditional Arabic,serif!important}.quran-word .ham_wasl,.quran-word .laam_shamsiyah,.quran-word .silent{color:#aaa}[data-theme=dark] .quran-word .ham_wasl,[data-theme=dark] .quran-word .laam_shamsiyah,[data-theme=dark] .quran-word .silent{color:#888}.quran-word .ghunnah,.quran-word .ikhfa,.quran-word .ikhfa_shafawi,.quran-word .idgham_with_ghunnah,.quran-word .idgham{color:#169777}.quran-word .qalqalah{color:#dd0008}.quran-word .madda_normal,.quran-word .madda_permissible,.quran-word .madda_necessary,.quran-word .madda_obligatory{color:#f50}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:380px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;overflow:hidden;box-shadow:0 10px 30px #00000026}.settings-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header h3{color:var(--text-color);margin:0;font-size:1.15rem;font-weight:700}.settings-body{padding:20px}.settings-group{flex-direction:column;gap:12px;display:flex}.settings-group h4{color:var(--text-color);opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:.9rem;font-weight:600}.script-selector{flex-direction:column;gap:10px;display:flex}.script-option{background:var(--bar-bg);border:1px solid var(--border-color);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s;display:flex}.script-option:hover{background-color:var(--border-color)}.script-option.active{border-color:var(--highlight-color);background-color:color-mix(in srgb, var(--highlight-color) 8%, var(--bg-color))}.script-option h5{color:var(--text-color);margin:0;font-size:.95rem;font-weight:600}.script-option.active h5{color:var(--highlight-color)}.script-option p{color:var(--text-color);opacity:.7;margin:0;font-size:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mushaf-view-container{flex:1;justify-content:center;align-items:stretch;padding:0 4px;display:flex;position:relative;overflow:visible}.mushaf-view-container.two-page-mode{flex-direction:row;justify-content:center;gap:8px}.mushaf-view-container.two-page-mode .mushaf-page-wrapper{max-width:calc(50% - 4px)}.mushaf-view-container.two-page-mode .mushaf-page-wrapper .mushaf-frame-outer{max-width:100%}@media (width<=600px){.settings-group-page-layout,.two-page-toggle-btn{display:none!important}}.two-page-toggle-btn{border:1px solid var(--border-color);background-color:var(--bar-bg);width:32px;height:32px;color:var(--text-color);opacity:.6;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,background-color .2s;display:flex}.two-page-toggle-btn:hover{opacity:1;background-color:var(--highlight-color)}.nav-side-btn{display:none}.nav-side-btn:hover{opacity:1;background-color:var(--highlight-color);color:#fff;border-color:var(--highlight-color);transform:translateY(-50%)scale(1.08)}@media (width>=580px){.mushaf-view-container{padding:0 48px}.nav-side-btn{background-color:var(--bar-bg);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-color);cursor:pointer;z-index:100;opacity:.7;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.nav-prev-btn{left:auto;right:4px}.nav-next-btn{left:4px;right:auto}}.bottom-bar-audio-controls{justify-content:center;align-items:center;gap:12px;transition:all .3s;display:flex}.two-page-audio-controls{gap:14px;min-width:0}.bottom-bar-audio-meta{flex-shrink:1;align-items:center;gap:10px;min-width:0;display:flex}.audio-time-display{color:var(--text-color);opacity:.85;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;font-weight:600}.two-page-bottom-bar .reciter-select-wrapper{border:1px solid var(--border-color);background:var(--bar-bg);border-radius:8px;min-width:88px;max-width:160px;padding:0 6px}.two-page-bottom-bar .reciter-select-minimal{padding:4px 2px;font-size:.72rem}.two-page-bottom-bar .audio-inline-badge{text-overflow:ellipsis;max-width:120px;overflow:hidden}.audio-inline-badge{background-color:var(--border-color);color:var(--highlight-color);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #d4af3740;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:.72rem;font-weight:700;line-height:1;display:flex}.pulse-indicator{background-color:#2ecc71;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseGreen;display:inline-block}@keyframes pulseGreen{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.page-picker-container{-webkit-user-select:none;user-select:none;overflow:hidden}.page-picker-wheel{scroll-snap-type:y mandatory;background-color:var(--bar-bg);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;height:180px;display:flex;overflow-y:scroll}.page-picker-wheel::-webkit-scrollbar{display:none}.page-picker-item{height:36px;min-height:36px;color:var(--text-color);opacity:.4;cursor:pointer;scroll-snap-align:center;justify-content:center;align-items:center;font-size:1.1rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.page-picker-item.selected{opacity:1;color:var(--highlight-color);font-size:1.35rem;font-weight:700;transform:scale(1.05)}.page-picker-item.spacer{height:36px;min-height:36px}.page-picker-overlay-top{background:linear-gradient(to bottom, var(--bg-color) 25%, transparent 100%);pointer-events:none;z-index:5;height:72px;position:absolute;top:0;left:0;right:0}.page-picker-overlay-bottom{background:linear-gradient(to top, var(--bg-color) 25%, transparent 100%);pointer-events:none;z-index:5;height:72px;position:absolute;bottom:0;left:0;right:0}.page-picker-center-line{pointer-events:none;z-index:2;background-color:color-mix(in srgb, var(--highlight-color) 8%, transparent);border-top:1px solid #d4af3759;border-bottom:1px solid #d4af3759;border-radius:6px;height:36px;position:absolute;top:72px;left:6px;right:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media print{body,html,#root,.App{color:#000!important;background-color:#fff!important;height:auto!important;overflow:visible!important}.top-bar,.bottom-bar,.bottom-bar-wrapper,.nav-side-btn,.tour-hint-banner,.modal-overlay,.dropdown-overlay{display:none!important}.mushaf-view-container{width:100%!important;margin:0!important;padding:0!important}.mushaf-page-wrapper{padding:0!important;overflow:visible!important}.mushaf-frame-outer{box-shadow:none!important;max-width:100%!important}.hifz-prompt-overlay{display:none!important}}@keyframes tourFadeUp{0%{opacity:0;transform:translateY(14px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tourPulseRing{0%{box-shadow:0 0 0 4px #2b7a7840}50%{box-shadow:0 0 0 8px #2b7a7814}to{box-shadow:0 0 0 4px #2b7a7840}}@keyframes tourHeaderGlow{0%{filter:brightness()}50%{filter:brightness(1.07)}to{filter:brightness()}}@keyframes hifz-prompt-slide-up{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hifz-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes hifz-pulse-ring{0%{box-shadow:0 0 #b48e3cb3}60%{box-shadow:0 0 0 10px #b48e3c00}to{box-shadow:0 0 #b48e3c00}}.hifz-prompt-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:flex-end;padding:0 12px 24px;animation:.3s forwards hifz-backdrop-in;display:flex;position:fixed;inset:0}@media (height>=600px){.hifz-prompt-overlay{align-items:center;padding-bottom:0}}.hifz-prompt-modal{background:color-mix(in srgb, var(--bg-color) 90%, transparent);border:1px solid color-mix(in srgb, var(--border-gold-main,#b89758) 50%, var(--border-color));border-radius:18px;width:100%;max-width:420px;padding:24px 22px 20px;animation:.38s cubic-bezier(.22,1,.36,1) forwards hifz-prompt-slide-up;box-shadow:0 24px 60px #00000059,inset 0 0 0 1px #ffffff0f}.hifz-prompt-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.hifz-prompt-icon-wrap{background:linear-gradient(135deg, color-mix(in srgb, var(--highlight-color) 20%, var(--bg-color)), color-mix(in srgb, var(--highlight-color) 10%, var(--bg-color)));border:1px solid color-mix(in srgb, var(--highlight-color) 35%, transparent);width:52px;height:52px;color:var(--highlight-color);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hifz-prompt-title{color:var(--text-color);margin:0 0 2px;font-size:1.1rem;font-weight:700;line-height:1.2}.hifz-prompt-subtitle{color:color-mix(in srgb, var(--text-color) 60%, transparent);margin:0;font-size:.82rem}.hifz-prompt-divider{background:var(--border-color);height:1px;margin-bottom:16px}.hifz-prompt-tips{flex-direction:column;gap:11px;margin:0 0 20px;padding:0;list-style:none;display:flex}.hifz-prompt-tips li{color:var(--text-color);align-items:flex-start;gap:10px;font-size:.87rem;line-height:1.45;display:flex}.hifz-tip-icon{color:var(--highlight-color);opacity:.85;flex-shrink:0;margin-top:1px}.hifz-prompt-actions{flex-direction:column;gap:9px;display:flex}.hifz-prompt-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px 16px;font-size:.92rem;font-weight:600;transition:opacity .15s,transform .12s;display:flex}.hifz-prompt-btn:active{opacity:.85;transform:scale(.98)}.hifz-prompt-btn--primary{background:var(--highlight-color);color:#fff;letter-spacing:.01em}.hifz-prompt-btn--secondary{color:var(--text-color);border:1px solid var(--border-color);background:0 0}.tour-hifz-btn.hifz-pulse-active{border-radius:8px;animation:1.4s ease-out infinite hifz-pulse-ring}.tour-active .modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0000!important}.lang-selector{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lang-option{border:1.5px solid var(--border-color);background:var(--bar-bg);color:var(--text-color);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 8px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.lang-option:hover{border-color:var(--highlight-color);background:color-mix(in srgb, var(--highlight-color) 6%, var(--bar-bg))}.lang-option.active{border-color:var(--highlight-color);background:color-mix(in srgb, var(--highlight-color) 12%, var(--bar-bg))}.lang-flag{font-size:1.5rem;line-height:1}.lang-native{letter-spacing:-.01em;white-space:nowrap;font-size:.78rem;font-weight:700}.lang-popover{z-index:500;background:var(--bar-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:2px;min-width:140px;padding:6px;animation:.15s fadeInDown;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000002e}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-pop-option{color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .12s;display:flex}.lang-pop-option:hover{background:color-mix(in srgb, var(--highlight-color) 8%, var(--bar-bg))}.lang-pop-option.active{background:color-mix(in srgb, var(--highlight-color) 14%, var(--bar-bg));color:var(--highlight-color)}.lang-pop-option .lang-flag{flex-shrink:0;font-size:1.2rem;line-height:1}.app-rtl .top-bar{direction:rtl}.app-rtl .top-bar-item:first-child{order:3}.app-rtl .top-bar-item.page-indicator{order:2}.app-rtl .top-bar-item:last-child{order:1}.app-rtl .mushaf-frame-inner,.app-rtl .mushaf-view-container{direction:ltr}.offline-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.offline-scope-select{color:var(--highlight-color);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:.85rem;font-weight:600}.offline-scope-select option{background:var(--bg-color);color:var(--text-color);font-weight:500}.offline-list{flex-direction:column;display:flex}.offline-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.offline-item:last-child{border-bottom:none;padding-bottom:0}.offline-item-left{flex-direction:column;gap:2px;min-width:0;display:flex}.offline-item-name{color:var(--text-color);font-size:.9rem;font-weight:600}.offline-item-sub{color:var(--text-color);opacity:.5;text-overflow:ellipsis;max-width:160px;font-size:.75rem;overflow:hidden}.offline-item-right{flex-shrink:0;align-items:center;gap:8px;margin-left:12px;display:flex}.offline-frac{color:var(--text-color);opacity:.45;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;font-weight:600}.offline-check{color:#10b981;font-size:.85rem;font-weight:700}.offline-icon-btn{border:1px solid var(--border-color);background:var(--bar-bg);width:28px;height:28px;color:var(--text-color);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:flex}.offline-icon-btn:hover{background:var(--border-color)}.offline-icon-btn.primary{background:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.offline-icon-btn.primary:hover{opacity:.85}.offline-icon-btn.danger{color:#ef4444;background:0 0;border-color:#0000}.offline-icon-btn.danger:hover{background:#ef44441a;border-color:#ef444433}.confirm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-card{background:var(--bg-color);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:90%;max-width:380px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) confirmScaleIn;box-shadow:0 10px 30px #00000040}@keyframes confirmScaleIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-title{color:var(--text-color);margin:0 0 10px;font-size:1.15rem;font-weight:700}.confirm-message{color:var(--text-color);opacity:.8;margin:0 0 24px;font-size:.92rem;line-height:1.45}.confirm-actions{justify-content:flex-end;gap:12px;display:flex}.confirm-btn{cursor:pointer;border:1px solid var(--border-color);border-radius:10px;flex:1;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.confirm-btn.cancel{background:var(--bar-bg);color:var(--text-color)}.confirm-btn.cancel:hover{background:var(--border-color)}.confirm-btn.confirm{color:#fff;background:#ef4444;border-color:#ef4444}.confirm-btn.confirm:hover{opacity:.9}.back-settings-btn:hover{background:var(--border-color)!important}.how-to-use-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--highlight-color)!important}