.study-mode-container{z-index:1000;background:linear-gradient(#0a0f12 0%,#050810 100%);position:fixed;inset:0;overflow:hidden}.study-ambient-bg{pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#6fd4b114,#0000),radial-gradient(60% 40% at 80% 100%,#d8b36a0d,#0000);position:absolute;inset:0}.study-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0a0f12cc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.study-header-left{align-items:center;gap:16px;display:flex}.study-back-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;justify-content:center;align-items:center;transition:all .2s;display:flex}.study-back-btn:hover{color:var(--text);background:#ffffff1a}.study-surah-info{flex-direction:column;gap:2px;display:flex}.study-surah-name{color:var(--text);letter-spacing:-.02em;align-items:center;gap:4px;font-size:1.1rem;font-weight:600;display:flex}.study-surah-picker{cursor:pointer;background:color-mix(in srgb,var(--text)6%,transparent);border-radius:var(--radius-sm);padding:4px 8px;transition:background .2s;position:relative}.study-surah-picker:hover{background:color-mix(in srgb,var(--text)10%,transparent)}.study-surah-picker-icon{opacity:.4;flex-shrink:0;transition:opacity .2s}.study-surah-picker:hover .study-surah-picker-icon{opacity:.7}.study-surah-picker-native{opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.study-surah-meta{color:var(--muted);letter-spacing:.02em;font-size:.75rem}.study-header-center{position:absolute;left:50%;transform:translate(-50%)}.study-progress-indicator{align-items:center;gap:8px;display:flex}.progress-ring-bg{stroke:#ffffff1a}.progress-ring-fill{stroke:var(--accent-2);transition:stroke-dashoffset .3s}.progress-text{color:var(--accent-2);font-size:.8rem;font-weight:500}.study-header-right{align-items:center;gap:16px;display:flex}.study-preview-toggle{min-height:40px;color:var(--text);letter-spacing:.01em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:0 14px;font-size:.82rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.study-preview-toggle:hover{background:#ffffff17;transform:translateY(-1px)}.study-preview-toggle.active{background:color-mix(in srgb,var(--accent-2)18%,#ffffff0f);border-color:color-mix(in srgb,var(--accent-2)35%,#ffffff14);color:var(--text)}.study-reading-time{color:var(--muted);border-radius:var(--radius-lg);background:#ffffff0a;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:flex}.study-panel-toggle{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--muted);background:#ffffff0f;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.study-panel-toggle:hover{color:var(--text);background:#ffffff1a}.study-load-skeleton{flex-direction:column;flex:1;gap:12px;width:100%;max-width:780px;margin:0 auto;padding:20px 24px;display:flex}.study-load-skeleton-header{justify-content:space-between;align-items:center;padding:12px 0 8px;display:flex}.study-skeleton-list{flex-direction:column;gap:12px;padding:8px 0;display:flex}.study-skeleton-card{border-radius:var(--radius-lg);background:color-mix(in srgb,var(--text)2%,transparent);border:1px solid color-mix(in srgb,var(--stroke)15%,transparent);flex-direction:column;gap:16px;padding:24px 28px;display:flex}.study-skeleton-header{justify-content:space-between;align-items:center;display:flex}.study-skeleton-badge{border-radius:7px;width:64px;height:14px}.study-skeleton-actions{border-radius:7px;width:80px;height:14px}.study-skeleton-body{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.study-skeleton-arabic{border-radius:6px;width:85%;height:24px}.study-skeleton-arabic.short{width:55%}.study-skeleton-translation{flex-direction:column;gap:8px;display:flex}.study-skeleton-line{border-radius:4px;width:100%;height:12px}.study-skeleton-line.short{width:65%}.study-reading-area{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;padding:72px 24px 160px;position:absolute;inset:0;overflow:hidden auto}.study-reading-area-preview{padding-top:88px}.study-reading-area{scrollbar-width:none}.study-reading-area::-webkit-scrollbar{display:none}.study-mode-container.page-scope .study-reading-area{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.study-mode-container.page-scope .study-reading-area::-webkit-scrollbar{width:6px;display:block}.study-mode-container.page-scope .study-reading-area::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#ffffff1a}.study-surah-opening{text-align:center;max-width:700px;margin:0 auto 24px;padding:20px 0}.study-arabic-name{font-family:var(--font-arabic);color:var(--accent);margin-bottom:24px;font-size:clamp(2rem,3.8vw,3rem);line-height:1.4;display:block}.study-opening-decoration{justify-content:center;align-items:center;gap:12px;display:flex}.decoration-line{background:linear-gradient(90deg,#0000,#d8b36a80,#0000);width:60px;height:1px}.decoration-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.study-bismillah{font-family:var(--font-arabic);text-align:center;color:var(--accent-2);opacity:.9;max-width:700px;margin:0 auto 32px;font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.7}.study-ayah-list{flex-direction:column;gap:48px;width:100%;max-width:clamp(500px,55vw,900px);margin:0 auto;display:flex}.study-ayah-list.page-mode{gap:0;max-width:min(700px,92vw)}.study-page-sheet{background:#ffffff06;border:1px solid #ffffff0d;border-radius:30px;flex-direction:column;gap:0;width:100%;padding:clamp(22px,4vw,42px);display:flex;box-shadow:0 24px 70px #0000002e}.study-page-sheet-mushaf{background:var(--card,#0f1215);border:1.5px solid var(--stroke,#8b73552e);width:min(700px,92vw);box-shadow:var(--shadow-card,0 1px 4px #0000004d);border-radius:4px;flex-direction:column;margin:0 auto;padding:clamp(28px,4vw,48px) clamp(20px,3vw,36px) clamp(16px,2vw,24px);display:flex;position:relative}.study-page-sheet-mushaf:before{content:"";border:1px solid color-mix(in srgb,var(--stroke)50%,transparent);pointer-events:none;z-index:1;border-radius:2px;position:absolute;inset:8px}.study-page-sheet-mushaf:after{content:none}.study-mushaf-page{width:100%}.study-mushaf-toolbar-top{width:min(700px,92vw);margin:0 auto 16px}.study-mushaf-inner{z-index:2;flex-direction:column;gap:0;padding-block:8px 4px;display:flex;position:relative}.study-mushaf-line{width:100%;min-height:2.4em;font-family:var(--font-arabic);font-size:calc(1.65rem*var(--arabic-scale,1));color:var(--text);flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:.18em;padding-block:.1em .18em;padding-inline:0;line-height:1.85;display:flex;position:relative}.study-mushaf-inner.qcf-ready .study-mushaf-line{font-size:calc(2.1rem*var(--arabic-scale,1));justify-content:space-between;gap:0;line-height:1.9}.study-mushaf-inner.qcf-ready .study-mushaf-line.center-align{justify-content:center;gap:.15em}.study-mushaf-line:not(:last-child):after{content:"";background:color-mix(in srgb,#8b7355 12%,var(--stroke)88%);opacity:.4;pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.study-mushaf-word{transition:opacity .2s,color .2s;display:inline}.study-mushaf-inner.qcf-ready .study-mushaf-word,.study-mushaf-inner.qcf-ready .study-mushaf-marker{white-space:nowrap;display:inline-block}.study-mushaf-inner.qcf-ready .study-mushaf-marker{width:auto;height:auto;font-family:inherit;font-size:inherit;color:inherit;border:none;margin-inline:0}.study-mushaf-word.focused{color:inherit}.study-mushaf-word.playing{color:var(--accent-2)}.study-mushaf-word.dimmed{opacity:.4}.study-mushaf-marker{border:1.5px solid color-mix(in srgb,#8b7355 30%,var(--stroke)70%);width:1.6em;height:1.6em;color:color-mix(in srgb,var(--muted)50%,#8b7355 50%);font-family:var(--font-arabic),sans-serif;vertical-align:middle;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-inline:.1em;font-size:.52em;line-height:1;transition:background-color .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}.study-mushaf-marker:hover,.study-mushaf-marker:focus-visible{border-color:color-mix(in srgb,var(--accent-2)55%,transparent);color:var(--accent-2);outline:none}.study-mushaf-marker.focused{border-color:color-mix(in srgb,var(--accent-2)30%,transparent);color:var(--accent-2)}.study-mushaf-marker.playing{background:color-mix(in srgb,var(--accent-2)12%,transparent);border-color:color-mix(in srgb,var(--accent-2)50%,transparent);color:var(--accent-2)}.study-mushaf-marker.dimmed{opacity:.55}.study-mushaf-footer{z-index:2;justify-content:center;padding-top:12px;display:flex;position:relative}.study-mushaf-page-number{color:color-mix(in srgb,var(--muted)70%,#8b7355 30%);letter-spacing:.12em;font-size:.88rem;font-weight:500}.study-mushaf-toolbar{background:linear-gradient(180deg,color-mix(in srgb,var(--card-strong)88%,var(--bg-light)12%),color-mix(in srgb,var(--card)78%,var(--bg-mid)22%));border:1px solid color-mix(in srgb,var(--stroke)84%,transparent);box-shadow:var(--shadow-card),inset 0 1px 0 color-mix(in srgb,var(--text)8%,transparent);border-radius:18px;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;display:flex}.study-mushaf-toolbar-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.study-mushaf-toolbar-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.9;font-size:.72rem;font-weight:700}.study-mushaf-toolbar-title{color:var(--text);font-size:.96rem;font-weight:600}.study-mushaf-toolbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.study-mushaf-page-picker-block{min-width:0}.study-mushaf-focus-block{text-align:center;flex:1;min-width:0}.study-mushaf-page-picker{align-items:center;gap:8px;display:flex}.study-mushaf-page-nav{border:1px solid color-mix(in srgb,var(--stroke)88%,transparent);background:color-mix(in srgb,var(--bg-light)70%,var(--card-strong)30%);width:34px;height:34px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.study-mushaf-page-nav:hover:not(:disabled),.study-mushaf-page-nav:focus-visible{background:color-mix(in srgb,var(--bg-light)62%,var(--text)8%);color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2)35%,transparent);outline:none}.study-mushaf-page-nav:disabled{opacity:.45;cursor:not-allowed}.study-mushaf-page-nav svg{width:16px;height:16px}.study-mushaf-page-select-wrap{min-width:132px;position:relative}.study-mushaf-page-select{border:1px solid color-mix(in srgb,var(--stroke)88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-light)70%,var(--card-strong)30%),color-mix(in srgb,var(--bg-mid)62%,var(--card)38%));width:100%;min-height:38px;color:var(--text);appearance:none;cursor:pointer;border-radius:999px;padding:0 34px 0 14px;font-size:.94rem;font-weight:600}.study-mushaf-page-select-wrap:after{content:"";border-right:2px solid color-mix(in srgb,var(--muted)75%,var(--text)25%);border-bottom:2px solid color-mix(in srgb,var(--muted)75%,var(--text)25%);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.study-mushaf-page-select:focus{border-color:color-mix(in srgb,var(--accent-2)35%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2)14%,transparent);outline:none}.study-scope-nav{align-items:center;gap:6px;display:flex}.study-scope-nav-select{cursor:pointer;background:color-mix(in srgb,var(--text)6%,transparent);border-radius:var(--radius-sm);padding:4px 8px;transition:background .2s;position:relative}.study-scope-nav-select:hover{background:color-mix(in srgb,var(--text)10%,transparent)}.study-scope-nav-select .study-surah-picker-native{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;position:absolute;inset:0}.study-scope-nav-btn{border:1px solid color-mix(in srgb,var(--stroke)70%,transparent);background:color-mix(in srgb,var(--text)5%,transparent);width:28px;height:28px;color:var(--text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.study-scope-nav-btn svg{width:14px;height:14px}.study-scope-nav-btn:hover:not(:disabled){background:color-mix(in srgb,var(--text)10%,transparent);color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2)35%,transparent)}.study-scope-nav-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width:900px){.study-mushaf-toolbar-top{width:94vw;margin-inline:auto}.study-mushaf-toolbar{border-radius:12px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:8px 12px}.study-mushaf-toolbar-kicker,.study-mushaf-focus-block{display:none}.study-mushaf-page-picker-block{min-width:0}.study-mushaf-toolbar-actions{flex-shrink:0;gap:4px}.study-mushaf-toolbar-actions .action-icon-btn{width:30px;height:30px}.study-page-sheet-mushaf{border-radius:4px;width:94vw;margin-inline:auto;padding:18px 16px 14px}.study-page-sheet-mushaf:before{display:none}.study-mushaf-line{min-height:auto;font-size:calc(1.1rem*var(--arabic-scale,1));padding-block:.08em .18em;line-height:1.74}.study-mushaf-inner.qcf-ready .study-mushaf-line{font-size:calc(1.3rem*var(--arabic-scale,1));line-height:1.85}.study-mushaf-page-select-wrap{min-width:120px}.study-mushaf-line:not(:last-child):after{left:0;right:0}.study-mode-container.page-scope .study-reading-area{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;padding-inline:0}.study-mode-container.page-scope .study-reading-area::-webkit-scrollbar{width:3px}.study-mode-container.page-scope .study-reading-area::-webkit-scrollbar-track{background:0 0}.study-mode-container.page-scope .study-reading-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.study-mode-container.page-scope .study-surah-end{display:none}}.study-scope-section{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:6px;margin:0 0 14px;padding:0 0 14px;display:flex}.study-scope-section.page-mode{text-align:center;align-items:center;margin-bottom:20px}.study-scope-section-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.78;font-size:.72rem;font-weight:700}.study-scope-section-title{color:var(--text);margin:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:600}.study-scope-section-arabic{font-family:var(--font-arabic);color:var(--accent-2);opacity:.9;margin:0;font-size:clamp(1.3rem,2.2vw,1.85rem)}.study-scope-meta{color:var(--text-soft);opacity:.78;text-align:center;margin:10px 0 0;font-size:.92rem}.study-ayah-card{border-radius:var(--radius-lg);content-visibility:auto;contain-intrinsic-size:320px;background:#ffffff05;border:none;padding:24px 28px;transition:background-color .3s cubic-bezier(.2,.8,.2,1),opacity .3s cubic-bezier(.2,.8,.2,1),filter .3s cubic-bezier(.2,.8,.2,1);position:relative}.study-ayah-card:hover{background:#ffffff0a}.study-ayah-card.page-mode{box-shadow:none;contain-intrinsic-size:240px;background:0 0;border:none;border-radius:0;padding:20px 0 24px}.study-page-sheet>div+div .study-ayah-card.page-mode{border-top:1px dashed #ffffff12}.study-ayah-card.page-mode:hover,.study-ayah-card.page-mode.focused{background:0 0}.study-ayah-card.playing{background:#6fd4b10f}.study-ayah-card.marked{background:#6fd4b124}.study-ayah-card.marked:hover{background:#6fd4b12e}.study-ayah-card.marked.playing{background:#6fd4b133}.study-ayah-card.memorized{border-left:3px solid #6fd4b180}.action-icon-btn.hifz-icon.memorized{color:var(--accent-2);background:#6fd4b129}.hifz-toast{color:var(--accent-2);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(12px);z-index:1100;background:#0a0a0ae6;border:1px solid #6fd4b126;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:500;animation:.2s ease-out hifzToastIn,.3s ease-in 1.2s forwards hifzToastOut;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hifzToastIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hifzToastOut{0%{opacity:1}to{opacity:0}}.study-ayah-card.dimmed{opacity:.35;filter:saturate(.8)}.study-ayah-number{background:var(--bg-deep);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent);border:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:-12px;left:24px}.study-ayah-content{flex-direction:column;gap:14px;display:flex}.study-ayah-card.page-mode .study-ayah-content{gap:14px}.study-ayah-card .ayah-actions,.study-ayah-card .study-ayah-actions{opacity:.56;pointer-events:auto;transform:translateY(0)}.study-ayah-card:hover .ayah-actions,.study-ayah-card:focus-within .ayah-actions,.study-ayah-card.focused .ayah-actions,.study-ayah-card:hover .study-ayah-actions,.study-ayah-card:focus-within .study-ayah-actions,.study-ayah-card.focused .study-ayah-actions{opacity:1;transform:translateY(0)}.study-ayah-arabic{font-family:var(--font-arabic);font-size:calc(2rem*var(--arabic-scale,1));color:var(--text);text-align:right;margin:0;line-height:2.2}.study-ayah-card.page-mode .study-ayah-arabic{font-size:calc(2.2rem*var(--arabic-scale,1));line-height:2.45}.study-page-meta{justify-content:space-between;align-items:center;gap:14px;display:flex}.study-page-ayah-marker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.82;font-size:.78rem;font-weight:700}.study-page-actions{opacity:.58;align-items:center;gap:8px;transition:opacity .2s;display:flex}.study-ayah-card.page-mode:hover .study-page-actions,.study-ayah-card.page-mode:focus-within .study-page-actions,.study-ayah-card.page-mode.focused .study-page-actions{opacity:1}.study-ayah-arabic-interactive{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.08em .14em;display:flex}.study-ayah-word-trigger{font:inherit;font-family:inherit;font-size:1em;line-height:inherit;color:inherit;cursor:pointer;unicode-bidi:isolate;background:0 0;border:none;border-radius:.28em;padding:.01em .08em;transition:background .2s,color .2s}.study-ayah-word-trigger:hover{background:#6fd4b11a}.study-ayah-word-trigger.active{color:var(--text-primary);background:#cdb07c57}.study-ayah-translation{font-size:calc(1rem*var(--translation-scale,1));color:var(--muted);margin:0;padding-top:16px;line-height:1.8}.study-ayah-transliteration{font-size:calc(.94rem*var(--translation-scale,1));color:var(--accent-2);margin:0;padding-top:12px;line-height:1.75}.study-ayah-actions{gap:4px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px}.study-ayah-action{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--muted);background:#ffffff0f;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.study-ayah-action:hover{color:var(--text);background:#ffffff1a}.study-ayah-action.active{color:var(--accent);background:#d8b36a26}.study-surah-end{text-align:center;max-width:700px;margin:64px auto 0;padding:40px 0}.study-end-decoration{margin-bottom:16px}.decoration-star{color:var(--accent);opacity:.6;font-size:1.5rem}.study-end-text{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}.study-control-bar{z-index:100;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.control-bar-inner{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);background:#14191ee6;border:none;align-items:center;gap:12px;padding:12px 20px;display:flex;box-shadow:0 20px 60px #0006}.control-group{align-items:center;gap:8px;display:flex}.control-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.control-buttons{gap:4px;display:flex}.control-btn{border-radius:var(--radius-sm);color:var(--text);background:#ffffff14;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.control-btn:hover{background:#ffffff1f}.control-btn.primary{background:var(--gradient-primary);color:#f4fffb;border-color:#0000}.control-btn.primary:hover{background:linear-gradient(135deg,#347467 0%,#29635a 100%)}.control-btn.icon-only{padding:8px;position:relative}.control-badge{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.control-divider{background:#ffffff1a;width:1px;height:24px}.ayah-navigator{align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:flex}.current-ayah{color:var(--accent-2)}.ayah-separator{color:var(--muted);opacity:.5}.total-ayahs{color:var(--muted)}.quick-panel-backdrop{z-index:200;pointer-events:none;visibility:hidden;background:#00000080;position:fixed;inset:0}.quick-panel-backdrop.is-open{pointer-events:auto;visibility:visible}.quick-panel{z-index:201;pointer-events:none;visibility:hidden;background:#0e1317;border-left:none;flex-direction:column;width:min(400px,90vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #0000004d}.quick-panel.is-open{pointer-events:auto;visibility:visible}.quick-panel-header{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.quick-panel-title{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:600}.quick-panel-close{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--muted);justify-content:center;align-items:center;transition:all .2s;display:flex}.study-rail{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px)saturate(160%);z-index:120;background:#12181eb3;border:1px solid #ffffff0f;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.study-rail-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--muted);background:#ffffff0a;border:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.study-rail-btn svg{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;width:18px;height:18px;display:block}.study-rail-btn{position:relative}.study-rail-btn:after{content:attr(data-tooltip);background:color-mix(in srgb,var(--text)85%,transparent);-webkit-backdrop-filter:blur(8px);color:var(--bg-light,#fff);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:540;transition:opacity .15s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.study-rail-btn:hover:after{opacity:1}.study-rail-btn:hover{color:var(--text);background:#ffffff1a}.study-rail-btn.active{color:#f4fffb;background:var(--gradient-primary)}.quick-panel-close:hover{color:var(--text);background:#ffffff14}.quick-panel-content{scrollbar-width:thin;scrollbar-color:#6fd4b140 transparent;flex:1;padding:20px;overflow-y:auto}.quick-panel-content::-webkit-scrollbar{width:5px}.quick-panel-content::-webkit-scrollbar-track{background:0 0}.quick-panel-content::-webkit-scrollbar-thumb{background:#6fd4b138;border-radius:10px}.quick-panel-content::-webkit-scrollbar-thumb:hover{background:#6fd4b161}.quick-panel-section{flex-direction:column;gap:16px;display:flex}.study-settings-premium{gap:24px}.study-settings-group{flex-direction:column;gap:12px;display:flex}.study-settings-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin:0;font-size:.75rem;font-weight:600}.study-toggle-list{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0a;flex-direction:column;gap:8px;padding:8px;display:flex}.study-premium-toggle{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .2s;display:flex}.study-premium-toggle:hover{background:#ffffff0a}.toggle-info{align-items:center;gap:12px;display:flex}.toggle-icon{font-size:1.1rem}.toggle-label{color:var(--text);font-size:.9rem;font-weight:500}.toggle-switch{border-radius:var(--radius-md);background:#ffffff24;border:1px solid #ffffff1a;width:48px;height:28px;transition:background .3s,border-color .25s,box-shadow .25s;position:relative;box-shadow:inset 0 1px 2px #00000040}.toggle-switch.active{background:linear-gradient(135deg,#3f8f79 0%,#6fd4b1 100%);border-color:#6fd4b18c;box-shadow:inset 0 1px 1px #ffffff24,0 0 0 1px #6fd4b124}.toggle-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute}.toggle-slider{background:#f8fbfa;border:1px solid #ffffff57;border-radius:50%;width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.toggle-switch.active .toggle-slider{border-color:#122e3859;transform:translate(20px)}.study-premium-sliders{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0a;flex-direction:column;gap:16px;padding:16px;display:flex}.study-premium-slider{flex-direction:column;gap:10px;display:flex}.slider-row{align-items:center;gap:10px;display:flex}.slider-icon-box{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--accent-2);background:#6fd4b11f;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex}.slider-name{color:var(--text);flex:1;font-size:.9rem;font-weight:500}.slider-val{color:var(--accent-2);text-align:right;min-width:45px;font-size:.8rem;font-weight:600}.slider-track-wrap{background:#ffffff14;border-radius:3px;height:6px;position:relative;overflow:hidden}.slider-track-wrap .slider-track-fill{background:linear-gradient(90deg,#58b998 0%,#6fd4b1 100%);border-radius:3px;height:100%;transition:width .15s;position:absolute;top:0;left:0}.slider-track-wrap input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;position:absolute;top:-8px;left:0}.slider-track-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0006}.slider-track-wrap input[type=range]::-moz-range-thumb{cursor:grab;background:#fff;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0006}.study-reciter-grid{flex-direction:column;gap:8px;display:flex}.study-reciter-chip{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.study-reciter-chip:hover{background:#ffffff0f;border-color:#ffffff1a}.study-reciter-chip.selected{background:#6fd4b11f;border-color:#6fd4b14d}.reciter-avatar-sm{background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.study-reciter-chip.selected .reciter-avatar-sm{background:#6fd4b133}.reciter-avatar-sm svg{width:18px;height:18px;color:var(--muted)}.study-reciter-chip.selected .reciter-avatar-sm svg{color:var(--accent-2)}.reciter-chip-name{color:var(--text);flex:1;font-size:.9rem;font-weight:500}.study-reciter-chip.selected .reciter-chip-name{color:#d8fff0}.reciter-check{background:var(--accent-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.reciter-check svg{color:#0e1418;width:12px;height:12px}.study-card{border-radius:var(--radius-md);background:#ffffff09;border:1px solid #ffffff0f;flex-direction:column;gap:12px;padding:16px;display:flex}.study-card h4{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem}.study-select{border-radius:var(--radius-sm);width:100%;color:var(--text);appearance:none;background:#ffffff0a;border:none;padding:10px 12px;font-size:.9rem}.study-select:focus{background:#ffffff14;outline:none}.study-select option{color:var(--text);background:#111820}.goal-controls{align-items:center;gap:12px;display:flex}.goal-controls input{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff0a;border:none;padding:10px 12px}.goal-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:.75rem}.memorize-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.memorize-field{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;display:flex}.memorize-field input{border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);background:#ffffff0a;border:none;padding:10px 12px}.memorize-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.memorize-status{font-size:var(--text-sm);color:var(--muted)}.memorize-modal-backdrop{-webkit-backdrop-filter:blur(8px)saturate(140%);backdrop-filter:blur(8px)saturate(140%);z-index:1400;background:#060a0ea6;position:fixed;inset:0}.memorize-modal{border-radius:var(--radius-xl);width:min(440px,92vw);color:var(--text);z-index:1401;background:#101418f5;border:1px solid #ffffff14;flex-direction:column;gap:16px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000059}.memorize-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.memorize-modal-header h3{letter-spacing:-.02em;margin:0;font-size:1.05rem}.memorize-modal-header p{color:var(--muted);margin:4px 0 0;font-size:.85rem}.memorize-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text);background:#ffffff14;border:none;justify-content:center;align-items:center;display:inline-flex}.memorize-segmented{border-radius:var(--radius-full);background:#ffffff0a;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.memorize-segment{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);background:0 0;border:none;padding:8px 10px;font-size:.7rem;font-weight:600;transition:all .2s}.memorize-segment.active{color:var(--text);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff14}.memorize-range{flex-direction:column;gap:10px;display:flex}.memorize-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.memorize-range-grid label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-direction:column;gap:6px;font-size:.7rem;display:flex}.memorize-range-grid input{border-radius:var(--radius-sm);color:var(--text);font:inherit;background:#ffffff0a;border:none;padding:10px 12px;font-size:.9rem}.memorize-range-summary{border-radius:var(--radius-md);color:var(--muted);background:#ffffff0a;padding:12px 14px;font-size:.85rem}.memorize-steps{flex-direction:column;gap:8px;display:flex}.memorize-step-row{color:var(--text);grid-template-columns:1fr auto auto;align-items:center;gap:12px;font-size:.85rem;display:grid}.memorize-stepper{border-radius:var(--radius-full);background:#ffffff0d;align-items:center;gap:10px;padding:6px 10px;display:inline-flex}.memorize-stepper button{width:26px;height:26px;color:var(--text);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.stepper-value{text-align:center;min-width:28px;font-weight:600}.stepper-suffix{color:var(--muted);font-size:.85rem}.memorize-hint{color:var(--muted);margin:0;font-size:.75rem}.memorize-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.memorize-ghost,.memorize-primary{border-radius:var(--radius-sm);letter-spacing:.02em;border:none;padding:10px 16px;font-size:.85rem;font-weight:600}.memorize-ghost{color:var(--text);background:#ffffff0f}.memorize-primary{background:var(--gradient-primary);color:#f4fffb}.study-lexicon-backdrop{-webkit-backdrop-filter:blur(6px)saturate(130%);backdrop-filter:blur(6px)saturate(130%);z-index:1450;background:#060a0e9e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.study-lexicon-backdrop.root-layer{z-index:1452}.study-lexicon-modal{border-radius:var(--radius-lg);width:min(520px,94vw);max-height:min(82vh,760px);color:var(--text);background:#101418f7;border:1px solid #ffffff14;overflow-y:auto;box-shadow:0 28px 70px #0000005c}.study-lexicon-modal.root-modal{width:min(620px,96vw)}.study-lexicon-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 12px;display:flex}.study-lexicon-header h3{letter-spacing:-.015em;margin:0;font-size:1.05rem}.study-lexicon-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 4px;font-size:.72rem}.study-lexicon-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text);background:#ffffff17;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.study-lexicon-body{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.study-lexicon-word{font-family:var(--font-arabic),serif;color:var(--text-primary);text-align:right;white-space:nowrap;flex-shrink:0;margin:0;font-size:clamp(1.85rem,2.8vw,2.45rem);line-height:1.2}.study-lexicon-translation{color:var(--muted);margin:0;font-size:.9rem}.study-lexicon-top-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.study-lexicon-root-focus{border-radius:var(--radius-full);text-align:left;background:#6fd4b11a;border:1px solid #6fd4b138;flex-wrap:wrap;align-items:baseline;gap:8px;max-width:min(72%,360px);min-height:0;padding:8px 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff05}.study-lexicon-root-focus.is-unavailable{background:#ffffff08;border-color:#ffffff14}.study-lexicon-root-heading{letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-size:.68rem}.study-lexicon-root-arabic{font-family:var(--font-arabic),serif;color:var(--text-primary);font-size:1.5rem;line-height:1}.study-lexicon-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.study-lexicon-summary-item{border-radius:var(--radius-sm);background:#ffffff0a;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.study-lexicon-summary-text{color:var(--text);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.study-lane-open-btn{border-radius:var(--radius-full);letter-spacing:.02em;color:var(--text-primary);-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#6fd4b133,#6fd4b11f);border:none;align-self:flex-start;padding:8px 12px;font-size:.78rem;font-weight:600}.study-lexicon-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.study-lexicon-meta-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.study-lexicon-meta-row .study-lexicon-meta-grid{flex:1;grid-template-columns:1fr}.study-lexicon-meta-item{border-radius:var(--radius-sm);background:#ffffff0a;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.study-lexicon-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.study-lexicon-value{color:var(--text);font-size:.9rem;line-height:1.45}.study-lexicon-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.study-root-link,.study-word-audio-btn{border-radius:var(--radius-full);letter-spacing:.02em;-webkit-tap-highlight-color:transparent;border:none;padding:9px 14px;font-size:.8rem;font-weight:600}.study-root-link{color:var(--accent-2);background:#6fd4b129}.study-root-insight-btn,.study-word-audio-btn{color:var(--text-primary);background:linear-gradient(135deg,#6fd4b133,#6fd4b11f)}.study-lane-open-btn:hover,.study-word-audio-btn:hover,.study-root-insight-btn:hover{filter:brightness(1.05)}.study-lexicon-section h4{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.84rem}.study-lexicon-section{flex-direction:column;gap:10px;display:flex}.study-lexicon-guide{flex-shrink:0;position:relative}.study-lexicon-guide-toggle{border-radius:var(--radius-sm);min-height:40px;color:var(--text);letter-spacing:.02em;background:#ffffff0f;border:none;justify-content:space-between;align-items:center;gap:8px;min-width:94px;padding:9px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.study-lexicon-guide-caret{color:var(--muted);font-size:.72rem;transition:transform .16s}.study-lexicon-guide-toggle.is-open .study-lexicon-guide-caret{transform:rotate(180deg)}.study-lexicon-guide-popover{border-radius:var(--radius-md);z-index:3;background:#101418fa;border:1px solid #ffffff14;width:min(360px,100vw - 56px);padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 44px #00000052}.study-lexicon-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.study-lexicon-guide-item{border-radius:var(--radius-sm);background:#ffffff0a;flex-direction:column;gap:5px;padding:9px 10px;display:flex}.study-lexicon-guide-code{border-radius:var(--radius-full);letter-spacing:.04em;min-width:28px;height:22px;color:var(--text-primary);background:#ffffff1a;justify-content:center;align-self:flex-start;align-items:center;padding:0 7px;font-size:.72rem;font-weight:700;display:inline-flex}.study-lexicon-guide-meaning{color:var(--muted);font-size:.8rem;line-height:1.45}.study-lexicon-chip-row{flex-wrap:wrap;gap:8px;display:flex}.study-lexicon-chip{border-radius:var(--radius-full);color:var(--text);background:#ffffff0f;align-items:center;padding:6px 10px;font-size:.78rem;display:inline-flex}.study-lexicon-list{flex-direction:column;gap:10px;margin:2px 0 0;padding-left:20px;display:flex}.study-lexicon-list li{color:#e3eaf0e6;letter-spacing:.002em;overflow-wrap:break-word;font-size:.9rem;line-height:1.68}.study-lexicon-ref-grid{flex-wrap:wrap;gap:7px;display:flex}.study-lexicon-ref{border-radius:var(--radius-full);color:var(--text);background:#ffffff0f;border:1px solid #0000;padding:5px 9px;font-size:.76rem}.study-lexicon-ref.is-link{cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.study-lexicon-ref.is-link:hover{background:#ffffff1a;border-color:#ffffff38}.study-lexicon-ref.is-link:focus-visible{border-color:#6fd4b180;outline:none;box-shadow:0 0 0 2px #6fd4b129}.study-lexicon-unavailable{color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}@media (max-width:640px){.memorize-modal{border-radius:var(--radius-lg);box-sizing:border-box;width:auto;max-height:80vh;padding:18px;inset:auto 12px 16px;overflow-y:auto;transform:none}.memorize-modal-header h3{font-size:1rem}.memorize-modal-header p{font-size:.78rem}.memorize-segmented{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.memorize-segment{letter-spacing:.06em;padding:6px;font-size:.62rem}.memorize-range-grid{grid-template-columns:1fr}.memorize-step-row{grid-template-columns:1fr;align-items:start;gap:8px}.study-lexicon-modal,.study-lexicon-modal.root-modal{border-radius:var(--radius-lg);width:calc(100vw - 24px);max-height:calc(100vh - 18px)}.study-lexicon-backdrop.root-layer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.study-lexicon-header{padding:14px 16px 10px}.study-lexicon-body{gap:12px;padding:14px 16px 16px}.study-lexicon-meta-grid{grid-template-columns:1fr}.study-lexicon-meta-row{gap:8px}.study-lexicon-guide-toggle{min-width:86px;min-height:36px;padding:8px 10px;font-size:.75rem}.study-lexicon-guide-popover{width:min(320px,100vw - 48px);padding:9px;right:0}.study-lexicon-summary-grid{grid-template-columns:1fr}.study-lane-open-btn{justify-content:center;align-self:center;min-width:190px;margin-inline:auto;display:inline-flex}.study-lexicon-guide-grid{grid-template-columns:1fr}.study-lexicon-section h4{letter-spacing:.045em;margin-bottom:6px;font-size:.8rem}.study-lexicon-list{gap:11px;padding-left:16px}.study-lexicon-list li{font-size:.88rem;line-height:1.72}.study-lexicon-actions{flex-direction:column;align-items:stretch}.study-root-link,.study-word-audio-btn{justify-content:center;width:100%;display:inline-flex}.study-root-insight-btn{display:none}.memorize-stepper{justify-content:space-between}.stepper-suffix{text-align:left}.memorize-footer{flex-direction:column-reverse;width:100%}.memorize-ghost,.memorize-primary{text-align:center;width:100%}}.sqp-search-bar{align-items:center;display:flex;position:relative}.sqp-search-icon{color:var(--muted);opacity:.5;pointer-events:none;position:absolute;left:12px}.sqp-search-input{border:1px solid color-mix(in srgb,var(--stroke)40%,transparent);background:color-mix(in srgb,var(--text)3%,transparent);width:100%;color:var(--text);border-radius:14px;outline:none;padding:12px 38px;font-size:.88rem;font-weight:440;transition:all .2s}.sqp-search-input::placeholder{color:var(--muted);opacity:.5}.sqp-search-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2)10%,transparent)}.sqp-search-clear{width:28px;height:28px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;right:6px}.sqp-search-clear:hover{background:color-mix(in srgb,var(--text)8%,transparent);color:var(--text)}.sqp-search-status{color:var(--muted);align-items:center;gap:8px;padding:10px 0;font-size:.78rem;font-weight:480;display:flex}.sqp-search-status--error{color:#f3a08b}.sqp-search-spinner{border:2px solid color-mix(in srgb,var(--text)12%,transparent);border-top-color:var(--accent-2);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite sqpSpin}@keyframes sqpSpin{to{transform:rotate(360deg)}}.sqp-recent{flex-direction:column;gap:8px;display:flex}.sqp-recent-header{justify-content:space-between;align-items:center;display:flex}.sqp-recent-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:.66rem;font-weight:600}.sqp-recent-clear{color:var(--muted);cursor:pointer;opacity:.5;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:.66rem;font-weight:520;transition:opacity .15s}.sqp-recent-clear:hover{opacity:1;color:var(--text)}.sqp-recent-list{flex-wrap:wrap;gap:6px;display:flex}.sqp-recent-chip{border:1px solid color-mix(in srgb,var(--stroke)30%,transparent);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.74rem;font-weight:480;transition:all .15s;display:inline-flex}.sqp-recent-chip:hover{background:color-mix(in srgb,var(--text)5%,transparent);border-color:color-mix(in srgb,var(--stroke)50%,transparent);color:var(--text)}.sqp-search-empty{text-align:center;color:var(--muted);opacity:.6;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 20px;display:flex}.sqp-search-empty p{color:var(--muted);margin:0;font-size:.82rem;font-weight:560}.sqp-search-empty span{font-size:.7rem;font-weight:420;line-height:1.5}.sqp-search-results-wrap{flex-direction:column;gap:8px;display:flex}.sqp-result-count{color:var(--muted);opacity:.5;letter-spacing:.01em;font-size:.66rem;font-weight:560}.sqp-search-results{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sqp-search-result{background:color-mix(in srgb,var(--text)3%,transparent);border:1px solid color-mix(in srgb,var(--stroke)20%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .15s;display:flex}.sqp-search-result:hover{background:color-mix(in srgb,var(--text)6%,transparent);border-color:color-mix(in srgb,var(--stroke)40%,transparent)}.sqp-search-result:active{transform:scale(.99)}.sqp-result-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sqp-result-name{color:var(--text);letter-spacing:-.01em;font-size:.78rem;font-weight:600}.sqp-result-key{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2)10%,transparent);font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.64rem;font-weight:620}.sqp-result-arabic{font-family:var(--font-arabic);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;line-height:1.8;display:-webkit-box;overflow:hidden}.sqp-result-translation{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.74rem;font-weight:420;line-height:1.55;display:-webkit-box;overflow:hidden}.sqp-section{flex-direction:column;gap:8px;display:flex}.sqp-section-header{justify-content:space-between;align-items:center;display:flex}.sqp-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;opacity:.7;align-items:center;gap:6px;font-size:.66rem;font-weight:620;display:flex}.sqp-section-action{color:var(--muted);cursor:pointer;opacity:.5;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:.64rem;font-weight:520;transition:opacity .15s}.sqp-section-action:hover{opacity:1;color:var(--text)}.sqp-chip-list{flex-wrap:wrap;gap:6px;display:flex}.sqp-chip{border:1px solid color-mix(in srgb,var(--stroke)30%,transparent);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:.73rem;font-weight:480;transition:all .15s;display:inline-flex}.sqp-chip:hover{background:color-mix(in srgb,var(--text)5%,transparent);border-color:color-mix(in srgb,var(--stroke)50%,transparent);color:var(--text)}.sqp-chip--topic{border-color:color-mix(in srgb,var(--accent-2)15%,transparent);color:color-mix(in srgb,var(--accent-2)80%,var(--muted))}.sqp-chip--topic:hover{background:color-mix(in srgb,var(--accent-2)8%,transparent);border-color:color-mix(in srgb,var(--accent-2)30%,transparent);color:var(--accent-2)}.sqp-key-verses{flex-direction:column;gap:4px;display:flex}.sqp-key-verse{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.sqp-key-verse:hover{background:color-mix(in srgb,var(--text)4%,transparent)}.sqp-key-verse-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sqp-key-verse-label{color:var(--text);letter-spacing:-.01em;font-size:.78rem;font-weight:580}.sqp-key-verse-desc{color:var(--muted);opacity:.7;font-size:.66rem;font-weight:420}.sqp-key-verse-ref{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2)8%,transparent);font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;padding:3px 8px;font-size:.62rem;font-weight:620}.sqp-tips{background:color-mix(in srgb,var(--text)2%,transparent);border:1px solid color-mix(in srgb,var(--stroke)15%,transparent);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.sqp-tips-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:.64rem;font-weight:640}.sqp-tips-list{flex-direction:column;gap:4px;margin:0;padding:0 0 0 16px;display:flex}.sqp-tips-list li{color:var(--muted);opacity:.7;font-size:.7rem;font-weight:420;line-height:1.5}.sqp-tips-list strong{color:var(--text);opacity:.8;font-weight:620}.study-tool-section{gap:14px}.tool-hero-card{background:0 0;border:none;padding:0;position:relative;overflow:hidden}.tool-hero-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-chip{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;color:#d8fff0;background:#6fd4b133;border:1px solid #6fd4b159;padding:5px 10px;font-size:.68rem;font-weight:650}.tool-hero-copy{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.tool-block{background:color-mix(in srgb,var(--text)2.5%,transparent);border:1px solid color-mix(in srgb,var(--stroke)25%,transparent);border-radius:14px;gap:14px;padding:16px}.tool-block-head{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.tool-block-head h5{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-2);margin:0;font-size:.74rem;font-weight:650}.tool-block-head>span{color:var(--muted);font-size:.74rem;line-height:1.35}.tool-toggle-grid{grid-template-columns:1fr;gap:0;display:grid}.tool-toggle-card{border:none;border-bottom:1px solid color-mix(in srgb,var(--text)6%,transparent);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.tool-toggle-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.tool-toggle-title{color:var(--text);font-size:.84rem;font-weight:550}.tool-toggle-sub{color:var(--muted);font-size:.75rem;line-height:1.35}.tool-toggle{color:var(--text);background:color-mix(in srgb,var(--text)3%,transparent);border:1px solid color-mix(in srgb,var(--stroke)25%,transparent);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;display:flex}.tool-slider-stack{flex-direction:column;gap:8px;display:flex}.tool-slider-row{border-bottom:1px solid color-mix(in srgb,var(--text)6%,transparent);background:0 0;border-radius:0;flex-direction:column;padding:12px 0 11px;display:flex}.tool-slider-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.tool-slider-label{color:var(--text);font-size:.88rem;font-weight:560}.tool-slider-value{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2)12%,transparent);border:1px solid color-mix(in srgb,var(--accent-2)25%,transparent);font-variant-numeric:tabular-nums;border-radius:20px;padding:3px 9px;font-size:.78rem;font-weight:620}.tool-slider-track{border-radius:var(--radius-full);background:color-mix(in srgb,var(--text)8%,transparent);height:8px;position:relative}.tool-slider-fill{border-radius:var(--radius-full);pointer-events:none;appearance:none;background:0 0;border:none;width:100%;height:8px;position:absolute;inset:0;overflow:hidden}.tool-slider-fill::-webkit-progress-bar{background:0 0}.tool-slider-fill::-webkit-progress-value{background:var(--accent-2);border-radius:var(--radius-full);opacity:.7}.tool-slider-fill::-moz-progress-bar{background:var(--accent-2);border-radius:var(--radius-full);opacity:.7}.tool-slider-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:8px;margin:0;position:absolute;inset:0}.tool-slider-input::-webkit-slider-runnable-track{background:0 0;height:8px}.tool-slider-input::-moz-range-track{background:0 0;border:none;height:8px}.tool-slider-input::-webkit-slider-thumb{appearance:none;background:var(--bg-light,#f4faf7);border:2px solid color-mix(in srgb,var(--text)50%,transparent);width:16px;height:16px;box-shadow:0 2px 6px color-mix(in srgb,var(--text)20%,transparent);border-radius:50%;margin-top:-4px}.tool-slider-input::-moz-range-thumb{background:var(--bg-light,#f4faf7);border:2px solid color-mix(in srgb,var(--text)50%,transparent);width:16px;height:16px;box-shadow:0 2px 6px color-mix(in srgb,var(--text)20%,transparent);border-radius:50%}.tool-script-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-section{flex-direction:column;gap:8px;display:flex}.tool-select-wrap{flex:1;min-width:0}.tool-nav-row{flex-direction:column;gap:8px;display:flex}.tool-nav-picker{align-items:center;gap:8px;display:flex}.tool-nav-btn{border:1px solid color-mix(in srgb,var(--stroke)88%,transparent);background:color-mix(in srgb,var(--bg-light)70%,var(--card-strong)30%);width:32px;height:32px;color:var(--text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.tool-nav-btn svg{width:14px;height:14px}.tool-nav-btn:hover:not(:disabled){background:color-mix(in srgb,var(--bg-light)62%,var(--text)8%);color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2)35%,transparent)}.tool-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tool-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.tool-buttons{flex-wrap:wrap;gap:8px;display:flex}.tool-reciter-select-shell{flex-direction:column;gap:8px;display:flex}.tool-reciter-caption{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.tool-reciter-select-field{background:color-mix(in srgb,var(--text)3%,transparent);border:1px solid color-mix(in srgb,var(--stroke)30%,transparent);border-radius:12px;align-items:center;min-height:52px;padding:10px 40px 10px 12px;transition:border-color .15s;display:flex;position:relative}.tool-reciter-selected{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;font-weight:560;line-height:1.35;display:block;overflow:hidden}.tool-reciter-chevron{border-radius:var(--radius-full);width:22px;height:22px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2)12%,transparent);border:1px solid color-mix(in srgb,var(--accent-2)25%,transparent);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tool-reciter-chevron svg{width:12px;height:12px}.tool-reciter-select-native{opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.tool-legend-btn{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between}.tool-legend-chevron{opacity:.85;font-size:.9rem}.tajweed-legend{background:color-mix(in srgb,var(--text)2%,transparent);border:1px solid color-mix(in srgb,var(--stroke)15%,transparent);border-radius:12px;margin-top:10px;padding:12px}.tajweed-legend-hint{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.tajweed-legend-list{flex-direction:column;gap:12px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tajweed-legend-item{align-items:flex-start;gap:12px;display:flex}.tajweed-swatch{background:color-mix(in srgb,var(--text)3%,transparent);border:1px solid color-mix(in srgb,var(--stroke)20%,transparent);letter-spacing:.02em;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:26px;font-size:.75rem;font-weight:700;display:inline-flex}.tajweed-legend-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tajweed-legend-label{color:var(--text);font-size:.82rem;font-weight:650}.tajweed-legend-desc{color:var(--muted);font-size:.78rem;line-height:1.45}.hifz-guide{background:color-mix(in srgb,var(--text)2%,transparent);border:1px solid color-mix(in srgb,var(--stroke)15%,transparent);border-radius:12px;padding:14px}.hifz-guide-title{color:var(--text);margin:0 0 8px;font-size:.82rem;font-weight:620}.hifz-guide-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hifz-guide-list li{color:var(--muted);padding-left:14px;font-size:.78rem;line-height:1.5;position:relative}.hifz-guide-list li:before{content:"•";color:var(--accent-2);position:absolute;left:0}.hifz-guide-list li strong{color:var(--text);font-weight:600}.discovery-tip{z-index:160;-webkit-backdrop-filter:blur(16px);background:#161e24eb;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;max-width:280px;padding:10px 16px;display:flex;position:fixed;top:calc(50% - 72px);right:76px;transform:translateY(-50%);box-shadow:0 4px 20px #0000004d}.discovery-tip:after{content:"";background:#161e24eb;border-top:1px solid #ffffff14;border-right:1px solid #ffffff14;width:10px;height:10px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.discovery-tip-text{color:#ffffffe0;font-size:.8rem;font-weight:500;line-height:1.4}.discovery-tip-dismiss{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:all .15s;display:flex}.discovery-tip-dismiss:hover{color:#fffc;background:#ffffff1f}@media (max-width:768px){.discovery-tip{top:auto;left:0;right:0;bottom:calc(90px + env(safe-area-inset-bottom));width:fit-content;max-width:260px;margin:0 auto;padding:9px 14px;transform:none!important}.discovery-tip:after{display:none}.discovery-tip-text{font-size:.75rem}}.tafsir-card.study-card{background:0 0;border:none;gap:16px;padding:0}.tafsir-card.study-card h4{opacity:.5;letter-spacing:.1em;font-size:.7rem}.tafsir-controls{flex-direction:column;gap:12px;display:flex}.tafsir-edition-shell{flex-direction:column;gap:8px;display:flex}.tafsir-edition-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tafsir-edition-action{color:var(--accent-2);letter-spacing:.01em;font-size:.74rem;font-weight:560}.tafsir-edition-field{background:color-mix(in srgb,var(--text)3%,transparent);border:1px solid color-mix(in srgb,var(--stroke)30%,transparent);border-radius:12px;align-items:center;min-height:52px;padding:10px 40px 10px 12px;transition:border-color .15s;display:flex;position:relative}.tafsir-edition-field:focus-within{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2)10%,transparent)}.tafsir-edition-selected{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.92rem;font-weight:560;line-height:1.35;display:block;overflow:hidden}.tafsir-edition-chevron{border-radius:var(--radius-full);width:22px;height:22px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2)12%,transparent);border:1px solid color-mix(in srgb,var(--accent-2)25%,transparent);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tafsir-edition-chevron svg{width:12px;height:12px}.tafsir-edition-native{opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.tafsir-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.tafsir-text{color:var(--muted);letter-spacing:.015em;word-spacing:normal;border-top:1px solid color-mix(in srgb,var(--text)8%,transparent);text-align:justify;text-align-last:left;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;margin-top:4px;padding:16px 0 24px;font-size:.96rem;font-weight:400;line-height:2}.study-word-row{direction:rtl;flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.study-word-chip{border-radius:var(--radius-sm);color:var(--text);direction:rtl;background:#ffffff0a;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;display:inline-flex}.study-word-chip.playing{color:var(--accent-2);background:#6fd4b11f}.study-word-chip .word-en{direction:ltr}.study-mode-container .tajweed{color:#7fe3c3;font-weight:600;display:inline}.study-mode-container .tajweed-swatch.tajweed{justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.study-mode-container .tajweed.ham_wasl{color:#cfd6dd}.study-mode-container .tajweed.laam_shamsiyah{color:#f3c969}.study-mode-container .tajweed.laam_qamariyah{color:#8fc7ff}.study-mode-container .tajweed.madda_normal,.study-mode-container .tajweed.madda_permissible,.study-mode-container .tajweed.madda_obligatory{color:#79c6ff}.study-mode-container .tajweed.madda_necessary{color:#ff9b7d}.study-mode-container .tajweed.qalqalah,.study-mode-container .tajweed.qalaqah{color:#ff7a7a}.study-mode-container .tajweed.ikhafa,.study-mode-container .tajweed.ikhafa_shafawi,.study-mode-container .tajweed.ikhfaa{color:#c59bff}.study-mode-container .tajweed.iqlab{color:#6bd6ff}.study-mode-container .tajweed.idgham_with_ghunnah,.study-mode-container .tajweed.idgham_shafawi,.study-mode-container .tajweed.ghunnah{color:#8fe39a}.study-mode-container .tajweed.idgham_without_ghunnah,.study-mode-container .tajweed.idgham_wo_ghunnah{color:#7ec8ff}.study-mode-container .tajweed.slnt{color:var(--muted);opacity:.7;font-weight:500}.study-slider{flex-direction:column;gap:10px;display:flex}.study-slider-header{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.study-slider-value{color:var(--accent-2);font-weight:600}.study-slider input[type=range]{border-radius:var(--radius-xs);appearance:none;background:#ffffff14;width:100%;height:6px}.study-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-2);cursor:pointer;border-radius:50%;width:18px;height:18px}.study-slider input[type=range]::-moz-range-thumb{background:var(--accent-2);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.textsize-row{color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.textsize-actions{gap:6px;display:flex}.study-mode-container.mushaf-view .study-ayah-card{box-shadow:none;background:0 0;border:none;padding:20px 0}.study-mode-container.mushaf-view .study-ayah-number{background:0 0;border:1px solid #ffffff14}.study-mode-container.mushaf-view .study-ayah-actions{opacity:.52;pointer-events:auto}.study-mode-container.mushaf-view .study-ayah-card:hover .study-ayah-actions,.study-mode-container.mushaf-view .study-ayah-card:focus-within .study-ayah-actions,.study-mode-container.mushaf-view .study-ayah-card.focused .study-ayah-actions{opacity:1;pointer-events:auto}.study-mode-container.script-naskh .study-ayah-arabic,.study-mode-container.script-naskh .study-bismillah,.study-mode-container.script-naskh .study-arabic-name{font-family:Scheherazade New,Amiri,serif}.notes-panel-redesign{gap:20px}.notes-section{flex-direction:column;gap:10px;display:flex}.notes-section-header{justify-content:space-between;align-items:center;display:flex}.notes-section-header-actions{align-items:center;gap:8px;display:flex}.notes-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;opacity:.7;align-items:center;gap:6px;font-size:.66rem;font-weight:620;display:flex}.notes-new-btn{border:1px solid color-mix(in srgb,var(--accent-2)25%,transparent);background:color-mix(in srgb,var(--accent-2)8%,transparent);color:var(--accent-2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:.72rem;font-weight:520;transition:all .15s;display:inline-flex}.notes-new-btn:hover{background:color-mix(in srgb,var(--accent-2)14%,transparent);border-color:color-mix(in srgb,var(--accent-2)40%,transparent)}.notes-new-btn:disabled{opacity:.45;cursor:not-allowed}.notes-new-btn:disabled:hover{background:color-mix(in srgb,var(--accent-2)8%,transparent);border-color:color-mix(in srgb,var(--accent-2)25%,transparent)}.notes-count-badge{background:color-mix(in srgb,var(--accent-2)10%,transparent);color:var(--accent-2);border-radius:10px;padding:2px 8px;font-size:.66rem;font-weight:600}.notes-editor{background:color-mix(in srgb,var(--text)3%,transparent);border:1px solid color-mix(in srgb,var(--stroke)30%,transparent);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.notes-editor-title{background:color-mix(in srgb,var(--text)4%,transparent);width:100%;color:var(--text);border:none;border-radius:10px;outline:none;padding:10px 14px;font-size:.88rem;font-weight:540;transition:all .2s}.notes-editor-title::placeholder{color:var(--muted);opacity:.5;font-weight:440}.notes-editor-title:focus{background:color-mix(in srgb,var(--text)6%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2)12%,transparent)}.notes-editor-body{background:color-mix(in srgb,var(--text)4%,transparent);width:100%;color:var(--text);resize:vertical;border:none;border-radius:10px;outline:none;min-height:120px;padding:10px 14px;font-size:.85rem;line-height:1.6;transition:all .2s}.notes-editor-body::placeholder{color:var(--muted);opacity:.5}.notes-editor-body:focus{background:color-mix(in srgb,var(--text)6%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2)12%,transparent)}.notes-editor-footer{justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.notes-editor-status{color:var(--muted);opacity:.6;font-size:.7rem;font-weight:480}.notes-editor-actions{align-items:center;gap:6px;display:flex}.notes-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;padding:6px 14px;font-size:.73rem;font-weight:520;transition:all .15s}.notes-btn:disabled{opacity:.45;cursor:not-allowed}.notes-btn--primary{background:color-mix(in srgb,var(--accent-2)18%,transparent);color:var(--accent-2)}.notes-btn--primary:hover{background:color-mix(in srgb,var(--accent-2)28%,transparent)}.notes-btn--primary:disabled{opacity:.4;cursor:not-allowed}.notes-btn--primary:disabled:hover{background:color-mix(in srgb,var(--accent-2)18%,transparent)}.notes-btn--ghost{color:var(--muted);background:0 0}.notes-btn--ghost:hover{background:color-mix(in srgb,var(--text)6%,transparent);color:var(--text)}.notes-btn--danger{color:#f3a08b;background:#f871711a}.notes-btn--danger:hover{background:#f871712e}.notes-btn--small{color:var(--muted);opacity:.5;background:0 0;border-radius:8px;flex-shrink:0;padding:6px}.notes-btn--small:hover{background:color-mix(in srgb,var(--text)6%,transparent);color:var(--text);opacity:1}.notes-editor--audio{gap:12px}.notes-audio-notice{background:color-mix(in srgb,var(--accent-2)10%,transparent);border:1px solid color-mix(in srgb,var(--accent-2)24%,transparent);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.notes-audio-notice-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.notes-audio-notice-title{color:var(--text);font-size:.76rem;font-weight:560}.notes-audio-notice-text{color:var(--muted);opacity:.82;font-size:.72rem;line-height:1.45}.notes-audio-notice-dismiss{background:color-mix(in srgb,var(--text)8%,transparent);width:30px;height:30px;color:var(--muted);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.notes-audio-notice-dismiss:hover{color:var(--text);background:color-mix(in srgb,var(--text)12%,transparent)}.notes-audio-recorder{background:linear-gradient(180deg,color-mix(in srgb,var(--text)5%,transparent),color-mix(in srgb,var(--text)3%,transparent));border:1px solid color-mix(in srgb,var(--stroke)26%,transparent);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.notes-audio-recorder-main{align-items:center;gap:10px;min-width:0;display:flex}.notes-audio-recorder-badge{width:38px;height:38px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2)14%,transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notes-audio-recorder-badge.is-recording{color:#fca5a5;background:#ef44442e;animation:1.3s ease-out infinite notes-recording-pulse;box-shadow:0 0 #ef44442e}.notes-audio-recorder-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.notes-audio-recorder-label{color:var(--text);font-size:.76rem;font-weight:560}.notes-audio-recorder-time{color:var(--muted);opacity:.75;font-size:.72rem}.notes-audio-card{background:color-mix(in srgb,var(--text)4%,transparent);border:1px solid color-mix(in srgb,var(--stroke)26%,transparent);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.notes-audio-card--draft{background:color-mix(in srgb,var(--accent-2)6%,transparent);border-color:color-mix(in srgb,var(--accent-2)18%,transparent)}.notes-audio-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notes-audio-card-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notes-audio-card-title{color:var(--text);font-size:.84rem;font-weight:560}.notes-audio-card-meta{color:var(--muted);opacity:.78;font-size:.72rem;line-height:1.45}.notes-audio-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.notes-audio-action{border:1px solid color-mix(in srgb,var(--stroke)28%,transparent);background:color-mix(in srgb,var(--text)4%,transparent);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.71rem;font-weight:520;transition:all .15s;display:inline-flex}.notes-audio-action:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent-2)24%,transparent);background:color-mix(in srgb,var(--accent-2)8%,transparent)}.notes-audio-action:disabled{opacity:.45;cursor:not-allowed}.notes-audio-action:disabled:hover{color:var(--muted);border-color:color-mix(in srgb,var(--stroke)28%,transparent);background:color-mix(in srgb,var(--text)4%,transparent)}.notes-audio-action.is-danger{color:#f3a08b;background:#f8717114;border-color:#f8717133}.notes-audio-action.is-danger:hover{background:#f8717124;border-color:#f8717147}.notes-audio-card-controls{grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;display:grid}.notes-audio-toggle{background:color-mix(in srgb,var(--accent-2)16%,transparent);width:36px;height:36px;color:var(--accent-2);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.notes-audio-toggle:hover,.notes-audio-toggle.is-playing{background:color-mix(in srgb,var(--accent-2)24%,transparent)}.notes-audio-toggle:disabled{opacity:.45;cursor:not-allowed}.notes-audio-card-time{min-width:34px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.notes-audio-slider-track{background:color-mix(in srgb,var(--text)8%,transparent);width:100%}.notes-audio-slider-fill::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-2),color-mix(in srgb,var(--accent)75%,white 25%))}.notes-audio-slider-fill::-moz-progress-bar{background:linear-gradient(90deg,var(--accent-2),color-mix(in srgb,var(--accent)75%,white 25%))}.notes-audio-slider-input::-webkit-slider-thumb{background:var(--text);border:2px solid color-mix(in srgb,var(--accent-2)45%,transparent);width:14px;height:14px}.notes-audio-slider-input::-moz-range-thumb{background:var(--text);border:2px solid color-mix(in srgb,var(--accent-2)45%,transparent);width:14px;height:14px}.notes-audio-hint,.notes-audio-error{font-size:.72rem;line-height:1.45}.notes-audio-hint{color:var(--muted);opacity:.75}.notes-audio-error{color:#fca5a5}.notes-list{flex-direction:column;gap:4px;display:flex}.notes-list--audio{gap:10px}.notes-list-item{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.notes-list-item:hover{background:color-mix(in srgb,var(--text)4%,transparent)}.notes-list-item-icon{background:color-mix(in srgb,var(--accent-2)10%,transparent);width:32px;height:32px;color:var(--accent-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notes-list-item-icon--audio{background:color-mix(in srgb,var(--accent)12%,transparent);color:var(--accent)}.notes-list-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notes-list-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:520;overflow:hidden}.notes-list-item-time{color:var(--muted);opacity:.6;font-size:.68rem}.notes-list-item-chevron{color:var(--muted);opacity:.3;flex-shrink:0}@media (max-width:640px){.notes-audio-recorder{flex-direction:column;align-items:stretch}.notes-audio-card-actions{justify-content:flex-start;width:100%}.notes-audio-action{flex:auto;justify-content:center}}.notes-ayah-item{align-items:center;gap:6px;padding-right:4px;display:flex}.notes-ayah-item-main{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:all .15s;display:flex}.notes-ayah-item-main:hover{background:color-mix(in srgb,var(--text)4%,transparent)}.notes-ayah-ref{background:color-mix(in srgb,var(--accent)10%,transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notes-ayah-ref-num{color:var(--accent);letter-spacing:-.01em;font-size:.68rem;font-weight:620}.notes-ayah-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notes-ayah-name{color:var(--text);font-size:.8rem;font-weight:520}.notes-ayah-preview{color:var(--muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.4;overflow:hidden}.notes-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.notes-empty--compact{padding:28px 20px}.notes-empty-icon{background:color-mix(in srgb,var(--accent-2)8%,transparent);width:48px;height:48px;color:var(--accent-2);opacity:.6;border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.notes-empty-title{color:var(--text);margin:0 0 4px;font-size:.88rem;font-weight:540}.notes-empty-desc{color:var(--muted);opacity:.6;font-size:.75rem;line-height:1.4}.notes-create-btn{align-items:center;gap:6px;margin-top:14px;display:inline-flex}@keyframes notes-recording-pulse{0%{box-shadow:0 0 #ef444447}to{box-shadow:0 0 0 12px #0000}}.quick-item-action{background:color-mix(in srgb,var(--accent-2)10%,transparent);color:var(--accent-2);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;padding:6px 12px;font-size:.73rem;font-weight:520;transition:all .15s}.quick-item-action:hover{background:color-mix(in srgb,var(--accent-2)18%,transparent)}.quick-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.study-stat-card{--stat-color:var(--accent);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0a;align-items:center;gap:12px;padding:16px;display:flex}.study-stat-card.stat-tone-accent{--stat-color:var(--accent)}.study-stat-card.stat-tone-accent-2{--stat-color:var(--accent-2)}.study-stat-card.stat-tone-amber{--stat-color:#f59e0b}.study-stat-card.stat-tone-violet{--stat-color:#8b5cf6}.stat-icon{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--stat-color)15%,transparent);width:40px;height:40px;color:var(--stat-color);justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-value{color:var(--text);font-size:1.1rem;font-weight:600}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.quick-plan-today{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0a;margin-top:0;padding:16px}.quick-plan-today h4{color:var(--accent-2);margin:0 0 8px;font-size:.85rem;font-weight:600}.plan-range-text{color:var(--text);margin:0 0 16px;font-size:.9rem}.plan-jump-btn{border-radius:var(--radius-sm);background:var(--accent-2);color:#000;width:100%;padding:12px;font-size:.85rem;font-weight:500;transition:all .2s}.plan-jump-btn:hover{background:#5ec9a0}@media (max-width:768px){.study-header{-webkit-backdrop-filter:none;background:#0a0f12eb;padding:12px 16px}.study-header-center{display:none}.study-surah-name{font-size:.95rem}.study-header-right{gap:10px}.study-preview-toggle{min-height:34px;padding:0 10px;font-size:.72rem}.study-reading-area{padding:72px 16px 140px}.study-reading-area-preview{padding-top:28px}.study-surah-opening{margin:0 auto 6px;padding:8px 0}.study-arabic-name{margin-bottom:8px;font-size:clamp(1.5rem,7vw,2rem)}.study-opening-decoration{gap:8px}.decoration-line{width:40px}.decoration-dot{width:5px;height:5px}.study-bismillah{margin:0 auto 12px;padding-inline:6px;font-size:clamp(1.05rem,4.5vw,1.35rem);line-height:1.5}.study-ayah-card{border-radius:var(--radius-md);contain-intrinsic-size:280px;padding:24px 20px}.study-ayah-list{gap:24px}.control-bar-inner{border-radius:var(--radius-md);padding:10px 16px}.control-label{display:none}.study-control-bar{bottom:16px;left:16px;right:16px;transform:none}.control-bar-inner{justify-content:space-between;width:100%}.quick-panel{width:100%;box-shadow:-8px 0 24px #0000003d}.quick-panel-content{padding:6px 14px calc(16px + env(safe-area-inset-bottom))}.quick-stats-grid{grid-template-columns:1fr}.study-tool-section{gap:10px}.study-card{border-radius:var(--radius-sm);padding:14px}.tool-hero-copy{font-size:.78rem;line-height:1.45}.tool-block-head{flex-direction:column;align-items:flex-start;gap:4px}.tool-block-head>span{font-size:.72rem}.tool-toggle-card{align-items:flex-start;gap:10px;padding:10px 11px}.tool-toggle-title{font-size:.82rem;line-height:1.3}.tool-toggle-sub{font-size:.72rem}.tool-toggle-card .toggle-switch{flex-shrink:0;margin-top:1px}.tool-slider-stack{gap:7px}.tool-slider-row{padding:10px}.tool-slider-head{gap:8px;margin-bottom:8px}.tool-slider-label{font-size:.83rem}.tool-slider-value{padding:2px 7px;font-size:.72rem}.tool-slider-track,.tool-slider-fill,.tool-slider-input{height:7px}.tool-slider-input::-webkit-slider-runnable-track{height:7px}.tool-slider-input::-moz-range-track{height:7px}.tool-slider-input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px}.tool-slider-input::-moz-range-thumb{width:18px;height:18px}.tool-script-grid{grid-template-columns:1fr}.tool-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.tool-buttons .control-btn{justify-content:center;width:100%;padding:9px 8px}.tool-reciter-select-shell{gap:6px}.tool-reciter-select-field{border-radius:var(--radius-sm);min-height:48px;padding:10px 36px 10px 11px}.tool-reciter-selected{font-size:.84rem}.tool-reciter-chevron{width:20px;height:20px;right:10px}.tafsir-edition-shell{gap:6px}.tafsir-edition-field{border-radius:var(--radius-sm);min-height:48px;padding:10px 36px 10px 11px}.tafsir-edition-selected{font-size:.84rem}.tafsir-edition-chevron{width:20px;height:20px;right:10px}.tafsir-meta{flex-flow:row;align-items:center;gap:8px}.tafsir-meta .meta{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.tafsir-meta .quick-item-action{white-space:nowrap;flex:none;width:auto;padding:6px 10px}.study-rail{top:auto;bottom:calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:none;background:#12181e94;flex-direction:row;max-width:calc(100vw - 32px);padding:10px 12px;right:50%;overflow-x:auto;transform:translate(50%)}.study-rail::-webkit-scrollbar{display:none}.qp-a-stats{gap:12px 0;padding:10px 16px 18px 22px}.qp-a-num{min-width:unset;font-size:1.5rem}.qp-a-label{font-size:.65rem}.qp-bar-track{height:80px}}@media (max-width:420px){.tool-buttons{grid-template-columns:1fr}}:root[data-theme=bw] .study-ambient-bg:before{display:none}:root[data-theme=bw] .study-ayah-card.playing{background:#0000000d!important}:root[data-theme=bw] .study-ayah-card.marked{background:#0000001a!important}:root[data-theme=bw] .study-ayah-card.marked:hover{background:#00000024!important}:root[data-theme=bw] .study-ayah-card.marked.playing{background:#0000001f!important}:root[data-theme=bw] .study-ayah-word-trigger:hover{background:#0000000f}:root[data-theme=bw] .study-ayah-word-trigger.active{color:#111;background:#0000001a}:root[data-theme=bw] .toggle-switch.active{box-shadow:none;background:#111;border-color:#0000004d}:root[data-theme=bw] .study-rail-btn.active{color:#fff;background:#111;box-shadow:0 4px 12px #0003}:root[data-theme=bw] .slider-track-fill{background:#111}:root[data-theme=bw] .slider-track-fill::-webkit-progress-value{background:#111}:root[data-theme=bw] .slider-track-fill::-moz-progress-bar{background:#111}:root[data-theme=bw] .slider-thumb{background:#111;border-color:#0000004d}:root[data-theme=bw] .study-reciter-chip.selected{color:#111;background:#0000001a;border-color:#0003}:root[data-theme=bw] .study-lexicon-root-focus{background:#0000000d;border-color:#00000026}:root[data-theme=bw] .study-lexicon-root-focus:focus-within{background:#00000014;border-color:#00000040}:root[data-theme=bw] .study-lane-open-btn,:root[data-theme=bw] .study-root-link,:root[data-theme=bw] .study-root-insight-btn{color:#333;background:#00000014}:root[data-theme=bw] .study-lane-open-btn:hover,:root[data-theme=bw] .study-root-link:hover,:root[data-theme=bw] .study-root-insight-btn:hover{background:#0000001f}:root[data-theme=bw] .study-word-audio-btn{color:#333;background:#00000014}:root[data-theme=bw] .study-word-audio-btn:hover{background:#0000001f}:root[data-theme=bw] .study-word-chip.playing{color:#111;background:#0000001a}:root[data-theme=bw] .tool-hero-card{background:#00000008;border-color:#00000014}:root[data-theme=bw] .tool-hero-card:before{display:none}:root[data-theme=bw] .tool-chip{color:#333;background:#00000014;border-color:#00000026}:root[data-theme=bw] .tool-slider-value{color:#111;background:#00000014;border-color:#00000026}:root[data-theme=bw] .tool-slider-track{background:#0000001a}:root[data-theme=bw] .tool-slider-fill::-webkit-progress-value{box-shadow:none;background:#111}:root[data-theme=bw] .tool-slider-fill::-moz-progress-bar{box-shadow:none;background:#111}:root[data-theme=bw] .tool-slider-input::-webkit-slider-thumb{background:#fff;border-color:#00000080;box-shadow:0 1px 4px #00000026}:root[data-theme=bw] .tool-slider-input::-moz-range-thumb{background:#fff;border-color:#00000080;box-shadow:0 1px 4px #00000026}.qp-apple{flex-direction:column;gap:0;display:flex}.qp-group{background:0 0;border-bottom:1px solid #ffffff0f;border-radius:0;padding:20px 4px}.qp-group:first-child{padding-top:8px}.qp-group:last-child{border-bottom:none;padding-bottom:8px}.qp-group-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.qp-group-header h4{font-size:var(--text-base,.9375rem);color:var(--text,#f2eee6);letter-spacing:-.02em;margin:0;font-weight:650}.hifz-total-badge{color:var(--muted);letter-spacing:.02em;font-size:.72rem;font-weight:600}.hifz-stats-row{gap:16px;display:flex}.hifz-stat{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text)3%,transparent);border:1px solid color-mix(in srgb,var(--text)5%,transparent);flex:1;align-items:center;gap:10px;padding:10px 12px;display:flex}.hifz-stat-text{flex-direction:column;gap:1px;min-width:0;display:flex}.hifz-stat-value{color:var(--text);font-size:.88rem;font-weight:650}.hifz-stat-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.hifz-actions{margin-top:4px}.hifz-action-btn{border-radius:var(--radius-sm);width:100%;color:var(--accent-2);cursor:pointer;background:#6fd4b114;border:1px solid #6fd4b133;padding:10px;font-size:.78rem;font-weight:580;transition:background .2s}.hifz-action-btn:hover{background:#6fd4b124}.hifz-clear-link{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:none;padding:6px 0;font-size:.72rem;font-weight:500;transition:opacity .2s}.hifz-clear-link:hover{opacity:1}.qp-a-stats{border-bottom:1px solid color-mix(in srgb,var(--text)6%,transparent);grid-template-columns:1fr 1fr;gap:8px 0;padding:8px 16px 20px 30px;display:grid}.qp-a-stat{align-items:baseline;gap:7px;padding:2px 0;display:flex}.qp-a-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-width:2.2ch;font-size:1.6rem;font-weight:780;line-height:1}.qp-a-today{color:#72daa8}.qp-a-week{color:#6eaafc}.qp-a-streak{color:#f0aa50}.qp-a-session{color:#be8ce6}.qp-a-label{color:var(--muted,#7a8290);font-size:.68rem;font-weight:500;line-height:1}.qp-streak-warm .qp-a-streak{color:#f0aa50}.qp-streak-fire .qp-a-streak{color:#f07a3a}@keyframes qp-fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.qp-weekly-chart{padding:0}.qp-weekly-bars{justify-content:space-between;align-items:flex-end;gap:8px;height:120px;padding:0 4px;display:flex}.qp-bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:28px;height:100%;display:flex}.qp-bar-value{font-size:var(--text-xs,.6875rem);color:var(--muted,#7a8290);font-variant-numeric:tabular-nums;min-height:16px;font-weight:600}.qp-bar-track{background:#ffffff0a;border-radius:11px;flex:1;align-items:flex-end;width:100%;max-width:22px;display:flex;overflow:hidden}.qp-bar-fill{background:linear-gradient(#72daa8 0%,#72daa840 100%);border-radius:11px;width:100%;min-height:0;transition:height .5s cubic-bezier(.34,1.56,.64,1)}.qp-bar-col.today .qp-bar-fill{background:linear-gradient(#d8b36a 0%,#d8b36a4d 100%);box-shadow:0 0 12px #d8b36a40}.qp-bar-col.today .qp-bar-value{color:#d8b36a;font-weight:700}.qp-bar-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:500}.qp-bar-col.today .qp-bar-label{color:#d8b36a;font-weight:700}.qp-goal-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.qp-goal-info{flex-direction:column;gap:4px;display:flex}.qp-goal-fraction{font-size:var(--text-2xl,1.6875rem);color:var(--text,#f2eee6);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:750;line-height:1}.qp-goal-of{font-size:var(--text-sm,.8125rem);color:var(--muted,#7a8290);font-weight:500}.qp-goal-sublabel{font-size:var(--text-xs,.6875rem);color:var(--muted,#7a8290);letter-spacing:.03em}.qp-goal-bar{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.qp-goal-bar-fill{background:linear-gradient(90deg,#72daa8,#5cc99a);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #72daa833}.qp-stepper{background:#ffffff12;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.qp-stepper-btn{width:36px;height:36px;color:var(--accent-2,#6fd4b1);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.qp-stepper-btn:hover:not(:disabled){background:#ffffff0f}.qp-stepper-btn:active:not(:disabled){background:#ffffff1a}.qp-stepper-btn:disabled{opacity:.25;cursor:default}.qp-stepper-value{text-align:center;min-width:36px;font-size:var(--text-sm,.8125rem);color:var(--text,#f2eee6);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;padding:0 2px;font-weight:650}.qp-streak-msg{font-size:var(--text-xs,.6875rem);color:#f0aa50;text-align:center;letter-spacing:.01em;background:#f0aa5014;border-radius:100px;margin-top:12px;padding:8px 16px;font-weight:500}.qp-see-all{color:var(--accent-2,#6fd4b1);font-size:var(--text-xs,.6875rem);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:4px 0;font-weight:550;transition:opacity .15s;display:inline-flex}.qp-see-all:hover{opacity:.7}.qp-see-all svg{opacity:.7;flex-shrink:0}.qp-almost-svg{color:#f0aa50;flex-shrink:0}.qp-surah-list{flex-direction:column;gap:0;display:flex}.qp-surah-row{background:0 0;border-bottom:1px solid #ffffff0a;border-radius:0;align-items:center;gap:12px;padding:10px 4px;transition:background .15s;display:flex}.qp-surah-row:last-child{border-bottom:none}.qp-surah-row:hover{background:#ffffff08}.qp-mini-ring{flex-shrink:0}.qp-ring-bg{stroke:#ffffff14}.qp-ring-fill{stroke:#72daa8;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.qp-surah-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.qp-surah-name{font-size:var(--text-sm,.8125rem);color:var(--text,#f2eee6);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-weight:560;overflow:hidden}.qp-surah-detail{font-size:var(--text-xs,.6875rem);color:var(--muted,#7a8290)}.qp-surah-badges{flex-shrink:0;align-items:center;gap:8px;display:flex}.qp-surah-pct{font-size:var(--text-sm,.8125rem);color:var(--muted,#7a8290);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;font-weight:600;display:flex}.qp-surah-pct.done{color:#72daa8;background:#72daa81a;border-radius:50%;justify-content:center;width:28px;height:28px}.qp-surah-mem-pct{color:var(--accent-2,#6fd4b1);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;font-size:.7rem;font-weight:600;display:flex}.qp-surah-mem-pct.done{color:#6fd4b1;background:#6fd4b11a;border-radius:50%;justify-content:center;width:24px;height:24px}.qp-surah-hifz-detail{color:var(--accent-2,#6fd4b1)}.qp-almost-banner{background:#f0aa5012;border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;display:flex}.qp-almost-text{font-size:var(--text-xs,.6875rem);color:var(--muted,#7a8290);font-weight:500;line-height:1.45}:root[data-theme=light] .qp-group{border-bottom-color:#0000000f}:root[data-theme=light] .qp-a-today{color:#5d6e50}:root[data-theme=light] .qp-a-week{color:#6b7b5a}:root[data-theme=light] .qp-a-streak{color:#9a7b4a}:root[data-theme=light] .qp-a-session{color:#7a6d5a}:root[data-theme=light] .qp-streak-warm .qp-a-streak{color:#9a7b4a}:root[data-theme=light] .qp-streak-fire .qp-a-streak{color:#8b5e3a}:root[data-theme=light] .qp-a-stats{border-bottom-color:#00000014}:root[data-theme=light] .qp-bar-track{background:#0000000d}:root[data-theme=light] .qp-bar-fill{background:linear-gradient(#5d6e50 0%,#5d6e5040 100%)}:root[data-theme=light] .qp-bar-col.today .qp-bar-fill{box-shadow:none;background:linear-gradient(#8c7846 0%,#8c78464d 100%)}:root[data-theme=light] .qp-bar-col.today .qp-bar-value,:root[data-theme=light] .qp-bar-col.today .qp-bar-label{color:#8c7846}:root[data-theme=light] .qp-bar-label{color:#00000040}:root[data-theme=light] .qp-goal-bar{background:#0000000f}:root[data-theme=light] .qp-goal-bar-fill{box-shadow:none;background:linear-gradient(90deg,#5d6e50,#6b7b5a)}:root[data-theme=light] .qp-stepper{background:#0000000f}:root[data-theme=light] .qp-stepper-btn{color:var(--accent-2,#5d6e50)}:root[data-theme=light] .qp-stepper-btn:hover:not(:disabled){background:#0000000d}:root[data-theme=light] .qp-stepper-value{border-left-color:#00000014;border-right-color:#00000014}:root[data-theme=light] .qp-streak-msg{color:#c88c32;background:#c88c3214}:root[data-theme=light] .qp-see-all{color:var(--accent-2,#5d6e50)}:root[data-theme=light] .qp-ring-bg{stroke:#00000014}:root[data-theme=light] .qp-ring-fill{stroke:#5d6e50}:root[data-theme=light] .qp-surah-row{border-bottom-color:#0000000d}:root[data-theme=light] .qp-surah-row:hover{background:#00000005}:root[data-theme=light] .qp-surah-pct.done{color:#5d6e50;background:#5d6e501a}:root[data-theme=light] .qp-surah-mem-pct{color:#6b7b5a}:root[data-theme=light] .qp-surah-mem-pct.done{color:#5d6e50;background:#5d6e501a}:root[data-theme=light] .qp-surah-hifz-detail{color:#6b7b5a}:root[data-theme=light] .qp-almost-banner{background:#d068300f}:root[data-theme=light] .qp-almost-svg{color:#d06830}:root[data-theme=bw] .qp-group{border-bottom-color:#00000014}:root[data-theme=bw] .qp-a-today,:root[data-theme=bw] .qp-a-week,:root[data-theme=bw] .qp-a-streak,:root[data-theme=bw] .qp-a-session{color:#333}:root[data-theme=bw] .qp-streak-warm .qp-a-streak,:root[data-theme=bw] .qp-streak-fire .qp-a-streak{color:#222}:root[data-theme=bw] .qp-bar-track{background:#0000000d}:root[data-theme=bw] .qp-bar-fill{background:linear-gradient(#00000080 0%,#00000026 100%)}:root[data-theme=bw] .qp-bar-col.today .qp-bar-fill{box-shadow:none;background:linear-gradient(#000000b3 0%,#00000040 100%)}:root[data-theme=bw] .qp-bar-col.today .qp-bar-value,:root[data-theme=bw] .qp-bar-col.today .qp-bar-label{color:#111}:root[data-theme=bw] .qp-bar-label{color:#00000040}:root[data-theme=bw] .qp-goal-bar{background:#0000000f}:root[data-theme=bw] .qp-goal-bar-fill{box-shadow:none;background:linear-gradient(90deg,#444,#555)}:root[data-theme=bw] .qp-stepper{background:#0000000f}:root[data-theme=bw] .qp-stepper-btn{color:#444}:root[data-theme=bw] .qp-stepper-value{border-left-color:#0000001a;border-right-color:#0000001a}:root[data-theme=bw] .qp-streak-msg{color:#555;background:#0000000a}:root[data-theme=bw] .qp-see-all{color:#444}:root[data-theme=bw] .qp-ring-bg{stroke:#0000001a}:root[data-theme=bw] .qp-ring-fill{stroke:#444}:root[data-theme=bw] .qp-surah-row{border-bottom-color:#0000000f}:root[data-theme=bw] .qp-surah-row:hover{background:#00000005}:root[data-theme=bw] .qp-surah-pct.done{color:#333;background:#0000000f}:root[data-theme=bw] .qp-surah-mem-pct{color:#444}:root[data-theme=bw] .qp-surah-mem-pct.done{color:#333;background:#0000000f}:root[data-theme=bw] .qp-surah-hifz-detail{color:#444}:root[data-theme=bw] .qp-almost-banner{background:#0000000a}:root[data-theme=bw] .qp-almost-svg{color:#333}
.settings-backdrop{z-index:1000;background:#0009;position:fixed;inset:0}.settings-modal{pointer-events:auto;background:var(--bg-mid);border-radius:var(--radius-lg);z-index:1001;border:1px solid #ffffff0f;flex-direction:column;width:min(480px,92vw);max-height:80vh;display:flex;position:fixed;top:50%;left:50%;right:auto;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 80px -16px #000000b3,0 0 0 1px #ffffff08}.settings-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.settings-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.settings-close-btn{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.settings-close-btn:hover{color:var(--text);background:#ffffff0f}.settings-close-btn svg{width:15px;height:15px}.settings-tabs{border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:0;margin:0 24px;display:flex}.settings-tab{cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 12px 12px;transition:color .15s;display:inline-flex;position:relative}.settings-tab:hover .tab-label{color:var(--text)}.settings-tab.active{background:0 0}.tab-icon{opacity:.5;z-index:1;font-size:.9rem;transition:opacity .15s;position:relative}.settings-tab.active .tab-icon{opacity:1}.tab-label{color:var(--muted);z-index:1;font-size:.82rem;font-weight:500;transition:color .15s;position:relative}.settings-tab.active .tab-label{color:var(--text);font-weight:600}.tab-indicator{background:var(--accent-2);z-index:1;border:none;border-radius:2px 2px 0 0;height:2px;position:absolute;inset:auto 16px -1px}.settings-content{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:20px 24px 28px;overflow-y:auto}.settings-content::-webkit-scrollbar{width:4px}.settings-content::-webkit-scrollbar-track{background:0 0}.settings-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.settings-tab-content{flex-direction:column;gap:28px;display:flex}.settings-section{background:0 0;border:none;border-radius:0;flex-direction:column;gap:12px;padding:0;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;padding-bottom:4px;font-size:.7rem;font-weight:600}.section-content{flex-direction:column;gap:6px;display:flex}.settings-select{background:var(--bg-light);border-radius:var(--radius-sm);width:100%;color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a8b0ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;border:1px solid #ffffff0f;padding:10px 36px 10px 14px;font-size:.88rem;transition:border-color .15s}.settings-select:focus{border-color:#6fd4b166;outline:none}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.settings-input{background:var(--bg-light);border-radius:var(--radius-sm);width:100%;color:var(--text);border:1px solid #ffffff0f;padding:10px 14px;font-size:.88rem;transition:border-color .15s}.settings-input:focus{border-color:#6fd4b166;outline:none}.settings-field-hint{color:var(--muted);opacity:.7;margin:2px 0 0;font-size:.74rem}.segmented-control{border-radius:var(--radius-md);background:#ffffff0f;gap:4px;padding:4px;display:flex;position:relative}.segmented-indicator{border-radius:var(--radius-sm);background:linear-gradient(135deg,#6fd4b140 0%,#6fd4b126 100%);height:calc(100% - 8px);position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #0003}.segmented-btn{z-index:1;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;flex:1;padding:10px 12px;font-size:.85rem;font-weight:500;transition:color .25s;position:relative}.segmented-btn.active{color:#d8fff0}.segmented-btn:hover:not(.active){color:var(--text)}.translation-chips{flex-direction:column;gap:2px;display:flex}.translation-chips-scroll{max-height:220px;padding-right:4px;overflow-y:auto}.translation-chips-scroll::-webkit-scrollbar{width:4px}.translation-chips-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.translation-chip{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:background .12s;display:flex}.translation-chip:hover{background:#ffffff0a}.translation-chip.selected{background:#6fd4b114}.chip-label{color:var(--text);flex:1;font-size:.88rem;font-weight:450}.translation-chip.selected .chip-label{color:var(--text);font-weight:500}.chip-check{background:var(--accent-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chip-check svg{width:10px;height:10px;color:var(--bg-deep)}.default-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border-radius:var(--radius-xs);background:#d8b36a1a;margin-left:auto;padding:2px 7px;font-size:.6rem;font-weight:600}.chips-hint{color:var(--muted);opacity:.5;text-align:center;margin-top:6px;font-size:.72rem}.ayah-translations{flex-direction:column;gap:12px;display:flex}.translation-item{flex-direction:column;gap:4px;display:flex}.translation-item .translation-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-size:.7rem;font-weight:600}.ayah-translation.multi{border-left:2px solid var(--accent-2);border-left-color:color-mix(in srgb,var(--accent-2)40%,transparent);padding-left:12px}@media (max-width:768px){.translation-chip{-webkit-tap-highlight-color:#6fd4b11a;border-radius:14px;min-height:58px;padding:16px 18px}.translation-chip:active{transform:scale(.98)}.chip-label{font-size:1rem}.chip-check{width:24px;height:24px}.chip-check svg{width:14px;height:14px}.default-badge{padding:4px 8px;font-size:.6rem}}.premium-slider{flex-direction:column;gap:10px;padding:8px 0;display:flex}.slider-header{align-items:center;gap:10px;display:flex}.slider-icon{background:var(--bg-light);border-radius:var(--radius-xs);width:26px;height:26px;color:var(--accent-2);justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.slider-label{color:var(--text);flex:1;font-size:.86rem;font-weight:450}.slider-value{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:.78rem;font-weight:600}.slider-track-container{border-radius:var(--radius-full);background:#ffffff0f;height:4px;position:relative;overflow:visible}.slider-track-fill{border-radius:var(--radius-full);pointer-events:none;appearance:none;background:0 0;border:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.slider-track-fill::-webkit-progress-bar{background:0 0}.slider-track-fill::-webkit-progress-value{background:var(--accent-2);border-radius:var(--radius-full)}.slider-track-fill::-moz-progress-bar{background:var(--accent-2);border-radius:var(--radius-full)}.slider-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;box-shadow:0 1px 4px #0000004d}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.slider-input::-moz-range-thumb{cursor:grab;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.reciter-grid{flex-direction:column;gap:2px;max-height:340px;padding-right:4px;display:flex;overflow-y:auto}.reciter-grid::-webkit-scrollbar{width:4px}.reciter-grid::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.reciter-card{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.reciter-card:hover{background:#ffffff0a}.reciter-card.selected{background:#6fd4b114}.reciter-avatar{background:var(--bg-light);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;display:flex}.reciter-avatar svg{width:16px;height:16px;color:var(--muted)}.reciter-card.selected .reciter-avatar{background:#6fd4b11f}.reciter-card.selected .reciter-avatar svg{color:var(--accent-2)}.reciter-name{color:var(--text);flex:1;font-size:.86rem;font-weight:450}.check-icon{background:var(--accent-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.check-icon svg{width:10px;height:10px;color:var(--bg-deep)}.settings-footer{text-align:center;flex-shrink:0;padding:10px 24px 14px}.settings-hint{color:var(--muted);opacity:.4;font-size:.68rem}@media (max-width:768px){.settings-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:none;max-height:88vh;padding-bottom:env(safe-area-inset-bottom,16px);position:fixed;inset:auto 0 0;transform:none}.settings-header{padding:20px 20px 14px;position:relative}.settings-header:before{content:"";background:#ffffff26;border-radius:2px;width:32px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.settings-title{padding-top:6px;font-size:1.1rem}.settings-close-btn{width:34px;height:34px}.settings-close-btn svg{width:16px;height:16px}.settings-tabs{margin:0 20px}.settings-tab{min-height:48px;padding:12px 12px 14px}.tab-icon{font-size:1rem}.tab-label{font-size:.85rem}.settings-content{-webkit-overflow-scrolling:touch;padding:20px}.settings-tab-content{gap:28px}.section-content{gap:8px}.premium-slider{gap:12px}.slider-icon{width:32px;height:32px;font-size:1rem}.slider-label{font-size:.92rem}.slider-track-container{height:6px}.slider-input{height:44px}.slider-input::-webkit-slider-thumb{width:22px;height:22px}.slider-input::-moz-range-thumb{width:22px;height:22px}.reciter-grid{gap:4px;max-height:none;padding-right:0}.reciter-card{-webkit-tap-highlight-color:#6fd4b114;gap:14px;min-height:56px;padding:14px}.reciter-card:active{opacity:.85}.reciter-avatar{width:40px;height:40px}.reciter-avatar svg{width:18px;height:18px}.reciter-name{font-size:.92rem}.check-icon{width:22px;height:22px}.check-icon svg{width:12px;height:12px}.translation-chip{-webkit-tap-highlight-color:#6fd4b114;min-height:52px;padding:14px}.translation-chip:active{opacity:.85}.chip-label{font-size:.94rem}.chip-check{width:22px;height:22px}.chip-check svg{width:12px;height:12px}.settings-footer{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.settings-hint{font-size:.72rem}}@media (max-width:380px){.settings-modal{border-radius:16px 16px 0 0;height:95vh}.settings-tab{min-height:58px;padding:12px 8px}.tab-icon{font-size:1.25rem}.segmented-btn{min-height:44px;padding:12px 6px;font-size:.75rem}.slider-icon{width:32px;height:32px;font-size:.95rem}.reciter-card{min-height:60px;padding:14px 16px}.reciter-avatar{width:42px;height:42px}}@media (max-width:768px) and (orientation:landscape){.settings-modal{border-radius:0;height:100vh}.settings-header:before{display:none}.settings-content{padding:16px 24px}.reciter-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}}@supports (padding:env(safe-area-inset-top)){.app-container,.reader-panel,.study-mode-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.settings-modal-container{padding-bottom:env(safe-area-inset-bottom)}.quick-panel{padding-bottom:max(20px,env(safe-area-inset-bottom))}.toolbar,.bottom-nav,.floating-player{padding-bottom:env(safe-area-inset-bottom)}.study-header{padding-top:max(16px,env(safe-area-inset-top))}}@media (max-width:768px){.settings-modal-overlay button,.settings-modal-overlay [role=button],.settings-modal-overlay .btn,.settings-modal-overlay a.btn{-webkit-tap-highlight-color:#6fd4b126;touch-action:manipulation;min-width:44px;min-height:44px}.settings-modal-overlay .ayah-action,.settings-modal-overlay .ayah-btn,.settings-modal-overlay .study-ayah-action{justify-content:center;align-items:center;margin:-6px;padding:10px;display:flex;position:relative}.settings-modal-overlay .ayah-action:before,.settings-modal-overlay .ayah-btn:before,.settings-modal-overlay .study-ayah-action:before{content:"";z-index:-1;position:absolute;inset:-6px}.ayah-card,.study-ayah-card{border-radius:12px;padding:18px!important}.ayah-list,.study-reading-area .study-content{gap:16px!important}.surah-item{grid-template-columns:34px 1fr auto;gap:14px;min-height:64px;padding:16px 18px!important}.surah-number{width:32px;height:32px;font-size:.85rem}.surah-english{font-weight:600;font-size:.98rem!important}.surah-translation{font-size:.78rem!important}.surah-arabic{font-size:1.15rem!important}.ayah-header{margin-bottom:8px}.ayah-arabic{margin-top:4px;margin-bottom:12px;font-size:calc(1.8rem*var(--arabic-scale))!important}.translation-chip,.study-reciter-chip,.reciter-card{min-height:56px}.study-premium-toggle{min-height:52px}.toggle-switch{min-width:52px;min-height:32px}.segmented-btn{min-height:44px;padding:12px 16px}.settings-tab-btn{min-height:48px;padding:14px 20px}.modal-close-btn,.study-back-btn,.quick-panel-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.slider-track-wrap,.slider-track-container{align-items:center;min-height:44px;display:flex}.slider-track-wrap input[type=range],.slider-input{height:44px;top:0}input[type=text],input[type=number],input[type=search],select,textarea{min-height:44px;font-size:16px}.study-rail-btn,.study-fab,.floating-btn{min-width:48px;min-height:48px}html{-webkit-text-size-adjust:100%;font-size:16px}body{letter-spacing:.01em;line-height:1.5}h1,.h1{font-size:1.75rem;line-height:1.2}h2,.h2{font-size:1.5rem;line-height:1.25}h3,.h3{font-size:1.25rem;line-height:1.3}h4,.h4{font-size:1rem;line-height:1.35}.ayah-arabic,.study-ayah-arabic,[lang=ar]{letter-spacing:0;line-height:2}.ayah-translation,.study-ayah-translation{font-size:calc(.95rem*var(--translation-scale,1));line-height:1.65}.section-title,.study-settings-title{letter-spacing:.06em;font-size:.75rem}.chip-label,.reciter-name,.reciter-chip-name,.toggle-label{font-size:.95rem}.chips-hint,.settings-footer-hint,.meta-text{font-size:.8rem}}@media (max-width:375px){html{font-size:15px}.settings-modal-container{padding:16px}.settings-tab-btn{padding:12px 14px;font-size:.8rem}.reciter-card,.translation-chip{padding:12px 14px}.ayah-arabic,.study-ayah-arabic{font-size:calc(1.5rem*var(--arabic-scale,1))}}@media (max-width:768px){.settings-modal-overlay button:active,.settings-modal-overlay [role=button]:active,.settings-modal-overlay .btn:active{opacity:.85;transform:scale(.98)}.settings-modal-overlay .translation-chip:active,.settings-modal-overlay .reciter-card:active,.settings-modal-overlay .study-reciter-chip:active{transform:scale(.98)}.settings-modal-overlay .ayah-action:active,.settings-modal-overlay .study-ayah-action:active{transform:scale(.9)}.settings-modal-overlay button,.settings-modal-overlay [role=button],.settings-modal-overlay .ayah-action,.settings-modal-overlay .translation-chip,.settings-modal-overlay .reciter-card{-webkit-user-select:none;user-select:none}.settings-content,.settings-modal-overlay .quick-panel-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.settings-content::-webkit-scrollbar{display:none}.settings-content{-ms-overflow-style:none;scrollbar-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.settings-modal-container{animation:none!important}}@media (prefers-color-scheme:dark){.app-container{background-color:#000}}@media (max-width:768px){.settings-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;pointer-events:auto!important;background:#00000080!important}.settings-modal{border-radius:var(--radius-xl)var(--radius-xl)0 0!important;background:linear-gradient(165deg,#1c242cf2 0%,#12181efa 100%)!important;border:1px solid #ffffff14!important;border-bottom:none!important;width:100%!important;max-height:85vh!important;position:fixed!important;inset:auto 0 0!important;transform:none!important}.surah-panel-header h2{letter-spacing:-.006em;font-weight:650;font-size:1.18rem!important}}:root[data-theme=bw] .settings-select:focus,:root[data-theme=bw] .settings-input:focus{border-color:#00000040;box-shadow:0 0 0 3px #00000014}:root[data-theme=bw] .segmented-control-indicator{background:#111}
.prayer-city-input-shell{align-items:center;display:flex;position:relative}.prayer-city-input{background:#ffffff12;border:1px solid #ffffff14;border-radius:12px;height:44px;padding-left:40px;padding-right:40px;font-size:.92rem;transition:all .2s}.prayer-city-input:focus{background:#ffffff1a;border-color:#6fd4b159;box-shadow:0 0 0 3px #6fd4b11a}.prayer-city-input::placeholder{color:var(--muted);opacity:.7}.prayer-city-input:disabled{opacity:.4;cursor:not-allowed;background:#ffffff08}.prayer-city-input-icon{width:18px;height:18px;color:var(--muted);pointer-events:none;opacity:.7;justify-content:center;align-items:center;transition:opacity .2s,color .2s;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.prayer-city-input:focus~.prayer-city-input-icon,.prayer-city-input-shell:focus-within .prayer-city-input-icon{color:#6fd4b1e6;opacity:1}.prayer-city-clear-btn{width:26px;height:26px;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.prayer-city-clear-btn:hover{color:var(--text);background:#ffffff29;transform:translateY(-50%)scale(1.05)}.prayer-city-selected-pill{background:linear-gradient(135deg,#6fd4b11a,#6fd4b10a);border:1px solid #6fd4b133;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;animation:.25s ease-out cityPillIn;display:flex}.prayer-city-selected-main{color:var(--text);flex:1;font-size:.86rem;font-weight:600}.prayer-city-selected-meta{color:var(--muted);white-space:nowrap;font-size:.74rem}@keyframes cityPillIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.prayer-city-options-status{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:12px 14px;font-size:.82rem;display:flex}.prayer-city-options{-webkit-backdrop-filter:blur(16px);background:#0f1419d9;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:2px;max-height:260px;margin-top:6px;padding:6px;animation:.2s ease-out cityDropIn;display:flex;overflow-y:auto;box-shadow:0 12px 32px #00000047}@keyframes cityDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.prayer-city-options::-webkit-scrollbar{width:5px}.prayer-city-options::-webkit-scrollbar-track{background:0 0}.prayer-city-options::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.prayer-city-options-head{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:4px 8px 2px;font-size:.68rem;font-weight:700}.prayer-city-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:background .12s;display:flex}.prayer-city-option-main{color:var(--text);font-size:.88rem;font-weight:500;line-height:1.3}.prayer-city-option-meta{color:var(--muted);opacity:.8;white-space:nowrap;flex-shrink:0;font-size:.72rem;line-height:1.2}.prayer-city-option:hover{background:#ffffff14}.prayer-city-option.active{background:#6fd4b11f}.prayer-city-option.active .prayer-city-option-main{color:#d8fff0}.prayer-preview-card{background:linear-gradient(135deg,#6fd4b124 0%,#6fd4b10f 100%);border:1px solid #6fd4b138;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.prayer-preview-main{color:var(--text);margin:0;font-size:.96rem;font-weight:600}.prayer-preview-sub{color:var(--muted);margin:0;font-size:.8rem}.prayer-floating-backdrop{z-index:120;-webkit-backdrop-filter:blur(18px)saturate(1.6);background:#00000073;position:fixed;inset:0}.prayer-floating-panel{z-index:121;background:linear-gradient(168deg,#161e24f7 0%,#0c1218fc 100%);border:1px solid #ffffff1a;border-radius:20px;width:min(480px,100vw - 32px);max-height:calc(100vh - 110px);position:fixed;top:80px;right:24px;overflow:hidden auto;box-shadow:0 24px 80px -12px #0000008c,inset 0 0 0 .5px #ffffff0f}.prayer-floating-panel::-webkit-scrollbar{width:4px}.prayer-floating-panel::-webkit-scrollbar-track{background:0 0}.prayer-floating-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.prayer-floating-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 0;display:flex}.prayer-floating-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.prayer-floating-subtitle{color:var(--muted);opacity:.7;margin:3px 0 0;font-size:.78rem}.prayer-floating-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.prayer-floating-close:hover{color:var(--text);background:#ffffff24}.prayer-floating-body{flex-direction:column;gap:20px;padding:16px 20px 24px;display:flex}.prayer-hero-card{text-align:center;background:linear-gradient(145deg,#6fd4b11f 0%,#6fd4b10a 60%,#ffffff05 100%);border:1px solid #6fd4b11f;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px 24px;display:flex;position:relative;overflow:hidden}.prayer-hero-card:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#6fd4b114 0%,#0000 70%);width:140%;height:100%;position:absolute;top:-40%;left:-20%}.prayer-hero-label{letter-spacing:.1em;text-transform:uppercase;color:#6fd4b1b3;margin-bottom:8px;font-size:.7rem;font-weight:600}.prayer-hero-name{color:var(--text);letter-spacing:-.03em;font-size:1.6rem;font-weight:700;line-height:1.1}.prayer-hero-time{color:#6fd4b1d9;letter-spacing:-.01em;margin-top:6px;font-size:1rem;font-weight:500}.prayer-hero-empty{color:var(--muted);opacity:.6;margin-top:2px;font-size:.88rem}.prayer-section{flex-direction:column;gap:8px;display:flex}.prayer-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.65;margin:0;padding:0 4px;font-size:.72rem;font-weight:600}.prayer-schedule-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.prayer-schedule-list{flex-direction:column;display:flex}.prayer-schedule-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.prayer-schedule-row.last{border-bottom:none}.prayer-schedule-row.active{background:linear-gradient(90deg,#6fd4b11a 0%,#6fd4b10a 100%)}.prayer-schedule-row.active .prayer-schedule-name{color:#6fd4b1f2}.prayer-schedule-row.active .prayer-schedule-time{color:#6fd4b1e6;font-weight:600}.prayer-schedule-name{color:var(--text);font-size:.92rem;font-weight:500}.prayer-schedule-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:500}.prayer-schedule-empty{text-align:center;color:var(--muted);opacity:.6;margin:0;padding:28px 16px;font-size:.84rem}.prayer-settings-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;position:relative;overflow:visible}.prayer-settings-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.prayer-settings-divider{background:#ffffff0d;height:1px;margin:0 16px}.prayer-settings-label{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:.88rem;font-weight:500}.prayer-settings-select{appearance:none;color:var(--muted);text-align:right;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 0 center no-repeat;border:none;outline:none;flex:1;min-width:0;padding:0 16px 0 0;font-size:.86rem;font-weight:400}.prayer-settings-select option{background:var(--bg);color:var(--text)}.prayer-custom-select{flex:1;min-width:0;position:relative}.prayer-custom-trigger{cursor:pointer;width:100%;color:var(--muted);text-align:right;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:6px;padding:0;font-size:.86rem;font-weight:400;transition:color .15s;display:flex}.prayer-custom-trigger:hover,.prayer-custom-trigger.open{color:var(--text)}.prayer-custom-trigger-text{text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;min-width:0;overflow:hidden}.prayer-custom-trigger-text.placeholder{color:var(--muted);opacity:.6}.prayer-custom-chevron{color:var(--muted);opacity:.6;flex-shrink:0;transition:transform .2s,opacity .2s}.prayer-custom-chevron.rotated{opacity:1;transform:rotate(180deg)}.prayer-custom-dropdown{z-index:150;-webkit-backdrop-filter:blur(24px)saturate(1.4);transform-origin:100% 0;background:linear-gradient(168deg,#161e24f7 0%,#0c1218fc 100%);border:1px solid #ffffff1a;border-radius:14px;min-width:220px;max-width:min(380px,100vw - 48px);position:absolute;top:calc(100% + 8px);right:-16px;overflow:hidden;box-shadow:0 16px 48px -8px #00000080,inset 0 0 0 .5px #ffffff0f}.prayer-custom-search-wrap{padding:8px 8px 0}.prayer-custom-search{width:100%;height:36px;color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 12px;font-size:.84rem;transition:border-color .15s,background .15s}.prayer-custom-search::placeholder{color:var(--muted);opacity:.6}.prayer-custom-search:focus{background:#ffffff14;border-color:#6fd4b14d}.prayer-custom-options{max-height:260px;padding:4px;overflow-y:auto}.prayer-custom-options::-webkit-scrollbar{width:4px}.prayer-custom-options::-webkit-scrollbar-track{background:0 0}.prayer-custom-options::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.prayer-custom-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.86rem;font-weight:400;transition:background .1s;display:flex}.prayer-custom-option:hover,.prayer-custom-option.highlighted{background:#ffffff12}.prayer-custom-option.selected{color:#d8fff0;font-weight:500}.prayer-custom-option.selected svg{color:#6fd4b1d9;flex-shrink:0}.prayer-custom-no-match{text-align:center;color:var(--muted);opacity:.6;padding:16px 12px;font-size:.82rem}.prayer-settings-input{color:var(--muted);text-align:right;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:.86rem;font-weight:400}.prayer-settings-input:focus{color:var(--text)}.prayer-city-row{flex-wrap:wrap}.prayer-city-row .prayer-city-input-shell{flex:1;min-width:140px}.prayer-city-row .prayer-city-input{text-align:right;background:0 0;border:none;height:36px;padding-left:28px;padding-right:28px;font-size:.86rem}.prayer-city-row .prayer-city-input:focus{background:#ffffff0a;border-radius:8px}.prayer-city-row .prayer-city-input-icon{left:6px}.prayer-city-row .prayer-city-input-icon svg{width:13px;height:13px}.prayer-city-row .prayer-city-clear-btn{width:22px;height:22px;font-size:.78rem;right:4px}@media (max-width:768px){.prayer-floating-panel{border-radius:18px 18px 0 0;width:100%;max-height:88vh;inset:auto 0 0}.prayer-floating-grid{grid-template-columns:1fr}.prayer-city-input{-webkit-tap-highlight-color:transparent;border-radius:14px;height:48px;padding-left:42px;padding-right:44px;font-size:1rem}.prayer-city-input-icon{left:14px}.prayer-city-input-icon svg{width:18px;height:18px}.prayer-city-clear-btn{border-radius:10px;width:30px;height:30px;font-size:1.1rem;right:9px}.prayer-city-options{border-radius:16px;max-height:220px;padding:6px}.prayer-city-option{-webkit-tap-highlight-color:#6fd4b114;border-radius:12px;min-height:48px;padding:14px}.prayer-city-option:active{background:#6fd4b126;transition:none}.prayer-city-option-main{font-size:.94rem}.prayer-city-option-meta{font-size:.74rem}.prayer-city-selected-pill{border-radius:14px;padding:12px 14px}.prayer-city-selected-main{font-size:.9rem}}:root[data-theme=bw] .prayer-hero-card{background:#0000000a;border-color:#00000014}:root[data-theme=bw] .prayer-hero-card:before{display:none}:root[data-theme=bw] .prayer-schedule-row.active{background:#00000014}:root[data-theme=bw] .prayer-schedule-row.active .prayer-schedule-name,:root[data-theme=bw] .prayer-schedule-row.active .prayer-schedule-time{color:#111}:root[data-theme=bw] .prayer-city-input:focus{border-color:#0003;box-shadow:0 0 0 3px #0000000f}:root[data-theme=bw] .prayer-city-input-icon{color:#888}:root[data-theme=bw] .prayer-city-clear-btn{color:#666}:root[data-theme=bw] .prayer-city-clear-btn:hover{color:#111;background:#0000000f}:root[data-theme=bw] .prayer-city-selected-pill{background:#0000000f;border-color:#0000001a}:root[data-theme=bw] .prayer-city-selected-main{color:#111}:root[data-theme=bw] .prayer-city-selected-meta{color:#888}:root[data-theme=bw] .prayer-city-options{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}:root[data-theme=bw] .prayer-city-option:hover,:root[data-theme=bw] .prayer-city-option.active{background:#0000000a}:root[data-theme=bw] .prayer-city-option-main{color:#333}:root[data-theme=bw] .prayer-city-option-meta,:root[data-theme=bw] .prayer-city-options-status{color:#888}
.seo-page{color:#f2eee6;background:linear-gradient(#0e1418 0%,#0a0f12 100%);flex-direction:column;align-items:center;min-height:100vh;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.seo-container{width:100%;max-width:720px;padding:48px 24px 64px}.seo-header{text-align:center;border-bottom:1px solid #ffffff0f;margin-bottom:40px;padding-bottom:32px}.seo-surah-badge{color:#d8b36a;background:#d8b36a14;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.seo-arabic-title{color:#f2eee633;direction:rtl;margin:0 0 8px;font-size:2.5rem;line-height:1.4}.seo-english-title{color:#f2eee6;letter-spacing:-.02em;margin:0 0 8px;font-size:1.75rem;font-weight:700}.seo-translation{color:#d8b36a;margin:0 0 16px;font-size:1.0625rem}.seo-meta{color:#7a8290;justify-content:center;gap:16px;font-size:.8125rem;display:flex}.seo-meta-dot{color:#ffffff26}.seo-verse{margin-bottom:32px;padding:24px 0}.seo-verse+.seo-verse{border-top:1px solid #ffffff0a}.seo-verse-ref{color:#d8b36a;letter-spacing:.03em;margin-bottom:16px;font-size:.75rem;font-weight:600}.seo-verse-arabic{text-align:right;color:#f2eee6;direction:rtl;margin-bottom:16px;font-family:KFGQPC Uthmanic Script HAFS,Scheherazade New,Traditional Arabic,serif;font-size:1.75rem;line-height:2}.seo-verse-english{color:#a8b0ba;font-size:1.0625rem;line-height:1.7}.seo-context-copy{margin-top:12px}.seo-context-section{margin-top:8px;margin-bottom:24px}.seo-context-title{color:#cdd3dc;letter-spacing:.01em;margin:0 0 8px;font-size:1rem;font-weight:600}.seo-verse-context{margin-bottom:20px;padding:18px 0}.seo-cta{color:#d8b36a;background:linear-gradient(135deg,#d8b36a26,#d8b36a14);border:1px solid #d8b36a33;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.seo-cta:hover{background:linear-gradient(135deg,#d8b36a38,#d8b36a1f);border-color:#d8b36a59}.seo-cta-section{text-align:center;margin-top:16px;margin-bottom:40px}.seo-nav{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.seo-nav a{color:#6fd4b1;padding:8px 0;font-size:.8125rem;font-weight:500;text-decoration:none;transition:opacity .15s}.seo-nav a:hover{opacity:.7}.seo-nav-disabled{visibility:hidden}.seo-ayah-grid{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.seo-ayah-links-title{color:#7a8290;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:600}.seo-nav-surah{margin-top:32px}.seo-ayah-link{color:#a8b0ba;font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:36px;font-size:.75rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.seo-ayah-link:hover{color:#f2eee6;background:#ffffff14}.seo-footer{text-align:center;color:#4a5568;border-top:1px solid #ffffff0a;margin-top:16px;padding-top:32px;font-size:.75rem}.seo-footer a{color:#7a8290;text-decoration:none}
.info-section{border-bottom:1px solid #ffffff0f;margin-bottom:40px;padding-bottom:32px}.info-section:last-of-type{border-bottom:none;margin-bottom:24px}.info-section-title{color:#d8b36a;letter-spacing:-.01em;margin:0 0 16px;font-size:1.25rem;font-weight:700}.info-text{color:#a8b0ba;margin:0 0 16px;font-size:1.0625rem;line-height:1.7}.info-text:last-child{margin-bottom:0}.info-feature-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-feature-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.info-feature-title{color:#f2eee6;margin:0 0 8px;font-size:.9375rem;font-weight:600}.info-feature-desc{color:#7a8290;margin:0;font-size:.875rem;line-height:1.6}.info-audience-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.info-audience-list li{color:#a8b0ba;padding-left:20px;font-size:1rem;line-height:1.6;position:relative}.info-audience-list li:before{content:"";background:#6fd4b1;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item:last-child{border-bottom:none}.faq-item[open] .faq-chevron{transform:rotate(90deg)}.faq-question{color:#f2eee6;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:18px 0;font-size:1rem;font-weight:600;list-style:none;transition:color .15s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{content:""}.faq-question:hover{color:#d8b36a}.faq-chevron{color:#4a5568;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.faq-answer{color:#a8b0ba;margin:0;padding:0 0 20px 28px;font-size:.9375rem;line-height:1.7}.faq-category{color:#d8b36a;letter-spacing:.06em;text-transform:uppercase;margin:32px 0 8px;padding-top:8px;font-size:.75rem;font-weight:600}.faq-category:first-child{margin-top:0}.info-nav{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:24px;padding-top:24px;display:flex}.info-nav a{color:#6fd4b1;padding:8px 0;font-size:.8125rem;font-weight:500;text-decoration:none;transition:opacity .15s}.info-nav a:hover{opacity:.7}@media (max-width:640px){.info-feature-grid{grid-template-columns:1fr}}