:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf7ef;--bg-soft:#f5efe4;--card:#fffdf8eb;--card-strong:#fffaf2;--text:#17211d;--muted:#6c756d;--line:#1c413121;--primary:#0f6f4f;--primary-2:#1d865f;--primary-dark:#0a513d;--gold:#e6bb68;--orange:#e98937;--shadow:0 16px 36px #1f2e221f;--soft-shadow:0 8px 24px #1f2e2214;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071d18;--bg-soft:#0b2a22;--card:#0f2b22f0;--card-strong:#12362c;--text:#f7f0e3;--muted:#bdc9bf;--line:#e2e7db24;--primary:#67c492;--primary-2:#42a979;--primary-dark:#d8f1df;--gold:#eacb83;--orange:#f0a25e;--shadow:0 16px 36px #00000047;--soft-shadow:0 8px 24px #00000038}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left, #e6bb6829, transparent 32rem), linear-gradient(120deg, #fffdf8 0%, var(--bg) 42%, #f5efe5 100%);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.phone-frame{border:1px solid var(--line);background:radial-gradient(circle at 88% 12%, #e6bb681f, transparent 7rem), linear-gradient(180deg, #fffdf8f0, var(--bg));width:min(100%,430px);min-height:min(920px,100vh - 48px);max-height:calc(100vh - 48px);box-shadow:var(--shadow);border-radius:34px;position:relative;overflow:hidden;transform:translate(0)}[data-theme=dark] .phone-frame{background:radial-gradient(circle at 88% 12%, #e6bb681c, transparent 7rem), linear-gradient(180deg, #102d25, var(--bg))}.screen{scrollbar-width:none;scroll-behavior:smooth;height:100%;max-height:calc(100vh - 48px);padding:28px 22px 104px;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.single-screen{padding:0 22px 28px}.splash{color:#fff7dc;z-index:1000;background-image:radial-gradient(circle,#052c244d,#021614d9 90%),url(/assets/islamic_splash_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.splash.fade-out{opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.splash-vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 20%,#010a08d9 100%),linear-gradient(#00000059,#0000 25% 75%,#0000008c);position:absolute;inset:0}.dynamic-star-field{pointer-events:none;z-index:1;position:absolute;inset:0}.twinkle-star{opacity:.15;background-color:#fff5c3;border-radius:50%;animation:3s ease-in-out infinite alternate twinkleKey;position:absolute;box-shadow:0 0 4px #fff5c3cc}@keyframes twinkleKey{0%{opacity:.15;transform:scale(.8)}to{opacity:.9;filter:drop-shadow(0 0 3px #fff5c3f2);transform:scale(1.25)}}.particles-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.gold-particle{filter:blur(.3px);opacity:0;background-color:#dcb55ca6;border-radius:50%;animation:8s linear infinite floatUpKey;position:absolute}@keyframes floatUpKey{0%{opacity:0;transform:translateY(120px)translate(0)scale(.8)}10%{opacity:.75}90%{opacity:.75}to{transform:translateY(-250px) translateX(var(--drift,20px)) scale(1.2);opacity:0}}.leaf-canopy{z-index:4;opacity:.88;filter:drop-shadow(0 8px 16px #00000073);transform-origin:top;width:clamp(140px,35vw,210px);height:auto;animation:6s ease-in-out infinite alternate swayLeafKey;position:absolute;top:-10px}.leaf-canopy.left{left:-15px}.leaf-canopy.right{animation-name:swayLeafRightKey;right:-15px;transform:scaleX(-1)}@keyframes swayLeafKey{0%{transform:rotate(-1deg)}to{transform:rotate(1.5deg)}}@keyframes swayLeafRightKey{0%{transform:scaleX(-1)rotate(-1deg)}to{transform:scaleX(-1)rotate(1.5deg)}}.splash-crescent{z-index:3;filter:drop-shadow(0 0 16px #fff5c394);pointer-events:none;width:clamp(34px,9vw,46px);height:clamp(34px,9vw,46px);position:absolute;top:13.5vh;left:50%;transform:translate(-50%)}.moon-svg{width:100%;height:100%}.splash-card-container{z-index:10;width:min(85%,330px);position:absolute;top:22.4vh;left:50%;transform:translate(-50%)}.splash-card{text-align:center;width:100%}.brand-mark{color:#fff7dc;background:radial-gradient(circle at 50% 30%,#145f4b66,#0000 50%),linear-gradient(145deg,#08372ef2 0%,#021c17fa 100%);border:1.5px solid #dcb55ca6;border-radius:28%;place-items:center;width:clamp(108px,30vw,142px);height:clamp(108px,30vw,142px);margin:0 auto 22px;padding:16px;display:grid;position:relative;box-shadow:0 12px 32px #00000073,inset 0 0 20px #dcb55c14}.calligraphy-logo{filter:drop-shadow(0 2px 8px #00000059);width:82%;height:82%}.splash-title{color:#fff6d5;text-shadow:0 4px 16px #00000073;margin:0;font-family:Lora,Georgia,serif;font-size:clamp(52px,14vw,76px);font-weight:500;line-height:.98;display:inline-block;position:relative}.y-leaf{filter:drop-shadow(0 2px 4px #00000040);width:clamp(14px,4.2vw,22px);height:auto;position:absolute;top:-6px;right:-10px;transform:rotate(15deg)}.splash-slogan{color:#fff6d5e0;letter-spacing:.3px;text-shadow:0 2px 10px #0006;margin:14px 0 0;font-family:Lora,Georgia,serif;font-size:clamp(17px,4.5vw,21px);font-style:italic}.splash-scene{z-index:3;pointer-events:none;height:29vh;min-height:220px;position:absolute;bottom:27.2vh;left:0;right:0;overflow:hidden}.mosque-glow-backdrop{z-index:1;background:radial-gradient(circle,#dcb55c3d 0%,#0e4a3c26 45%,#0000 70%);width:min(150vw,750px);height:min(150vw,320px);animation:4s ease-in-out infinite alternate mosqueSunriseKey;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@keyframes mosqueSunriseKey{0%{opacity:.75;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1.05)}}.splash .mosque-silhouette{z-index:3;filter:drop-shadow(0 -8px 24px #010f0cd9);width:min(114%,600px);height:auto;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.splash .mosque-lights{fill:#ffd966;filter:drop-shadow(0 0 3px #ffd966d9)}.splash .mosque-door{fill:#ffe699;filter:drop-shadow(0 0 5px #ffe699f2)}.splash-footer{left:20px;right:20px;bottom:max(32px, calc(env(safe-area-inset-bottom) + 24px));z-index:10;color:#fff7dc;text-align:center;justify-items:center;display:grid;position:absolute}.splash-footer .ornament-line{opacity:.75;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;width:min(78%,280px);margin-bottom:15px;display:grid}.splash-footer .ornament-line span{background:linear-gradient(90deg,#0000,#dcb55ca6);height:1px}.splash-footer .ornament-line span:last-child{background:linear-gradient(90deg,#dcb55ca6,#0000)}.octagram-svg{stroke:#dcb55c;width:20px;height:20px;animation:15s linear infinite rotateSlowKey}@keyframes rotateSlowKey{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-footer p{color:#fff6d5d9;letter-spacing:.2px;text-shadow:0 1px 4px #00000059;margin:0 0 20px;font-size:clamp(14px,4vw,17px);font-weight:300;line-height:1.45}.loading-track{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#010a08a6;border:1px solid #dcb55c4d;border-radius:999px;width:min(70%,260px);height:6px;overflow:hidden;box-shadow:inset 0 1px 4px #0009,0 0 8px #60c3911a}.loading-fill{border-radius:inherit;background:linear-gradient(90deg,#60c391 0%,#dcb55c 30%,#fff7dc 50%,#dcb55c 70%,#60c391 100%) 0 0/200% 100%;height:100%;animation:2s linear infinite loadingShimmerKey;display:block;box-shadow:0 0 8px #60c391cc,0 0 16px #dcb55c80}@keyframes loadingShimmerKey{0%{background-position:200%}to{background-position:0%}}.splash-footer em{color:#8cb87be0;letter-spacing:.5px;text-transform:uppercase;margin-top:12px;font-size:clamp(13px,3.8vw,15px);font-style:normal;font-weight:400}.splash-lantern{bottom:max(32px, calc(env(safe-area-inset-bottom) + 24px));z-index:10;pointer-events:none;filter:drop-shadow(0 4px 12px #00000073);width:clamp(75px,20vw,100px);height:clamp(75px,20vw,100px);position:absolute}.splash-lantern.left{left:10px}.splash-lantern.right{right:10px;transform:scaleX(-1)}.lantern-foliage-svg{z-index:1;opacity:.95;width:100%;height:100%;position:absolute;inset:0}.lantern-svg{z-index:3;width:48%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.lantern-flame{transform-origin:bottom;animation:2s ease-in-out infinite alternate flamePulseKey}@keyframes flamePulseKey{0%{opacity:.85;transform:scale(.9)rotate(-1deg)}to{opacity:1;transform:scale(1.1)rotate(1.8deg)}}.lantern-glow{z-index:2;pointer-events:none;background:radial-gradient(circle,#dcb55c59 0%,#0000 60%);border-radius:50%;width:100%;height:100%;animation:2.5s ease-in-out infinite alternate lanternPulseKey;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}@keyframes lanternPulseKey{0%{opacity:.7;transform:translate(-50%,-55%)scale(.9)}to{opacity:1;transform:translate(-50%,-55%)scale(1.1)}}@media (prefers-reduced-motion:reduce){.twinkle-star,.gold-particle,.leaf-canopy,.mosque-glow-backdrop,.octagram-svg,.lantern-flame,.lantern-glow,.loading-fill{opacity:.8!important;transition:none!important;animation:none!important;transform:none!important}.leaf-canopy.right,.splash-lantern.right{transform:scaleX(-1)!important}.gold-particle{display:none!important}}[data-reduce-motion=true] .twinkle-star,[data-reduce-motion=true] .gold-particle,[data-reduce-motion=true] .leaf-canopy,[data-reduce-motion=true] .mosque-glow-backdrop,[data-reduce-motion=true] .octagram-svg,[data-reduce-motion=true] .lantern-flame,[data-reduce-motion=true] .lantern-glow,[data-reduce-motion=true] .loading-fill{opacity:.8!important;transition:none!important;animation:none!important;transform:none!important}[data-reduce-motion=true] .leaf-canopy.right,[data-reduce-motion=true] .splash-lantern.right{transform:scaleX(-1)!important}[data-reduce-motion=true] .gold-particle{display:none!important}.home-indicator{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:6;background:#ffffffeb;border-radius:999px;width:min(154px,36vw);height:5px;position:absolute;transform:translate(-50%)}.text-action{color:var(--primary-dark);background:0 0;border:0}.onboarding-shell{background:radial-gradient(circle at 50% 24%,#e6bb6814,#0000 19rem),linear-gradient(120deg,#fffdf8 0%,#fbf7ef 54%,#f7efe2 100%)}.onboarding-phone{color:#1e2b28;background:radial-gradient(circle at 15% 0,#e9d5a83d,#0000 11rem),radial-gradient(circle at 78% 43%,#eedcb033,#0000 9rem),linear-gradient(#fffdf8 0%,#fbf7ef 52%,#fffaf1 100%);border-radius:34px;width:min(100%,430px);height:min(932px,100vh - 48px);min-height:min(932px,100vh - 48px);max-height:calc(100vh - 48px);padding:0}.onboarding-phone:before,.onboarding-phone:after{content:"";z-index:0;pointer-events:none;position:absolute}.onboarding-phone:before{opacity:.14;filter:blur(.2px);background:radial-gradient(46px 18px at 86px 58px,#e3cd9e33 0 58%,#0000 62%),radial-gradient(36px 16px at 125px 88px,#e3cd9e29 0 58%,#0000 62%),radial-gradient(38px 15px at 60px 116px,#e3cd9e26 0 58%,#0000 62%);width:230px;height:180px;top:-48px;left:-80px;transform:rotate(-28deg)}.onboarding-phone:after{background:radial-gradient(#dabe821f,#0000 70%);border-radius:50%;height:92px;bottom:118px;left:12%;right:12%}.top-skip{z-index:6;font-size:18px;line-height:1;position:absolute;top:74px;right:31px}.onboarding-screen{z-index:2;min-height:auto;position:absolute;inset:0}.onboarding-copy{top:var(--copy-top,154px);z-index:3;text-align:center;position:absolute;left:22px;right:22px}.onboarding-copy h1,.top-bar h1,.header h1{letter-spacing:0;font-family:Lora,Georgia,serif}.onboarding-copy h1{color:#0d3c32;max-width:370px;font-size:var(--title-size,36px);white-space:pre-line;margin:0 auto 22px;font-weight:700;line-height:1.08}.onboarding-copy p{color:#32383f;white-space:pre-line;width:min(346px,92%);margin:0 auto;font-size:20px;font-weight:400;line-height:1.58}.onboarding-screen.lantern{--copy-top:154px;--title-size:35px;--art-top:286px;--art-width:min(95%, 398px);--art-height:376px}.onboarding-screen.tasbih{--copy-top:154px;--title-size:31px;--art-top:306px;--art-width:min(108%, 454px);--art-height:396px}.onboarding-screen.mosque{--copy-top:125px;--title-size:38px;--art-top:278px;--art-width:min(108%, 458px);--art-height:390px}.onboarding-art{top:var(--art-top,306px);z-index:2;width:var(--art-width,400px);height:var(--art-height,380px);margin:0;position:absolute;left:50%;transform:translate(-50%)}.onboarding-art:before{content:"";background:radial-gradient(#e6cb8e33,#e6cb8e0f 44%,#0000 72%);border-radius:50%;height:36%;position:absolute;bottom:4%;left:7%;right:7%}.onboarding-art img{z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 16px #3432260f);width:100%;height:100%;display:block;position:relative}.tasbih-ring span{--angle:calc(var(--i) * 12deg);transform:rotate(var(--angle)) translateY(-92px);border-radius:50%;position:absolute;top:50%;left:50%}.pager{z-index:5;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:196px;left:0;right:0}.pager span{background:#d8d5cd;border-radius:999px;width:10px;height:10px}.pager span.active{background:#0d6f58;width:11px;height:11px;box-shadow:0 0 0 1px #0d6f580f}.primary-button.sticky-cta{z-index:5;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#0e8560 0%,#0c6a4b 50%,#053b2a 100%);border:1px solid #ffffff1f;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:8px;width:auto;min-height:56px;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:48px;left:32px;right:32px;overflow:hidden;box-shadow:0 8px 20px #06403033,0 4px 10px #60c3911a,0 0 15px #60c39114,inset 0 1px 1px #ffffff38}.primary-button.sticky-cta:before{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.primary-button.sticky-cta:hover:before{left:100%}.primary-button.sticky-cta:hover{background:linear-gradient(135deg,#10946d 0%,#0d7957 50%,#074734 100%);border-color:#fff3;transform:translateY(-2px)scale(1.02);box-shadow:0 12px 24px #0640304d,0 6px 14px #60c3912e,0 0 20px #60c39126,inset 0 1px 1px #ffffff4d}.primary-button.sticky-cta:active{background:linear-gradient(135deg,#0c6a4b 0%,#084d36 50%,#042e22 100%);transition:transform 80ms;transform:translateY(0)scale(.97);box-shadow:0 4px 12px #0640302e,inset 0 1px 2px #0003}.primary-button.sticky-cta:focus-visible{outline:none;box-shadow:0 0 0 3px #60c39166,0 8px 20px #06403033}.primary-button.sticky-cta.gold-trim{border:1.5px solid #dcb55cb3;box-shadow:0 8px 20px #06403033,0 4px 12px #dcb55c2e,inset 0 1px 1px #fff3}.primary-button.sticky-cta.gold-trim:hover{border-color:#dcb55cf2;box-shadow:0 12px 24px #0640304d,0 6px 16px #dcb55c47,inset 0 1px 1px #ffffff4d}.primary-button.sticky-cta span{line-height:1;display:inline-block}.primary-button.sticky-cta svg.cta-arrow{color:inherit;opacity:.95;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:static}.primary-button.sticky-cta:hover svg.cta-arrow{transform:translate(4px)}.onboarding-home-indicator{z-index:6;background:#050607;border-radius:999px;width:142px;height:5px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.home-header{box-sizing:border-box;background-color:#fcf9f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2005/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23e6bb68' stroke-width='0.5' stroke-opacity='0.12'%3E%3Crect x='20' y='20' width='20' height='20' transform='rotate%280 30 30%29'/%3E%3Crect x='20' y='20' width='20' height='20' transform='rotate%2845 30 30%29'/%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3Cpath d='M0 30h20M40 30h20M30 0v20M30 40v20'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;border:1px solid #e6bb6826;border-radius:32px;flex-direction:column;justify-content:space-between;min-height:240px;margin-bottom:28px;padding:24px 28px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #071d1808}[data-theme=dark] .home-header{background-color:#0c1815;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2005/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23e6bb68' stroke-width='0.5' stroke-opacity='0.06'%3E%3Crect x='20' y='20' width='20' height='20' transform='rotate%280 30 30%29'/%3E%3Crect x='20' y='20' width='20' height='20' transform='rotate%2845 30 30%29'/%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3Cpath d='M0 30h20M40 30h20M30 0v20M30 40v20'/%3E%3C/g%3E%3C/svg%3E");border:1px solid #e6bb6814;box-shadow:0 10px 30px #0003}.header-top-row{z-index:5;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex;position:relative}.home-header .header-action-btn,.home-header .icon-button{color:#0c3b2e;cursor:pointer;background:#fff;border:none;border-radius:50%;outline:none;place-items:center;width:44px;height:44px;padding:0;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .2s,background-color .2s;display:grid;position:relative;box-shadow:0 4px 12px #071d180d}[data-theme=dark] .home-header .header-action-btn,[data-theme=dark] .home-header .icon-button{color:#a3b899;background:#142823;box-shadow:0 4px 12px #00000026}.home-header .header-action-btn:hover,.home-header .icon-button:hover{background-color:#fafafa;transform:translateY(-2.5px);box-shadow:0 6px 16px #071d1814}[data-theme=dark] .home-header .header-action-btn:hover,[data-theme=dark] .home-header .icon-button:hover{background-color:#1a322c;box-shadow:0 6px 16px #00000040}.home-header .header-action-btn:active,.home-header .icon-button:active{transform:translateY(0);box-shadow:0 2px 6px #071d180a}.home-header .icon-button:after{content:"";background-color:#e6bb68;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:13px;right:13px;box-shadow:0 0 5px #e6bb6899}[data-theme=dark] .home-header .icon-button:after{border-color:#142823}.header-welcome-row{justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:relative}.welcome-text-container{z-index:2;text-align:left;flex-direction:column;flex:1;align-items:flex-start;padding-right:180px;display:flex}.greeting-eyebrow-container{align-items:center;gap:8px;width:100%;margin-bottom:6px;display:flex}.eyebrow-ornament{flex-shrink:0;place-items:center;animation:4s ease-in-out infinite floatOrnament;display:grid}@keyframes floatOrnament{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-1.5px)rotate(5deg)}}.welcome-eyebrow{color:#7c8b82;letter-spacing:.5px;text-transform:capitalize;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600}[data-theme=dark] .welcome-eyebrow{color:#a3b899}.greeting-fade-line{background:linear-gradient(90deg,#e6bb6859,#e6bb6800);flex-grow:1;max-width:110px;height:1px}.welcome-title{color:#0c3b2e;letter-spacing:-.5px;margin:2px 0 10px;font-family:Lora,Georgia,serif;font-size:44px;font-weight:800;line-height:1.1}[data-theme=dark] .welcome-title{color:#edf6f0;text-shadow:0 2px 10px #0003}.header-center-divider{align-items:center;gap:8px;width:100%;max-width:230px;margin:8px 0 16px;display:flex}.header-center-divider .divider-line{background:linear-gradient(90deg,#e6bb6866,#e6bb6866);flex-grow:1;height:1px}.header-center-divider .divider-ornament{flex-shrink:0}.header-motivational-card{background:#0f6f4f0d;border:1px solid #0f6f4f0a;border-radius:999px;align-items:center;gap:10px;max-width:280px;padding:8px 14px;transition:background-color .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px 2px #0f6f4f03}[data-theme=dark] .header-motivational-card{background:#67c4920f;border-color:#67c4920a}.header-motivational-card:hover{background:#0f6f4f12;transform:translateY(-1px)}.motivational-badge{background:#0c3b2e;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}[data-theme=dark] .motivational-badge{background:#67c492}.motivational-text{color:#1c4131;text-align:left;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1.35}[data-theme=dark] .motivational-text{color:#a3b899}.header-illustration-container{z-index:1;pointer-events:none;width:200px;height:180px;position:absolute;bottom:-20px;right:-16px}.header-mosque-img{object-fit:contain;opacity:.98;filter:drop-shadow(0 6px 16px #0f6f4f0f);width:100%;height:100%}.header-particle{pointer-events:none;opacity:.6;background:#e6bb68;border-radius:50%;width:4px;height:4px;position:absolute}.header-particle:before{content:"";background:#e6bb68;width:8px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-particle:after{content:"";background:#e6bb68;width:1px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-particle.p1{animation:3s ease-in-out infinite sparkleAnim;top:30px;left:40px}.header-particle.p2{animation:4s ease-in-out 1s infinite sparkleAnim;top:60px;right:30px}.header-particle.p3{animation:3.5s ease-in-out 2s infinite sparkleAnim;top:100px;left:20px}@keyframes sparkleAnim{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:.8;transform:scale(1.1)}}@media (width<=460px){.home-header{border-radius:28px;min-height:220px;margin-bottom:20px;padding:20px 20px 18px}.welcome-title{font-size:36px}.welcome-text-container{padding-right:140px}.header-illustration-container{width:160px;height:145px;bottom:-15px;right:-12px}.header-motivational-card{max-width:180px;padding:6px 12px}.header-center-divider{max-width:180px;margin:6px 0 12px}}@media (width<=360px){.home-header{border-radius:24px;min-height:200px;padding:16px 16px 14px}.welcome-title{font-size:30px}.welcome-text-container{padding-right:110px}.header-illustration-container{width:130px;height:115px;bottom:-10px;right:-8px}.header-motivational-card{max-width:150px;padding:4px 10px}.motivational-badge{width:16px;height:16px}.header-center-divider{max-width:150px}}.top-bar{grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:18px;display:grid}.top-bar h1{text-align:center}.icon-button{width:42px;height:42px;color:var(--primary-dark);background:0 0;border:0;border-radius:16px;place-items:center;display:grid}.icon-button:hover,.icon-button.active{color:var(--primary);background:#0f6f4f1a}.progress-hero{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 4px 18px #1f2e2205}.streak-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--soft-shadow);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:20px;display:flex}.card-header h2,.section-block h2{margin:0;font-size:15px}.progress-hero-left{align-items:center;gap:14px;display:flex}.trend-icon-container{color:#12825c;background:#edf6f0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 2px 5px #0f7c580a}[data-theme=dark] .trend-icon-container{color:#67c492;background:#0f7c5826}.progress-hero-text h2{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:21px;font-weight:700}.progress-hero-text p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.4}.streak-card span,.streak-card strong{color:var(--muted);margin:6px 0 0;font-size:13px}.streak-card strong{color:var(--text);display:block}.progress-ring-container{flex:none;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.progress-ring-svg{transform:rotate(0)}.progress-ring-label{color:#1c4131;font-family:Lora,Georgia,serif;font-size:17px;font-weight:700;position:absolute}[data-theme=dark] .progress-ring-label{color:#a3b899}.progress-hero-divider{background:var(--line);opacity:.75;flex-shrink:0;width:1px;height:48px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--soft-shadow);margin-bottom:16px;padding:18px}.card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-header button{color:var(--primary);background:0 0;border:0;font-size:13px}.goal-list{gap:14px;display:grid}.goal-list.compact{gap:12px}.goal-row{z-index:2;align-items:center;gap:16px;padding:12px 0;display:flex;position:relative}.goal-icon-container{color:#0f6f4f;background:#faf6ee;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 10px #00000003}[data-theme=dark] .goal-icon-container{color:#67c492;background:#e6bb6814}.goal-content{flex:1;min-width:0}.status-dot{color:#fff;background:var(--orange);border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid}.status-dot.done{background:var(--primary)}.select-item strong,.category-item strong{font-size:14px;display:block}.goal-title{color:var(--text);font-size:16px;font-weight:600}.goal-text-row{align-items:baseline;gap:6px;display:flex}.goal-count-row{margin-top:2px;margin-bottom:6px}.goal-count{color:#0f7c58;font-size:13px;font-weight:600}[data-theme=dark] .goal-count{color:#67c492}.progress-track{background:#0f6f4f0f;border-radius:999px;height:7px;display:block;position:relative;overflow:hidden}[data-theme=dark] .progress-track{background:#ffffff0d}.progress-track span{border-radius:inherit;background:#0f7c58;height:100%;display:block}[data-theme=dark] .progress-track span{background:#67c492}.goal-percent{color:var(--muted);text-align:right;font-size:13px;font-weight:500}.goals-mosque-silhouette{pointer-events:none;z-index:1;color:#0f7c58;width:200px;height:auto;position:absolute;bottom:0;right:0}[data-theme=dark] .goals-mosque-silhouette{color:#67c492}.goals-geometric-pattern{pointer-events:none;z-index:1;color:#0f7c58;width:120px;height:120px;position:absolute;top:0;right:0}[data-theme=dark] .goals-geometric-pattern{color:#67c492}.goal-separator{z-index:2;justify-content:center;align-items:center;gap:12px;width:100%;margin:6px 0;display:flex;position:relative}.goal-separator-line{background:linear-gradient(to right, transparent, var(--line) 40%, var(--line) 60%, transparent);opacity:.6;flex:1;height:1px}.goal-separator-star{opacity:.85;flex-shrink:0}.section-title-row{align-items:center;gap:8px;margin:24px 0 16px;display:flex}.section-title-ornament{flex-shrink:0;animation:4s ease-in-out infinite floatOrnament}.section-title-row h2{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}.quick-scroll-wrapper{margin-left:-22px;margin-right:-22px;padding:0 22px;position:relative;overflow:visible}.quick-scroll-wrapper:before,.quick-scroll-wrapper:after{content:"";pointer-events:none;z-index:5;width:24px;transition:opacity .3s;position:absolute;top:-10px;bottom:-20px}.quick-scroll-wrapper:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.quick-scroll-wrapper:after{background:linear-gradient(to left, var(--bg), transparent);right:0}.quick-grid{box-sizing:border-box;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;gap:12px;width:100%;padding:8px 22px 18px 0;display:flex;overflow:auto hidden}.quick-grid::-webkit-scrollbar{display:none}.quick-card{aspect-ratio:90/122;color:#10b981;cursor:pointer;box-sizing:border-box;scroll-snap-align:start;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;border:1.5px solid #e6bb6814;border-radius:20px;outline:none;flex-direction:column;flex:0 0 90px;justify-content:space-between;align-items:center;width:90px;min-height:110px;padding:14px 4px;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .2s,border-color .2s,background-color .2s;animation:4s ease-in-out infinite floatCard;display:flex;box-shadow:0 4px 14px #071d1805}.quick-card:first-child{animation-delay:0s}.quick-card:nth-child(2){animation-delay:.3s}.quick-card:nth-child(3){animation-delay:.6s}.quick-card:nth-child(4){animation-delay:.9s}.quick-card:nth-child(5){animation-delay:1.2s}.quick-card:nth-child(6){animation-delay:1.5s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}[data-theme=dark] .quick-card{background:#10211c;border-color:#e6bb680d;box-shadow:0 4px 14px #00000026}.quick-card:hover{background-color:#fafdfb;border-color:#10b98159;animation:none;transform:translateY(-6px)scale(1.04);box-shadow:0 10px 24px #10b9811f}[data-theme=dark] .quick-card:hover{background-color:#142a24;border-color:#10b98159;box-shadow:0 10px 24px #00000059}.quick-card:active{transition:transform .1s;animation:none;transform:translateY(-2px)scale(.96);box-shadow:0 4px 10px #10b9810f}.quick-dhikr-icon-wrapper{place-items:center;width:38px;height:38px;margin-bottom:4px;display:grid;position:relative}.quick-dhikr-octagram{width:100%;height:100%;animation:12s linear infinite rotateOctagram;position:absolute;top:0;left:0}@keyframes rotateOctagram{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-dhikr-sparkle{z-index:2;color:#10b981;filter:drop-shadow(0 2px 4px #10b98126);position:relative}.quick-dhikr-more-dots{z-index:2;color:#10b981;position:relative}.quick-card span{color:#1c4131;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:95%;margin-top:4px;font-family:Lora,Georgia,serif;font-size:11px;font-weight:600;overflow:hidden}[data-theme=dark] .quick-card span{color:#a3b899}.quick-card.more-card:hover .quick-dhikr-octagram rect{stroke:#10b981;stroke-opacity:.8}.quote-section-wrapper{width:100%;margin:24px 0}.quote-card{box-sizing:border-box;background-color:#fbf9f4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23e6bb68' stroke-width='0.5' stroke-opacity='0.08'%3E%3Crect x='30' y='30' width='20' height='20' transform='rotate%280 40 40%29'/%3E%3Crect x='30' y='30' width='20' height='20' transform='rotate%2845 40 40%29'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;border:1px solid #e6bb6826;border-radius:28px;align-items:center;gap:16px;min-height:130px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #071d1805}[data-theme=dark] .quote-card{background-color:#0c1815;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23e6bb68' stroke-width='0.5' stroke-opacity='0.04'%3E%3Crect x='30' y='30' width='20' height='20' transform='rotate%280 40 40%29'/%3E%3Crect x='30' y='30' width='20' height='20' transform='rotate%2845 40 40%29'/%3E%3C/g%3E%3C/svg%3E");border-color:#e6bb6814;box-shadow:0 8px 24px #00000026}.quote-mosque-bg-container{pointer-events:none;z-index:0;justify-content:flex-end;align-items:flex-end;width:170px;height:120px;display:flex;position:absolute;bottom:0;right:0}.quote-mosque-silhouette{object-fit:contain;width:100%;height:100%}.quote-crescent-stars{pointer-events:none;z-index:1;width:40px;height:40px;position:absolute;top:18px;right:120px}.quote-moon{animation:6s ease-in-out infinite swingMoon;transform:rotate(-15deg)}@keyframes swingMoon{0%,to{transform:rotate(-15deg)translateY(0)}50%{transform:rotate(-10deg)translateY(-2px)}}.quote-sparkle{background:#e6bb68;border-radius:50%;width:3px;height:3px;animation:3.5s ease-in-out infinite sparkleAnim;position:absolute}.quote-sparkle:before{content:"";background:#e6bb68;width:6px;height:.8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quote-sparkle:after{content:"";background:#e6bb68;width:.8px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quote-sparkle.s1{animation-delay:.5s;top:10px;left:-20px}.quote-sparkle.s2{animation-delay:1.8s;top:25px;right:-10px}.quote-card-refresh-btn{color:#0f7c58;cursor:pointer;z-index:5;background:#fff;border:1.5px solid #e6bb6838;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .2s,background-color .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #0c3b2e0a,0 0 #e6bb681a}.quote-left-badge-container{z-index:2;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;position:relative}.badge-octagram-frame{width:100%;height:100%;animation:20s linear infinite rotateOctagram;position:absolute;top:0;left:0}.badge-inner-circle{z-index:2;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 3px 8px #071d180f}[data-theme=dark] .badge-inner-circle{background:#142823}.badge-book-icon{color:#10b981}.quote-divider-vertical{z-index:2;background:linear-gradient(#e6bb6800,#e6bb6840 30% 70%,#e6bb6800);flex-shrink:0;width:1px;height:52px}.quote-body-container{text-align:left;z-index:2;flex-direction:column;flex:1;align-items:flex-start;padding:0 10px;display:flex;position:relative}.quote-top-mark{color:#e6bb68;opacity:.8;height:10px;margin-bottom:2px;font-family:Lora,Georgia,serif;font-size:32px;font-weight:700;line-height:1;display:block}.quote-body-text{color:#1c4131;margin:0 0 8px;font-family:Lora,Georgia,serif;font-size:15px;font-style:italic;font-weight:500;line-height:1.45}[data-theme=dark] .quote-body-text{color:#edf6f0}.quote-reference-row{color:#7c8b82;align-items:center;font-size:11.5px;font-weight:600;display:flex}[data-theme=dark] .quote-reference-row{color:#a3b899}.quote-reference-row .ref-prefix{font-family:Lora,Georgia,serif;font-style:italic}.quote-reference-row .ref-colon{color:#e6bb68;margin:0 2px}.quote-reference-row .ref-value{color:#10b981;font-family:Inter,sans-serif}[data-theme=dark] .quote-reference-row .ref-value{color:#67c492}.library-preview,.select-item,.menu-row,.link-row{border:1px solid var(--line);text-align:left;width:100%;color:var(--text);background:var(--card);border-radius:16px;align-items:center;gap:12px;display:flex}.library-preview{box-shadow:var(--soft-shadow);padding:13px}.library-preview div:nth-child(2){flex:1}.library-preview span,.select-item span{color:var(--muted);margin-top:3px;font-size:12px;font-style:normal;display:block}.mini-icon{color:#fff;background:var(--primary);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.mini-icon.protection{color:#fff;background:#0f6f4f}.library-header-wrapper{text-align:center;margin-bottom:24px;padding:16px 0 12px;position:relative}.library-title{color:var(--text);letter-spacing:-.5px;margin:0 0 6px;font-family:Lora,Georgia,serif;font-size:34px;font-weight:700}.library-subtitle{color:var(--muted);max-width:290px;margin:12px auto 0;font-size:14px;line-height:1.5}.library-header-leaf-container{pointer-events:none;z-index:0;width:120px;height:160px;position:absolute;top:-24px;right:-24px}.library-header-leaf{width:100%;height:100%}.category-list{flex-direction:column;gap:14px;margin-bottom:30px;display:flex}.category-item{border:1px solid var(--line);text-align:left;width:100%;color:var(--text);background:var(--card);border-radius:18px;align-items:center;gap:16px;padding:15px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #1f2e2205;border-left:5.5px solid var(--accent)!important}.category-item:hover,.category-item:active{border-color:#1c41311f;transform:translateY(-2px);box-shadow:0 8px 24px #1f2e220f}.category-icon{width:48px;height:48px;color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--card));border-radius:14px;flex:none;place-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid}[data-theme=dark] .category-icon{background:color-mix(in srgb, var(--accent) 18%, #0003)}.category-item:hover .category-icon{transform:scale(1.06)rotate(3deg)}.category-info{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.category-info strong{color:var(--text);font-family:Inter,sans-serif;font-size:15.5px;font-weight:600;line-height:1.35}.category-info em{color:var(--muted);margin-top:3px;font-family:Inter,sans-serif;font-size:12.5px;font-style:normal;line-height:1.3}.category-item .chevron-right{color:var(--muted);opacity:.6;flex-shrink:0;transition:all .25s}.category-item:hover .chevron-right{color:var(--primary);opacity:1;transform:translate(4px)}.bottom-nav{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 6px;display:grid;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 8px 30px #1521190f}[data-theme=dark] .bottom-nav{background:#0d271ff0}.bottom-nav .nav-item{min-width:0;color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;transition:color .2s;display:flex}.bottom-nav .nav-icon-pill{background:0 0;border-radius:16px;place-items:center;width:58px;height:32px;transition:all .2s;display:grid;position:relative}.nav-active-pill-bg{z-index:0;pointer-events:none;background:#edf6f0;border-radius:16px;position:absolute;inset:0}[data-theme=dark] .nav-active-pill-bg{background:#67c49226}.bottom-nav .nav-item.active{color:#12825c}[data-theme=dark] .bottom-nav .nav-item.active{color:#67c492}.bottom-nav .nav-item.active .nav-icon-pill{color:#12825c;background:#edf6f0}.bottom-nav .nav-item.active:has(.nav-active-pill-bg) .nav-icon-pill{background:0 0}[data-theme=dark] .bottom-nav .nav-item.active .nav-icon-pill{color:#67c492;background:#67c49226}[data-theme=dark] .bottom-nav .nav-item.active:has(.nav-active-pill-bg) .nav-icon-pill{background:0 0}.bottom-nav .nav-label{font-size:11px;font-weight:500}.top-bar.serif-bar h1{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:26px;font-weight:700}.top-bar-title-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.top-bar-ornament{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.top-bar-ornament .ornament-line-half{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:40px;height:1px}.top-bar-ornament .ornament-star{color:var(--gold)}.counter-sequence-stepper{z-index:10;justify-content:space-between;gap:8px;width:90%;max-width:420px;margin:12px auto 6px;display:flex;position:relative}.sequence-step-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff73;border:1px solid #d99b4626;border-radius:12px;outline:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}[data-theme=dark] .sequence-step-btn{background:#1e293b66;border:1px solid #ffffff14}.sequence-step-btn.is-active{border:1.5px solid var(--gold);background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 15px #d99b4633}[data-theme=dark] .sequence-step-btn.is-active{border:1.5px solid var(--gold);background:#1e293be6;box-shadow:0 4px 15px #d99b4659}.sequence-step-btn.is-completed{background:#f0f6eea6;border-color:#78936a40}[data-theme=dark] .sequence-step-btn.is-completed{background:#1e32284d;border-color:#78936a4d}.step-btn-info{align-items:center;gap:5px;display:flex}.step-btn-number{background:var(--gold);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:700;line-height:1;display:flex}.sequence-step-btn.is-completed .step-btn-number{background:var(--primary)}.step-btn-name{color:var(--text);font-family:Outfit,sans-serif;font-size:11px;font-weight:600}.step-mini-progress-bar{background:#0000000d;border-radius:2px;width:85%;height:4px;overflow:hidden}[data-theme=dark] .step-mini-progress-bar{background:#ffffff1a}.step-mini-progress-fill{background:var(--gold);border-radius:2px;height:100%;transition:width .2s ease-in-out}.sequence-step-btn.is-completed .step-mini-progress-fill{background:var(--primary)}.step-btn-count-label{color:var(--text-muted);font-size:10px;font-weight:600}.step-completed-badge{color:var(--gold);font-size:9px;position:absolute;top:2px;right:5px}.transliteration-text-small{text-shadow:0 1px 2px #00000005}.counter-zone{width:100%;min-height:390px;color:var(--text);background:0 0;border:0;outline:none;place-items:center;margin:10px 0 20px;display:grid;position:relative}.counter-zone:active{transform:scale(.99)}.counter-bg-decorations{pointer-events:none;z-index:0;place-items:center;display:grid;position:absolute;inset:0}.counter-mosque-bg{opacity:.08;width:290px;height:auto;color:var(--gold);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .counter-mosque-bg{opacity:.04;color:#fff}.counter-mosque-bg svg{fill:currentColor;width:100%;height:auto}.counter-leaf-branch{pointer-events:none;z-index:0;width:72px;height:160px;position:absolute;bottom:12%}.counter-leaf-branch.left{left:12px}.counter-leaf-branch.right{right:12px;transform:scaleX(-1)}.tasbih-ring{z-index:1;width:270px;height:270px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.tasbih-bead{opacity:.95;width:18px;height:18px;transform:rotate(var(--angle)) translateY(-92px);background:radial-gradient(circle at 30% 30%,#eef3d6 0%,#a2b083 60%,#6f7c51 100%);border-radius:50%;margin:-9px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;box-shadow:0 2px 4px #3c4b2d40,inset -1px -1px 3px #0003,inset 1px 1px 2px #fff9}.tasbih-bead.active{opacity:1;transform:rotate(var(--angle)) translateY(-92px) scale(1.15);background:radial-gradient(circle at 30% 30%,#f4f8e5 0%,#b2c092 60%,#7e8b5c 100%);box-shadow:0 3px 6px #3c4b2d59,0 0 4px #a2b08366,inset -1px -1px 2px #00000026,inset 1px 1px 2px #fffc}.tasbih-bead.leader-bead{opacity:1;z-index:2;background:radial-gradient(circle at 30% 30%,#ffe9b5 0%,#d8a943 60%,#9c731b 100%);box-shadow:0 2px 6px #644b144d,inset -1px -1px 2px #0003,inset 1px 1px 2px #ffffffb3}.tasbih-tassel{transform:translate(-50%, 0) rotate(calc(-1 * var(--angle)));transform-origin:top;pointer-events:none;filter:drop-shadow(0 4px 8px #3c4b2d26);position:absolute;top:12px;left:50%}.counter-center-text{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;margin-top:-15px;display:flex}.counter-number{color:#0c3228;font-family:Lora,Georgia,serif;font-size:88px;font-weight:700;line-height:1}[data-theme=dark] .counter-number{color:#a4d4be}.counter-target{color:#5c6c64;margin-top:6px;font-family:Inter,sans-serif;font-size:19px;font-weight:500}[data-theme=dark] .counter-target{color:#8fa197}.counter-tap-badge{color:#2e5544;z-index:2;pointer-events:none;background-color:#f0f5f1;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:500;position:absolute;bottom:38px;box-shadow:0 2px 6px #00000005}[data-theme=dark] .counter-tap-badge{color:#67c492;background-color:#67c49214}.counter-actions{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.counter-actions .secondary-button,.counter-actions .primary-button{border-radius:16px;justify-content:center;align-items:center;gap:8px;height:52px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000008}.counter-actions .secondary-button{color:#0c3228;background:#fff;border:1px solid #0f6f4f26}[data-theme=dark] .counter-actions .secondary-button{background:var(--card);border-color:var(--line);color:#f7f0e3}.counter-actions .secondary-button:hover{background:#fbfdfc;border-color:#0f6f4f40}.counter-actions .primary-button{color:#fff;background:linear-gradient(#1d7b5a,#0c563e);border:none}[data-theme=dark] .counter-actions .primary-button{background:linear-gradient(#3fa97a,#1a704c)}.counter-actions .primary-button:hover{filter:brightness(1.04);box-shadow:0 6px 16px #0d63452e}.full{width:100%;margin-bottom:12px}.counter-dhikr-card{background:linear-gradient(135deg,#fbfaf5 0%,#f6f4eb 100%);border:1px solid #0f6f4f1a;margin-bottom:16px;padding:24px 20px;position:relative;overflow:hidden}[data-theme=dark] .counter-dhikr-card{background:linear-gradient(135deg,#0f2c23 0%,#0a2019 100%)}.dhikr-mini{text-align:center;z-index:1;position:relative}.arabic-wrapper{justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.sparkle-gold{color:var(--gold);font-size:13px}.dhikr-mini .arabic-small{color:#0c3228;direction:rtl;margin:0;font-family:Noto Naskh Arabic,Georgia,serif;font-size:30px;line-height:1.4}[data-theme=dark] .dhikr-mini .arabic-small{color:#a4d4be}.card-ornament-divider{justify-content:center;align-items:center;gap:8px;margin:8px 0 10px;display:flex}.card-ornament-divider .divider-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:32px;height:1px}.card-ornament-divider .divider-diamond{color:var(--gold);font-size:7px}.translation-text{color:#5c6c64;text-align:center;margin:0;font-size:14px}[data-theme=dark] .translation-text{color:#8fa197}.card-leaf{color:#78936a;pointer-events:none;opacity:.12;width:60px;height:60px;position:absolute}.left-leaf{bottom:-12px;left:-4px;transform:rotate(15deg)}.right-leaf{bottom:-12px;right:-4px;transform:scaleX(-1)rotate(15deg)}.counter-favorite-btn{color:#4a5450;cursor:pointer;background-color:#fff5f599;border:1px solid #e8554f33;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:12px;margin-bottom:24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}[data-theme=dark] .counter-favorite-btn{color:#bdc9bf;background-color:#e8554f0d;border-color:#e8554f59}.counter-favorite-btn:hover{background-color:#ffe6e6cc;border-color:#e8554f66}[data-theme=dark] .counter-favorite-btn:hover{background-color:#e8554f1a}.counter-favorite-btn svg{color:#e8554f;transition:transform .2s}.counter-favorite-btn:active svg{transform:scale(1.2)}.filled{color:#e8554f;fill:currentColor}.search-field{border:1px solid var(--line);height:48px;color:var(--muted);background:var(--card);border-radius:15px;align-items:center;gap:10px;margin-bottom:14px;padding:0 14px;display:flex}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.segmented{background:#0f6f4f14;border-radius:999px;grid-auto-flow:column;gap:5px;margin-bottom:16px;padding:5px;display:grid}.segmented button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-size:12px}.segmented button.active{color:#fff;background:var(--primary)}.select-list,.category-list,.reminder-list{gap:12px;display:grid}.select-item,.category-item{min-height:72px;padding:14px}.select-item div,.category-item span:nth-child(2){flex:1}.category-icon{color:var(--accent);background:color-mix(in srgb, var(--accent) 17%, transparent)}.detail-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--soft-shadow);border-radius:20px;margin-bottom:16px;padding:22px}.arabic-text{text-align:center;margin:8px 0 26px;font-family:Lora,Georgia,serif;font-size:clamp(28px,7vw,38px);line-height:2;color:var(--text)!important}.detail-card h3{margin:0 0 6px;font-size:14px}.audio-row{grid-template-columns:44px 72px 44px;justify-content:center;align-items:center;gap:18px;margin-top:20px;display:grid}.play-button{color:#fff;background:linear-gradient(180deg, var(--primary-2), var(--primary-dark));border:0;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 14px 28px #0d63453d}.goal-editor{border-bottom:1px solid var(--line);gap:10px;padding-bottom:12px;display:grid}.goal-editor:last-child{border-bottom:0;padding-bottom:0}.goal-editor label{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.goal-editor input,.reminder-row input,.name-input{border:1px solid var(--line);color:var(--text);background:var(--card-strong);border-radius:12px}.goal-editor input{width:96px;height:40px;padding:0 10px}.date-row{justify-content:space-between;align-items:center;margin:6px 0 14px;display:flex}.stat-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.stat-heading span,.metric-label,.most-dhikr span{color:var(--muted);font-size:13px}.stat-heading strong{font-family:Lora,Georgia,serif;font-size:34px}.bar-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;min-height:138px;display:grid}.bar-wrap{place-items:end center;gap:8px;display:grid}.bar-fill{border-radius:7px 7px 0 0;width:18px;background:#e5e2cf!important}.bar-fill:not(.is-zero){background:var(--primary)!important}.bar-fill.selected:not(.is-zero){background:var(--primary-2)!important}.bar-wrap em{color:var(--muted);font-size:11px;font-style:normal}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric{margin-top:7px;font-family:Lora,Georgia,serif;font-size:32px;display:block}.most-dhikr{justify-content:space-between;align-items:center;display:flex}.most-dhikr strong,.most-dhikr em{display:block}.most-dhikr strong{margin-top:5px;font-family:Lora,Georgia,serif;font-size:26px}.most-dhikr em{color:var(--muted);font-size:13px;font-style:normal}.award{color:#fff;clip-path:polygon(0 0,100% 0,100% 74%,70% 62%,50% 100%,30% 62%,0 74%);background:var(--primary);place-items:center;width:58px;height:68px;display:grid}.reminder-row{grid-template-columns:1fr 94px 48px;align-items:center;gap:12px;display:grid}.reminder-row span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.reminder-row input{width:94px;height:40px;padding:0 8px}.switch{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000014;border:0;border-radius:999px;outline:none;flex-shrink:0;align-items:center;width:48px;height:28px;padding:0;transition:background-color .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;display:inline-flex;position:relative}[data-theme=dark] .switch{background:#ffffff1f}.switch:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.switch.on{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b98138}.switch:has(input:checked){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b98138}.switch input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.switch span,.switch .slider{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .2s,width .2s;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026,0 3px 6px #0000001a}.switch.on span,.switch.on .slider{transform:translate(20px)}.switch:has(input:checked) span{transform:translate(20px)}.switch:has(input:checked) .slider{transform:translate(20px)}.switch:active span,.switch:active .slider{width:25px}.switch.on:active span,.switch.on:active .slider{width:25px;transform:translate(17px)}.switch:has(input:checked):active span{width:25px;transform:translate(17px)}.switch:has(input:checked):active .slider{width:25px;transform:translate(17px)}.toggle-row,.info-row,.menu-row{grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:46px;display:grid}.toggle-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto}.toggle-row:last-child,.info-row:last-child,.menu-row:last-child{border-bottom:0}.info-row,.menu-row{border:0;border-bottom:1px solid var(--line);color:var(--text);background:0 0}.info-row span,.menu-row span{font-size:14px}.info-row strong,.menu-row em{color:var(--text);font-size:13px;font-style:normal}.profile-hero{justify-items:center;gap:8px;margin-bottom:18px;display:grid}.avatar{width:86px;height:86px}.name-input{text-align:center;background:0 0;border-color:#0000;width:min(240px,100%);height:44px;font-family:Lora,Georgia,serif;font-size:24px}.profile-hero p{color:var(--muted);margin:0;font-size:13px}.skeleton-screen{gap:14px;display:grid}.skeleton{background:linear-gradient(90deg,#0f6f4f14,#ffffff59,#0f6f4f14) 0 0/220% 100%;border-radius:14px;animation:1.2s linear infinite shimmer;overflow:hidden}.skeleton.title{width:48%;height:28px}.skeleton.hero{height:132px}.skeleton.line{height:20px}.skeleton.line.short{width:70%}.skeleton.card-skeleton{height:118px}@keyframes shimmer{to{background-position:-220% 0}}@media (width>=820px){.app-shell{padding:34px}.phone-frame{border-radius:28px;width:min(100%,980px)}.phone-frame.onboarding-phone{border-radius:34px;width:min(100%,430px);height:min(932px,100vh - 68px);min-height:min(932px,100vh - 68px);max-height:calc(100vh - 68px)}.screen{padding:34px 34px 118px}.header{grid-template-columns:48px 1fr 48px}.progress-hero{min-height:156px}.quick-grid{grid-template-columns:repeat(5,minmax(90px,1fr))}.category-list,.select-list,.reminder-list{grid-template-columns:repeat(2,minmax(0,1fr))}.counter-zone{min-height:450px}.tasbih-ring{width:326px;height:326px}.tasbih-bead{transform:rotate(var(--angle)) translateY(-104px)}.tasbih-bead.active{transform:rotate(var(--angle)) translateY(-104px) scale(1.15)}}@media (width<=460px){.app-shell{padding:0}.phone-frame{border:0;border-radius:0;width:100%;min-height:100vh;max-height:none;transform:none}.phone-frame.onboarding-phone{border-radius:0;height:100vh;min-height:100vh;max-height:none;transform:none}.screen{min-height:100vh;max-height:none;padding:24px 16px calc(108px + env(safe-area-inset-bottom))}.toast-notification{bottom:max(96px, calc(86px + env(safe-area-inset-bottom)));z-index:10000;position:fixed}.quick-scroll-wrapper{margin-left:-16px;margin-right:-16px;padding:0 16px}.quick-grid{gap:8px;padding-right:16px}.quick-card{min-height:110px}.bottom-nav{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:100;width:auto;max-width:430px;margin:0 auto;position:fixed}.counter-zone{min-height:360px}.tasbih-ring{width:262px;height:262px}.tasbih-bead{transform:rotate(var(--angle)) translateY(-83px)}.tasbih-bead.active{transform:rotate(var(--angle)) translateY(-83px) scale(1.15)}.counter-number{font-size:76px}.reminder-row{grid-template-columns:1fr 88px 48px}}@media (height<=820px){.top-skip{top:58px}.onboarding-copy h1{margin-bottom:14px}.onboarding-copy p{font-size:18px;line-height:1.5}.onboarding-screen.lantern{--copy-top:104px;--title-size:32px;--art-top:242px;--art-height:292px;--art-width:min(90%, 364px)}.onboarding-screen.tasbih{--copy-top:104px;--title-size:31px;--art-top:238px;--art-height:306px;--art-width:min(104%, 414px)}.onboarding-screen.mosque{--copy-top:82px;--title-size:36px;--art-top:244px;--art-height:300px;--art-width:min(105%, 420px)}.pager{bottom:132px}.primary-button.sticky-cta{min-height:52px;font-size:15px;bottom:36px}.onboarding-home-indicator{bottom:11px}}@media (width<=360px){.top-skip{right:23px}.onboarding-copy h1{font-size:31px}.onboarding-copy p{font-size:18px}.primary-button.sticky-cta{min-height:48px;font-size:14px;left:20px;right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.stats-header-wrapper{text-align:center;margin-bottom:24px;padding:16px 0 12px;position:relative}.stats-title{color:var(--text);letter-spacing:-.5px;margin:0 0 6px;font-family:Lora,Georgia,serif;font-size:34px;font-weight:700}.stats-segmented{border:1px solid #1c41310a;background:#f4efe4!important}[data-theme=dark] .stats-segmented{border-color:#e2e7db0f;background:#0b2a22!important}.stats-segmented button{color:#5c6c64;font-size:13px;font-weight:500}[data-theme=dark] .stats-segmented button{color:#bdc9bf}.stats-segmented button.active{box-shadow:0 4px 10px #0f6f4f1f;color:#fff!important;background:#0f6f4f!important}[data-theme=dark] .stats-segmented button.active{box-shadow:0 4px 10px #00000026;color:#071d18!important;background:#67c492!important}.date-display{align-items:center;gap:8px;display:flex}.date-display span{color:var(--text);font-family:Inter,sans-serif;font-size:15px;font-weight:600}.date-calendar-icon{color:var(--muted)}.chevron-btn{color:var(--text);cursor:pointer;opacity:.85;transition:opacity .2s}.chevron-btn:hover{opacity:1}.chart-card{background:var(--card);padding:24px;position:relative;overflow:hidden}.stat-heading-left{flex-direction:column;align-items:flex-start;display:flex}.stat-heading-muted{color:var(--muted);font-size:13px;font-weight:500}.stat-heading-sub{color:var(--muted);font-size:13px}.stat-heading-right{align-items:flex-start;display:flex}.stat-heading-value{color:var(--text);font-family:Lora,Georgia,serif;font-size:44px;font-weight:700;line-height:.95}.bar-fill{background:#dcdad0;border-radius:999px;width:min(100%,20px);transition:background-color .25s,transform .2s,height .28s ease-out}[data-theme=dark] .bar-fill{background:#e2e7db33}.bar-fill.is-zero{border-radius:999px;height:12px!important}.bar-fill.selected{background:#0f6f4f!important}[data-theme=dark] .bar-fill.selected{background:#67c492!important}.bar-label{color:var(--muted);font-size:11.5px;font-style:normal;font-weight:500;transition:color .2s}.bar-label.selected{color:var(--text);font-weight:700}.metric-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--soft-shadow);border-radius:18px;padding:18px 16px;position:relative;overflow:hidden}.metric-card-content{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.metric-icon-container{color:#0f6f4f;background:#edf6f0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 10px #0f6f4f0d}[data-theme=dark] .metric-icon-container{color:#67c492;background:#67c4921f;box-shadow:0 4px 10px #0000000d}.metric-info{flex-direction:column;align-items:flex-start;display:flex}.metric-title{color:var(--muted);font-size:11px;font-weight:500;line-height:1.2}.metric-value{color:var(--text);margin:3px 0;font-family:Lora,Georgia,serif;font-size:28px;font-weight:700;line-height:1.2}.metric-unit{color:var(--muted);font-size:11px;line-height:1.2}.most-dhikr-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:18px;padding:20px 24px;position:relative;overflow:hidden}.most-dhikr-content{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.octagon-badge-container{color:#fff;background:#0f6f4f;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 12px #0f6f4f26}[data-theme=dark] .octagon-badge-container{color:#071d18;background:#67c492;box-shadow:0 4px 12px #00000026}.most-dhikr-info{flex-direction:column;align-items:flex-start;display:flex}.most-dhikr-label{color:var(--muted);font-size:11px;font-weight:500}.most-dhikr-value{color:var(--text);margin:3px 0;font-family:Lora,Georgia,serif;font-size:21px;font-weight:700;line-height:1.3}.most-dhikr-times{color:var(--muted);font-size:12px}.ribbon-container{z-index:2;pointer-events:none;position:absolute;top:0;right:24px}.profile-screen-wrapper{flex-direction:column;display:flex}.profile-avatar-wrapper{justify-content:center;align-items:center;width:126px;height:126px;margin:0 auto 12px;display:flex;position:relative}.profile-avatar-container{background:var(--card);border:1px solid var(--line);width:106px;height:106px;box-shadow:var(--soft-shadow);z-index:2;border-radius:50%;place-items:center;padding:6px;display:grid;position:relative}.profile-avatar-inner{background:#edf6f0;border:1px solid #0f6f4f1f;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}[data-theme=dark] .profile-avatar-inner{background:#67c4921f;border-color:#67c49238}.profile-leaf-branch{pointer-events:none;z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.profile-leaf-branch.left{left:calc(50% - 138px)}.profile-leaf-branch.right{right:calc(50% - 138px);transform:translateY(-50%)scaleX(-1)}.profile-subtitle{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:500;display:flex}.profile-star{color:var(--gold);font-size:12px}.profile-screen-wrapper .info-row,.profile-screen-wrapper .menu-row{box-sizing:border-box;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:52px;margin:0 -12px;transition:background-color .22s,transform .15s cubic-bezier(.2,.8,.2,1);border-bottom:1px solid var(--line)!important;align-items:center!important;gap:14px!important;width:calc(100% + 24px)!important;padding:8px 12px!important;display:flex!important}.profile-screen-wrapper .info-row{cursor:default;pointer-events:none}.profile-screen-wrapper .menu-row:last-child{border-bottom:0!important}.profile-screen-wrapper .toggle-row.has-icon{grid-template-columns:36px 1fr auto;gap:14px;min-height:52px;padding:8px 0;display:grid}.profile-screen-wrapper .info-label,.profile-screen-wrapper .menu-label{color:var(--text);font-size:14.5px;font-weight:500;text-align:left!important;flex:1!important;margin:0!important}.profile-screen-wrapper .info-value-badge,.profile-screen-wrapper .menu-value-badge{margin-left:auto;margin-right:4px;flex-shrink:0!important}.profile-screen-wrapper .menu-chevron{color:var(--muted);opacity:.65;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s,opacity .2s;flex-shrink:0!important}.profile-screen-wrapper .menu-row:hover{background-color:#0f6f4f0a}[data-theme=dark] .profile-screen-wrapper .menu-row:hover{background-color:#67c4920f}.profile-screen-wrapper .menu-row:hover .menu-chevron{color:var(--primary);opacity:1;transform:translate(4px)}.profile-screen-wrapper .menu-row:active{transform:scale(.982)}.profile-screen-wrapper .info-icon-container,.profile-screen-wrapper .toggle-icon-container,.profile-screen-wrapper .menu-icon-container{color:#0f6f4f;background:#edf6f0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background-color .2s;display:grid}[data-theme=dark] .profile-screen-wrapper .info-icon-container,[data-theme=dark] .profile-screen-wrapper .toggle-icon-container,[data-theme=dark] .profile-screen-wrapper .menu-icon-container{color:#67c492;background:#67c4921f}.profile-screen-wrapper .info-value-badge,.profile-screen-wrapper .menu-value-badge{color:#0f6f4f;background:#edf6f0;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-block}[data-theme=dark] .profile-screen-wrapper .info-value-badge,[data-theme=dark] .profile-screen-wrapper .menu-value-badge{color:#67c492;background:#67c4921f}.profile-screen-wrapper .info-label,.profile-screen-wrapper .menu-label,.profile-screen-wrapper .toggle-label{color:var(--text);text-align:left;font-size:14.5px;font-weight:500}.profile-onboarding-btn{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:54px;box-shadow:var(--soft-shadow);color:var(--text);outline:none;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;margin-top:4px;margin-bottom:24px;padding:8px 18px;transition:transform .2s,background-color .2s,box-shadow .2s;display:grid}.profile-onboarding-btn:active{background:var(--bg-soft);transform:scale(.985)}.onboarding-icon-container{color:#0f6f4f;background:#edf6f0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}[data-theme=dark] .onboarding-icon-container{color:#67c492;background:#67c4921f}.onboarding-label{color:var(--text);text-align:left;font-size:14.5px;font-weight:500}.onboarding-chevron{color:var(--muted);opacity:.7}.reminders-screen-wrapper{flex-direction:column;gap:16px;min-height:100%;padding-bottom:110px;display:flex;position:relative}.reminders-header-leaf-container{pointer-events:none;z-index:0;position:absolute;top:0;right:0}.enable-reminders-card{margin-bottom:4px}.reminder-enable-row{align-items:center;gap:14px;padding:4px 0;display:flex}.reminder-bell-container{width:38px;height:38px;color:var(--primary);background:#0f6f4f14;border-radius:50%;flex-shrink:0;place-items:center;display:grid}[data-theme=dark] .reminder-bell-container{color:#67c492;background:#67c4921f}.reminder-enable-label{color:var(--text);flex:1;font-size:15px;font-weight:600}.reminders-list-card{padding:8px 18px}.reminders-list-container{flex-direction:column;display:flex}.reminder-item-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;display:flex;position:relative}.reminder-item-row:last-child{border-bottom:0}.reminder-icon-bg{border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.reminder-icon-bg.morning{color:var(--orange);background:#e989371f}.reminder-icon-bg.evening{color:#8c57db;background:#6f42c11f}.reminder-icon-bg.friday{color:var(--primary);background:#0f6f4f1f}.reminder-icon-bg.sleep{color:#007bff;background:#007bff1f}.reminder-icon-bg.custom{color:var(--primary);background:#0f6f4f1f}[data-theme=dark] .reminder-icon-bg.morning{color:#ffb366;background:#e989372e}[data-theme=dark] .reminder-icon-bg.evening{color:#d1b3ff;background:#8a57db2e}[data-theme=dark] .reminder-icon-bg.friday{color:#67c492;background:#67c4922e}[data-theme=dark] .reminder-icon-bg.sleep{color:#8cc3ff;background:#007bff2e}[data-theme=dark] .reminder-icon-bg.custom{color:#67c492;background:#67c4922e}.reminder-info{flex-direction:column;flex:1;gap:3px;display:flex}.reminder-title{color:var(--text);font-size:15px;font-weight:600}.reminder-subtitle{color:var(--muted);font-size:12.5px}.time-pill-wrapper{cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-right:8px;padding:6px 12px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.time-pill-wrapper:active{transform:scale(.95)}.time-pill-wrapper.morning{color:#b25900;background:#fff3e6}.time-pill-wrapper.evening{color:#6a1b9a;background:#f3ebfa}.time-pill-wrapper.friday{color:#0c6b4b;background:#e8f7f0}.time-pill-wrapper.sleep{color:#06c;background:#e6f0ff}.time-pill-wrapper.custom{color:#0c6b4b;background:#e8f7f0}[data-theme=dark] .time-pill-wrapper.morning{color:#ffb366;background:#e989372e}[data-theme=dark] .time-pill-wrapper.evening{color:#d1b3ff;background:#8a57db2e}[data-theme=dark] .time-pill-wrapper.friday{color:#9eecc1;background:#67c4922e}[data-theme=dark] .time-pill-wrapper.sleep{color:#8cc3ff;background:#007bff2e}[data-theme=dark] .time-pill-wrapper.custom{color:#9eecc1;background:#67c4922e}.time-pill-clock-icon{opacity:.8}.time-pill-input-hidden{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.reminder-switch-wrapper{align-items:center;display:flex}.reminders-actions-container{z-index:10;flex-direction:column;gap:12px;margin-top:8px;display:flex}.dashed-action-btn{width:100%;height:52px;color:var(--primary);background:#fffdf866;border:1.5px dashed #0f6f4f66;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:10px;font-size:14.5px;font-weight:600;transition:all .2s;display:flex}.dashed-action-btn:hover{border-color:var(--primary);background:#0f6f4f0d}.dashed-action-btn:active{transform:scale(.985)}[data-theme=dark] .dashed-action-btn{color:#67c492;background:#0f2b2266;border-color:#67c4924d}[data-theme=dark] .dashed-action-btn:hover{background:#67c49214;border-color:#67c492}.reminders-bottom-decor{pointer-events:none;z-index:0;height:160px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.reminders-mosque-bg{opacity:.04;justify-content:center;width:100%;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}[data-theme=dark] .reminders-mosque-bg{opacity:.02}.reminders-bottom-decor .counter-leaf-branch{opacity:.15;width:80px;height:160px;position:absolute;bottom:24px}.reminders-bottom-decor .counter-leaf-branch.left{left:0;transform:rotate(25deg)}.reminders-bottom-decor .counter-leaf-branch.right{right:0;transform:scaleX(-1)rotate(25deg)}.dhikr-detail-wrapper{flex-direction:column;gap:16px;min-height:100%;padding-bottom:30px;display:flex;position:relative}.dhikr-detail-header-decor{pointer-events:none;z-index:0;opacity:.85;position:absolute;top:-24px;right:-24px}.dhikr-detail-wrapper .detail-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--soft-shadow);z-index:1;border-radius:28px;margin-bottom:2px;padding:36px 24px 28px;position:relative;overflow:hidden}.dhikr-detail-wrapper .card-pattern-decor{pointer-events:none;opacity:.8;width:140px;height:140px;position:absolute;top:0;left:0}.dhikr-detail-wrapper .card-leaf-branch-decor{pointer-events:none;z-index:1;width:130px;height:160px;position:absolute;bottom:0;right:0}.dhikr-detail-wrapper .detail-card .arabic-text{text-align:center;z-index:2;word-wrap:break-word;word-break:keep-all;direction:rtl;margin:18px 0 32px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:clamp(24px,6.8vw,36px);line-height:2;display:block;position:relative;color:#0c4a35!important}[data-theme=dark] .dhikr-detail-wrapper .detail-card .arabic-text{color:#d1f7e8!important}.dhikr-detail-wrapper .arabic-sparkle{color:var(--gold);opacity:.85;vertical-align:middle;margin:0 8px;font-size:16px;display:inline-block}.dhikr-detail-wrapper .transliteration-section{text-align:left;z-index:2;margin-bottom:28px;position:relative}.dhikr-detail-wrapper .section-label{color:#176f51;letter-spacing:.4px;text-transform:capitalize;margin-bottom:8px;font-size:13px;font-weight:600;display:block}[data-theme=dark] .dhikr-detail-wrapper .section-label{color:#67c492}.dhikr-detail-wrapper .transliteration-text{color:var(--text);margin:0;font-size:clamp(15px,4.4vw,20px);font-weight:700;line-height:1.45}.dhikr-detail-wrapper .transliteration-expand-wrapper{max-height:600px;transition:max-height .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dhikr-detail-wrapper .transliteration-expand-wrapper.collapsed{max-height:80px}.dhikr-detail-wrapper .transliteration-expand-wrapper.collapsed:after{content:"";background:linear-gradient(to top, var(--card), transparent);pointer-events:none;height:32px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.dhikr-detail-wrapper .transliteration-expand-wrapper.expanded:after{content:"";background:linear-gradient(to top, var(--card), transparent);pointer-events:none;opacity:0;height:32px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.dhikr-detail-wrapper .transliteration-toggle-btn{color:var(--primary);cursor:pointer;z-index:3;background:0 0;border:none;align-items:center;gap:4px;margin-top:6px;padding:6px 0 0;font-family:Lora,Georgia,serif;font-size:13px;font-weight:600;transition:color .2s,transform .2s;display:inline-flex;position:relative}.dhikr-detail-wrapper .transliteration-toggle-btn:hover{color:var(--gold)}.dhikr-detail-wrapper .transliteration-toggle-btn:active{transform:scale(.96)}.dhikr-detail-wrapper .audio-progress-container{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 24px;padding:0 4px;display:flex;position:relative}.dhikr-detail-wrapper .audio-time-label{color:var(--muted);font-variant-numeric:tabular-nums;min-width:32px;font-size:11px;font-weight:600}.dhikr-detail-wrapper .audio-time-label:first-of-type{text-align:left}.dhikr-detail-wrapper .audio-time-label:last-of-type{text-align:right}.dhikr-detail-wrapper .audio-progress-track-wrapper{flex:1;align-items:center;display:flex;position:relative}.dhikr-detail-wrapper .audio-progress-slider{appearance:none;cursor:pointer;border-radius:99px;outline:none;width:100%;height:5px;margin:0;padding:0;transition:height .18s}.dhikr-detail-wrapper .audio-progress-slider:hover{height:7px}.dhikr-detail-wrapper .audio-progress-slider::-webkit-slider-runnable-track{cursor:pointer;background:0 0;border-radius:99px;width:100%;height:100%}.dhikr-detail-wrapper .audio-progress-slider::-webkit-slider-thumb{appearance:none;background:var(--gold);border:2.5px solid var(--card);cursor:pointer;border-radius:50%;width:13px;height:13px;margin-top:-3.5px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .15s;transform:scale(0);box-shadow:0 2px 6px #00000026}.dhikr-detail-wrapper .audio-progress-slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.dhikr-detail-wrapper .audio-progress-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.dhikr-detail-wrapper .audio-progress-slider::-webkit-slider-thumb:active{background:var(--primary);transform:scale(1.3)}.dhikr-detail-wrapper .audio-progress-slider::-moz-range-track{cursor:pointer;background:0 0;border-radius:99px;width:100%;height:100%}.dhikr-detail-wrapper .audio-progress-slider::-moz-range-thumb{background:var(--gold);border:2.5px solid var(--card);cursor:pointer;border-radius:50%;width:13px;height:13px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .15s;transform:scale(0);box-shadow:0 2px 6px #00000026}.dhikr-detail-wrapper .audio-progress-slider:hover::-moz-range-thumb{transform:scale(1.15)}.dhikr-detail-wrapper .audio-progress-slider:active::-moz-range-thumb{transform:scale(1.15)}.dhikr-detail-wrapper .audio-progress-slider::-moz-range-thumb:active{background:var(--primary);transform:scale(1.3)}.dhikr-detail-wrapper .audio-control-row{z-index:3;justify-content:center;align-items:center;gap:20px;margin-top:12px;margin-bottom:8px;display:flex;position:relative}.dhikr-detail-wrapper .audio-control-btn{background:var(--card-strong);border:1px solid var(--line);width:52px;height:52px;color:var(--primary);border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #1f2e220d}.dhikr-detail-wrapper .audio-control-btn:active{background:var(--bg-soft);transform:scale(.92)}.dhikr-detail-wrapper .audio-control-btn.replay.is-active{color:var(--primary);background:#176f5114;border-color:#176f5140;box-shadow:0 0 10px #176f511f}.dhikr-detail-wrapper .audio-control-btn.replay.is-active svg{color:var(--primary);transform:scale(1.1)}.dhikr-detail-wrapper .audio-control-btn.sound.is-muted{color:#ef4444;background:#ef444414;border-color:#ef444438;box-shadow:0 0 10px #ef44441a}[data-theme=dark] .dhikr-detail-wrapper .audio-control-btn.sound.is-muted{color:#ef4444;background:#ef44441f;border-color:#ef444440}.dhikr-detail-wrapper .play-audio-btn{color:#fff;background:linear-gradient(135deg,#176f51,#0a4f37);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:76px;height:76px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #0a4f3747}.dhikr-detail-wrapper .play-audio-btn:active{transform:scale(.93);box-shadow:0 4px 12px #0a4f3733}.dhikr-detail-wrapper .play-icon-offset{transform:translate(2px)}.dhikr-detail-wrapper .audio-btn-spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin-audio-btn;display:inline-block}@keyframes spin-audio-btn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dhikr-detail-wrapper .translation-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--soft-shadow);z-index:2;border-radius:24px;flex-direction:column;gap:8px;padding:24px;display:flex;position:relative}.dhikr-detail-wrapper .translation-text{color:var(--text);margin:0;font-size:clamp(15px,4.4vw,19px);font-weight:700;line-height:1.5}.dhikr-detail-wrapper .card-divider-ornament{justify-content:center;align-items:center;gap:12px;margin:16px 0;display:flex}.dhikr-detail-wrapper .divider-line-half{background:linear-gradient(90deg, transparent, var(--line), transparent);flex:1;height:1px}.dhikr-detail-wrapper .divider-diamond{color:var(--gold);opacity:.85;flex-shrink:0}.dhikr-detail-wrapper .virtue-text{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.dhikr-detail-wrapper .start-counting-btn{color:#fff;z-index:2;background:linear-gradient(135deg,#176f51,#0a4f37);border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-top:8px;margin-bottom:24px;font-size:16.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 24px #0a4f3738}.dhikr-detail-wrapper .start-counting-btn:active{transform:scale(.985);box-shadow:0 4px 12px #0a4f3729}.dhikr-detail-wrapper .start-counting-btn svg{color:#fff;opacity:.9}.detail-sequence-stepper{z-index:2;flex-direction:column;gap:16px;margin:12px 0 28px;display:flex;position:relative}.detail-sequence-step-card{background:var(--bg-soft);border:1.5px solid var(--line);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;width:100%;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.detail-sequence-step-card:hover{border-color:var(--primary);background:var(--card);transform:translateY(-2px)}.detail-sequence-step-card.is-active{border-color:var(--primary);background:var(--card);transform:scale(1.02);box-shadow:0 4px 16px #4a603e1f}[data-theme=dark] .detail-sequence-step-card.is-active{border-color:#93c47d;box-shadow:0 4px 20px #93c47d26}.detail-step-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.detail-step-badge{color:var(--muted);font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:color .3s}.detail-sequence-step-card.is-active .detail-step-badge{color:var(--primary)}[data-theme=dark] .detail-sequence-step-card.is-active .detail-step-badge{color:#93c47d}.detail-step-count-badge{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:8px;padding:3px 8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700}.detail-sequence-step-card.is-active .detail-step-count-badge{border-color:var(--gold);color:var(--gold);background:#d4af3714}.detail-step-arabic{text-align:right;color:var(--text);word-wrap:break-word;word-break:keep-all;direction:rtl;margin:4px 0 8px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:clamp(20px,5.5vw,26px);line-height:1.6}.detail-sequence-step-card.is-active .detail-step-arabic{color:#0c4a35}[data-theme=dark] .detail-sequence-step-card.is-active .detail-step-arabic{color:#d1f7e8}.detail-step-progress-indicator{background:var(--line);border-radius:2px;width:100%;height:4px;margin-top:4px;overflow:hidden}.detail-step-progress-bar{background:linear-gradient(to right, var(--primary), var(--gold));border-radius:2px;height:100%;transition:width 50ms linear}@keyframes float-leaves{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1.5deg)}}@keyframes sparkle-pulse{0%,to{opacity:.3;transform:scale(.8)rotate(0)}50%{opacity:.85;transform:scale(1.15)rotate(15deg)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0f6f4f0a 25%,#0f6f4f17 37%,#0f6f4f0a 63%) 0 0/200% 100%;animation:1.4s linear infinite skeleton-shimmer}[data-theme=dark] .shimmer{background:linear-gradient(90deg,#ffffff05 25%,#ffffff12 37%,#ffffff05 63%) 0 0/200% 100%}.select-item-skeleton{background:var(--card);border:1px solid var(--line);border-radius:20px;justify-content:space-between;align-items:center;height:74px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #1f2e2208}.skeleton-icon-bg{border-radius:50%;flex-shrink:0;width:44px;height:44px}.skeleton-info{flex-direction:column;flex:1;gap:8px;margin-left:16px;display:flex}.skeleton-line{border-radius:4px;height:12px}.skeleton-line.title{width:50%}.skeleton-line.arabic{width:35%;height:10px}.skeleton-fav-btn{border-radius:50%;flex-shrink:0;width:28px;height:28px}.select-dhikr-wrapper{z-index:1;position:relative}.select-dhikr-header-decor{pointer-events:none;z-index:0;width:120px;height:160px;animation:6s ease-in-out infinite float-leaves;position:absolute;top:-28px;right:-22px}.select-dhikr-header-decor .sparkle-star{animation:4.5s ease-in-out infinite sparkle-pulse}.select-dhikr-header-decor .sparkle-star:nth-child(2n){animation-duration:3.5s;animation-delay:1.2s}.select-dhikr-header-decor .sparkle-star:nth-child(3n){animation-duration:4.8s;animation-delay:.7s}.select-dhikr-wrapper .search-field{background:var(--card);border:1px solid var(--line);z-index:2;border-radius:999px;height:52px;margin-bottom:20px;padding:0 20px;transition:all .3s cubic-bezier(.25,1,.5,1);position:relative;box-shadow:0 4px 16px #1f2e220a}.select-dhikr-wrapper .search-field:focus-within{border-color:var(--primary);transform:scale(1.008);box-shadow:0 6px 24px #0f6f4f1f}.select-dhikr-wrapper .search-field:hover:not(:focus-within){border-color:#0f6f4f33;transform:scale(1.004)}.select-dhikr-wrapper .search-field svg{color:var(--muted)}.select-dhikr-wrapper .search-field input{color:var(--text);font-size:15px;font-weight:400}.select-dhikr-wrapper .search-field input::placeholder{color:var(--muted);opacity:.65}.select-tabs-container{z-index:2;background:#0f6f4f0d;border:1px solid #0f6f4f12;border-radius:999px;justify-content:space-between;align-items:center;gap:4px;margin-bottom:24px;padding:5px;display:flex;position:relative}[data-theme=dark] .select-tabs-container{background:#ffffff08;border-color:#ffffff0d}.select-tab-btn{height:38px;color:var(--muted);z-index:1;background:0 0;border:none;border-radius:999px;outline:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;font-weight:500;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.select-tab-btn svg{color:var(--muted);transition:color .22s,transform .2s}.select-tab-bg{background:var(--primary);z-index:0;border-radius:999px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 4px 12px #0f6f4f29}[data-theme=dark] .select-tab-bg{background:var(--primary);box-shadow:0 4px 12px #67c49240}.select-tab-btn.active{color:#fff;box-shadow:none;background:0 0}[data-theme=dark] .select-tab-btn.active{color:#071d18;box-shadow:none;background:0 0}.select-tab-btn.active svg{color:#fff}[data-theme=dark] .select-tab-btn.active svg{color:#071d18}.select-tab-btn.active svg.filled{fill:currentColor!important;color:currentColor!important}.select-tab-btn:hover:not(.active){color:var(--text);background:#0f6f4f08}[data-theme=dark] .select-tab-btn:hover:not(.active){background:#ffffff05}.select-tab-btn:active{transform:scale(.97)}.select-dhikr-wrapper .select-list{z-index:2;flex-direction:column;gap:12px;margin-bottom:24px;display:flex;position:relative}.select-item-card{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 14px #1f2e2208}.select-item-card:hover{border-color:#0f6f4f3d;box-shadow:0 8px 20px #1f2e220d}[data-theme=dark] .select-item-card:hover{border-color:#67c49240;box-shadow:0 8px 20px #00000026}.select-item-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.select-item-icon-bg{width:44px;height:44px;color:var(--primary);background:#0f6f4f0f;border:1px solid #0f6f4f1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}[data-theme=dark] .select-item-icon-bg{color:var(--primary);background:#67c49214;border-color:#67c49226}.select-item-card:hover .select-item-icon-bg{background:var(--primary);color:#fff;border-color:var(--primary)}[data-theme=dark] .select-item-card:hover .select-item-icon-bg{background:var(--primary);color:#071d18;border-color:var(--primary)}.select-item-info{text-align:left;flex-direction:column;gap:3px;min-width:0;display:flex}.select-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:600;overflow:hidden}.select-item-arabic{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Amiri,Lora,Georgia,serif;font-size:15px;line-height:1.3;overflow:hidden}.select-item-fav-btn{width:38px;height:38px;color:var(--muted);cursor:pointer;z-index:5;background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.select-item-fav-btn:hover{color:#e8554f;background:#e8554f0f}.select-item-fav-btn svg{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.select-item-fav-btn.active{color:#e8554f}.select-item-fav-btn.active svg{fill:currentColor}[data-reduce-motion=true] *,[data-reduce-motion=true] :before,[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.goals-screen-wrapper{z-index:1;flex-direction:column;display:flex;position:relative}.goals-consistency-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);justify-content:space-between;align-items:center;margin-bottom:22px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.goals-consistency-card:before{content:"";background:var(--primary);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.goals-consistency-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.goals-consistency-card:hover:before{opacity:1}.goals-consistency-left{align-items:center;gap:16px;display:flex}.goals-medal-icon-bg{width:56px;height:56px;color:var(--primary);background:#0f6f4f0d;border:1px solid #0f6f4f1f;border-radius:50%;flex-shrink:0;place-items:center;transition:all .3s;display:grid}[data-theme=dark] .goals-medal-icon-bg{background:#67c49214;border-color:#67c49226}.goals-consistency-card:hover .goals-medal-icon-bg{background:var(--primary);color:#fff;transform:scale(1.05)rotate(5deg)}[data-theme=dark] .goals-consistency-card:hover .goals-medal-icon-bg{color:#071d18}.goals-consistency-info{flex-direction:column;gap:3px;display:flex}.goals-consistency-label{color:var(--primary-2);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.goals-consistency-headline{color:var(--text);font-size:16px;font-weight:700;line-height:1.3}.goals-streak-wrapper{flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:flex}.goals-streak-badge{background:#0f6f4f0a;border:1px solid #0f6f4f14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative}[data-theme=dark] .goals-streak-badge{background:#67c4920d;border-color:#67c4921a}.goals-streak-flame-icon{color:#10805c;animation:2s ease-in-out infinite pulse-streak-flame}[data-theme=dark] .goals-streak-flame-icon{color:var(--primary)}.goals-streak-number{color:var(--text);margin-top:-1px;font-family:Lora,Georgia,serif;font-size:13.5px;font-weight:750}.goals-streak-label{color:var(--muted);text-align:center;white-space:nowrap;font-size:11px;font-weight:600}.goals-consistency-card:hover .goals-streak-badge{background:#0f6f4f14;border-color:#0f6f4f33;transform:scale(1.03)}@keyframes pulse-streak-flame{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.goals-screen-list{flex-direction:column;gap:18px;padding:4px 0;display:flex}.goals-page-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:18px;transition:transform .2s;display:flex;position:relative}.goals-page-row:last-child{border-bottom:0;padding-bottom:0}.goals-page-row .goal-icon-container{color:#0f6f4f;background:#faf4e8;border:1px solid #e6bb6826;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;transition:all .3s;display:grid;box-shadow:0 4px 10px #00000003}[data-theme=dark] .goals-page-row .goal-icon-container{color:#67c492;background:#e6bb6814;border-color:#e6bb681f}.goals-page-row:hover .goal-icon-container{background:#fdfaf2;border-color:#e6bb684d;transform:scale(1.06)rotate(3deg)}[data-theme=dark] .goals-page-row:hover .goal-icon-container{background:#e6bb681f}.goals-page-row .goal-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.goals-page-row .goal-text-row{align-items:baseline;gap:6px;display:flex}.goals-page-row .goal-title{color:var(--text);font-family:Lora,Georgia,serif;font-size:15.5px;font-weight:700}.goals-page-row .goal-percent{color:var(--muted);font-size:12.5px;font-weight:500}.goals-page-row .goal-count-row{margin:1px 0 2px}.goals-page-row .goal-count{color:var(--primary);font-size:13px;font-weight:600}.goal-target-control{flex-shrink:0;align-items:center;gap:8px;margin-left:12px;display:flex}.goal-target-label{color:var(--muted);font-size:12px;font-weight:500}.goal-target-input-wrapper{border:1px solid var(--line);background:#fbf8f5;border-radius:12px;align-items:center;width:68px;height:32px;padding:0 22px 0 8px;transition:all .25s;display:flex;position:relative;box-shadow:inset 0 1px 2px #1f2e2208}[data-theme=dark] .goal-target-input-wrapper{background:var(--bg-soft);box-shadow:inset 0 1px 2px #0000001a}.goal-target-input-wrapper:hover,.goal-target-input-wrapper:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px #0f6f4f1f}[data-theme=dark] .goal-target-input-wrapper:hover,[data-theme=dark] .goal-target-input-wrapper:focus-within{background:var(--card-strong);box-shadow:0 0 0 2px #67c4921f}.goal-target-input{width:100%;height:100%;color:var(--text);text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:13.5px;font-weight:600}.goal-target-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.goal-target-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.goal-edit-pencil{color:var(--primary);opacity:.7;pointer-events:none;transition:opacity .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.goal-target-input-wrapper:focus-within .goal-edit-pencil{opacity:1}.goal-remove-btn{color:#e8554f;cursor:pointer;background:#e8554f0a;border:1px solid #e8554f26;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;margin-left:8px;transition:all .25s;display:grid}[data-theme=dark] .goal-remove-btn{color:#f26f6a;background:#e8554f14;border-color:#e8554f40}.goal-remove-btn:hover{color:#fff;background:#e8554f;border-color:#e8554f;transform:translateY(-1px);box-shadow:0 4px 10px #e8554f33}[data-theme=dark] .goal-remove-btn:hover{color:#fff;background:#f26f6a;border-color:#f26f6a;box-shadow:0 4px 10px #e8554f4d}.goal-remove-btn:active{transform:translateY(0)scale(.95)}.remove-goal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#06110ea6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}[data-theme=dark] .remove-goal-overlay{background:#000000b8}.remove-goal-modal{background:var(--card);border:1px solid var(--line);width:100%;max-width:350px;box-shadow:0 20px 40px #06110e29, var(--shadow);z-index:1010;border-radius:28px;flex-direction:column;align-items:center;padding:28px 24px 24px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .remove-goal-modal{border-color:#ffffff14;box-shadow:0 20px 40px #00000073}.remove-goal-illustration{justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative}.remove-goal-icon-ring{background:#e8554f0d;border:1.5px dashed #e8554f38;border-radius:50%;place-items:center;width:64px;height:64px;padding:5px;transition:all .3s;display:grid}[data-theme=dark] .remove-goal-icon-ring{background:#e8554f1a;border-color:#e8554f59}.remove-goal-icon-inner{color:#e8554f;background:#e8554f14;border-radius:50%;place-items:center;width:100%;height:100%;transition:all .3s;display:grid;box-shadow:inset 0 2px 6px #e8554f14}[data-theme=dark] .remove-goal-icon-inner{color:#f26f6a;background:#e8554f26}.remove-goal-trash-icon{filter:drop-shadow(0 2px 4px #e8554f26)}.remove-goal-title{color:var(--text);text-align:center;letter-spacing:-.2px;margin:0;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}.remove-goal-desc{color:var(--muted);text-align:center;margin:0 0 20px;padding:0 4px;font-size:13.5px;line-height:1.55}.remove-goal-desc strong{color:var(--text);font-weight:700}.remove-goal-warning-note{border-left:3px solid var(--gold);color:#8c7355;text-align:left;background:#fdfaf7;border-radius:12px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.45;display:flex}[data-theme=dark] .remove-goal-warning-note{border-left-color:var(--gold);color:#dfc195;background:#e6bb680d}.remove-goal-warning-icon{color:var(--gold);flex-shrink:0;margin-top:2px}.remove-modal-actions{gap:12px;width:100%;margin-top:8px;display:flex}.remove-modal-actions button{cursor:pointer;border:none;border-radius:12px;outline:none;flex:1;height:46px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.remove-btn-cancel{background:var(--bg-soft)!important;border:1px solid var(--line)!important;color:var(--muted)!important;box-shadow:0 2px 4px #00000005!important}.remove-btn-cancel:hover:not(:disabled){background:var(--line)!important;color:var(--text)!important}.remove-btn-cancel:active:not(:disabled){transform:scale(.98)}.remove-btn-destructive{color:#fff!important;background:linear-gradient(#ea5a5a,#d44040)!important;border:1px solid #d44040!important;box-shadow:0 6px 16px #d4404029!important}.remove-btn-destructive:hover:not(:disabled){transform:translateY(-1.5px);background:linear-gradient(#f06a6a,#e04a4a)!important;box-shadow:0 8px 20px #d4404047!important}.remove-btn-destructive:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 4px 8px #d440401f!important}.remove-btn-destructive:disabled,.remove-btn-cancel:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-loading-spinner{justify-content:center;align-items:center;gap:8px;display:flex}.spinner-svg{width:16px;height:16px;animation:.85s linear infinite modal-spin}.spinner-svg circle{stroke-dasharray:42;stroke-dashoffset:14px}@keyframes modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.goals-add-btn{border:1.5px dashed var(--primary);width:100%;height:48px;color:var(--primary);cursor:pointer;background:#0f6f4f05;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:8px;margin:22px 0 24px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=dark] .goals-add-btn{background:#67c49208}.goals-add-btn:hover{background:#0f6f4f0f;border-style:solid;transform:translateY(-1px);box-shadow:0 4px 12px #0f6f4f14}[data-theme=dark] .goals-add-btn:hover{background:#67c49214;box-shadow:0 4px 12px #00000026}.goals-add-btn:active{transform:translateY(0)scale(.98)}.goals-quote-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);justify-content:space-between;align-items:center;margin-top:6px;margin-bottom:24px;padding:16px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.goals-quote-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.goals-quote-pattern{pointer-events:none;opacity:.8;transition:transform .6s;position:absolute;bottom:-30px;right:-30px}.goals-quote-card:hover .goals-quote-pattern{transform:scale(1.05)rotate(10deg)}.goals-quote-left{z-index:1;flex:1;align-items:center;gap:14px;min-width:0;display:flex}.goals-quote-icon-bg{width:40px;height:40px;color:var(--primary);background:#0f6f4f0f;border-radius:50%;flex-shrink:0;place-items:center;transition:all .3s;display:grid}[data-theme=dark] .goals-quote-icon-bg{background:#67c49214}.goals-quote-card:hover .goals-quote-icon-bg{background:var(--primary);color:#fff;transform:scale(1.05)}[data-theme=dark] .goals-quote-card:hover .goals-quote-icon-bg{color:#071d18}.goals-quote-text{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:14.5px;font-style:italic;line-height:1.45}.goals-quote-heart-btn{cursor:pointer;color:var(--muted);z-index:2;background:0 0;border:none;border-radius:50%;outline:none;flex-shrink:0;place-items:center;padding:6px;transition:all .25s;display:grid}.goals-quote-heart-btn:hover{color:#e8554f;background:#e8554f0f;transform:scale(1.1)}.goals-quote-heart-btn:active{transform:scale(.9)}.goals-quote-heart-btn .quote-heart-icon{transition:transform .2s,fill .2s}.goals-quote-heart-btn:hover .quote-heart-icon{fill:#e8554f26}.toast-notification{z-index:10000;white-space:nowrap;pointer-events:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -4px #071d1814,0 4px 12px -2px #071d1808}.toast-success{color:#0c4a35;background:#e8f5eefa;border-color:#0f6f4f40}[data-theme=dark] .toast-success{color:#d1f7e8;background:#0f2b22fa;border-color:#67c49240}.toast-info{color:#8a6210;background:#fefaf0fa;border-color:#e6bb684d}[data-theme=dark] .toast-info{color:#f7e1b5;background:#2b260ffa;border-color:#eacb8340}.toast-favorite{color:#a91c1c;background:#fef2f2fa;border-color:#e8554f33}[data-theme=dark] .toast-favorite{color:#fca5a5;background:#361212fa;border-color:#e8554f4d}.toast-icon{flex-shrink:0}.toast-icon.heart.filled{fill:currentColor}.counter-modal-overlay{z-index:900;-webkit-backdrop-filter:blur(10px);background:#06110ea6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}[data-theme=dark] .counter-modal-overlay{background:#000000b8}.settings-modal-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:360px;box-shadow:var(--shadow);z-index:910;border-radius:26px;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.reset-modal-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:320px;box-shadow:0 20px 40px #071d181f, var(--shadow);z-index:910;border-radius:28px;flex-direction:column;align-items:center;padding:28px 24px 24px;display:flex;position:relative;overflow:hidden}.reset-modal-icon-wrapper{color:#ea5a5a;background:#ea5a5a14;border:1px dashed #ea5a5a47;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex;box-shadow:inset 0 2px 4px #ea5a5a05}[data-theme=dark] .reset-modal-icon-wrapper{background:#ea5a5a1f;border-color:#ea5a5a66}.reset-icon-svg{filter:drop-shadow(0 2px 4px #ea5a5a26)}.modal-title{color:var(--text);text-align:center;margin:0;font-family:Lora,Georgia,serif;font-size:21px;font-weight:700}.modal-setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;padding:14px 0;display:flex}.modal-setting-row:last-of-type{border-bottom:none;margin-bottom:8px}.setting-label-block{text-align:left;align-items:center;gap:12px;min-width:0;display:flex}.setting-icon{color:var(--primary);opacity:.85;flex-shrink:0}.setting-label-block strong{color:var(--text);font-size:14.5px;font-weight:600;display:block}.setting-label-block p{color:var(--muted);margin:2px 0 0;font-size:12px}.settings-toggle-switch{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000014;border:none;border-radius:99px;outline:none;flex-shrink:0;width:44px;height:24px;padding:0;transition:background-color .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;position:relative}[data-theme=dark] .settings-toggle-switch{background:#ffffff1f}.settings-toggle-switch:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--primary)}.settings-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .2s,width .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026,0 2px 4px #00000014}.settings-toggle-switch.on{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133}.settings-toggle-switch.on:after{transform:translate(20px)}.settings-toggle-switch:active:after{width:21px}.settings-toggle-switch.on:active:after{width:21px;transform:translate(17px)}.target-goal-modifier-section{border:1px solid var(--line);border-radius:var(--radius);background:#0f6f4f08;flex-direction:column;align-items:center;width:100%;margin:10px 0 20px;padding:16px;display:flex}[data-theme=dark] .target-goal-modifier-section{background:#ffffff03}.target-goal-modifier-section .section-title{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700}.target-goal-modifier-section .section-desc{color:var(--muted);text-align:center;margin:0 0 12px;font-size:11.5px}.target-modifier-capsule{background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;align-items:center;width:170px;height:40px;padding:4px;display:flex;box-shadow:inset 0 1px 2px #0000000a}.target-modifier-capsule button{background:var(--card);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:18px;font-weight:600;transition:all .2s;display:grid;box-shadow:0 1px 3px #0000000d}.target-modifier-capsule button:active{transform:scale(.9)}.target-modifier-capsule input{width:100%;height:100%;color:var(--text);text-align:center;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:700}.target-modifier-capsule input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.target-modifier-capsule input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-close-btn{width:100%;height:48px}.reset-warning-desc{color:var(--muted);text-align:center;margin:4px 0 24px;font-size:13.5px;line-height:1.6}.modal-actions-row{gap:12px;width:100%;display:flex}.modal-actions-row button{flex:1;height:48px}.danger-btn{color:#fff!important;background:linear-gradient(135deg,#f05a5a,#d94141)!important;border-color:#d94141!important;font-weight:700!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 20px #d9414129!important}.danger-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#f26b6b,#e04c4c)!important;box-shadow:0 10px 24px #d941413d!important}.danger-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #d941411f!important}.reset-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite reset-spin;display:inline-block}@keyframes reset-spin{to{transform:rotate(360deg)}}.stats-skeleton-wrapper{flex-direction:column;gap:16px;width:100%;display:flex}.skeleton-chart-card{background:var(--card);border:1px solid var(--line);height:236px;box-shadow:var(--soft-shadow);border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.skeleton-chart-header{justify-content:space-between;align-items:center;display:flex}.skeleton-chart-bars{justify-content:space-between;align-items:end;gap:12px;height:120px;margin-top:12px;display:flex}.skeleton-chart-bar{border-radius:6px 6px 0 0;flex:1}.skeleton-metric-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skeleton-metric-card{background:var(--card);border:1px solid var(--line);height:92px;box-shadow:var(--soft-shadow);border-radius:20px;align-items:center;gap:12px;padding:16px;display:flex}.skeleton-most-dhikr-card{background:var(--card);border:1px solid var(--line);height:98px;box-shadow:var(--soft-shadow);border-radius:20px;align-items:center;gap:16px;padding:16px 20px;display:flex}.chart-card{position:relative}.chart-empty-state{-webkit-backdrop-filter:blur(4px);z-index:10;text-align:center;background:#fefdfae0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:.4s ease-out fadeIn;display:flex;position:absolute;inset:0}[data-theme=dark] .chart-empty-state{background:#0a2019e6}.empty-state-icon{margin-bottom:8px;font-size:32px;animation:5s ease-in-out infinite float-leaves}.empty-state-title{color:var(--text);margin:0 0 4px;font-family:Lora,Georgia,serif;font-size:15px;font-weight:700}.empty-state-desc{color:var(--muted);max-width:240px;margin:0;font-size:12px;line-height:1.45}.chevron-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;place-items:center;width:32px;height:32px;transition:all .22s cubic-bezier(.4,0,.2,1);display:grid}.chevron-btn:hover{color:var(--primary-2);background:#0f6f4f14}.chevron-btn:active{transform:scale(.88)}[data-theme=dark] .chevron-btn{color:var(--primary)}[data-theme=dark] .chevron-btn:hover{background:#67c4921f}.bar-fill{transition:height .45s cubic-bezier(.175,.885,.32,1.25),background-color .25s}.bar-fill.is-zero{border-radius:50%!important}.bar-wrap:hover .bar-fill:not(.is-zero){filter:brightness(1.05);box-shadow:0 4px 10px #0f6f4f26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-display-pill{cursor:pointer;background:0 0;border:none;border-radius:999px;outline:none;align-items:center;gap:8px;padding:6px 12px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.date-display-pill:hover{background:#0f6f4f14}.date-display-pill:active{transform:scale(.96)}[data-theme=dark] .date-display-pill:hover{background:#67c4921f}.date-display-pill span{color:var(--text);font-family:Inter,sans-serif;font-size:15px;font-weight:600}.calendar-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#1a282173;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.calendar-modal-content{background:linear-gradient(135deg,#fdfbf7 0%,#f7f4ec 100%);border:1px solid #1c413114;border-radius:24px;flex-direction:column;gap:18px;width:100%;max-width:340px;padding:24px;display:flex;box-shadow:0 20px 40px #071d182e}[data-theme=dark] .calendar-modal-content{background:linear-gradient(135deg,#09261f 0%,#051d18 100%);border-color:#e2e7db14;box-shadow:0 20px 40px #00000073}.calendar-modal-header{justify-content:space-between;align-items:center;display:flex}.calendar-modal-header h2{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}.calendar-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.calendar-close-btn:hover{color:var(--text);background:#0f6f4f14}[data-theme=dark] .calendar-close-btn:hover{background:#67c4921f}.calendar-month-nav{background:#0f6f4f0a;border:1px solid #0f6f4f0f;border-radius:12px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}[data-theme=dark] .calendar-month-nav{background:#67c4920a;border-color:#67c49214}.calendar-month-label{color:var(--text);font-family:Inter,sans-serif;font-size:15px;font-weight:700}.calendar-weekdays-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:8px 6px;display:grid}.calendar-day{aspect-ratio:1;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;place-items:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.calendar-day span{z-index:2;position:relative}.calendar-day:hover:not(:disabled):not(.selected){background:#0f6f4f1a;font-weight:600}[data-theme=dark] .calendar-day:hover:not(:disabled):not(.selected){background:#67c49226}.calendar-day.selected{font-weight:700;box-shadow:0 4px 10px #0f6f4f40;background:var(--primary)!important;color:#fff!important}[data-theme=dark] .calendar-day.selected{box-shadow:0 4px 10px #67c49240;background:var(--primary)!important;color:#071d18!important}.calendar-day.today:after{content:"";border:1.5px solid var(--gold);z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:2px}.calendar-day.selected.today:after{border-color:#ffffffb3}.calendar-day.empty{cursor:default;pointer-events:none}.calendar-day:disabled{color:var(--muted);opacity:.3;cursor:not-allowed}.goals-add-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#1a282173;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.goals-add-modal-content{background:linear-gradient(135deg,#fdfbf7 0%,#f7f4ec 100%);border:1px solid #1c413114;border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:360px;max-height:80vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 20px 40px #071d182e}[data-theme=dark] .goals-add-modal-content{background:linear-gradient(135deg,#09261f 0%,#051d18 100%);border-color:#e2e7db14;box-shadow:0 20px 40px #00000073}.goals-add-modal-header{justify-content:space-between;align-items:center;display:flex}.goals-add-modal-header h2{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}.goals-add-modal-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.goals-add-modal-close-btn:hover{color:var(--text);background:#0f6f4f14}[data-theme=dark] .goals-add-modal-close-btn:hover{background:#67c4921f}.goals-add-modal-subtitle{color:var(--muted);text-align:left;margin-top:-6px;margin-bottom:4px;font-family:Inter,sans-serif;font-size:13.5px}.unadded-dhikrs-list{scrollbar-width:thin;scrollbar-color:#0f6f4f33 transparent;flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.unadded-dhikrs-list::-webkit-scrollbar{width:4px}.unadded-dhikrs-list::-webkit-scrollbar-thumb{background:#0f6f4f33;border-radius:4px}.unadded-dhikr-card{border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;border-radius:16px;outline:none;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.unadded-dhikr-card:hover{border-color:var(--primary);background:#0f6f4f08;transform:translateY(-2px);box-shadow:0 4px 12px #0f6f4f0d}.unadded-dhikr-card:active{transform:scale(.98)}[data-theme=dark] .unadded-dhikr-card:hover{background:#67c4920a;border-color:#67c492;box-shadow:0 4px 12px #0003}.unadded-dhikr-left{align-items:center;gap:12px;display:flex}.unadded-dhikr-icon-container{width:36px;height:36px;color:var(--primary);background:#0f6f4f14;border-radius:50%;flex-shrink:0;place-items:center;display:grid}[data-theme=dark] .unadded-dhikr-icon-container{color:#67c492;background:#67c4921f}.unadded-dhikr-info{flex-direction:column;gap:2px;display:flex}.unadded-dhikr-title{color:var(--text);font-family:Lora,Georgia,serif;font-size:14.5px;font-weight:700}.unadded-dhikr-category{color:var(--muted);font-family:Inter,sans-serif;font-size:11.5px}.unadded-dhikr-right{align-items:center;gap:10px;display:flex}.unadded-dhikr-target-pill{color:var(--primary);background:#0f6f4f14;border-radius:999px;padding:3px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}[data-theme=dark] .unadded-dhikr-target-pill{color:#67c492;background:#67c4921f}.unadded-dhikr-plus{color:var(--muted);transition:color .2s}.unadded-dhikr-card:hover .unadded-dhikr-plus{color:var(--primary)}[data-theme=dark] .unadded-dhikr-card:hover .unadded-dhikr-plus{color:#67c492}.goals-add-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.goals-add-btn.disabled,.goals-add-btn:disabled{border:1.5px dashed var(--line);opacity:.65;pointer-events:none;background:var(--bg-soft)!important;color:var(--muted)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.modal-search-field{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;width:100%;padding:8px 14px;transition:all .22s;display:flex}.modal-search-field:focus-within{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px #0f6f4f14}[data-theme=dark] .modal-search-field:focus-within{border-color:#67c492;box-shadow:0 0 0 3px #67c4921f}.modal-search-field input{color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:Inter,sans-serif;font-size:13px}.modal-search-field svg{color:var(--muted);flex-shrink:0}.modal-search-field:focus-within svg{color:var(--primary)}[data-theme=dark] .modal-search-field:focus-within svg{color:#67c492}.modal-search-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:grid}.modal-search-clear-btn:hover{color:var(--text);background:#0000000d}[data-theme=dark] .modal-search-clear-btn:hover{background:#ffffff14}.modal-filter-tabs{background:#1c41310a;border-radius:999px;gap:2px;width:100%;padding:3px;display:flex;position:relative}[data-theme=dark] .modal-filter-tabs{background:#e2e7db0d}.modal-filter-tab{color:var(--muted);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;outline:none;flex:1;justify-content:center;align-items:center;padding:6px 10px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;transition:color .22s;display:flex;position:relative}.modal-filter-tab.is-active{color:#fff;font-weight:600}[data-theme=dark] .modal-filter-tab.is-active{color:#031511;font-weight:600}.modal-active-tab-indicator{background:var(--primary);z-index:0;border-radius:999px;position:absolute;inset:0}[data-theme=dark] .modal-active-tab-indicator{background:#67c492}.modal-tab-label{z-index:1;position:relative}.language-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#071d1873;place-items:center;padding:24px;display:grid;position:absolute;inset:0}[data-theme=dark] .language-modal-overlay{background:#000000a6}.language-modal-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:340px;box-shadow:var(--shadow);z-index:1010;border-radius:26px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.language-modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.language-modal-header h2{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}.language-modal-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex}.language-modal-close-btn:hover{background:var(--line);color:var(--text)}.language-modal-subtitle{color:var(--muted);margin-bottom:20px;font-family:Inter,sans-serif;font-size:13.5px}.language-options-list{flex-direction:column;gap:10px;display:flex}.language-option-row{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.language-option-row:hover{border-color:var(--primary);transform:translateY(-1px)}.language-option-row.is-active{border-color:var(--primary);background:#8faf7a14}[data-theme=dark] .language-option-row.is-active{background:#67c49214}.language-option-info{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.language-name{color:var(--text);font-family:Inter,sans-serif;font-size:15px;font-weight:600}.language-native{color:var(--muted);font-family:Inter,sans-serif;font-size:12px}.language-check-container{width:20px;height:20px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.counter-ring-pulse-wrapper.goal-completed .counter-number{text-shadow:0 0 16px #c5a05966,0 0 28px #0c322826;animation:2.5s ease-in-out infinite alternate completed-number-glow;color:#c5a059!important}[data-theme=dark] .counter-ring-pulse-wrapper.goal-completed .counter-number{text-shadow:0 0 20px #e5c18080,0 0 35px #a4d4be33;color:#e5c180!important}.counter-ring-pulse-wrapper.goal-completed .counter-target{opacity:.9;text-shadow:0 0 8px #c5a0594d;color:#c5a059!important}[data-theme=dark] .counter-ring-pulse-wrapper.goal-completed .counter-target{color:#e5c180!important}@keyframes completed-number-glow{0%{text-shadow:0 0 16px #c5a0594d,0 0 28px #0c32281a;transform:scale(1)}to{text-shadow:0 0 24px #c5a059a6,0 0 40px #0c322840;transform:scale(1.03)}}.counter-tap-badge.is-completed{color:#e5c180;background:linear-gradient(135deg,#0c3228,#184c3e);border:1px solid #c5a0594d;animation:2.5s ease-in-out infinite pulse-completed-badge;box-shadow:0 4px 12px #0c322833}[data-theme=dark] .counter-tap-badge.is-completed{background:linear-gradient(135deg,#184c3e,#0c3228);border-color:#e5c18066}@keyframes pulse-completed-badge{0%,to{transform:scale(1);box-shadow:0 4px 12px #0c322833}50%{transform:scale(1.03);box-shadow:0 6px 16px #c5a0594d}}.success-modal-card{background:var(--card);border:1px solid var(--line);width:100%;max-width:320px;box-shadow:0 20px 40px #071d181f, var(--shadow);z-index:910;border-radius:28px;flex-direction:column;align-items:center;padding:28px 24px 24px;display:flex;position:relative;overflow:hidden}.success-modal-icon-wrapper{width:56px;height:56px;color:var(--gold);background:#c5a0591a;border:1px dashed #c5a05966;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex;box-shadow:inset 0 2px 4px #c5a0590d}[data-theme=dark] .success-modal-icon-wrapper{background:#c5a0592e;border-color:#c5a05999}.success-icon-svg{filter:drop-shadow(0 2px 6px #c5a0594d);color:var(--gold);animation:.6s cubic-bezier(.34,1.56,.64,1) success-icon-spring}@keyframes success-icon-spring{0%{opacity:0;transform:scale(.3)rotate(-30deg)}70%{transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.success-desc{color:var(--muted);text-align:center;margin:4px 0 24px;font-size:13.5px;line-height:1.6}.success-btn{width:100%;color:#fff!important;background:linear-gradient(135deg,#0c3228,#184c3e)!important;border-color:#0c3228!important;font-weight:700!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 20px #0c322829!important}.success-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#124438,#226453)!important;box-shadow:0 10px 24px #0c32283d!important}.success-btn:active{transform:translateY(0);box-shadow:0 4px 10px #0c32281f!important}.profile-setup-phone{z-index:10;scrollbar-width:none;flex-direction:column;justify-content:space-between;display:flex;position:relative;padding:24px 20px calc(20px + env(safe-area-inset-bottom,12px))!important;overflow-y:auto!important}.profile-setup-phone::-webkit-scrollbar{display:none}.setup-step-indicator{z-index:2;justify-content:center;width:100%;margin-top:10px;display:flex}.step-dots{align-items:center;gap:12px;display:flex}.step-dot{background:#1c41311f;border-radius:50%;width:8px;height:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-dot.active{background:var(--primary);transform:scale(1.3);box-shadow:0 0 8px #0f6f4f4d}.step-dot.completed{background:var(--gold)}.setup-container{z-index:1;flex-direction:column;flex:1;justify-content:center;width:100%;padding:10px 0;display:flex}.setup-step{flex-direction:column;width:100%;display:flex}.step-welcome{text-align:center;align-items:center;gap:16px}.setup-welcome-logo{background:#edf6f0;border:1px solid #0f6f4f1a;border-radius:50%;place-items:center;width:90px;height:90px;margin-bottom:8px;display:grid;box-shadow:0 12px 30px #0f6f4f14}.setup-h1{color:var(--primary);margin:0;font-family:Lora,Georgia,serif;font-size:28px;font-weight:700}.setup-h2{color:var(--primary);text-align:left;margin:0 0 12px;font-family:Lora,Georgia,serif;font-size:20px;font-weight:600}.setup-p{color:var(--text);opacity:.85;margin:0;font-size:15px;line-height:1.6}.mosque-deco-wrapper{opacity:.12;color:var(--primary);margin-top:24px}.input-group{flex-direction:column;gap:6px;width:100%;display:flex}.setup-input{border:1.5px solid var(--line);width:100%;height:52px;color:var(--text);background:#fffdf8;border-radius:14px;padding:0 16px;font-size:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.setup-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #0f6f4f1a}.setup-input.input-error{background:#fff9f9;border-color:#d32f2f}.error-text{color:#d32f2f;text-align:left;margin-left:4px;font-size:13px}.setup-margin-top{margin-top:28px}.setup-avatar-preview-container{justify-content:center;width:100%;margin:4px 0 16px;display:flex}.setup-avatar-preview-container .profile-avatar-container{width:100px;height:100px;padding:5px;box-shadow:0 8px 24px #0f6f4f1a}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.setup-avatar-btn{border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fffdf8;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.setup-avatar-btn:hover{box-shadow:var(--soft-shadow);transform:translateY(-2px)}.setup-avatar-btn.selected{border-width:2px!important;border-color:var(--primary)!important;background:#edf6f0!important;transform:translateY(-2px)scale(1.04)!important;box-shadow:0 0 0 3px #0f6f4f26,0 10px 24px #0f6f4f1f,inset 0 0 10px #d4af3726!important}[data-theme=dark] .setup-avatar-btn{background:#0f1e1a73!important;border-color:#67c4921a!important}[data-theme=dark] .setup-avatar-btn.selected{background:#0f7c581f!important;border-color:#67c492!important;box-shadow:0 0 0 3px #67c49233,0 10px 24px #00000040,inset 0 0 10px #d4af371a!important}.setup-avatar-btn .profile-avatar-container{width:56px;height:56px;box-shadow:none;padding:4px}.setup-upload-placeholder{border:1.5px dashed var(--line);width:56px;height:56px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;transition:all .2s;display:grid}.setup-avatar-btn:hover .setup-upload-placeholder{border-color:var(--primary);color:var(--primary)}.avatar-name{color:var(--text);text-align:center;word-break:break-word;font-size:12.5px;font-weight:600;line-height:1.3}.setup-lang-row{gap:16px;width:100%;display:flex}.lang-btn{border:1.5px solid var(--line);height:52px;color:var(--text);cursor:pointer;background:#fffdf8;border-radius:14px;flex:1;font-size:16px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.lang-btn:hover{background:#fff;transform:translateY(-1px)}.lang-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 20px #0f6f4f29}.goal-input-container{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:10px;display:flex}.goal-adjust-btn{border:1.5px solid var(--line);width:48px;height:48px;color:var(--primary);cursor:pointer;background:#fffdf8;border-radius:50%;place-items:center;font-size:22px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:grid}.goal-adjust-btn:active{transform:scale(.92)}.setup-goal-input{border:1.5px solid var(--line);text-align:center;width:120px;height:52px;color:var(--primary);background:#fffdf8;border-radius:14px;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}.setup-goal-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0f6f4f1a}.reminder-bell-badge{color:#e6bb68;background:#e6bb681f;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 16px;display:grid}.bell-glow{animation:2.5s ease-in-out infinite setupBellGlow}@keyframes setupBellGlow{0%,to{filter:drop-shadow(0 0 #e6bb6800);transform:rotate(0)}20%,60%{transform:rotate(10deg)}40%,80%{transform:rotate(-10deg)}50%{filter:drop-shadow(0 0 12px #e6bb6880)}}.reminder-toggle-card{border:1.5px solid var(--line);border-radius:var(--radius);background:#fffdf8;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:16px 20px;display:flex}.toggle-card-label{color:var(--text);font-size:16px;font-weight:600}.setup-actions-footer{z-index:2;align-items:center;gap:16px;width:100%;margin-top:24px;display:flex}.setup-back-btn{border-radius:var(--radius);border:1.5px solid var(--line);height:56px;color:var(--text);cursor:pointer;background:0 0;padding:0 24px;font-size:16px;font-weight:600;transition:all .2s}.setup-back-btn:hover{background:#1c41310d}.setup-next-btn{flex:1;margin:0!important;position:static!important}.step-welcome{box-sizing:border-box;background-image:radial-gradient(circle,#ffffffd1 0%,#fffef84d 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z' fill='none' stroke='%23f2eae0' stroke-width='0.45'/%3E%3Ccircle cx='30' cy='30' r='5' fill='none' stroke='%23f2eae0' stroke-width='0.45'/%3E%3C/svg%3E");background-size:cover,60px 60px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.welcome-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.particle{color:#d4af37;opacity:.3;position:absolute}.particle.p-1{font-size:14px;animation:4s infinite alternate twinkleParticle;top:20%;left:15%}.particle.p-2{font-size:10px;animation:6s infinite alternate-reverse twinkleParticle;top:15%;right:15%}.particle.p-3{background:var(--primary);opacity:.15;border-radius:50%;width:4px;height:4px;animation:5s 1s infinite alternate twinkleParticle;top:55%;left:8%}.particle.p-4{font-size:12px;animation:5s infinite alternate twinkleParticle;bottom:30%;right:10%}.particle.p-5{background:var(--gold);opacity:.2;border-radius:50%;width:3px;height:3px;animation:7s 2s infinite alternate twinkleParticle;bottom:45%;left:12%}.welcome-top-left-decor{pointer-events:none;z-index:1;width:100px;height:140px;position:absolute;top:-10px;left:6px}.welcome-top-right-leaf{pointer-events:none;z-index:1;transform-origin:100% 0;width:90px;height:90px;animation:7s ease-in-out infinite alternate swayRightLeaf;position:absolute;top:-5px;right:-5px}.welcome-arch-frame-container{z-index:2;box-sizing:border-box;flex-direction:column;flex:1;width:100%;margin:12px 0 16px;display:flex;position:relative}.welcome-arch-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.welcome-arch-content{z-index:1;box-sizing:border-box;flex-direction:column;align-items:center;height:100%;padding:24px 20px 16px;display:flex;position:relative}.welcome-logo-container{justify-content:center;align-items:center;margin-top:14px;margin-bottom:6px;display:flex;position:relative}.welcome-logo-inner{background:#edf6f0;border:1px solid #0f6f4f29;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;box-shadow:0 10px 24px #0f6f4f0d}.welcome-logo-inner .calligraphy-logo{width:48px;height:48px;color:var(--primary)}.sparkle-star{pointer-events:none;z-index:1;font-weight:400;line-height:1;position:absolute}.sparkle-star.s-top-left{color:var(--gold);font-size:14px;animation:4s infinite alternate twinkleParticle;top:-2px;left:-2px}.sparkle-star.s-top-right{color:var(--primary);font-size:10px;animation:5s 1s infinite alternate twinkleParticle;top:14px;right:-16px}.sparkle-star.s-bottom-left{color:var(--gold);font-size:8px;animation:6s infinite alternate-reverse twinkleParticle;bottom:12px;left:-12px}.sparkle-star.s-bottom-right{color:var(--gold);font-size:12px;animation:4s 1.5s infinite alternate twinkleParticle;bottom:-4px;right:-2px}.welcome-title{color:var(--primary);text-align:center;letter-spacing:-.2px;margin:6px 0 4px;font-family:Lora,Georgia,serif;font-size:25px;font-weight:700}.welcome-subtitle{color:var(--text-light);text-align:center;max-width:240px;margin:8px 0 14px;font-size:13.5px;line-height:1.45}.welcome-features-row{z-index:2;justify-content:space-between;align-items:center;width:100%;margin:auto 0;padding:6px 0;display:flex;position:relative}.welcome-feature-item{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.feature-icon-circle{width:44px;height:44px;color:var(--primary);background:#0f6f4f05;border:1px solid #0f6f4f1f;border-radius:50%;place-items:center;transition:all .3s;display:grid}.welcome-feature-item:hover .feature-icon-circle{border-color:var(--primary);background:#0f6f4f0d;transform:translateY(-2px);box-shadow:0 4px 10px #0f6f4f14}.feature-icon{width:20px;height:20px}.feature-label{color:var(--text);text-align:center;white-space:nowrap;font-size:11px;font-weight:600}.welcome-feature-divider{background:#ede6d9;width:1px;height:32px}.welcome-mosque-wrapper{z-index:0;pointer-events:none;width:100%;position:absolute;bottom:0;left:0}.welcome-mosque-silhouette{width:100%;display:block}.welcome-bottom-leaves-container{pointer-events:none;z-index:5;justify-content:space-between;height:80px;display:flex;position:absolute;bottom:-2px;left:-20px;right:-20px}.welcome-bottom-left-leaf{transform-origin:0 100%;width:75px;height:75px;animation:8s ease-in-out infinite alternate swayLeftLeaf}.welcome-bottom-right-leaf{transform-origin:100% 100%;width:75px;height:75px;animation:8s ease-in-out infinite alternate swayRightLeaf}.welcome-continue-btn{z-index:10;position:relative;color:#fff!important;background:linear-gradient(135deg,#074732 0%,#0f6f4f 100%)!important;border:1.5px solid #d4af37!important;border-radius:999px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:52px!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 8px 24px #0f6f4f40,inset 0 0 10px #d4af3726!important}.welcome-continue-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0f6f4f52,inset 0 0 12px #d4af3733!important}.welcome-continue-btn:active{transform:translateY(1px);box-shadow:0 4px 12px #0f6f4f2e,inset 0 0 8px #d4af371a!important}@keyframes swayLeftLeaf{0%{transform:rotate(0)scale(1)}to{transform:rotate(4deg)scale(1.02)}}@keyframes swayRightLeaf{0%{transform:rotate(0)scale(1)}to{transform:rotate(-4deg)scale(1.02)}}@keyframes twinkleParticle{0%{opacity:.15;transform:translateY(0)scale(.95)}to{opacity:.5;transform:translateY(-3px)scale(1.05)}}.step-header-centered{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:20px;display:flex}.step-1-title{letter-spacing:-.2px;margin:4px 0 6px!important;font-size:23px!important}.step-1-subtitle{color:var(--text-light)!important;margin:6px 0 0!important;font-size:13px!important}.welcome-logo-container.mini{width:50px;height:50px;margin-top:0;margin-bottom:4px}.welcome-logo-inner.mini{background:#edf6f0;border:1px solid #0f6f4f1f;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 6px 16px #0f6f4f0a}.welcome-logo-inner.mini .calligraphy-logo{width:26px;height:26px;color:var(--primary)}.welcome-logo-container.mini .sparkle-star.s-top-left{font-size:9px;top:-3px;left:-3px}.welcome-logo-container.mini .sparkle-star.s-top-right{font-size:7px;top:4px;right:-8px}.setup-avatar-preview-wrapper{justify-content:center;align-items:center;width:100%;margin-bottom:24px;display:flex;position:relative}.setup-avatar-preview-wrapper .sparkle-star.p-left{color:var(--gold);font-size:12px;animation:4s infinite alternate twinkleParticle;position:absolute;top:35%;left:calc(50% - 64px)}.setup-avatar-preview-wrapper .sparkle-star.p-right{color:var(--gold);font-size:10px;animation:5s 1s infinite alternate-reverse twinkleParticle;position:absolute;top:45%;right:calc(50% - 64px)}.setup-avatar-preview-container{background:#edf6f0;border:1.5px solid #0f6f4f29;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative;box-shadow:0 10px 24px #0f6f4f0f}.setup-avatar-preview-container .profile-avatar-container{width:78px;height:78px;box-shadow:none;padding:4px}.setup-avatar-edit-badge{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 4px 10px #0f6f4f38}.setup-avatar-edit-badge .edit-pencil-icon{width:13px;height:13px}.setup-input-section{text-align:left;flex-direction:column;gap:8px;width:100%;margin-bottom:22px;display:flex}.setup-section-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.setup-section-header .input-title-icon{width:16px;height:16px;color:var(--gold)}.setup-h2-title{color:var(--primary);margin:0;font-family:Lora,Georgia,serif;font-size:14.5px;font-weight:700}.premium-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.premium-input-wrapper .input-prefix-icon{color:#3b755e;pointer-events:none;z-index:2;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.premium-input{width:100%;border:1.5px solid var(--line)!important;height:48px!important;color:var(--text)!important;background:#fff!important;border-radius:12px!important;padding:0 16px 0 46px!important;font-size:14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #0f6f4f04!important}.premium-input:focus{border-color:var(--primary)!important;background:#fffdf8!important;outline:none!important;box-shadow:0 6px 16px #0f6f4f0d!important}.setup-avatar-btn{position:relative!important}.avatar-selected-badge{background:var(--primary);color:#fff;z-index:5;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;animation:.32s cubic-bezier(.34,1.56,.64,1) forwards scale-in-check;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 3px 10px #0f6f4f59}[data-theme=dark] .avatar-selected-badge{color:#060d0b!important;background:#67c492!important;border-color:#0c1412!important;box-shadow:0 3px 10px #0006!important}.avatar-selected-badge .checkmark-icon{width:11px;height:11px}.welcome-mosque-bg-decor{pointer-events:none;z-index:0;opacity:.95;width:100%;position:absolute;bottom:84px;left:0}.welcome-mosque-bg-decor .welcome-mosque-silhouette{width:100%;display:block}.setup-back-btn{border:1.5px solid var(--line)!important;height:52px!important;color:var(--text)!important;cursor:pointer!important;box-shadow:var(--soft-shadow)!important;background:#fff!important;border-radius:999px!important;align-items:center!important;gap:8px!important;padding:0 24px!important;font-size:15px!important;font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.setup-back-btn:hover{border-color:var(--primary)!important;background:#fffdf8!important;transform:translateY(-1.5px)!important}.setup-back-btn:active{transform:translateY(.5px)!important}.setup-back-btn .back-arrow-symbol{font-size:16px!important;font-weight:700!important;line-height:1!important;transition:transform .2s!important}.setup-back-btn:hover .back-arrow-symbol{transform:translate(-2px)!important}.setup-next-btn{flex:1;color:#fff!important;background:linear-gradient(135deg,#074732 0%,#0f6f4f 100%)!important;border:1.5px solid #d4af37!important;border-radius:999px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:52px!important;margin:0!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:static!important;box-shadow:0 8px 24px #0f6f4f40,inset 0 0 10px #d4af3726!important}.setup-next-btn:hover{transform:translateY(-1.5px)!important;box-shadow:0 10px 28px #0f6f4f52,inset 0 0 12px #d4af3733!important}.setup-next-btn:active{transform:translateY(.5px)!important;box-shadow:0 4px 12px #0f6f4f2e,inset 0 0 8px #d4af371a!important}.continue-reading-section{margin:28px 0}.continue-reading-header{align-items:center;gap:8px;width:100%;display:flex}.section-title-book-icon{color:#e6bb68;animation:4s ease-in-out .5s infinite floatOrnament}.header-fade-line-gold{flex-grow:1;align-items:center;gap:6px;max-width:160px;display:flex}.header-fade-line-gold .line-bar{background:linear-gradient(90deg,#e6bb6866,#e6bb6800);flex-grow:1;height:1px}.header-fade-line-gold .line-star{opacity:.7;flex-shrink:0}.continue-reading-section .library-preview{cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #e6bb6814;border-radius:20px;outline:none;align-items:center;gap:16px;width:100%;padding:12px 16px;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .2s,border-color .2s,background-color .2s;display:flex;box-shadow:0 4px 14px #071d1805}[data-theme=dark] .continue-reading-section .library-preview{background:#10211c;border-color:#e6bb680d;box-shadow:0 4px 14px #00000026}.continue-reading-section .library-preview:hover{background-color:#fafdfb;border-color:#10b98140;transform:translateY(-3.5px);box-shadow:0 8px 24px #0c3b2e0f}[data-theme=dark] .continue-reading-section .library-preview:hover{background-color:#142a24;box-shadow:0 8px 24px #00000040}.continue-reading-section .library-preview:active{transform:translateY(-.5px);box-shadow:0 2px 8px #0c3b2e0a}.continue-reading-section .library-preview .mini-icon.protection{color:#fff;background-color:#0c3b2e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1 3 3 1-3 1-1 3-1-3-3-1 3-1z' fill='%23e6bb68' fill-opacity='0.08'/%3E%3C/svg%3E");background-repeat:repeat;border:1px solid #e6bb6840;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;padding:0;display:grid;box-shadow:0 4px 10px #0c3b2e26}[data-theme=dark] .continue-reading-section .library-preview .mini-icon.protection{background-color:#113f32;box-shadow:0 4px 10px #00000040}.continue-reading-section .library-preview .preview-text-block{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.continue-reading-section .library-preview .preview-text-block strong{color:#1c4131;margin:0;font-family:Lora,Georgia,serif;font-size:17px;font-weight:700;line-height:1.25}[data-theme=dark] .continue-reading-section .library-preview .preview-text-block strong{color:#edf6f0}.continue-reading-section .library-preview .preview-text-block span{color:#7c8b82;margin-top:3px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.35}[data-theme=dark] .continue-reading-section .library-preview .preview-text-block span{color:#a3b899}.continue-reading-section .library-preview .chevron-btn-wrapper{color:#0c3b2e;background:#fcf9f2;border:1px solid #e6bb6826;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;transition:transform .25s cubic-bezier(.25,.8,.25,1),background-color .2s;display:grid;box-shadow:0 2px 6px #071d180a}[data-theme=dark] .quote-card-refresh-btn{color:#67c492;background:#10211c;border-color:#e6bb681f;box-shadow:0 4px 12px #0003}.quote-card-refresh-btn:hover{background-color:#fafdfb;transform:rotate(180deg)scale(1.08);box-shadow:0 6px 16px #0c3b2e14,0 0 8px #e6bb6833}[data-theme=dark] .quote-card-refresh-btn:hover{background-color:#142a24;box-shadow:0 6px 16px #0000004d,0 0 8px #e6bb6826}.quote-card-refresh-btn:active{transition:transform .2s;transform:scale(.92)rotate(360deg)}[data-theme=dark] .continue-reading-section .library-preview .chevron-btn-wrapper{color:#a3b899;background:#142823;border-color:#e6bb6814}.continue-reading-section .library-preview:hover .chevron-btn-wrapper{color:#10b981;background-color:#fafafa;transform:translate(2.5px)}[data-theme=dark] .continue-reading-section .library-preview:hover .chevron-btn-wrapper{background-color:#1a322c}.today-goals-card{transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;position:relative;overflow:hidden;border:1.5px solid #e6bb6814!important;border-radius:28px!important;padding:24px!important;box-shadow:0 8px 30px #071d1808!important}[data-theme=dark] .today-goals-card{border-color:#e6bb680a!important;box-shadow:0 8px 30px #0003!important}.today-goals-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0c3b2e0f!important}[data-theme=dark] .today-goals-card:hover{box-shadow:0 12px 35px #0000004d!important}.today-goals-card .card-header{z-index:2;border-bottom:1px solid #e6bb6814;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex;position:relative}[data-theme=dark] .today-goals-card .card-header{border-bottom-color:#e6bb680a}.today-goals-card .card-header h2{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-weight:700;font-size:20px!important}.goals-card-title-row{align-items:center;gap:10px;display:flex}.goals-card-title-row span{color:var(--text);font-family:Lora,Georgia,serif;font-size:19px;font-weight:700;line-height:1.2}.goals-card-title-ornament{color:#d4af37;flex-shrink:0}.today-goals-card .card-header button{cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;padding:6px 12px;transition:background-color .2s,transform .2s;display:flex}.today-goals-card .card-header button:hover{background-color:#0f7c580d;transform:translateY(-1px)}[data-theme=dark] .today-goals-card .card-header button:hover{background-color:#67c49214}.today-goals-card .card-header button:active{transform:translateY(0)scale(.97)}.goals-card-edit-action{color:#0f7c58;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}[data-theme=dark] .goals-card-edit-action{color:#67c492}.goals-card-edit-icon{color:#0f7c58;stroke-width:2.2px;transition:transform .2s}[data-theme=dark] .goals-card-edit-icon{color:#67c492}.today-goals-card .card-header button:hover .goals-card-edit-icon{transform:rotate(-15deg)}.setup-transition-phone{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.transition-loader-container{text-align:center;z-index:2;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:32px;display:flex}.transition-spinner-wrapper{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:28px;display:flex;position:relative}.transition-spinner-octagram{filter:drop-shadow(0 0 4px #d4af3740);width:72px;height:72px;animation:4s linear infinite spin-octagram}.transition-spinner-core{background-color:#123524;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-core;position:absolute;box-shadow:0 0 14px #12352473}[data-theme=dark] .transition-spinner-core{background-color:#67c492;box-shadow:0 0 14px #67c49280}.transition-loader-message{color:#123524;opacity:.9;letter-spacing:.2px;max-width:290px;margin-top:16px;font-family:Lora,Georgia,serif;font-size:1.18rem;font-weight:500;line-height:1.6;animation:2.5s ease-in-out infinite fade-pulse-msg}[data-theme=dark] .transition-loader-message{color:#e2ece9}@keyframes spin-octagram{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-core{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes fade-pulse-msg{0%,to{opacity:.75}50%{opacity:1}}.profile-avatar-wrapper.clickable{cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:relative}.profile-avatar-wrapper.clickable:hover{transform:scale(1.03)}.avatar-edit-floating-badge{z-index:5;background-color:#fbf7ef;border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:2px;right:2px;box-shadow:0 4px 10px #071d1814}[data-theme=dark] .avatar-edit-floating-badge{background-color:#0c1412;border-color:#67c492;box-shadow:0 4px 10px #0000004d}.profile-avatar-wrapper.clickable:hover .avatar-edit-floating-badge{background-color:#fffaf0;transform:scale(1.1)rotate(-15deg)}[data-theme=dark] .profile-avatar-wrapper.clickable:hover .avatar-edit-floating-badge{background-color:#121f1b}.avatar-edit-floating-badge svg{color:#0f7c58}[data-theme=dark] .avatar-edit-floating-badge svg{color:#67c492}.profile-name{color:#123524;text-align:center;cursor:pointer;border-radius:8px;width:fit-content;margin:12px auto 0;padding:4px 16px;font-family:Lora,Georgia,serif;font-size:24px;font-weight:700;transition:all .2s}[data-theme=dark] .profile-name{color:#e2ece9}.profile-name:hover{background-color:#f5efe4;box-shadow:inset 0 0 0 1px #d4af3733}[data-theme=dark] .profile-name:hover{background-color:#67c4920d;box-shadow:inset 0 0 0 1px #67c49233}.screen:has(.edit-profile-screen-wrapper){height:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important}.edit-profile-screen-wrapper{background-color:#fbf7ef;background-image:radial-gradient(circle at 15% 0,#e9d5a859,#0000 15rem),radial-gradient(circle at 78% 43%,#eedcb040,#0000 12rem),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z' fill='none' stroke='%23d4af37' stroke-width='0.4' stroke-opacity='0.04'/%3E%3Ccircle cx='30' cy='30' r='10' fill='none' stroke='%23d4af37' stroke-width='0.4' stroke-opacity='0.04'/%3E%3Crect x='15' y='15' width='30' height='30' fill='none' stroke='%23d4af37' stroke-width='0.4' stroke-opacity='0.03' transform='rotate(45 30 30)' rx='2'/%3E%3C/svg%3E");flex-direction:column;height:100%;transition:background-color .3s;display:flex;position:relative}[data-theme=dark] .edit-profile-screen-wrapper{background-color:#060d0b;background-image:radial-gradient(circle at 15% 0,#67c49214,#0000 15rem),radial-gradient(circle at 78% 43%,#d4af370a,#0000 12rem),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z' fill='none' stroke='%2367c492' stroke-width='0.4' stroke-opacity='0.04'/%3E%3Ccircle cx='30' cy='30' r='10' fill='none' stroke='%2367c492' stroke-width='0.4' stroke-opacity='0.04'/%3E%3Crect x='15' y='15' width='30' height='30' fill='none' stroke='%2367c492' stroke-width='0.4' stroke-opacity='0.03' transform='rotate(45 30 30)' rx='2'/%3E%3C/svg%3E")}.edit-profile-top-header{z-index:10;-webkit-backdrop-filter:blur(12px);background-color:#fbf7ef8c;border-bottom:1px solid #d4af370f;justify-content:space-between;align-items:center;min-height:80px;padding:24px 24px 16px;display:flex;position:relative}[data-theme=dark] .edit-profile-top-header{background-color:#060d0b8c;border-bottom-color:#67c4920d}.edit-modal-back-btn{color:#0f7c58;cursor:pointer;z-index:11;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}[data-theme=dark] .edit-modal-back-btn{color:#67c492}.edit-modal-back-btn:hover{background-color:#0f7c580f;transform:scale(1.05)}.edit-modal-back-btn:active{transform:scale(.95)}.edit-modal-title-stack{text-align:center;z-index:1;flex-direction:column;align-items:center;width:max-content;display:flex;position:absolute;left:50%;transform:translate(-50%)}.edit-modal-title-stack h2{color:#123524;letter-spacing:-.2px;margin:0;font-family:Lora,Georgia,serif;font-size:22px;font-weight:700}[data-theme=dark] .edit-modal-title-stack h2{color:#e2ece9}.header-fading-divider{justify-content:center;align-items:center;gap:8px;width:120px;margin-top:4px;display:flex}.header-fading-divider .divider-line{background:linear-gradient(90deg,#0000,#d4af3759 50%,#0000);flex-grow:1;height:1px}.header-fading-divider .divider-ornament{color:#d4af37;text-shadow:0 0 4px #d4af3733;font-size:8px}.edit-modal-save-btn{color:#fff;cursor:pointer;z-index:11;background-color:#0f7c58;border:none;border-radius:999px;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #0f7c5833}[data-theme=dark] .edit-modal-save-btn{color:#060d0b;background-color:#67c492;box-shadow:0 4px 12px #67c49233}.edit-modal-save-btn:hover{background-color:#0c6346;transform:scale(1.03)translateY(-1px);box-shadow:0 6px 16px #0f7c584d}[data-theme=dark] .edit-modal-save-btn:hover{background-color:#82d4aa;box-shadow:0 6px 16px #67c4924d}.edit-modal-save-btn:active{transform:scale(.97)translateY(0)}.edit-profile-body{scrollbar-width:none;flex-direction:column;flex-grow:1;gap:24px;padding:24px 24px 130px;display:flex;overflow-y:auto}.edit-profile-body::-webkit-scrollbar{display:none}.edit-profile-error-alert{color:#eb5757;background-color:#eb57570f;border:1px solid #eb575726;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;animation:.25s slide-down-alert;display:flex}@keyframes slide-down-alert{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-profile-preview-section{flex-direction:column;align-items:center;margin:16px 0;display:flex}.edit-avatar-preview-container,.avatar-geometric-frame-wrapper{justify-content:center;align-items:center;width:126px;height:126px;display:flex;position:relative}.avatar-geometric-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.avatar-frame-content{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.avatar-frame-content .profile-avatar-container{background-color:#fff!important;border:1.5px solid #d4af3738!important;border-radius:50%!important;place-items:center!important;width:80px!important;height:80px!important;padding:0!important;display:grid!important;transform:none!important;box-shadow:0 6px 20px #071d180d!important}[data-theme=dark] .avatar-frame-content .profile-avatar-container{background-color:#0c1412!important;border-color:#67c49233!important;box-shadow:0 6px 20px #0000004d!important}.avatar-frame-content .profile-avatar-inner{width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;place-items:center!important;padding:0!important;display:grid!important}.avatar-frame-content .profile-avatar-container svg{width:44px!important;height:44px!important}.avatar-edit-floating-badge-preview{z-index:5;cursor:pointer;background-color:#fff;border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 4px 12px #071d1814}[data-theme=dark] .avatar-edit-floating-badge-preview{background-color:#0c1412;border-color:#67c492;box-shadow:0 4px 12px #00000059}.edit-pencil-icon{color:#0f7c58;width:14px;height:14px}[data-theme=dark] .edit-pencil-icon{color:#67c492}.edit-avatar-preview-container:hover .avatar-edit-floating-badge-preview{transform:scale(1.1)rotate(-10deg)}.avatar-twinkle-sparkles{pointer-events:none;z-index:2;position:absolute;inset:-20px}.avatar-twinkle-sparkles .sparkle{color:#d4af37;text-shadow:0 0 4px #d4af374d;font-size:15px;position:absolute}.avatar-twinkle-sparkles .sparkle.sp-1{animation:2.5s infinite twinkle-gold;top:10%;left:10%}.avatar-twinkle-sparkles .sparkle.sp-2{animation:2.5s .8s infinite twinkle-gold;top:25%;right:5%}.avatar-twinkle-sparkles .sparkle.sp-3{animation:2.5s 1.6s infinite twinkle-gold;bottom:15%;left:5%}@keyframes twinkle-gold{0%,to{opacity:.2;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(15deg)}}.edit-section-header{justify-content:center;align-items:center;gap:16px;margin:8px 0;padding:0 4px;display:flex}.edit-section-header .header-line{background:linear-gradient(90deg,#0000,#d4af3726 30% 70%,#0000);flex-grow:1;height:1px}[data-theme=dark] .edit-section-header .header-line{background:linear-gradient(90deg,#0000,#67c4921f 30% 70%,#0000)}.edit-section-header .header-title-wrapper{align-items:center;gap:6px;display:flex}.edit-section-header .header-diamond{color:#d4af37;opacity:.8;font-size:7px}[data-theme=dark] .edit-section-header .header-diamond{color:#67c492}.edit-section-header .header-text{color:#657874;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:700}[data-theme=dark] .edit-section-header .header-text{color:#a4b3b0}.avatar-picker-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.avatar-picker-cell{cursor:pointer;background-color:#ffffff73;border:1px solid #d4af371f;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #071d1805}[data-theme=dark] .avatar-picker-cell{background-color:#0a14124d;border-color:#67c49214;box-shadow:0 4px 10px #00000026}.avatar-picker-cell:hover{background-color:#fff;border-color:#d4af3740;transform:translateY(-2px);box-shadow:0 6px 16px #d4af370d}[data-theme=dark] .avatar-picker-cell:hover{background-color:#0c1412;border-color:#67c49240;box-shadow:0 6px 16px #00000040}.avatar-picker-cell.active{background-color:#0f7c5808!important;border-width:2px!important;border-color:#0f7c58!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 0 0 3px #0f7c581f,0 8px 24px #0f7c5826!important}[data-theme=dark] .avatar-picker-cell.active{background-color:#67c4920a!important;border-width:2px!important;border-color:#67c492!important;transform:translateY(-2px)scale(1.03)!important;box-shadow:0 0 0 3px #67c49229,0 8px 24px #00000040!important}.avatar-picker-cell-inner{justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex;position:relative}.avatar-picker-cell-inner .profile-avatar-container{background-color:#fff!important;border:1.2px solid #d4af3726!important;border-radius:50%!important;place-items:center!important;width:54px!important;height:54px!important;padding:0!important;display:grid!important;box-shadow:0 3px 8px #071d1808!important}[data-theme=dark] .avatar-picker-cell-inner .profile-avatar-container{background-color:#0b1412!important;border-color:#67c49226!important;box-shadow:0 3px 8px #0003!important}.avatar-picker-cell-inner .profile-avatar-inner{width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;place-items:center!important;padding:0!important;display:grid!important}.avatar-picker-cell-inner .profile-avatar-container svg{width:30px!important;height:30px!important}.picker-cell-bg-decoration{pointer-events:none;opacity:.35;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:-4px}.avatar-picker-cell:hover .picker-cell-bg-decoration{opacity:.6;transform:rotate(10deg)scale(1.05)}.avatar-picker-cell.active .picker-cell-bg-decoration{opacity:.75;transform:rotate(20deg)scale(1.1)}.picker-cell-decor-svg{width:100%;height:100%}.avatar-cell-check-badge{color:#fff;z-index:5;background-color:#0f7c58;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;animation:.28s cubic-bezier(.18,.89,.32,1.28) scale-in-check;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0f7c584d}[data-theme=dark] .avatar-cell-check-badge{color:#060d0b;background-color:#67c492;box-shadow:0 2px 6px #0000004d}.avatar-template-label{color:#657874;margin:0;font-size:12px;font-weight:600;transition:color .2s}[data-theme=dark] .avatar-template-label{color:#a4b3b0}.avatar-picker-cell.active .avatar-template-label{color:#0f7c58;font-weight:700}[data-theme=dark] .avatar-picker-cell.active .avatar-template-label{color:#67c492}.edit-profile-form{flex-direction:column;gap:22px;display:flex}.edit-form-group{flex-direction:column;gap:8px;display:flex}.edit-form-label{color:#657874;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:11px;font-weight:700}[data-theme=dark] .edit-form-label{color:#a4b3b0}.edit-input-pill-wrapper{background-color:#fff;border:1.5px solid #d4af371f;border-radius:999px;align-items:center;padding:0 20px;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 14px #071d1808}[data-theme=dark] .edit-input-pill-wrapper{background-color:#0a141259;border-color:#67c4921f;box-shadow:0 4px 14px #0003}.edit-input-pill-wrapper .input-icon{color:#0f7c58;flex-shrink:0;margin-right:12px}[data-theme=dark] .edit-input-pill-wrapper .input-icon{color:#67c492}.edit-input-pill-wrapper .input-edit-pencil{color:#a4b3b0;opacity:.8;flex-shrink:0;width:16px;height:16px;margin-left:12px}.edit-input-pill-wrapper .edit-input-field{color:#1e2b28;width:100%;font-size:15px;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important;padding:14px 0!important}[data-theme=dark] .edit-input-pill-wrapper .edit-input-field{color:#e2ece9}.edit-input-pill-wrapper .edit-input-field:focus{outline:none}.edit-input-pill-wrapper:focus-within{background-color:#fff;border-color:#0f7c58;box-shadow:0 4px 16px #0f7c5814}[data-theme=dark] .edit-input-pill-wrapper:focus-within{background-color:#0c1412;border-color:#67c492;box-shadow:0 4px 16px #0000004d}.language-selector-pill-row{background-color:#fff;border:1.5px solid #d4af371f;border-radius:999px;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #071d1808}[data-theme=dark] .language-selector-pill-row{background-color:#0a141259;border-color:#67c4921f;box-shadow:0 4px 14px #0003}.lang-pill-btn-slider-wrapper{pointer-events:none;z-index:1;width:calc(50% - 4px);position:absolute;inset:4px}.lang-pill-btn-slider{background-color:#0f7c58;border-radius:999px;width:100%;height:100%;box-shadow:0 4px 12px #0f7c5833}[data-theme=dark] .lang-pill-btn-slider{background-color:#67c492;box-shadow:0 4px 12px #67c49233}.lang-pill-btn{z-index:2;color:#657874;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-grow:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;transition:color .28s;display:flex;position:relative}[data-theme=dark] .lang-pill-btn{color:#a4b3b0}.lang-pill-btn.active{color:#fff!important}[data-theme=dark] .lang-pill-btn.active{color:#060d0b!important}.lang-btn-icon{opacity:.65;transition:opacity .2s}.lang-pill-btn.active .lang-btn-icon{opacity:1}.capsule-target-card-row{background-color:#fff;border:1.5px solid #d4af371f;border-radius:24px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;box-shadow:0 4px 14px #071d1808}[data-theme=dark] .capsule-target-card-row{background-color:#0a141259;border-color:#67c4921f;box-shadow:0 4px 14px #0003}.capsule-target-left-group{align-items:center;gap:12px;display:flex}.capsule-target-icon-badge{color:#0f7c58;background-color:#0f7c5814;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-theme=dark] .capsule-target-icon-badge{color:#67c492;background-color:#67c49214}.capsule-target-label-stack{flex-direction:column;gap:2px;display:flex}.target-card-title{color:#123524;font-family:Lora,Georgia,serif;font-size:16px;font-weight:700}[data-theme=dark] .target-card-title{color:#e2ece9}.target-card-subtitle{color:#657874;font-size:12px;font-weight:500}[data-theme=dark] .target-card-subtitle{color:#a4b3b0}.capsule-stepper-controls{background-color:#fbf7ef;border:1px solid #d4af371f;border-radius:999px;align-items:center;gap:12px;padding:4px;display:flex}[data-theme=dark] .capsule-stepper-controls{background-color:#0a141240;border-color:#67c4921f}.capsule-stepper-btn{color:#0f7c58;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 2px 6px #071d180a}[data-theme=dark] .capsule-stepper-btn{color:#67c492;background-color:#0c1412;box-shadow:0 2px 6px #0003}.capsule-stepper-btn:hover{background-color:#fffcf8;transform:scale(1.08);box-shadow:0 3px 8px #071d1814}[data-theme=dark] .capsule-stepper-btn:hover{background-color:#121f1b;box-shadow:0 3px 8px #00000059}.capsule-stepper-btn:active{transform:scale(.95)}.capsule-stepper-value{color:#123524;text-align:center;min-width:36px;font-size:15px;font-weight:750}[data-theme=dark] .capsule-stepper-value{color:#e2ece9}.edit-reminders-card-group{background-color:#fff;border:1.5px solid #d4af371f;border-radius:24px;flex-direction:column;padding:6px 18px;display:flex;box-shadow:0 4px 14px #071d1808}[data-theme=dark] .edit-reminders-card-group{background-color:#0a141259;border-color:#67c4921f;box-shadow:0 4px 14px #0003}.edit-reminder-card-row{border-bottom:1px solid #d4af370f;justify-content:space-between;align-items:center;padding:16px 0;display:flex}[data-theme=dark] .edit-reminder-card-row{border-bottom-color:#67c4920a}.edit-reminder-card-row:last-child{border-bottom:none}.edit-reminder-left-info{align-items:center;gap:12px;display:flex}.edit-reminder-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex}.edit-reminder-card-row:hover .edit-reminder-icon-circle{transform:scale(1.05)}.edit-reminder-icon-circle.morning-circle{color:#f2994a;background-color:#f2994a14}.edit-reminder-icon-circle.evening-circle{color:#9b51e0;background-color:#9b51e014}.edit-reminder-icon-circle.friday-circle{color:#0f7c58;background-color:#0f7c5814}[data-theme=dark] .edit-reminder-icon-circle.friday-circle{color:#67c492;background-color:#67c49214}.edit-reminder-icon-circle.sleep-circle{color:#2d9cdb;background-color:#2d9cdb14}.edit-reminder-details-stack{flex-direction:column;gap:2px;display:flex}.edit-reminder-title{color:#1e2b28;font-size:14px;font-weight:700}[data-theme=dark] .edit-reminder-title{color:#e2ece9}.edit-reminder-sub{color:#0f7c58;font-size:12px;font-weight:500}[data-theme=dark] .edit-reminder-sub{color:#67c492}.discard-overlay-wrapper{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.discard-overlay{-webkit-backdrop-filter:blur(8px);background-color:#06110e73;position:absolute;inset:0}[data-theme=dark] .discard-overlay{background-color:#000000a6}.discard-modal{text-align:center;pointer-events:auto;z-index:2;background-color:#fffdf9;border:1.5px solid #eb575726;border-radius:28px;flex-direction:column;align-items:center;width:min(100%,340px);padding:28px 24px;display:flex;position:relative;box-shadow:0 20px 48px #071d181f}[data-theme=dark] .discard-modal{background-color:#0c1412;border-color:#eb575738;box-shadow:0 20px 48px #00000073}.discard-warning-badge{color:#eb5757;background-color:#eb575714;border:1.5px solid #eb575740;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;animation:2s infinite pulse-warning-edit;display:flex}@keyframes pulse-warning-edit{0%,to{transform:scale(.95);box-shadow:0 0 #eb575733}50%{transform:scale(1.05);box-shadow:0 0 12px 4px #eb575726}}.discard-modal h3{color:#123524;margin:0 0 8px;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}[data-theme=dark] .discard-modal h3{color:#e2ece9}.discard-desc{color:#657874;margin:0 0 24px;font-size:14px;font-weight:500;line-height:1.55}[data-theme=dark] .discard-desc{color:#a4b3b0}.discard-actions{flex-direction:column;gap:10px;width:100%;display:flex}.discard-btn-cancel{color:#657874;cursor:pointer;background-color:#0000;border:1.5px solid #d4af3733;border-radius:14px;padding:12px;font-size:14px;font-weight:700;transition:all .2s}[data-theme=dark] .discard-btn-cancel{color:#a4b3b0;border-color:#67c49233}.discard-btn-cancel:hover{background-color:#dabe820f;border-color:#d4af3759}[data-theme=dark] .discard-btn-cancel:hover{background-color:#67c4920f;border-color:#67c49259}.discard-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#eb5757 0%,#c23939 100%);border:none;border-radius:14px;padding:12px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 14px #eb575740}.discard-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 18px #eb575759}.discard-btn-confirm:active{transform:translateY(0)}.notification-bell-badge-wrapper{display:inline-flex;position:relative}.notification-unread-count-badge{color:#fff;border:1.5px solid var(--bg);z-index:10;background:linear-gradient(135deg,#e98937 0%,#eb5757 100%);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;animation:2s infinite pulse-badge-glow;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 0 10px #e9893799}@keyframes pulse-badge-glow{0%{transform:scale(1);box-shadow:0 0 #e98937b3}70%{transform:scale(1.12);box-shadow:0 0 12px 5px #e9893700}to{transform:scale(1);box-shadow:0 0 #e9893700}}.notifications-screen-wrapper{background-color:var(--bg);height:100%;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.notifications-body{z-index:2;flex-direction:column;flex:1;gap:24px;padding:20px 20px 100px;display:flex;position:relative;overflow-y:auto}.notifications-background-decorations{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-ornament{color:var(--gold);opacity:.15;font-size:16px;animation:6s ease-in-out infinite float-twinkle;position:absolute}.floating-ornament.o-1{animation-delay:0s;top:15%;left:10%}.floating-ornament.o-2{animation-delay:2s;top:45%;right:12%}.floating-ornament.o-3{animation-delay:4s;bottom:25%;left:15%}@keyframes float-twinkle{0%,to{opacity:.1;transform:translateY(0)scale(1)}50%{opacity:.25;transform:translateY(-10px)scale(1.2)}}.notifications-group-section{flex-direction:column;gap:12px;display:flex}.notifications-group-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);opacity:.95;align-items:center;gap:10px;margin:0;padding:0 4px;font-size:11px;font-weight:700;display:flex}.notifications-group-title:after{content:"";background:linear-gradient(90deg,#e6bb6866 0%,#e6bb6800 100%);flex:1;height:1px}[data-theme=dark] .notifications-group-title:after{background:linear-gradient(90deg,#e6bb6840 0%,#e6bb6800 100%)}.notifications-list{flex-direction:column;gap:12px;display:flex}.notification-card{border-radius:var(--radius);background-color:var(--card);border:1px solid var(--line);cursor:pointer;gap:16px;padding:16px;transition:all .28s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #1f2e2205}.notification-card:hover{box-shadow:var(--soft-shadow);background-color:var(--card-strong);border-color:#e6bb6859;transform:translateY(-2px)}[data-theme=dark] .notification-card:hover{border-color:#e6bb6833}.notification-card:active{transform:translateY(0)}.notification-card.unread{background-color:var(--card-strong);border-left:4px solid var(--primary);box-shadow:0 4px 20px #0f6f4f0a}[data-theme=dark] .notification-card.unread{box-shadow:0 4px 20px #67c49208}.notification-card.important{background:linear-gradient(135deg, var(--card) 0%, #e6bb680f 100%);border-color:#e6bb6866}[data-theme=dark] .notification-card.important{background:linear-gradient(135deg, var(--card) 0%, #e6bb6808 100%);border-color:#e6bb6833}.unread-glow-dot{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 8px var(--primary);border-radius:50%;position:absolute;top:18px;right:18px}.notification-category-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 2px 6px #fff6,0 4px 12px #1f2e2208}[data-theme=dark] .notification-category-icon{box-shadow:inset 0 1px 2px #ffffff0d,0 4px 12px #00000026}.reminder-icon-bg{background-color:#e989371a;border:1px solid #e989372e}.goal-icon-bg{background-color:#0f6f4f14;border:1px solid #0f6f4f26}[data-theme=dark] .goal-icon-bg{background-color:#67c4921f;border:1px solid #67c4922e}.milestone-icon-bg{background-color:#3b82f614;border:1px solid #3b82f626}.streak-icon-bg{background-color:#ef444414;border:1px solid #ef444426}.adhkar-icon-bg{background-color:#a855f714;border:1px solid #a855f726}.default-icon-bg{background-color:#e6bb6814;border:1px solid #e6bb6826}.notification-card-content{flex-direction:column;flex:1;gap:4px;padding-right:18px;display:flex}.notification-card-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.notification-card-title{color:var(--text);margin:0;font-family:Lora,Georgia,serif;font-size:15px;font-weight:700;line-height:1.3}.notification-card-time{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:500}.notification-card-message{color:var(--text);opacity:.85;margin:0;font-size:13px;line-height:1.45}.notification-card-dismiss-btn{color:var(--muted);opacity:.45;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.notification-card:hover .notification-card-dismiss-btn{opacity:.9}.notification-card-dismiss-btn:hover{color:var(--primary);background-color:#0f6f4f0f;transform:scale(1.1)}[data-theme=dark] .notification-card-dismiss-btn:hover{color:var(--primary);background-color:#ffffff14}.notifications-empty-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-sanctuary-artwork{width:170px;height:170px;margin-bottom:24px;position:relative}.empty-sanctuary-svg{width:100%;height:100%}.empty-state-title{color:var(--text);letter-spacing:-.2px;margin:0 0 8px;font-family:Lora,Georgia,serif;font-size:20px;font-weight:700}.empty-state-subtitle{color:var(--muted);max-width:290px;margin:0;font-size:14px;line-height:1.5}.sparkle-star{transform-origin:50%;animation:3.5s ease-in-out infinite empty-twinkle-pulse}.sparkle-star-delay{transform-origin:50%;animation:3.5s ease-in-out infinite empty-twinkle-pulse-delay}@keyframes empty-twinkle-pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.95;transform:scale(1.15)}}@keyframes empty-twinkle-pulse-delay{0%,to{opacity:.85;transform:scale(1.15)}50%{opacity:.2;transform:scale(.85)}}.notifications-header-actions{align-items:center;display:flex}.header-action-buttons{align-items:center;gap:8px;display:flex}.notifications-icon-action-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .22s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.notifications-icon-action-btn:hover{background-color:#0f6f4f12;transform:scale(1.05)}[data-theme=dark] .notifications-icon-action-btn:hover{background-color:#67c49214}.notifications-icon-action-btn:active{transform:scale(.95)}.notifications-icon-action-btn.delete-all{color:#eb5757}.notifications-icon-action-btn.delete-all:hover{background-color:#eb57570f}.profile-stats-card .info-row{border-bottom:0!important}.profile-separator-line{pointer-events:none;justify-content:center;align-items:center;gap:12px;width:100%;margin:4px 0;display:flex}.profile-line-half{background:linear-gradient(90deg,#e6bb6800 0%,#e6bb6859 50%,#e6bb6800 100%);flex:1;height:1px}[data-theme=dark] .profile-line-half{background:linear-gradient(90deg,#e6bb6800 0%,#e6bb682e 50%,#e6bb6800 100%)}.profile-ornament-star{color:var(--gold);opacity:.95;text-shadow:0 0 4px #e6bb6859;font-size:10px;line-height:1}.profile-screen-wrapper .info-icon-container,.profile-screen-wrapper .menu-icon-container,.profile-onboarding-btn .onboarding-icon-container{position:relative}.profile-screen-wrapper .info-icon-container:before,.profile-screen-wrapper .menu-icon-container:before,.profile-onboarding-btn .onboarding-icon-container:before{content:"✦";color:var(--gold);opacity:.8;font-size:8px;line-height:1;animation:6s ease-in-out infinite float-twinkle;position:absolute;top:-5px;right:-5px}.profile-screen-wrapper .info-icon-container:after,.profile-screen-wrapper .menu-icon-container:after,.profile-onboarding-btn .onboarding-icon-container:after{content:"✦";color:var(--gold);opacity:.65;font-size:6px;line-height:1;animation:6s ease-in-out 3s infinite float-twinkle;position:absolute;bottom:-5px;left:-5px}.profile-onboarding-btn{position:relative;overflow:hidden}.onboarding-mosque-bg-overlay{pointer-events:none;z-index:1;opacity:.85;align-items:flex-end;width:140px;height:44px;display:flex;position:absolute;bottom:0;right:32px}.onboarding-mosque-svg{width:100%;height:100%}.onboarding-label,.onboarding-icon-container,.onboarding-chevron{z-index:2;position:relative}.profile-hero .profile-avatar-wrapper .avatar-geometric-frame-wrapper .profile-avatar-container{width:80px!important;height:80px!important}.profile-hero .profile-avatar-wrapper .avatar-edit-floating-badge{bottom:12px;right:12px}@media (height<=740px){.welcome-logo-container.mini{margin-bottom:6px!important}.welcome-logo-inner.mini{width:44px!important;height:44px!important}.setup-avatar-preview-container{margin:4px 0 8px!important}.setup-avatar-preview-container .profile-avatar-container{width:80px!important;height:80px!important}.setup-margin-top{margin-top:16px!important}.avatar-grid{gap:8px!important}.setup-avatar-btn{gap:4px!important;padding:8px 4px!important}.setup-avatar-btn .profile-avatar-container{width:44px!important;height:44px!important}.avatar-name{font-size:11.5px!important}.setup-actions-footer{margin-top:16px!important}}.pwa-install-overlay{-webkit-backdrop-filter:blur(8px);z-index:999999;background:#0c201973;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.pwa-install-card{text-align:center;box-sizing:border-box;background:#fffdf9;border:1.5px solid #e6bb6873;border-radius:28px;flex-direction:column;align-items:center;width:min(100%,410px);padding:36px 28px 28px;display:flex;position:relative;box-shadow:0 24px 60px #071d1859,0 0 40px #e6bb6826}[data-theme=dark] .pwa-install-card{background:#0d2b21;border-color:#e6bb684d;box-shadow:0 24px 60px #0000008c,0 0 40px #e6bb6814}.pwa-card-decor{color:var(--gold);letter-spacing:6px;opacity:.85;margin-bottom:8px;font-size:13px}.pwa-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .2s;display:grid;position:absolute;top:18px;right:18px}.pwa-close-btn:hover{color:var(--text);background:#1c41310f}[data-theme=dark] .pwa-close-btn:hover{background:#ffffff0f}.pwa-close-btn svg{width:18px;height:18px}.pwa-logo-container{background:var(--primary);border:1px solid #e6bb6840;border-radius:20px;place-items:center;width:72px;height:72px;margin-bottom:20px;padding:6px;display:grid;box-shadow:0 10px 25px #0f6f4f38}.pwa-logo-inner{color:var(--gold);width:100%;height:100%}.pwa-title{color:var(--primary);margin:0 0 10px;font-family:Lora,Georgia,serif;font-size:22px;font-weight:700}.pwa-description{color:var(--text);opacity:.85;margin:0 0 24px;font-size:14.5px;line-height:1.55}.pwa-ios-instructions{border:1px solid var(--line);text-align:left;box-sizing:border-box;background:#1c413108;border-radius:18px;flex-direction:column;gap:14px;width:100%;margin-bottom:24px;padding:16px 18px;display:flex}[data-theme=dark] .pwa-ios-instructions{background:#ffffff05}.ios-step{align-items:flex-start;gap:12px;display:flex}.step-num{background:var(--primary);color:#fffdf8;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:2px;font-size:12px;font-weight:700;display:grid}[data-theme=dark] .step-num{background:var(--primary-2)}.step-text{color:var(--text);font-size:13.5px;line-height:1.45}.ios-share-icon,.ios-add-icon{vertical-align:middle;width:18px;height:18px;color:var(--primary);margin:-3px 4px 0;display:inline-block}.pwa-actions{flex-direction:column;gap:12px;width:100%;display:flex}.pwa-install-btn{background:var(--primary)!important;color:#fffdf8!important;border:0!important;border-radius:16px!important;width:100%!important;height:52px!important;font-size:15.5px!important;font-weight:700!important;box-shadow:0 8px 20px #0f6f4f40!important}.pwa-install-btn:hover{background:var(--primary-dark)!important}.pwa-browser-btn{border:1.5px solid var(--line);height:48px;color:var(--text);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:16px;justify-content:center;align-items:center;width:100%;font-size:14.5px;font-weight:600;transition:all .2s;display:flex}.pwa-browser-btn:hover{border-color:var(--muted);background:#1c41310a}[data-theme=dark] .pwa-browser-btn:hover{background:#ffffff0a}@keyframes scale-in-check{0%{opacity:0;transform:scale(0)}65%{transform:scale(1.18)}85%{transform:scale(.93)}to{opacity:1;transform:scale(1)}}