:root{--bg-deep:#0e1418;--bg-mid:#141c22;--bg-light:#1b242c;--card:#0c1014b8;--card-strong:#0e1318eb;--text:#f2eee6;--muted:#a8b0ba;--accent:#d8b36a;--accent-2:#6fd4b1;--stroke:#ffffff1a;--shadow:0 24px 70px #0006;--shadow-card:0 1px 3px #0000001f,0 4px 16px #00000029;--shadow-elevated:0 4px 12px #00000026,0 16px 40px #00000040,0 32px 64px #00000026;--gradient-primary:linear-gradient(135deg,#2e6a5f 0%,#235a52 100%);--z-dropdown:50;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-tooltip:400;--arabic-scale:1;--translation-scale:1;--font-arabic:"Scheherazade New","Amiri","KFGQPC Hafs","UthmanicHafs","Noto Naskh Arabic","Traditional Arabic",serif;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.6875rem}.arabic-font-scheherazade-new{--font-arabic:"Scheherazade New","Amiri","Traditional Arabic",serif}.arabic-font-kfgqpc-hafs{--font-arabic:"KFGQPC Hafs","UthmanicHafs","Traditional Arabic","Scheherazade New",serif}.arabic-font-kfgqpc-hafssmart{--font-arabic:"KFGQPC Hafs Smart","UthmanicHafs","Traditional Arabic","Scheherazade New",serif}.arabic-font-uthman-naskh{--font-arabic:"Uthman Naskh","UthmanicHafs","Traditional Arabic","Scheherazade New",serif}.arabic-scale-60{--arabic-scale:.6}.arabic-scale-65{--arabic-scale:.65}.arabic-scale-70{--arabic-scale:.7}.arabic-scale-75{--arabic-scale:.75}.arabic-scale-80{--arabic-scale:.8}.arabic-scale-85{--arabic-scale:.85}.arabic-scale-90{--arabic-scale:.9}.arabic-scale-95{--arabic-scale:.95}.arabic-scale-100{--arabic-scale:1}.arabic-scale-105{--arabic-scale:1.05}.arabic-scale-110{--arabic-scale:1.1}.arabic-scale-115{--arabic-scale:1.15}.arabic-scale-120{--arabic-scale:1.2}.arabic-scale-125{--arabic-scale:1.25}.arabic-scale-130{--arabic-scale:1.3}.arabic-scale-135{--arabic-scale:1.35}.arabic-scale-140{--arabic-scale:1.4}.arabic-scale-145{--arabic-scale:1.45}.arabic-scale-150{--arabic-scale:1.5}.arabic-scale-155{--arabic-scale:1.55}.arabic-scale-160{--arabic-scale:1.6}.arabic-scale-165{--arabic-scale:1.65}.arabic-scale-170{--arabic-scale:1.7}.arabic-scale-175{--arabic-scale:1.75}.arabic-scale-180{--arabic-scale:1.8}.arabic-scale-185{--arabic-scale:1.85}.arabic-scale-190{--arabic-scale:1.9}.arabic-scale-195{--arabic-scale:1.95}.arabic-scale-200{--arabic-scale:2}.translation-scale-70{--translation-scale:.7}.translation-scale-75{--translation-scale:.75}.translation-scale-80{--translation-scale:.8}.translation-scale-85{--translation-scale:.85}.translation-scale-90{--translation-scale:.9}.translation-scale-95{--translation-scale:.95}.translation-scale-100{--translation-scale:1}.translation-scale-105{--translation-scale:1.05}.translation-scale-110{--translation-scale:1.1}.translation-scale-115{--translation-scale:1.15}.translation-scale-120{--translation-scale:1.2}.translation-scale-125{--translation-scale:1.25}.translation-scale-130{--translation-scale:1.3}.translation-scale-135{--translation-scale:1.35}.translation-scale-140{--translation-scale:1.4}.translation-scale-145{--translation-scale:1.45}.translation-scale-150{--translation-scale:1.5}.translation-scale-155{--translation-scale:1.55}.translation-scale-160{--translation-scale:1.6}.clipboard-fallback-area{opacity:0;pointer-events:none;position:fixed;top:0;left:-9999px}.settings-modal-overlay,.settings-modal-container,.quick-panel,.quick-panel-backdrop,.study-header{backface-visibility:hidden;transform:translateZ(0)}.settings-modal-container,.quick-panel{will-change:transform,opacity}.settings-tab-content{will-change:transform,opacity;contain:layout style paint}.settings-modal-container,.quick-panel,.study-header{isolation:isolate}.reciter-card,.translation-chip,.study-reciter-chip{contain:layout style}@font-face{font-family:UthmanicHafs;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Hafs;src:url(/fonts/KFGQPC-Hafs.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/thetruetruth/quran-data-kfgqpc@main/hafs/font/hafs.18.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Hafs Smart;src:url(/fonts/KFGQPC-HafsSmart.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/thetruetruth/quran-data-kfgqpc@main/hafs-smart/font/hafssmart.8.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Uthman Naskh;src:url(/fonts/UthmanNaskh.woff2)format("woff2"),url(https://cdn.jsdelivr.net/gh/quranwbw/qpc-fonts@master/various-woff2/UthmanTN1%20Ver10.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Scheherazade New;src:url(https://cdn.jsdelivr.net/fontsource/fonts/scheherazade-new@latest/arabic-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background-color:var(--bg-deep);-webkit-tap-highlight-color:transparent}body{color:var(--text);background:linear-gradient(180deg,var(--bg-deep)0%,var(--bg-mid)100%);background-color:var(--bg-deep);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}@media (prefers-reduced-motion:no-preference){body.theme-transitioning,body.theme-transitioning .app,body.theme-transitioning .panel,body.theme-transitioning .sidebar,body.theme-transitioning .topbar,body.theme-transitioning .study-reading-area,body.theme-transitioning .study-ayah-card,body.theme-transitioning .study-card,body.theme-transitioning .mem-shell,body.theme-transitioning .mem-insights,body.theme-transitioning .mem-card-body,body.theme-transitioning .mem-settings,body.theme-transitioning .quick-panel-content,body.theme-transitioning .settings-drawer{transition:color .35s,background-color .35s,background .35s,border-color .35s}}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#6fd4b114,#0000);position:fixed;inset:0}@media (max-width:768px){body:before{display:none}}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600}h1{font-size:clamp(1.8rem,3vw,2.5rem)}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs);color:var(--accent-2);font-weight:500}.surah-title-arabic{font-family:var(--font-arabic);letter-spacing:0;direction:rtl;unicode-bidi:isolate;margin-left:6px;line-height:1.4;display:inline-block}
.app{z-index:1;background-color:var(--bg-deep);flex-direction:column;gap:24px;max-width:1600px;margin:0 auto;padding:24px 24px 80px;display:flex;position:relative}.topbar{background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}@keyframes study-pulse-glow{0%,to{box-shadow:0 0 #6fd4b100}12.5%{box-shadow:0 0 12px 4px #6fd4b159}25%{box-shadow:0 0 #6fd4b100}37.5%{box-shadow:0 0 12px 4px #6fd4b159}50%{box-shadow:0 0 #6fd4b100}62.5%{box-shadow:0 0 12px 4px #6fd4b159}75%{box-shadow:0 0 #6fd4b100}87.5%{box-shadow:0 0 12px 4px #6fd4b159}}.action-btn.study-pulse{animation:6s ease-in-out study-pulse-glow}.study-btn-wrapper{position:relative}@keyframes study-tooltip-in{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.study-tooltip{white-space:nowrap;color:#d8fff0;pointer-events:auto;cursor:pointer;z-index:100;background:#161e24eb;border:1px solid #6fd4b140;border-radius:8px;padding:8px 12px;font-size:.72rem;font-weight:500;animation:6s ease-in-out forwards study-tooltip-in;position:absolute;top:calc(100% + 10px);right:0}.study-tooltip:before{content:"";background:#161e24eb;border-top:1px solid #6fd4b140;border-left:1px solid #6fd4b140;width:8px;height:8px;position:absolute;top:-5px;right:16px;transform:rotate(45deg)}.logo{align-items:center;gap:12px;display:flex}.logo-mark{width:40px;height:40px;color:var(--accent);background:radial-gradient(120% 120% at 10% 10%,#ffffff26,#0000 55%),linear-gradient(145deg,#1a2e33 0%,#0d1a1e 100%);border:1px solid #ffffff0f;border-radius:12px;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 2px 8px #0003,0 8px 24px #00000026,inset 0 1px #ffffff1a}.logo:hover .logo-mark{transform:translateY(-1px);box-shadow:0 4px 12px #00000040,0 12px 32px #0003,inset 0 1px #ffffff1f}.logo-mark svg{width:22px;height:22px}.logo-text{flex-direction:row;align-items:baseline;gap:0;display:flex}.logo-title{letter-spacing:-.025em;color:var(--text);font-size:1.2rem;font-weight:600;line-height:1}.logo-highlight{color:var(--accent-2);font-weight:700}:root[data-theme=dark] .logo-highlight{color:#66c7a8}.content{grid-template-columns:280px minmax(0,1fr) 300px;gap:20px;display:grid}.content.reading{grid-template-columns:minmax(0,1fr)}.content.reading .surah-panel,.content.reading .study-panel{display:none}.panel{-webkit-backdrop-filter:none;border-radius:var(--radius-lg);background:0 0;border:none;padding:0;overflow:visible}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}@media (max-width:640px){.app{gap:14px;padding:16px 16px 80px}.topbar{padding:8px 0}.logo-mark{display:none}.study-btn-wrapper .action-btn{color:var(--text);box-shadow:none;background:#ffffff1a;border:none}:root[data-theme=light] .study-btn-wrapper .action-btn{background:#42523617}:root[data-theme=bw] .study-btn-wrapper .action-btn{background:#00000012}.study-tooltip{white-space:normal;text-wrap:balance;max-width:min(260px,100vw - 32px);line-height:1.35;right:0}}

.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}@media (max-width:600px){.quick-controls-row{flex-direction:column;align-items:stretch;gap:12px}.quick-controls-row .sliders-row{justify-content:space-between;gap:16px}.quick-controls-row .quick-slider{flex:1}.quick-controls-row .quick-slider input[type=range]{flex:1;width:100%}.quick-controls-row .action-btn{text-align:center;width:100%;margin-left:0}}.search{border-radius:var(--radius-sm);color:var(--text);background:#ffffff0f;border:none;flex:1;padding:12px 16px;font-size:.9rem;transition:all .2s}.search::placeholder{color:var(--muted);opacity:.7}.search:hover{background:#ffffff14}.search:focus{background:#ffffff1a;outline:none;box-shadow:0 0 0 2px #6fd4b133}.meta{color:var(--muted);font-size:var(--text-sm)}.meta.error{color:#f3a08b}.inline-error{border-radius:var(--radius-sm);color:var(--text);background:#ff6e6e14;border:1px solid #ff6e6e33;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:12px 14px;display:flex}.inline-error.compact{padding:10px 12px}.inline-error-title{margin:0;font-size:.9rem;font-weight:600}.inline-error-message{color:var(--muted);margin:4px 0 0;font-size:.85rem}.inline-error .action-btn{white-space:nowrap}.mobile-only{display:none}.desktop-only{display:flex}.hidden{display:none!important}.header-action-btns{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar-icon-btns{background:0 0;border:none;border-radius:999px;align-items:center;gap:0;padding:2px;display:flex}.topbar-icon-btns .header-icon-btn+.header-icon-btn{margin-left:-2px}.topbar-icon-btns.mobile-only{display:none}.header-icon-btn{width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.header-icon-btn:hover{background:0 0}.header-icon-btn:active{transform:scale(.95)}.header-icon-btn svg{opacity:.85;transition:opacity .2s}.header-icon-btn:hover svg{opacity:1}.mobile-input{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff0f;border:none;padding:12px 14px;font-size:.95rem;transition:background .2s}.mobile-input:focus{background:#ffffff1a;outline:none}.mobile-input::placeholder{color:var(--muted)}.mobile-input:disabled{opacity:.6;cursor:not-allowed}.mobile-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cdd6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}.mobile-go-ayah{gap:10px;display:flex}.mobile-go-ayah .mobile-input{flex:1}.mobile-go-ayah .action-btn{padding:12px 20px}.mobile-go-ayah .action-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-toggle-btn{justify-content:center;width:100%;padding:12px 16px}.mobile-surah-results{flex-direction:column;gap:6px;max-height:240px;margin-top:12px;padding-right:4px;display:flex;overflow-y:auto}.mobile-settings-overlay{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:var(--z-overlay);background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.mobile-settings-panel{background:var(--card);border-radius:var(--radius-lg);border:none;width:100%;max-width:500px;max-height:80vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-settings-header{border-bottom:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-settings-header h3{margin:0;font-size:1.1rem;font-weight:600}.mobile-settings-header .close-btn{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:background .2s;display:flex}.mobile-settings-header .close-btn:hover{background:#fff3}.mobile-settings-body{padding:20px}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.setting-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin-bottom:12px;font-size:.75rem;font-weight:600;display:block}.settings-range{border-radius:var(--radius-xs);appearance:none;cursor:pointer;background:#ffffff1a;width:100%;height:6px}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 6px #0000004d}.settings-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-range::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0000004d}.size-controls-row{gap:16px;display:flex}.size-control{flex-direction:column;flex:1;gap:8px;display:flex}.size-label{font-size:var(--text-xs);color:var(--muted)}.status{color:var(--muted)}.status.error{color:#f3a08b}.action-btn{font-size:var(--text-sm);color:var(--text);border-radius:var(--radius-sm);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffffff14;border:none;padding:8px 14px;font-weight:500;transition:background .2s}.action-btn:hover{background:#ffffff24}.action-btn:active{background:#ffffff2e;transform:scale(.97)}.action-btn.saved,.action-btn--primary{color:var(--accent-2);background:#6fd4b126}.action-btn--primary:hover{background:#6fd4b140}.action-btn--danger{color:#f3a08b}.action-btn--danger:hover{background:#f3a08b1f}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.empty-state-icon{opacity:.3;font-size:2rem}.empty-state-text{font-size:var(--text-sm);color:var(--muted)}.spinner-inline{border:2px solid #ffffff26;border-top-color:var(--accent-2);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.compare-btn{font-size:var(--text-sm);color:var(--accent-2);border-radius:var(--radius-sm);background:#6fd4b11a;border:none;padding:8px 14px;font-weight:500;transition:background .2s}.compare-btn:hover{background:#6fd4b12e}.compare-btn:active{transform:scale(.97)}.compare-panel{background:var(--card-strong);border-radius:var(--radius-lg);width:min(520px,90vw);box-shadow:var(--shadow);z-index:10;border:none;padding:20px;animation:.4s fadeUp;position:fixed;inset:auto 24px 24px auto}.compare-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.close-btn{border-radius:var(--radius-full);background:#ffffff14;border:none;padding:6px 12px}.compare-body{flex-direction:column;gap:16px;max-height:70vh;padding-right:6px;display:flex;overflow-y:auto}.compare-block{border-radius:var(--radius-sm);background:#ffffff0a;border:none;padding:12px 14px}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:6px;font-size:.75rem}.compare-text{color:var(--muted);font-size:calc(.95rem*var(--translation-scale))}::-webkit-scrollbar-track{background:#0b1c2080}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#fff3}.back-to-top{color:var(--muted);width:44px;height:44px;z-index:var(--z-sticky);cursor:pointer;box-shadow:none;opacity:.6;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;bottom:24px;right:20px}.back-to-top:hover{color:var(--accent);opacity:1;background:#ffffff1a}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(.9)saturate(.9);opacity:.8}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.study-title{font-size:.85rem;font-weight:500}.study-sub{color:var(--muted);font-size:.7rem}.study-actions{flex-wrap:wrap;gap:6px;display:flex}.study-actions .action-btn{padding:6px 10px;font-size:.75rem}.note-panel{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);z-index:12;background:#12181ef2;border:none;width:min(480px,90vw);padding:20px;animation:.4s fadeUp;position:fixed;inset:auto 24px 24px auto;box-shadow:0 20px 60px #0006}.study-mode-container~.note-panel{z-index:1010}.note-body{flex-direction:column;gap:12px;display:flex}.note-body textarea{resize:vertical;min-height:140px}.note-actions{justify-content:flex-end;gap:10px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.content{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.reader-panel .panel-header{text-align:center;justify-content:center;align-items:center;padding-right:0}.reader-panel .panel-header>div:first-child{text-align:center}.reader-panel .panel-header .header-action-btns{margin-top:12px;position:static;transform:none}.reader-panel .header-action-btns{display:none}.mobile-only{display:flex}.desktop-only{display:none!important}.topbar-icon-btns.mobile-only{display:flex}.compare-panel,.note-panel{width:auto;inset:auto 16px 16px}.audio-bar{flex-direction:column;align-items:stretch;gap:12px}.audio-bar .audio-controls{flex-direction:column;align-items:stretch}.audio-bar .surah-play-controls{justify-content:center}.audio-bar audio{width:100%}.mobile-settings-overlay{align-items:flex-end;padding:0}.mobile-settings-panel{border-radius:var(--radius-lg)var(--radius-lg)0 0;max-width:100%}}@media (max-width:600px){.app{padding:32px 16px 80px}.ayah-arabic{font-size:calc(1.5rem*var(--arabic-scale));line-height:2}}.skeleton-list{margin:0;padding:0;list-style:none}.skeleton{pointer-events:none}.skeleton-box{border-radius:var(--radius-xs);background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root[data-theme=light] .skeleton-box{background:linear-gradient(90deg,#4252360f 25%,#4252361f 50%,#4252360f 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}:root[data-theme=light] .ayah-card.skeleton,:root[data-theme=bw] .ayah-card.skeleton{background:#00000008}.skeleton-text-lg{width:120px;height:16px;margin-bottom:6px}.skeleton-text-sm{width:80px;height:12px}.skeleton-arabic{width:60px;height:24px;margin-left:auto}.skeleton-btn{border-radius:var(--radius-full);width:60px;height:32px}.skeleton-arabic-line{width:100%;height:32px;margin:16px 0 8px}.skeleton-arabic-line.short{width:70%;margin-left:auto}.skeleton-translation-lines{margin-top:16px}.skeleton-text-line{width:100%;height:14px;margin-bottom:8px}.skeleton-text-line.short{width:60%}.error-boundary{justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex}.error-boundary-content{text-align:center;max-width:400px}.error-icon{width:80px;height:80px;color:var(--accent);margin:0 auto 24px}.error-icon svg{width:100%;height:100%}.error-boundary h2{margin-bottom:12px;font-size:1.5rem}.error-message{color:var(--muted);margin-bottom:24px}.error-actions{justify-content:center;gap:12px;display:flex}.error-details{text-align:left;border-radius:var(--radius-sm);background:#0003;margin-top:24px;padding:12px}.error-details summary{cursor:pointer;color:var(--muted);font-size:.85rem}.error-details pre{white-space:pre-wrap;word-break:break-word;margin:12px 0 0;font-size:.75rem;overflow-x:auto}.last-read-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#6fd4b11a 0%,#d8b36a0d 100%);border:none;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;animation:.4s slideIn;display:flex}.last-read-icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--accent-2);background:#6fd4b126;justify-content:center;align-items:center;display:flex}.last-read-icon svg{width:24px;height:24px}.last-read-content{flex:1}.last-read-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);margin:0 0 4px;font-size:.7rem}.last-read-location{margin:0 0 2px;font-weight:600}.last-read-time{color:var(--muted);margin:0;font-size:.75rem}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{background:var(--card-strong);border-radius:var(--radius-sm);color:var(--text);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;border:none;padding:8px 12px;font-size:.75rem;animation:.2s tooltipFade;position:absolute;box-shadow:0 8px 24px #0000004d}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.shortcuts-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.shortcuts-modal{background:var(--card-strong);border-radius:var(--radius-lg);border:none;width:90%;max-width:420px;padding:24px;animation:.3s scaleIn}.shortcuts-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.shortcuts-header h3{margin:0;font-size:1.2rem}.shortcuts-list{flex-direction:column;gap:12px;display:flex}.shortcut-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{align-items:center;gap:6px;display:flex}.shortcut-keys .or{color:var(--muted);margin:0 2px;font-size:.7rem}kbd{border-radius:var(--radius-xs);min-width:28px;height:28px;color:var(--text);background:#ffffff14;border:none;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:.8rem;display:inline-flex}.shortcut-action{color:var(--muted);font-size:.85rem}.shortcuts-hint{text-align:center;color:var(--muted);border-top:1px solid #ffffff14;margin:20px 0 0;padding-top:16px;font-size:.8rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html{scroll-behavior:smooth}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.action-btn{transition:all .2s}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.action-btn:active{transform:translateY(0)}.action-icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;padding:7px;transition:all .2s;display:inline-flex}.action-icon-btn svg{width:16px;height:16px}.action-icon-btn:hover{opacity:1;background:#ffffff14;border-color:#0000;transform:translateY(-1px)}.action-icon-btn.saved{color:#d8fff0;box-shadow:none;border-radius:var(--radius-md);background:#6fd4b11a}.action-icon-btn.play-icon.playing{color:var(--accent-2);background:#6fd4b11a}@keyframes focusPulse{0%{box-shadow:0 0 #d8b36a66}70%{box-shadow:0 0 0 10px #d8b36a00}to{box-shadow:0 0 #d8b36a00}}@keyframes audioProgress{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}50.01%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}::selection{color:var(--text);background:#d8b36a4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.shortcuts-hint{background:var(--card);color:var(--muted);border-radius:var(--radius-sm);opacity:.6;pointer-events:none;z-index:10;padding:8px 12px;font-size:.75rem;transition:opacity .2s;position:fixed;bottom:20px;right:20px}.shortcuts-hint:hover{opacity:1}.shortcuts-hint kbd{background:var(--bg-light);border:none;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:inherit;font-size:.7rem;display:inline-block}@media (max-width:768px){.shortcuts-hint{display:none}}.app.reading{background:linear-gradient(#050d10,#071014);max-width:100%;padding:0}.app.reading .topbar{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute}.content.reading{gap:0;max-width:65ch;margin:0 auto;padding:80px 32px 120px}.focus-exit-btn{z-index:var(--z-sticky);width:44px;height:44px;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:24px;right:24px}.app.reading .focus-exit-btn{opacity:.4;pointer-events:auto}.app.reading .focus-exit-btn:hover{opacity:1;color:var(--text);background:#ffffff1a}.app{transition:background .5s cubic-bezier(.2,.8,.2,1),padding .4s cubic-bezier(.2,.8,.2,1)}.content{transition:max-width .5s cubic-bezier(.2,.8,.2,1),padding .4s cubic-bezier(.2,.8,.2,1),gap .4s}.topbar{transition:opacity .4s}@media (max-width:768px){.content.reading{padding:60px 20px 100px}.focus-exit-btn{width:40px;height:40px;top:16px;right:16px}}@media (max-width:1200px){.content{grid-template-columns:260px minmax(0,1fr) 280px}}@media (max-width:1024px){.content{grid-template-columns:minmax(0,1fr)}.surah-panel{order:0;max-height:65vh;padding:12px 12px 16px;display:flex;position:static}.surah-list{scrollbar-width:none;-ms-overflow-style:none;padding-right:0}.surah-list::-webkit-scrollbar{width:0;height:0}.reader-panel{order:1}.study-panel{display:none}.app{gap:16px;padding:16px 16px 80px}.topbar{border-radius:var(--radius-md);padding:12px 16px}.panel{border-radius:var(--radius-md);padding:16px}.ayah-card{padding:20px 16px}}@media (max-width:640px){.app{padding:20px 14px 72px}.panel{padding:12px}.topbar{flex-flow:row;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:8px 10px;overflow:visible}.topbar-actions{flex:none;justify-content:flex-end;gap:6px}.logo{justify-content:flex-start;gap:10px;min-width:0}.logo-mark{width:48px;height:48px;box-shadow:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px}.logo-mark svg{width:26px;height:26px}.logo-text{gap:4px;min-width:0}.logo-title{letter-spacing:-.02em;white-space:nowrap;font-size:1.32rem;font-weight:650}.logo-sub{color:var(--accent-2);white-space:nowrap;font-size:.98rem;font-weight:500}.header-icon-btn{background:0 0;border:none;border-radius:12px;width:44px;height:44px}.header-icon-btn svg{opacity:.9;width:17px;height:17px}.topbar .action-btn{white-space:nowrap;background:#ffffff1a;border:none;border-radius:10px;flex:0 auto;justify-content:center;align-items:center;min-width:84px;max-width:112px;height:44px;padding:0 10px;font-size:.76rem;line-height:1;display:inline-flex}.ayah-card{border-radius:18px;padding:22px 16px}.ayah-arabic{font-size:calc(1.7rem*var(--arabic-scale));line-height:2.05}.ayah-translation{font-size:calc(.98rem*var(--translation-scale))}.action-btn{padding:6px 10px;font-size:.75rem}}
.theme-chooser{position:relative}.theme-chooser-popup{background:var(--card-strong,#1b242cfa);border:1px solid var(--stroke,#cdd6de1a);min-width:200px;box-shadow:var(--shadow-elevated,0 12px 32px #0006);z-index:100;border-radius:12px;flex-direction:column;gap:4px;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;right:0}.theme-option{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;transition:background .15s;display:flex}.theme-option:hover{background:#ffffff0f}.theme-option.active{background:#ffffff1a}.theme-swatch{border:1px solid var(--stroke,#cdd6de26);border-radius:6px;flex-direction:column;flex-shrink:0;width:32px;height:32px;display:flex;overflow:hidden}.theme-label{flex:1;font-weight:500}.theme-check{color:var(--accent);flex-shrink:0}
.surah-panel{flex-direction:column;align-items:stretch;gap:16px;width:100%;min-width:0;max-width:100%;max-height:calc(100vh - 48px);padding:0;display:flex;position:sticky;top:24px;overflow:hidden}.surah-panel .panel-header{flex-wrap:wrap}.surah-panel .panel-header .search{flex:100%;width:100%;min-width:0;margin-top:10px}.surah-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:0 14px;display:flex}.surah-panel-header h2{color:var(--text);letter-spacing:-.008em;font-size:1.28rem;font-weight:650}.surah-header-actions{align-items:center;gap:6px;margin-right:6px;display:none}.surah-icon-btns{gap:2px;margin-left:-2px}.surah-prayer-hint-anchor{position:relative}.surah-prayer-hint{z-index:45;background:linear-gradient(150deg,#132226f5,#0c161bf2);border:1px solid #6fd4b14d;border-radius:12px;width:min(220px,68vw);padding:10px 12px;animation:.18s ease-out prayerHintIn;position:absolute;top:calc(100% + 8px);right:-6px;box-shadow:0 12px 24px #00000059}.surah-prayer-hint:before{content:"";background:#111f24f5;border-top:1px solid #6fd4b14d;border-left:1px solid #6fd4b14d;width:10px;height:10px;position:absolute;top:-6px;right:18px;transform:rotate(45deg)}.surah-prayer-hint-title{color:var(--text);margin:0;font-size:.74rem;font-weight:620}.surah-prayer-hint-text{color:var(--muted);margin:5px 0 8px;font-size:.7rem;line-height:1.35}.surah-prayer-hint-dismiss{color:var(--accent-2);background:0 0;border:none;padding:0;font-size:.69rem;font-weight:600}.surah-prayer-hint-dismiss:hover{color:var(--accent)}@keyframes prayerHintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.surah-panel-header .surah-study-btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:.78rem;line-height:1;display:inline-flex}.surah-search-wrapper{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:0;padding:0;display:block;overflow:hidden}.surah-search-wrapper .search{flex:unset;box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:var(--text-sm);border-radius:var(--radius-md);color:var(--text);background:#ffffff0a;border:none;padding:12px 14px;transition:all .2s;display:block}.surah-search-wrapper .search:focus{background:#ffffff14;outline:none}.surah-search-wrapper .search::placeholder{color:var(--muted)}.surah-list{flex-direction:column;flex:1;gap:4px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.surah-list::-webkit-scrollbar{width:6px}.surah-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.surah-item{text-align:left;border-radius:var(--radius-md);background:0 0;border:none;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .2s;display:grid}.surah-item:hover{background:#ffffff0a}.surah-item.active{background:#6fd4b114}.surah-item:last-child{margin-bottom:0}.surah-number{width:28px;height:28px;color:var(--text);font-weight:600;font-size:var(--text-xs);border-radius:var(--radius-sm);background:#ffffff0f;border:none;justify-content:center;align-items:center;display:flex}.surah-names{flex-direction:column;gap:2px;min-width:0;display:flex}.surah-english{font-weight:500;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.surah-translation{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.surah-arabic{font-family:var(--font-arabic),serif;font-size:var(--text-base);color:var(--accent-2);font-feature-settings:"calt" 1,"ccmp" 1,"liga" 1;text-rendering:optimizeLegibility}.mobile-surah-results .surah-item{padding:10px 12px}.mobile-surah-results .surah-item:hover{background:#ffffff0f;transform:none}.study-panel{flex-direction:column;gap:16px;max-height:calc(100vh - 48px);padding:0;display:flex;position:sticky;top:24px;overflow-y:auto}.study-panel>.panel-header{padding-left:6px}.study-panel::-webkit-scrollbar{width:6px}.study-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.study-section{border-radius:var(--radius-md);background:#ffffff05;border:none;flex-direction:column;gap:12px;padding:16px;display:flex}.study-section h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem;font-weight:600}.study-section:last-child{margin-bottom:0}.study-resume-section{gap:6px}.study-resume-location{color:var(--text);font-size:.9rem;font-weight:560}.study-resume-time{color:var(--muted);margin-top:-2px;font-size:.75rem}.study-resume-section .action-btn{margin-top:4px}@media (max-width:1100px){.surah-header-actions{display:flex}}@media (max-width:1024px){.surah-panel{max-height:65vh;position:static!important;top:auto!important}.surah-header-actions{margin-right:10px}.study-panel{display:none!important}}@media (max-width:640px){.surah-panel{gap:6px}.surah-panel-header{margin-bottom:-2px}.surah-header-actions{gap:6px;margin-right:4px}.surah-search-wrapper{display:none}.scope-mode-switcher{margin:0;padding:2px}.scope-mode-btn{padding:6px 8px;font-size:.8rem}.surah-item{gap:10px;padding:10px 12px}.surah-list{gap:2px}.surah-prayer-hint{width:min(210px,72vw);right:-2px}.surah-prayer-hint:before{right:14px}}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-direction:column;gap:6px;font-size:.65rem;display:flex}.field input,.field select,.note-body textarea{border-radius:var(--radius-sm);color:var(--text);font:inherit;background:#ffffff0a;border:none;padding:10px 12px;font-size:.85rem;transition:all .2s}.field input:focus,.field select:focus,.note-body textarea:focus{background:#ffffff14;outline:none}.plan-summary{flex-direction:column;gap:8px;padding-top:12px;display:flex}.plan-range{color:var(--text);font-size:.85rem}.study-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.study-item{border-radius:var(--radius-md);background:#ffffff08;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.study-item:hover{background:#ffffff0f}.surah-item.skeleton{border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}.surah-number-skeleton{border-radius:50%;flex-shrink:0;width:32px;height:32px}.surah-item{transition:all .2s}.surah-item:hover{transform:translate(4px)}:root[data-theme=bw] .surah-prayer-hint{background:#fff;border-color:#0000001a;box-shadow:0 12px 24px #00000026}:root[data-theme=bw] .surah-prayer-hint:before{border-top-color:#0000001a;border-left-color:#0000001a}:root[data-theme=bw] .surah-item.active{background:#00000014}.scope-mode-switcher{background:#ffffff0d;border-radius:10px;gap:2px;margin:0 2px;padding:3px;display:flex}.scope-mode-btn{color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 12px;font-size:.82rem;font-weight:550;transition:all .2s cubic-bezier(.4,0,.2,1)}.scope-mode-btn:hover{color:var(--text)}.scope-mode-btn:active{transform:scale(.97)}.scope-mode-btn.active{color:var(--text);background:#ffffff1a}:root[data-theme=light] .scope-mode-switcher{background:#4252360a}:root[data-theme=light] .scope-mode-btn.active{background:#42523617}:root[data-theme=bw] .scope-mode-switcher{background:#00000008}:root[data-theme=bw] .scope-mode-btn.active{background:#00000012}.page-selector{flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 2px;display:flex;overflow:hidden}.page-nav-row{align-items:center;gap:8px;display:flex}.page-nav-btn{border-radius:var(--radius-sm);background:var(--stroke);width:36px;height:36px;color:var(--text);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.page-nav-btn:hover:not(:disabled){background:var(--card)}.page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-nav-btn svg{width:18px;height:18px}.page-nav-center{flex:1;min-width:0}.page-select-wrap{width:100%;display:block}.page-select{border-radius:var(--radius-sm);background:var(--stroke);width:100%;color:var(--text);font-size:var(--text-sm);cursor:pointer;appearance:none;border:none;padding:10px 14px;font-weight:500}.page-select:focus{background:var(--card);outline:none}.page-grid{flex:1;grid-template-columns:repeat(6,1fr);gap:4px;min-height:0;display:grid;overflow-y:auto}.page-grid::-webkit-scrollbar{width:6px}.page-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.page-grid-btn{border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-xs);cursor:pointer;text-align:center;background:0 0;border:none;padding:10px 4px;font-weight:500;transition:all .15s}.page-grid-btn:hover{background:var(--stroke);color:var(--text)}.page-grid-btn.active{color:var(--accent-2);background:#ffffff1a;font-weight:600}:root[data-theme=light] .page-grid-btn.active,:root[data-theme=bw] .page-grid-btn.active{background:#00000014}@media (max-width:1024px){.page-grid{max-height:45vh}}@media (max-width:640px){.page-grid{grid-template-columns:repeat(5,1fr);gap:6px}.page-grid-btn{border-radius:var(--radius-md);min-height:44px;padding:14px 4px;font-size:.88rem}}
.reader-panel .panel-header{text-align:center;justify-content:center;align-items:center;padding-right:96px;display:flex;position:relative}.reader-panel .panel-header>div:first-child{text-align:center;max-width:100%}.reader-panel .panel-header .header-action-btns{margin-left:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.reader-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.quick-controls-row{justify-content:center;align-items:center;gap:32px;padding:12px 0;display:flex}.quick-controls-row .sliders-row{align-items:center;gap:28px;display:flex}.quick-controls-row .quick-slider{font-size:var(--text-xs);color:var(--muted);align-items:center;gap:10px;display:flex}.quick-controls-row .quick-slider span{white-space:nowrap;color:var(--accent-2);min-width:65px}.quick-controls-row .quick-slider input[type=range]{border-radius:var(--radius-full);appearance:none;cursor:pointer;background:#ffffff1f;width:100px;height:4px}.quick-controls-row .quick-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-2);cursor:pointer;border-radius:50%;width:14px;height:14px}.quick-controls-row .action-btn{white-space:nowrap}.quick-controls-row .action-btn.play-btn{background:var(--gradient-primary);color:#f4fffb;border:none}.quick-controls-row .action-btn.play-btn:hover{background:linear-gradient(135deg,#347467 0%,#29635a 100%)}.quick-controls-row .action-btn.stop-btn{color:var(--text-secondary);background:#ffffff1a;border:none}.quick-controls-row .action-btn.stop-btn:hover{color:var(--text-primary);background:#ffffff26}@media (max-width:600px){.quick-controls-row{flex-direction:column;align-items:stretch;gap:12px}.quick-controls-row .sliders-row{justify-content:space-between;gap:16px}.quick-controls-row .quick-slider{flex:1}.quick-controls-row .sliders-row .quick-slider:first-child span{margin-left:12px}.quick-controls-row .quick-slider input[type=range]{flex:1;width:100%}.quick-controls-row .action-btn{text-align:center;border-radius:13px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-left:0;padding:9px 16px;font-size:.94rem;font-weight:600;display:inline-flex}}.reader-quick{background:0 0;border:none;border-radius:0;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:16px;padding:0;display:flex;overflow:hidden}.quick-slider{font-size:var(--text-xs);color:var(--muted);flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}.quick-slider span{white-space:nowrap}.quick-slider input[type=range]{width:100%;min-width:70px;max-width:100px}.quick-play{flex:none;align-items:center;gap:10px;display:flex}.quick-play .play-surah-btn{color:var(--text);border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffffff1a;border:none;padding:8px 14px;transition:background .2s}.quick-play .play-surah-btn:hover{background:#ffffff29}.quick-play .stop-btn{color:#ffc9c9;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#f8717126;border:none;padding:8px 14px;transition:background .2s}.quick-play .stop-btn:hover{background:#f8717140}.reader-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;width:100%;display:flex}.reader-search{color:var(--muted);flex-direction:column;flex:280px;gap:8px;font-size:.75rem;display:flex}.reader-search span{text-transform:uppercase;letter-spacing:.05em;font-weight:500}.reader-search input{border-radius:var(--radius-sm);color:var(--text);background:#ffffff0f;border:none;padding:12px 16px;font-size:.9rem;transition:all .2s}.reader-search input::placeholder{color:var(--muted);opacity:.7}.reader-search input:hover{background:#ffffff14}.reader-search input:focus{background:#ffffff1a;outline:none;box-shadow:0 0 0 2px #6fd4b133}.go-ayah{align-items:flex-end;gap:10px;display:flex}.go-ayah label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:8px;font-size:.75rem;font-weight:500;display:flex}.go-ayah input{border-radius:var(--radius-sm);width:100px;color:var(--text);background:#ffffff0f;border:none;padding:12px 14px;font-size:.9rem;transition:all .2s}.go-ayah input::placeholder{color:var(--muted);opacity:.7}.go-ayah input:hover{background:#ffffff14}.go-ayah input:focus{background:#ffffff1a;outline:none;box-shadow:0 0 0 2px #6fd4b133}.word-toggle{align-items:center;gap:8px;display:flex}.reader-controls .control{color:var(--muted);flex-direction:column;gap:6px;font-size:.75rem;display:flex}.reader-controls input[type=range]{width:180px}.reader-panel{flex-direction:column;gap:16px;display:flex;position:relative;overflow:visible}.reader-panel .panel-header{position:relative}@media (max-width:1100px){.reader-panel .panel-header{text-align:center;justify-content:center;align-items:center;padding-right:0}.reader-panel .panel-header>div:first-child{text-align:center}.reader-panel .panel-header .header-action-btns{margin-top:12px;position:static;transform:none}.reader-panel .header-action-btns{display:none}}.translation-toggle{flex-wrap:wrap;gap:8px;display:flex}.translation-toggle button{border-radius:var(--radius-sm);font-size:var(--text-sm);-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0f;border:none;padding:8px 16px;font-weight:500;transition:background .2s}.translation-toggle button:hover{background:#ffffff1a}.translation-toggle button:active{transform:scale(.97)}.translation-toggle button.active{color:var(--accent-2);background:#6fd4b12e}.translation-toggle-mobile{flex-direction:column;gap:8px;display:flex}.translation-toggle-mobile button{text-align:left;border-radius:var(--radius-sm);background:#ffffff0a;border:none;width:100%;padding:14px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.translation-toggle-mobile button:hover{background:#ffffff14}.translation-toggle-mobile button.active{color:#d8fff0;background:linear-gradient(135deg,#6fd4b140,#6fd4b126)}.ayah-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.ayah-load-sentinel{width:100%;height:1px}.ayah-card{border-radius:var(--radius-lg);background:#ffffff05;border:none;padding:24px;scroll-margin-top:120px;transition:background-color .2s,box-shadow .2s}.ayah-card:hover{background:#ffffff0a}.ayah-card.focused{background:#6fd4b10a}.ayah-card.focused .ayah-number{color:var(--accent-2)}.ayah-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ayah-number{color:var(--accent);font-size:.85rem;font-weight:600}.ayah-actions{opacity:0;pointer-events:none;flex-wrap:wrap;gap:6px;transition:all .2s;display:flex;transform:translateY(-4px)}.ayah-card:hover .ayah-actions,.ayah-card:focus-within .ayah-actions,.ayah-card.focused .ayah-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.ayah-arabic{font-family:var(--font-arabic),serif;font-size:calc(1.65rem*var(--arabic-scale));text-align:right;letter-spacing:0;word-spacing:.12em;font-variant-ligatures:contextual;font-feature-settings:"calt" 1,"ccmp" 1,"liga" 1;text-rendering:optimizeLegibility;margin:12px 0 8px;line-height:2.1}.ayah-translation{color:var(--muted);font-size:calc(var(--text-base)*var(--translation-scale));line-height:1.5}.ayah-transliteration{color:var(--accent-2);font-size:calc(var(--text-sm)*var(--translation-scale));letter-spacing:.01em;margin:0 0 10px;line-height:1.65}.word-row{flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;display:flex}.word-chip{border-radius:var(--radius-sm);background:#ffffff0a;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;display:flex}.word-ar{font-family:var(--font-arabic),serif;color:var(--text);font-feature-settings:"calt" 1,"ccmp" 1,"liga" 1;text-rendering:optimizeLegibility;font-size:1rem}.word-en{color:var(--muted);text-align:center;font-size:.7rem}.ayah-card.skeleton{border-radius:var(--radius-md);background:#ffffff0a;margin-bottom:16px;padding:20px}.bismillah-banner{text-align:center;border-radius:var(--radius-md);background:#ffffff05;margin-bottom:28px;padding:28px 24px}.bismillah-arabic{font-family:var(--font-arabic);font-size:calc(2rem*var(--arabic-scale));color:var(--text-primary);margin:0 0 10px;line-height:1.8}.bismillah-translation{color:var(--muted);margin:0;font-size:.85rem;font-style:italic}.progress-container{align-items:center;gap:12px;display:flex}.progress-label{color:var(--muted);white-space:nowrap;font-size:.75rem}.progress-spacer{flex:0 0 30px;width:30px;min-width:30px}.progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-2),var(--accent));will-change:width;border-radius:3px;width:0;height:100%;transition:width .5s}.progress-text{color:var(--accent-2);text-align:right;min-width:40px;font-size:.75rem;font-weight:600;transform:translate(-10px)}.ayah-card{transition:background-color .2s,box-shadow .2s}.ayah-card:hover{border-color:#ffffff0f}.ayah-card.focused{animation:none}.content.reading .ayah-arabic{font-size:calc(clamp(2.2rem,3vw,3rem)*var(--arabic-scale));letter-spacing:.01em;line-height:2.4}.content.reading .ayah-translation{font-size:calc(var(--text-lg)*var(--translation-scale));color:var(--muted);line-height:1.9}.content.reading .ayah-transliteration{font-size:calc(var(--text-base)*var(--translation-scale));line-height:1.8}.content.reading .ayah-list{gap:64px}.content.reading .ayah-card{padding:32px 0}.content.reading .reader-quick,.content.reading .reader-toolbar,.content.reading .quick-controls-row{display:none}@media (max-width:768px){.reader-panel,.ayah-list,.ayah-card{backface-visibility:visible!important;contain:none!important;will-change:auto!important;transform:none!important}.ayah-card{scroll-margin-top:80px;transition:none!important}.ayah-actions{transition:none!important}.quick-controls-row{padding-bottom:12px}.bismillah-banner{margin-bottom:12px}}:root[data-theme=bw] .reader-search input:focus,:root[data-theme=bw] .go-ayah input:focus{box-shadow:0 0 0 2px #00000026}:root[data-theme=bw] .translation-toggle button.active,:root[data-theme=bw] .translation-toggle-mobile button.active{color:#111;background:#0000001f}:root[data-theme=bw] .translation-toggle button.active:hover,:root[data-theme=bw] .translation-toggle-mobile button.active:hover{background:#00000029}:root[data-theme=bw] .ayah-card.focused{background:#0000000a}:root[data-theme=bw] .ayah-card.focused .ayah-number{color:#333}
.audio-bar{border-radius:var(--radius-md);background:#0f2227f2;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.audio-bar .audio-info{flex:1;min-width:150px}.audio-bar .audio-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.audio-bar .surah-play-controls{gap:8px;display:flex}.audio-bar .play-surah-btn{background:var(--gradient-primary);color:#f4fffb;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none;padding:10px 18px;transition:background .2s}.audio-bar .play-surah-btn:hover{background:linear-gradient(135deg,#347467 0%,#29635a 100%)}.audio-bar .stop-btn{color:#ffc9c9;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#f8717126;border:none;padding:10px 18px;transition:background .2s}.audio-bar .stop-btn:hover{background:#f8717140}.audio-bar .label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);margin-bottom:4px;font-size:.7rem;font-weight:600}.audio-bar audio{border-radius:var(--radius-sm);width:240px;height:36px}.audio-placeholder{color:var(--muted);border-radius:var(--radius-sm);background:#ffffff0a;padding:8px 16px;font-size:.75rem}.audio-bar.playing{border-color:var(--accent-2)}.audio-bar.playing:before{content:"";background:linear-gradient(90deg,var(--accent-2),var(--accent));height:2px;animation:2s linear infinite audioProgress;position:absolute;top:0;left:0;right:0}@media (max-width:768px){.audio-bar audio{height:44px}}