:root{--bg-deep:#0e1418;--bg-mid:#141c22;--bg-light:#1b242c;--card:#0c1014b8;--card-strong:#0e1318eb;--text:#f2eee6;--muted:#a8b0ba;--accent:#d8b36a;--accent-2:#6fd4b1;--stroke:#ffffff1a;--shadow:0 24px 70px #0006;--arabic-scale:1;--translation-scale:1;--font-arabic:"Scheherazade New","Amiri","KFGQPC Hafs","UthmanicHafs","Noto Naskh Arabic","Traditional Arabic",serif;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.6875rem}.arabic-font-scheherazade-new{--font-arabic:"Scheherazade New","Amiri","Traditional Arabic",serif}.arabic-font-kfgqpc-hafs{--font-arabic:"KFGQPC Hafs","UthmanicHafs","Traditional Arabic","Scheherazade New",serif}.arabic-font-kfgqpc-hafssmart{--font-arabic:"KFGQPC Hafs Smart","UthmanicHafs","Traditional Arabic","Scheherazade New",serif}.arabic-font-uthman-naskh{--font-arabic:"Uthman Naskh","UthmanicHafs","Traditional Arabic","Scheherazade New",serif}.arabic-scale-60{--arabic-scale:.6}.arabic-scale-65{--arabic-scale:.65}.arabic-scale-70{--arabic-scale:.7}.arabic-scale-75{--arabic-scale:.75}.arabic-scale-80{--arabic-scale:.8}.arabic-scale-85{--arabic-scale:.85}.arabic-scale-90{--arabic-scale:.9}.arabic-scale-95{--arabic-scale:.95}.arabic-scale-100{--arabic-scale:1}.arabic-scale-105{--arabic-scale:1.05}.arabic-scale-110{--arabic-scale:1.1}.arabic-scale-115{--arabic-scale:1.15}.arabic-scale-120{--arabic-scale:1.2}.arabic-scale-125{--arabic-scale:1.25}.arabic-scale-130{--arabic-scale:1.3}.arabic-scale-135{--arabic-scale:1.35}.arabic-scale-140{--arabic-scale:1.4}.arabic-scale-145{--arabic-scale:1.45}.arabic-scale-150{--arabic-scale:1.5}.arabic-scale-155{--arabic-scale:1.55}.arabic-scale-160{--arabic-scale:1.6}.arabic-scale-165{--arabic-scale:1.65}.arabic-scale-170{--arabic-scale:1.7}.arabic-scale-175{--arabic-scale:1.75}.arabic-scale-180{--arabic-scale:1.8}.arabic-scale-185{--arabic-scale:1.85}.arabic-scale-190{--arabic-scale:1.9}.arabic-scale-195{--arabic-scale:1.95}.arabic-scale-200{--arabic-scale:2}.translation-scale-70{--translation-scale:.7}.translation-scale-75{--translation-scale:.75}.translation-scale-80{--translation-scale:.8}.translation-scale-85{--translation-scale:.85}.translation-scale-90{--translation-scale:.9}.translation-scale-95{--translation-scale:.95}.translation-scale-100{--translation-scale:1}.translation-scale-105{--translation-scale:1.05}.translation-scale-110{--translation-scale:1.1}.translation-scale-115{--translation-scale:1.15}.translation-scale-120{--translation-scale:1.2}.translation-scale-125{--translation-scale:1.25}.translation-scale-130{--translation-scale:1.3}.translation-scale-135{--translation-scale:1.35}.translation-scale-140{--translation-scale:1.4}.translation-scale-145{--translation-scale:1.45}.translation-scale-150{--translation-scale:1.5}.translation-scale-155{--translation-scale:1.55}.translation-scale-160{--translation-scale:1.6}.clipboard-fallback-area{opacity:0;pointer-events:none;position:fixed;top:0;left:-9999px}.settings-modal-overlay,.settings-modal-container,.quick-panel,.quick-panel-backdrop,.study-header{backface-visibility:hidden;transform:translateZ(0)}.settings-modal-container,.quick-panel{will-change:transform,opacity}.settings-tab-content{will-change:transform,opacity;contain:layout style paint}.settings-modal-container,.quick-panel,.study-header{isolation:isolate}.reciter-card,.translation-chip,.study-reciter-chip{contain:layout style}@font-face{font-family:UthmanicHafs;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Hafs;src:url(/fonts/KFGQPC-Hafs.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/thetruetruth/quran-data-kfgqpc@main/hafs/font/hafs.18.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Hafs Smart;src:url(/fonts/KFGQPC-HafsSmart.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/thetruetruth/quran-data-kfgqpc@main/hafs-smart/font/hafssmart.8.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Uthman Naskh;src:url(/fonts/UthmanNaskh.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/quranwbw/qpc-fonts@master/various-woff2/UthmanTN1%20Ver10.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Scheherazade New;src:url(https://cdn.jsdelivr.net/fontsource/fonts/scheherazade-new@latest/arabic-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background-color:var(--bg-deep);-webkit-tap-highlight-color:transparent}body{color:var(--text);background:linear-gradient(180deg,var(--bg-deep)0%,var(--bg-mid)100%);background-color:var(--bg-deep);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#6fd4b114,#0000);position:fixed;inset:0}@media (max-width:768px){body:before{display:none}}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600}h1{font-size:clamp(1.8rem,3vw,2.5rem)}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs);color:var(--accent-2);font-weight:500}.surah-title-arabic{font-family:var(--font-arabic);letter-spacing:0;direction:rtl;unicode-bidi:isolate;margin-left:6px;line-height:1.4;display:inline-block}
.app{z-index:1;background-color:var(--bg-deep);flex-direction:column;gap:24px;max-width:1600px;margin:0 auto;padding:24px 24px 80px;display:flex;position:relative}.topbar{background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-mark{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);background:radial-gradient(120% 120% at 10% 10%,#ffffff2e,#0000 55%),linear-gradient(135deg,#1a262b 0%,#0b1418 100%);border:1px solid #ffffff14;place-items:center;display:grid;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff1f}.logo-mark svg{width:24px;height:24px}.logo-text{flex-direction:row;align-items:baseline;gap:6px;display:flex}.logo-title{letter-spacing:-.02em;color:var(--text);font-size:1.15rem;font-weight:700;line-height:1}.logo-sub{letter-spacing:-.01em;text-transform:none;color:var(--accent-2);font-size:1.15rem;font-weight:400;line-height:1}.content{grid-template-columns:280px minmax(0,1fr) 300px;gap:20px;display:grid}.content.reading{grid-template-columns:minmax(0,1fr)}.content.reading .surah-panel,.content.reading .study-panel{display:none}.panel{-webkit-backdrop-filter:none;border-radius:var(--radius-lg);background:0 0;border:none;padding:20px;overflow:visible}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}

.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}@media (max-width:600px){.quick-controls-row{flex-direction:column;align-items:stretch;gap:12px}.quick-controls-row .sliders-row{justify-content:space-between;gap:16px}.quick-controls-row .quick-slider{flex:1}.quick-controls-row .quick-slider input[type=range]{flex:1;width:100%}.quick-controls-row .action-btn{text-align:center;width:100%;margin-left:0}}.search{border-radius:var(--radius-sm);color:var(--text);background:#ffffff0f;border:none;flex:1;padding:12px 16px;font-size:.9rem;transition:all .2s}.search::placeholder{color:var(--muted);opacity:.7}.search:hover{background:#ffffff14}.search:focus{background:#ffffff1a;outline:none;box-shadow:0 0 0 2px #6fd4b133}.meta{color:var(--muted);font-size:var(--text-sm)}.meta.error{color:#f3a08b}.inline-error{border-radius:var(--radius-sm);color:var(--text);background:#ff6e6e14;border:1px solid #ff6e6e33;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:12px 14px;display:flex}.inline-error.compact{padding:10px 12px}.inline-error-title{margin:0;font-size:.9rem;font-weight:600}.inline-error-message{color:var(--muted);margin:4px 0 0;font-size:.85rem}.inline-error .action-btn{white-space:nowrap}.mobile-only{display:none}.desktop-only{display:flex}.hidden{display:none!important}.header-action-btns{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-icon-btns{background:0 0;border:none;border-radius:999px;align-items:center;gap:0;padding:2px;display:flex}.topbar-icon-btns .header-icon-btn+.header-icon-btn{margin-left:-2px}.topbar-icon-btns.mobile-only{display:none}.header-icon-btn{width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.header-icon-btn:hover{background:0 0}.header-icon-btn:active{transform:scale(.95)}.header-icon-btn svg{opacity:.85;transition:opacity .2s}.header-icon-btn:hover svg{opacity:1}.mobile-input{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff0f;border:none;padding:12px 14px;font-size:.95rem;transition:background .2s}.mobile-input:focus{background:#ffffff1a;outline:none}.mobile-input::placeholder{color:var(--muted)}.mobile-input:disabled{opacity:.6;cursor:not-allowed}.mobile-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cdd6de' 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:16px 16px;padding-right:40px}.mobile-go-ayah{gap:10px;display:flex}.mobile-go-ayah .mobile-input{flex:1}.mobile-go-ayah .action-btn{padding:12px 20px}.mobile-go-ayah .action-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-toggle-btn{justify-content:center;width:100%;padding:12px 16px}.mobile-surah-results{flex-direction:column;gap:6px;max-height:240px;margin-top:12px;padding-right:4px;display:flex;overflow-y:auto}.mobile-settings-overlay{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:100;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.mobile-settings-panel{background:var(--card);border-radius:var(--radius-lg);border:none;width:100%;max-width:500px;max-height:80vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-settings-header{border-bottom:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-settings-header h3{margin:0;font-size:1.1rem;font-weight:600}.mobile-settings-header .close-btn{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .2s;display:flex}.mobile-settings-header .close-btn:hover{background:#fff3}.mobile-settings-body{padding:20px}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.setting-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin-bottom:12px;font-size:.75rem;font-weight:600;display:block}.settings-range{border-radius:var(--radius-xs);appearance:none;cursor:pointer;background:#ffffff1a;width:100%;height:6px}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 6px #0000004d}.settings-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-range::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0000004d}.size-controls-row{gap:16px;display:flex}.size-control{flex-direction:column;flex:1;gap:8px;display:flex}.size-label{font-size:var(--text-xs);color:var(--muted)}.status{color:var(--muted)}.status.error{color:#f3a08b}.action-btn{font-size:var(--text-sm);color:var(--text);border-radius:var(--radius-sm);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffffff14;border:none;padding:8px 14px;font-weight:500;transition:background .2s}.action-btn:hover{background:#ffffff24}.action-btn:active{background:#ffffff2e;transform:scale(.97)}.action-btn.saved{color:var(--accent-2);background:#6fd4b126}.compare-btn{font-size:var(--text-sm);color:var(--accent-2);border-radius:var(--radius-sm);background:#6fd4b11a;border:none;padding:8px 14px;font-weight:500;transition:background .2s}.compare-btn:hover{background:#6fd4b12e}.compare-btn:active{transform:scale(.97)}.compare-panel{background:var(--card-strong);border-radius:var(--radius-lg);width:min(520px,90vw);box-shadow:var(--shadow);z-index:10;border:none;padding:20px;animation:.4s fadeUp;position:fixed;inset:auto 24px 24px auto}.compare-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.close-btn{border-radius:var(--radius-full);background:#ffffff14;border:none;padding:6px 12px}.compare-body{flex-direction:column;gap:16px;max-height:70vh;padding-right:6px;display:flex;overflow-y:auto}.compare-block{border-radius:var(--radius-sm);background:#ffffff0a;border:none;padding:12px 14px}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:6px;font-size:.75rem}.compare-text{color:var(--muted);font-size:calc(.95rem*var(--translation-scale))}::-webkit-scrollbar-track{background:#0b1c2080}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#fff3}.back-to-top{color:var(--muted);z-index:100;cursor:pointer;width:44px;height:44px;box-shadow:none;opacity:.6;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;bottom:24px;right:20px}.back-to-top:hover{color:var(--accent);opacity:1;background:#ffffff1a}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(.9)saturate(.9);opacity:.8}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.study-title{font-size:.85rem;font-weight:500}.study-sub{color:var(--muted);font-size:.7rem}.study-actions{flex-wrap:wrap;gap:6px;display:flex}.study-actions .action-btn{padding:6px 10px;font-size:.75rem}.note-panel{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);z-index:12;background:#12181ef2;border:none;width:min(480px,90vw);padding:20px;animation:.4s fadeUp;position:fixed;inset:auto 24px 24px auto;box-shadow:0 20px 60px #0006}.study-mode-container~.note-panel{z-index:1200}.note-body{flex-direction:column;gap:12px;display:flex}.note-body textarea{resize:vertical;min-height:140px}.note-actions{justify-content:flex-end;gap:10px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.content{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.reader-panel .panel-header{text-align:center;justify-content:center;align-items:center;padding-right:0}.reader-panel .panel-header>div:first-child{text-align:center}.reader-panel .panel-header .header-action-btns{margin-top:12px;position:static;transform:none}.reader-panel .header-action-btns{display:none}.mobile-only{display:flex}.desktop-only{display:none!important}.topbar-icon-btns.mobile-only{display:flex}.compare-panel,.note-panel{width:auto;inset:auto 16px 16px}.audio-bar{flex-direction:column;align-items:stretch;gap:12px}.audio-bar .audio-controls{flex-direction:column;align-items:stretch}.audio-bar .surah-play-controls{justify-content:center}.audio-bar audio{width:100%}.mobile-settings-overlay{align-items:flex-end;padding:0}.mobile-settings-panel{border-radius:var(--radius-lg)var(--radius-lg)0 0;max-width:100%}}@media (max-width:600px){.app{padding:32px 16px 80px}.ayah-arabic{font-size:calc(1.5rem*var(--arabic-scale));line-height:2}}.skeleton-list{margin:0;padding:0;list-style:none}.skeleton{pointer-events:none}.skeleton-box{border-radius:var(--radius-xs);background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text-lg{width:120px;height:16px;margin-bottom:6px}.skeleton-text-sm{width:80px;height:12px}.skeleton-arabic{width:60px;height:24px;margin-left:auto}.skeleton-btn{border-radius:var(--radius-full);width:60px;height:32px}.skeleton-arabic-line{width:100%;height:32px;margin:16px 0 8px}.skeleton-arabic-line.short{width:70%;margin-left:auto}.skeleton-translation-lines{margin-top:16px}.skeleton-text-line{width:100%;height:14px;margin-bottom:8px}.skeleton-text-line.short{width:60%}.error-boundary{justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex}.error-boundary-content{text-align:center;max-width:400px}.error-icon{width:80px;height:80px;color:var(--accent);margin:0 auto 24px}.error-icon svg{width:100%;height:100%}.error-boundary h2{margin-bottom:12px;font-size:1.5rem}.error-message{color:var(--muted);margin-bottom:24px}.error-actions{justify-content:center;gap:12px;display:flex}.error-details{text-align:left;border-radius:var(--radius-sm);background:#0003;margin-top:24px;padding:12px}.error-details summary{cursor:pointer;color:var(--muted);font-size:.85rem}.error-details pre{white-space:pre-wrap;word-break:break-word;margin:12px 0 0;font-size:.75rem;overflow-x:auto}.last-read-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#6fd4b11a 0%,#d8b36a0d 100%);border:none;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;animation:.4s slideIn;display:flex}.last-read-icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--accent-2);background:#6fd4b126;justify-content:center;align-items:center;display:flex}.last-read-icon svg{width:24px;height:24px}.last-read-content{flex:1}.last-read-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);margin:0 0 4px;font-size:.7rem}.last-read-location{margin:0 0 2px;font-weight:600}.last-read-time{color:var(--muted);margin:0;font-size:.75rem}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{background:var(--card-strong);border-radius:var(--radius-sm);color:var(--text);white-space:nowrap;z-index:100;pointer-events:none;border:none;padding:8px 12px;font-size:.75rem;animation:.2s tooltipFade;position:absolute;box-shadow:0 8px 24px #0000004d}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.shortcuts-overlay{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.shortcuts-modal{background:var(--card-strong);border-radius:var(--radius-lg);border:none;width:90%;max-width:420px;padding:24px;animation:.3s scaleIn}.shortcuts-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.shortcuts-header h3{margin:0;font-size:1.2rem}.shortcuts-list{flex-direction:column;gap:12px;display:flex}.shortcut-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{align-items:center;gap:6px;display:flex}.shortcut-keys .or{color:var(--muted);margin:0 2px;font-size:.7rem}kbd{border-radius:var(--radius-xs);min-width:28px;height:28px;color:var(--text);background:#ffffff14;border:none;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:.8rem;display:inline-flex}.shortcut-action{color:var(--muted);font-size:.85rem}.shortcuts-hint{text-align:center;color:var(--muted);border-top:1px solid #ffffff14;margin:20px 0 0;padding-top:16px;font-size:.8rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html{scroll-behavior:smooth}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.action-btn{transition:all .2s}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.action-btn:active{transform:translateY(0)}.action-icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.action-icon-btn svg{width:16px;height:16px}.action-icon-btn:hover{opacity:1;background:#ffffff14;border-color:#0000;transform:translateY(-1px)}.action-icon-btn.saved{color:#d8fff0;box-shadow:none;background:#6fd4b129}.action-icon-btn.play-icon.playing{color:var(--accent-2);background:#6fd4b126}@keyframes focusPulse{0%{box-shadow:0 0 #d8b36a66}70%{box-shadow:0 0 0 10px #d8b36a00}to{box-shadow:0 0 #d8b36a00}}@keyframes audioProgress{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}50.01%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}::selection{color:var(--text);background:#d8b36a4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.shortcuts-hint{background:var(--card);color:var(--muted);border-radius:var(--radius-sm);opacity:.6;pointer-events:none;z-index:10;padding:8px 12px;font-size:.75rem;transition:opacity .2s;position:fixed;bottom:20px;right:20px}.shortcuts-hint:hover{opacity:1}.shortcuts-hint kbd{background:var(--bg-light);border:none;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:inherit;font-size:.7rem;display:inline-block}@media (max-width:768px){.shortcuts-hint{display:none}}.app.reading{background:linear-gradient(#050d10,#071014);max-width:100%;padding:0}.app.reading .topbar{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute}.content.reading{gap:0;max-width:65ch;margin:0 auto;padding:80px 32px 120px}.focus-exit-btn{z-index:100;width:44px;height:44px;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:24px;right:24px}.app.reading .focus-exit-btn{opacity:.4;pointer-events:auto}.app.reading .focus-exit-btn:hover{opacity:1;color:var(--text);background:#ffffff1a}.app{transition:background .5s cubic-bezier(.2,.8,.2,1),padding .4s cubic-bezier(.2,.8,.2,1)}.content{transition:max-width .5s cubic-bezier(.2,.8,.2,1),padding .4s cubic-bezier(.2,.8,.2,1),gap .4s}.topbar{transition:opacity .4s}@media (max-width:768px){.content.reading{padding:60px 20px 100px}.focus-exit-btn{width:40px;height:40px;top:16px;right:16px}}@media (max-width:1200px){.content{grid-template-columns:260px minmax(0,1fr) 280px}}@media (max-width:1024px){.content{grid-template-columns:minmax(0,1fr)}.surah-panel{order:0;max-height:65vh;padding:12px 12px 16px;display:flex;position:static}.surah-list{scrollbar-width:none;-ms-overflow-style:none;padding-right:0}.surah-list::-webkit-scrollbar{width:0;height:0}.reader-panel{order:1}.study-panel{display:none}.app{gap:16px;padding:16px 16px 80px}.topbar{border-radius:var(--radius-md);padding:12px 16px}.panel{border-radius:var(--radius-md);padding:16px}.ayah-card{padding:20px 16px}}@media (max-width:640px){.app{padding:20px 10px 72px}.panel{padding:12px}.topbar{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:8px 10px;overflow:hidden}.topbar-actions{flex:none;justify-content:flex-end;gap:6px}.logo{justify-content:flex-start;gap:10px;min-width:0}.logo-mark{width:48px;height:48px;box-shadow:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px}.logo-mark svg{width:26px;height:26px}.logo-text{gap:4px;min-width:0}.logo-title{letter-spacing:-.01em;white-space:nowrap;font-size:1.02rem;font-weight:600}.logo-sub{color:var(--accent-2);white-space:nowrap;font-size:.98rem;font-weight:500}.header-icon-btn{background:0 0;border:none;border-radius:12px;width:36px;height:36px}.header-icon-btn svg{opacity:.9;width:17px;height:17px}.topbar .action-btn{white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;flex:0 auto;justify-content:center;align-items:center;min-width:84px;max-width:112px;height:40px;padding:0 10px;font-size:.76rem;line-height:1;display:inline-flex}.ayah-card{border-radius:18px;padding:22px 16px}.ayah-arabic{font-size:calc(1.7rem*var(--arabic-scale));line-height:2.05}.ayah-translation{font-size:calc(.98rem*var(--translation-scale))}.action-btn{padding:6px 10px;font-size:.75rem}}
.surah-panel{flex-direction:column;align-items:stretch;gap:16px;width:100%;min-width:0;max-width:100%;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow:hidden}.surah-panel .panel-header{flex-wrap:wrap}.surah-panel .panel-header .search{flex:100%;width:100%;min-width:0;margin-top:10px}.surah-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;display:flex}.surah-panel-header h2{color:var(--text);letter-spacing:-.008em;font-size:1.28rem;font-weight:650}.surah-header-actions{align-items:center;gap:6px;margin-right:6px;display:none}.surah-icon-btns{gap:2px;margin-left:-2px}.surah-prayer-hint-anchor{position:relative}.surah-prayer-hint{z-index:45;background:linear-gradient(150deg,#132226f5,#0c161bf2);border:1px solid #6fd4b14d;border-radius:12px;width:min(220px,68vw);padding:10px 12px;animation:.18s ease-out prayerHintIn;position:absolute;top:calc(100% + 8px);right:-6px;box-shadow:0 12px 24px #00000059}.surah-prayer-hint:before{content:"";background:#111f24f5;border-top:1px solid #6fd4b14d;border-left:1px solid #6fd4b14d;width:10px;height:10px;position:absolute;top:-6px;right:18px;transform:rotate(45deg)}.surah-prayer-hint-title{color:var(--text);margin:0;font-size:.74rem;font-weight:620}.surah-prayer-hint-text{color:var(--muted);margin:5px 0 8px;font-size:.7rem;line-height:1.35}.surah-prayer-hint-dismiss{color:var(--accent-2);background:0 0;border:none;padding:0;font-size:.69rem;font-weight:600}.surah-prayer-hint-dismiss:hover{color:var(--accent)}@keyframes prayerHintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.surah-panel-header .surah-study-btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:.78rem;line-height:1;display:inline-flex}.surah-search-wrapper{width:100%;max-width:100%;margin-bottom:0;display:block;overflow:hidden}.surah-search-wrapper .search{flex:unset;box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:var(--text-sm);border-radius:var(--radius-md);color:var(--text);background:#ffffff0a;border:none;padding:12px 14px;transition:all .2s;display:block}.surah-search-wrapper .search:focus{background:#ffffff14;outline:none}.surah-search-wrapper .search::placeholder{color:var(--muted)}.surah-list{flex-direction:column;flex:1;gap:4px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.surah-list::-webkit-scrollbar{width:6px}.surah-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.surah-item{text-align:left;border-radius:var(--radius-md);background:0 0;border:none;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .2s;display:grid}.surah-item:hover{background:#ffffff0a}.surah-item.active{background:#6fd4b114}.surah-item:last-child{margin-bottom:0}.surah-number{width:28px;height:28px;color:var(--text);border-radius:var(--radius-sm);background:#ffffff0f;border:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.surah-names{flex-direction:column;gap:2px;min-width:0;display:flex}.surah-english{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.surah-translation{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.surah-arabic{font-family:var(--font-arabic),serif;color:var(--accent-2);font-feature-settings:"calt" 1,"ccmp" 1,"liga" 1;text-rendering:optimizeLegibility;font-size:.95rem}.mobile-surah-results .surah-item{padding:10px 12px}.mobile-surah-results .surah-item:hover{background:#ffffff0f;transform:none}.study-panel{flex-direction:column;gap:16px;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow-y:auto}.study-panel::-webkit-scrollbar{width:6px}.study-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.study-section{border-radius:var(--radius-md);background:#ffffff05;border:none;flex-direction:column;gap:12px;padding:16px;display:flex}.study-section h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem;font-weight:600}.study-section:last-child{margin-bottom:0}.study-resume-section{gap:6px}.study-resume-location{color:var(--text);font-size:.9rem;font-weight:560}.study-resume-time{color:var(--muted);margin-top:-2px;font-size:.75rem}.study-resume-section .action-btn{margin-top:4px}@media (max-width:1100px){.surah-header-actions{display:flex}}@media (max-width:1024px){.surah-panel{max-height:65vh;position:static!important;top:auto!important}.surah-header-actions{margin-right:10px}.study-panel{display:none!important}}@media (max-width:640px){.surah-header-actions{gap:6px;margin-right:4px}.surah-prayer-hint{width:min(210px,72vw);right:-2px}.surah-prayer-hint:before{right:14px}}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-direction:column;gap:6px;font-size:.65rem;display:flex}.field input,.field select,.note-body textarea{border-radius:var(--radius-sm);color:var(--text);font:inherit;background:#ffffff0a;border:none;padding:10px 12px;font-size:.85rem;transition:all .2s}.field input:focus,.field select:focus,.note-body textarea:focus{background:#ffffff14;outline:none}.plan-summary{flex-direction:column;gap:8px;padding-top:12px;display:flex}.plan-range{color:var(--text);font-size:.85rem}.study-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.study-item{border-radius:var(--radius-md);background:#ffffff08;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.study-item:hover{background:#ffffff0f}.surah-item.skeleton{border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}.surah-number-skeleton{border-radius:50%;flex-shrink:0;width:32px;height:32px}.surah-item{transition:all .2s}.surah-item:hover{transform:translate(4px)}
.reader-panel .panel-header{text-align:center;justify-content:center;align-items:center;padding-right:96px;display:flex;position:relative}.reader-panel .panel-header>div:first-child{text-align:center;max-width:100%}.reader-panel .panel-header .header-action-btns{margin-left:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.reader-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.quick-controls-row{justify-content:center;align-items:center;gap:32px;padding:12px 0;display:flex}.quick-controls-row .sliders-row{align-items:center;gap:28px;display:flex}.quick-controls-row .quick-slider{font-size:var(--text-xs);color:var(--muted);align-items:center;gap:10px;display:flex}.quick-controls-row .quick-slider span{white-space:nowrap;color:var(--accent-2);min-width:65px}.quick-controls-row .quick-slider input[type=range]{border-radius:var(--radius-full);appearance:none;cursor:pointer;background:#ffffff1f;width:100px;height:4px}.quick-controls-row .quick-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-2);cursor:pointer;border-radius:50%;width:14px;height:14px}.quick-controls-row .action-btn{white-space:nowrap}.quick-controls-row .action-btn.play-btn{color:#f4fffb;background:linear-gradient(135deg,#2e6a5f 0%,#235a52 100%);border:none}.quick-controls-row .action-btn.play-btn:hover{background:linear-gradient(135deg,#347467 0%,#29635a 100%)}.quick-controls-row .action-btn.stop-btn{color:var(--text-secondary);background:#ffffff1a;border:none}.quick-controls-row .action-btn.stop-btn:hover{color:var(--text-primary);background:#ffffff26}@media (max-width:600px){.quick-controls-row{flex-direction:column;align-items:stretch;gap:12px}.quick-controls-row .sliders-row{justify-content:space-between;gap:16px}.quick-controls-row .quick-slider{flex:1}.quick-controls-row .sliders-row .quick-slider:first-child span{margin-left:12px}.quick-controls-row .quick-slider input[type=range]{flex:1;width:100%}.quick-controls-row .action-btn{text-align:center;border-radius:13px;justify-content:center;align-items:center;width:100%;min-height:42px;margin-left:0;padding:9px 16px;font-size:.94rem;font-weight:600;display:inline-flex}}.reader-quick{background:0 0;border:none;border-radius:0;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:16px;padding:0;display:flex;overflow:hidden}.quick-slider{color:var(--muted);flex:1 1 0;align-items:center;gap:8px;min-width:0;font-size:.7rem;display:flex}.quick-slider span{white-space:nowrap}.quick-slider input[type=range]{width:100%;min-width:70px;max-width:100px}.quick-play{flex:none;align-items:center;gap:10px;display:flex}.quick-play .play-surah-btn{color:var(--text);border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffffff1a;border:none;padding:8px 14px;transition:background .2s}.quick-play .play-surah-btn:hover{background:#ffffff29}.quick-play .stop-btn{color:#ffc9c9;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#f8717126;border:none;padding:8px 14px;transition:background .2s}.quick-play .stop-btn:hover{background:#f8717140}.reader-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;display:flex}.reader-search{color:var(--muted);flex-direction:column;flex:280px;gap:8px;font-size:.75rem;display:flex}.reader-search span{text-transform:uppercase;letter-spacing:.05em;font-weight:500}.reader-search input{border-radius:var(--radius-sm);color:var(--text);background:#ffffff0f;border:none;padding:12px 16px;font-size:.9rem;transition:all .2s}.reader-search input::placeholder{color:var(--muted);opacity:.7}.reader-search input:hover{background:#ffffff14}.reader-search input:focus{background:#ffffff1a;outline:none;box-shadow:0 0 0 2px #6fd4b133}.go-ayah{align-items:flex-end;gap:10px;display:flex}.go-ayah label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:8px;font-size:.75rem;font-weight:500;display:flex}.go-ayah input{border-radius:var(--radius-sm);width:100px;color:var(--text);background:#ffffff0f;border:none;padding:12px 14px;font-size:.9rem;transition:all .2s}.go-ayah input::placeholder{color:var(--muted);opacity:.7}.go-ayah input:hover{background:#ffffff14}.go-ayah input:focus{background:#ffffff1a;outline:none;box-shadow:0 0 0 2px #6fd4b133}.word-toggle{align-items:center;gap:8px;display:flex}.reader-controls .control{color:var(--muted);flex-direction:column;gap:6px;font-size:.75rem;display:flex}.reader-controls input[type=range]{width:180px}.reader-panel{flex-direction:column;gap:16px;display:flex;position:relative;overflow:visible}.reader-panel .panel-header{position:relative}@media (max-width:1100px){.reader-panel .panel-header{text-align:center;justify-content:center;align-items:center;padding-right:0}.reader-panel .panel-header>div:first-child{text-align:center}.reader-panel .panel-header .header-action-btns{margin-top:12px;position:static;transform:none}.reader-panel .header-action-btns{display:none}}.translation-toggle{flex-wrap:wrap;gap:8px;display:flex}.translation-toggle button{border-radius:var(--radius-sm);font-size:var(--text-sm);-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0f;border:none;padding:8px 16px;font-weight:500;transition:background .2s}.translation-toggle button:hover{background:#ffffff1a}.translation-toggle button:active{transform:scale(.97)}.translation-toggle button.active{color:var(--accent-2);background:#6fd4b12e}.translation-toggle-mobile{flex-direction:column;gap:8px;display:flex}.translation-toggle-mobile button{text-align:left;border-radius:var(--radius-sm);background:#ffffff0a;border:none;width:100%;padding:14px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.translation-toggle-mobile button:hover{background:#ffffff14}.translation-toggle-mobile button.active{color:#d8fff0;background:linear-gradient(135deg,#6fd4b140,#6fd4b126)}.ayah-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.ayah-load-sentinel{width:100%;height:1px}.ayah-card{border-radius:var(--radius-lg);background:#ffffff05;border:none;padding:24px;scroll-margin-top:120px;transition:background-color .2s,box-shadow .2s}.ayah-card:hover{background:#ffffff0a}.ayah-card.focused{background:#6fd4b10a}.ayah-card.focused .ayah-number{color:var(--accent-2)}.ayah-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ayah-number{color:var(--accent);font-size:.85rem;font-weight:600}.ayah-actions{opacity:0;pointer-events:none;flex-wrap:wrap;gap:6px;transition:all .2s;display:flex;transform:translateY(-4px)}.ayah-card:hover .ayah-actions,.ayah-card:focus-within .ayah-actions,.ayah-card.focused .ayah-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.ayah-arabic{font-family:var(--font-arabic),serif;font-size:calc(1.65rem*var(--arabic-scale));text-align:right;letter-spacing:0;word-spacing:.12em;font-variant-ligatures:contextual;font-feature-settings:"calt" 1,"ccmp" 1,"liga" 1;text-rendering:optimizeLegibility;margin:12px 0 8px;line-height:2.1}.ayah-translation{color:var(--muted);font-size:calc(var(--text-base)*var(--translation-scale));line-height:1.5}.word-row{flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;display:flex}.word-chip{border-radius:var(--radius-sm);background:#ffffff0a;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;display:flex}.word-ar{font-family:var(--font-arabic),serif;color:var(--text);font-feature-settings:"calt" 1,"ccmp" 1,"liga" 1;text-rendering:optimizeLegibility;font-size:1rem}.word-en{color:var(--muted);text-align:center;font-size:.7rem}.ayah-card.skeleton{border-radius:var(--radius-md);background:#ffffff0a;margin-bottom:16px;padding:20px}.bismillah-banner{text-align:center;border-radius:var(--radius-md);background:#ffffff05;margin-bottom:28px;padding:28px 24px}.bismillah-arabic{font-family:var(--font-arabic);font-size:calc(2rem*var(--arabic-scale));color:var(--text-primary);margin:0 0 10px;line-height:1.8}.bismillah-translation{color:var(--muted);margin:0;font-size:.85rem;font-style:italic}.progress-container{align-items:center;gap:12px;display:flex}.progress-label{color:var(--muted);white-space:nowrap;font-size:.75rem}.progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{appearance:none;background:0 0;border:none;border-radius:3px;width:100%;height:100%;overflow:hidden}.progress-fill::-webkit-progress-bar{background:0 0}.progress-fill::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:3px;transition:width .5s}.progress-fill::-moz-progress-bar{background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:3px;transition:width .5s}.progress-text{color:var(--accent-2);text-align:right;min-width:40px;font-size:.75rem;font-weight:600}.ayah-card{transition:background-color .2s,box-shadow .2s}.ayah-card:hover{border-color:#ffffff0f}.ayah-card.focused{animation:none}.content.reading .ayah-arabic{font-size:calc(clamp(2.2rem,3vw,3rem)*var(--arabic-scale));letter-spacing:.01em;line-height:2.4}.content.reading .ayah-translation{font-size:calc(var(--text-lg)*var(--translation-scale));color:var(--muted);line-height:1.9}.content.reading .ayah-list{gap:64px}.content.reading .ayah-card{padding:32px 0}.content.reading .reader-quick,.content.reading .reader-toolbar,.content.reading .quick-controls-row{display:none}@media (max-width:768px){.reader-panel,.ayah-list,.ayah-card{backface-visibility:visible!important;contain:none!important;will-change:auto!important;transform:none!important}.ayah-card,.ayah-actions{transition:none!important}}
.audio-bar{border-radius:var(--radius-md);background:#0f2227f2;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.audio-bar .audio-info{flex:1;min-width:150px}.audio-bar .audio-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.audio-bar .surah-play-controls{gap:8px;display:flex}.audio-bar .play-surah-btn{color:#f4fffb;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:linear-gradient(135deg,#2e6a5f 0%,#235a52 100%);border:none;padding:10px 18px;transition:background .2s}.audio-bar .play-surah-btn:hover{background:linear-gradient(135deg,#347467 0%,#29635a 100%)}.audio-bar .stop-btn{color:#ffc9c9;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#f8717126;border:none;padding:10px 18px;transition:background .2s}.audio-bar .stop-btn:hover{background:#f8717140}.audio-bar .label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin-bottom:4px;font-size:.7rem;font-weight:600}.audio-bar audio{border-radius:var(--radius-sm);width:240px;height:36px}.audio-placeholder{color:var(--muted);border-radius:var(--radius-sm);background:#ffffff0a;padding:8px 16px;font-size:.75rem}.audio-bar.playing{border-color:var(--accent-2)}.audio-bar.playing:before{content:"";background:linear-gradient(90deg,var(--accent-2),var(--accent));height:2px;animation:2s linear infinite audioProgress;position:absolute;top:0;left:0;right:0}
.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{width:40px;height:40px;color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;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;font-size:1.1rem;font-weight:600}.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-reading-time{color:var(--muted);background:#ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:flex}.study-panel-toggle{width:40px;height:40px;color:var(--muted);background:#ffffff0f;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.study-panel-toggle:hover{color:var(--text);background:#ffffff1a}.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::-webkit-scrollbar{width:6px}.study-reading-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.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;max-width:700px;margin:0 auto;display:flex}.study-ayah-card{content-visibility:auto;contain-intrinsic-size:360px;background:#ffffff05;border:none;border-radius:20px;padding:32px;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.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.dimmed{opacity:.35;filter:saturate(.8)}.study-ayah-number{background:var(--bg-deep);width:32px;height:32px;color:var(--accent);border:none;border-radius:10px;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:20px;display:flex}.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-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-actions{gap:4px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px}.study-ayah-action{width:36px;height:36px;color:var(--muted);background:#ffffff0f;border:none;border-radius:10px;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%);background:#14191ee6;border:none;border-radius:20px;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{color:var(--text);background:#ffffff14;border:none;border-radius:10px;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{color:#f4fffb;background:linear-gradient(135deg,#2e6a5f 0%,#235a52 100%);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:#161e24;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{width:32px;height:32px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.study-rail{-webkit-backdrop-filter:blur(18px)saturate(160%);z-index:120;background:#12181eb3;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.study-rail-btn{width:40px;height:40px;color:var(--muted);background:#ffffff0a;border:none;border-radius:12px;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:hover{color:var(--text);background:#ffffff1a}.study-rail-btn.active{color:#f4fffb;background:linear-gradient(135deg,#2e6a5f 0%,#235a52 100%)}.quick-panel-close:hover{color:var(--text);background:#ffffff14}.quick-panel-content{flex:1;padding:20px;overflow-y:auto}.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{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;flex-direction:column;gap:8px;padding:8px;display:flex}.study-premium-toggle{cursor:pointer;border-radius:10px;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{background:#ffffff24;border:1px solid #ffffff1a;border-radius:14px;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{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;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{width:32px;height:32px;color:var(--accent-2);background:#6fd4b11f;border-radius:8px;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{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;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{background:#ffffff09;border:1px solid #ffffff0f;border-radius:14px;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{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:.7rem;display:flex}.memorize-field input{border-radius:var(--radius-sm);color:var(--text);font:inherit;background:#ffffff0a;border:none;padding:10px 12px;font-size:.85rem}.memorize-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.memorize-status{color:var(--muted);font-size:.8rem}.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{width:min(440px,92vw);color:var(--text);z-index:1401;background:#101418f5;border:1px solid #ffffff14;border-radius:24px;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{width:32px;height:32px;color:var(--text);background:#ffffff14;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.memorize-segmented{background:#ffffff0a;border-radius:999px;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;background:0 0;border:none;border-radius:999px;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{color:var(--muted);background:#ffffff0a;border-radius:14px;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{background:#ffffff0d;border-radius:999px;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{letter-spacing:.02em;border:none;border-radius:12px;padding:10px 16px;font-size:.85rem;font-weight:600}.memorize-ghost{color:var(--text);background:#ffffff0f}.memorize-primary{color:#f4fffb;background:linear-gradient(135deg,#2e6a5f 0%,#235a52 100%)}.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{width:min(520px,94vw);max-height:min(82vh,760px);color:var(--text);background:#101418f7;border:1px solid #ffffff14;border-radius:22px;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{width:32px;height:32px;color:var(--text);background:#ffffff17;border:none;border-radius:999px;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{text-align:left;background:#6fd4b11a;border:1px solid #6fd4b138;border-radius:999px;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{background:#ffffff0a;border-radius:12px;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{letter-spacing:.02em;color:var(--text-primary);-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#6fd4b133,#6fd4b11f);border:none;border-radius:999px;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{background:#ffffff0a;border-radius:12px;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{letter-spacing:.02em;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;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{min-height:40px;color:var(--text);letter-spacing:.02em;background:#ffffff0f;border:none;border-radius:12px;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{z-index:3;background:#101418fa;border:1px solid #ffffff14;border-radius:14px;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{background:#ffffff0a;border-radius:12px;flex-direction:column;gap:5px;padding:9px 10px;display:flex}.study-lexicon-guide-code{letter-spacing:.04em;min-width:28px;height:22px;color:var(--text-primary);background:#ffffff1a;border-radius:999px;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{color:var(--text);background:#ffffff0f;border-radius:999px;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{color:var(--text);background:#ffffff0f;border-radius:999px;padding:5px 9px;font-size:.76rem}.study-lexicon-unavailable{color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}@media (max-width:640px){.memorize-modal{box-sizing:border-box;border-radius:22px;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:18px;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%}}.search-row{gap:8px;display:flex}.search-row input{border-radius:var(--radius-sm);color:var(--text);background:#ffffff0a;border:none;flex:1;padding:10px 12px}.search-results{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.search-results li{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.search-result-main{flex-direction:column;gap:4px;min-width:0;display:flex}.search-result-title{font-size:.85rem;font-weight:600}.search-result-text{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.75rem;overflow:hidden}.study-tool-section{gap:14px}.tool-hero-card{background:radial-gradient(120% 120% at 0 0,#6fd4b124,#0000 55%),#ffffff09;position:relative;overflow:hidden}.tool-hero-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-chip{letter-spacing:.08em;text-transform:uppercase;color:#d8fff0;background:#6fd4b133;border:1px solid #6fd4b159;border-radius:999px;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{gap:14px}.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:10px;display:grid}.tool-toggle-card{background:#ffffff09;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;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:#ffffff0a;border:1px solid #ffffff0d;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{background:linear-gradient(#ffffff0e 0%,#ffffff06 100%);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;padding:12px 12px 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:#b9ffe6;font-variant-numeric:tabular-nums;background:#6fd4b124;border:1px solid #6fd4b14d;border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:620}.tool-slider-track{background:#ffffff1a;border-radius:999px;height:8px;position:relative}.tool-slider-fill{pointer-events:none;appearance:none;background:0 0;border:none;border-radius:999px;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:linear-gradient(90deg,#57b795 0%,#7de3c0 100%);border-radius:999px;box-shadow:inset 0 0 0 1px #6fd4b147}.tool-slider-fill::-moz-progress-bar{background:linear-gradient(90deg,#57b795 0%,#7de3c0 100%);border-radius:999px;box-shadow:inset 0 0 0 1px #6fd4b147}.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:#f4faf7;border:2px solid #173037;border-radius:50%;width:16px;height:16px;margin-top:-4px;box-shadow:0 2px 7px #00000057}.tool-slider-input::-moz-range-thumb{background:#f4faf7;border:2px solid #173037;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 7px #00000057}.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{min-width:0}.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:linear-gradient(#ffffff0f 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:14px;align-items:center;min-height:52px;padding:10px 40px 10px 12px;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{color:#b9ffe6;pointer-events:none;background:#6fd4b124;border:1px solid #6fd4b147;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;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:#ffffff08;border:1px solid #ffffff0d;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{letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;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}.tafsir-controls{flex-direction:column;gap:12px;display:flex}.tafsir-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.tafsir-text{white-space:pre-wrap;color:var(--muted);font-size:.9rem;line-height:1.7}.study-word-row{direction:rtl;flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.study-word-chip{color:var(--text);direction:rtl;background:#ffffff0a;border:none;border-radius:10px;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}.quick-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.quick-notes-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.quick-notes-shell{flex-direction:column;gap:10px;display:flex}.quick-note-tabs{flex-direction:column;gap:8px;max-height:180px;padding-right:2px;display:flex;overflow-y:auto}.quick-note-tab{text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:3px;width:100%;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.quick-note-tab:hover{background:#ffffff0f}.quick-note-tab.active{background:#6fd4b11f;border-color:#6fd4b140}.quick-note-tab-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:560;overflow:hidden}.quick-note-tab-time{color:var(--muted);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.quick-note-editor{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.quick-note-title-input,.quick-note-body-input{width:100%;color:var(--text);background:#ffffff0d;border:none;border-radius:10px;padding:10px 12px;font-size:.88rem;transition:background .2s}.quick-note-title-input::placeholder,.quick-note-body-input::placeholder{color:var(--muted)}.quick-note-title-input:focus,.quick-note-body-input:focus{background:#ffffff14;outline:none}.quick-note-body-input{resize:vertical;min-height:112px;line-height:1.5}.quick-note-editor-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.74rem;display:flex}.quick-note-editor-actions{align-items:center;gap:8px;display:flex}.quick-item-action.danger{color:#ffc2c2;background:#f871711f}.quick-item-action.danger:hover{background:#f8717133}.quick-notes-empty .action-btn{margin-top:8px}.quick-list-item{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.quick-list-item:hover{background:#ffffff0f}.quick-item-icon{width:36px;height:36px;color:var(--accent);background:#d8b36a1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quick-item-title{color:var(--text);font-size:.85rem;font-weight:500}.quick-item-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.quick-item-action{color:var(--accent-2);background:#6fd4b11a;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s}.quick-item-action:hover{background:#6fd4b133}.quick-item-action.save{color:#d8fff0;background:#6fd4b133}.quick-item-action.save:hover{background:#6fd4b147}.quick-item-action:disabled{opacity:.55;cursor:not-allowed}.quick-item-action:disabled:hover{background:inherit}.quick-empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.quick-empty svg{opacity:.3;margin-bottom:16px}.quick-empty p{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:500}.quick-empty span{font-size:.8rem}.quick-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.study-stat-card{--stat-color:var(--accent);background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;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{background:color-mix(in srgb,var(--stat-color)15%,transparent);width:40px;height:40px;color:var(--stat-color);border-radius:10px;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{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;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{background:var(--accent-2);color:#000;border-radius:10px;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-reading-area{padding:72px 16px 140px}.study-surah-opening{margin:0 auto 18px;padding:14px 0}.study-arabic-name{margin-bottom:14px;font-size:clamp(1.75rem,8vw,2.3rem)}.study-bismillah{margin:0 auto 24px;padding-inline:6px;font-size:clamp(1.15rem,5vw,1.5rem);line-height:1.6}.study-ayah-card{contain-intrinsic-size:280px;border-radius:16px;padding:24px 20px}.study-ayah-list{gap:32px}.control-bar-inner{border-radius:16px;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:14px 14px calc(16px + env(safe-area-inset-bottom))}.quick-stats-grid{grid-template-columns:1fr}.study-tool-section{gap:10px}.study-card{border-radius:12px;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:12px;min-height:48px;padding:10px 36px 10px 11px}.tool-reciter-selected{font-size:.84rem}.tool-reciter-chevron{width:20px;height:20px;right: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}}@media (max-width:420px){.tool-buttons{grid-template-columns:1fr}}
.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}.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}.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 #6fd4b14d;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:.95rem;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}.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}}