@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400;500;600;700&display=swap";
:root{--main-font-size:18px;--bible-font-size:18px;--bible-font-family:"Cairo",sans-serif;--bible-font-weight:400;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--transition-smooth:cubic-bezier(.4,0,.2,1);--transition-bounce:cubic-bezier(.175,.885,.32,1.275);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg-start:#f8fafc;--color-bg-end:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-card-bg:#ffffffd9;--color-border:#0f172a14;--glass-blur:16px;--glass-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--color-accent:#2563eb;--btn-bg:#2563eb;--btn-text:#fff;--btn-hover:#1e40af;--color-accent-gold:#fbbf24;--color-shadow-medium:#0000000d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--color-bg-start:#020617;--color-bg-end:#0f172a;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-card-bg:#0f172acc;--color-border:#ffffff1a;--glass-blur:24px;--glass-shadow:0 25px 50px -12px #00000080;--color-accent:#38bdf8;--btn-bg:#38bdf8;--btn-text:#020617;--btn-hover:#7dd3fc;--color-shadow-medium:#0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;touch-action:manipulation;margin:0;padding:0}html,body{overscroll-behavior-y:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;overflow-x:hidden}body{background-color:var(--color-bg-start);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);font-family:Inter,Cairo,sans-serif}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}img{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spin-slow}button,a,[role=button],.clickable{transition:transform .1s cubic-bezier(.4,0,.2,1),opacity .1s;outline:none!important}button:active,a:active,[role=button]:active,.clickable:active{opacity:.8;transform:scale(.96)}input,textarea{outline:none;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}@media (hover:hover){button:hover,a:hover{filter:brightness(1.1)}}.liquid-glass{background:var(--color-card-bg)!important;-webkit-backdrop-filter:blur(var(--glass-blur))!important;border:1px solid var(--color-border)!important;box-shadow:var(--glass-shadow)!important}.sr-only{display:none}.update-overlay{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#02061766;justify-content:center;align-items:center;padding:24px;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}.update-modal{background:var(--color-card-bg);width:100%;max-width:380px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);text-align:center;box-shadow:var(--glass-shadow);animation:modalPop var(--transition-bounce).5s;border-radius:36px;padding:40px 28px;position:relative;overflow:hidden}.update-modal:before{content:"";background:radial-gradient(circle at center,var(--color-accent)0%,transparent 65%);opacity:.08;pointer-events:none;width:130%;height:130%;position:absolute;top:-15%;left:-15%}.update-icon-container{background:linear-gradient(135deg,var(--color-accent)0%,#6366f1 100%);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 28px;display:flex;transform:rotate(-3deg);box-shadow:0 12px 24px -4px #0003}.update-title{color:var(--color-text-primary);margin-bottom:12px;font-family:Cairo,sans-serif;font-size:26px;font-weight:900;line-height:1.2}.update-text{color:var(--color-text-secondary);margin-bottom:36px;padding:0 8px;font-size:16.5px;font-weight:500;line-height:1.7}.update-actions{flex-direction:column;gap:14px;display:flex}.update-btn-primary{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border:none;border-radius:20px;padding:18px;font-size:18px;font-weight:800;transition:all .2s;box-shadow:0 8px 16px -4px #00000026}.update-btn-primary:active{filter:brightness(.95);transform:scale(.97)}.update-btn-secondary{color:var(--color-text-secondary);cursor:pointer;opacity:.85;background:0 0;border:none;padding:10px;font-size:15px;font-weight:700;transition:opacity .2s}.update-btn-secondary:hover{opacity:1;color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}
.layout-module__L5FxyW__container{width:100%;max-width:100vw;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border:none;margin:0 0 40px;padding:10px}.layout-module__L5FxyW__mainContent{background:0 0;flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:0 0 25px;display:flex;position:relative}.layout-module__L5FxyW__navbarWrapper{z-index:1000;margin:0;padding:10px 15px;position:fixed;top:0;left:0;right:0}.layout-module__L5FxyW__navbar{background:var(--color-card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);box-shadow:var(--glass-shadow);width:100%;max-width:600px;transition:background-color .3s ease,border-color .3s ease,transform .3s var(--transition-smooth);border-radius:24px;justify-content:space-evenly;align-items:center;margin:0 auto;padding:10px 5px;display:flex}.layout-module__L5FxyW__navLink{width:45px;height:45px;color:var(--color-text-primary);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,transform .2s,color .3s;display:flex}.layout-module__L5FxyW__navLink:hover{color:var(--color-accent);background-color:#ffffff1a;transform:translateY(-2px)}.layout-module__L5FxyW__navIcon{width:26px;height:26px;color:inherit;flex-shrink:0}@media (min-width:770px){.layout-module__L5FxyW__container{margin-top:50px}}@media (max-width:768px){.layout-module__L5FxyW__container{padding:10px}.layout-module__L5FxyW__mainContent{min-height:calc(100vh - 60px);padding-bottom:20px}.layout-module__L5FxyW__navbarWrapper{padding:8px 10px}.layout-module__L5FxyW__navbar{border-radius:20px;padding:8px 5px}.layout-module__L5FxyW__navLink{width:40px;height:40px}}@media (max-width:480px){.layout-module__L5FxyW__navbar{gap:5px}.layout-module__L5FxyW__navLink{width:38px;height:38px}.layout-module__L5FxyW__navIcon{width:22px;height:22px}}@media (max-width:380px){.layout-module__L5FxyW__navbar{gap:2px}.layout-module__L5FxyW__navLink{width:35px;height:35px}.layout-module__L5FxyW__navIcon{width:20px;height:20px}}.layout-module__L5FxyW__mainContent>div{width:100%;max-width:100%}.layout-module__L5FxyW__sr-only{display:none}
.layout-module__6XXMma__container{background-color:var(--color-card-bg);width:100%;max-width:1200px;box-shadow:0 8px 32px var(--color-shadow-medium);border:1px solid var(--color-border);border-radius:20px;margin:0 auto;padding:20px}.layout-module__6XXMma__mainContent{text-align:center;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:80px;padding-bottom:80px;display:flex}.layout-module__6XXMma__navbarWrapper{z-index:1000;width:100%;position:fixed;top:0;left:0;right:0}.layout-module__6XXMma__navbar{background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);justify-content:space-evenly;align-items:center;height:70px;transition:all .3s;display:flex}.layout-module__6XXMma__navLink{color:var(--color-text-secondary);opacity:.7;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;line-height:0;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:768px){.layout-module__6XXMma__navbarWrapper{background-color:var(--color-card-bg);padding-bottom:env(safe-area-inset-bottom,0px);top:auto;bottom:0;box-shadow:0 -4px 20px #0003}[data-theme=dark] .layout-module__6XXMma__navbarWrapper,[data-theme=system] .layout-module__6XXMma__navbarWrapper{background-color:#050a18!important}.layout-module__6XXMma__navbar{border:none;border-top:1px solid var(--color-border);background:0 0;border-radius:0;justify-content:space-around;width:100%;height:65px;margin:0}.layout-module__6XXMma__mainContent{padding-top:calc(env(safe-area-inset-top,0px) + 75px);padding-bottom:100px}.layout-module__6XXMma__navLink{width:55px;height:55px}}.layout-module__6XXMma__active{opacity:1;transform:scale(1.1);color:#036!important}[data-theme=dark] .layout-module__6XXMma__active,[data-theme=system] .layout-module__6XXMma__active{color:#fff!important}.layout-module__6XXMma__active svg{filter:drop-shadow(0 2px 4px #0000001a);transform:translateY(-4px)}@media (max-width:768px){.layout-module__6XXMma__active:after{content:"";background-color:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:8px}}