.AudioMenu_menu__cPRaI{position:absolute;bottom:calc(100% + var(--space-2));right:0;width:280px;max-height:420px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:10;padding:var(--space-3)}.AudioMenu_section__UjNZg{padding:var(--space-2) 0}.AudioMenu_section__UjNZg+.AudioMenu_section__UjNZg{border-top:1px solid var(--border-secondary)}.AudioMenu_sectionLabel__nzBSo{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}.AudioMenu_speedRow__lST0I{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-2)}.AudioMenu_speedBtn__zQKc4{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.AudioMenu_speedBtn__zQKc4:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.AudioMenu_speedBtn__zQKc4.AudioMenu_speedActive__L4OTy{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.AudioMenu_reciterToggle__JF2cY{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:left;color:var(--text-primary)}.AudioMenu_reciterCurrent__qvV1y{font-size:var(--text-sm);color:var(--accent-primary);margin-top:2px}.AudioMenu_reciterChevron__6qO16{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.AudioMenu_reciterChevronOpen__ZLum8{transform:rotate(180deg)}.AudioMenu_reciterList__NCxFs{display:flex;flex-direction:column;gap:1px;margin-top:var(--space-2);max-height:200px;overflow-y:auto}.AudioMenu_reciterItem__ZyIuJ{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%}.AudioMenu_reciterItem__ZyIuJ:hover{background:var(--bg-secondary)}.AudioMenu_reciterItem__ZyIuJ.AudioMenu_reciterActive__0BxLW{background:var(--bg-tertiary)}.AudioMenu_reciterRadio__80LgN{width:14px;height:14px;border:2px solid var(--border-primary);border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center}.AudioMenu_reciterActive__0BxLW .AudioMenu_reciterRadio__80LgN{border-color:var(--accent-primary)}.AudioMenu_reciterRadioDot__WaGNp{width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-primary)}.AudioMenu_reciterName__v6vtc,.AudioMenu_toggleRow__TDoiA{font-size:var(--text-sm);color:var(--text-primary)}.AudioMenu_toggleRow__TDoiA{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0;cursor:pointer}.AudioMenu_toggle__1Aw5m{width:36px;height:20px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;position:relative;transition:background var(--transition-fast);flex-shrink:0}.AudioMenu_toggle__1Aw5m.AudioMenu_toggleOn__CPUtJ{background:var(--accent-primary)}.AudioMenu_toggleThumb__OXycW{position:absolute;top:2px;left:2px;width:16px;height:16px;background:white;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.AudioMenu_toggleOn__CPUtJ .AudioMenu_toggleThumb__OXycW{transform:translateX(16px)}.AudioPlayer_bar__NPRAi{position:fixed;bottom:0;left:0;right:0;height:var(--audio-bar-height);z-index:var(--z-audio-bar);background:var(--bg-secondary);border-top:1px solid var(--border-primary);animation:AudioPlayer_slideUp__6r_Wu .2s ease-out;transition:left var(--transition-slow)}@keyframes AudioPlayer_slideUp__6r_Wu{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:1024px) and (max-width:1279px){html[data-reading-layout] .AudioPlayer_bar__NPRAi{left:var(--sidebar-collapsed-width)}}@media (min-width:1280px){html[data-sidebar-open] .AudioPlayer_bar__NPRAi{left:var(--sidebar-width)}}.AudioPlayer_inner__ykGqD{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);height:100%;padding:0 var(--space-4)}.AudioPlayer_left__DCcqT{display:flex;align-items:center;gap:var(--space-1);min-width:0}.AudioPlayer_surahName__JeMOd{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AudioPlayer_dot__mofLP{color:var(--text-tertiary);flex-shrink:0}.AudioPlayer_ayahLabel__0ZZ9j{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.AudioPlayer_center___6_VX{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:300px;max-width:600px}.AudioPlayer_controls__q1bpW{display:flex;align-items:center;gap:var(--space-2)}.AudioPlayer_controlBtn__xLvsp{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.AudioPlayer_controlBtn__xLvsp:hover{color:var(--text-primary);background:var(--bg-tertiary)}.AudioPlayer_playBtn___TqGO{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--accent-primary);color:white;cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast)}.AudioPlayer_playBtn___TqGO:hover{background:var(--accent-primary-hover)}.AudioPlayer_spinner__ouskC{animation:AudioPlayer_spin__3poje 1s linear infinite}@keyframes AudioPlayer_spin__3poje{to{transform:rotate(1turn)}}.AudioPlayer_progressRow__LO_tq{display:flex;align-items:center;gap:var(--space-2);width:100%}.AudioPlayer_timeLabel__B71P7{font-size:11px;color:var(--text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;min-width:32px;text-align:center}.AudioPlayer_progressWrap__uooO4{flex:1 1;cursor:pointer;padding:var(--space-1) 0}.AudioPlayer_progressTrack__BHSxo{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.AudioPlayer_progressFill__TzR9R{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);will-change:width}.AudioPlayer_right__ayp6O{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1)}.AudioPlayer_volumeWrap__chhyQ{position:relative}.AudioPlayer_volumePopup__U_ZLB{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translateX(-50%);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;align-items:center;height:120px}.AudioPlayer_volumeSlider__oAO3Q{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:4px;height:100%;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;cursor:pointer}.AudioPlayer_volumeSlider__oAO3Q::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--radius-full);background:var(--accent-primary);cursor:pointer}.AudioPlayer_volumeSlider__oAO3Q::-moz-range-thumb{width:14px;height:14px;border-radius:var(--radius-full);background:var(--accent-primary);border:none;cursor:pointer}.AudioPlayer_volumeSlider__oAO3Q::-moz-range-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.AudioPlayer_menuAnchor__WZlhk{position:relative}.AudioPlayer_errorOverlay__vZzpX{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.AudioPlayer_retryBtn__Yqrir{padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:white;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm)}.AudioPlayer_retryBtn__Yqrir:hover{background:var(--accent-primary-hover)}@media (max-width:767px){.AudioPlayer_bar__NPRAi{bottom:var(--mobile-nav-height);height:auto;padding:var(--space-2) var(--space-3)}.AudioPlayer_inner__ykGqD{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0}.AudioPlayer_left__DCcqT{flex-basis:auto;order:-1}.AudioPlayer_center___6_VX{order:1;flex-basis:100%;min-width:0}.AudioPlayer_progressRow__LO_tq{width:100%}.AudioPlayer_right__ayp6O{order:-1;margin-left:auto}.AudioPlayer_volumeWrap__chhyQ{display:none}.AudioPlayer_bar__NPRAi{transition:transform var(--transition-slow),visibility var(--transition-slow)}html[data-focus-mode] .AudioPlayer_bar__NPRAi{transform:translateY(calc(100% + var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px)));visibility:hidden}}@media (max-width:767px) and (prefers-reduced-motion:reduce){.AudioPlayer_bar__NPRAi{transition:none}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:root,[data-theme=light]{--bg-primary:#FFFFFF;--bg-secondary:#F8F9FA;--bg-tertiary:#F0F1F3;--bg-reading:#FFFFFF;--text-primary:#1A1A2E;--text-secondary:#4A4A68;--text-tertiary:#8E8EA0;--text-albanian:#2D2D3F;--text-arabic:#1A1A2E;--border-primary:#E5E5E5;--border-secondary:#EEEEEE;--accent-primary:#1B7D5A;--accent-primary-hover:#15634A;--accent-secondary:#D4A853;--accent-secondary-hover:#C49A45;--verse-hover:#F5F7F5;--verse-active:#EDF5F0;--surah-header-bg:#F0F7F4;--error:#D32F2F;--success:#2E7D32;--warning:#F57C00;--verse-playing:#E8F5E9;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#4A90D9;--bookmark-red:#D94A4A;--bookmark-green-bg:#E8F5EE;--bookmark-gold-bg:#FFF8E1;--bookmark-blue-bg:#E3F2FD;--bookmark-red-bg:#FFEBEE}[data-theme=sepia]{--bg-primary:#F4EADB;--bg-secondary:#EDE2D1;--bg-tertiary:#E6DAC8;--bg-reading:#F7F0E3;--text-primary:#3D2E1C;--text-secondary:#5C4A35;--text-tertiary:#8A7560;--text-albanian:#3D2E1C;--text-arabic:#2C1F10;--border-primary:#D4C4AE;--border-secondary:#DDD0BC;--accent-primary:#5B7F3B;--accent-primary-hover:#4A6B30;--accent-secondary:#C49A45;--accent-secondary-hover:#B38B38;--verse-hover:#EFE5D4;--verse-active:#E8DDCB;--surah-header-bg:#EBE0CE;--error:#C62828;--success:#2E7D32;--warning:#E65100;--verse-playing:#E5DDCB;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#4A90D9;--bookmark-red:#D94A4A;--bookmark-green-bg:#E2EBDA;--bookmark-gold-bg:#EDE3CB;--bookmark-blue-bg:#DDE6EE;--bookmark-red-bg:#EDDBD8}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1E1E1E;--bg-tertiary:#2A2A2A;--bg-reading:#161616;--text-primary:#E0E0E0;--text-secondary:#A0A0A0;--text-tertiary:#6B6B6B;--text-albanian:#D8D8D8;--text-arabic:#E8E8E8;--border-primary:#333333;--border-secondary:#2A2A2A;--accent-primary:#4CAF7D;--accent-primary-hover:#5DC48E;--accent-secondary:#E0B864;--accent-secondary-hover:#EBC878;--verse-hover:#1E2A1E;--verse-active:#1A2E1E;--surah-header-bg:#1A2420;--error:#EF5350;--success:#66BB6A;--warning:#FFA726;--verse-playing:#1A3A1E;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#5BA0E6;--bookmark-red:#E65A5A;--bookmark-green-bg:#1A2E1E;--bookmark-gold-bg:#2E2A1A;--bookmark-blue-bg:#1A2330;--bookmark-red-bg:#2E1A1A}@media (prefers-color-scheme:dark){[data-theme=auto]{--bg-primary:#121212;--bg-secondary:#1E1E1E;--bg-tertiary:#2A2A2A;--bg-reading:#161616;--text-primary:#E0E0E0;--text-secondary:#A0A0A0;--text-tertiary:#6B6B6B;--text-albanian:#D8D8D8;--text-arabic:#E8E8E8;--border-primary:#333333;--border-secondary:#2A2A2A;--accent-primary:#4CAF7D;--accent-primary-hover:#5DC48E;--accent-secondary:#E0B864;--accent-secondary-hover:#EBC878;--verse-hover:#1E2A1E;--verse-active:#1A2E1E;--surah-header-bg:#1A2420;--error:#EF5350;--success:#66BB6A;--warning:#FFA726;--verse-playing:#1A3A1E;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#5BA0E6;--bookmark-red:#E65A5A;--bookmark-green-bg:#1A2E1E;--bookmark-gold-bg:#2E2A1A;--bookmark-blue-bg:#1A2330;--bookmark-red-bg:#2E1A1A}}@media (prefers-color-scheme:light){[data-theme=auto]{--bg-primary:#FFFFFF;--bg-secondary:#F8F9FA;--bg-tertiary:#F0F1F3;--bg-reading:#FFFFFF;--text-primary:#1A1A2E;--text-secondary:#4A4A68;--text-tertiary:#8E8EA0;--text-albanian:#2D2D3F;--text-arabic:#1A1A2E;--border-primary:#E5E5E5;--border-secondary:#EEEEEE;--accent-primary:#1B7D5A;--accent-primary-hover:#15634A;--accent-secondary:#D4A853;--accent-secondary-hover:#C49A45;--verse-hover:#F5F7F5;--verse-active:#EDF5F0;--surah-header-bg:#F0F7F4;--error:#D32F2F;--success:#2E7D32;--warning:#F57C00;--verse-playing:#E8F5E9;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#4A90D9;--bookmark-red:#D94A4A;--bookmark-green-bg:#E8F5EE;--bookmark-gold-bg:#FFF8E1;--bookmark-blue-bg:#E3F2FD;--bookmark-red-bg:#FFEBEE}}html{transition:background-color .2s ease,color .2s ease}@font-face{font-family:UthmanicHafs;src:url(/fonts/UthmanicHafs1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UthmanTN;src:url(/fonts/UthmanTN1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SurahNames;src:url(/fonts/surah-names.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--font-arabic:"UthmanicHafs","UthmanTN","Traditional Arabic",serif;--font-surah-names:"SurahNames";--font-albanian-reading:"Literata",Charter,Georgia,"Times New Roman",serif;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.625rem;--text-sm:0.8125rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9375rem;--text-2xl:2.4375rem;--text-3xl:3.0625rem;--text-4xl:3.8125rem;--arabic-size-1:1.5rem;--arabic-size-2:1.75rem;--arabic-size-3:2rem;--arabic-size-4:2.25rem;--arabic-size-5:2.625rem;--arabic-size-6:3rem;--arabic-size-7:3.5rem;--albanian-size-1:0.875rem;--albanian-size-2:1rem;--albanian-size-3:1.125rem;--albanian-size-4:1.25rem;--albanian-size-5:1.375rem;--albanian-size-6:1.625rem;--arabic-font-size:var(--arabic-size-4);--albanian-font-size:var(--albanian-size-3);--lh-arabic:2;--lh-albanian:1.7;--lh-ui:1.5;--lh-compact:1.4;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--lh-ui)}.text-arabic{font-family:var(--font-arabic);font-size:var(--arabic-font-size);line-height:var(--lh-arabic);direction:rtl;text-align:right;color:var(--text-arabic);letter-spacing:0;font-weight:400}.text-albanian{font-family:var(--font-albanian-reading);font-size:var(--albanian-font-size);line-height:var(--lh-albanian);direction:ltr;text-align:left;color:var(--text-albanian)}.text-ui{font-family:var(--font-ui)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}@media (max-width:1023px){:root{--arabic-font-size:var(--arabic-size-3);--albanian-font-size:var(--albanian-size-2)}}@media (max-width:767px){:root{--arabic-font-size:var(--arabic-size-2);--albanian-font-size:var(--albanian-size-2)}}:root{--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--header-height:56px;--settings-toolbar-height:48px;--sidebar-width:280px;--sidebar-collapsed-width:64px;--mobile-nav-height:56px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 20px rgba(0,0,0,0.1);--shadow-xl:0 20px 40px rgba(0,0,0,0.15);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-sidebar:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600;--z-audio-bar:250;--z-toast:700;--audio-bar-height:64px;--bp-mobile:480px;--bp-tablet-sm:640px;--bp-tablet:768px;--bp-desktop-sm:1024px;--bp-desktop:1280px;--bp-desktop-lg:1536px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.container-narrow{max-width:680px}.container-narrow,.container-reading{margin:0 auto;padding:0 var(--space-4)}.container-reading{max-width:760px}.container-arabic{max-width:900px}.container-arabic,.container-content{margin:0 auto;padding:0 var(--space-4)}.container-content{max-width:1080px}.container-full{max-width:1400px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container-arabic,.container-content,.container-full,.container-narrow,.container-reading{padding:0 var(--space-6)}}@media (min-width:1024px){.container-arabic,.container-content,.container-full,.container-narrow,.container-reading{padding:0 var(--space-12)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--accent-primary);color:white}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}@media (max-width:767px){.toast-container{bottom:calc(var(--mobile-nav-height) + var(--space-4));right:var(--space-4);left:var(--space-4)}}