.quran{background:var(--cream);min-height:100vh}.quran__layout{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:24px 0 60px}.quran__sidebar{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;height:calc(100vh - 110px);position:sticky;top:86px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.quran__search{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:.92rem;margin-bottom:12px;background:#fbfaf5}.quran__search:focus{outline:none;border-color:var(--green)}.quran__list{overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px}.quran__surah{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .15s}.quran__surah:hover{background:var(--cream)}.quran__surah.active{background:var(--green)}.quran__surah.active strong,.quran__surah.active small,.quran__surah.active .quran__num,.quran__surah.active .quran__arabicName{color:#fff}.quran__num{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--cream);border-radius:8px;font-size:.8rem;font-weight:700;color:var(--green-deep);transform:rotate(45deg)}.quran__num{transform:none}.quran__names{flex:1;min-width:0;display:flex;flex-direction:column}.quran__names strong{color:var(--green-deep);font-size:.95rem}.quran__names small{color:var(--muted);font-size:.76rem}.quran__arabicName{font-family:var(--serif);font-size:1.2rem;color:var(--gold-dark)}.quran__reader{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 34px;box-shadow:var(--shadow);min-height:60vh}.quran__head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:14px}.quran__head h1{font-family:var(--serif);font-size:2.6rem;color:var(--green-deep)}.quran__head p{color:var(--muted);font-size:.9rem;margin-top:6px;text-transform:capitalize}.quran__reciter-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:16px}.quran__reciter-label{font-size:.85rem;font-weight:600;color:var(--green-deep);white-space:nowrap}.quran__reciter-select{padding:6px 12px;border:1px solid var(--line);border-radius:6px;font-size:.9rem;background:#fff;color:var(--ink);cursor:pointer;max-width:280px}.quran__reciter-select:focus{outline:none;border-color:var(--green)}.quran__audio{margin-top:12px;width:100%;max-width:480px}.quran__msg{text-align:center;color:var(--muted);padding:30px}.quran__msg--err{color:#c0392b}.quran__verses{list-style:none}.quran__verse{padding:22px 0;border-bottom:1px dashed var(--line)}.quran__badge{display:inline-block;background:#eaf4ef;color:var(--green);font-size:.78rem;font-weight:600;padding:3px 12px;border-radius:999px;margin-bottom:12px}.quran__arabic{font-family:var(--serif);font-size:1.9rem;line-height:2.2;color:var(--ink);text-align:right;margin-bottom:10px}.quran__translation{color:var(--muted);font-size:1rem;line-height:1.7}.alphabet-overlay{position:fixed;inset:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.alphabet-overlay__box{background:#fff;border-radius:16px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0000004d}.hifz-overlay__box{max-width:820px}.qlc{display:flex;flex-direction:column;height:100vh;background:#fff;overflow:hidden}.qlc{--qlc-label: #3d6b54;--qlc-muted: #4a6a5a}.qlc--dark{--qlc-label: #7ac898;--qlc-muted: #8fb8a4}.qlc__bar{background:var(--green-deep);padding:0 16px;flex-shrink:0;box-shadow:0 2px 6px #00000040;--ring-color: #4fd19a}.qlc__bar-inner{display:flex;align-items:center;gap:0;height:52px;max-width:1440px;margin:0 auto}.qlc__bar .brand__text strong{color:#fff;font-size:.95rem}.qlc__bar .brand__text small{color:#ffffff8c;font-size:.7rem}.qlc__tabs{display:flex;gap:0;margin:0 6px 0 16px;height:100%}.qlc__tab{display:flex;align-items:center;gap:6px;background:none;border:none;border-bottom:3px solid transparent;color:#fff9;padding:0 16px;font-size:.82rem;font-weight:700;cursor:pointer;height:100%;white-space:nowrap;transition:all .15s;letter-spacing:.2px}.qlc__tab-icon{font-size:.9rem}.qlc__tab:hover{color:#fff;background:#ffffff12}.qlc__tab--active{color:#fff;border-bottom-color:var(--gold);background:#ffffff1a}.qlc__bar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.qlc__lang-wrap{display:flex;align-items:center;gap:5px}.qlc__lang-label{font-size:.9rem}.qlc__lang-select{background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 8px;font-size:.78rem;cursor:pointer;max-width:120px}.qlc__lang-select option{background:#1a4a36;color:#fff}.qlc__back{font-size:.78rem;padding:5px 12px}.qlc .qlc__bar .qlc__back{color:#ffffffe6}.qlc .qlc__bar .qlc__back:hover{color:#fff;background:#ffffff1f}.qlc__alphabet-wrap{padding:24px 0 60px;overflow-y:auto;flex:1}.qlc__layout{display:grid;grid-template-columns:270px 1fr;flex:1;overflow:hidden}.qlc__sidebar{display:flex;flex-direction:column;border-right:1px solid #cfdbd5;background:#fff;overflow:hidden}.qlc__nav-tabs{display:flex;gap:0;background:var(--green-deep);flex-shrink:0;--ring-color: #4fd19a}.qlc__nav-tab{flex:1;padding:11px 4px;font-size:.8rem;font-weight:800;background:#00000026;border:none;border-bottom:3px solid transparent;color:#ffffffa6;cursor:pointer;letter-spacing:.3px;transition:all .2s;text-align:center}.qlc__nav-tab:hover{background:#ffffff1a;color:#fff}.qlc__nav-tab.active{background:#fff;color:var(--green-deep);border-bottom-color:var(--gold)}.qlc__sidebar-search{padding:8px;background:#f7faf8;border-bottom:1px solid #e0ebe5;flex-shrink:0}.qlc__search{width:100%;padding:8px 11px;border:1px solid #cfdbd5;border-radius:7px;font-family:inherit;font-size:.82rem;background:#fff;box-sizing:border-box}.qlc__search:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 2px #0b6e4f1a}.qlc__list{flex:1;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:#c8ddd5 transparent}.qlc__surah-btn{width:100%;display:flex;align-items:center;gap:7px;text-align:left;background:none;border:0;padding:7px 8px;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .1s}.qlc__surah-btn:hover{background:#f0f7f3}.qlc__surah-btn.active{background:var(--green-deep)}.qlc__surah-btn.active .qlc__snum,.qlc__surah-btn.active b,.qlc__surah-btn.active small,.qlc__surah-btn.active .qlc__sar{color:#fff!important}.qlc__snum{flex-shrink:0;width:26px;height:26px;border-radius:5px;background:#edf6f1;font-size:.7rem;font-weight:800;color:var(--green-deep);display:flex;align-items:center;justify-content:center}.qlc__surah-btn.active .qlc__snum{background:#ffffff2e}.qlc__snames{flex:1;min-width:0;display:flex;flex-direction:column}.qlc__snames b{color:var(--green-deep);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qlc__snames small{color:var(--qlc-muted);font-size:.66rem;margin-top:1px}.qlc__sar{font-family:var(--serif);font-size:1rem;color:var(--p-amber-700);flex-shrink:0}.qlc__page-nav{padding:10px;overflow-y:auto;flex:1}.qlc__page-label{font-size:.72rem;color:var(--muted);margin:0 0 8px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.qlc__page-row{display:flex;align-items:center;gap:5px;margin-bottom:10px}.qlc__page-input{flex:1;text-align:center;border:1.5px solid #cfdbd5;border-radius:7px;padding:7px 4px;font-size:1rem;font-weight:800;color:var(--green-deep);-moz-appearance:textfield}.qlc__page-input::-webkit-inner-spin-button,.qlc__page-input::-webkit-outer-spin-button{-webkit-appearance:none}.qlc__page-input:focus{outline:none;border-color:var(--green)}.qlc__page-arrow{width:32px;height:32px;border:1px solid #cfdbd5;border-radius:6px;background:#fff;font-size:1.15rem;cursor:pointer;color:var(--green-deep);display:flex;align-items:center;justify-content:center;transition:all .15s}.qlc__page-arrow:hover:not(:disabled){background:var(--green-deep);color:#fff}.qlc__page-arrow:disabled{color:#ccc;cursor:not-allowed}.qlc__page-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.qlc__page-chip{padding:5px 2px;font-size:.68rem;border:1px solid #e0ebe5;border-radius:4px;background:#fff;color:#7a9a8a;cursor:pointer;font-weight:700;transition:all .12s}.qlc__page-chip:hover{background:#f0f7f3;color:var(--green-deep)}.qlc__page-chip.active{background:var(--green-deep);color:#fff}.qlc__main{display:flex;flex-direction:column;overflow-y:auto;background:#fff}.qlc__chapter-header{text-align:center;padding:20px 24px 14px;flex-shrink:0;border-bottom:1px solid #e8f0eb;background:#fff}.qlc__chapter-ar{font-family:var(--serif);font-size:2.8rem;color:var(--green-deep);margin:0 0 4px;letter-spacing:3px;line-height:1.4}.qlc__chapter-en{font-size:.82rem;color:var(--qlc-muted);margin:0;letter-spacing:.3px}.qlc__chapter-dot{color:#c0d8cc;margin:0 2px}.qlc__chapter-mode-title{font-size:1.4rem;font-weight:800;color:var(--green-deep);margin:0}.qlc__mode-switch{display:flex;justify-content:center;gap:4px;padding:8px;flex-shrink:0;background:#f7faf8;border-bottom:1px solid #e8f0eb}.qlc__mode-switch-btn{display:flex;align-items:center;gap:6px;padding:7px 18px;border:1.5px solid transparent;border-radius:999px;background:none;color:var(--qlc-label);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s}.qlc__mode-switch-btn:hover{background:#eaf4ef}.qlc__mode-switch-btn.active{background:var(--green-deep);color:#fff;border-color:var(--green-deep);box-shadow:0 2px 6px #0b6e4f40}.qlc__mode-switch-icon{font-size:.95rem}.qlc--dark .qlc__mode-switch{background:#151f1a;border-color:#1e3028}.qlc--dark .qlc__mode-switch-btn{color:#8fb8a4}.qlc--dark .qlc__mode-switch-btn:hover{background:#1e3028}@media(max-width:480px){.qlc__mode-switch-label{display:none}.qlc__mode-switch-btn{padding:8px 14px}.qlc__mode-switch-icon{font-size:1.1rem}}.qlc__bar,.qlc__mode-switch,.qlc__cbar{transition:max-height .25s ease,opacity .2s ease,padding .25s ease;max-height:500px;overflow:hidden}.qlc--chrome-hidden .qlc__bar,.qlc--chrome-hidden .qlc__mode-switch,.qlc--chrome-hidden .qlc__cbar{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border:none}@media(prefers-reduced-motion:reduce){.qlc__bar,.qlc__mode-switch,.qlc__cbar{transition:none}}.qlc__cbar{flex-shrink:0;background:#f7faf8;border-bottom:2px solid #dce8e2;padding:0}.qlc__cbar-selects{display:flex;align-items:stretch;border-bottom:1px solid #dce8e2}.qlc__cbar-selects--hifz{flex-wrap:wrap;border-bottom:none;border-top:1px solid #dce8e2}.qlc__cbar-item{display:flex;flex-direction:column;gap:3px;padding:10px 16px;flex:1;min-width:150px}.qlc__cbar-label{font-size:.68rem;font-weight:800;color:var(--qlc-label);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}.qlc__cbar-select{border:1.5px solid #cfdbd5;border-radius:7px;padding:7px 10px;font-size:.83rem;background:#fff;color:var(--ink);cursor:pointer;width:100%;transition:border-color .15s}.qlc__cbar-select:focus{outline:none;border-color:var(--green)}.qlc .qlc__cbar-select:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:var(--ring-offset);border-color:var(--green)}.qlc__cbar-sep{width:1px;background:#dce8e2;flex-shrink:0;align-self:stretch;margin:0}.qlc__cbar-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--green-deep);padding-top:4px}.qlc__cbar-player{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1e4d38}.qlc__cbar-reciter-name{font-size:.78rem;color:#ffffffbf;white-space:nowrap;font-weight:600}.qlc__audio{flex:1;height:34px;min-width:0}.qlc__cbar--hifz{padding:10px 16px}.qlc__hifz-modetabs{display:flex;gap:6px;margin-bottom:10px}.qlc__hifz-modetab{background:#e8f4ef;border:1.5px solid #b8d8c8;border-radius:20px;padding:6px 18px;font-size:.8rem;font-weight:800;cursor:pointer;color:#5a8a70;transition:all .15s}.qlc__hifz-modetab.active{background:var(--green-deep);color:#fff;border-color:var(--green-deep)}.qlc__hifz-playbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;background:#fff;border:1.5px solid #dce8e2;border-radius:8px}.qlc__hifz-startbtn{display:flex;align-items:center;gap:12px;padding:9px 20px!important;font-size:.88rem}.qlc__hifz-startinfo{font-size:.75rem;opacity:.85;border-left:1px solid rgba(255,255,255,.5);padding-left:12px}.qlc__hifz-stopbtn{padding:8px 18px!important}.qlc__hifz-progress-wrap{display:flex;align-items:center;gap:10px}.qlc__hifz-verse-label{font-size:.88rem;font-weight:800;color:var(--green-deep);white-space:nowrap}.qlc__hifz-dots{display:flex;gap:4px}.qlc__hdot{width:9px;height:9px;border-radius:50%;background:#d0e8dc;transition:background .18s}.qlc__hdot.on{background:var(--green)}.qlc__hdot-more{font-size:.78rem;color:var(--green-deep);font-weight:700;margin-left:4px}.qlc__hifz-range{font-size:.78rem;font-weight:800;color:var(--gold-dark);background:#fffbec;border:1px solid #e8d89a;padding:3px 10px;border-radius:20px}.qlc__hifz-warn{font-size:.82rem;color:#c0392b;font-weight:700}.qlc__hifz-status{font-size:.85rem;font-weight:700;color:var(--green-deep)}.qlc__basmalah-wrap{text-align:center;padding:26px 20px 6px}.qlc__basmalah{font-family:var(--serif);font-size:1.8rem;color:var(--green-deep);direction:rtl;margin:0;letter-spacing:2px;line-height:1.8;display:inline-block}.qlc__loading{display:flex;justify-content:center;padding:60px 0}.qlc__spinner{width:38px;height:38px;border:3px solid #d8ece3;border-top-color:var(--green);border-radius:50%;animation:qlc-spin .7s linear infinite}@keyframes qlc-spin{to{transform:rotate(360deg)}}.qlc__error{text-align:center;color:#c0392b;padding:40px;font-size:.9rem}.qlc__verses-wrap{flex:1;max-width:var(--reading-max-width, 100%);margin:0 auto}.qlc__verses{list-style:none;padding:0;margin:0}.qlc__verse{padding:22px 28px;border-bottom:1px solid #edf3ef;position:relative;transition:background .12s}.qlc__verse:last-child{border-bottom:none}.qlc__verse:hover{background:#fafcfb}.qlc__verse--active{background:linear-gradient(to right,#f0fbf5,#fafffe);border-bottom:none;border-left:4px solid var(--green)}.qlc__verse--highlighted{background:#fffdf0;background:color-mix(in srgb,var(--verse-highlight) 12%,#fff);border-inline-start:4px solid var(--verse-highlight)}.qlc--dark .qlc__verse--highlighted{background:#1e2317;background:color-mix(in srgb,var(--verse-highlight) 18%,#111b17)}.qlc__arabic-wrap{position:relative}.qlc__arabic{font-family:var(--serif);font-size:2.1rem;line-height:var(--reading-line-height, 2.6);color:#111;text-align:right;margin:0 0 6px;direction:rtl;position:relative}.qlc__arabic.hidden .qlc__vnum{display:none}.qlc__vnum{font-family:var(--serif);font-size:1rem;color:var(--green);font-weight:700;margin-right:6px;letter-spacing:0;display:inline}.qlc__dots{color:silver;letter-spacing:6px;font-size:1.2rem}.qlc__trans{font-size:.92rem;color:#5a7a6a;line-height:1.85;margin:0;padding-right:2px}.qlc__verse-foot{display:flex;align-items:center;gap:8px;margin-top:10px}.qlc__vbadge{font-size:.68rem;font-weight:800;color:var(--qlc-muted);background:#edf6f1;border-radius:20px;padding:2px 10px;flex-shrink:0}.qlc__vmeta{font-size:.65rem;color:#aac5b4}.qlc__verse-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.qlc__playbtn{background:var(--green);color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:.78rem;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 2px 6px #0b6e4f4d}.qlc__playbtn:hover{background:var(--green-deep);transform:scale(1.08)}.qlc__playbtn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.qlc__revealbtn{background:#f0faf5;color:var(--green-deep);border:1px solid #b8d8c8;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .15s}.qlc__revealbtn:hover{background:var(--green-deep);color:#fff}.qlc__tafsirbtn{padding:4px 11px;font-size:.75rem;font-weight:800;background:#fffbec;border:1px solid #e0c86a;border-radius:6px;cursor:pointer;color:#8a6a00;transition:all .15s;white-space:nowrap}.qlc__tafsirbtn.active,.qlc__tafsirbtn:hover{background:#8a6a00;color:#fff;border-color:#8a6a00}.qlc__divider{display:flex;align-items:center;gap:14px;padding:10px 28px;margin:0 -28px 8px;background:linear-gradient(to right,#e4f4ec,#f0faf5);border-top:1px solid #d0e8da;border-bottom:1px solid #d0e8da}.qlc__divider-ar{font-family:var(--serif);font-size:1.4rem;font-weight:700;color:var(--green-deep);direction:rtl}.qlc__divider-en{font-size:.78rem;color:#7a9a8a}.qlc__tafsir-panel{margin-top:16px;border:1px solid #d8c87a;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #b496001a}.qlc__tafsir-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(135deg,#fffbe8,#fff8d4);border-bottom:2px solid #e8d070;gap:10px}.qlc__tafsir-head-left{display:flex;flex-direction:column;gap:2px}.qlc__tafsir-head-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.qlc__tafsir-name{font-size:.82rem;font-weight:800;color:#7a5a00}.qlc__tafsir-name-en{font-size:.68rem;color:#9a7a20}.qlc__tafsir-key{font-size:.7rem;font-weight:800;color:#b8941f;background:#fff3c0;border-radius:12px;padding:2px 8px;border:1px solid #e0c84a}.qlc__tafsir-close{background:#e8d070;border:1px solid #c8a840;color:#7a5a00;border-radius:5px;width:24px;height:24px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.qlc__tafsir-close:hover{background:#c0392b;color:#fff;border-color:#c0392b}.qlc__tafsir-body{padding:18px 22px;background:#fffff8;max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8c870 transparent}.qlc__tafsir-para{font-family:var(--serif);font-size:1rem;line-height:2.2;color:#1a1a0a;margin:0 0 12px}.qlc__tafsir-para:last-child{margin-bottom:0}.qlc__tafsir-html{font-family:var(--serif);font-size:1rem;line-height:2.2;color:#1a1a0a}.qlc__tafsir-html p{margin:0 0 16px}.qlc__tafsir-html p:last-child{margin-bottom:0}.qlc__tafsir-html .blue{color:#1a4a8a;font-weight:700}.qlc__tafsir-html .arabic,.qlc__tafsir-html .qpc-hafs{font-family:var(--serif);font-size:1.1em}.qlc__tafsir-html .brown,.qlc__tafsir-html .reference{color:#7a4500;font-size:.9em}.qlc__tafsir-loading-wrap{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#fffff8;font-size:.82rem;color:var(--muted)}.qlc__tafsir-spinner{width:18px;height:18px;border:2px solid #e0d09a;border-top-color:#b8941f;border-radius:50%;animation:qlc-spin .7s linear infinite;flex-shrink:0}.qlc__tafsir-err{font-size:.82rem;color:#c0392b;margin:0;padding:12px 18px;background:#fffff8}.qlc__tafsir-picker{margin-top:12px;border:1px solid #d8e8d0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 6px 22px #084d371f;animation:qlc-pop .2s ease}.qlc__tafsir-picker-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--green-deep);color:#fff;font-size:.82rem;font-weight:800}.qlc__tafsir-picker-head button{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:5px;width:24px;height:24px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.qlc__tafsir-picker-group{padding:8px 0}.qlc__tafsir-picker-cat{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--qlc-label);padding:4px 14px 6px;margin:0;border-bottom:1px solid #f0f0f0}.qlc__tafsir-picker-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 16px;background:none;border:none;cursor:pointer;transition:background .1s;gap:10px;border-bottom:1px solid #f7f7f7}.qlc__tafsir-picker-item:hover{background:#f0faf5}.qlc__tafsir-picker-item:last-child{border-bottom:none}.qlc__tafsir-picker-name{font-size:.88rem;font-weight:700;color:var(--green-deep)}.qlc__tafsir-picker-en{font-size:.72rem;color:var(--muted)}.qlc__progress-bar{height:3px;background:#d8ece3;margin-top:12px;overflow:hidden}.qlc__progress-fill{height:100%;background:var(--green);transition:width .4s ease}.qlc__verse--active{background:linear-gradient(135deg,#e8faf1,#f0fff7);border-left:5px solid var(--green);box-shadow:0 2px 20px #0b6e4f1f;animation:qlc-verse-glow 2s ease-in-out infinite}@keyframes qlc-verse-glow{0%,to{background:linear-gradient(135deg,#e8faf1,#f0fff7);box-shadow:0 2px 20px #0b6e4f1f}50%{background:linear-gradient(135deg,#d4f5e4,#e8fff2);box-shadow:0 4px 28px #0b6e4f33}}.qlc__now-playing{display:inline-flex;align-items:center;gap:6px;background:#e8faf1;border:1px solid #b0e4c8;border-radius:20px;padding:3px 10px 3px 7px;font-size:.68rem;font-weight:800;color:var(--green-deep);margin-bottom:8px}.qlc__np-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:qlc-np-pulse 1s ease-in-out infinite}@keyframes qlc-np-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.qlc__jump-bar{display:flex;align-items:center;gap:8px;padding:7px 20px;background:#f7faf8;border-bottom:1px solid #dce8e2;flex-shrink:0}.qlc__jump-label{font-size:.72rem;font-weight:800;color:var(--qlc-label);white-space:nowrap;letter-spacing:.3px}.qlc__jump-input{width:64px;padding:5px 8px;border:1.5px solid #cfdbd5;border-radius:6px;font-size:.82rem;font-weight:700;text-align:center;color:var(--green-deep);-moz-appearance:textfield}.qlc__jump-input::-webkit-inner-spin-button,.qlc__jump-input::-webkit-outer-spin-button{-webkit-appearance:none}.qlc__jump-input:focus{outline:none;border-color:var(--green)}.qlc__jump-of{font-size:.72rem;color:var(--qlc-muted);white-space:nowrap}.qlc__jump-btn{background:var(--green-deep);color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:800;cursor:pointer;transition:background .15s;white-space:nowrap}.qlc__jump-btn:hover{background:#041f18}.qlc__cbar-font-row{display:flex;align-items:center;gap:5px;padding-top:2px}.qlc__cbar-font-btn{background:#e8f4ef;border:1px solid #c0d8c8;color:var(--green-deep);border-radius:5px;width:26px;height:26px;font-size:.78rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.qlc__cbar-font-btn:hover{background:var(--green-deep);color:#fff;border-color:var(--green-deep)}.qlc__cbar-font-val{font-size:.7rem;font-weight:800;color:var(--qlc-muted);min-width:32px;text-align:center}.qlc__ksp{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:400;display:flex;flex-direction:row-reverse;pointer-events:none;-webkit-user-select:none;user-select:none}.qlc__ksp>*{pointer-events:auto}.qlc__ksp-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--green-deep);color:#ffffffe6;border:none;padding:16px 10px;cursor:pointer;border-radius:10px 0 0 10px;box-shadow:-3px 0 14px #00000038;transition:background .18s;writing-mode:vertical-rl}.qlc__ksp-tab:hover{background:var(--green)}.qlc__ksp-tab-icon{font-size:1.15rem;writing-mode:horizontal-tb}.qlc__ksp-tab-text{font-size:.62rem;font-weight:800;letter-spacing:1px;writing-mode:vertical-rl}.qlc__ksp-body{display:none;background:#fff;min-width:230px;box-shadow:-6px 0 24px #0000002e;border-left:4px solid var(--gold);max-height:80vh;overflow-y:auto;flex-direction:column;padding:16px 14px 12px;border-radius:10px 0 0 10px;margin-right:-1px}.qlc__ksp.open .qlc__ksp-body{display:flex;animation:qlc-ksp-in .22s ease}@keyframes qlc-ksp-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.qlc__ksp-title{font-size:.72rem;font-weight:800;color:var(--green-deep);text-transform:uppercase;letter-spacing:.6px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #e0ebe5}.qlc__ksp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 6px;border-radius:6px;transition:background .1s}.qlc__ksp-row:hover{background:#f5faf7}.qlc__ksp-label{font-size:.8rem;color:#334;flex:1}.qlc__ksp-close{margin-top:12px;background:#f0faf5;border:1px solid #b8d8c8;color:var(--green-deep);border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:800;cursor:pointer;width:100%;text-align:center;transition:all .15s}.qlc__ksp-close:hover{background:var(--green-deep);color:#fff}.qlc__bar-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fffc;border-radius:7px;width:34px;height:34px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.qlc__bar-icon:hover{background:#fff3;color:#fff}.qlc__bar-icon.active{background:#ffffff40;color:#fff}.qlc__actbtn{background:#edf6f1;border:1px solid #c8ddd5;border-radius:6px;color:#6a9a7a;cursor:pointer;font-size:.78rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.qlc__actbtn:hover{background:var(--green);color:#fff;border-color:var(--green)}.qlc__actbtn.copied{background:#2ecc71;color:#fff;border-color:#2ecc71}.qlc__actbtn.active{background:var(--gold);color:#fff;border-color:var(--gold)}.qlc__actbtn--play{background:var(--green);color:#fff;border-color:var(--green)}.qlc__actbtn--play:hover{background:var(--green-deep);border-color:var(--green-deep)}.qlc__note-popover{margin-top:10px;padding:10px;background:#fffef9;border:1px solid #e7dcc0;border-radius:10px;animation:qlc-pop .15s ease}.qlc__note-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:60px;border:1px solid #cfdbd5;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.85rem;color:var(--ink)}.qlc__note-textarea:focus{outline:none;border-color:var(--green)}.qlc__note-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.qlc__note-cancel,.qlc__note-save{padding:5px 14px;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer}.qlc__note-cancel{background:none;border:1px solid #cfdbd5;color:#6a8a78}.qlc__note-cancel:hover{background:#f0f7f3}.qlc__note-save{background:var(--green-deep);border:1px solid var(--green-deep);color:#fff}.qlc__note-save:hover{background:var(--green)}.qlc__highlight-popover{display:flex;align-items:center;gap:8px;margin-top:10px;animation:qlc-pop .15s ease}.qlc__highlight-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px #00000014;transition:transform .12s}.qlc__highlight-swatch:hover{transform:scale(1.12)}.qlc__highlight-swatch.active{border-color:var(--ink)}.qlc__highlight-swatch--none{background:#fff;display:flex;align-items:center;justify-content:center;color:#9aa;font-size:.7rem;border:1px solid #cfdbd5;box-shadow:none}.qlc--dark .qlc__note-popover{background:#171208;border-color:#3a2f14}.qlc--dark .qlc__note-textarea{background:#1a1509;border-color:#2a4035;color:#d5e8de}.qlc--dark .qlc__note-cancel{border-color:#2a4035;color:#7ac898}.qlc--dark .qlc__highlight-swatch.active{border-color:#f0e6c8}.qlc--dark .qlc__highlight-swatch--none{background:#1a2820;border-color:#2a4035;color:#7ac898}.qlc__overlay{position:fixed;inset:0;z-index:500;background:#06372a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:qlc-fade .2s ease}@keyframes qlc-fade{0%{opacity:0}to{opacity:1}}.qlc__panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e8f0eb;flex-shrink:0;background:var(--green-deep)}.qlc__panel-head span{font-weight:800;color:#fff;font-size:.95rem;letter-spacing:.3px}.qlc__panel-close{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#ffffffd9;border-radius:6px;width:30px;height:30px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.qlc__panel-close:hover{background:#ffffff4d;color:#fff}.qlc__shortcuts{background:#fff;border-radius:14px;overflow:hidden;width:min(100%,440px);box-shadow:0 20px 60px #00000040;animation:qlc-pop .25s ease;display:flex;flex-direction:column;max-height:90vh}@keyframes qlc-pop{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}.qlc__shortcuts-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.qlc__shortcuts-group{display:flex;flex-direction:column;gap:6px}.qlc__shortcuts-cat{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--qlc-label);margin:0 0 4px}.qlc__shortcut-row{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:8px;background:#f7faf8;border:1px solid #e4ede8}.qlc__shortcut-row span{font-size:.85rem;color:#445}.qlc__kbd{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #c8d8d0;border-radius:5px;padding:3px 9px;font-size:.75rem;font-weight:800;font-family:monospace;color:var(--green-deep);box-shadow:0 2px #c0d0c8;min-width:36px;flex-shrink:0;letter-spacing:.2px}.qlc__kbd--sm{padding:2px 6px;font-size:.68rem;min-width:auto}.qlc__settings{background:#fff;border-radius:14px;overflow:hidden;width:min(100%,400px);box-shadow:0 20px 60px #00000040;animation:qlc-pop .25s ease;display:flex;flex-direction:column;max-height:90vh}.qlc__settings-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.qlc__settings-section{display:flex;flex-direction:column;gap:10px}.qlc__settings-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--qlc-label);margin:0}.qlc__settings-hint{font-size:.78rem;color:var(--qlc-muted);background:#f9fafb;border-radius:8px;padding:10px 12px;border:1px solid #e8ede9;margin:0}.qlc__fontsize-row{display:flex;align-items:center;gap:10px;background:#f7faf8;border:1px solid #dce8e2;border-radius:8px;padding:8px 12px}.qlc__fontsize-btn{background:var(--green-deep);color:#fff;border:none;border-radius:5px;width:30px;height:30px;font-size:.82rem;font-weight:800;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s}.qlc__fontsize-btn:hover{background:#041f18}.qlc__fontsize-slider{flex:1;accent-color:var(--green);cursor:pointer}.qlc__fontsize-preview{text-align:center;color:var(--green-deep);font-family:var(--serif);line-height:1.8;background:#f0faf5;border-radius:8px;padding:10px 14px;border:1px solid #d0eada;margin:0}.qlc__theme-row{display:flex;gap:8px}.qlc__theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:1.5px solid #dce8e2;border-radius:8px;background:#f7faf8;color:#4a6a58;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s}.qlc__theme-btn:hover{background:#eaf4ef}.qlc__theme-btn.active{border-color:var(--green-deep);background:var(--green-deep);color:#fff}.qlc__theme-btn--sepia.active{border-color:#8a6d1a;background:#8a6d1a}.qlc__theme-btn--dark.active{border-color:#1a2820;background:#1a2820}.qlc__toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f7faf8;border:1px solid #dce8e2;border-radius:8px;cursor:pointer}.qlc__toggle-row span{font-size:.88rem;font-weight:700;color:#334}.qlc__switch{width:40px;height:22px;border-radius:20px;background:#ccc;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.qlc__switch.on{background:var(--green)}.qlc__switch-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px #0003}.qlc__switch.on .qlc__switch-knob{transform:translate(18px)}.qlc__float-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--green-deep);display:flex;align-items:center;gap:16px;padding:10px 20px;box-shadow:0 -4px 20px #00000040;animation:qlc-bar-in .25s ease}@keyframes qlc-bar-in{0%{transform:translateY(100%)}to{transform:none}}.qlc__float-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.qlc__float-key{font-size:.65rem;color:#ffffff8c;font-weight:800;letter-spacing:.5px}.qlc__float-ar{font-family:var(--serif);font-size:.95rem;color:#ffffffe6;direction:rtl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qlc__float-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.qlc__float-range{font-size:.75rem;color:#ffffffa6}.qlc__float-stop{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:7px;padding:5px 14px;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .15s}.qlc__float-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff1f}.qlc--sepia{background:#f4ecd8;color:#3b2f1e}.qlc--sepia .qlc__main,.qlc--sepia .qlc__sidebar,.qlc--sepia .qlc__chapter-header,.qlc--sepia .qlc__cbar,.qlc--sepia .qlc__mode-switch{background:#f4ecd8;border-color:#e3d5b8}.qlc--sepia .qlc__verse{border-color:#e3d5b8}.qlc--sepia .qlc__verse:hover{background:#efe4c8}.qlc--sepia .qlc__arabic{color:#2b2114}.qlc--sepia .qlc__trans{color:#6b5c42}.qlc--sepia .qlc__chapter-ar{color:#7a5a1e}.qlc--sepia .mushaf-frame{background:#f7f0dc;border-color:#ddc98e}.qlc--sepia .mushaf-flow{color:#2b2114}.qlc--sepia .qlc__mode-switch-btn{color:#6a5620}.qlc--sepia .qlc__mode-switch-btn.active{background:#8a6d1a;border-color:#8a6d1a;color:#fff}.qlc--sepia .breadcrumbs__link{color:var(--qlc-muted)}.qlc--dark{background:#111b17;color:#d5e8de}.qlc--dark .qlc__sidebar{background:#151f1a;border-color:#1e3028}.qlc--dark .qlc__sidebar-close{background:#1e3028;color:#c8e0d4}.qlc--dark .qlc__main{background:#111b17}.qlc--dark .qlc__nav-tab.active{background:#111b17;color:var(--qlc-label)}.qlc--dark .qlc__chapter-header{background:#111b17;border-color:#1e3028}.qlc--dark .qlc__chapter-ar{color:#81d8a8}.qlc--dark .qlc__chapter-en{color:var(--qlc-muted)}.qlc--dark .qlc__cbar{background:#151f1a;border-color:#1e3028}.qlc--dark .qlc__cbar-selects{border-color:#1e3028}.qlc--dark .qlc__cbar-sep{background:#1e3028}.qlc--dark .qlc__cbar-label{color:#5a9a78}.qlc--dark .qlc__cbar-select{background:#1e2d24;border-color:#2a4035;color:#c8e0d4}.qlc--dark .qlc__cbar-select option{background:#1e2d24}.qlc--dark .qlc__search{background:#1e2d24;border-color:#2a4035;color:#c8e0d4}.qlc--dark .qlc__surah-btn:hover{background:#1a2d22}.qlc--dark .qlc__snum{background:#1e3028;color:#7ac898}.qlc--dark .qlc__snames b{color:#c0dcd0}.qlc--dark .qlc__snames small{color:var(--qlc-muted)}.qlc--dark .qlc__sar{color:#c8ab5a}.qlc--dark .qlc__verse{border-color:#1e2d24}.qlc--dark .qlc__verse:hover{background:#141e19}.qlc--dark .qlc__verse--active{background:linear-gradient(135deg,#0e1f18,#111e17);border-left-color:#2ecc71}.qlc--dark .qlc__arabic{color:#e8f5ee}.qlc--dark .qlc__vnum{color:#2ecc71}.qlc--dark .qlc__trans{color:#6a9a7a}.qlc--dark .qlc__vbadge{background:#1a2d22;color:var(--qlc-label)}.qlc--dark .qlc__actbtn{background:#1a2d22;border-color:#2a4035;color:#5a9a78}.qlc--dark .qlc__divider{background:linear-gradient(to right,#0e1f18,#131e17);border-color:#1e3028}.qlc--dark .qlc__divider-ar,.qlc--dark .qlc__basmalah{color:#81d8a8}.qlc--dark .qlc__page-input,.qlc--dark .qlc__page-arrow{background:#1e2d24;border-color:#2a4035;color:#c8e0d4}.qlc--dark .qlc__page-chip{background:#1a2820;border-color:#2a4035;color:#5a9a78}.qlc--dark .qlc__page-chip.active{background:#1e5c3a}.qlc--dark .qlc__hifz-playbar{background:#151f1a;border-color:#1e3028}.qlc--dark .qlc__tafsir-panel{border-color:#3a3010}.qlc--dark .qlc__tafsir-head{background:#1e1a08;border-color:#4a4010}.qlc--dark .qlc__tafsir-name{color:#e8c840}.qlc--dark .qlc__tafsir-name-en{color:#b8a040}.qlc--dark .qlc__tafsir-key{background:#2a2008;border-color:#4a4010;color:#e8c840}.qlc--dark .qlc__tafsir-body{background:#0e0e08}.qlc--dark .qlc__tafsir-para,.qlc--dark .qlc__tafsir-html{color:#e0dcc0}.qlc--dark .qlc__tafsir-html .blue{color:#7ab4e8}.qlc--dark .qlc__tafsir-html .brown,.qlc--dark .qlc__tafsir-html .reference{color:#d4a060}.qlc--dark .qlc__tafsir-picker{background:#151f1a;border-color:#1e3028}.qlc--dark .qlc__tafsir-picker-item:hover{background:#1a2820}.qlc--dark .qlc__tafsir-picker-name{color:#81d8a8}.qlc--dark .qlc__tafsir-picker-en{color:var(--qlc-muted)}.qlc--dark .qlc__shortcuts{background:#151f1a}.qlc--dark .qlc__shortcut-row{background:#1a2820;border-color:#2a4035}.qlc--dark .qlc__shortcut-row span{color:#c0dcd0}.qlc--dark .qlc__settings{background:#151f1a}.qlc--dark .qlc__settings-hint{background:#1a2820;border-color:#2a4035;color:#6a9a7a}.qlc--dark .qlc__fontsize-row{background:#1a2820;border-color:#2a4035}.qlc--dark .qlc__fontsize-preview{background:#0e1f18;border-color:#2a4035;color:#81d8a8}.qlc--dark .qlc__toggle-row{background:#1a2820;border-color:#2a4035}.qlc--dark .qlc__toggle-row span{color:#c0dcd0}.qlc--dark .qlc__progress-bar{background:#1e3028}.qlc--dark .qlc__now-playing{background:#0e1f18;border-color:#2a4035;color:#81d8a8}.qlc--dark .qlc__jump-bar{background:#151f1a;border-color:#1e3028}.qlc--dark .qlc__jump-input{background:#1e2d24;border-color:#2a4035;color:#c8e0d4}.qlc--dark .qlc__jump-of{color:var(--qlc-muted)}.qlc--dark .qlc__cbar-font-btn{background:#1a2d22;border-color:#2a4035;color:#81d8a8}.qlc--dark .qlc__cbar-font-val{color:#5a9a78}.qlc--dark .qlc__ksp-body{background:#151f1a;border-color:#b8941f}.qlc--dark .qlc__ksp-title{color:#81d8a8;border-color:#1e3028}.qlc--dark .qlc__ksp-label{color:#c0dcd0}.qlc--dark .qlc__ksp-row:hover{background:#1a2820}.qlc--dark .qlc__ksp-close{background:#1a2820;border-color:#2a4035;color:#81d8a8}.qlc--dark .btn--ghost{color:var(--qlc-label)}.qlc--dark .btn--ghost:hover{background:#1e3028}.qlc__float-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:linear-gradient(to right,#0e2d22,var(--green-deep));display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto 3px;align-items:center;gap:0 14px;padding:10px 20px 13px;box-shadow:0 -4px 24px #0000004d;animation:qlc-bar-in .25s ease}.qlc__float-info{display:flex;flex-direction:column;min-width:0;gap:2px;grid-column:1;grid-row:1}.qlc__float-key{font-size:.62rem;color:#ffffff80;font-weight:800;letter-spacing:.5px}.qlc__float-ar{font-family:var(--serif);font-size:.9rem;color:#ffffffe6;direction:rtl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qlc__float-centre{display:flex;flex-direction:column;align-items:center;gap:4px;grid-column:2;grid-row:1;min-width:140px}.qlc__float-verse-seek{width:100%;height:3px;background:#ffffff26;border-radius:99px;overflow:hidden}.qlc__float-verse-fill{height:100%;background:var(--gold);border-radius:99px;transition:width .15s linear}.qlc__float-time{font-size:.62rem;color:#ffffff80;font-variant-numeric:tabular-nums;white-space:nowrap}.qlc__float-right{display:flex;align-items:center;gap:9px;flex-shrink:0;grid-column:3;grid-row:1}.qlc__float-count{font-size:.8rem;font-weight:800;color:var(--gold)}.qlc__float-range{font-size:.72rem;color:#ffffff8c}.qlc__float-stop{background:#ffffff24;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:7px;padding:5px 13px;font-size:.78rem;font-weight:800;cursor:pointer;transition:all .15s}.qlc__float-stop:hover{background:#ffffff40}.qlc__float-progress{grid-column:1 / -1;grid-row:2;height:3px;background:#ffffff1a;margin:0 -20px}.qlc__float-fill{height:100%;background:var(--gold);transition:width .5s ease}.qlc--float .qlc__verses-wrap{padding-bottom:72px}.qlc__hifz-speeds{display:flex;align-items:center;gap:2px;background:#edf6f1;border:1px solid #c8ddd5;border-radius:20px;padding:2px 4px}.qlc__hifz-speed-btn{padding:3px 8px;font-size:.68rem;font-weight:800;border:none;border-radius:20px;background:transparent;color:#5a8a70;cursor:pointer;transition:all .15s;white-space:nowrap}.qlc__hifz-speed-btn.active{background:var(--green-deep);color:#fff}.qlc__hifz-speed-btn:hover:not(.active){background:#d4ede0;color:var(--green-deep)}.qlc--dark .qlc__hifz-speeds{background:#1a2d22;border-color:#2a4035}.qlc--dark .qlc__hifz-speed-btn{color:#5a9a78}.qlc--dark .qlc__hifz-speed-btn.active{background:#2a6a48}.qlc--dark .qlc__hifz-speed-btn:hover:not(.active){background:#1e3a2a}.qplayer{background:linear-gradient(135deg,#193d2e,#1e4d38);padding:10px 16px 13px}.qplayer__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.qplayer__meta{display:flex;align-items:center;gap:5px;min-width:0}.qplayer__meta svg{color:#ffffff73;flex-shrink:0}.qplayer__reciter{font-size:.78rem;color:#ffffffd1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.qplayer__time{font-size:.72rem;color:#ffffffc7;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.qplayer__time-sep{color:#ffffff38}.qplayer__seek{position:relative;height:4px;background:#ffffff24;border-radius:99px;cursor:pointer;margin-bottom:10px;transition:height .15s;touch-action:none}.qplayer__seek:hover,.qplayer__seek:focus-visible{height:6px;outline:none}.qplayer__seek:focus-visible{box-shadow:0 0 0 2px #d4b3478c}.qplayer__seek-buf{position:absolute;height:100%;background:#ffffff2e;border-radius:99px;pointer-events:none;transition:width .5s linear}.qplayer__seek-fill{position:absolute;height:100%;background:var(--gold);border-radius:99px;pointer-events:none;transition:width .1s linear}.qplayer__seek-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:#fff;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 1px 6px #00000073}.qplayer__seek:hover .qplayer__seek-thumb,.qplayer__seek:focus-visible .qplayer__seek-thumb{opacity:1}.qplayer__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.qplayer__ctrls{display:flex;align-items:center;gap:6px}.qplayer__play-btn{width:40px;height:40px;border-radius:50%;background:#ffffffeb;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1e4d38;transition:all .15s;flex-shrink:0}.qplayer__play-btn:hover{background:#fff;transform:scale(1.07)}.qplayer__play-btn:active{transform:scale(.93)}.qplayer__play-btn:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}.qplayer__skip-btn{display:flex;align-items:center;gap:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.13);border-radius:20px;color:#ffffffd9;font-size:.7rem;font-weight:800;padding:5px 10px;cursor:pointer;transition:all .15s}.qplayer__skip-btn:hover{background:#fff3;color:#fff}.qplayer__skip-btn:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:2px}.qplayer__spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(30,77,56,.3);border-top-color:#1e4d38;animation:qlc-spin .7s linear infinite;display:inline-block}.qplayer__speeds{display:flex;align-items:center;gap:1px;background:#00000038;border-radius:20px;padding:3px 4px}.qplayer__speed{padding:3px 8px;font-size:.68rem;font-weight:800;border:none;border-radius:20px;background:transparent;color:#ffffffc7;cursor:pointer;transition:all .15s;white-space:nowrap}.qplayer__speed.active{background:#ffffffe6;color:#1e4d38}.qplayer__speed:hover:not(.active){color:#fff;background:#ffffff1f}.qlc__sidebar-toggle{display:none;flex-shrink:0;width:34px;height:34px;margin-right:6px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:1.1rem;cursor:pointer}.qlc__sidebar-toggle:hover{background:#ffffff2e}.qlc__sidebar-close,.qlc__sidebar-backdrop{display:none}@media(max-width:900px){.qlc{height:100vh;overflow:hidden}.qlc__layout{grid-template-columns:1fr;overflow:hidden}.qlc__main{overflow-y:auto}.qlc__sidebar-toggle{display:inline-flex;align-items:center;justify-content:center}.qlc__sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(84vw,320px);height:100vh;padding-top:46px;border-right:none;box-shadow:10px 0 32px #00000047;transform:translate(-100%);transition:transform .25s ease}.qlc__sidebar--open{transform:translate(0)}.qlc__sidebar-close{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border:none;border-radius:50%;background:#eef5f0;color:#4a6a58;font-size:.9rem;cursor:pointer}.qlc__sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;background:#0a140f73;opacity:0;pointer-events:none;transition:opacity .25s ease}.qlc__sidebar-backdrop.open{opacity:1;pointer-events:auto}.qlc__bar-inner{flex-wrap:wrap;height:auto;padding:8px 0;gap:6px}.qlc__tabs{margin-left:0}.qlc__cbar-selects{flex-wrap:wrap}.qlc__cbar-item{min-width:140px}.qlc__verse{padding:18px 14px}.qlc__arabic{font-size:1.65rem}.qlc__float-bar{grid-template-columns:1fr auto;grid-template-rows:auto auto 3px;padding:8px 14px 11px;gap:0 10px}.qlc__float-info{grid-column:1;grid-row:1}.qlc__float-right{grid-column:2;grid-row:1}.qlc__float-centre{grid-column:1 / -1;grid-row:2;min-width:0;margin-top:6px}.qlc__float-ar{font-size:.82rem}.qplayer{padding:8px 12px 11px}.qplayer__reciter{max-width:150px}.qplayer__skip-btn{padding:4px 8px}.qplayer__speed{padding:2px 5px;font-size:.62rem}.qplayer__play-btn{width:36px;height:36px}}@media(max-width:480px){.qplayer__speeds,.qlc__float-centre{display:none}}.qlc__syncplayer{display:flex;flex-direction:column;gap:8px;padding:10px 16px;margin:0 0 14px;background:#fff;border:1px solid #e2ece6;border-radius:12px}.qlc__syncplayer-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.qlc__syncplayer-field{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#4a6a58}.qlc__syncplayer-field select{border:1px solid #cfe3d8;border-radius:6px;padding:3px 6px;font-size:.8rem}.qlc__syncplayer-speeds{display:flex;gap:4px}.qlc__syncplayer-sleep{position:relative}.qlc__syncplayer-sleep-menu{position:absolute;top:100%;left:0;z-index:20;margin-top:4px;display:flex;flex-direction:column;min-width:140px;background:#fff;border:1px solid #dcebe3;border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.qlc__syncplayer-sleep-menu button{padding:8px 12px;text-align:left;border:none;background:none;font-size:.8rem;cursor:pointer}.qlc__syncplayer-sleep-menu button:hover{background:#eef7f1}.qlc__syncplayer-resume{font-weight:600}.qlc__syncplayer-status{font-size:.72rem;color:#6a8a78;letter-spacing:.02em}.qlc--dark .qlc__syncplayer{background:#151f1a;border-color:#1e3028}.qlc--dark .qlc__syncplayer-field{color:#7ac898}.qlc--dark .qlc__syncplayer-field select{background:#1e2d24;border-color:#2a4035;color:#c8e0d4}.qlc--dark .qlc__syncplayer-sleep-menu{background:#1a2820;border-color:#2a4035}.qlc--dark .qlc__syncplayer-sleep-menu button{color:#c8e0d4}.qlc--dark .qlc__syncplayer-sleep-menu button:hover{background:#1e3028}.qlc--dark .qlc__syncplayer-status{color:#5a9a78}.qlc__syncplayer .qplayer__speed{color:var(--qlc-label)}.qlc__syncplayer .qplayer__speed:hover:not(.active){color:var(--qlc-label);background:#0b6e4f1a}.qlc__syncplayer .qplayer__speed.active{background:var(--green-deep);color:#fff}.qlc--dark .qlc__syncplayer .qplayer__speed.active{background:#ffffffe6;color:#1e4d38}@media(max-width:640px){.qlc__syncplayer-row{gap:6px}.qlc__syncplayer-field{font-size:.72rem}}.qlc__quicknav{background:#fff;border-radius:14px;overflow:hidden;width:min(100%,480px);box-shadow:0 20px 60px #00000040;animation:qlc-pop .25s ease;display:flex;flex-direction:column;max-height:70vh}.qlc__quicknav-input{padding:16px 20px;border:none;border-bottom:1px solid #e8f0eb;font-size:1rem;outline:none}.qlc__quicknav-results{list-style:none;margin:0;padding:6px;overflow-y:auto}.qlc__quicknav-result{display:block;width:100%;text-align:left;padding:10px 14px;border:none;background:none;border-radius:8px;font-size:.9rem;cursor:pointer}.qlc__quicknav-result:hover{background:#eef7f1}.qlc__quicknav-empty{padding:14px;color:#8a9a92;font-size:.85rem;text-align:center}.qlc--dark .qlc__quicknav{background:#151f1a}.qlc--dark .qlc__quicknav-input{background:#151f1a;border-color:#1e3028;color:#c8e0d4}.qlc--dark .qlc__quicknav-result{color:#c8e0d4}.qlc--dark .qlc__quicknav-result:hover{background:#1a2820}.qlc--dark .qlc__quicknav-empty{color:#5a7a68}.qlc__studio{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.qlc__studio--unsupported{color:#b45309;font-size:.85rem}.qlc__studio-record-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.qlc__studio-stats{font-size:.78rem;color:#6a8a78}.qlc__studio-error{color:#c0392b;font-size:.82rem;margin:0}.qlc__studio-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.qlc__studio-empty{font-size:.82rem;color:#8a9a92}.qlc__studio-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;border:1px solid #e2ece6;border-radius:8px}.qlc__studio-item-label{font-size:.82rem;font-weight:600;color:#2f5344}.qlc__studio-item-actions{display:flex;gap:6px;flex-wrap:wrap}.qlc--dark .qlc__studio-item{border-color:#1e3028}.qlc--dark .qlc__studio-item-label{color:#c8e0d4}.qlc--dark .qlc__studio-stats{color:#5a9a78}.qlc--dark .qlc__studio-empty{color:#5a7a68}.qlc__bookmark-btn{border:none;background:none;cursor:pointer;font-size:1rem;color:var(--qlc-muted);padding:2px 4px;line-height:1}.qlc__bookmark-btn:hover,.qlc__bookmark-btn.active{color:var(--p-amber-600)}.qlc--dark .qlc__bookmark-btn{color:var(--qlc-muted)}.qlc--dark .qlc__bookmark-btn:hover,.qlc--dark .qlc__bookmark-btn.active{color:#f0c040}.qlc .vcard__brand,.qlc .vcard__ref{color:var(--p-gold-500)}.qlc .vcard__footer{color:#ffffffb3}.qlc .vcard-modal__actions .btn--gold{background:linear-gradient(135deg,var(--p-amber-400) 0%,var(--p-amber-500) 100%)}.qlc__khatm{display:flex;flex-direction:column;height:100%;overflow:hidden}.qlc__khatm-header{padding:10px 12px 8px;border-bottom:1px solid var(--qlc-line, #2e3f38);flex-shrink:0}.qlc__khatm-bar{height:6px;background:var(--qlc-line, #2e3f38);border-radius:3px;overflow:hidden;margin-bottom:8px}.qlc__khatm-fill{height:100%;background:var(--green);border-radius:3px;transition:width .5s ease}.qlc__khatm-meta{display:flex;justify-content:space-between;align-items:center}.qlc__khatm-pct{font-size:.75rem;font-weight:700;color:var(--green)}.qlc__khatm-new{padding:3px 10px;font-size:.72rem;border:1px solid var(--qlc-line, #2e3f38);border-radius:999px;background:none;cursor:pointer;color:var(--muted);transition:all .2s}.qlc__khatm-new:hover{border-color:#c00;color:#c00}.qlc__khatm-list{overflow-y:auto;flex:1}.qlc__khatm-item label{display:flex;align-items:center;gap:7px;padding:6px 12px;cursor:pointer;transition:background .12s;font-size:.8rem;line-height:1.3}.qlc__khatm-item label:hover{background:#0b6e4f14}.qlc__khatm-item.done label{opacity:.45}.qlc__khatm-item.done .qlc__khatm-sname{text-decoration:line-through}.qlc__khatm-item input[type=checkbox]{accent-color:var(--green);flex-shrink:0;cursor:pointer}.qlc__khatm-surah{display:flex;align-items:center;gap:6px;flex:1;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;padding:0;color:inherit}.qlc__khatm-snum{font-size:.68rem;color:var(--muted);min-width:20px;flex-shrink:0}.qlc__khatm-sname{flex:1;font-size:.78rem;font-weight:600}.qlc__khatm-sar{font-family:var(--serif);font-size:.92rem;color:var(--green);flex-shrink:0}.mushaf-frame{position:relative;margin:0 auto 24px;max-width:var(--reading-max-width, 100%);padding:28px clamp(16px,4vw,48px) 36px;background:#fffdf6;border:1px solid #e7dcc0;border-radius:14px;box-shadow:inset 0 0 0 6px #fffef9,inset 0 0 0 7px #d8c896}.mushaf-margin{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;direction:rtl}.mushaf-margin__badge{font-size:.72rem;letter-spacing:.03em;color:#6a5620;padding:3px 10px;border:1px solid #e7dcc0;border-radius:999px;background:#fbf6e8}.mushaf-margin__badge--page{font-weight:700;color:#6a5620}.mushaf-segment+.mushaf-segment{margin-top:22px}.mushaf-surah-banner{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;margin:4px 0 10px;padding:12px 10px;background:linear-gradient(135deg,#fbf3da,#f3e6bd);border:1px solid #d8c896;border-radius:10px}.mushaf-surah-banner__ar{font-family:var(--serif);font-size:1.7rem;color:#5a4816}.mushaf-surah-banner__meta{font-size:.72rem;color:#6a5620}.mushaf-basmalah{text-align:center;font-family:var(--serif);font-size:1.6rem;color:#5a4816;margin:4px 0 14px}.mushaf-flow{font-family:var(--serif);line-height:var(--reading-line-height, 2.35);text-align:justify;color:#1e1a10;direction:rtl;unicode-bidi:plaintext}.mushaf-ayah-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;height:1.6em;padding:0 3px;border:1px solid #cdb96e;border-radius:50%;background:#fbf3da;color:#6a5620;font-size:.55em;line-height:1;vertical-align:middle;cursor:pointer}.mushaf-ayah-num:hover{background:#f3e6bd}.mushaf-ayah-num.bookmarked{background:#f0c040;border-color:#d9a800;color:#5a4200}.mushaf-translation{margin-top:14px;padding-top:12px;border-top:1px dashed #e7dcc0;font-size:.88rem;color:#5a5040;line-height:1.7}.mushaf-translation p{margin:0 0 8px}.mushaf-translation b{color:#6a5620;font-weight:700;margin-inline-end:6px}span.mushaf-ayah.qlc__verse--active{background:#fdf0c0;border-radius:4px;box-shadow:0 0 0 2px #f0c040}.qlc--dark .mushaf-frame{background:#171208;border-color:#3a2f14;box-shadow:inset 0 0 0 6px #1a1509,inset 0 0 0 7px #4a3d1c}.qlc--dark .mushaf-margin__badge{background:#221b0c;border-color:#3a2f14;color:#c8ab5a}.qlc--dark .mushaf-margin__badge--page{color:#e8c840}.qlc--dark .mushaf-surah-banner{background:linear-gradient(135deg,#221b0c,#2a2210);border-color:#4a3d1c}.qlc--dark .mushaf-surah-banner__ar{color:#e8c840}.qlc--dark .mushaf-surah-banner__meta{color:#a8935a}.qlc--dark .mushaf-basmalah{color:#e8c840}.qlc--dark .mushaf-flow{color:#f0e6c8}.qlc--dark .mushaf-ayah-num{background:#221b0c;border-color:#4a3d1c;color:#e0c060}.qlc--dark .mushaf-ayah-num:hover{background:#2a2210}.qlc--dark .mushaf-ayah-num.bookmarked{background:#e8c840;border-color:#c8ab5a;color:#241d08}.qlc--dark .mushaf-translation{border-color:#3a2f14;color:#b8ac8a}.qlc--dark .mushaf-translation b{color:#c8ab5a}.qlc--dark span.mushaf-ayah.qlc__verse--active{background:#3a2f14;box-shadow:0 0 0 2px #e8c840}@media(max-width:640px){.mushaf-frame{padding:18px 14px 26px}.mushaf-surah-banner__ar{font-size:1.4rem}.mushaf-basmalah{font-size:1.3rem}}.mushaf-viewport{position:relative;flex:1;padding:0 clamp(8px,3vw,28px) 16px;cursor:pointer}.mushaf-progress{position:sticky;top:0;z-index:4;display:inline-block;margin:8px auto 4px;padding:3px 12px;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:#6a5620;background:#fbf6e8ee;border:1px solid #e7dcc0;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s ease}.mushaf-viewport--immersive .mushaf-progress{opacity:0;pointer-events:none}.mushaf-navbtn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid #e7dcc0;background:#fffdf6cc;color:#6a5620;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mushaf-viewport:hover .mushaf-navbtn{opacity:.85}.mushaf-navbtn:hover:not(:disabled){background:#fbf3da;opacity:1!important}.mushaf-navbtn:disabled{opacity:0!important;cursor:default}.mushaf-navbtn--prev{right:4px}.mushaf-navbtn--next{left:4px}.mushaf-viewport .mushaf-navbtn:focus-visible:not(:disabled){opacity:1;outline:var(--ring-width) solid var(--ring-color);outline-offset:1px}@media(max-width:900px){.mushaf-navbtn{opacity:.55;width:36px;height:36px;font-size:1.25rem}}@keyframes mushaf-turn-in{0%{opacity:0;transform:translate(var(--mushaf-turn-x, 0)) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.mushaf-frame--turn{animation:mushaf-turn-in .22s ease-out}@media(prefers-reduced-motion:reduce){.mushaf-frame--turn{animation:none}}.qlc--dark .mushaf-progress{background:#221b0cee;border-color:#3a2f14;color:#c8ab5a}.qlc--dark .mushaf-navbtn{background:#171208cc;border-color:#3a2f14;color:#c8ab5a}.qlc--dark .mushaf-navbtn:hover:not(:disabled){background:#2a2210}