*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[data-theme=light],:root{--bg-primary:#fff;--bg-secondary:#f8f7f3;--bg-tertiary:#f1efe9;--bg-reading:#fff;--text-primary:#18203a;--text-secondary:#4a5272;--text-tertiary:#868ba0;--text-albanian:#1e2644;--text-arabic:#121933;--border-primary:#e8e5dd;--border-secondary:#f1efe9;--accent-primary:#1e2a55;--accent-primary-hover:#151e40;--accent-secondary:#d4a443;--accent-secondary-hover:#bf9035;--verse-hover:#f7f6f1;--verse-active:#e9ecf5;--surah-header-bg:#eaedf6;--error:#d32f2f;--success:#2e7d32;--warning:#f57c00;--verse-playing:#e4e8f3;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#4a90d9;--bookmark-red:#d94a4a;--bookmark-green-bg:#e4f0ea;--bookmark-gold-bg:#fff8e1;--bookmark-blue-bg:#e3f2fd;--bookmark-red-bg:#ffebee}[data-theme=sepia]{--bg-primary:#fbf7ef;--bg-secondary:#f5efe3;--bg-tertiary:#eee6d7;--bg-reading:#fdfaf4;--text-primary:#3d2e1c;--text-secondary:#5c4a35;--text-tertiary:#8a7560;--text-albanian:#3d2e1c;--text-arabic:#2c1f10;--border-primary:#e3d8c6;--border-secondary:#eae1d2;--accent-primary:#2c3a6b;--accent-primary-hover:#222e57;--accent-secondary:#c49a45;--accent-secondary-hover:#b38b38;--verse-hover:#f6f0e5;--verse-active:#e8ddcb;--surah-header-bg:#ebe0ce;--error:#c62828;--success:#2e7d32;--warning:#e65100;--verse-playing:#e8e5dd;--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:#0f1530;--bg-secondary:#161e3f;--bg-tertiary:#1f2850;--bg-reading:#121935;--text-primary:#ece7da;--text-secondary:#adb3c8;--text-tertiary:#7a82a0;--text-albanian:#e2ddd0;--text-arabic:#f0eada;--border-primary:#2a3460;--border-secondary:#1f2850;--accent-primary:#e0b252;--accent-primary-hover:#ebc36c;--accent-secondary:#d9b05a;--accent-secondary-hover:#e6c171;--verse-hover:#18214a;--verse-active:#1d2856;--surah-header-bg:#19234c;--error:#ef5350;--success:#66bb6a;--warning:#ffa726;--verse-playing:#22305e;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#5ba0e6;--bookmark-red:#e65a5a;--bookmark-green-bg:#1d2856;--bookmark-gold-bg:#2e2a1a;--bookmark-blue-bg:#1a2330;--bookmark-red-bg:#2e1a1a}@media (prefers-color-scheme:dark){[data-theme=auto]{--bg-primary:#0f1530;--bg-secondary:#161e3f;--bg-tertiary:#1f2850;--bg-reading:#121935;--text-primary:#ece7da;--text-secondary:#adb3c8;--text-tertiary:#7a82a0;--text-albanian:#e2ddd0;--text-arabic:#f0eada;--border-primary:#2a3460;--border-secondary:#1f2850;--accent-primary:#e0b252;--accent-primary-hover:#ebc36c;--accent-secondary:#d9b05a;--accent-secondary-hover:#e6c171;--verse-hover:#18214a;--verse-active:#1d2856;--surah-header-bg:#19234c;--error:#ef5350;--success:#66bb6a;--warning:#ffa726;--verse-playing:#22305e;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#5ba0e6;--bookmark-red:#e65a5a;--bookmark-green-bg:#1d2856;--bookmark-gold-bg:#2e2a1a;--bookmark-blue-bg:#1a2330;--bookmark-red-bg:#2e1a1a}}@media (prefers-color-scheme:light){[data-theme=auto]{--bg-primary:#fff;--bg-secondary:#f8f7f3;--bg-tertiary:#f1efe9;--bg-reading:#fff;--text-primary:#18203a;--text-secondary:#4a5272;--text-tertiary:#868ba0;--text-albanian:#1e2644;--text-arabic:#121933;--border-primary:#e8e5dd;--border-secondary:#f1efe9;--accent-primary:#1e2a55;--accent-primary-hover:#151e40;--accent-secondary:#d4a443;--accent-secondary-hover:#bf9035;--verse-hover:#f7f6f1;--verse-active:#e9ecf5;--surah-header-bg:#eaedf6;--error:#d32f2f;--success:#2e7d32;--warning:#f57c00;--verse-playing:#e4e8f3;--bookmark-green:var(--accent-primary);--bookmark-gold:var(--accent-secondary);--bookmark-blue:#4a90d9;--bookmark-red:#d94a4a;--bookmark-green-bg:#e4f0ea;--bookmark-gold-bg:#fff8e1;--bookmark-blue-bg:#e3f2fd;--bookmark-red-bg:#ffebee}}html{transition:background-color .2s,color .2s}@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:.8125rem;--text-sm:1rem;--text-base:1.125rem;--text-md:1.375rem;--text-lg:1.5625rem;--text-xl:1.9375rem;--text-2xl:2.4375rem;--text-3xl:3.0625rem;--text-4xl:3.8125rem;--arabic-size-1:1.375rem;--arabic-size-2:1.5625rem;--arabic-size-3:1.75rem;--arabic-size-4:2rem;--arabic-size-5:2.3125rem;--arabic-size-6:2.625rem;--arabic-size-7:3rem;--albanian-size-1:.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);color:var(--text-primary)}.text-arabic{font-family:var(--font-arabic);font-size:var(--arabic-font-size);line-height:var(--lh-arabic);text-align:right;color:var(--text-arabic);letter-spacing:0;direction:rtl;font-weight:400}.text-albanian{font-family:var(--font-albanian-reading);font-size:var(--albanian-font-size);line-height:var(--lh-albanian);text-align:left;color:var(--text-albanian);direction:ltr}.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:.25rem;--space-2:.5rem;--space-3:.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 #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 20px #0000001a;--shadow-xl:0 20px 40px #00000026;--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:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.container-narrow{max-width:680px;padding:0 var(--space-4);margin:0 auto}.container-reading{max-width:760px;padding:0 var(--space-4);margin:0 auto}.container-arabic{max-width:900px;padding:0 var(--space-4);margin:0 auto}.container-content{max-width:1080px;padding:0 var(--space-4);margin:0 auto}.container-full{max-width:1400px;padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container-narrow,.container-reading,.container-arabic,.container-content,.container-full{padding:0 var(--space-6)}}@media (min-width:1024px){.container-narrow,.container-reading,.container-arabic,.container-content,.container-full{padding:0 var(--space-12)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-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:#fff}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}@media (max-width:767px){.toast-container{bottom:calc(var(--mobile-nav-height) + var(--space-4));right:var(--space-4);left:var(--space-4)}}