.settings-backdrop{z-index:1000;background:#0009;position:fixed;inset:0}.settings-modal{pointer-events:auto;background:var(--bg-mid);border-radius:var(--radius-lg);z-index:1001;border:1px solid #ffffff0f;flex-direction:column;width:min(480px,92vw);max-height:80vh;display:flex;position:fixed;top:50%;left:50%;right:auto;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 80px -16px #000000b3,0 0 0 1px #ffffff08}.settings-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.settings-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.settings-close-btn{border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.settings-close-btn:hover{color:var(--text);background:#ffffff0f}.settings-close-btn svg{width:15px;height:15px}.settings-tabs{border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:0;margin:0 24px;display:flex}.settings-tab{cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 12px 12px;transition:color .15s;display:inline-flex;position:relative}.settings-tab:hover .tab-label{color:var(--text)}.settings-tab.active{background:0 0}.tab-icon{opacity:.5;z-index:1;font-size:.9rem;transition:opacity .15s;position:relative}.settings-tab.active .tab-icon{opacity:1}.tab-label{color:var(--muted);z-index:1;font-size:.82rem;font-weight:500;transition:color .15s;position:relative}.settings-tab.active .tab-label{color:var(--text);font-weight:600}.tab-indicator{background:var(--accent-2);z-index:1;border:none;border-radius:2px 2px 0 0;height:2px;position:absolute;inset:auto 16px -1px}.settings-content{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:20px 24px 28px;overflow-y:auto}.settings-content::-webkit-scrollbar{width:4px}.settings-content::-webkit-scrollbar-track{background:0 0}.settings-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.settings-tab-content{flex-direction:column;gap:28px;display:flex}.settings-section{background:0 0;border:none;border-radius:0;flex-direction:column;gap:12px;padding:0;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;padding-bottom:4px;font-size:.7rem;font-weight:600}.section-content{flex-direction:column;gap:6px;display:flex}.settings-select{background:var(--bg-light);border-radius:var(--radius-sm);width:100%;color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a8b0ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;border:1px solid #ffffff0f;padding:10px 36px 10px 14px;font-size:.88rem;transition:border-color .15s}.settings-select:focus{border-color:#6fd4b166;outline:none}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.settings-input{background:var(--bg-light);border-radius:var(--radius-sm);width:100%;color:var(--text);border:1px solid #ffffff0f;padding:10px 14px;font-size:.88rem;transition:border-color .15s}.settings-input:focus{border-color:#6fd4b166;outline:none}.settings-field-hint{color:var(--muted);opacity:.7;margin:2px 0 0;font-size:.74rem}.segmented-control{border-radius:var(--radius-md);background:#ffffff0f;gap:4px;padding:4px;display:flex;position:relative}.segmented-indicator{border-radius:var(--radius-sm);background:linear-gradient(135deg,#6fd4b140 0%,#6fd4b126 100%);height:calc(100% - 8px);position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #0003}.segmented-btn{z-index:1;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;flex:1;padding:10px 12px;font-size:.85rem;font-weight:500;transition:color .25s;position:relative}.segmented-btn.active{color:#d8fff0}.segmented-btn:hover:not(.active){color:var(--text)}.translation-chips{flex-direction:column;gap:2px;display:flex}.translation-chips-scroll{max-height:220px;padding-right:4px;overflow-y:auto}.translation-chips-scroll::-webkit-scrollbar{width:4px}.translation-chips-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.translation-chip{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:background .12s;display:flex}.translation-chip:hover{background:#ffffff0a}.translation-chip.selected{background:#6fd4b114}.chip-label{color:var(--text);flex:1;font-size:.88rem;font-weight:450}.translation-chip.selected .chip-label{color:var(--text);font-weight:500}.chip-check{background:var(--accent-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chip-check svg{width:10px;height:10px;color:var(--bg-deep)}.default-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border-radius:var(--radius-xs);background:#d8b36a1a;margin-left:auto;padding:2px 7px;font-size:.6rem;font-weight:600}.chips-hint{color:var(--muted);opacity:.5;text-align:center;margin-top:6px;font-size:.72rem}.ayah-translations{flex-direction:column;gap:12px;display:flex}.translation-item{flex-direction:column;gap:4px;display:flex}.translation-item .translation-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-size:.7rem;font-weight:600}.ayah-translation.multi{border-left:2px solid var(--accent-2);border-left-color:color-mix(in srgb,var(--accent-2)40%,transparent);padding-left:12px}@media (max-width:768px){.translation-chip{-webkit-tap-highlight-color:#6fd4b11a;border-radius:14px;min-height:58px;padding:16px 18px}.translation-chip:active{transform:scale(.98)}.chip-label{font-size:1rem}.chip-check{width:24px;height:24px}.chip-check svg{width:14px;height:14px}.default-badge{padding:4px 8px;font-size:.6rem}}.premium-slider{flex-direction:column;gap:10px;padding:8px 0;display:flex}.slider-header{align-items:center;gap:10px;display:flex}.slider-icon{background:var(--bg-light);border-radius:var(--radius-xs);width:26px;height:26px;color:var(--accent-2);justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.slider-label{color:var(--text);flex:1;font-size:.86rem;font-weight:450}.slider-value{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:.78rem;font-weight:600}.slider-track-container{border-radius:var(--radius-full);background:#ffffff0f;height:4px;position:relative;overflow:visible}.slider-track-fill{border-radius:var(--radius-full);pointer-events:none;appearance:none;background:0 0;border:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.slider-track-fill::-webkit-progress-bar{background:0 0}.slider-track-fill::-webkit-progress-value{background:var(--accent-2);border-radius:var(--radius-full)}.slider-track-fill::-moz-progress-bar{background:var(--accent-2);border-radius:var(--radius-full)}.slider-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;box-shadow:0 1px 4px #0000004d}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.slider-input::-moz-range-thumb{cursor:grab;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.reciter-grid{flex-direction:column;gap:2px;max-height:340px;padding-right:4px;display:flex;overflow-y:auto}.reciter-grid::-webkit-scrollbar{width:4px}.reciter-grid::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.reciter-card{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.reciter-card:hover{background:#ffffff0a}.reciter-card.selected{background:#6fd4b114}.reciter-avatar{background:var(--bg-light);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;display:flex}.reciter-avatar svg{width:16px;height:16px;color:var(--muted)}.reciter-card.selected .reciter-avatar{background:#6fd4b11f}.reciter-card.selected .reciter-avatar svg{color:var(--accent-2)}.reciter-name{color:var(--text);flex:1;font-size:.86rem;font-weight:450}.check-icon{background:var(--accent-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.check-icon svg{width:10px;height:10px;color:var(--bg-deep)}.settings-footer{text-align:center;flex-shrink:0;padding:10px 24px 14px}.settings-hint{color:var(--muted);opacity:.4;font-size:.68rem}@media (max-width:768px){.settings-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:none;max-height:88vh;padding-bottom:env(safe-area-inset-bottom,16px);position:fixed;inset:auto 0 0;transform:none}.settings-header{padding:20px 20px 14px;position:relative}.settings-header:before{content:"";background:#ffffff26;border-radius:2px;width:32px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.settings-title{padding-top:6px;font-size:1.1rem}.settings-close-btn{width:34px;height:34px}.settings-close-btn svg{width:16px;height:16px}.settings-tabs{margin:0 20px}.settings-tab{min-height:48px;padding:12px 12px 14px}.tab-icon{font-size:1rem}.tab-label{font-size:.85rem}.settings-content{-webkit-overflow-scrolling:touch;padding:20px}.settings-tab-content{gap:28px}.section-content{gap:8px}.premium-slider{gap:12px}.slider-icon{width:32px;height:32px;font-size:1rem}.slider-label{font-size:.92rem}.slider-track-container{height:6px}.slider-input{height:44px}.slider-input::-webkit-slider-thumb{width:22px;height:22px}.slider-input::-moz-range-thumb{width:22px;height:22px}.reciter-grid{gap:4px;max-height:none;padding-right:0}.reciter-card{-webkit-tap-highlight-color:#6fd4b114;gap:14px;min-height:56px;padding:14px}.reciter-card:active{opacity:.85}.reciter-avatar{width:40px;height:40px}.reciter-avatar svg{width:18px;height:18px}.reciter-name{font-size:.92rem}.check-icon{width:22px;height:22px}.check-icon svg{width:12px;height:12px}.translation-chip{-webkit-tap-highlight-color:#6fd4b114;min-height:52px;padding:14px}.translation-chip:active{opacity:.85}.chip-label{font-size:.94rem}.chip-check{width:22px;height:22px}.chip-check svg{width:12px;height:12px}.settings-footer{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.settings-hint{font-size:.72rem}}@media (max-width:380px){.settings-modal{border-radius:16px 16px 0 0;height:95vh}.settings-tab{min-height:58px;padding:12px 8px}.tab-icon{font-size:1.25rem}.segmented-btn{min-height:44px;padding:12px 6px;font-size:.75rem}.slider-icon{width:32px;height:32px;font-size:.95rem}.reciter-card{min-height:60px;padding:14px 16px}.reciter-avatar{width:42px;height:42px}}@media (max-width:768px) and (orientation:landscape){.settings-modal{border-radius:0;height:100vh}.settings-header:before{display:none}.settings-content{padding:16px 24px}.reciter-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}}@supports (padding:env(safe-area-inset-top)){.app-container,.reader-panel,.study-mode-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.settings-modal-container{padding-bottom:env(safe-area-inset-bottom)}.quick-panel{padding-bottom:max(20px,env(safe-area-inset-bottom))}.toolbar,.bottom-nav,.floating-player{padding-bottom:env(safe-area-inset-bottom)}.study-header{padding-top:max(16px,env(safe-area-inset-top))}}@media (max-width:768px){.settings-modal-overlay button,.settings-modal-overlay [role=button],.settings-modal-overlay .btn,.settings-modal-overlay a.btn{-webkit-tap-highlight-color:#6fd4b126;touch-action:manipulation;min-width:44px;min-height:44px}.settings-modal-overlay .ayah-action,.settings-modal-overlay .ayah-btn,.settings-modal-overlay .study-ayah-action{justify-content:center;align-items:center;margin:-6px;padding:10px;display:flex;position:relative}.settings-modal-overlay .ayah-action:before,.settings-modal-overlay .ayah-btn:before,.settings-modal-overlay .study-ayah-action:before{content:"";z-index:-1;position:absolute;inset:-6px}.ayah-card,.study-ayah-card{border-radius:12px;padding:18px!important}.ayah-list,.study-reading-area .study-content{gap:16px!important}.surah-item{grid-template-columns:34px 1fr auto;gap:14px;min-height:64px;padding:16px 18px!important}.surah-number{width:32px;height:32px;font-size:.85rem}.surah-english{font-weight:600;font-size:.98rem!important}.surah-translation{font-size:.78rem!important}.surah-arabic{font-size:1.15rem!important}.ayah-header{margin-bottom:8px}.ayah-arabic{margin-top:4px;margin-bottom:12px;font-size:calc(1.8rem*var(--arabic-scale))!important}.translation-chip,.study-reciter-chip,.reciter-card{min-height:56px}.study-premium-toggle{min-height:52px}.toggle-switch{min-width:52px;min-height:32px}.segmented-btn{min-height:44px;padding:12px 16px}.settings-tab-btn{min-height:48px;padding:14px 20px}.modal-close-btn,.study-back-btn,.quick-panel-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.slider-track-wrap,.slider-track-container{align-items:center;min-height:44px;display:flex}.slider-track-wrap input[type=range],.slider-input{height:44px;top:0}input[type=text],input[type=number],input[type=search],select,textarea{min-height:44px;font-size:16px}.study-rail-btn,.study-fab,.floating-btn{min-width:48px;min-height:48px}html{-webkit-text-size-adjust:100%;font-size:16px}body{letter-spacing:.01em;line-height:1.5}h1,.h1{font-size:1.75rem;line-height:1.2}h2,.h2{font-size:1.5rem;line-height:1.25}h3,.h3{font-size:1.25rem;line-height:1.3}h4,.h4{font-size:1rem;line-height:1.35}.ayah-arabic,.study-ayah-arabic,[lang=ar]{letter-spacing:0;line-height:2}.ayah-translation,.study-ayah-translation{font-size:calc(.95rem*var(--translation-scale,1));line-height:1.65}.section-title,.study-settings-title{letter-spacing:.06em;font-size:.75rem}.chip-label,.reciter-name,.reciter-chip-name,.toggle-label{font-size:.95rem}.chips-hint,.settings-footer-hint,.meta-text{font-size:.8rem}}@media (max-width:375px){html{font-size:15px}.settings-modal-container{padding:16px}.settings-tab-btn{padding:12px 14px;font-size:.8rem}.reciter-card,.translation-chip{padding:12px 14px}.ayah-arabic,.study-ayah-arabic{font-size:calc(1.5rem*var(--arabic-scale,1))}}@media (max-width:768px){.settings-modal-overlay button:active,.settings-modal-overlay [role=button]:active,.settings-modal-overlay .btn:active{opacity:.85;transform:scale(.98)}.settings-modal-overlay .translation-chip:active,.settings-modal-overlay .reciter-card:active,.settings-modal-overlay .study-reciter-chip:active{transform:scale(.98)}.settings-modal-overlay .ayah-action:active,.settings-modal-overlay .study-ayah-action:active{transform:scale(.9)}.settings-modal-overlay button,.settings-modal-overlay [role=button],.settings-modal-overlay .ayah-action,.settings-modal-overlay .translation-chip,.settings-modal-overlay .reciter-card{-webkit-user-select:none;user-select:none}.settings-content,.settings-modal-overlay .quick-panel-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.settings-content::-webkit-scrollbar{display:none}.settings-content{-ms-overflow-style:none;scrollbar-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.settings-modal-container{animation:none!important}}@media (prefers-color-scheme:dark){.app-container{background-color:#000}}@media (max-width:768px){.settings-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;pointer-events:auto!important;background:#00000080!important}.settings-modal{border-radius:var(--radius-xl)var(--radius-xl)0 0!important;background:linear-gradient(165deg,#1c242cf2 0%,#12181efa 100%)!important;border:1px solid #ffffff14!important;border-bottom:none!important;width:100%!important;max-height:85vh!important;position:fixed!important;inset:auto 0 0!important;transform:none!important}.surah-panel-header h2{letter-spacing:-.006em;font-weight:650;font-size:1.18rem!important}}:root[data-theme=bw] .settings-select:focus,:root[data-theme=bw] .settings-input:focus{border-color:#00000040;box-shadow:0 0 0 3px #00000014}:root[data-theme=bw] .segmented-control-indicator{background:#111}
.prayer-city-input-shell{align-items:center;display:flex;position:relative}.prayer-city-input{background:#ffffff12;border:1px solid #ffffff14;border-radius:12px;height:44px;padding-left:40px;padding-right:40px;font-size:.92rem;transition:all .2s}.prayer-city-input:focus{background:#ffffff1a;border-color:#6fd4b159;box-shadow:0 0 0 3px #6fd4b11a}.prayer-city-input::placeholder{color:var(--muted);opacity:.7}.prayer-city-input:disabled{opacity:.4;cursor:not-allowed;background:#ffffff08}.prayer-city-input-icon{width:18px;height:18px;color:var(--muted);pointer-events:none;opacity:.7;justify-content:center;align-items:center;transition:opacity .2s,color .2s;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.prayer-city-input:focus~.prayer-city-input-icon,.prayer-city-input-shell:focus-within .prayer-city-input-icon{color:#6fd4b1e6;opacity:1}.prayer-city-clear-btn{width:26px;height:26px;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.prayer-city-clear-btn:hover{color:var(--text);background:#ffffff29;transform:translateY(-50%)scale(1.05)}.prayer-city-selected-pill{background:linear-gradient(135deg,#6fd4b11a,#6fd4b10a);border:1px solid #6fd4b133;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;animation:.25s ease-out cityPillIn;display:flex}.prayer-city-selected-main{color:var(--text);flex:1;font-size:.86rem;font-weight:600}.prayer-city-selected-meta{color:var(--muted);white-space:nowrap;font-size:.74rem}@keyframes cityPillIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.prayer-city-options-status{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:12px 14px;font-size:.82rem;display:flex}.prayer-city-options{-webkit-backdrop-filter:blur(16px);background:#0f1419d9;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:2px;max-height:260px;margin-top:6px;padding:6px;animation:.2s ease-out cityDropIn;display:flex;overflow-y:auto;box-shadow:0 12px 32px #00000047}@keyframes cityDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.prayer-city-options::-webkit-scrollbar{width:5px}.prayer-city-options::-webkit-scrollbar-track{background:0 0}.prayer-city-options::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.prayer-city-options-head{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:4px 8px 2px;font-size:.68rem;font-weight:700}.prayer-city-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:background .12s;display:flex}.prayer-city-option-main{color:var(--text);font-size:.88rem;font-weight:500;line-height:1.3}.prayer-city-option-meta{color:var(--muted);opacity:.8;white-space:nowrap;flex-shrink:0;font-size:.72rem;line-height:1.2}.prayer-city-option:hover{background:#ffffff14}.prayer-city-option.active{background:#6fd4b11f}.prayer-city-option.active .prayer-city-option-main{color:#d8fff0}.prayer-preview-card{background:linear-gradient(135deg,#6fd4b124 0%,#6fd4b10f 100%);border:1px solid #6fd4b138;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.prayer-preview-main{color:var(--text);margin:0;font-size:.96rem;font-weight:600}.prayer-preview-sub{color:var(--muted);margin:0;font-size:.8rem}.prayer-floating-backdrop{z-index:120;-webkit-backdrop-filter:blur(18px)saturate(1.6);background:#00000073;position:fixed;inset:0}.prayer-floating-panel{z-index:121;background:linear-gradient(168deg,#161e24f7 0%,#0c1218fc 100%);border:1px solid #ffffff1a;border-radius:20px;width:min(480px,100vw - 32px);max-height:calc(100vh - 110px);position:fixed;top:80px;right:24px;overflow:hidden auto;box-shadow:0 24px 80px -12px #0000008c,inset 0 0 0 .5px #ffffff0f}.prayer-floating-panel::-webkit-scrollbar{width:4px}.prayer-floating-panel::-webkit-scrollbar-track{background:0 0}.prayer-floating-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.prayer-floating-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 0;display:flex}.prayer-floating-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.prayer-floating-subtitle{color:var(--muted);opacity:.7;margin:3px 0 0;font-size:.78rem}.prayer-floating-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.prayer-floating-close:hover{color:var(--text);background:#ffffff24}.prayer-floating-body{flex-direction:column;gap:20px;padding:16px 20px 24px;display:flex}.prayer-hero-card{text-align:center;background:linear-gradient(145deg,#6fd4b11f 0%,#6fd4b10a 60%,#ffffff05 100%);border:1px solid #6fd4b11f;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px 24px;display:flex;position:relative;overflow:hidden}.prayer-hero-card:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#6fd4b114 0%,#0000 70%);width:140%;height:100%;position:absolute;top:-40%;left:-20%}.prayer-hero-label{letter-spacing:.1em;text-transform:uppercase;color:#6fd4b1b3;margin-bottom:8px;font-size:.7rem;font-weight:600}.prayer-hero-name{color:var(--text);letter-spacing:-.03em;font-size:1.6rem;font-weight:700;line-height:1.1}.prayer-hero-time{color:#6fd4b1d9;letter-spacing:-.01em;margin-top:6px;font-size:1rem;font-weight:500}.prayer-hero-empty{color:var(--muted);opacity:.6;margin-top:2px;font-size:.88rem}.prayer-section{flex-direction:column;gap:8px;display:flex}.prayer-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.65;margin:0;padding:0 4px;font-size:.72rem;font-weight:600}.prayer-schedule-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;overflow:hidden}.prayer-schedule-list{flex-direction:column;display:flex}.prayer-schedule-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.prayer-schedule-row.last{border-bottom:none}.prayer-schedule-row.active{background:linear-gradient(90deg,#6fd4b11a 0%,#6fd4b10a 100%)}.prayer-schedule-row.active .prayer-schedule-name{color:#6fd4b1f2}.prayer-schedule-row.active .prayer-schedule-time{color:#6fd4b1e6;font-weight:600}.prayer-schedule-name{color:var(--text);font-size:.92rem;font-weight:500}.prayer-schedule-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:500}.prayer-schedule-empty{text-align:center;color:var(--muted);opacity:.6;margin:0;padding:28px 16px;font-size:.84rem}.prayer-settings-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;position:relative;overflow:visible}.prayer-settings-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.prayer-settings-divider{background:#ffffff0d;height:1px;margin:0 16px}.prayer-settings-label{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:.88rem;font-weight:500}.prayer-settings-select{appearance:none;color:var(--muted);text-align:right;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 0 center no-repeat;border:none;outline:none;flex:1;min-width:0;padding:0 16px 0 0;font-size:.86rem;font-weight:400}.prayer-settings-select option{background:var(--bg);color:var(--text)}.prayer-custom-select{flex:1;min-width:0;position:relative}.prayer-custom-trigger{cursor:pointer;width:100%;color:var(--muted);text-align:right;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:6px;padding:0;font-size:.86rem;font-weight:400;transition:color .15s;display:flex}.prayer-custom-trigger:hover,.prayer-custom-trigger.open{color:var(--text)}.prayer-custom-trigger-text{text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;min-width:0;overflow:hidden}.prayer-custom-trigger-text.placeholder{color:var(--muted);opacity:.6}.prayer-custom-chevron{color:var(--muted);opacity:.6;flex-shrink:0;transition:transform .2s,opacity .2s}.prayer-custom-chevron.rotated{opacity:1;transform:rotate(180deg)}.prayer-custom-dropdown{z-index:150;-webkit-backdrop-filter:blur(24px)saturate(1.4);transform-origin:100% 0;background:linear-gradient(168deg,#161e24f7 0%,#0c1218fc 100%);border:1px solid #ffffff1a;border-radius:14px;min-width:220px;max-width:min(380px,100vw - 48px);position:absolute;top:calc(100% + 8px);right:-16px;overflow:hidden;box-shadow:0 16px 48px -8px #00000080,inset 0 0 0 .5px #ffffff0f}.prayer-custom-search-wrap{padding:8px 8px 0}.prayer-custom-search{width:100%;height:36px;color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:0 12px;font-size:.84rem;transition:border-color .15s,background .15s}.prayer-custom-search::placeholder{color:var(--muted);opacity:.6}.prayer-custom-search:focus{background:#ffffff14;border-color:#6fd4b14d}.prayer-custom-options{max-height:260px;padding:4px;overflow-y:auto}.prayer-custom-options::-webkit-scrollbar{width:4px}.prayer-custom-options::-webkit-scrollbar-track{background:0 0}.prayer-custom-options::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.prayer-custom-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.86rem;font-weight:400;transition:background .1s;display:flex}.prayer-custom-option:hover,.prayer-custom-option.highlighted{background:#ffffff12}.prayer-custom-option.selected{color:#d8fff0;font-weight:500}.prayer-custom-option.selected svg{color:#6fd4b1d9;flex-shrink:0}.prayer-custom-no-match{text-align:center;color:var(--muted);opacity:.6;padding:16px 12px;font-size:.82rem}.prayer-settings-input{color:var(--muted);text-align:right;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:.86rem;font-weight:400}.prayer-settings-input:focus{color:var(--text)}.prayer-city-row{flex-wrap:wrap}.prayer-city-row .prayer-city-input-shell{flex:1;min-width:140px}.prayer-city-row .prayer-city-input{text-align:right;background:0 0;border:none;height:36px;padding-left:28px;padding-right:28px;font-size:.86rem}.prayer-city-row .prayer-city-input:focus{background:#ffffff0a;border-radius:8px}.prayer-city-row .prayer-city-input-icon{left:6px}.prayer-city-row .prayer-city-input-icon svg{width:13px;height:13px}.prayer-city-row .prayer-city-clear-btn{width:22px;height:22px;font-size:.78rem;right:4px}@media (max-width:768px){.prayer-floating-panel{border-radius:18px 18px 0 0;width:100%;max-height:88vh;inset:auto 0 0}.prayer-floating-grid{grid-template-columns:1fr}.prayer-city-input{-webkit-tap-highlight-color:transparent;border-radius:14px;height:48px;padding-left:42px;padding-right:44px;font-size:1rem}.prayer-city-input-icon{left:14px}.prayer-city-input-icon svg{width:18px;height:18px}.prayer-city-clear-btn{border-radius:10px;width:30px;height:30px;font-size:1.1rem;right:9px}.prayer-city-options{border-radius:16px;max-height:220px;padding:6px}.prayer-city-option{-webkit-tap-highlight-color:#6fd4b114;border-radius:12px;min-height:48px;padding:14px}.prayer-city-option:active{background:#6fd4b126;transition:none}.prayer-city-option-main{font-size:.94rem}.prayer-city-option-meta{font-size:.74rem}.prayer-city-selected-pill{border-radius:14px;padding:12px 14px}.prayer-city-selected-main{font-size:.9rem}}:root[data-theme=bw] .prayer-hero-card{background:#0000000a;border-color:#00000014}:root[data-theme=bw] .prayer-hero-card:before{display:none}:root[data-theme=bw] .prayer-schedule-row.active{background:#00000014}:root[data-theme=bw] .prayer-schedule-row.active .prayer-schedule-name,:root[data-theme=bw] .prayer-schedule-row.active .prayer-schedule-time{color:#111}:root[data-theme=bw] .prayer-city-input:focus{border-color:#0003;box-shadow:0 0 0 3px #0000000f}:root[data-theme=bw] .prayer-city-input-icon{color:#888}:root[data-theme=bw] .prayer-city-clear-btn{color:#666}:root[data-theme=bw] .prayer-city-clear-btn:hover{color:#111;background:#0000000f}:root[data-theme=bw] .prayer-city-selected-pill{background:#0000000f;border-color:#0000001a}:root[data-theme=bw] .prayer-city-selected-main{color:#111}:root[data-theme=bw] .prayer-city-selected-meta{color:#888}:root[data-theme=bw] .prayer-city-options{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}:root[data-theme=bw] .prayer-city-option:hover,:root[data-theme=bw] .prayer-city-option.active{background:#0000000a}:root[data-theme=bw] .prayer-city-option-main{color:#333}:root[data-theme=bw] .prayer-city-option-meta,:root[data-theme=bw] .prayer-city-options-status{color:#888}
.seo-page{color:#f2eee6;background:linear-gradient(#0e1418 0%,#0a0f12 100%);flex-direction:column;align-items:center;min-height:100vh;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.seo-container{width:100%;max-width:720px;padding:48px 24px 64px}.seo-header{text-align:center;border-bottom:1px solid #ffffff0f;margin-bottom:40px;padding-bottom:32px}.seo-surah-badge{color:#d8b36a;background:#d8b36a14;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-flex}.seo-arabic-title{color:#f2eee633;direction:rtl;margin:0 0 8px;font-size:2.5rem;line-height:1.4}.seo-english-title{color:#f2eee6;letter-spacing:-.02em;margin:0 0 8px;font-size:1.75rem;font-weight:700}.seo-translation{color:#d8b36a;margin:0 0 16px;font-size:1.0625rem}.seo-meta{color:#7a8290;justify-content:center;gap:16px;font-size:.8125rem;display:flex}.seo-meta-dot{color:#ffffff26}.seo-verse{margin-bottom:32px;padding:24px 0}.seo-verse+.seo-verse{border-top:1px solid #ffffff0a}.seo-verse-ref{color:#d8b36a;letter-spacing:.03em;margin-bottom:16px;font-size:.75rem;font-weight:600}.seo-verse-arabic{text-align:right;color:#f2eee6;direction:rtl;margin-bottom:16px;font-family:KFGQPC Uthmanic Script HAFS,Scheherazade New,Traditional Arabic,serif;font-size:1.75rem;line-height:2}.seo-verse-english{color:#a8b0ba;font-size:1.0625rem;line-height:1.7}.seo-context-copy{margin-top:12px}.seo-context-section{margin-top:8px;margin-bottom:24px}.seo-context-title{color:#cdd3dc;letter-spacing:.01em;margin:0 0 8px;font-size:1rem;font-weight:600}.seo-verse-context{margin-bottom:20px;padding:18px 0}.seo-cta{color:#d8b36a;background:linear-gradient(135deg,#d8b36a26,#d8b36a14);border:1px solid #d8b36a33;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.seo-cta:hover{background:linear-gradient(135deg,#d8b36a38,#d8b36a1f);border-color:#d8b36a59}.seo-cta-section{text-align:center;margin-top:16px;margin-bottom:40px}.seo-nav{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.seo-nav a{color:#6fd4b1;padding:8px 0;font-size:.8125rem;font-weight:500;text-decoration:none;transition:opacity .15s}.seo-nav a:hover{opacity:.7}.seo-nav-disabled{visibility:hidden}.seo-ayah-grid{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.seo-ayah-links-title{color:#7a8290;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem;font-weight:600}.seo-nav-surah{margin-top:32px}.seo-ayah-link{color:#a8b0ba;font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:36px;font-size:.75rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.seo-ayah-link:hover{color:#f2eee6;background:#ffffff14}.seo-footer{text-align:center;color:#4a5568;border-top:1px solid #ffffff0a;margin-top:16px;padding-top:32px;font-size:.75rem}.seo-footer a{color:#7a8290;text-decoration:none}
.info-section{border-bottom:1px solid #ffffff0f;margin-bottom:40px;padding-bottom:32px}.info-section:last-of-type{border-bottom:none;margin-bottom:24px}.info-section-title{color:#d8b36a;letter-spacing:-.01em;margin:0 0 16px;font-size:1.25rem;font-weight:700}.info-text{color:#a8b0ba;margin:0 0 16px;font-size:1.0625rem;line-height:1.7}.info-text:last-child{margin-bottom:0}.info-feature-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-feature-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.info-feature-title{color:#f2eee6;margin:0 0 8px;font-size:.9375rem;font-weight:600}.info-feature-desc{color:#7a8290;margin:0;font-size:.875rem;line-height:1.6}.info-audience-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.info-audience-list li{color:#a8b0ba;padding-left:20px;font-size:1rem;line-height:1.6;position:relative}.info-audience-list li:before{content:"";background:#6fd4b1;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item:last-child{border-bottom:none}.faq-item[open] .faq-chevron{transform:rotate(90deg)}.faq-question{color:#f2eee6;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:18px 0;font-size:1rem;font-weight:600;list-style:none;transition:color .15s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{content:""}.faq-question:hover{color:#d8b36a}.faq-chevron{color:#4a5568;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.faq-answer{color:#a8b0ba;margin:0;padding:0 0 20px 28px;font-size:.9375rem;line-height:1.7}.faq-category{color:#d8b36a;letter-spacing:.06em;text-transform:uppercase;margin:32px 0 8px;padding-top:8px;font-size:.75rem;font-weight:600}.faq-category:first-child{margin-top:0}.info-nav{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:24px;padding-top:24px;display:flex}.info-nav a{color:#6fd4b1;padding:8px 0;font-size:.8125rem;font-weight:500;text-decoration:none;transition:opacity .15s}.info-nav a:hover{opacity:.7}@media (max-width:640px){.info-feature-grid{grid-template-columns:1fr}}
@keyframes memFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes memScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes memReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mem-shell{flex-direction:column;gap:24px;width:min(860px,100vw - 40px);margin:0 auto;padding:40px 0 96px;animation:.5s cubic-bezier(.16,1,.3,1) memFadeUp;display:flex}.mem-shell.mem-embedded{width:min(860px,100%);padding:8px 0 48px}.mem-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.mem-header-left{align-items:center;gap:14px;min-width:0;display:flex}.mem-header-actions{align-items:center;gap:8px;display:flex}.mem-title{letter-spacing:-.04em;color:var(--text);margin:0;font-size:1.65rem;font-weight:720;line-height:1.1}.mem-btn{cursor:pointer;font-weight:560;font-size:var(--text-sm);-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 18px;transition:all .2s;display:inline-flex}.mem-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.mem-btn--primary{background:var(--gradient-primary);color:#eef8f3;box-shadow:0 1px 3px #0000001f}.mem-btn--primary:not(:disabled):hover{filter:brightness(1.08);box-shadow:0 4px 14px color-mix(in srgb,var(--accent-2)20%,transparent);transform:translateY(-1px)}.mem-btn--primary:not(:disabled):active{filter:brightness(.97);transform:scale(.98)}.mem-btn--start{letter-spacing:-.01em;border-radius:14px;min-height:48px;padding:13px 28px;font-size:.92rem;font-weight:620}.mem-btn--ghost{color:var(--muted);background:0 0}.mem-btn--ghost:not(:disabled):hover{color:var(--text)}.mem-btn--sm{min-height:32px;padding:5px 10px;font-size:.72rem;font-weight:480}.mem-btn--lg{min-height:50px;font-size:var(--text-base);border-radius:14px;padding:13px 28px;font-weight:620}.mem-btn--full{width:100%}.mem-icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mem-icon-btn:hover{background:color-mix(in srgb,var(--text)8%,transparent);color:var(--text)}.mem-icon-btn:active{transform:scale(.9)}.mem-icon-btn--muted{opacity:.4}.mem-settings{background:color-mix(in srgb,var(--card-strong)90%,transparent);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--stroke)40%,transparent);border-radius:20px;flex-direction:column;gap:18px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) memFadeUp;display:flex}.mem-settings-header{justify-content:space-between;align-items:center;display:flex}.mem-settings-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:.92rem;font-weight:640}.mem-settings-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.mem-settings-field{flex-direction:column;gap:5px;display:flex}.mem-settings-label{color:var(--muted);font-size:.72rem;font-weight:540}.mem-settings-input{border:1px solid color-mix(in srgb,var(--stroke)50%,transparent);background:color-mix(in srgb,var(--text)4%,transparent);width:100%;color:var(--text);font-variant-numeric:tabular-nums;appearance:textfield;border-radius:10px;padding:8px 12px;font-size:.84rem;font-weight:520}.mem-settings-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2)12%,transparent);outline:none}.mem-settings-toggle{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:.8rem;font-weight:480;display:flex}.mem-settings-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-2);cursor:pointer}.mem-setup{flex-direction:column;gap:24px;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both memFadeUp;display:flex}.mem-controls{align-items:center;gap:10px;display:flex}.mem-scope-tabs{background:color-mix(in srgb,var(--text)6%,transparent);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:flex}.mem-scope-tab{color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:.8rem;font-weight:540;transition:all .2s}.mem-scope-tab:hover{color:var(--text)}.mem-scope-tab.active{background:color-mix(in srgb,var(--text)12%,transparent);color:var(--text);font-weight:600}.mem-deck-picker{flex:1;min-width:0;position:relative}.mem-select{appearance:none;border:1px solid color-mix(in srgb,var(--stroke)40%,transparent);background:color-mix(in srgb,var(--text)3%,transparent);width:100%;min-height:36px;color:var(--text);cursor:pointer;border-radius:10px;padding:7px 28px 7px 12px;font-size:.82rem;font-weight:480;transition:all .2s}.mem-select:hover{border-color:color-mix(in srgb,var(--stroke)70%,transparent)}.mem-select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2)12%,transparent);outline:none}.mem-select-chevron{color:var(--muted);pointer-events:none;opacity:.4;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mem-mode-grid{flex-wrap:wrap;gap:6px;display:flex}.mem-mode-card{border:1px solid color-mix(in srgb,var(--stroke)30%,transparent);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:20px;align-items:center;padding:8px 16px;transition:all .2s;display:flex}.mem-mode-card:hover{background:color-mix(in srgb,var(--text)5%,transparent);border-color:color-mix(in srgb,var(--stroke)50%,transparent)}.mem-mode-card.active{background:color-mix(in srgb,var(--accent-2)12%,transparent);border-color:color-mix(in srgb,var(--accent-2)30%,transparent)}.mem-mode-card-icon{display:none}.mem-mode-card-text{flex-direction:column;display:flex}.mem-mode-card-title{color:var(--muted);letter-spacing:-.01em;font-size:.78rem;font-weight:560}.mem-mode-card.active .mem-mode-card-title{color:var(--accent-2);font-weight:620}.mem-mode-card-desc{display:none}.mem-insights{background:color-mix(in srgb,var(--card-strong)70%,transparent);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--stroke)30%,transparent);border-radius:20px;flex-direction:column;gap:0;padding:24px;display:flex}.mem-section-divider{background:color-mix(in srgb,var(--stroke)25%,transparent);height:1px;margin:20px 0}.mem-mastery{flex-direction:column;gap:12px;display:flex}.mem-mastery-header{justify-content:space-between;align-items:center;display:flex}.mem-mastery-title{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:600}.mem-mastery-pct{color:var(--text);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.mem-mastery-bar{background:color-mix(in srgb,var(--text)8%,transparent);border-radius:3px;gap:1px;height:6px;display:flex;overflow:hidden}.mem-mastery-seg{border-radius:3px;min-width:3px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.mem-mastery-seg--memorized{background:var(--accent-2)}.mem-mastery-seg--reviewing{background:#6eade8}.mem-mastery-seg--learning{background:#edb95e}.mem-mastery-legend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mem-legend-item{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.68rem;font-weight:480;display:flex}.mem-legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mem-legend-dot--memorized{background:var(--accent-2)}.mem-legend-dot--reviewing{background:#6eade8}.mem-legend-dot--learning{background:#edb95e}.mem-legend-dot--new{background:color-mix(in srgb,var(--text)18%,transparent)}.mem-activity{flex-direction:column;gap:12px;display:flex}.mem-activity-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mem-activity-title{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:600}.mem-activity-stats{align-items:center;gap:10px;display:flex}.mem-streak{color:var(--accent-2);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:620}.mem-week-total{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:480}.mem-activity-graph{align-items:flex-end;gap:4px;height:80px;display:flex}.mem-activity-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.mem-activity-count{color:#0000;font-variant-numeric:tabular-nums;min-height:14px;font-size:.6rem;font-weight:620;line-height:14px}.mem-activity-count--active{color:var(--accent-2)}.mem-activity-bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.mem-activity-bar{background:color-mix(in srgb,var(--text)5%,transparent);border-radius:5px 5px 2px 2px;width:100%;max-width:40px;min-height:3px;transition:height .4s cubic-bezier(.16,1,.3,1)}.mem-activity-bar--active{background:var(--accent-2);opacity:.75}.mem-activity-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;opacity:.5;font-size:.58rem;font-weight:540}.mem-activity-col:hover .mem-activity-label{opacity:1}.mem-activity-empty-text{color:var(--muted);opacity:.5;margin:0;padding:12px 0 4px;font-size:.76rem;font-weight:440}.mem-deck-footer{justify-content:space-between;align-items:center;display:flex}.mem-deck-footer .mem-deck-meta{color:var(--muted);opacity:.6;margin:0;font-size:.72rem;font-weight:440}.mem-deck-meta{color:var(--muted);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;overflow:hidden}.mem-deck-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.mem-error{color:#f3a08b;background:#ef444414;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:.8rem;display:flex}.mem-session{flex-direction:column;gap:14px;animation:.35s cubic-bezier(.16,1,.3,1) memFadeUp;display:flex}.mem-progress-bar{flex-direction:column;gap:8px;display:flex}.mem-progress-stats{align-items:center;gap:16px;display:flex}.mem-progress-pill{color:var(--muted);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.72rem;font-weight:440;display:inline-flex}.mem-progress-pill strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:640}.mem-progress-pill--good strong{color:var(--accent-2)}.mem-progress-pill--again strong{color:#f3a08b}.mem-progress-track{background:color-mix(in srgb,var(--text)8%,transparent);border-radius:2px;height:3px;overflow:hidden}.mem-progress-fill{background:var(--accent-2);border-radius:2px;min-width:3px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.mem-flashcard{flex-direction:column;gap:12px;animation:.25s cubic-bezier(.16,1,.3,1) memScaleIn;display:flex}.mem-card-header{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.mem-card-header-left{align-items:center;gap:8px;min-width:0;display:flex}.mem-card-header-right{align-items:center;gap:4px;display:flex}.mem-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mem-status-dot.new{background:var(--accent)}.mem-status-dot.learning,.mem-status-dot.relearning{background:#edb95e}.mem-status-dot.review{background:var(--accent-2)}.mem-card-verse{color:var(--text);letter-spacing:-.01em;font-size:.8rem;font-weight:580}.mem-card-status-text{color:var(--muted);font-size:.7rem;font-weight:440}.mem-card-timer{color:var(--muted);font-variant-numeric:tabular-nums;opacity:.5;text-align:right;min-width:24px;font-size:.7rem;font-weight:560}.mem-leech-badge{border-radius:var(--radius-full);color:#ef4444;text-transform:uppercase;letter-spacing:.04em;background:#ef44441a;align-items:center;padding:2px 7px;font-size:.58rem;font-weight:640;display:inline-flex}.mem-card-body{border:1px solid color-mix(in srgb,var(--stroke)40%,transparent);background:color-mix(in srgb,var(--card-strong)80%,transparent);-webkit-backdrop-filter:blur(16px);border-radius:20px;transition:all .25s;overflow:hidden}.mem-card-body--front{cursor:pointer}.mem-card-body--front:hover{border-color:color-mix(in srgb,var(--stroke)65%,transparent);transform:translateY(-1px)}.mem-card-body--front:active{transform:scale(.998)}.mem-card-body--front:focus-visible{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2)12%,transparent);outline:none}.mem-card-front{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:340px;padding:56px 36px;display:flex}.mem-card-prompt-label{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-2);opacity:.7;font-size:.62rem;font-weight:640}.mem-card-context-chip{border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent-2)8%,transparent);min-height:28px;color:var(--accent-2);justify-content:center;align-items:center;padding:0 12px;font-size:.7rem;font-weight:560;display:inline-flex}.mem-card-arabic{font-family:var(--font-arabic);color:var(--text);margin:0;font-size:clamp(1.85rem,4vw,2.8rem);line-height:2}.mem-card-arabic-interactive{text-align:right}.mem-card-arabic--word{font-size:clamp(2.2rem,5.5vw,3.2rem);line-height:1.8}.mem-card-word-trigger{appearance:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;margin:0 .08em .08em 0;padding:0 .1em;transition:background-color .16s,color .16s}.mem-card-word-trigger:hover{background:color-mix(in srgb,var(--accent-2)12%,transparent);color:var(--accent-2)}.mem-card-word-trigger.active{background:color-mix(in srgb,var(--accent-2)16%,transparent);color:var(--accent-2)}.mem-card-word-trigger:focus-visible{background:color-mix(in srgb,var(--accent-2)14%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2)18%,transparent);outline:none}.mem-card-word-trigger--standalone{font-family:var(--font-arabic);color:var(--text);text-align:right;align-self:flex-end;font-size:clamp(2.2rem,5.5vw,3.2rem);line-height:1.8}.mem-card-meaning{color:var(--text);max-width:480px;margin:0;font-size:1.1rem;line-height:1.8}.mem-card-hint{color:var(--muted);opacity:.6;margin:0;font-size:.78rem}.mem-card-tap-hint{color:var(--muted);opacity:.3;letter-spacing:.02em;margin-top:12px;font-size:.64rem}.mem-card-back{flex-direction:column;padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) memReveal;display:flex}.mem-answer-section{flex-direction:column;gap:8px;padding:16px 0;display:flex}.mem-answer-section:first-child{padding-top:4px}.mem-answer-section:last-child{padding-bottom:4px}.mem-answer-divider{background:color-mix(in srgb,var(--stroke)25%,transparent);height:1px}.mem-answer-label{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-2);opacity:.6;font-size:.6rem;font-weight:640}.mem-card-translit{color:var(--muted);margin:0;font-size:.94rem;font-style:italic;line-height:1.65}.mem-card-context-arabic{font-family:var(--font-arabic);color:color-mix(in srgb,var(--text)85%,transparent);margin:0;font-size:clamp(1.2rem,2.8vw,1.7rem);line-height:1.9}.mem-card-context-meaning{color:var(--muted);margin:0;font-size:.94rem;line-height:1.7}.mem-card-actions{display:flex}.mem-rating-row{grid-template-columns:repeat(4,1fr);gap:6px;animation:.2s cubic-bezier(.16,1,.3,1) memFadeUp;display:grid}.mem-rate-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:64px;padding:12px 8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.mem-rate-btn:hover{transform:translateY(-1px)}.mem-rate-btn:active{transform:scale(.97)}.mem-rate-label{letter-spacing:-.01em;font-size:.84rem;font-weight:620}.mem-rate-interval{opacity:.7;font-size:.72rem;font-weight:480}.mem-rate-key{opacity:.2;font-variant-numeric:tabular-nums;font-size:.54rem;font-weight:560;position:absolute;top:4px;right:6px}.mem-rate-btn--again{color:#ef4444;background:#ef44441a}.mem-rate-btn--again .mem-rate-interval,.mem-rate-btn--again .mem-rate-key{color:#ef4444}.mem-rate-btn--again:hover{background:#ef444429;border-color:#ef444433}.mem-rate-btn--hard{color:#edb95e;background:#edb95e1a}.mem-rate-btn--hard .mem-rate-interval,.mem-rate-btn--hard .mem-rate-key{color:#edb95e}.mem-rate-btn--hard:hover{background:#edb95e29;border-color:#edb95e33}.mem-rate-btn--good{background:color-mix(in srgb,var(--accent-2)12%,transparent);color:var(--accent-2)}.mem-rate-btn--good .mem-rate-interval,.mem-rate-btn--good .mem-rate-key{color:var(--accent-2)}.mem-rate-btn--good:hover{background:color-mix(in srgb,var(--accent-2)18%,transparent);border-color:color-mix(in srgb,var(--accent-2)22%,transparent)}.mem-rate-btn--easy{color:#6eade8;background:#6eade81a}.mem-rate-btn--easy .mem-rate-interval,.mem-rate-btn--easy .mem-rate-key{color:#6eade8}.mem-rate-btn--easy:hover{background:#6eade829;border-color:#6eade833}.mem-complete{border:1px solid color-mix(in srgb,var(--stroke)40%,transparent);background:color-mix(in srgb,var(--card-strong)80%,transparent);-webkit-backdrop-filter:blur(20px);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:64px 32px 56px;animation:.35s cubic-bezier(.16,1,.3,1) memScaleIn;display:flex}.mem-complete-icon{background:color-mix(in srgb,var(--accent-2)10%,transparent);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.mem-complete-title{color:var(--text);letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:700}.mem-complete-stats{background:color-mix(in srgb,var(--stroke)12%,transparent);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;width:100%;max-width:380px;display:grid;overflow:hidden}.mem-complete-stat{background:color-mix(in srgb,var(--card-strong)95%,transparent);flex-direction:column;align-items:center;gap:4px;padding:16px 6px;display:flex}.mem-complete-stat-value{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.25rem;font-weight:720}.mem-complete-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.58rem;font-weight:600}.mem-complete-breakdown{flex-direction:column;gap:8px;width:100%;max-width:380px;display:flex}.mem-complete-breakdown-bar{background:color-mix(in srgb,var(--text)6%,transparent);border-radius:3px;gap:1px;height:6px;display:flex;overflow:hidden}.mem-breakdown-seg{border-radius:3px;min-width:3px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.mem-breakdown-seg--again{background:#ef4444}.mem-breakdown-seg--hard{background:#edb95e}.mem-breakdown-seg--good{background:var(--accent-2)}.mem-breakdown-seg--easy{background:#6eade8}.mem-complete-breakdown-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.mem-breakdown-item{font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:540}.mem-breakdown-item--again{color:#ef4444}.mem-breakdown-item--hard{color:#edb95e}.mem-breakdown-item--good{color:var(--accent-2)}.mem-breakdown-item--easy{color:#6eade8}.mem-complete-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.mem-share-btn{color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.6;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:520;transition:all .15s;display:inline-flex}.mem-share-btn:hover{opacity:1;background:color-mix(in srgb,var(--text)5%,transparent);color:var(--text)}@media (max-width:600px){.mem-shell{gap:16px;width:calc(100vw - 28px);padding:8px 0 80px}.mem-shell.mem-embedded{padding:0 0 48px}.mem-controls{flex-direction:column;align-items:stretch;gap:8px}.mem-scope-tabs{align-self:flex-start}.mem-mode-grid{gap:5px}.mem-mode-card{padding:6px 12px}.mem-insights{border-radius:16px;padding:18px}.mem-mastery-legend{gap:10px}.mem-activity-graph{gap:4px;height:48px}.mem-settings-grid{grid-template-columns:1fr;gap:10px}.mem-settings{border-radius:16px;padding:18px}.mem-deck-footer{flex-direction:column;align-items:center;gap:4px}.mem-card-front{min-height:260px;padding:36px 20px}.mem-card-back{padding:20px}.mem-complete{border-radius:16px;padding:40px 20px 36px}.mem-complete-actions{flex-direction:column;width:100%}.mem-complete-actions .mem-btn{width:100%}.mem-progress-stats{gap:10px}.mem-rating-row{grid-template-columns:repeat(2,1fr)}.mem-rate-btn{min-height:56px;padding:10px 8px}.mem-rate-label{font-size:.78rem}.mem-rate-interval{font-size:.66rem}}:root[data-theme=bw-dark] .mem-btn--primary{color:#111}:root[data-theme=bw-dark] .mem-rate-btn--again{background:color-mix(in srgb,var(--text)8%,transparent);color:var(--text)}:root[data-theme=bw-dark] .mem-rate-btn--again .mem-rate-interval,:root[data-theme=bw-dark] .mem-rate-btn--again .mem-rate-key{color:var(--muted)}:root[data-theme=bw-dark] .mem-rate-btn--hard{background:color-mix(in srgb,var(--text)6%,transparent);color:var(--muted)}:root[data-theme=bw-dark] .mem-rate-btn--hard .mem-rate-interval,:root[data-theme=bw-dark] .mem-rate-btn--hard .mem-rate-key{color:var(--muted)}:root[data-theme=bw-dark] .mem-rate-btn--good{background:color-mix(in srgb,var(--text)12%,transparent);color:var(--text)}:root[data-theme=bw-dark] .mem-rate-btn--good .mem-rate-interval,:root[data-theme=bw-dark] .mem-rate-btn--good .mem-rate-key{color:var(--text)}:root[data-theme=bw-dark] .mem-rate-btn--easy{background:color-mix(in srgb,var(--text)10%,transparent);color:var(--text)}:root[data-theme=bw-dark] .mem-rate-btn--easy .mem-rate-interval,:root[data-theme=bw-dark] .mem-rate-btn--easy .mem-rate-key{color:var(--muted)}:root[data-theme=bw-dark] .mem-mastery-seg--memorized{background:var(--text)}:root[data-theme=bw-dark] .mem-mastery-seg--reviewing{background:var(--muted)}:root[data-theme=bw-dark] .mem-mastery-seg--learning{background:color-mix(in srgb,var(--muted)50%,transparent)}:root[data-theme=bw-dark] .mem-legend-dot--memorized{background:var(--text)}:root[data-theme=bw-dark] .mem-legend-dot--reviewing{background:var(--muted)}:root[data-theme=bw-dark] .mem-legend-dot--learning{background:color-mix(in srgb,var(--muted)50%,transparent)}:root[data-theme=bw-dark] .mem-breakdown-seg--again{background:var(--text)}:root[data-theme=bw-dark] .mem-breakdown-seg--hard{background:var(--muted)}:root[data-theme=bw-dark] .mem-breakdown-seg--good{background:color-mix(in srgb,var(--text)80%,transparent)}:root[data-theme=bw-dark] .mem-breakdown-seg--easy{background:color-mix(in srgb,var(--muted)70%,transparent)}:root[data-theme=bw-dark] .mem-breakdown-item--again{color:var(--text)}:root[data-theme=bw-dark] .mem-breakdown-item--hard,:root[data-theme=bw-dark] .mem-breakdown-item--easy{color:var(--muted)}:root[data-theme=bw] .mem-rate-btn--again{background:color-mix(in srgb,var(--text)8%,transparent);color:var(--text)}:root[data-theme=bw] .mem-rate-btn--again .mem-rate-interval,:root[data-theme=bw] .mem-rate-btn--again .mem-rate-key{color:var(--muted)}:root[data-theme=bw] .mem-rate-btn--hard{background:color-mix(in srgb,var(--text)5%,transparent);color:var(--muted)}:root[data-theme=bw] .mem-rate-btn--hard .mem-rate-interval,:root[data-theme=bw] .mem-rate-btn--hard .mem-rate-key{color:var(--muted)}:root[data-theme=bw] .mem-rate-btn--good{background:color-mix(in srgb,var(--text)10%,transparent);color:var(--text)}:root[data-theme=bw] .mem-rate-btn--good .mem-rate-interval,:root[data-theme=bw] .mem-rate-btn--good .mem-rate-key{color:var(--text)}:root[data-theme=bw] .mem-rate-btn--easy{background:color-mix(in srgb,var(--text)7%,transparent);color:var(--muted)}:root[data-theme=bw] .mem-rate-btn--easy .mem-rate-interval,:root[data-theme=bw] .mem-rate-btn--easy .mem-rate-key{color:var(--muted)}:root[data-theme=bw] .mem-mastery-seg--memorized{background:var(--text)}:root[data-theme=bw] .mem-mastery-seg--reviewing{background:var(--muted)}:root[data-theme=bw] .mem-mastery-seg--learning{background:color-mix(in srgb,var(--muted)50%,transparent)}:root[data-theme=bw] .mem-legend-dot--memorized{background:var(--text)}:root[data-theme=bw] .mem-legend-dot--reviewing{background:var(--muted)}:root[data-theme=bw] .mem-legend-dot--learning{background:color-mix(in srgb,var(--muted)50%,transparent)}:root[data-theme=bw] .mem-breakdown-seg--again{background:var(--text)}:root[data-theme=bw] .mem-breakdown-seg--hard{background:var(--muted)}:root[data-theme=bw] .mem-breakdown-seg--good{background:color-mix(in srgb,var(--text)70%,transparent)}:root[data-theme=bw] .mem-breakdown-seg--easy{background:color-mix(in srgb,var(--muted)60%,transparent)}:root[data-theme=bw] .mem-breakdown-item--again{color:var(--text)}:root[data-theme=bw] .mem-breakdown-item--hard,:root[data-theme=bw] .mem-breakdown-item--easy{color:var(--muted)}:root[data-theme=light] .mem-insights,:root[data-theme=light] .mem-settings{border-color:color-mix(in srgb,var(--text)8%,transparent)}@media (prefers-reduced-motion:reduce){.mem-shell,.mem-setup,.mem-session,.mem-flashcard,.mem-complete,.mem-rating-row,.mem-card-back{animation:none}.mem-btn,.mem-icon-btn,.mem-rate-btn,.mem-card-body,.mem-progress-fill,.mem-mode-card{transition-duration:.01ms}}
:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#e8ded1;--bg-mid:#e0d4c5;--bg-light:#f0e7db;--card:#faf8f5e6;--card-strong:#f7f4eff2;--text:#2d3428;--muted:#6b7261;--accent:#425236;--accent-2:#5d6e50;--stroke:#42523614;--shadow:0 1px 3px #2d342808,0 4px 12px #2d34280d,0 16px 40px #2d34280a;--shadow-card:0 1px 2px #2d342805,0 4px 16px #2d34280a;--shadow-elevated:0 2px 8px #2d34280a,0 12px 32px #2d342814,0 32px 64px #2d34280f}:root[data-theme=light] body{color:var(--text);background:linear-gradient(#e8ded1 0%,#e0d4c5 50% 100%)}:root[data-theme=light] html{background-color:#e8ded1}:root[data-theme=light] body:before{background:radial-gradient(100% 60% at 50% -10%,#4252360a,#0000 70%),radial-gradient(80% 40% at 100%,#7a8a6808,#0000)}:root[data-theme=light] .logo-mark{background:radial-gradient(120% 120% at 20% 10%,#ffffffe6,#0000 60%),linear-gradient(#f0e7db 0%,#e0d4c5 100%);border-color:#42523614;box-shadow:0 0 0 1px #4252360f,0 4px 16px #2d342814}:root[data-theme=light] .logo:hover .logo-mark{box-shadow:0 0 0 1px #42523614,0 6px 20px #2d34281a}:root[data-theme=light] .logo-highlight{color:var(--accent)}:root[data-theme=light] .header-icon-btn{color:var(--text)}:root[data-theme=light] .header-icon-btn:hover{background:#42523614}:root[data-theme=light] .surah-search-wrapper .search,:root[data-theme=light] .mobile-input,:root[data-theme=light] .mobile-select,:root[data-theme=light] .settings-select{color:var(--text);background:#4252360a;border:none;transition:all .2s}:root[data-theme=light] .surah-search-wrapper .search:focus,:root[data-theme=light] .mobile-input:focus{background:#f0e7db;border:none;box-shadow:0 2px 8px #2d34280d}:root[data-theme=light] .surah-search-wrapper .search::placeholder,:root[data-theme=light] .mobile-input::placeholder{color:var(--muted)}:root[data-theme=light] .settings-select,:root[data-theme=light] .mobile-select{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='%236b7261' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=light] .surah-list{gap:2px}:root[data-theme=light] .surah-item{background:0 0;transition:background .2s;box-shadow:none!important;border:none!important}:root[data-theme=light] .surah-item:hover{background:#ece2d3b8;transform:none;box-shadow:none!important}:root[data-theme=light] .surah-item.active{background:#4252360f;box-shadow:none!important;border:none!important}:root[data-theme=light] .surah-item.active .surah-english{color:#2f3b2bfa;font-weight:600}:root[data-theme=light] .surah-item.active .surah-translation{color:#43503ecc}:root[data-theme=light] .surah-item.active .surah-arabic{color:#4a653feb}:root[data-theme=light] .surah-number{color:#34432ce6;background:#42523611;border-radius:999px}:root[data-theme=light] .meta{color:#434f3ab8;font-size:.84rem}:root[data-theme=light] .surah-translation,:root[data-theme=light] .study-sub,:root[data-theme=light] .plan-range,:root[data-theme=light] .ayah-translation,:root[data-theme=light] .compare-text{color:#3c4836d1}:root[data-theme=light] .surah-translation,:root[data-theme=light] .study-sub{font-size:.74rem}:root[data-theme=light] .study-section h3,:root[data-theme=light] .field,:root[data-theme=light] .label{color:#434f3a9e}:root[data-theme=light] .field{letter-spacing:.065em}:root[data-theme=light] .label{letter-spacing:.09em}:root[data-theme=light] .ayah-card{box-shadow:none;background:#f0e7db80;border:none;transition:background .2s}:root[data-theme=light] .ayah-card:hover{background:#f0e7dbf2;box-shadow:0 4px 24px #2d342808}:root[data-theme=light] .ayah-card.focused{background:#4252360f}:root[data-theme=light] .audio-placeholder{background:#4252360a}:root[data-theme=light] .translation-toggle button{color:var(--text);background:#4252360f;transition:all .2s}:root[data-theme=light] .translation-toggle button:hover{background:#4252361a}:root[data-theme=light] .translation-toggle button.active{color:var(--accent);background:#42523626}:root[data-theme=light] .action-btn{color:var(--text);background:#4252360f;border:1px solid #0000;transition:all .2s}:root[data-theme=light] .action-btn:hover{background:#4252361a}:root[data-theme=light] .settings-backdrop{background:#1e231e66}:root[data-theme=light] .settings-modal{box-shadow:0 16px 48px #2d342826;background:var(--bg-light)!important;border:1px solid #4252361a!important}:root[data-theme=light] .settings-title{color:var(--text)}:root[data-theme=light] .settings-close-btn{color:var(--muted)}:root[data-theme=light] .settings-tabs{border-bottom-color:#4252361a}:root[data-theme=light] .tab-label{color:var(--muted)}:root[data-theme=light] .tab-indicator{background:var(--accent)}:root[data-theme=light] .section-title{color:var(--accent)}:root[data-theme=light] .settings-select,:root[data-theme=light] .settings-input{background:var(--bg-mid);border-color:#4252361f}:root[data-theme=light] .translation-chip:hover{background:#4252360a}:root[data-theme=light] .translation-chip.selected{background:#42523614}:root[data-theme=light] .chip-check{background:var(--accent)}:root[data-theme=light] .settings-hint{color:var(--muted)}:root[data-theme=light] .note-panel,:root[data-theme=light] .compare-panel{box-shadow:var(--shadow-elevated);background:#f0e7dbf2;border:1px solid #4252361a}:root[data-theme=light] .compare-block{background:#faf8f5bf;border:1px solid #42523614}:root[data-theme=light] .note-body textarea{color:var(--text);background:#4252360a;border:1px solid #42523614}:root[data-theme=light] .note-body textarea:focus{background:#4252360f;border-color:#42523633}:root[data-theme=light] .close-btn{color:var(--text);background:#42523614}:root[data-theme=light] .study-mode-container{background:linear-gradient(#e8ded1 0%,#e0d4c5 100%)}:root[data-theme=light] .study-ambient-bg{background:radial-gradient(100% 50% at 50% -20%,#4252360a,#0000 60%),radial-gradient(60% 40% at 100% 100%,#7a8a6808,#0000)}:root[data-theme=light] .study-header{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#f0e7dbf2;border-bottom:none}:root[data-theme=light] .study-back-btn{color:var(--muted);background:#4252360f;border:none;transition:background .15s}:root[data-theme=light] .study-back-btn:hover{color:var(--text);background:#4252361a}:root[data-theme=light] .study-ayah-card{background:#f0e7dbd9;border:none;box-shadow:0 2px 12px #2d34280a}:root[data-theme=light] .study-ayah-card:hover{background:#f0e7dbf2}:root[data-theme=light] .study-ayah-card.playing{background:#4252360f}:root[data-theme=light] .study-ayah-card.marked{background:#667a4e29;box-shadow:0 2px 10px #42523614}:root[data-theme=light] .study-ayah-card.marked:hover{background:#667a4e33}:root[data-theme=light] .study-ayah-card.marked.playing{background:#5a6e4538}:root[data-theme=light] .study-ayah-number{color:var(--accent);background:#4252361a}:root[data-theme=light] .study-ayah-word-trigger:hover{background:#42523614}:root[data-theme=light] .study-ayah-word-trigger.active{color:var(--text);background:#e1d4c0e0}:root[data-theme=light] .quick-item-action.save:disabled{color:#4252368f;background:#42523614}:root[data-theme=light] .quick-item-action.danger{color:#9b493d;background:#b04e401a}:root[data-theme=light] .quick-item-action.danger:hover{background:#b04e4029}:root[data-theme=light] .study-lexicon-backdrop{background:#22281e3d}:root[data-theme=light] .study-lexicon-modal{background:#f0e7dbfa;border:none;box-shadow:0 20px 52px #2d342826}:root[data-theme=light] .study-lexicon-header{border-bottom:1px solid #4252361f}:root[data-theme=light] .study-lexicon-close{color:var(--text);background:#42523614}:root[data-theme=light] .study-lexicon-word{color:var(--text)}:root[data-theme=light] .study-lexicon-root-focus{background:#42523612;border-color:#42523626}:root[data-theme=light] .study-lexicon-root-focus.is-unavailable{background:#4252360d;border-color:#4252361a}:root[data-theme=light] .study-lexicon-root-heading{color:#425236bf}:root[data-theme=light] .study-lexicon-meta-item,:root[data-theme=light] .study-lexicon-summary-item,:root[data-theme=light] .study-lexicon-guide-item{background:#4252360d}:root[data-theme=light] .study-lexicon-guide-toggle{color:var(--text);background:#42523614}:root[data-theme=light] .study-lexicon-guide-popover{background:#f0e7dbfc;border-color:#4252361f;box-shadow:0 18px 38px #2d342824}:root[data-theme=light] .study-lexicon-guide-code{color:var(--accent);background:#4252361f}:root[data-theme=light] .study-lexicon-guide-meaning{color:#2c3628cc}:root[data-theme=light] .study-lane-open-btn{color:var(--accent);background:#42523624}:root[data-theme=light] .study-root-link{color:var(--accent);background:#4252361f}:root[data-theme=light] .study-root-insight-btn,:root[data-theme=light] .study-word-audio-btn{color:var(--accent);background:#42523624}:root[data-theme=light] .study-lexicon-chip,:root[data-theme=light] .study-lexicon-ref{background:#42523614}:root[data-theme=light] .study-lexicon-list li{color:#2c3628e0}:root[data-theme=light] input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}:root[data-theme=light] .reciter-card{background:0 0}:root[data-theme=light] .reciter-card:hover{background:#4252360a}:root[data-theme=light] .reciter-card.selected{background:#42523614}:root[data-theme=light] .reciter-avatar{background:var(--bg-mid)}:root[data-theme=light] .slider-track-container{background:#4252361a}:root[data-theme=light] .slider-input::-webkit-slider-thumb{background:#fff;box-shadow:0 1px 3px #2d342833}:root[data-theme=light] .quick-panel{box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#f0e7dbf2;border:1px solid #4252361a}:root[data-theme=light] .study-card,:root[data-theme=light] .study-settings-group,:root[data-theme=light] .search-results li{background:#faf8f5bf;border:1px solid #4252361f}:root[data-theme=light] .study-card h4,:root[data-theme=light] .study-settings-title{color:var(--accent)}:root[data-theme=light] .tafsir-card.study-card{background:0 0;border:none}:root[data-theme=light] .study-rail{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#f0e7dbeb;border:1px solid #4252361f;box-shadow:0 8px 24px #2d34281f}:root[data-theme=light] .study-rail-btn{color:var(--muted);background:#42523614}:root[data-theme=light] .study-rail-btn:hover{color:var(--text);background:#42523629}:root[data-theme=light] .study-rail-btn.active{color:#f0e7db;background:linear-gradient(135deg,#425236 0%,#5d6e50 100%);box-shadow:0 6px 16px #42523633}:root[data-theme=light] .memorize-modal-backdrop{background:#e0d4c5b3}:root[data-theme=light] .memorize-modal{box-shadow:var(--shadow-elevated);background:#f0e7dbfa;border:1px solid #4252361f}:root[data-theme=light] .memorize-close,:root[data-theme=light] .memorize-segmented{background:#42523614}:root[data-theme=light] .memorize-segment{color:var(--muted)}:root[data-theme=light] .memorize-segment.active{color:var(--text);box-shadow:none;background:#4252362e}:root[data-theme=light] .memorize-range-grid input,:root[data-theme=light] .memorize-range-summary,:root[data-theme=light] .memorize-stepper{color:var(--text);background:#42523614}:root[data-theme=light] .memorize-stepper button{color:var(--text);background:#4252361f}:root[data-theme=light] .memorize-ghost{color:var(--text);background:#4252361a}:root[data-theme=light] .memorize-primary{color:#f0e7db;background:linear-gradient(135deg,#425236 0%,#5d6e50 100%)}@media (max-width:768px){:root[data-theme=light] .study-rail{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}}:root[data-theme=light] .study-mode-container.page-scope .study-reading-area{scrollbar-color:#42523626 transparent}:root[data-theme=light] .study-mode-container.page-scope .study-reading-area::-webkit-scrollbar-thumb{background:#42523626}:root[data-theme=light] .study-mode-container .tajweed{color:#2e7a66}:root[data-theme=light] .study-mode-container .tajweed.ham_wasl{color:#7f8a82}:root[data-theme=light] .study-mode-container .tajweed.laam_shamsiyah{color:#b8842e}:root[data-theme=light] .study-mode-container .tajweed.laam_qamariyah,:root[data-theme=light] .study-mode-container .tajweed.madda_normal,:root[data-theme=light] .study-mode-container .tajweed.madda_permissible,:root[data-theme=light] .study-mode-container .tajweed.madda_obligatory{color:#3b6fa3}:root[data-theme=light] .study-mode-container .tajweed.madda_necessary{color:#b2553b}:root[data-theme=light] .study-mode-container .tajweed.qalqalah,:root[data-theme=light] .study-mode-container .tajweed.qalaqah{color:#b84242}:root[data-theme=light] .study-mode-container .tajweed.ikhafa,:root[data-theme=light] .study-mode-container .tajweed.ikhafa_shafawi,:root[data-theme=light] .study-mode-container .tajweed.ikhfaa{color:#6a4bb3}:root[data-theme=light] .study-mode-container .tajweed.iqlab{color:#2b7ba3}:root[data-theme=light] .study-mode-container .tajweed.idgham_with_ghunnah,:root[data-theme=light] .study-mode-container .tajweed.idgham_shafawi,:root[data-theme=light] .study-mode-container .tajweed.ghunnah{color:#2f7d4b}:root[data-theme=light] .study-mode-container .tajweed.idgham_without_ghunnah,:root[data-theme=light] .study-mode-container .tajweed.idgham_wo_ghunnah{color:#2c6aa6}:root[data-theme=light] .study-mode-container .tajweed.slnt{color:#7f8a82;opacity:.8;font-weight:500}:root[data-theme=light] .toggle-switch{background:#42523626}:root[data-theme=light] .toggle-switch.active{background:var(--accent)}:root[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}:root[data-theme=light] ::-webkit-scrollbar-track{background:0 0}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#42523626;border-radius:4px}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#42523640}:root[data-theme=light] button,:root[data-theme=light] [role=button],:root[data-theme=light] .btn,:root[data-theme=light] a.btn,:root[data-theme=light] .surah-item,:root[data-theme=light] .ayah-card,:root[data-theme=light] .translation-chip,:root[data-theme=light] .reciter-card,:root[data-theme=light] .ayah-action{-webkit-tap-highlight-color:transparent}:root[data-theme=light] .surah-item:active{background:#42523614;transition:background .15s ease-out}:root[data-theme=light] .ayah-card:active,:root[data-theme=light] .translation-chip:active,:root[data-theme=light] .reciter-card:active,:root[data-theme=light] .study-ayah-card:active{background:#4252360f;transition:background-color .15s ease-out}:root[data-theme=light] .ayah-action:active,:root[data-theme=light] .action-btn:active,:root[data-theme=light] .study-ayah-action:active{background:#4252361f;transition:background .1s ease-out}:root[data-theme=light] .settings-tab:active{background:#4252360f}:root[data-theme=light] button:active,:root[data-theme=light] [role=button]:active{opacity:.9}:root[data-theme=light] .surah-item.active{box-shadow:none!important;background:#4252360f!important;border:none!important}:root[data-theme=light] :focus-visible{outline:none}:root[data-theme=light] .search:focus,:root[data-theme=light] .surah-search-wrapper input:focus,:root[data-theme=light] input:focus,:root[data-theme=light] select:focus,:root[data-theme=light] textarea:focus{box-shadow:none!important;background:#f0e7db!important;border-color:#42523633!important}:root[data-theme=light] .ayah-card:focus,:root[data-theme=light] .ayah-card:active,:root[data-theme=light] .ayah-card.focused{box-shadow:none!important;background:#4252360f!important;border:none!important;outline:none!important}@media (hover:none) and (pointer:coarse){:root[data-theme=light] .ayah-card:active,:root[data-theme=light] .ayah-card:focus{box-shadow:none!important;background:#f0e7db80!important;transition:none!important}}:root[data-theme=light] .back-to-top{color:var(--accent);background:#f0e7dbe6;border:none;box-shadow:0 4px 16px #2d342814}:root[data-theme=light] .back-to-top:hover{background:#f0e7db;transform:translateY(-2px);box-shadow:0 6px 20px #2d34281f}:root[data-theme=light] .chip.selected,:root[data-theme=light] .chip.active,:root[data-theme=light] [class*=chip].selected{background:#4252361a!important;border-color:#42523640!important}:root[data-theme=light] .study-ayah-card.playing,:root[data-theme=light] .ayah-card.playing{background:#4252360f!important;border-color:#42523626!important}:root[data-theme=light] .segmented-btn.active,:root[data-theme=light] .segment-btn.active{background:#4252361f!important}:root[data-theme=light] .progress-fill,:root[data-theme=light] .slider-progress{background:var(--accent)!important}:root[data-theme=light] .progress-fill::-webkit-progress-value{background:var(--accent)!important}:root[data-theme=light] .progress-fill::-moz-progress-bar{background:var(--accent)!important}:root[data-theme=light] .badge,:root[data-theme=light] .tag{color:var(--accent);background:#4252361a}:root[data-theme=light] .surah-number{color:#34432ce6!important;background:#42523611!important}:root[data-theme=light] .surah-item.active .surah-number{color:var(--accent)!important;background:#42523614!important}:root[data-theme=light] .has-focus-ring:focus,:root[data-theme=light] [tabindex]:focus{box-shadow:0 0 0 2px #42523633}:root[data-theme=light] .last-read-card{background:linear-gradient(135deg,#f0e7dbcc 0%,#ebe1d299 100%);border:none;box-shadow:0 4px 20px #4252360d}:root[data-theme=light] .last-read-icon{color:var(--accent);background:#42523614}:root[data-theme=light] .last-read-label{color:var(--accent);opacity:.8}:root[data-theme=light] .action-icon-btn.play-icon.playing{color:var(--accent)!important;background:#42523626!important}:root[data-theme=light] .action-icon-btn.hifz-icon.memorized{color:var(--accent);background:#4252361f}:root[data-theme=light] .study-ayah-card.memorized{border-left-color:#42523666}:root[data-theme=light] .hifz-action-btn{color:var(--accent);background:#42523614;border-color:#42523633}:root[data-theme=light] .hifz-action-btn:hover{background:#42523624}:root[data-theme=light] .audio-bar.playing{border-color:var(--accent-2)!important}:root[data-theme=light] .audio-bar.playing:before{background:linear-gradient(90deg,var(--accent-2),var(--accent))!important}:root[data-theme=light] .last-read-time{color:var(--muted)}:root[data-theme=light] .ayah-action,:root[data-theme=light] .study-ayah-action,:root[data-theme=light] .action-icon-btn,:root[data-theme=light] .icon-btn{box-shadow:none!important;color:var(--muted)!important;background:0 0!important;border:none!important;transition:all .2s!important;transform:none!important}:root[data-theme=light] .ayah-action:hover,:root[data-theme=light] .study-ayah-action:hover,:root[data-theme=light] .action-icon-btn:hover,:root[data-theme=light] .icon-btn:hover{color:var(--accent)!important;background:#42523614!important;transform:translateY(-1px)!important}:root[data-theme=light] .ayah-action:active,:root[data-theme=light] .study-ayah-action:active,:root[data-theme=light] .action-icon-btn:active,:root[data-theme=light] .icon-btn:active{background:#4252361f!important;transition:none!important;transform:translateY(0)!important}:root[data-theme=light] .ayah-action svg,:root[data-theme=light] .study-ayah-action svg,:root[data-theme=light] .action-icon-btn svg{stroke:currentColor;stroke-width:1.5px;fill:none}:root[data-theme=light] .action-btn{color:var(--accent);background:#4252360f;border:none;font-weight:500;transition:all .2s}:root[data-theme=light] .action-btn:hover{background:#4252361f;transform:translateY(-1px);box-shadow:0 2px 8px #42523614}:root[data-theme=light] .action-btn:active{box-shadow:none;background:#42523626;transform:translateY(0)}:root[data-theme=light] .quick-controls-row .action-btn.stop-btn,:root[data-theme=light] .quick-controls-row .action-btn.play-btn,:root[data-theme=light] .quick-controls-row .action-btn.stop-btn:hover,:root[data-theme=light] .quick-controls-row .action-btn.play-btn:hover{box-shadow:none;transform:none}:root[data-theme=light] .quick-controls-row .quick-slider input[type=range]{background:#4252362e}:root[data-theme=light] .quick-controls-row .quick-slider input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:#4252362e;height:4px}:root[data-theme=light] .quick-controls-row .quick-slider input[type=range]::-webkit-slider-thumb{margin-top:-5px}:root[data-theme=light] .quick-controls-row .quick-slider input[type=range]::-moz-range-track{border-radius:var(--radius-full);background:#4252362e;height:4px}:root[data-theme=light] .settings-select,:root[data-theme=light] .mobile-select{background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px}:root[data-theme=light] .surah-prayer-hint{background:linear-gradient(152deg,#f7f4eefa,#efe8dcf5);border-color:#42523638;box-shadow:0 12px 28px #2d34281f}:root[data-theme=light] .surah-prayer-hint:before{background:#f4eee4fa;border-top-color:#42523638;border-left-color:#42523638}:root[data-theme=light] .surah-prayer-hint-text{color:#3c4836e6}:root[data-theme=light] .surah-prayer-hint-dismiss{color:var(--accent)}:root[data-theme=light] .surah-prayer-hint-dismiss:hover{color:#334127}:root[data-theme=light] .prayer-floating-backdrop{-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#2c342a2e}:root[data-theme=light] .prayer-floating-panel{background:linear-gradient(168deg,#faf7f1fe 0%,#f3ede4fe 100%);border-color:#42523624;box-shadow:0 24px 80px -12px #2d342826,inset 0 0 0 .5px #42523614}:root[data-theme=light] .prayer-floating-title{color:#2b3728}:root[data-theme=light] .prayer-floating-subtitle{color:#6b7562}:root[data-theme=light] .prayer-floating-close{color:#6b7562;background:#42523612}:root[data-theme=light] .prayer-floating-close:hover{color:#2b3728;background:#42523621}:root[data-theme=light] .prayer-hero-card{background:linear-gradient(145deg,#42523614 0%,#42523608 60%,#fff6 100%);border-color:#4252361a}:root[data-theme=light] .prayer-hero-card:before{background:radial-gradient(at 30% 20%,#4252360d 0%,#0000 70%)}:root[data-theme=light] .prayer-hero-label{color:#42523699}:root[data-theme=light] .prayer-hero-name{color:#2b3728}:root[data-theme=light] .prayer-hero-time{color:#425236cc}:root[data-theme=light] .prayer-section-title{color:#4252368c}:root[data-theme=light] .prayer-schedule-card{background:#fff9;border-color:#42523614}:root[data-theme=light] .prayer-schedule-row{border-bottom-color:#4252360f}:root[data-theme=light] .prayer-schedule-row.active{background:linear-gradient(90deg,#42523614 0%,#42523608 100%)}:root[data-theme=light] .prayer-schedule-row.active .prayer-schedule-name,:root[data-theme=light] .prayer-schedule-row.active .prayer-schedule-time{color:var(--accent)}:root[data-theme=light] .prayer-schedule-name{color:#2f3a2a}:root[data-theme=light] .prayer-schedule-time{color:#6b7562}:root[data-theme=light] .prayer-settings-card{background:#fff9;border-color:#42523614}:root[data-theme=light] .prayer-settings-divider{background:#4252360f}:root[data-theme=light] .prayer-settings-label{color:#2f3a2a}:root[data-theme=light] .prayer-settings-select,:root[data-theme=light] .prayer-settings-input{color:#6b7562}:root[data-theme=light] .prayer-settings-input:focus{color:#2f3a2a}:root[data-theme=light] .prayer-custom-trigger{color:#6b7562}:root[data-theme=light] .prayer-custom-trigger:hover,:root[data-theme=light] .prayer-custom-trigger.open{color:#2f3a2a}:root[data-theme=light] .prayer-custom-chevron{color:#6b7562}:root[data-theme=light] .prayer-custom-dropdown{background:linear-gradient(168deg,#fffdf9fc 0%,#f8f4edfc 100%);border-color:#4252361f;box-shadow:0 16px 48px -8px #2d34281f,inset 0 0 0 .5px #42523614}:root[data-theme=light] .prayer-custom-search{color:#2f3a2a;background:#4252360a;border-color:#4252361a}:root[data-theme=light] .prayer-custom-search:focus{background:#4252360f;border-color:#42523640}:root[data-theme=light] .prayer-custom-option{color:#2f3a2a}:root[data-theme=light] .prayer-custom-option:hover,:root[data-theme=light] .prayer-custom-option.highlighted{background:#4252360f}:root[data-theme=light] .prayer-custom-option.selected,:root[data-theme=light] .prayer-custom-option.selected svg{color:var(--accent)}:root[data-theme=light] .prayer-custom-options::-webkit-scrollbar-thumb{background:#4252361f}:root[data-theme=light] .prayer-city-selected-pill{background:#ffffffb3;border-color:#4252361f}:root[data-theme=light] .prayer-city-row .prayer-city-input:focus{background:#4252360a}:root[data-theme=light] .prayer-city-options-status,:root[data-theme=light] .prayer-city-options{-webkit-backdrop-filter:blur(16px);background:#fffffff5;border-color:#4252361a;box-shadow:0 12px 32px #2d34281a}:root[data-theme=light] .prayer-city-option:hover{background:#4252360f}:root[data-theme=light] .prayer-city-option.active{background:#4252361a}:root[data-theme=light] .prayer-city-option.active .prayer-city-option-main{color:var(--accent)}:root[data-theme=light] .prayer-city-clear-btn{color:#6b7562;background:#42523614}:root[data-theme=light] .prayer-city-clear-btn:hover{color:#2f3a2a;background:#42523624}
:root[data-theme=bw]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#fff;--bg-mid:#fafafa;--bg-light:#f5f5f5;--card:#fffffff2;--card-strong:#fffffffa;--text:#111;--muted:#666;--accent:#111;--accent-2:#333;--stroke:#0000001a;--shadow:0 1px 3px #0000000a,0 4px 12px #0000000f;--shadow-card:0 1px 2px #00000008,0 4px 16px #0000000d;--shadow-elevated:0 2px 8px #0000000f,0 12px 32px #0000001a,0 32px 64px #00000014;--gradient-primary:linear-gradient(135deg,#333 0%,#111 100%)}:root[data-theme=bw] body{color:var(--text);background:#fff}:root[data-theme=bw] html{background-color:#fff}:root[data-theme=bw] body:before{display:none}:root[data-theme=bw] .logo-mark{background:#f5f5f5;border-color:#00000014;box-shadow:0 0 0 1px #0000000f,0 2px 8px #0000000f}:root[data-theme=bw] .logo:hover .logo-mark{box-shadow:0 0 0 1px #0000001a,0 4px 12px #00000014}:root[data-theme=bw] .logo-highlight{color:#333}:root[data-theme=bw] .header-icon-btn{color:var(--text)}:root[data-theme=bw] .header-icon-btn:hover{background:#0000000f}:root[data-theme=bw] .topbar{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffe6;border-bottom:none}:root[data-theme=bw] .surah-panel{background:0 0;border-color:#0000;border-radius:0;padding:0}:root[data-theme=bw] .surah-item:hover{background:#0000000a}:root[data-theme=bw] .surah-item.active{background:#0000000f}:root[data-theme=bw] .surah-number{color:var(--text);background:#0000000d}:root[data-theme=bw] .surah-arabic{color:#333}:root[data-theme=bw] .surah-search-wrapper .search,:root[data-theme=bw] .mobile-input,:root[data-theme=bw] .mobile-select{color:var(--text);background:#0000000a;border:none;transition:all .2s}:root[data-theme=bw] .surah-search-wrapper .search:focus,:root[data-theme=bw] .mobile-input:focus{background:#f5f5f5;border:none;box-shadow:0 2px 8px #0000000d}:root[data-theme=bw] .surah-search-wrapper .search::placeholder,:root[data-theme=bw] .mobile-input::placeholder{color:var(--muted)}:root[data-theme=bw] .ayah-card{background:#fafafa99;border-color:#0000000f}:root[data-theme=bw] .ayah-card:hover{background:#f5f5f5cc}:root[data-theme=bw] .ayah-card.active{background:#f0f0f0cc;border-color:#0000001f}:root[data-theme=bw] .ayah-number-badge{color:var(--muted);background:#0000000d}:root[data-theme=bw] .action-btn{color:var(--text);box-shadow:none;background:#0000000d;transform:none}:root[data-theme=bw] .action-btn:hover{box-shadow:none;background:#0000001a;transform:none}:root[data-theme=bw] .action-btn:active{box-shadow:none;transform:none}:root[data-theme=bw] .quick-controls-row .action-btn.stop-btn{color:#333;box-shadow:none;background:#0000000f;transform:none}:root[data-theme=bw] .quick-controls-row .action-btn.stop-btn:hover{background:#0000001a}:root[data-theme=bw] .quick-controls-row .action-btn.play-btn{color:#111;box-shadow:none;background:#00000014;transform:none}:root[data-theme=bw] .compare-panel,:root[data-theme=bw] .note-panel{box-shadow:var(--shadow-elevated);background:#fff;border:1px solid #0000001a}:root[data-theme=bw] .compare-block{background:#00000005;border-color:#0000000f}:root[data-theme=bw] .settings-modal-container{background:#fff;border-color:#0000001a}:root[data-theme=bw] .mobile-settings-overlay{background:#0006}:root[data-theme=bw] .settings-tab-btn{color:var(--muted)}:root[data-theme=bw] .settings-tab-btn.active{color:var(--text);background:#0000000f}:root[data-theme=bw] .settings-group{background:#00000005;border-color:#0000000f}:root[data-theme=bw] ::-webkit-scrollbar-track{background:0 0}:root[data-theme=bw] ::-webkit-scrollbar-thumb{background-color:#00000026}:root[data-theme=bw] ::-webkit-scrollbar-thumb:hover{background-color:#00000040}:root[data-theme=bw] .quick-panel{-webkit-backdrop-filter:blur(20px);background:#fffffff5;border-color:#00000014}:root[data-theme=bw] .quick-panel-backdrop{background:#0000004d}:root[data-theme=bw] .study-header{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #00000014}:root[data-theme=bw] .study-mode-container{background:#fafafa}:root[data-theme=bw] .study-card{background:#fff;border-color:#0000000f}:root[data-theme=bw] .study-card:hover{border-color:#0000001f}:root[data-theme=bw] .audio-bar{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #00000014}:root[data-theme=bw] .translation-chip,:root[data-theme=bw] .reciter-card,:root[data-theme=bw] .study-reciter-chip{color:var(--text);background:#0000000a;border-color:#00000014}:root[data-theme=bw] .translation-chip:hover,:root[data-theme=bw] .reciter-card:hover,:root[data-theme=bw] .study-reciter-chip:hover{background:#00000014}:root[data-theme=bw] .translation-chip.selected,:root[data-theme=bw] .reciter-card.selected,:root[data-theme=bw] .study-reciter-chip.active{border-color:#0003;background:#0000001a!important}:root[data-theme=bw] .tooltip{color:#fff;background:#111}:root[data-theme=bw] .shortcuts-overlay{background:#0006}:root[data-theme=bw] .shortcuts-modal{background:#fff;border-color:#0000001a}:root[data-theme=bw] .back-to-top{color:var(--text);background:#0000000f;border:1px solid #00000014}:root[data-theme=bw] .back-to-top:hover{background:#0000001a}:root[data-theme=bw] .bookmark-active{color:#111}:root[data-theme=bw] .bismillah-banner{color:#333}:root[data-theme=bw] .prayer-panel-container{background:#fff;border-color:#00000014}:root[data-theme=bw] .prayer-time-row{border-color:#0000000d}:root[data-theme=bw] .prayer-time-row.active{background:#0000000a}:root[data-theme=bw] .toggle-track{background:#00000026}:root[data-theme=bw] .toggle-track.active{background:#333}:root[data-theme=bw] .toggle-thumb{background:#fff;box-shadow:0 1px 3px #0003}:root[data-theme=bw] textarea,:root[data-theme=bw] input[type=text],:root[data-theme=bw] input[type=number]{color:var(--text);background:#00000008;border:1px solid #0000001a}:root[data-theme=bw] textarea:focus,:root[data-theme=bw] input[type=text]:focus,:root[data-theme=bw] input[type=number]:focus{border-color:#0000004d;box-shadow:0 0 0 3px #0000000f}:root[data-theme=bw] .close-btn{color:var(--muted)}:root[data-theme=bw] .close-btn:hover{color:var(--text);background:#0000000f}:root[data-theme=bw] .eyebrow{color:#666}:root[data-theme=bw] .empty-state-icon{opacity:.25}:root[data-theme=bw] .status{color:var(--muted)}:root[data-theme=bw] .prayer-floating-panel{background:#fff;border-color:#0000001a;box-shadow:0 24px 80px -12px #00000026,inset 0 0 0 .5px #0000000d}:root[data-theme=bw] .prayer-floating-title{color:#111}:root[data-theme=bw] .prayer-floating-subtitle{color:#666}:root[data-theme=bw] .prayer-floating-close{color:#666;background:#0000000d}:root[data-theme=bw] .prayer-floating-close:hover{color:#111;background:#0000001a}:root[data-theme=bw] .prayer-hero-card{background:linear-gradient(145deg,#0000000a 0%,#00000005 60%,#fffc 100%);border-color:#00000014}:root[data-theme=bw] .prayer-hero-card:before{background:radial-gradient(at 30% 20%,#00000008 0%,#0000 70%)}:root[data-theme=bw] .prayer-hero-label{color:#00000080}:root[data-theme=bw] .prayer-hero-name{color:#111}:root[data-theme=bw] .prayer-hero-time{color:#000000b3}:root[data-theme=bw] .prayer-hero-empty,:root[data-theme=bw] .prayer-section-title{color:#00000080}:root[data-theme=bw] .prayer-schedule-card{background:#00000005;border-color:#0000000f}:root[data-theme=bw] .prayer-schedule-empty{color:#00000080}:root[data-theme=bw] .prayer-schedule-row{border-bottom-color:#0000000d}:root[data-theme=bw] .prayer-schedule-row.active{background:linear-gradient(90deg,#0000000f 0%,#00000005 100%)}:root[data-theme=bw] .prayer-schedule-row.active .prayer-schedule-name,:root[data-theme=bw] .prayer-schedule-row.active .prayer-schedule-time{color:#111;font-weight:600}:root[data-theme=bw] .prayer-schedule-name{color:#333}:root[data-theme=bw] .prayer-schedule-time{color:#666}:root[data-theme=bw] .prayer-settings-card{background:#00000005;border-color:#0000000f}:root[data-theme=bw] .prayer-settings-divider{background:#0000000f}:root[data-theme=bw] .prayer-settings-label{color:#333}:root[data-theme=bw] .prayer-settings-select,:root[data-theme=bw] .prayer-settings-input{color:#666}:root[data-theme=bw] .prayer-settings-input:focus{color:#111}:root[data-theme=bw] .prayer-custom-select{color:#333}:root[data-theme=bw] .prayer-custom-trigger{background:#0000000a;border-color:#00000014}:root[data-theme=bw] .prayer-custom-trigger:hover{background:#0000000f}:root[data-theme=bw] .prayer-custom-dropdown{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}:root[data-theme=bw] .prayer-custom-search{color:#111;background:#0000000a;border-color:#00000014}:root[data-theme=bw] .prayer-custom-search:focus{background:#fff;border-color:#0003}:root[data-theme=bw] .prayer-custom-option{color:#333}:root[data-theme=bw] .prayer-custom-option:hover,:root[data-theme=bw] .prayer-custom-option.highlighted{background:#0000000a}:root[data-theme=bw] .prayer-custom-option.selected{color:#111;background:#00000014}:root[data-theme=bw] .prayer-custom-no-match{color:#888}:root[data-theme=bw] .prayer-city-input-shell{background:#0000000a;border-color:#00000014}:root[data-theme=bw] .prayer-city-input{color:#111}:root[data-theme=bw] .prayer-city-input::placeholder,:root[data-theme=bw] .prayer-city-input-icon{color:#888}:root[data-theme=bw] .prayer-city-clear-btn{color:#666}:root[data-theme=bw] .prayer-city-clear-btn:hover{color:#111;background:#0000000f}:root[data-theme=bw] .prayer-city-selected-pill{background:#0000000f;border-color:#0000001a}:root[data-theme=bw] .prayer-city-selected-main{color:#111}:root[data-theme=bw] .prayer-city-selected-meta{color:#888}:root[data-theme=bw] .prayer-city-options{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}:root[data-theme=bw] .prayer-city-options-head{color:#888}:root[data-theme=bw] .prayer-city-option{color:#333}:root[data-theme=bw] .prayer-city-option:hover,:root[data-theme=bw] .prayer-city-option.active{background:#0000000a}:root[data-theme=bw] .prayer-city-option-main{color:#111}:root[data-theme=bw] .prayer-city-option-meta,:root[data-theme=bw] .prayer-city-options-status{color:#888}:root[data-theme=bw] .prayer-floating-backdrop{background:#0006}:root[data-theme=bw] .study-rail{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#fffffff5;border:1px solid #0000001a;box-shadow:0 8px 24px #0000001a}:root[data-theme=bw] .study-rail-btn{color:#666;background:#0000000d}:root[data-theme=bw] .study-rail-btn:hover{color:#111;background:#0000001a}:root[data-theme=bw] .study-rail-btn.active{color:#fff;background:#111;box-shadow:0 4px 12px #0003}@media (max-width:768px){:root[data-theme=bw] .study-rail{box-shadow:none;-webkit-backdrop-filter:none;background:#f5f5f5f2;border:none}}:root[data-theme=bw] .settings-backdrop{background:#0006}:root[data-theme=bw] .settings-modal{box-shadow:0 16px 48px #0000001f;background:#fff!important;border:1px solid #0000001a!important}:root[data-theme=bw] .settings-title{color:#111}:root[data-theme=bw] .settings-close-btn{color:#666}:root[data-theme=bw] .settings-close-btn:hover{color:#111;background:#0000000d}:root[data-theme=bw] .settings-tabs{border-bottom-color:#00000014}:root[data-theme=bw] .settings-tab{color:#666}:root[data-theme=bw] .settings-tab:hover{color:#333}:root[data-theme=bw] .settings-tab.active{color:#111}:root[data-theme=bw] .tab-label{color:inherit}:root[data-theme=bw] .tab-indicator{background:#111}:root[data-theme=bw] .section-title{color:#666}:root[data-theme=bw] .settings-select{color:#111;background:#f5f5f5;border-color:#0000001a}:root[data-theme=bw] .settings-select:focus{border-color:#0003}:root[data-theme=bw] .settings-input{color:#111;background:#f5f5f5;border-color:#0000001a}:root[data-theme=bw] .settings-input:focus{border-color:#0003}:root[data-theme=bw] .chip-check{background:#111}:root[data-theme=bw] .slider-track-container{background:#00000014}:root[data-theme=bw] .settings-hint{color:#888}:root[data-theme=bw] .toggle-switch.active{box-shadow:none;background:#111;border-color:#0000004d}:root[data-theme=bw] .study-card,:root[data-theme=bw] .study-settings-group{background:#00000008;border-color:#00000014}:root[data-theme=bw] .tafsir-card.study-card{background:0 0;border:none}:root[data-theme=bw] .study-lexicon-backdrop{background:#0006}:root[data-theme=bw] .study-lexicon-modal{background:#fff;border:1px solid #0000001a;box-shadow:0 20px 52px #00000026}:root[data-theme=bw] .study-lexicon-header{border-bottom:1px solid #00000014}:root[data-theme=bw] .study-lexicon-close{color:#666;background:#0000000d}:root[data-theme=bw] .study-lexicon-close:hover{color:#111;background:#0000001a}:root[data-theme=bw] .study-lexicon-word{color:#111}:root[data-theme=bw] .study-lexicon-root-focus{background:#0000000a;border-color:#0000001f}:root[data-theme=bw] .study-lexicon-root-focus.is-unavailable{background:#00000008;border-color:#00000014}:root[data-theme=bw] .study-lexicon-root-heading{color:#666}:root[data-theme=bw] .study-lexicon-meta-item,:root[data-theme=bw] .study-lexicon-summary-item,:root[data-theme=bw] .study-lexicon-guide-item{background:#0000000a}:root[data-theme=bw] .study-lexicon-guide-toggle{color:#333;background:#0000000f}:root[data-theme=bw] .study-lexicon-guide-popover{background:#fff;border-color:#0000001a;box-shadow:0 18px 38px #0000001f}:root[data-theme=bw] .study-lexicon-guide-code{color:#111;background:#00000014}:root[data-theme=bw] .study-lexicon-guide-meaning{color:#666}:root[data-theme=bw] .study-lane-open-btn{color:#333;background:#00000014}:root[data-theme=bw] .study-root-link{color:#333;background:#0000000f}:root[data-theme=bw] .study-root-insight-btn,:root[data-theme=bw] .study-word-audio-btn{color:#333;background:#00000014}:root[data-theme=bw] .study-lexicon-chip,:root[data-theme=bw] .study-lexicon-ref{background:#0000000d}:root[data-theme=bw] .study-lexicon-list li{color:#333}:root[data-theme=bw] .study-ayah-card.playing{background:#0000000f!important}:root[data-theme=bw] .study-ayah-card.marked{background:#0000001f!important}:root[data-theme=bw] .study-ayah-card.marked:hover{background:#00000029!important}:root[data-theme=bw] .study-ayah-card.marked.playing{background:#0000002e!important}:root[data-theme=bw] .quick-item-action.danger{color:#c33;background:#cc333314}:root[data-theme=bw] .quick-item-action.danger:hover{background:#cc33331f}:root[data-theme=bw] .translation-chip:hover,:root[data-theme=bw] .reciter-card:hover{background:#0000000f}:root[data-theme=bw] .translation-chip.selected,:root[data-theme=bw] .reciter-card.selected{color:#111;border-color:#00000026;background:#0000001a!important}:root[data-theme=bw] .slider-track-fill{background:#111}:root[data-theme=bw] :focus-visible{outline-offset:2px;outline:2px solid #0000004d}:root[data-theme=bw] .search:focus,:root[data-theme=bw] .mobile-input:focus,:root[data-theme=bw] .settings-input:focus{box-shadow:0 0 0 3px #0000001a}:root[data-theme=bw] .surah-item.active .surah-number{color:#111;background:#0000001a}:root[data-theme=bw] .last-read-card{background:#0000000a;border-color:#00000014}:root[data-theme=bw] .last-read-title{color:#111}:root[data-theme=bw] .last-read-surah{color:#333}:root[data-theme=bw] .last-read-meta{color:#888}:root[data-theme=bw] .audio-bar.playing{border-color:#00000026}:root[data-theme=bw] .audio-progress-fill{background:#111}:root[data-theme=bw] .prayer-hint{background:#fff;border-color:#0000001a;box-shadow:0 12px 24px #0000001f}:root[data-theme=bw] .memorize-modal-backdrop{background:#00000080}:root[data-theme=bw] .memorize-modal{background:#fff;border:1px solid #0000001a;box-shadow:0 24px 80px -12px #0003}:root[data-theme=bw] .memorize-modal-header h3{color:#111}:root[data-theme=bw] .memorize-modal-header p{color:#666}:root[data-theme=bw] .memorize-close{color:#666;background:#0000000d}:root[data-theme=bw] .memorize-close:hover{color:#111;background:#0000001a}:root[data-theme=bw] .memorize-segmented{background:#0000000d}:root[data-theme=bw] .memorize-segment{color:#666}:root[data-theme=bw] .memorize-segment:hover{color:#333}:root[data-theme=bw] .memorize-segment.active{color:#111;box-shadow:none;background:#0000001f}:root[data-theme=bw] .memorize-range-grid label{color:#666}:root[data-theme=bw] .memorize-range-grid input,:root[data-theme=bw] .memorize-range-summary,:root[data-theme=bw] .memorize-stepper{color:#111;background:#0000000d;border:1px solid #00000014}:root[data-theme=bw] .memorize-stepper button{color:#333;background:#00000014}:root[data-theme=bw] .memorize-stepper button:hover{background:#0000001f}:root[data-theme=bw] .memorize-hint{color:#888}:root[data-theme=bw] .memorize-ghost{color:#333;background:#0000000f}:root[data-theme=bw] .memorize-ghost:hover{background:#0000001a}:root[data-theme=bw] .ayah-card.focused{background:#0000000a}:root[data-theme=bw] .ayah-card.focused .ayah-number{color:#333}:root[data-theme=bw] .action-btn--primary:hover,:root[data-theme=bw] .action-btn.saved:hover{background:#00000026}:root[data-theme=bw] .study-ayah-action.active{color:#111;background:#0000001a}:root[data-theme=bw] .study-ayah-word-trigger.active{color:#111;background:#00000014}:root[data-theme=bw] .skeleton-box{background:linear-gradient(90deg,#0000000f 25%,#0000001c 50%,#0000000f 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}:root[data-theme=bw] .search:focus{box-shadow:0 0 0 2px #00000026}:root[data-theme=bw] .action-btn.saved,:root[data-theme=bw] .action-btn--primary{color:#111;background:#0000001a}:root[data-theme=bw] .action-btn--primary:hover{background:#00000026}:root[data-theme=bw] .surah-card.saved{background:#00000014;border-color:#0000001f}:root[data-theme=bw] .surah-card.saved:hover{background:#0000001f}:root[data-theme=bw] .bookmark-ribbon,:root[data-theme=bw] .ayah-bookmark-btn.saved,:root[data-theme=bw] .action-icon-btn.saved{color:#111;background:#0000001a}:root[data-theme=bw] .bookmark-ribbon:hover,:root[data-theme=bw] .ayah-bookmark-btn.saved:hover,:root[data-theme=bw] .action-icon-btn.saved:hover{background:#00000026}:root[data-theme=bw] .action-icon-btn.hifz-icon.memorized{color:#111;background:#0000001a}:root[data-theme=bw] .study-ayah-card.memorized{border-left-color:#0000004d}:root[data-theme=bw] .hifz-action-btn{color:#222;background:#0000000d;border-color:#00000026}:root[data-theme=bw] .hifz-action-btn:hover{background:#0000001a}:root[data-theme=bw] .note-btn.active,:root[data-theme=bw] .ayah-note-btn.active,:root[data-theme=bw] .action-icon-btn.active{color:#111;background:#0000001a}:root[data-theme=bw] .action-icon-btn.play-icon.playing{color:#111;background:#00000026}:root[data-theme=bw] .quick-controls-row .action-btn.play-btn{color:#fff;background:#111}:root[data-theme=bw] .quick-controls-row .action-btn.play-btn:hover{background:#000}:root[data-theme=bw] .audio-bar .play-surah-btn{color:#111;background:#00000014}:root[data-theme=bw] .audio-bar .play-surah-btn:hover{background:#0000001f}:root[data-theme=bw] .quick-play .stop-btn{color:#333;background:#0000000f}:root[data-theme=bw] .quick-play .stop-btn:hover{background:#0000001a}:root[data-theme=bw] .control-btn.primary{color:#fff;background:#111}:root[data-theme=bw] .control-btn.primary:hover{background:#000}:root[data-theme=bw] .memorize-primary{color:#fff;background:#111}:root[data-theme=bw] .meta.error,:root[data-theme=bw] .status.error{color:#c33}:root[data-theme=bw] .inline-error{background:#cc33330f;border-color:#cc333326}:root[data-theme=bw] .action-btn--danger{color:#c33}:root[data-theme=bw] .action-btn--danger:hover{background:#cc333314}:root[data-theme=bw] .quick-controls-row .quick-slider input[type=range]{background:#0000001a}:root[data-theme=bw] .tafsir-edition-chevron{color:#333;background:#0000000f;border-color:#00000026}:root[data-theme=bw] .tafsir-edition-field:focus-within{border-color:#0000004d;box-shadow:0 0 0 2px #00000014}