@font-face{font-family:Thmanyah Sans;src:url(https://framerusercontent.com/assets/x6EBzvXf1Fi35XhsRoHxePDVo.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(https://framerusercontent.com/assets/oE98mOPE28KTzUeptOLRIaqW1I.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah Sans;src:url(https://framerusercontent.com/assets/LZvgFRUsP7pGWYj3tKxMUrKuhSY.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah Serif Text;src:url(https://framerusercontent.com/assets/3WPjrTAizPcMoDaKDtKdNB0Jo50.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Thmanyah Serif Display;src:url(https://framerusercontent.com/assets/s1q2LvVNWBbqzMxMBxsexY73tE.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#fafbf7;--bg-card:#f2f4ec;--bg-accent:#e5e8dd;--bg-glass:#fafbf7d9;--text-main:#0d1a15;--text-muted:#55685f;--text-light:#fff;--brand:#115b3d;--brand-mid:#1e7b53;--brand-light:#eaf5ee;--brand-xlight:#f4faf6;--gold:#c29028;--gold-light:#fdf8eb;--gold-mid:#e2b34b;--color-sage:#1e7b53;--color-sage-light:#eaf5ee;--color-sand:#c29028;--color-sand-light:#fdf8eb;--color-terracotta:#b8654a;--color-meditate:#0e7c7b;--color-meditate-light:#e6f4f4;--color-error:#dc2626;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-round:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:36px;--shadow-xs:0 1px 3px #0000000d;--shadow-soft:0 4px 20px #115b3d12;--shadow-md:0 8px 30px #115b3d1a;--shadow-hover:0 12px 40px #115b3d24;--shadow-card:0 2px 12px #0000000a, 0 1px 3px #00000005;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--transition:all .25s var(--ease-out);--transition-slow:all .5s var(--ease-out);--transition-normal:all .25s var(--ease-out);--header-h:64px}body.dark-mode{--bg-primary:#050c09;--bg-card:#0a140ff2;--bg-accent:#14251d;--bg-glass:#050c09bf;--text-main:#f0f7f3;--text-muted:#829a8d;--text-light:#fff;--brand:#57d68d;--brand-mid:#6ce29e;--brand-light:#0b1c13;--brand-xlight:#06130c;--gold:#f0b958;--gold-light:#251b0a;--gold-mid:#f5c873;--shadow-soft:0 4px 20px #0000004d;--shadow-md:0 8px 30px #0006;--shadow-hover:0 12px 40px #00000080;--shadow-card:0 2px 12px #00000040}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:radial-gradient(circle at top right, #1c6c4d1a, transparent 28%), radial-gradient(circle at bottom left, #b889341a, transparent 24%), linear-gradient(180deg, #e7ebdd59, #e7ebdd00 18%), var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-family:Thmanyah Sans,Cairo,system-ui,sans-serif;font-size:15px;line-height:1.65;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--brand-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand)}h1,h2,h3,h4{color:var(--text-main);font-family:Thmanyah Serif Display,serif;line-height:1.3}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}.app-container{background:radial-gradient(circle at top center, #1c6c4d14, transparent 30%), radial-gradient(circle at 75% 18%, #b8893414, transparent 26%), var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.main-content{width:100%;max-width:1280px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl);flex:1;margin:0 auto}.header{z-index:100;height:var(--header-h);width:100%;transition:all .5s var(--ease-out);align-items:center;display:flex;position:sticky;top:0}.header:before{content:"";background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--bg-accent);z-index:-1;transition:all .5s var(--ease-out);position:absolute;inset:0;box-shadow:0 4px 20px #115b3d08}@media (width>=769px){.header{height:76px;padding:0 24px}.header:before{border:1px solid var(--bg-accent);box-shadow:var(--shadow-soft), 0 0 0 1px #c290280d;border-radius:999px;inset:10px 24px}.header.header-scrolled{height:64px}.header.header-scrolled:before{box-shadow:var(--shadow-md), 0 0 0 1px #c2902814;inset:6px 48px}}.header-inner{width:100%;max-width:1280px;height:100%;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin:0 auto;transition:all .75s cubic-bezier(.16,1,.3,1);display:flex}.header-left{flex:1;justify-content:flex-start;align-items:center;display:flex}.header-center{flex:2.2;justify-content:center;align-items:center;display:flex}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.logo-section{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(to bottom, var(--brand) 0%, var(--brand-mid) 100%);border-radius:var(--radius-sm);color:#fff;width:38px;height:38px;transition:var(--transition);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;box-shadow:0 3px 10px #1a6b4a4d}.logo-icon:hover{transform:scale(1.03);box-shadow:0 6px 18px #1a6b4a66}.logo-text{color:var(--brand);letter-spacing:-.5px;font-family:Thmanyah Serif Display,serif;font-size:22px;font-weight:700}.nav-links{background:var(--bg-glass);border:1px solid var(--bg-accent);box-shadow:var(--shadow-xs), 0 8px 20px #00000005;-webkit-backdrop-filter:blur(20px);scrollbar-width:none;border-radius:999px;align-items:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 28px;padding:4px;display:flex;overflow:auto}.nav-links::-webkit-scrollbar{display:none}.nav-button{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;display:flex;position:relative}.nav-button:hover{color:var(--brand);background:#115b3d0d;border-color:#115b3d14}.nav-button.active{color:var(--text-light);background:linear-gradient(135deg, var(--brand-mid), var(--brand));box-shadow:0 6px 16px #115b3d38, 0 0 0 1px var(--gold-mid);border-color:#115b3d1f;font-weight:700}.nav-button.active:after{display:none}.nav-button svg{opacity:.8;transition:opacity .2s}.nav-button.active svg,.nav-button:hover svg{opacity:1}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 92%, var(--brand-light) 8%), var(--bg-card));padding:var(--spacing-lg);border:1px solid color-mix(in srgb, var(--bg-accent) 90%, var(--brand-light) 10%);transition:var(--transition);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #16261f0f,0 2px 8px #16261f08}.card:hover{border-color:#1c6c4d24;transform:translateY(-3px);box-shadow:0 16px 36px #16261f17,0 4px 12px #16261f0a}.header,.card,.logo-icon,.nav-button,.footer,.user-avatar-row{-webkit-backdrop-filter:saturate(1.05)blur(14px);backdrop-filter:saturate(1.05)blur(14px)}.dashboard-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1.3fr;margin-top:12px;display:grid}.emoji-accent{transition:var(--transition);cursor:default;-webkit-user-select:none;user-select:none;display:inline-block}.emoji-accent:hover{transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathingPulse{0%{transform:scale(.95);box-shadow:0 0 #3cb57466}50%{transform:scale(1.15);box-shadow:0 0 0 25px #3cb57400}to{transform:scale(.95);box-shadow:0 0 #3cb57400}}@keyframes floatLeaf{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.leaf-animation{animation:4s ease-in-out infinite floatLeaf}.fade-in-up{animation:fadeInUp .4s var(--ease-out) both}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #1c6c4d14;margin-top:32px;padding:24px 24px 22px;font-size:12px;transition:background-color .4s}.footer-contact-card{transition:var(--transition)!important}.footer-contact-card:hover{background:linear-gradient(180deg, var(--brand-light), color-mix(in srgb, var(--brand-light) 80%, var(--bg-card) 20%));transform:translateY(-3px)}#footer-phone:hover{border-color:#0ea5e9!important}#footer-whatsapp:hover{border-color:#22c55e!important}#footer-email:hover{border-color:#f97316!important}tbody tr:hover td{background-color:var(--brand-light)!important}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.header{height:auto;min-height:56px}.header-inner{gap:var(--spacing-sm);padding:10px var(--spacing-md);flex-wrap:wrap}.nav-links{background:color-mix(in srgb, var(--bg-glass) 90%, var(--brand) 10%);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--bg-accent);width:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:999;justify-content:space-around;align-items:center;gap:0;margin:0;transition:background-color .4s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.nav-button{border-radius:var(--radius-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px;font-size:9px}.nav-button.active:after{display:none}.nav-button.active{background:var(--brand-light);border-radius:var(--radius-sm)}.nav-button svg{width:20px;height:20px}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.footer{padding:20px 16px calc(80px + env(safe-area-inset-bottom))}.card{border-radius:20px;padding:18px}}@media (width<=520px){h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.main-content{padding-top:12px}.header-inner{padding-left:12px;padding-right:12px}.nav-button{padding:6px 8px;font-size:8px}.card{border-radius:var(--radius-md);padding:var(--spacing-md)}.logo-text{font-size:19px}.logo-icon{width:32px;height:32px;font-size:14px}.welcome-card{padding:var(--spacing-md)!important}.garden-archive-card{padding:var(--spacing-md) var(--spacing-sm)!important}.garden-grid-scroll{padding-bottom:8px;overflow-x:auto}.user-avatar-row{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.user-profile-details{display:none!important}.login-card-responsive{border-radius:24px!important;max-width:min(96vw,460px)!important;padding:20px 16px!important}.login-tabs-responsive{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}}.mobile-hide{display:inline}@media (width<=520px){.mobile-hide{display:none}}.dashboard-grid-inner{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}@media (width<=520px){.dashboard-grid-inner{grid-template-columns:1fr;gap:16px}}.prayer-times-banner{background:linear-gradient(135deg, var(--brand-mid), var(--brand));color:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 24px #115b3d2e}@media (width<=520px){.prayer-times-banner{border-radius:16px;padding:16px}}.prayer-banner-grid{justify-content:space-between;align-items:center;display:flex}@media (width<=520px){.prayer-banner-grid{grid-template-columns:repeat(3,1fr);gap:12px 6px;display:grid}}.prayer-banner-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.calendar-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin:12px 0;display:grid}@media (width<=520px){.calendar-grid{gap:8px}.calendar-grid>div{font-size:11px!important}}.add-habit-form{border:1px solid var(--bg-accent);background-color:var(--bg-primary);border-radius:12px;gap:4px;margin-top:12px;padding:4px;transition:border-color .2s,box-shadow .2s;display:flex}.add-habit-form:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #1a6b4a1a}.add-habit-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.add-habit-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .2s}.add-habit-btn:hover{background:var(--brand-mid)}.prayer-container{flex-direction:column;gap:16px;display:flex}.prayer-header-box{color:#fff;background:linear-gradient(#112d42 0%,#1a3a5c 100%);border-radius:16px;padding:20px;box-shadow:0 4px 15px #112d4226}@media (width<=520px){.prayer-header-box{border-radius:14px;padding:14px}}.prayer-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}@media (width<=480px){.prayer-header-top{text-align:center;flex-direction:column;align-items:stretch;gap:16px}}.next-prayer-box{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1f;border-radius:10px;padding:8px 14px}@media (width<=480px){.next-prayer-box{width:100%}}.prayer-content-grid{flex-flow:wrap;gap:16px;display:flex}@media (width<=520px){.prayer-content-grid{gap:12px}}.prayer-column-card{background-color:var(--bg-card);border:1px solid var(--bg-accent);min-width:290px;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;flex:1;padding:20px;display:flex}@media (width<=520px){.prayer-column-card{min-width:100%;padding:14px}}.prayer-column-side{flex-direction:column;flex:1;gap:16px;display:flex}@media (width<=520px){.prayer-column-side{width:100%}}.login-wrapper{background:radial-gradient(circle at 15% 20%, #1c6c4d1a, transparent 28%), radial-gradient(circle at 85% 80%, #e0b15d1f, transparent 26%), linear-gradient(180deg, #ffffffb3, #fff0 24%), var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(16px,3vw,32px);transition:background-color .4s;display:flex;position:relative;overflow:hidden}body.dark-mode .login-wrapper{background:radial-gradient(circle at 15% 20%, #57d68d0d, transparent 28%), radial-gradient(circle at 85% 80%, #f0b9580d, transparent 26%), linear-gradient(180deg, #050c0980, #050c0900 24%), var(--bg-primary)}.login-blob-left{z-index:0;pointer-events:none;background:radial-gradient(circle,#1c6c4d29 0%,#faf8f500 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-60px;left:-160px}body.dark-mode .login-blob-left{background:radial-gradient(circle,#57d68d14 0%,#050c0900 70%)}.login-blob-right{z-index:0;pointer-events:none;background:radial-gradient(circle,#e0b15d26 0%,#faf8f500 70%);border-radius:50%;width:460px;height:460px;position:absolute;bottom:-120px;right:-180px}body.dark-mode .login-blob-right{background:radial-gradient(circle,#f0b9580f 0%,#050c0900 70%)}.login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff2 0%,#fffdf8fa 100%);border:1px solid #1c6c4d1a;border-radius:30px;width:100%;max-width:min(94vw,520px);padding:clamp(24px,4vw,36px) clamp(18px,4vw,32px);transition:background-color .4s,border-color .4s,box-shadow .4s,transform .4s;position:relative;box-shadow:0 28px 70px #16261f1c,0 4px 14px #16261f0a}body.dark-mode .login-card{border-color:var(--bg-accent);background:linear-gradient(#0a140ff2 0%,#050c09fa 100%);box-shadow:0 28px 70px #0006}.login-logo-header{text-align:center;margin-bottom:24px}.login-logo-icon{background:linear-gradient(180deg, var(--brand-light), #fffffff2);border:1px solid #1c6c4d14;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:34px;display:inline-flex;box-shadow:0 12px 30px #1c6c4d1a}body.dark-mode .login-logo-icon{background:linear-gradient(180deg, var(--brand-light), #0a140ff2);border-color:var(--bg-accent)}.login-logo-title{color:var(--brand);font-family:Thmanyah Serif Display,serif;font-size:28px}.login-logo-subtitle{color:var(--text-muted);margin-top:6px;font-size:14px}.login-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 0;display:flex}.login-spinner{border:3px solid var(--brand-light);border-top-color:var(--brand);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}.login-loading-text{color:var(--text-main);font-size:15px;font-weight:500}.login-tabs{border-bottom:1px solid var(--bg-accent);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px;padding-bottom:16px;display:grid}.login-tab-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition-normal);border-radius:var(--radius-sm);background:linear-gradient(#ffffffeb,#f6f1e8f2);border:1px solid #1c6c4d14;border-bottom:2px solid #0000;min-height:46px;padding:12px 10px;font-family:inherit;font-size:12px;font-weight:700;box-shadow:0 4px 14px #16261f0a}body.dark-mode .login-tab-btn{border-color:var(--bg-accent);background:linear-gradient(#0f1e16e6,#0a140ff2)}.login-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:700}.login-error-alert{color:#c81e1e;border-radius:var(--radius-sm);text-align:center;background-color:#fdf2f2;border:1px solid #fde8e8;margin-bottom:16px;padding:10px 14px;font-size:13px}body.dark-mode .login-error-alert{color:#f87171;background-color:#dc26261a;border-color:#dc262633}.login-form{flex-direction:column;gap:14px;width:100%;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--text-muted);font-size:13px;font-weight:700}.login-input{border:1px solid var(--bg-accent);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-main);transition:var(--transition-normal);outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.login-input:focus{border-color:var(--brand)}.login-otp-input{letter-spacing:8px;text-align:center;font-size:20px}.country-selector-btn{border:2px solid var(--bg-accent);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-normal);background-color:#0000;flex:1;padding:8px;font-family:inherit;font-size:13px;font-weight:700}.country-selector-btn.active{border-color:var(--brand);background-color:var(--brand-light);color:var(--brand)}body.dark-mode .country-selector-btn{border-color:var(--bg-accent)}body.dark-mode .country-selector-btn.active{background-color:var(--brand-light);color:var(--brand);border-color:var(--brand)}.phone-input-wrapper{border:1px solid var(--bg-accent);border-radius:var(--radius-sm);background-color:var(--bg-primary);direction:ltr;align-items:center;min-height:48px;display:flex;overflow:hidden}.phone-prefix{background-color:var(--bg-accent);color:var(--text-muted);border-right:1px solid var(--bg-accent);white-space:nowrap;padding:12px 14px;font-size:14px;font-weight:500}.phone-input{letter-spacing:1px;width:100%;color:var(--text-main);background-color:#0000;border:none;outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.login-submit-btn{background:linear-gradient(180deg, var(--brand-mid), var(--brand));color:var(--text-light);cursor:pointer;transition:var(--transition-normal);border:none;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:700;box-shadow:0 10px 24px #1c6c4d2e}body.dark-mode .login-submit-btn{box-shadow:0 10px 24px #57d68d26}.login-google-btn{color:#1f2937;cursor:pointer;width:100%;transition:var(--transition-normal);background:linear-gradient(#fff,#fbfaf5);border:1px solid #1118271a;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:700;display:flex;box-shadow:0 8px 20px #11182712}body.dark-mode .login-google-btn{color:#fff;border-color:var(--bg-accent);background:linear-gradient(#182820,#0f1c16);box-shadow:0 8px 20px #0000004d}.login-facebook-btn{color:#fff;cursor:pointer;width:100%;transition:var(--transition-normal);background-color:#1877f2;border:none;border-radius:14px;justify-content:center;align-items:center;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 12px #1877f233}body.dark-mode .login-facebook-btn{background-color:#166fe5;box-shadow:0 4px 12px #166fe540}.login-divider{align-items:center;margin:24px 0;display:flex}.login-divider-line{background-color:var(--bg-accent);flex:1;height:1px}.login-divider-text{color:var(--text-muted);padding:0 10px;font-size:12px}.login-guest-btn{color:var(--text-muted);cursor:pointer;width:100%;transition:var(--transition-normal);text-align:center;background:0 0;border:1px solid #1c6c4d29;border-radius:14px;padding:13px 12px;font-family:inherit;font-size:14px;font-weight:500}body.dark-mode .login-guest-btn{border-color:var(--bg-accent)}.login-toggle-link{color:var(--brand);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:500}.login-theme-toggle{cursor:pointer;z-index:10;background:linear-gradient(#fffffff5,#f7f1e8eb);border:1px solid #1c6c4d14;border-radius:14px;outline:none;padding:10px 12px;font-size:16px;transition:background-color .4s,border-color .4s;position:absolute;top:20px;left:20px;box-shadow:0 10px 22px #16261f14}body.dark-mode .login-theme-toggle{border-color:var(--bg-accent);background:linear-gradient(#0f1e16f5,#0a140feb);box-shadow:0 10px 22px #0000004d}.login-oauth-container{flex-direction:column;align-items:center;width:100%;padding:16px 0;display:flex}.wird-mushaf-card{padding:24px!important}.mushaf-page-frame{box-sizing:border-box;background-color:#f7f5ed;border:2px solid #e5dec9;border-radius:16px;flex-direction:column;flex:480px;align-items:center;gap:16px;width:100%;max-width:500px;padding:16px;display:flex;position:relative;box-shadow:inset 0 4px 12px #0000000f}.mushaf-image-container{box-sizing:border-box;aspect-ratio:1/1.42;background-color:#fff;border:1px solid #d4ccb6;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000014}.mushaf-image{object-fit:contain;filter:contrast(1.05)saturate(.95);box-sizing:border-box;width:100%;height:100%;display:block}@media (width<=600px){.wird-mushaf-card{border-radius:16px!important;padding:12px 8px!important}.mushaf-page-frame{border-radius:12px!important;gap:12px!important;padding:8px!important}.mushaf-image-container{border-radius:6px!important}}