@font-face{font-family:Athkari Amiri;src:url(/assets/fonts/amiri-arabic-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Athkari Amiri Quran;src:url(/assets/fonts/amiri-quran-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Athkari Scheherazade New;src:url(/assets/fonts/scheherazade-new-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Athkari Scheherazade New;src:url(/assets/fonts/scheherazade-new-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #071120;--bg-soft: #050b14;--surface: rgb(9 20 40 / .64);--surface-strong: rgb(8 18 35 / .9);--surface-muted: rgb(11 22 42 / .52);--border: rgb(126 166 255 / .18);--border-strong: rgb(126 166 255 / .28);--text: #f2f7ff;--muted: #9bb0d6;--subtle: #99adc8;--accent: #34d399;--accent-2: #67e8f9;--accent-3: #2dd4bf;--gold: #f6c768;--danger: #fb7185;--shadow: 0 24px 80px rgb(22 79 189 / .18);--shadow-soft: 0 18px 54px rgb(6 12 28 / .28);--shadow-strong: 0 22px 72px rgb(4 12 28 / .34);--surface-glass: linear-gradient(180deg, rgb(13 27 52 / .72) 0%, rgb(8 17 32 / .58) 100%);--surface-glass-strong: linear-gradient(180deg, rgb(11 23 43 / .88) 0%, rgb(7 14 26 / .82) 100%);--surface-highlight: rgb(255 255 255 / .08);--radius: 28px;--radius-sm: 18px;--radius-xs: 14px;--container: 1220px;--font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ar-ui: "Athkari Scheherazade New", "Noto Naskh Arabic", "Tahoma", system-ui, sans-serif;--font-ar-display: "Athkari Amiri", "Athkari Scheherazade New", "Noto Naskh Arabic", serif;--font-ar: "Athkari Scheherazade New", "Athkari Amiri", "Noto Naskh Arabic", serif;--font-quran: "Athkari Amiri Quran", "Amiri Quran", "Athkari Scheherazade New", "Scheherazade New", "Noto Naskh Arabic", serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.22, .61, .36, 1)}:root[data-theme=light]{color-scheme:light;--bg: #edf4ff;--bg-soft: #f8fbff;--surface: rgb(255 255 255 / .78);--surface-strong: rgb(255 255 255 / .94);--surface-muted: rgb(247 251 255 / .88);--border: rgb(88 116 173 / .18);--border-strong: rgb(64 99 167 / .26);--text: #10203a;--muted: #5a6d8f;--subtle: #687a98;--shadow: 0 24px 80px rgb(77 120 204 / .12);--shadow-soft: 0 18px 54px rgb(120 145 194 / .13);--shadow-strong: 0 24px 72px rgb(90 120 182 / .11);--surface-glass: linear-gradient(180deg, rgb(255 255 255 / .84) 0%, rgb(243 249 255 / .76) 100%);--surface-glass-strong: linear-gradient(180deg, rgb(255 255 255 / .96) 0%, rgb(241 247 255 / .9) 100%);--surface-highlight: rgb(255 255 255 / .88)}:root[data-accent-theme=cyan]{--accent: #67e8f9;--accent-2: #34d399;--accent-3: #38bdf8}:root[data-accent-theme=emerald]{--accent: #34d399;--accent-2: #67e8f9;--accent-3: #2dd4bf}:root[data-accent-theme=amber]{--accent: #f6c768;--accent-2: #34d399;--accent-3: #f59e0b}:root[data-accent-theme=rose]{--accent: #fb7185;--accent-2: #67e8f9;--accent-3: #34d399}:root[data-visual-style=classic],:root[data-lightweight=true]{--surface: color-mix(in srgb, var(--bg-soft) 92%, white 8%);--surface-strong: color-mix(in srgb, var(--bg-soft) 86%, white 14%);--shadow: 0 10px 28px rgb(0 0 0 / .16);--shadow-soft: 0 8px 18px rgb(0 0 0 / .12)}:root[data-theme=light][data-visual-style=classic],:root[data-theme=light][data-lightweight=true]{--surface: #ffffff;--surface-strong: #ffffff}:root[data-visual-style=high-contrast]{--bg: #020617;--bg-soft: #07111f;--surface: #07111f;--surface-strong: #0b1829;--border: rgb(255 255 255 / .32);--border-strong: rgb(255 255 255 / .52);--text: #ffffff;--muted: rgb(255 255 255 / .82);--accent: #7dd3fc;--accent-2: #86efac;--shadow: none}:root[data-text-size=large]{font-size:18px}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;font-family:var(--font-ui);color:var(--text);background:radial-gradient(circle at 8% 0%,rgb(52 211 153 / .18),transparent 32%),radial-gradient(circle at 92% 4%,rgb(103 232 249 / .14),transparent 28%),radial-gradient(circle at 50% 18%,rgb(126 166 255 / .08),transparent 25%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);-webkit-font-smoothing:antialiased;font-kerning:normal;font-synthesis-weight:none;text-rendering:optimizeLegibility}[lang=ar] body,[lang=ar]{font-family:var(--font-ar-ui);line-height:1.72;letter-spacing:0}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgb(132 180 255 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(132 180 255 / .055) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,black,transparent 76%);opacity:.45}:root[data-theme=light] body:before{background-image:linear-gradient(rgb(16 32 58 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(16 32 58 / .04) 1px,transparent 1px)}:root[data-lightweight=true] body,:root[data-visual-style=classic] body{background:var(--bg)}:root[data-lightweight=true] body:before,:root[data-visual-style=classic] body:before{display:none}body,button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img,svg,audio{display:block;max-width:100%}input,select{width:100%;min-height:46px;border:1px solid var(--border);border-radius:var(--radius-xs);padding:0 14px;color:var(--text);background:#ffffff0d;box-shadow:inset 0 1px #ffffff0d}select{color-scheme:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.page{padding-block:clamp(26px,4vw,58px) clamp(44px,6vw,82px)}.icon{width:1.1rem;height:1.1rem;flex:0 0 auto}.icon--lg{width:2rem;height:2rem}[dir=ltr] .icon--flip-ltr{transform:scaleX(-1)}.arabic-text,.quran-text{font-family:var(--font-ar);direction:rtl}.quran-text{font-family:var(--font-quran);font-size:clamp(1.85rem,3.4vw,2.75rem);font-weight:400;line-height:2.38;letter-spacing:0;word-spacing:.08em;font-synthesis:none;text-rendering:optimizeLegibility}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] .brand strong,[lang=ar] .daily-card h2,[lang=ar] .live-card strong,[lang=ar] .prayer-hero-card h2,[lang=ar] .manasik-detail-card h2,[lang=ar] .tasbih-tap-zone span{font-family:var(--font-ar-display);font-weight:900}.eyebrow{margin:0 0 .6rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;border:1px solid var(--border);border-radius:16px;padding:0 1rem;color:var(--text);background:linear-gradient(180deg,#0f1c34a8,#080f1cb8);box-shadow:inset 0 1px #ffffff12,0 10px 28px #040a1824;font-weight:850;line-height:1.1;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.button--sm{min-height:38px;padding-inline:.8rem;font-size:.9rem}.button--icon{inline-size:46px;padding:0}.button--primary{color:#fff;border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#0a2a1a),color-mix(in srgb,var(--accent) 64%,#071a10));box-shadow:inset 0 1px #ffffff2e,0 12px 32px color-mix(in srgb,var(--accent) 32%,transparent)}.button--gold{border-color:color-mix(in srgb,var(--gold) 44%,transparent);background:color-mix(in srgb,var(--gold) 18%,transparent)}.button--danger{border-color:color-mix(in srgb,var(--danger) 44%,transparent);background:color-mix(in srgb,var(--danger) 14%,transparent)}.button--ghost{background:#ffffff04;box-shadow:none}@media(hover:hover){.button:hover,.desktop-nav a:hover,.category-list button:hover,.surah-list button:hover,.mobile-menu a:hover,.mobile-menu button:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-strong)}}.card{min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2vw,1.45rem);background:var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight),var(--shadow-soft),var(--shadow);backdrop-filter:blur(18px)}:root[data-lightweight=true] .card,:root[data-visual-style=classic] .card,:root[data-visual-style=high-contrast] .card{backdrop-filter:none}.navbar{position:sticky;top:0;z-index:50;padding:max(.55rem,env(safe-area-inset-top,0px)) 1rem .55rem;background:linear-gradient(180deg,#050c18e0,#060d19ad);border-bottom:1px solid rgb(126 166 255 / .12);box-shadow:0 16px 42px #040a1829;backdrop-filter:blur(18px)}:root[data-theme=light] .navbar{background:linear-gradient(180deg,#f8fcffe6,#f1f7ffc7);box-shadow:0 14px 34px #5a78b614}:root[data-theme=light] .button{background:linear-gradient(180deg,#ffffffe6,#edf4ffd1);box-shadow:inset 0 1px #ffffffe0,0 10px 28px #5a78b614}:root[data-theme=light] .navbar-clock{background:linear-gradient(180deg,#ffffffe0,#edf4ffcc)}:root[data-theme=light] .brand__mark,:root[data-theme=light] .footer__logo-mark,:root[data-theme=light] .logo-loader{border-color:color-mix(in srgb,#0d4f47 28%,#f5d977);background:linear-gradient(135deg,#02191ff0,#081226e0);box-shadow:0 14px 32px #253f6224,0 0 0 1px #fffc}:root[data-theme=light] .brand__wordmark{filter:drop-shadow(0 2px 6px rgb(0 0 0 / .1)) drop-shadow(0 0 14px rgb(246 199 104 / .18))}:root[data-theme=light] .brand small{color:#1a2d50;font-weight:700}:root[data-theme=light] .brand strong{color:#0d1e38}:root[data-theme=light] .category-list button,:root[data-theme=light] .surah-list button,:root[data-theme=light] .phase-list button,:root[data-theme=light] .moon-calendar button,:root[data-theme=light] .segmented button,:root[data-theme=light] .option-card,:root[data-theme=light] .accent-choice,:root[data-theme=light] .toggle-row,:root[data-theme=light] .mobile-menu a,:root[data-theme=light] .mobile-menu button,:root[data-theme=light] .filter-pills button,:root[data-theme=light] .preset-grid button,:root[data-theme=light] .target-controls button,:root[data-theme=light] .manasik-step-list button{background:linear-gradient(180deg,#ffffffe0,#edf4ffcc);box-shadow:inset 0 1px #ffffffe0}.navbar__inner{width:min(calc(100% - 48px),1840px);min-height:66px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem}.brand{min-width:0;inline-size:auto;max-inline-size:min(100%,30rem);display:inline-flex;align-items:center;gap:.65rem}.brand__home-link{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;border-radius:17px;outline-offset:3px}.brand__mark{width:48px;height:48px;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:17px;object-fit:cover;filter:drop-shadow(0 10px 26px rgb(52 211 153 / .12))}.brand__copy{min-width:0;max-width:100%;display:grid;gap:.2rem}.brand__wordmark{width:clamp(154px,17vw,218px);height:clamp(46px,4.8vw,62px);box-sizing:border-box;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);border-radius:999px;padding:.18rem .78rem;object-fit:contain;background:radial-gradient(circle at 16% 10%,rgb(255 248 214 / .16),transparent 36%),linear-gradient(135deg,#02191fe6,#081226d6);box-shadow:inset 0 1px #ffffff1a,0 12px 30px #00000029;filter:drop-shadow(0 8px 18px rgb(0 0 0 / .22))}.brand__mobile-text{display:none}.brand strong{font-size:1.12rem;font-weight:900}.brand small{max-width:min(28rem,100%);color:color-mix(in srgb,var(--muted) 88%,var(--text));overflow:visible;font-size:clamp(.84rem,1.15vw,1rem);font-weight:720;line-height:1.35;text-overflow:clip;white-space:normal;text-wrap:balance}.desktop-nav{display:flex;align-items:center;gap:.35rem}.desktop-nav a{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;border:1px solid rgb(126 166 255 / 0);border-radius:999px;padding-inline:.78rem;color:var(--muted);font-weight:850;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.desktop-nav a.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent-2) 8%,transparent)),#ffffff06;box-shadow:inset 0 1px #ffffff14}.navbar__actions{display:flex;align-items:center;gap:.4rem}.navbar-clock{min-width:148px;display:grid;justify-items:end;gap:.1rem;border:1px solid var(--border);border-radius:16px;padding:.45rem .65rem;background:linear-gradient(180deg,#121e35b8,#080f1cc2);box-shadow:inset 0 1px #ffffff0f;font-variant-numeric:tabular-nums}.navbar-clock strong{font-size:.95rem;line-height:1}.navbar-clock span{max-width:13rem;overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mobile-only{display:none}.hero{position:relative;padding-block:clamp(30px,7vw,96px) clamp(24px,5vw,58px)}.hero:before{content:"";position:absolute;inset-inline-end:8%;top:8%;width:min(42vw,420px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 45%),radial-gradient(circle at 60% 60%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%);filter:blur(26px);opacity:.82;pointer-events:none}.hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.68fr);gap:clamp(1rem,4vw,3rem);align-items:center;border:1px solid var(--border);border-radius:calc(var(--radius) + 10px);padding:clamp(1rem,3vw,2.1rem);background:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 32%),radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 34%),linear-gradient(135deg,#050d1ab8,#050914db);box-shadow:inset 0 1px 0 var(--surface-highlight),var(--shadow-strong)}.hero__copy h1{margin:0 0 clamp(1.8rem,3vw,2.8rem);font-size:clamp(3.2rem,12vw,8.35rem);line-height:1.12;letter-spacing:0;text-shadow:0 22px 60px rgb(0 0 0 / .28)}.hero__copy p{max-width:68ch;color:var(--muted);font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.8}[lang=ar] .hero__copy p:not(.eyebrow),[lang=ar] .section-heading p:not(.eyebrow),[lang=ar] .card p,[lang=ar] .notice,[lang=ar] .source,[lang=ar] .translation{font-family:var(--font-ar);font-weight:500}[lang=ar] .hero__copy p:not(.eyebrow){line-height:1.95;text-wrap:pretty}.hero__actions,.button-row,.athkar-card__actions,.tasbeeh__actions,.audio-player__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.daily-card{display:grid;gap:1rem;background:var(--surface-glass-strong)}.daily-card h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2}.daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.daily-grid a,.mini-card{min-height:86px;display:flex;align-items:center;gap:.7rem;border:1px solid var(--border);border-radius:18px;padding:1rem;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 38%),#ffffff0a;box-shadow:inset 0 1px #ffffff0d;font-weight:900}.section{padding-block:clamp(28px,6vw,70px)}.page>.section-heading:first-child{position:relative;overflow:hidden;align-items:center;min-height:clamp(190px,26vw,310px);border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);padding:clamp(1.25rem,4vw,3rem);margin-block-end:clamp(1.25rem,4vw,2.4rem);background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),radial-gradient(circle at 86% 16%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 34%),linear-gradient(135deg,#0c223ee0,#050b17db);box-shadow:inset 0 1px 0 var(--surface-highlight),inset 0 0 0 1px #ffffff06,var(--shadow-strong)}.page>.section-heading:first-child:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(132 180 255 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(132 180 255 / .07) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 62% 48%,black,transparent 74%)}.page>.section-heading:first-child>*{position:relative;z-index:1}.page>.section-heading:first-child h2{max-width:13ch;font-size:clamp(2.6rem,7vw,5.6rem);line-height:1.12;margin-block-end:.45rem}.page>.section-heading:first-child p:not(.eyebrow){max-width:66ch;font-size:clamp(1rem,1.5vw,1.25rem);margin-block-start:.65rem}.dashboard-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block-start:0;max-width:980px;margin-inline:auto}.live-card{display:grid;gap:.75rem;align-content:start;min-height:220px}.live-card strong{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.live-card span{color:var(--muted);line-height:1.6}.live-card--time strong{font-variant-numeric:tabular-nums}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-block-end:1.25rem}.section-heading h2{margin:0;font-size:clamp(1.7rem,4vw,3rem);line-height:1.12;text-wrap:balance}.section-heading p:not(.eyebrow){max-width:68ch;margin:.55rem 0 0;color:var(--muted);line-height:1.8}.feature-grid,.donation-grid,.about-grid,.tool-grid,.split-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2vw,1.35rem)}.feature-grid--compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.donation-grid--wide,.split-section{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.donation-grid,.about-grid,.split-section,.prayer-grid,.donation-grid--wide,.duas-summary-grid,.prayer-times-grid{align-items:stretch}.tool-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1fr)}.about-page{display:grid;gap:clamp(1rem,2.2vw,1.45rem)}.about-hero-grid,.about-principles{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:clamp(.9rem,2vw,1.35rem);align-items:stretch}.about-hero-card,.about-creator-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1rem,3vw,2rem);align-items:center;background:radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 46%),var(--surface-glass-strong)}.about-hero-card h2,.about-creator-card h2,.about-section-title h2{margin:0;color:var(--text);font-size:clamp(1.85rem,4.4vw,3.55rem);line-height:1.12;text-wrap:balance}.about-hero-card p:not(.eyebrow),.about-creator-card p:not(.eyebrow),.about-section-title p:not(.eyebrow){max-width:70ch;margin-block:.8rem 0;color:var(--muted);line-height:1.85}.about-hero-card .button-row,.about-creator-card .button-row{margin-block-start:1rem}.about-hero-vector{width:clamp(96px,15vw,156px);color:var(--gold)}.about-stat-stack{display:grid;gap:.7rem}.about-stat-stack .stat-pill{min-height:86px;border-radius:24px}.about-section-title{display:grid;gap:.35rem;padding-block-start:.5rem}.about-grid--features{grid-template-columns:repeat(3,minmax(0,1fr))}.about-feature-card,.about-principle-card{display:grid;gap:.72rem;align-content:start;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.about-feature-card{min-height:245px}.about-feature-card:before,.about-principle-card:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--gold));opacity:.72}.about-feature-card h3,.about-principle-card h3{margin:0;color:var(--text);font-size:clamp(1.05rem,2.2vw,1.32rem)}.about-feature-card p,.about-principle-card p{margin:0}.about-creator-card{grid-template-columns:auto minmax(0,1fr)}.about-creator-card .animated-vector{color:var(--gold)}.about-principle-list{display:grid;gap:.8rem}.about-principle-card{min-height:0;grid-template-columns:auto minmax(0,1fr);align-items:start}@media(hover:hover){.about-feature-card:hover,.about-principle-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}}.prayer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.prayer-tile{display:grid;gap:.35rem;text-align:center}.prayer-tile span{color:var(--muted);font-weight:800}.prayer-tile strong{font-size:1.45rem;font-variant-numeric:tabular-nums}.feature-card,.donation-card,.athkar-preview{position:relative;overflow:hidden;display:grid;gap:.8rem;align-content:start;min-height:210px;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.feature-card:before,.donation-card:before,.tool-link-card:before,.prayer-time-card:before,.athkar-preview:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(132 180 255 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(132 180 255 / .055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,black,transparent 76%)}.feature-card>*,.donation-card>*,.tool-link-card>*,.prayer-time-card>*,.athkar-preview>*{position:relative;z-index:1}.feature-card:nth-child(4n+1),.tool-link-card:nth-child(4n+1),.prayer-time-card:nth-child(4n+1){background:radial-gradient(circle at 82% 18%,rgb(103 232 249 / .2),transparent 32%),linear-gradient(135deg,#006f79b8,#103162b8)}.feature-card:nth-child(4n+2),.tool-link-card:nth-child(4n+2),.prayer-time-card:nth-child(4n+2){background:radial-gradient(circle at 18% 18%,rgb(96 165 250 / .24),transparent 35%),linear-gradient(135deg,#183a76c2,#088dbea3)}.feature-card:nth-child(4n+3),.tool-link-card:nth-child(4n+3),.prayer-time-card:nth-child(4n+3){background:radial-gradient(circle at 78% 22%,rgb(52 211 153 / .18),transparent 35%),linear-gradient(135deg,#081f39db,#0962739e)}.feature-card:nth-child(4n+4),.tool-link-card:nth-child(4n+4),.prayer-time-card:nth-child(4n+4){background:radial-gradient(circle at 80% 18%,rgb(129 140 248 / .23),transparent 35%),linear-gradient(135deg,#1c2054d1,#0e719aa3)}.feature-card h3,.donation-card h3,.athkar-preview h3,.card h3{margin:0;font-size:1.18rem}.feature-card p,.donation-card p,.athkar-preview p,.card p{margin:0;color:var(--muted);line-height:1.75}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:inset 0 1px #ffffff14,0 12px 32px color-mix(in srgb,var(--accent) 12%,transparent)}.feature-icon .icon{width:1.45rem;height:1.45rem}.tool-link-card{position:relative;overflow:hidden;min-height:116px;display:grid;align-content:center;gap:.7rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;background:radial-gradient(circle at 16% 16%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight),var(--shadow-soft);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.tool-link-card .icon{width:1.55rem;height:1.55rem;color:var(--accent)}.tool-link-card strong{line-height:1.35}@media(hover:hover){.tool-link-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:var(--surface-strong)}}.preview-list{display:grid;gap:.7rem}.preview-list blockquote{margin:0;border-inline-start:3px solid var(--accent);padding-inline-start:.8rem;color:var(--text);font-size:1.1rem;line-height:2}.quran-promo{display:grid;align-content:center;gap:1rem}.quran-promo h2{margin:0;font-size:clamp(1.7rem,4vw,3rem)}.tasbeeh{display:grid;gap:1rem;align-content:center}.tasbeeh__display{min-height:180px;display:grid;place-items:center;gap:.25rem;border:1px solid var(--border);border-radius:22px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.tasbeeh__display span{color:var(--muted);font-weight:800}.tasbeeh__display strong{font-family:var(--font-ui);font-size:clamp(3.5rem,10vw,6rem);line-height:1;font-weight:900}.athkar-layout,.quran-reader{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:1rem;align-items:start}.category-panel,.quran-sidebar{position:sticky;top:96px;display:grid;gap:.9rem}.category-picker{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius-sm) + 8px);background:radial-gradient(circle at 16% 10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 34%),linear-gradient(145deg,#ffffff16,#ffffff07),var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight),var(--shadow-soft);backdrop-filter:blur(20px) saturate(130%)}.category-picker:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(30deg,rgb(255 255 255 / .032) 1px,transparent 1px),linear-gradient(150deg,rgb(255 255 255 / .025) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(135deg,black,transparent 72%)}.category-picker>*{position:relative;z-index:1}.category-picker__toggle{width:100%;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.78rem;align-items:center;border:0;padding:.82rem;color:var(--text);background:transparent;text-align:start;cursor:pointer}.category-picker__icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-2) 28%,transparent);border-radius:17px;color:var(--accent-2);background:radial-gradient(circle at 35% 22%,rgb(255 255 255 / .16),transparent 38%),color-mix(in srgb,var(--accent-2) 11%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--accent-2) 10%,transparent)}.category-picker__icon .icon{width:1.45rem;height:1.45rem}.category-picker__copy{min-width:0;display:grid;gap:.16rem}.category-picker__copy small,.category-picker__copy em{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:900;line-height:1.25}.category-picker__copy strong{min-width:0;overflow:hidden;color:var(--text);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.category-picker__chevron{color:var(--accent);transform:rotate(-90deg);transition:transform .22s var(--ease),color .22s var(--ease)}.category-panel--open .category-picker__chevron{color:var(--gold);transform:rotate(90deg)}.category-picker__drawer{display:grid;gap:.65rem;max-height:0;overflow:hidden;padding-inline:.75rem;opacity:0;transform:translateY(-6px);transition:max-height .28s var(--ease),opacity .18s var(--ease),transform .22s var(--ease),padding-block .22s var(--ease)}.category-panel--open .category-picker__drawer{max-height:min(68vh,620px);padding-block:.2rem .8rem;opacity:1;transform:translateY(0)}.category-picker__drawer .search-input input{min-height:52px;border-radius:18px}.category-picker .category-list{max-height:min(46vh,440px);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:20px;padding:.45rem;background:color-mix(in srgb,var(--bg) 28%,transparent)}.search-input{position:relative;display:block}.search-input .icon{position:absolute;top:50%;inset-inline-start:14px;transform:translateY(-50%);color:var(--subtle)}.search-input input{padding-inline-start:2.75rem}.category-list,.surah-list{display:grid;gap:.55rem;max-height:calc(100vh - 180px);overflow:auto;padding:.25rem}.category-list button,.surah-list button{min-width:0;min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;border:1px solid var(--border);border-radius:16px;padding:.75rem;color:var(--text);background:linear-gradient(180deg,#121e35ad,#080f1cb3);box-shadow:inset 0 1px #ffffff0e;text-align:start}.category-list button.active,.surah-list button.active{border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.category-picker .category-list button{min-height:50px;border-radius:15px;padding:.62rem}.category-picker .category-list button small{min-width:2rem;min-height:2rem;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--surface-muted) 72%,transparent);font-size:.78rem;font-weight:900}.category-picker .category-list button.active small{color:#06251d;border-color:transparent;background:linear-gradient(135deg,#a7f3d0,#67e8f9 58%,#f6c768)}.category-list span,.surah-list strong,.surah-list small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.athkar-content,.quran-content{display:grid;gap:1rem}.progress-summary,.quran-toolbar,.audio-player,.notice{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight)}.progress-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.progress-summary h2{margin:0}.progress-summary strong{font-size:2rem;color:var(--accent)}.athkar-font-switcher{grid-column:1 / -1;display:grid;gap:.72rem;padding-block-start:.3rem}.athkar-font-switcher__copy{display:grid;gap:.2rem}.athkar-font-switcher__copy strong{font-size:.98rem;font-weight:900}.athkar-font-switcher__copy small{color:var(--muted);line-height:1.6}.athkar-font-switcher__options{grid-template-columns:repeat(3,minmax(0,1fr))}.athkar-font-switcher__options button{min-height:48px}.progress-bar{grid-column:1 / -1;height:9px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--text) 12%,transparent)}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.athkar-list{display:grid;gap:1rem}.athkar-list--narrow{max-width:860px}.athkar-card{display:grid;gap:1rem}.athkar-card--complete{border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.athkar-card__header{display:flex;justify-content:space-between;gap:1rem}.athkar-card__header h3{margin:.45rem 0 0;font-size:1.25rem}.pill{display:inline-flex;width:fit-content;align-items:center;min-height:30px;border:1px solid var(--border);border-radius:999px;padding-inline:.7rem;color:var(--muted);background:var(--surface-muted);font-size:.86rem;font-weight:800}.athkar-card .arabic-text{margin:0;font-size:clamp(1.35rem,2.8vw,2rem);line-height:2.18}[lang=ar] .athkar-page .progress-summary h2,[lang=ar] .athkar-page .athkar-card__header h3,[lang=ar] .athkar-preview h3,[lang=ar] .athkar-page .athkar-card .arabic-text:not(.quran-text),[lang=ar] .athkar-preview .arabic-text:not(.quran-text){font-family:var(--font-athkar-body)}.athkar-card .arabic-text.quran-text,.athkar-quran-text,.athkar-preview__quran-text{font-family:var(--font-quran);font-size:clamp(1.9rem,4.6vw,3.05rem);font-weight:400;line-height:2.28;word-spacing:.08em}.athkar-preview__quran-text{font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:400;line-height:2.05}.athkar-basmala{display:block;text-align:center;font-family:var(--font-quran);font-size:clamp(1.6rem,3.8vw,2.4rem);line-height:2;margin-block-end:.15em;color:var(--color-accent, currentColor);opacity:.9}.source,.translation{color:var(--muted)}.quran-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;align-items:end}.quran-toolbar label{display:grid;gap:.35rem;color:var(--muted);font-weight:800}.surah-list button{grid-template-columns:auto minmax(0,1fr)}.surah-list button span{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:900}.surah-list button small{grid-column:2;color:var(--muted)}.surah-reader{display:grid;gap:1rem}.surah-reader>header{text-align:center}.surah-reader h2{margin:0;font-family:var(--font-quran);font-size:clamp(2.4rem,7vw,5rem);line-height:1.4}.audio-player{display:grid;gap:.8rem}.audio-player>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.audio-player audio{width:100%}.quran-book-reader{min-width:0}.quran-book-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:clamp(1rem,2vw,1.35rem);align-items:start}.quran-book-card,.quran-player-card{position:relative;overflow:hidden;display:grid;gap:1rem}.quran-book-card:before,.quran-player-card:before,.mushaf-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(132 180 255 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(132 180 255 / .055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 58% 28%,black,transparent 72%)}.quran-book-card>*,.quran-player-card>*,.mushaf-stage>*{position:relative;z-index:1}.quran-book-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.quran-book-head h2,.quran-player-card h2{margin:0;font-size:clamp(1.7rem,4vw,3rem);line-height:1.16}.quran-book-tabs,.featured-readers,.quran-book-actions,.quran-saved-pages,.quran-player-controls{display:flex;flex-wrap:wrap;gap:.5rem}.quran-book-tabs button,.featured-readers button,.quran-saved-pages button{min-height:38px;border:1px solid var(--border);border-radius:999px;padding-inline:.8rem;color:var(--text);background:linear-gradient(180deg,#121e35a8,#080f1cb8);box-shadow:inset 0 1px #ffffff0e;font-weight:900}.quran-book-tabs button.active,.featured-readers button.active,.quran-saved-pages button.active{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.quran-finder{position:relative}.quran-finder-trigger{width:100%;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:center;border:1px solid var(--border);border-radius:20px;padding:.8rem;color:var(--text);background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 34%),linear-gradient(180deg,#121e35b8,#080f1cc7);text-align:start}.quran-finder-trigger .icon{color:var(--accent-2)}.quran-finder-trigger span{min-width:0;display:grid;gap:.2rem}.quran-finder-trigger strong,.quran-finder-trigger small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quran-finder-trigger small,.quran-finder-input span,.quran-finder-item span,.quran-finder-item small{color:var(--muted)}.quran-finder-sheet{position:absolute;inset-inline:0;top:calc(100% + .5rem);z-index:20;display:grid;gap:.75rem;border:1px solid var(--border);border-radius:24px;padding:.9rem;background:var(--surface-glass-strong);box-shadow:var(--shadow-strong);backdrop-filter:blur(22px)}.quran-finder-input{display:grid;gap:.35rem;font-weight:850}.quran-finder-results{display:grid;gap:.5rem;max-height:min(52vh,520px);overflow:auto;padding-inline-end:.1rem}.quran-finder-item{display:grid;gap:.2rem;border:1px solid var(--border);border-radius:16px;padding:.8rem;color:var(--text);background:linear-gradient(180deg,#121e35a8,#080f1cb8);text-align:start}.quran-finder-item.active,.quran-finder-item--reference{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.mushaf-stage{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:28px;padding:clamp(.75rem,2vw,1.2rem);background:radial-gradient(circle at 50% 6%,color-mix(in srgb,var(--accent-2) 11%,transparent),transparent 38%),linear-gradient(180deg,#050c18ad,#030811d1);box-shadow:inset 0 1px 0 var(--surface-highlight)}.mushaf-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;color:var(--muted);margin-block-end:.75rem}.mushaf-caption strong{color:var(--text)}.mushaf-scroll{overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.mushaf-book{min-width:min(100%,760px);display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:.75rem;align-items:stretch}.mushaf-stage[data-spread=false] .mushaf-book{min-width:100%;grid-template-columns:minmax(0,1fr)}.mushaf-page{min-width:0;display:grid;gap:.45rem}.mushaf-paper{min-height:clamp(470px,64vw,760px);display:grid;place-items:center;overflow:hidden;border:1px solid rgb(52 34 13 / .24);border-radius:18px;padding:clamp(.45rem,1vw,.8rem);background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / .76),transparent 42%),linear-gradient(180deg,#fffaf0,#efe4c8);box-shadow:inset 0 1px #ffffffdb,inset 0 0 42px #684c1e1a,0 16px 40px #0000002e}.mushaf-paper img{width:100%;height:100%;max-height:720px;object-fit:contain;border-radius:10px}.mushaf-page>span{color:var(--muted);text-align:center;font-weight:950}.mushaf-spine{border-radius:999px;background:linear-gradient(90deg,#ffffff14,#0000002e,#ffffff14),linear-gradient(180deg,color-mix(in srgb,var(--gold) 32%,transparent),transparent);box-shadow:inset 0 0 18px #00000038}.quran-page-controls{display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto;gap:.65rem;align-items:end;margin-block-start:.85rem}.quran-page-controls label,.quran-player-field{display:grid;gap:.35rem;color:var(--muted);font-weight:850}.quran-saved-pages span{color:var(--muted)}.quran-player-card{position:sticky;top:96px}.quran-player-card audio{width:100%}.ayah-list{display:grid;gap:1rem}.ayah-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2.5vw,1.6rem);background:var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight)}.ayah-number{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);font-weight:900}.translation{direction:ltr;font-size:1rem;line-height:1.7}.state-view{min-height:180px;display:grid;place-items:center;gap:.65rem;text-align:center;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;background:var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight),var(--shadow-soft)}.logo-loader{position:relative;width:76px;height:76px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:24px;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 18%,transparent)}.logo-loader:before{content:"";position:absolute;inset:-10px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:30px;opacity:.64;animation:logoHalo 1.8s var(--ease) infinite}.logo-loader__mark{width:58px;height:58px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 8px 18px rgb(0 0 0 / .24));animation:logoBreathe 1.8s var(--ease) infinite}.notice{color:var(--muted);line-height:1.7}.notice--error{border-color:color-mix(in srgb,var(--danger) 42%,transparent)}.qibla-layout,.moon-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1fr);gap:1rem;align-items:start}.qibla-stage-card,.qibla-side,.moon-card--hero,.moon-phases-card{display:grid;gap:1rem;background:var(--surface-glass-strong)}.qibla-compass{position:relative;width:min(100%,440px);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:999px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 38%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--text) 16%,transparent) 0deg 1deg,transparent 1deg 15deg),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .06),transparent 58%),var(--surface-muted);box-shadow:inset 0 1px 0 var(--surface-highlight),inset 0 0 70px #0000002e,var(--shadow)}.qibla-compass:before{content:"";position:absolute;inset:11%;border:1px solid var(--border);border-radius:inherit}.compass-ring span{position:absolute;color:var(--muted);font-weight:900}.compass-ring span:nth-child(1){inset-block-start:18px;inset-inline-start:50%;transform:translate(-50%)}.compass-ring span:nth-child(2){inset-inline-end:22px;inset-block-start:50%;transform:translateY(-50%)}.compass-ring span:nth-child(3){inset-block-end:18px;inset-inline-start:50%;transform:translate(-50%)}.compass-ring span:nth-child(4){inset-inline-start:22px;inset-block-start:50%;transform:translateY(-50%)}.qibla-needle{position:absolute;inset-block-start:8%;inset-inline-start:50%;width:64px;height:46%;display:grid;justify-items:center;align-items:start;transform-origin:50% 91%;transform:translate(-50%) rotate(var(--qibla));color:var(--accent)}.qibla-needle:before{content:"";position:absolute;inset-block-start:44px;width:4px;height:calc(100% - 44px);border-radius:999px;background:linear-gradient(var(--accent),transparent)}.qibla-needle .icon{width:2.4rem;height:2.4rem;filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--accent) 34%,transparent))}.heading-needle{position:absolute;inset-block-start:16%;inset-inline-start:50%;width:3px;height:36%;border-radius:999px;transform-origin:50% 95%;transform:translate(-50%) rotate(var(--heading));background:var(--gold);box-shadow:0 0 20px color-mix(in srgb,var(--gold) 48%,transparent)}.qibla-compass>strong{width:106px;height:106px;display:grid;place-items:center;gap:.2rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg) 76%,transparent);font-size:1.12rem;font-variant-numeric:tabular-nums;z-index:2}.qibla-compass>strong .icon{width:2rem;height:2rem;color:var(--gold)}.qibla-compass>strong span{line-height:1}.qibla-hint{margin:0;text-align:center;color:var(--text);font-weight:900}.manual-heading{display:grid;gap:.45rem;color:var(--muted);font-weight:800}.qibla-layout--pro{grid-template-columns:minmax(320px,.9fr) minmax(0,.82fr)}.qibla-stage-card--pro{position:relative;overflow:hidden;align-content:start}.qibla-status-row{display:flex;flex-wrap:wrap;gap:.55rem}.qibla-status-row span{display:inline-flex;min-height:34px;align-items:center;border:1px solid var(--border);border-radius:999px;padding-inline:.75rem;color:var(--muted);background:var(--surface-muted);font-size:.82rem;font-weight:900}.qibla-status-row span.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 44%,transparent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.qibla-compass--pro{width:min(100%,560px);background:radial-gradient(circle at 50% 52%,rgb(255 255 255 / .07),transparent 26%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 38%),linear-gradient(180deg,#060e1ceb,#030811f0);box-shadow:inset 0 1px #ffffff1a,inset 0 0 90px #00000047,0 36px 100px #00000047}.qibla-compass--pro:before{inset:8%;border-color:#f6c7682e}.compass-bezel{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 18%,rgb(255 255 255 / .18),transparent 34%),conic-gradient(from 180deg,#5a431e,#e8c871 42deg,#6b4b20,#f3d98c 142deg,#6a4c22,#d0a759 238deg,#58401e 296deg,#f1d992 340deg,#5a431e 360deg);opacity:.68}.compass-dial{position:absolute;inset:7%;border-radius:inherit;background:radial-gradient(circle at 50% 45%,#0f1e32f5,#050d19f5 56%,#02060cfa);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 50px #0000003d}.compass-dial i{position:absolute;left:50%;top:50%;width:2px;height:8%;transform:translate(-50%,-100%) rotate(var(--tick)) translateY(-212%);transform-origin:50% 100%;border-radius:999px;background:#ffffff38}.compass-dial i.major{height:11%;background:#f6c76885}.compass-dial i.cardinal{width:3px;height:13%;background:var(--gold);box-shadow:0 0 12px #f6c7684d}.qibla-compass--pro .compass-ring span{z-index:6;color:#e5eeffc7;font-family:var(--font-ui)}.qibla-compass--pro .compass-ring span:nth-child(1){color:var(--danger)}.kaaba-marker{position:absolute;left:var(--kaaba-x);top:var(--kaaba-y);z-index:8;width:clamp(50px,9vw,70px);height:clamp(50px,9vw,70px);display:grid;place-items:center;border:1px solid rgb(255 255 255 / .26);border-radius:999px;background:radial-gradient(circle at 40% 28%,#fff3ba,#d7a74a 48%,#5d3f14);box-shadow:0 0 0 6px #ffffff14,0 0 34px #f6c76847;transform:translate(-50%,-50%);transition:left .32s var(--ease),top .32s var(--ease)}.kaaba-marker img{width:84%;height:84%;border-radius:inherit}.qibla-needle--pro{z-index:7;color:var(--gold)}.qibla-needle--pro:before{width:6px;background:linear-gradient(var(--gold),color-mix(in srgb,var(--gold) 30%,transparent),transparent)}.heading-needle--pro{z-index:6;width:5px;background:linear-gradient(var(--danger),color-mix(in srgb,var(--danger) 38%,transparent))}.qibla-compass--pro>strong{width:clamp(112px,18vw,138px);height:clamp(112px,18vw,138px);z-index:9;background:radial-gradient(circle at 50% 20%,rgb(255 255 255 / .12),transparent 42%),#030811d1}.qibla-compass--pro>strong img{width:62px;height:62px;border-radius:999px;object-fit:cover}.qibla-hud,.qibla-telemetry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.qibla-hud div,.qibla-telemetry-grid div{min-width:0;border:1px solid var(--border);border-radius:18px;padding:.8rem;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 40%),var(--surface-muted)}.qibla-hud span,.qibla-telemetry-grid span,.qibla-telemetry-grid small{display:block;color:var(--muted);font-size:.76rem;font-weight:900}.qibla-hud strong,.qibla-telemetry-grid strong{display:block;margin-block:.25rem;font-family:var(--font-ui);font-size:clamp(1.4rem,3vw,2.1rem);line-height:1;font-weight:950;font-variant-numeric:tabular-nums}.qibla-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qibla-compass--kaaba{isolation:isolate;overflow:hidden;width:min(100%,560px);border:1px solid color-mix(in srgb,var(--accent-2) 34%,transparent);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 25%),radial-gradient(circle at 50% 50%,#11213a 0 34%,#07101f 64%,#020713);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 100px #0000005c,0 34px 90px #0000004d}.qibla-compass--kaaba:before{content:"";position:absolute;inset:6.7%;z-index:3;border:1px solid rgb(255 255 255 / .08);border-radius:inherit;box-shadow:inset 0 0 0 1px #f6c7681a,0 0 42px #22d3ee14;pointer-events:none}.qibla-compass--kaaba:after{content:"";position:absolute;inset:18%;z-index:4;border-radius:inherit;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 36%),radial-gradient(circle,transparent 0 56%,rgb(255 255 255 / .055) 57% 58%,transparent 59%);pointer-events:none}.compass-gold-ring{position:absolute;inset:0;z-index:1;border-radius:inherit;background:conic-gradient(from 220deg,#4e3614,#d5aa53 36deg,#fff0a9 54deg,#7b5720 94deg,#f1d986 138deg,#6a4719 194deg,#bd9141 248deg,#fff3bd 292deg,#5a3c17 338deg,#4e3614 360deg);opacity:.78;-webkit-mask:radial-gradient(circle,transparent 0 74%,#000 74.5% 100%);mask:radial-gradient(circle,transparent 0 74%,#000 74.5% 100%)}.compass-face{position:absolute;inset:7.2%;z-index:2;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 47%,#192f4df5,#050d19fa 58%,#01050e);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 52px #00000057}.compass-grid{position:absolute;inset:11%;border-radius:inherit;background:repeating-conic-gradient(from 0deg,rgb(255 255 255 / .055) 0deg 1deg,transparent 1deg 15deg),radial-gradient(circle,transparent 0 41%,rgb(255 255 255 / .06) 41.5% 42.2%,transparent 43%),radial-gradient(circle,transparent 0 63%,rgb(246 199 104 / .14) 63.5% 64.2%,transparent 65%);opacity:.88}.compass-ticks{position:absolute;inset:0}.compass-ticks i{position:absolute;left:50%;top:50%;width:1px;height:5.2%;border-radius:999px;background:#ffffff2e;transform:translate(-50%,-100%) rotate(var(--tick)) translateY(-640%);transform-origin:50% 100%}.compass-ticks i.major{width:2px;height:7.3%;background:#f6c7687a;transform:translate(-50%,-100%) rotate(var(--tick)) translateY(-425%)}.compass-ticks i.cardinal{width:3px;height:10.5%;background:linear-gradient(180deg,#fff1a5,var(--gold));box-shadow:0 0 16px #f6c76857;transform:translate(-50%,-100%) rotate(var(--tick)) translateY(-276%)}.compass-cardinals span{position:absolute;z-index:6;color:#eef6ffd1;font-family:var(--font-ui);font-size:clamp(.92rem,2.8vw,1.22rem);font-weight:950;letter-spacing:0;text-shadow:0 0 18px rgb(0 0 0 / .45)}.compass-cardinals span[data-dir=n]{top:5.5%;left:50%;color:#ff8da2;transform:translate(-50%)}.compass-cardinals span[data-dir=e]{top:50%;right:6%;transform:translateY(-50%)}.compass-cardinals span[data-dir=s]{bottom:5.5%;left:50%;transform:translate(-50%)}.compass-cardinals span[data-dir=w]{top:50%;left:6%;transform:translateY(-50%)}.qibla-laser,.device-heading-line{position:absolute;left:50%;top:50%;z-index:6;width:1px;height:1px;transform-origin:50% 50%;pointer-events:none}.qibla-laser{transform:rotate(var(--qibla))}.qibla-laser:before{content:"";position:absolute;left:50%;bottom:0;width:clamp(54px,13vw,96px);height:clamp(132px,35vw,210px);clip-path:polygon(50% 100%,98% 0,2% 0);transform:translate(-50%) translateY(-100%);background:linear-gradient(180deg,rgb(246 199 104 / .68),rgb(34 211 238 / .2) 58%,transparent),linear-gradient(90deg,transparent,rgb(255 255 255 / .24),transparent);filter:drop-shadow(0 0 18px rgb(246 199 104 / .28))}.qibla-laser:after{content:"";position:absolute;left:50%;bottom:0;width:5px;height:clamp(132px,35vw,210px);border-radius:999px;transform:translate(-50%) translateY(-100%);background:linear-gradient(180deg,#ffe58a,#67e8f9 44%,#fb7185 82%,transparent);box-shadow:0 0 16px #f6c76894,0 0 34px #22d3ee42}.device-heading-line{z-index:5;transform:rotate(var(--heading))}.device-heading-line span{position:absolute;left:50%;bottom:0;width:2px;height:clamp(92px,24vw,150px);border-radius:999px;transform:translate(-50%) translateY(-100%);background:linear-gradient(180deg,rgb(255 255 255 / .9),rgb(255 255 255 / .3),transparent);box-shadow:0 0 16px #fff3}.no-heading .device-heading-line{opacity:0}.qibla-kaaba-target{position:absolute;left:var(--kaaba-x);top:var(--kaaba-y);z-index:9;width:clamp(62px,12vw,86px);height:clamp(62px,12vw,86px);display:grid;place-items:center;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:radial-gradient(circle at 38% 24%,#fff7bee6,#f6c7689e 43%,#23180cdb);box-shadow:0 0 0 6px #fff1,0 0 34px #f6c76857,0 16px 36px #00000052;transform:translate(-50%,-50%);transition:left .32s var(--ease),top .32s var(--ease),transform .22s var(--ease)}.qibla-kaaba-target__ring{position:absolute;inset:-9px;border:1px solid rgb(246 199 104 / .42);border-radius:inherit;box-shadow:inset 0 0 18px #f6c7681a}.qibla-core{position:relative;z-index:10;width:clamp(126px,22vw,156px);aspect-ratio:1;display:grid;place-items:center;gap:.1rem;border:1px solid rgb(255 255 255 / .14);border-radius:999px;padding:.68rem;color:#f7fbff;background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / .16),transparent 38%),linear-gradient(180deg,#08182af0,#01070feb);box-shadow:inset 0 1px #ffffff1f,0 18px 46px #0000005c}.qibla-core__alignment{position:absolute;inset:-8px;border-radius:inherit;background:conic-gradient(var(--accent) var(--alignment),rgb(255 255 255 / .09) 0);-webkit-mask:radial-gradient(circle,transparent 0 72%,#000 73% 100%);mask:radial-gradient(circle,transparent 0 72%,#000 73% 100%);opacity:.72}.qibla-core .kaaba-glyph{width:62%;margin-block-start:-.2rem}.qibla-core strong{font-family:var(--font-ui);font-size:clamp(1rem,2.4vw,1.32rem);font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.qibla-core small{color:#e2eeffad;font-size:.68rem;font-weight:900;line-height:1.1}.kaaba-glyph{overflow:visible;filter:drop-shadow(0 10px 18px rgb(0 0 0 / .38))}.kaaba-glyph--compact{width:78%}.kaaba-glyph__shadow{fill:none;stroke:#00000057;stroke-width:8;stroke-linecap:round}.kaaba-glyph__top{fill:#1a2b43;stroke:#ffe99d5c;stroke-width:2}.kaaba-glyph__front{fill:#050914;stroke:#ffe99d61;stroke-width:2}.kaaba-glyph__side{fill:#0b1424;stroke:#ffe99d52;stroke-width:2}.kaaba-glyph__band-front,.kaaba-glyph__band-side,.kaaba-glyph__door{fill:#f6c768}.kaaba-glyph__door{filter:drop-shadow(0 0 7px rgb(246 199 104 / .36))}.kaaba-glyph__trim{fill:none;stroke:#ffeaa675;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.qibla-compass--kaaba.is-waiting .qibla-laser,.qibla-compass--kaaba.is-waiting .qibla-kaaba-target{opacity:.38}.qibla-compass--kaaba.is-aligned .qibla-kaaba-target{transform:translate(-50%,-50%) scale(1.08)}.qibla-compass--kaaba.is-aligned .qibla-core{box-shadow:inset 0 1px #ffffff1f,0 0 0 8px color-mix(in srgb,var(--accent) 10%,transparent),0 22px 54px #00000057}.moon-visual{width:min(100%,260px);aspect-ratio:1;margin-inline:auto;border-radius:999px;background:radial-gradient(circle at 35% 35%,#ffffffeb,#ffffff8c 42%,#ffffff1f 68%),#dbeafe;box-shadow:inset -42px 0 58px #071120ad,var(--shadow)}.moon-visual--live{position:relative;overflow:hidden;background:radial-gradient(circle at 34% 32%,#fffffff5,#eef6ffb8 34%,#94a3b880 70%),#dbeafe}.moon-visual--live:after{content:"";position:absolute;inset:-2%;border-radius:inherit;background:#071120b8;mix-blend-mode:multiply;transform:translate(calc((var(--moon-phase, .5) - .5) * 92%));opacity:var(--moon-shadow-opacity, .5)}.moon-visual--canvas{width:min(100%,360px);overflow:visible;background:transparent;box-shadow:none}.moon-canvas{width:100%;aspect-ratio:1;filter:drop-shadow(0 18px 42px rgb(103 232 249 / .11)) drop-shadow(0 28px 68px rgb(0 0 0 / .24))}.moon-day-dock{display:grid;gap:.8rem;border:1px solid var(--border);border-radius:22px;padding:.9rem;background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 36%),var(--surface-muted);box-shadow:inset 0 1px 0 var(--surface-highlight)}.moon-day-dock__head,.moon-day-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.moon-day-dock__head span{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding-inline:.75rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:900}.moon-day-row input[type=range]{padding:0;accent-color:var(--accent)}.moon-phase-jumps{display:flex;flex-wrap:wrap;gap:.45rem}.moon-phase-jumps button{min-height:36px;border:1px solid var(--border);border-radius:999px;padding-inline:.75rem;color:var(--text);background:#ffffff0a;font-weight:850}.moon-hijri-date{margin:-.35rem 0 0;text-align:center;color:var(--muted);font-family:var(--font-ar)}.moon-card h2{margin:0;text-align:center;font-size:clamp(1.8rem,4vw,3rem)}.moon-phases-card h3{margin:0}.phase-list{display:grid;gap:.7rem}.phase-list button{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .75rem;align-items:center;border:1px solid var(--border);border-radius:16px;padding:.8rem;color:var(--text);background:linear-gradient(180deg,#121e35ad,#080f1cb3);box-shadow:inset 0 1px #ffffff0e;text-align:start}.phase-list strong{grid-column:2;color:var(--muted);font-size:.9rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1rem}.calendar-header h2{margin:0;text-align:center}.moon-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem}.weekday{color:var(--muted);text-align:center;font-size:.86rem;font-weight:900}.moon-calendar button{min-height:96px;display:grid;gap:.35rem;align-content:center;justify-items:center;border:1px solid var(--border);border-radius:18px;padding:.6rem;color:var(--text);background:linear-gradient(180deg,#121e359e,#080f1ca8);box-shadow:inset 0 1px #ffffff0d}.moon-calendar button.muted{opacity:.48}.moon-calendar button.active{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.moon-calendar button>span{font-weight:900}.moon-calendar i{position:relative;overflow:hidden;width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#fff,#dbeafe 60%,#94a3b8);box-shadow:inset -10px 0 16px #07112080}.moon-calendar i:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:#071120b8;transform:translate(calc((var(--moon-phase, .5) - .5) * 92%));opacity:var(--moon-shadow-opacity, .5)}.moon-calendar small{color:var(--muted);font-size:.76rem}.stats-list{display:grid;gap:.8rem}.stats-list div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding-block-end:.65rem}.stats-list dt{color:var(--muted)}.stats-list dd{margin:0;font-weight:900;text-align:end}.prayer-page-layout,.manasik-hero-grid,.tasbih-page-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.72fr);gap:clamp(1rem,2vw,1.35rem);align-items:stretch}.prayer-hero-card{position:relative;display:flex;min-height:280px;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 16% 14%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 38%),radial-gradient(circle at 84% 20%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 36%),linear-gradient(180deg,var(--surface-strong),var(--surface))}.prayer-hero-card h2,.manasik-overview-card h2,.tasbih-main-card h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.prayer-hero-card strong{display:block;margin-block:.7rem;color:var(--accent);font-size:clamp(3rem,9vw,7rem);line-height:.92;font-variant-numeric:tabular-nums}.prayer-hero-card p,.prayer-settings-card label span,.manual-location-card label span,.target-card label span{color:var(--muted);line-height:1.7}.prayer-settings-card,.manual-location-card,.target-card{display:grid;gap:.9rem}.prayer-settings-card label,.manual-location-card label,.target-card label{display:grid;gap:.35rem;font-weight:800}.prayer-times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(.75rem,1.5vw,1rem)}.prayer-time-card{position:relative;overflow:hidden;min-height:140px;display:grid;align-content:center;justify-items:center;gap:.45rem;text-align:center}.prayer-time-card.active{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 56%),var(--surface)}.prayer-time-card span{color:var(--muted);font-weight:900}.prayer-time-card strong{font-size:clamp(1.65rem,4vw,2.5rem);font-variant-numeric:tabular-nums}.prayer-time-card small{min-height:1.3em;color:var(--accent);font-weight:900}.manual-location-card{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.mara-city-list{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:1px}.mara-city-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .9rem;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:start;font-size:.9rem;gap:.75rem;transition:background .15s}.mara-city-item:hover,.mara-city-item.active{background:color-mix(in srgb,var(--accent) 14%,transparent)}.mara-city-item__ar{font-weight:700}.mara-city-item__en{color:var(--muted);font-size:.8rem}.mara-city-list__empty{padding:.75rem 1rem;color:var(--muted);font-size:.85rem}.mara-popular-cities{display:flex;flex-wrap:wrap;gap:.5rem}.mara-city-chip{padding:.4rem .85rem;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.mara-city-chip:hover,.mara-city-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.prayer-settings-card__time-format{margin-top:.5rem}.prayer-mara-source{margin-top:1rem;text-align:center;font-size:.78rem;color:var(--muted);opacity:.75;letter-spacing:.01em;display:flex;flex-direction:column;align-items:center;gap:.4rem}.prayer-source-badge{display:inline-block;padding:.2em .7em;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.prayer-source-badge--fallback{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.prayer-source-badge--calc{background:rgba(var(--accent-rgb, 16, 185, 129),.12);color:var(--accent);border:1px solid rgba(var(--accent-rgb, 16, 185, 129),.28)}.settings-calc-method{margin-top:.75rem}.settings-calc-method label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.settings-calc-method select{width:100%;padding:.5rem .75rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border);background:var(--surface-1);color:var(--text);font-size:.85rem;cursor:pointer}.manasik-map-card{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 12%,transparent),transparent 42%),var(--surface)}.manasik-map-card img{width:min(100%,520px);max-height:560px;object-fit:contain;filter:drop-shadow(0 24px 48px rgb(0 0 0 / .28))}.manasik-overview-card{display:grid;align-content:center;gap:1rem}.manasik-overview-card strong{color:var(--accent);font-size:2.2rem}.manasik-layout,.duas-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(1rem,2vw,1.35rem);align-items:start;padding-block-start:1rem}.manasik-sidebar,.duas-sidebar{position:sticky;top:96px;display:grid;gap:.9rem}.filter-pills{display:flex;flex-wrap:wrap;gap:.45rem}.filter-pills button,.preset-grid button,.target-controls button{min-height:38px;border:1px solid var(--border);border-radius:999px;padding-inline:.8rem;color:var(--text);background:linear-gradient(180deg,#121e35a8,#080f1cb8);box-shadow:inset 0 1px #ffffff0e;font-weight:850}.filter-pills button.active,.preset-grid button.active,.target-controls button.active{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.manasik-step-list{display:grid;gap:.55rem;max-height:calc(100vh - 280px);overflow:auto;padding:.2rem}.manasik-step-list button{min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .7rem;align-items:center;border:1px solid var(--border);border-radius:18px;padding:.75rem;color:var(--text);background:linear-gradient(180deg,#121e35a8,#080f1cb8);box-shadow:inset 0 1px #ffffff0e;text-align:start}.manasik-step-list button.active{border-color:color-mix(in srgb,var(--gold) 44%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.manasik-step-list span{width:2.4rem;height:2.4rem;grid-row:span 2;display:grid;place-items:center;border-radius:999px;color:var(--gold);background:color-mix(in srgb,var(--gold) 15%,transparent);font-weight:950}.manasik-step-list strong,.manasik-step-list small{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.manasik-step-list small{color:var(--muted)}.manasik-detail-card{position:relative;overflow:hidden;display:grid;gap:1.1rem}.manasik-detail-card header{display:grid;gap:.7rem}.manasik-detail-card h2{margin:0;font-family:var(--font-ar);font-size:clamp(2rem,5vw,3.6rem);line-height:1.25}.manasik-text-block{display:grid;gap:.85rem}.manasik-text-block p{margin:0;color:var(--text);font-family:var(--font-ar);font-size:clamp(1.12rem,2vw,1.35rem);line-height:2.15}[dir=ltr] .manasik-text-block p{font-family:var(--font-ui);line-height:1.82}.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tips-grid div{display:flex;gap:.65rem;border:1px solid var(--border);border-radius:16px;padding:.85rem;color:var(--muted);background:var(--surface-muted);line-height:1.7}.tips-grid .icon{color:var(--accent)}.duas-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.duas-summary-grid .card{display:grid;gap:.35rem}.duas-summary-grid strong{color:var(--accent);font-size:2.2rem;line-height:1}.duas-content,.tasbih-main-card,.tasbih-side{display:grid;gap:1rem}.tasbih-tap-zone{width:100%;min-height:min(64vh,560px);display:grid;place-items:center;align-content:center;gap:.8rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:32px;color:var(--text);background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 36%),radial-gradient(circle at 50% 82%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 38%),var(--surface-muted);box-shadow:inset 0 0 0 1px #ffffff08}.tasbih-tap-zone span{font-family:var(--font-ar);font-size:clamp(1.7rem,5vw,3.6rem);line-height:1.4}[dir=ltr] .tasbih-tap-zone span{font-family:var(--font-ui)}.tasbih-tap-zone strong{color:var(--accent);font-family:var(--font-ui);font-size:clamp(5rem,18vw,12rem);line-height:.9;font-variant-numeric:tabular-nums}.tasbih-tap-zone i{color:var(--muted);font-style:normal;font-weight:900}.preset-grid,.target-controls{display:flex;flex-wrap:wrap;gap:.55rem}.athkar-ring-card{overflow:hidden}.tasbeeh-ring{display:grid;gap:.9rem}.tasbeeh-ring__dial{position:relative;min-height:280px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:32px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 36%),radial-gradient(circle at 50% 86%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 34%),linear-gradient(180deg,#060e1cb8,#030811d6);box-shadow:inset 0 1px 0 var(--surface-highlight),inset 0 0 70px #0000002e}.tasbeeh-ring__dial:before{content:"";position:absolute;width:min(72%,260px);aspect-ratio:1;border-radius:999px;background:conic-gradient(var(--accent) var(--tasbeeh-progress, 0%),rgb(255 255 255 / .08) 0),radial-gradient(circle,transparent 58%,rgb(255 255 255 / .08) 59%);filter:drop-shadow(0 18px 44px color-mix(in srgb,var(--accent) 13%,transparent))}.tasbeeh-ring__button{position:relative;z-index:1;width:min(58%,210px);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:.3rem;border:1px solid rgb(255 255 255 / .13);border-radius:999px;color:var(--text);background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / .12),transparent 38%),color-mix(in srgb,var(--bg) 82%,transparent);box-shadow:inset 0 1px #ffffff1a,0 18px 52px #0000003d;text-align:center}.tasbeeh-ring__button span{color:var(--muted);font-size:.82rem;font-weight:900}.tasbeeh-ring__button strong{font-family:var(--font-ui);font-size:clamp(2.4rem,8vw,4.2rem);line-height:1;font-weight:950;font-variant-numeric:tabular-nums}.tasbeeh-ring__button em{max-width:86%;color:var(--accent);font-family:var(--font-ar);font-size:clamp(1rem,2.5vw,1.4rem);font-style:normal;line-height:1.35}.tasbeeh-ring__progress{position:absolute;inset-block-end:1rem;inset-inline:1rem;height:10px;overflow:hidden;border-radius:999px;background:#ffffff14}.tasbeeh-ring__progress:before{content:"";display:block;width:var(--tasbeeh-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.tasbeeh-ring__progress span{position:absolute;inset:auto 0 12px;color:var(--muted);font-size:.75rem;font-weight:900;text-align:center}.tasbeeh-ring__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.tasbeeh-ring__meta span{min-height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--surface-muted);font-family:var(--font-ui);font-size:.78rem;font-weight:900}.tasbeeh-ring--compact .tasbeeh-ring__dial{min-height:220px}.tasbeeh-ring--compact .tasbeeh-ring__button{width:min(62%,170px)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#00000075}.settings-panel,.mobile-menu{width:min(100%,720px);max-height:min(90vh,920px);overflow:auto;border:1px solid var(--border);border-radius:28px;background:var(--surface-glass-strong);box-shadow:inset 0 1px 0 var(--surface-highlight),var(--shadow-strong);backdrop-filter:blur(22px)}:root[data-theme=light] .settings-panel,:root[data-theme=light] .mobile-menu{background:#fffffff0}.settings-panel{padding:1rem}.settings-panel__header,.mobile-menu header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding-block-end:1rem}.settings-panel h2,.settings-panel h3,.mobile-menu strong{margin:0}.settings-section{display:grid;gap:.8rem;border-top:1px solid var(--border);padding-block:1rem}.segmented,.accent-row,.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.option-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.hijri-offset-segmented{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-section__desc{color:var(--text-muted, var(--text));opacity:.7;font-size:.8rem;line-height:1.4}.segmented button,.option-card,.accent-choice,.toggle-row{min-height:44px;border:1px solid var(--border);border-radius:14px;padding:.75rem;color:var(--text);background:linear-gradient(180deg,#121e35a8,#080f1cb8);box-shadow:inset 0 1px #ffffff0e;font-weight:800}.segmented button.active,.option-card.active,.accent-choice.active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.option-card{display:grid;place-items:center;gap:.4rem;text-align:center}.accent-choice{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.accent-choice span{width:16px;height:16px;border-radius:999px}.accent-choice[data-accent=emerald] span{background:#34d399}.accent-choice[data-accent=cyan] span{background:#67e8f9}.accent-choice[data-accent=amber] span{background:#f6c768}.accent-choice[data-accent=rose] span{background:#fb7185}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toggle-row span{display:grid;gap:.2rem}.toggle-row small{color:var(--muted);line-height:1.5}.toggle-row input{width:22px;height:22px}.settings-panel__footer{display:flex;flex-wrap:wrap;gap:.65rem;padding-block-start:.5rem}.mobile-menu{max-width:420px;padding:1rem;place-self:end center}.mobile-menu nav{display:grid;gap:.55rem}.mobile-menu a,.mobile-menu button{min-height:52px;display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);border-radius:16px;padding:.8rem;color:var(--text);background:linear-gradient(180deg,#121e35a8,#080f1cb8);box-shadow:inset 0 1px #ffffff0e;font-weight:850;text-align:start}.mobile-menu a.active{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.footer{--footer-line: color-mix(in srgb, var(--accent-2) 18%, var(--border));--footer-link: color-mix(in srgb, var(--muted) 86%, var(--text));position:relative;isolation:isolate;padding-block:clamp(1.35rem,3vw,2.2rem) calc(clamp(1.35rem,3vw,2.2rem) + var(--safe-bottom));border-top:1px solid var(--footer-line);background:linear-gradient(180deg,#030a121a,#03081194),color-mix(in srgb,var(--bg) 92%,#061f2a 8%)}.footer:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-2),var(--gold),transparent);opacity:.55;pointer-events:none}.footer__inner{display:grid;gap:1rem}.footer__top{display:grid;grid-template-columns:minmax(220px,auto) minmax(260px,1fr) auto;gap:clamp(.8rem,2vw,1.4rem);align-items:center;padding-block-end:.95rem;border-bottom:1px solid var(--footer-line)}.footer__brand,.footer__external,.footer__nav,.footer__bottom{display:flex;align-items:center}.footer__brand{min-width:0;gap:.68rem;color:var(--text)}.footer__logo-mark{width:42px;height:42px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:14px;object-fit:cover;background:color-mix(in srgb,var(--surface-muted) 72%,transparent);box-shadow:0 10px 24px #00000029}.footer__brand span{min-width:0;display:grid;gap:.08rem}.footer__wordmark{width:clamp(118px,12vw,160px);height:34px;object-fit:contain;object-position:start center;filter:drop-shadow(0 8px 18px rgb(0 0 0 / .18))}[dir=rtl] .footer__wordmark{object-position:end center}.footer__brand small,.footer__summary,.footer__bottom{color:var(--muted)}.footer__brand small{overflow:hidden;font-size:.78rem;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.footer__summary{max-width:54rem;margin:0;font-family:var(--font-ar);font-size:clamp(.9rem,1.05vw,1rem);line-height:1.7;text-align:center}[dir=ltr] .footer__summary{font-family:var(--font-ui)}.footer__external{justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.footer__external a,.footer__nav a{min-width:0;display:inline-flex;align-items:center;gap:.38rem;border:1px solid transparent;border-radius:999px;color:var(--footer-link);font-weight:850;line-height:1;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.footer__external a{min-height:34px;padding-inline:.68rem;background:color-mix(in srgb,var(--accent-2) 8%,transparent);font-size:.82rem}.footer__nav{justify-content:center;gap:.35rem .45rem;flex-wrap:wrap}.footer__nav a{min-height:34px;padding-inline:.62rem;font-size:.86rem}.footer__nav .icon,.footer__external .icon{width:.95rem;height:.95rem;color:var(--accent-2)}.footer__nav a span,.footer__external a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer__bottom{justify-content:space-between;gap:.75rem;border-top:1px solid color-mix(in srgb,var(--footer-line) 70%,transparent);padding-block-start:.9rem;font-size:.8rem;font-weight:780}:root[data-theme=light] .footer{--footer-line: rgb(14 116 144 / .14);--footer-link: #4a5874;background:linear-gradient(180deg,#ffffff59,#ecfdf5b8),#f7fbff}:root[data-theme=light] .footer__summary,:root[data-theme=light] .footer__brand small,:root[data-theme=light] .footer__bottom{color:#53627f}@media(hover:hover){.footer__brand:hover,.footer__external a:hover,.footer__nav a:hover{color:var(--text)}.footer__external a:hover,.footer__nav a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-2) 26%,transparent);background:color-mix(in srgb,var(--accent-2) 11%,transparent)}}.not-found{min-height:54vh;display:grid;place-items:center;text-align:center}@keyframes logoBreathe{0%,to{transform:translateY(0) scale(.98)}50%{transform:translateY(-2px) scale(1.04)}}@keyframes logoHalo{0%,to{transform:scale(.94);opacity:.44}50%{transform:scale(1.06);opacity:.82}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-ui-motion=reduced] *,:root[data-ui-motion=reduced] *:before,:root[data-ui-motion=reduced] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(max-width:1040px){.desktop-nav{display:none}.mobile-only{display:inline-flex}.navbar__inner{grid-template-columns:minmax(0,1fr) auto}.hero__grid,.athkar-layout,.quran-reader,.quran-book-shell,.about-hero-grid,.about-principles,.tool-grid,.prayer-page-layout,.manasik-hero-grid,.manasik-layout,.duas-layout,.tasbih-page-layout{grid-template-columns:1fr}.category-panel,.quran-sidebar,.quran-player-card,.manasik-sidebar,.duas-sidebar{position:static}.category-list,.surah-list,.manasik-step-list{max-height:none}.navbar-clock{display:none}.footer__top{grid-template-columns:1fr;justify-items:center;text-align:center}.footer__summary{max-width:44rem}.footer__external,.footer__nav,.footer__bottom{justify-content:center}}@media(max-width:820px){.container{width:min(100% - 24px,var(--container))}.feature-grid,.donation-grid,.about-grid,.about-grid--features,.split-section,.feature-grid--compact,.donation-grid--wide,.quran-toolbar,.quran-book-head,.dashboard-section,.prayer-grid,.prayer-times-grid,.qibla-layout,.moon-layout,.qibla-hud,.qibla-telemetry-grid,.manual-location-card,.tips-grid,.duas-summary-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.page>.section-heading:first-child{min-height:auto;padding:1.25rem;border-radius:24px}.page>.section-heading:first-child h2{max-width:100%;font-size:clamp(2.35rem,12vw,3.9rem)}.hero__copy h1{font-size:clamp(3rem,22vw,5.2rem)}.brand small{display:none}.quran-text{font-size:clamp(1.8rem,8vw,2.35rem)}.settings-panel,.mobile-menu{max-height:calc(100vh - 24px);border-radius:22px}.manasik-map-card{min-height:320px}.manual-location-card{align-items:stretch}.about-hero-card,.about-creator-card{grid-template-columns:1fr}.about-hero-vector,.about-creator-card .animated-vector{justify-self:center}.quran-page-controls{grid-template-columns:1fr}.quran-page-controls .button{width:100%}}@media(max-width:520px){.footer{padding-block-end:calc(6.4rem + var(--safe-bottom))}.hero__actions,.button-row,.athkar-card__actions,.audio-player__actions,.tasbeeh__actions{align-items:stretch;flex-direction:column}.button,.button-row>*,.hero__actions>*,.athkar-card__actions>*{width:100%}.footer__top{justify-items:stretch;text-align:start}.footer__brand,.footer__external,.footer__nav,.footer__bottom{justify-content:flex-start}[dir=rtl] .footer__brand,[dir=rtl] .footer__external,[dir=rtl] .footer__nav,[dir=rtl] .footer__bottom{justify-content:flex-end}.footer__external{align-items:stretch}.footer__external a{justify-content:center}.footer__bottom{align-items:flex-start;flex-direction:column}[dir=rtl] .footer__bottom{align-items:flex-end}.daily-grid,.segmented,.accent-row,.option-grid,.option-grid--3,.moon-calendar{grid-template-columns:1fr}.mushaf-book{min-width:560px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.mushaf-stage[data-spread=false] .mushaf-book{min-width:100%}.mushaf-paper{min-height:420px}.daily-card h2,.section-heading h2{overflow-wrap:anywhere}.prayer-hero-card,.tasbih-tap-zone{min-height:360px}.moon-calendar .weekday{display:none}.moon-calendar button{min-height:72px;grid-template-columns:auto auto minmax(0,1fr);justify-content:start}.athkar-card__header{align-items:start}.footer__nav{justify-content:flex-start}[dir=rtl] .footer__nav{justify-content:flex-end}}:root{--bg: #06131f;--bg-soft: #0b1021;--surface: rgb(10 25 41 / .68);--surface-strong: rgb(9 22 38 / .88);--surface-muted: rgb(255 255 255 / .065);--border: rgb(167 243 208 / .18);--border-strong: rgb(103 232 249 / .34);--text: #f7fbff;--muted: #b8c8dd;--subtle: #9db3cc;--accent: #34d399;--accent-2: #22d3ee;--accent-3: #14b8a6;--gold: #f6c768;--rose: #fb8aa0;--purple: #8b5cf6;--shadow: 0 24px 70px rgb(10 92 112 / .16);--shadow-soft: 0 16px 42px rgb(0 0 0 / .2);--shadow-strong: 0 30px 90px rgb(0 0 0 / .32);--surface-glass: linear-gradient(145deg, rgb(255 255 255 / .105), rgb(255 255 255 / .035)), linear-gradient(180deg, rgb(9 25 41 / .78), rgb(7 13 28 / .7));--surface-glass-strong: linear-gradient(145deg, rgb(255 255 255 / .12), rgb(255 255 255 / .045)), linear-gradient(180deg, rgb(10 28 47 / .92), rgb(7 14 29 / .86));--surface-highlight: rgb(255 255 255 / .12)}:root[data-theme=light]{--bg: #f4f9fb;--bg-soft: #edf7f4;--surface: rgb(255 255 255 / .82);--surface-strong: rgb(255 255 255 / .96);--surface-muted: rgb(236 253 245 / .82);--border: rgb(15 118 110 / .18);--border-strong: rgb(13 148 136 / .32);--text: #10243a;--muted: #49627e;--subtle: #61758d;--shadow: 0 24px 70px rgb(20 94 84 / .1);--shadow-soft: 0 16px 42px rgb(30 64 92 / .1);--shadow-strong: 0 30px 90px rgb(30 64 92 / .13);--surface-glass: linear-gradient(145deg, rgb(255 255 255 / .92), rgb(236 253 245 / .72)), linear-gradient(180deg, rgb(255 255 255 / .92), rgb(235 248 255 / .78));--surface-glass-strong: linear-gradient(145deg, rgb(255 255 255 / .98), rgb(236 253 245 / .86)), linear-gradient(180deg, rgb(255 255 255 / .97), rgb(240 249 255 / .9));--surface-highlight: rgb(255 255 255 / .95)}body{background:linear-gradient(140deg,rgb(16 185 129 / .16),transparent 34%),linear-gradient(220deg,rgb(34 211 238 / .13),transparent 38%),conic-gradient(from 180deg at 50% 0%,rgb(139 92 246 / .12),transparent 28%,rgb(246 199 104 / .08),transparent 64%,rgb(20 184 166 / .1)),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}:root[data-theme=light] body{background:linear-gradient(140deg,rgb(16 185 129 / .14),transparent 34%),linear-gradient(220deg,rgb(14 165 233 / .12),transparent 38%),conic-gradient(from 180deg at 50% 0%,rgb(139 92 246 / .08),transparent 28%,rgb(246 199 104 / .1),transparent 64%,rgb(20 184 166 / .09)),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}body:before{background-image:linear-gradient(30deg,rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(150deg,rgb(255 255 255 / .04) 1px,transparent 1px),radial-gradient(circle at center,rgb(255 255 255 / .08) 0 1px,transparent 1.4px);background-size:42px 42px,42px 42px,84px 84px;opacity:.38}:root[data-theme=light] body:before{background-image:linear-gradient(30deg,rgb(15 118 110 / .045) 1px,transparent 1px),linear-gradient(150deg,rgb(37 99 235 / .035) 1px,transparent 1px),radial-gradient(circle at center,rgb(13 148 136 / .07) 0 1px,transparent 1.4px);opacity:.58}.card,.state-view,.progress-summary,.quran-toolbar,.audio-player,.notice,.tool-link-card,.settings-panel,.mobile-menu{border-color:var(--border);background:var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight),0 0 0 1px #ffffff05,var(--shadow-soft);backdrop-filter:blur(22px) saturate(140%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card,.state-view,.progress-summary,.quran-toolbar,.audio-player,.notice,.tool-link-card,.settings-panel,.mobile-menu{background:var(--surface-strong)}}.button{position:relative;isolation:isolate;overflow:hidden;border-color:color-mix(in srgb,var(--border) 84%,white 16%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent-2) 9%,transparent)),var(--surface-glass)}.button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .16),transparent);transform:translate(-120%);transition:transform .42s var(--ease)}@media(hover:hover){.button:hover:before{transform:translate(120%)}.card:hover,.athkar-card:hover,.prayer-time-card:hover,.favorite-queue-item:hover{transform:translateY(-3px);border-color:var(--border-strong)}}:root[data-theme=light] .button--primary{color:#06251d;border-color:#a7f3d09e;background:linear-gradient(135deg,#a7f3d0,#67e8f9 58%,#f6c768);box-shadow:0 18px 46px #34d39938}:root[data-theme=light] .button--gold{color:#2c1d02;background:linear-gradient(135deg,#fde68a,#f6c768)}.navbar{background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent),color-mix(in srgb,var(--bg) 84%,transparent);border-bottom-color:var(--border)}.brand__mark{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--gold) 14%,transparent));box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent)}.desktop-nav a,.mobile-menu a,.mobile-menu button,.category-list button,.surah-list button,.quran-finder-item,.phase-list button,.moon-calendar button,.filter-pills button,.preset-grid button,.target-controls button,.manasik-step-list button,.quran-book-tabs button,.featured-readers button,.quran-saved-pages button,.quran-mode-tabs button{background:linear-gradient(135deg,#ffffff13,#ffffff06),var(--surface-muted)}.islamic-icon{width:1.45rem;height:1.45rem;color:currentColor}.animated-vector{position:relative;width:clamp(70px,9vw,112px);aspect-ratio:1;display:grid;place-items:center;color:var(--accent)}.animated-vector__halo{position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:999px;background:radial-gradient(circle at 35% 25%,rgb(255 255 255 / .16),transparent 36%),color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px #ffffff1f;animation:vectorPulse 4.8s var(--ease) infinite}.animated-vector .islamic-icon{position:relative;z-index:1;width:68%;height:68%;filter:drop-shadow(0 14px 30px color-mix(in srgb,var(--accent) 28%,transparent))}.section-heading__visual{flex:0 0 auto;margin-inline-start:auto}.page>.section-heading:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),transparent 42%),linear-gradient(225deg,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 44%),var(--surface-glass-strong)}.page>.section-heading:first-child:after,.hero__grid:after,.card:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(30deg,rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(150deg,rgb(255 255 255 / .026) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,black,transparent 72%)}.card{position:relative;overflow:hidden}.card>*{position:relative;z-index:1}.stat-pill{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.16rem .55rem;align-items:center;border:1px solid var(--border);border-radius:18px;padding:.72rem .82rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent),var(--surface-muted);box-shadow:inset 0 1px 0 var(--surface-highlight)}.stat-pill .islamic-icon{grid-row:span 2;color:var(--accent)}.stat-pill span{min-width:0;color:var(--muted);font-size:.78rem;font-weight:900}.stat-pill strong{min-width:0;overflow:hidden;color:var(--text);font-size:.98rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.stat-pill--gold .islamic-icon,.stat-pill--gold strong{color:var(--gold)}.stat-pill--rose .islamic-icon,.stat-pill--rose strong{color:var(--rose)}.stat-pill--cyan .islamic-icon,.stat-pill--cyan strong{color:var(--accent-2)}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:65;display:none;padding:0 0 max(.45rem,var(--safe-bottom));pointer-events:none}.bottom-nav__inner{width:min(100% - 18px,680px);margin-inline:auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;border:1px solid var(--border);border-radius:24px;padding:.42rem;background:var(--surface-glass-strong);box-shadow:0 18px 52px #00000042;backdrop-filter:blur(24px) saturate(150%);pointer-events:auto}.bottom-nav a{min-width:0;min-height:56px;display:grid;place-items:center;gap:.14rem;border:1px solid transparent;border-radius:18px;color:var(--muted);font-size:.72rem;font-weight:900}.bottom-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav a.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.bottom-nav .icon{width:1.25rem;height:1.25rem}.daily-card,.live-card,.prayer-hero-card,.tasbih-main-card,.moon-card--hero,.qibla-stage-card--pro{isolation:isolate}.daily-card__vector,.live-card__vector,.prayer-hero-vector,.moon-hero-vector,.tasbih-page-vector,.progress-summary__vector{justify-self:start;width:84px}.live-card__vector{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;opacity:.78}.prayer-hero-vector,.moon-hero-vector,.tasbih-page-vector{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;opacity:.62}.progress-summary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.progress-summary__vector{width:72px;grid-row:span 2}.athkar-card{transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.athkar-card__header{align-items:start}.athkar-card__ornament{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--border);border-radius:18px;color:var(--accent);background:radial-gradient(circle at 35% 25%,rgb(255 255 255 / .16),transparent 36%),color-mix(in srgb,var(--accent) 12%,transparent)}.athkar-card__ornament .islamic-icon{width:2.1rem;height:2.1rem}.athkar-card--complete{box-shadow:inset 0 1px 0 var(--surface-highlight),0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent),0 20px 58px color-mix(in srgb,var(--accent) 14%,transparent)}.favorites-page{position:relative;isolation:isolate;overflow-x:hidden;overflow-x:clip;max-width:var(--container);--favorite-lavender: #c4b5fd;--favorite-violet: #8b5cf6;--favorite-plum: #5b3aa3;--favorite-pink: #fb7eb2;--favorite-rose: #ffd1e6;--favorite-mint: #9ff7df;--favorite-ink: color-mix(in srgb, var(--text) 92%, var(--favorite-lavender))}.favorites-page:before,.favorites-page:after{content:"";position:absolute;z-index:-2;pointer-events:none;border-radius:999px;filter:blur(12px)}.favorites-page:before{inset-block-start:3rem;inset-inline-start:-5rem;inline-size:18rem;block-size:18rem;background:radial-gradient(circle,color-mix(in srgb,var(--favorite-lavender) 26%,transparent),transparent 68%)}.favorites-page:after{inset-block-start:16rem;inset-inline-end:-7rem;inline-size:22rem;block-size:22rem;background:radial-gradient(circle,color-mix(in srgb,var(--favorite-pink) 18%,transparent),transparent 70%)}.favorites-page>.section-heading{overflow:hidden;border-color:color-mix(in srgb,var(--favorite-lavender) 38%,transparent);background:radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--favorite-pink) 18%,transparent),transparent 32%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--favorite-lavender) 24%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--favorite-plum) 18%,transparent),transparent 52%),var(--surface-glass-strong);box-shadow:inset 0 1px 0 var(--surface-highlight),0 24px 78px color-mix(in srgb,var(--favorite-violet) 16%,transparent)}.favorites-page>.section-heading:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(30deg,color-mix(in srgb,var(--favorite-lavender) 16%,transparent) 12%,transparent 12%,transparent 88%,color-mix(in srgb,var(--favorite-lavender) 13%,transparent) 88%),linear-gradient(150deg,color-mix(in srgb,var(--favorite-pink) 12%,transparent) 12%,transparent 12%,transparent 88%,color-mix(in srgb,var(--favorite-pink) 10%,transparent) 88%);background-size:54px 54px;opacity:.22;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.favorites-love-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.favorites-love-field span,.favorites-saved-chip__heart{position:absolute;display:block;inline-size:.78rem;block-size:.78rem;border-radius:.22rem .22rem .08rem;background:linear-gradient(135deg,var(--favorite-rose),var(--favorite-pink) 48%,var(--favorite-lavender));box-shadow:inset 0 1px #ffffff7a,0 0 22px color-mix(in srgb,var(--favorite-pink) 32%,transparent);transform:rotate(-45deg)}.favorites-love-field span:before,.favorites-love-field span:after,.favorites-saved-chip__heart:before,.favorites-saved-chip__heart:after{content:"";position:absolute;inline-size:100%;block-size:100%;border-radius:999px;background:inherit}.favorites-love-field span:before,.favorites-saved-chip__heart:before{inset-block-start:-50%;inset-inline-start:0}.favorites-love-field span:after,.favorites-saved-chip__heart:after{inset-block-start:0;inset-inline-start:50%}.favorites-love-field span{opacity:.28;animation:favoriteHeartFloat 9s ease-in-out infinite}.favorites-love-field span:nth-child(1){inset-block-start:7%;inset-inline-start:8%;animation-delay:-1s}.favorites-love-field span:nth-child(2){inset-block-start:14%;inset-inline-end:18%;inline-size:1.1rem;block-size:1.1rem;animation-delay:-3.4s}.favorites-love-field span:nth-child(3){inset-block-start:28%;inset-inline-start:39%;animation-delay:-6s}.favorites-love-field span:nth-child(4){inset-block-start:42%;inset-inline-end:6%;inline-size:.65rem;block-size:.65rem;animation-delay:-2.1s}.favorites-love-field span:nth-child(5){inset-block-start:58%;inset-inline-start:5%;animation-delay:-4.5s}.favorites-love-field span:nth-child(6){inset-block-start:70%;inset-inline-end:24%;inline-size:1rem;block-size:1rem;animation-delay:-7.3s}.favorites-love-field span:nth-child(7){inset-block-start:82%;inset-inline-start:29%;inline-size:.58rem;block-size:.58rem;animation-delay:-5.2s}.favorites-love-field span:nth-child(8){inset-block-start:36%;inset-inline-start:15%;animation-delay:-8s}.favorites-love-field span:nth-child(9){inset-block-start:62%;inset-inline-end:8%;inline-size:.7rem;block-size:.7rem;animation-delay:-1.7s}.favorites-love-field span:nth-child(10){inset-block-start:91%;inset-inline-end:42%;animation-delay:-6.8s}.favorites-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:1rem;margin-block-end:1rem}.favorites-quote-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;border:1px solid color-mix(in srgb,var(--favorite-lavender) 42%,transparent);border-radius:calc(var(--radius) + 4px);padding:clamp(1rem,3vw,1.8rem);color:var(--favorite-ink);background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--favorite-rose) 20%,transparent),transparent 34%),radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--favorite-lavender) 22%,transparent),transparent 38%),linear-gradient(140deg,color-mix(in srgb,var(--favorite-violet) 18%,transparent),color-mix(in srgb,var(--favorite-pink) 9%,transparent) 56%,transparent),var(--surface-glass-strong);box-shadow:inset 0 1px 0 var(--surface-highlight),0 26px 72px color-mix(in srgb,var(--favorite-plum) 22%,transparent)}.favorites-quote-card__glow{position:absolute;inset-block-start:-35%;inset-inline-end:-10%;inline-size:18rem;block-size:18rem;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--favorite-pink) 20%,transparent),transparent 66%);filter:blur(18px);pointer-events:none}.favorites-quote-card .animated-vector{color:var(--favorite-pink)}.favorites-quote-card blockquote{position:relative;margin:0;font-family:var(--font-quran);font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.9;text-wrap:balance}.favorites-quote-card span{color:color-mix(in srgb,var(--favorite-rose) 56%,var(--gold));font-weight:900}.favorites-stat-grid,.moon-stat-pills,.prayer-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.favorites-page .stat-pill{border-color:color-mix(in srgb,var(--favorite-lavender) 30%,transparent);background:radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--favorite-rose) 16%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--favorite-lavender) 14%,transparent),color-mix(in srgb,var(--favorite-pink) 7%,transparent)),var(--surface-muted)}.favorites-default-collection{position:relative;overflow:hidden;display:grid;gap:1rem;margin-block:0 1rem;border:1px solid color-mix(in srgb,var(--favorite-lavender) 42%,transparent);border-radius:calc(var(--radius) + 6px);padding:clamp(1rem,2.4vw,1.55rem);background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--favorite-rose) 22%,transparent),transparent 32%),radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--favorite-lavender) 26%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--favorite-plum) 14%,transparent),color-mix(in srgb,var(--favorite-pink) 8%,transparent) 48%,transparent),var(--surface-glass-strong);box-shadow:inset 0 1px 0 var(--surface-highlight),0 24px 72px color-mix(in srgb,var(--favorite-violet) 16%,transparent)}.favorites-default-collection:before,.favorites-default-collection:after{content:"";position:absolute;pointer-events:none}.favorites-default-collection:before{inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--favorite-lavender) 10%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--favorite-pink) 8%,transparent) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,black 16%,black 84%,transparent);opacity:.22}.favorites-default-collection:after{inset-block-start:-7rem;inset-inline-end:-4rem;inline-size:18rem;block-size:18rem;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--favorite-pink) 20%,transparent),transparent 68%);filter:blur(18px)}.favorites-default-collection>*{position:relative;z-index:1}.favorites-default-collection__intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center}.favorites-default-collection__vector{inline-size:clamp(76px,9vw,112px);block-size:clamp(76px,9vw,112px);color:var(--favorite-pink)}.favorites-default-collection__intro h2,.favorites-default-collection__intro p{margin:0}.favorites-default-collection__intro h2{color:color-mix(in srgb,var(--text) 88%,var(--favorite-rose));font-size:clamp(1.45rem,3vw,2.45rem);line-height:1.28}.favorites-default-collection__intro>div:not(.animated-vector){display:grid;gap:.35rem}.favorites-default-collection__intro p:not(.eyebrow){max-inline-size:64ch;color:var(--muted);font-weight:760;line-height:1.8}.favorites-default-collection__status{min-height:46px;display:inline-flex;gap:.45rem;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--favorite-mint) 42%,transparent);border-radius:999px;padding:.6rem .95rem;color:color-mix(in srgb,var(--favorite-mint) 86%,var(--text));font-weight:950;background:radial-gradient(circle at 35% 18%,rgb(255 255 255 / .18),transparent 34%),color-mix(in srgb,var(--favorite-mint) 12%,transparent)}.favorites-default-collection__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.favorites-default-card{position:relative;overflow:hidden;min-block-size:198px;display:grid;grid-template:"index repeat" auto "title title" auto "text text" 1fr "state state" auto / auto auto;gap:.5rem;border:1px solid color-mix(in srgb,var(--favorite-lavender) 30%,transparent);border-radius:22px;padding:.9rem;color:var(--text);text-align:start;font:inherit;cursor:pointer;background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--favorite-rose) 18%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--favorite-lavender) 13%,transparent),color-mix(in srgb,var(--favorite-plum) 8%,transparent)),color-mix(in srgb,var(--surface-muted) 86%,var(--favorite-lavender) 14%);box-shadow:inset 0 1px 0 var(--surface-highlight);transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.favorites-default-card:before{content:"";position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem;inline-size:2.4rem;block-size:2.4rem;border-radius:.72rem .72rem .2rem;background:linear-gradient(135deg,var(--favorite-rose),var(--favorite-pink) 58%,var(--favorite-lavender));opacity:.12;transform:rotate(-45deg)}.favorites-default-card.is-saved{border-color:color-mix(in srgb,var(--favorite-pink) 45%,transparent);background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--favorite-rose) 24%,transparent),transparent 40%),linear-gradient(145deg,color-mix(in srgb,var(--favorite-lavender) 22%,transparent),color-mix(in srgb,var(--favorite-pink) 12%,transparent)),var(--surface-glass-strong)}.favorites-default-card.is-complete{border-color:color-mix(in srgb,var(--favorite-mint) 46%,transparent);box-shadow:inset 0 1px 0 var(--surface-highlight),0 14px 34px color-mix(in srgb,var(--favorite-mint) 11%,transparent)}.favorites-default-card__index,.favorites-default-card__repeat,.favorites-default-card__state{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--favorite-lavender) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 64%,transparent);box-shadow:inset 0 1px 0 var(--surface-highlight)}.favorites-default-card__index{grid-area:index;inline-size:2.25rem;block-size:2.25rem;color:var(--favorite-rose);font-weight:1000}.favorites-default-card__repeat{grid-area:repeat;justify-self:end;min-inline-size:3.2rem;min-block-size:2.25rem;padding-inline:.7rem;color:color-mix(in srgb,var(--favorite-mint) 70%,var(--text));font-weight:950}.favorites-default-card__heart{position:absolute;inset-block-start:1.2rem;inset-inline-end:1.35rem;inline-size:.78rem;block-size:.78rem;border-radius:.22rem .22rem .08rem;background:linear-gradient(135deg,var(--favorite-rose),var(--favorite-pink));opacity:.72;transform:rotate(-45deg);box-shadow:0 0 18px color-mix(in srgb,var(--favorite-pink) 34%,transparent)}.favorites-default-card__heart:before,.favorites-default-card__heart:after{content:"";position:absolute;inline-size:100%;block-size:100%;border-radius:999px;background:inherit}.favorites-default-card__heart:before{inset-block-start:-50%;inset-inline-start:0}.favorites-default-card__heart:after{inset-block-start:0;inset-inline-start:50%}.favorites-default-card__title{grid-area:title;position:relative;z-index:1;margin-block-start:.25rem;font-size:1.02rem;font-weight:1000;line-height:1.42}.favorites-default-card__text{grid-area:text;position:relative;z-index:1;overflow:hidden;display:-webkit-box;color:color-mix(in srgb,var(--text) 84%,var(--favorite-lavender));font-family:var(--font-quran);font-size:1.1rem;font-weight:700;line-height:1.95;-webkit-box-orient:vertical;-webkit-line-clamp:3}.favorites-default-card__state{grid-area:state;justify-self:start;gap:.4rem;min-block-size:2.25rem;padding-inline:.75rem;color:color-mix(in srgb,var(--favorite-rose) 64%,var(--text));font-size:.86rem;font-weight:950}.favorites-default-card.is-complete .favorites-default-card__state{color:color-mix(in srgb,var(--favorite-mint) 78%,var(--text))}.favorites-saved-strip{position:relative;overflow:hidden;display:grid;gap:.85rem;margin-block:0 1rem;border:1px solid color-mix(in srgb,var(--favorite-lavender) 36%,transparent);border-radius:calc(var(--radius) + 2px);padding:clamp(.9rem,2vw,1.25rem);background:linear-gradient(120deg,color-mix(in srgb,var(--favorite-lavender) 13%,transparent),transparent 48%),linear-gradient(260deg,color-mix(in srgb,var(--favorite-pink) 11%,transparent),transparent 52%),var(--surface-glass);box-shadow:0 18px 58px color-mix(in srgb,var(--favorite-plum) 14%,transparent)}.favorites-saved-strip:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--favorite-lavender) 11%,transparent) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--favorite-pink) 7%,transparent) 0 1px,transparent 1px 42px);opacity:.22}.favorites-saved-strip>*{position:relative}.favorites-saved-strip__list{display:flex;gap:.75rem;overflow-x:auto;overscroll-behavior-inline:contain;padding-block-end:.15rem;scrollbar-color:color-mix(in srgb,var(--favorite-lavender) 70%,transparent) transparent}.favorites-saved-chip{position:relative;overflow:hidden;min-inline-size:min(275px,78vw);display:grid;gap:.18rem;border:1px solid color-mix(in srgb,var(--favorite-lavender) 28%,transparent);border-radius:22px;padding:.9rem 1rem;padding-inline-start:3.1rem;color:var(--text);text-align:start;font:inherit;cursor:pointer;background:radial-gradient(circle at 22% 12%,color-mix(in srgb,var(--favorite-rose) 15%,transparent),transparent 42%),color-mix(in srgb,var(--surface-muted) 82%,var(--favorite-lavender) 18%);box-shadow:inset 0 1px 0 var(--surface-highlight);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.favorites-saved-chip span:not(.favorites-saved-chip__heart){min-width:0;overflow:hidden;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.favorites-saved-chip small{color:var(--muted);font-weight:850}.favorites-saved-chip__heart{inset-block-start:1.05rem;inset-inline-start:1rem;inline-size:.85rem;block-size:.85rem}.favorites-saved-chip.active,.favorites-saved-chip.complete{border-color:color-mix(in srgb,var(--favorite-pink) 56%,transparent);background:radial-gradient(circle at 22% 12%,color-mix(in srgb,var(--favorite-rose) 22%,transparent),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--favorite-lavender) 28%,transparent),color-mix(in srgb,var(--favorite-pink) 18%,transparent)),var(--surface-glass-strong)}.favorites-saved-chip.active{box-shadow:inset 0 1px 0 var(--surface-highlight),0 18px 36px color-mix(in srgb,var(--favorite-pink) 16%,transparent)}.favorites-progress-card{overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;margin-block-end:1rem;border-color:color-mix(in srgb,var(--favorite-lavender) 38%,transparent);background:radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--favorite-mint) 12%,transparent),transparent 34%),radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--favorite-pink) 15%,transparent),transparent 40%),linear-gradient(135deg,color-mix(in srgb,var(--favorite-plum) 16%,transparent),transparent 58%),var(--surface-glass-strong)}.favorites-progress-ring{position:relative;inline-size:clamp(112px,16vw,146px);aspect-ratio:1;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle at 50% 50%,var(--surface-strong) 0 55%,transparent 56%),conic-gradient(from -90deg,var(--favorite-pink) var(--favorite-progress),color-mix(in srgb,var(--favorite-lavender) 18%,transparent) 0),color-mix(in srgb,var(--surface-muted) 72%,var(--favorite-lavender) 28%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--favorite-lavender) 32%,transparent),0 18px 42px color-mix(in srgb,var(--favorite-violet) 18%,transparent)}.favorites-progress-ring:after{content:"";position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--favorite-rose) 28%,transparent);border-radius:inherit}.favorites-progress-ring span{font-size:clamp(1.65rem,4vw,2.4rem);font-weight:1000;line-height:1}.favorites-progress-ring small{margin-block-start:-.55rem;color:var(--muted);font-weight:900}.favorites-progress-copy h3{color:color-mix(in srgb,var(--favorite-rose) 64%,var(--favorite-lavender));font-size:clamp(2rem,5vw,4rem);line-height:.95}.favorites-progress-card .progress-bar{grid-column:1 / -1}.favorites-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.76fr);gap:1rem;align-items:start}.favorites-current{display:grid;gap:.8rem}.favorites-current>.favorites-section-title,.favorites-list-card{border:1px solid color-mix(in srgb,var(--favorite-lavender) 34%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--favorite-lavender) 12%,transparent),transparent 52%),var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight)}.favorites-current>.favorites-section-title{border-radius:24px;padding:.9rem 1rem}.favorites-side{position:sticky;top:96px;display:grid;gap:1rem}.favorites-section-title{display:flex;justify-content:space-between;gap:1rem;align-items:start}.favorites-section-title h3{margin:0}.favorites-section-title .islamic-icon{width:3rem;height:3rem;color:var(--favorite-pink);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--favorite-pink) 28%,transparent))}.favorites-list-card{display:grid;gap:.8rem;border-radius:calc(var(--radius) + 2px)}.favorite-queue-list{display:grid;gap:.65rem}.favorite-queue-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;border:1px solid color-mix(in srgb,var(--favorite-lavender) 27%,transparent);border-radius:18px;padding:.75rem;background:linear-gradient(135deg,color-mix(in srgb,var(--favorite-lavender) 10%,transparent),transparent 58%),color-mix(in srgb,var(--surface-muted) 86%,var(--favorite-plum) 14%);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.favorite-queue-item.active{border-color:color-mix(in srgb,var(--favorite-pink) 55%,transparent);background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--favorite-rose) 18%,transparent),transparent 36%),color-mix(in srgb,var(--surface-muted) 70%,var(--favorite-lavender) 30%);box-shadow:0 14px 34px color-mix(in srgb,var(--favorite-pink) 14%,transparent)}.favorite-queue-item.complete{border-color:color-mix(in srgb,var(--favorite-mint) 32%,transparent)}.favorite-queue-item h4,.favorite-queue-item p{margin:0}.favorite-queue-item h4{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-queue-item p{color:var(--muted);font-weight:850}.favorite-queue-item__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:var(--favorite-pink);background:radial-gradient(circle at 38% 26%,rgb(255 255 255 / .3),transparent 34%),color-mix(in srgb,var(--favorite-lavender) 20%,transparent);box-shadow:inset 0 1px 0 var(--surface-highlight)}.favorite-queue-item__actions{display:flex;gap:.35rem}.favorites-empty{position:relative;overflow:hidden;display:grid;justify-items:center;gap:1rem;border:1px solid color-mix(in srgb,var(--favorite-lavender) 38%,transparent);border-radius:calc(var(--radius) + 2px);padding:clamp(1rem,4vw,2rem);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--favorite-rose) 18%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--favorite-violet) 14%,transparent),transparent 56%),var(--surface-glass-strong)}.favorites-empty:before{content:"";position:absolute;inset-block-start:1.2rem;inset-inline-end:1.4rem;inline-size:4.4rem;block-size:4.4rem;border-radius:1.2rem 1.2rem .35rem;background:linear-gradient(135deg,var(--favorite-rose),var(--favorite-pink));opacity:.2;transform:rotate(-45deg)}@media(hover:hover){.favorites-default-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--favorite-pink) 54%,transparent);box-shadow:inset 0 1px 0 var(--surface-highlight),0 18px 42px color-mix(in srgb,var(--favorite-pink) 15%,transparent)}.favorites-default-card:hover .favorites-default-card__heart{animation:favoriteHeartBeat .8s ease-in-out}.favorites-saved-chip:hover,.favorite-queue-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--favorite-pink) 46%,transparent)}.favorites-saved-chip:hover .favorites-saved-chip__heart{animation:favoriteHeartBeat .9s ease-in-out}.favorites-quote-card:hover .animated-vector{animation:favoriteVectorPulse .9s ease-in-out}}@media(prefers-reduced-motion:no-preference){.favorites-quote-card .animated-vector{animation:favoriteVectorFloat 4.5s ease-in-out infinite}.favorites-default-card.is-saved .favorites-default-card__heart{animation:favoriteHeartBeat 3.2s ease-in-out infinite}.favorites-default-collection__vector{animation:favoriteVectorFloat 5.4s ease-in-out infinite}.favorites-saved-chip.active .favorites-saved-chip__heart{animation:favoriteHeartBeat 2.4s ease-in-out infinite}.favorite-queue-item.active .favorite-queue-item__icon{animation:favoriteSoftPulse 2.4s ease-in-out infinite}}@keyframes favoriteHeartFloat{0%,to{opacity:.18;transform:translateZ(0) rotate(-45deg) scale(.88)}50%{opacity:.42;transform:translate3d(0,-18px,0) rotate(-45deg) scale(1.08)}}@keyframes favoriteHeartBeat{0%,to{transform:rotate(-45deg) scale(1)}35%{transform:rotate(-45deg) scale(1.18)}62%{transform:rotate(-45deg) scale(.95)}}@keyframes favoriteVectorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes favoriteVectorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes favoriteSoftPulse{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.08);filter:saturate(1.24)}}.quran-mode-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.quran-mode-tabs button{min-height:42px;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:999px;padding-inline:.9rem;color:var(--text);font-weight:900}.quran-mode-tabs button.active{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.quran-ayah-panel{display:grid;gap:1rem;border:1px solid var(--border);border-radius:28px;padding:clamp(.8rem,2vw,1.2rem);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 36%),var(--surface-muted)}.quran-ayah-panel>header{display:flex;justify-content:space-between;gap:1rem}.quran-ayah-panel h3{margin:0;font-family:var(--font-quran);font-size:clamp(2rem,5vw,3.6rem);line-height:1.35}.quran-ayah-panel__actions{display:flex;flex-wrap:wrap;gap:.55rem;align-content:start;justify-content:end}.quran-ayah-list{display:grid;gap:.9rem}.quran-ayah-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;background:linear-gradient(135deg,rgb(255 255 255 / .075),transparent 42%),var(--surface-glass)}.quran-ayah-marker{position:relative;width:58px;height:58px;display:grid;place-items:center;color:var(--gold)}.quran-ayah-marker .islamic-icon{position:absolute;inset:0;width:100%;height:100%;opacity:.72}.quran-ayah-marker span{position:relative;z-index:1;color:var(--text);font-family:var(--font-quran);font-weight:400}.quran-ayah-card .quran-text{margin:0;text-align:start;font-family:var(--font-quran);font-size:clamp(2.1rem,5vw,3.35rem);font-weight:400;line-height:2.35}[lang=ar] .card p.quran-text{font-family:var(--font-quran);font-weight:400}.prayer-hero-card{padding-inline-end:clamp(1rem,16vw,12rem)}.prayer-hero-stats{max-width:620px}.prayer-time-card{min-height:168px}.prayer-time-card__icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--border);border-radius:20px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.prayer-time-card__icon .islamic-icon{width:2.5rem;height:2.5rem}.qibla-needle--pro:after{content:"";position:absolute;top:42px;left:50%;width:clamp(52px,8vw,86px);height:52%;transform:translate(-50%);transform-origin:50% 0;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 38%,transparent),transparent 82%);filter:blur(.4px) drop-shadow(0 0 18px rgb(246 199 104 / .3));opacity:.82}.permission-sheet{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem 1rem;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 46%,transparent);border-radius:24px;padding:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 40%),var(--surface-glass-strong)}.permission-sheet h3,.permission-sheet p{margin:0}.permission-sheet p{color:var(--muted)}.permission-sheet .animated-vector{width:72px;grid-row:span 2}.permission-sheet__actions{grid-column:2;display:flex;flex-wrap:wrap;gap:.55rem}.moon-date-picker{display:grid;gap:.35rem;color:var(--muted);font-weight:850}.moon-stat-pills{grid-template-columns:repeat(3,minmax(0,1fr))}.moon-assistant{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;border:1px solid var(--border);border-radius:22px;padding:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent),var(--surface-muted)}.moon-assistant>.islamic-icon{width:3rem;height:3rem;color:var(--accent-2)}.moon-assistant h3,.moon-assistant p{margin:0}.moon-assistant p,.moon-assistant li{color:var(--muted);line-height:1.7}.moon-assistant ul{margin:.75rem 0 0;padding-inline-start:1.2rem}.tasbeeh-ring__dial{overflow:hidden}.tasbeeh-bead-loop{position:absolute;inset:7%;border-radius:999px;pointer-events:none;transform:rotate(-90deg)}.tasbeeh-bead-loop span{position:absolute;left:50%;top:50%;width:clamp(10px,2.1vw,16px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .85),transparent 30%),linear-gradient(135deg,#0f766e,#34d399 60%,#f6c768);box-shadow:inset -2px -3px 8px #00000038,0 0 14px #34d3992e;opacity:.42;transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(calc(-1*min(38vw,142px))) rotate(calc(-1 * var(--bead-angle)))}.tasbeeh-bead-loop span.active{opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--gold) 46%,transparent))}.tasbih-main-card{position:relative}.tasbih-tap-zone{transition:transform .15s var(--ease),box-shadow .18s var(--ease)}.tasbih-tap-zone:active,.tasbeeh-ring__button:active{transform:scale(.985)}:root[data-theme=light] .feature-card,:root[data-theme=light] .tool-link-card,:root[data-theme=light] .prayer-time-card,:root[data-theme=light] .athkar-preview,:root[data-theme=light] .donation-card{background:linear-gradient(135deg,#ecfdf5eb,#e0f2fedb),var(--surface-glass);color:var(--text)}:root[data-theme=light] .feature-card:nth-child(n),:root[data-theme=light] .tool-link-card:nth-child(n),:root[data-theme=light] .prayer-time-card:nth-child(n){background:linear-gradient(135deg,#ecfdf5f0,#e0f2fedb 48%,#fef9c3bd),var(--surface-glass)}.prayer-grid--enhanced,.prayer-times-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.prayer-time-card{--prayer-accent: var(--accent-2);--prayer-card-bg: radial-gradient(circle at 20% 8%, color-mix(in srgb, var(--prayer-accent) 24%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--prayer-accent) 18%, var(--surface-strong)), color-mix(in srgb, var(--bg-soft) 84%, transparent));min-height:clamp(188px,18vw,230px);align-content:stretch;justify-items:stretch;gap:.82rem;padding:clamp(.95rem,1.8vw,1.18rem);border-color:color-mix(in srgb,var(--prayer-accent) 34%,var(--border));background:var(--prayer-card-bg)!important;text-align:start}.prayer-time-card--fajr{--prayer-accent: #7dd3fc}.prayer-time-card--sunrise{--prayer-accent: #fbbf24}.prayer-time-card--dhuhr{--prayer-accent: #34d399}.prayer-time-card--asr{--prayer-accent: #2dd4bf}.prayer-time-card--maghrib{--prayer-accent: #fb7185}.prayer-time-card--isha{--prayer-accent: #a78bfa}.prayer-time-card.active{border-color:color-mix(in srgb,var(--gold) 54%,var(--prayer-accent));box-shadow:inset 0 1px #ffffff1f,0 20px 56px color-mix(in srgb,var(--prayer-accent) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent)}.prayer-time-vector{width:100%;height:92px;color:var(--prayer-accent);overflow:visible;filter:drop-shadow(0 14px 26px color-mix(in srgb,var(--prayer-accent) 18%,transparent))}.prayer-vector__pane{fill:color-mix(in srgb,var(--prayer-accent) 13%,transparent);stroke:color-mix(in srgb,var(--prayer-accent) 34%,white 8%);stroke-width:1.4}.prayer-vector__scene{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.prayer-vector__sun-core,.prayer-vector__sun,.prayer-vector__crescent{fill:currentColor;fill-opacity:.16}.prayer-vector__sun-core{stroke:currentColor;stroke-width:4}.prayer-vector__sun-core--soft{fill-opacity:.11}.prayer-vector__ray{opacity:.82;animation:prayerRayFloat 4.5s ease-in-out infinite}.prayer-vector__horizon,.prayer-vector__mat,.prayer-vector__mosque,.prayer-vector__minaret,.prayer-vector__mat-line{opacity:.9}.prayer-vector__mat,.prayer-vector__mosque--night{fill:currentColor;fill-opacity:.08}.prayer-vector__star{fill:currentColor;fill-opacity:.18;animation:prayerStarPulse 3.4s ease-in-out infinite}.prayer-time-card__body{display:grid;gap:.32rem;align-content:end;min-width:0}.prayer-time-card__label{color:color-mix(in srgb,var(--text) 78%,var(--prayer-accent));font-size:clamp(1.04rem,1.7vw,1.26rem);font-weight:950}.prayer-time-card__time{display:flex;flex-wrap:wrap;gap:.34rem .48rem;align-items:baseline;color:var(--text);font-family:var(--font-ui);font-size:clamp(1.95rem,4.2vw,3rem);font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.prayer-time-card__time em{color:var(--prayer-accent);font-family:var(--font-ar-ui);font-size:clamp(.84rem,1.35vw,1rem);font-style:normal;font-weight:950;line-height:1.2}.prayer-time-card small{min-height:1.35em;color:color-mix(in srgb,var(--prayer-accent) 82%,var(--text))}@keyframes prayerRayFloat{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-2px);opacity:1}}@keyframes prayerStarPulse{0%,to{opacity:.55}50%{opacity:1}}@media(hover:hover){.prayer-time-card:hover .prayer-time-vector{transform:translateY(-2px) scale(1.02)}}:root[data-theme=light] .prayer-time-card{--prayer-card-bg: radial-gradient(circle at 20% 8%, color-mix(in srgb, var(--prayer-accent) 22%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--prayer-accent) 12%, white), rgb(248 252 255 / .96));color:var(--text);border-color:color-mix(in srgb,var(--prayer-accent) 30%,rgb(88 116 173 / .2));box-shadow:inset 0 1px #fffffff5,0 18px 44px #5a78b61a}:root[data-theme=light] .prayer-vector__pane{fill:color-mix(in srgb,var(--prayer-accent) 10%,white);stroke:color-mix(in srgb,var(--prayer-accent) 36%,rgb(64 99 167 / .2))}:root[data-theme=light] .prayer-time-card__label,:root[data-theme=light] .prayer-time-card__time{color:#10203a}@media(prefers-reduced-motion:reduce){.prayer-vector__ray,.prayer-vector__star{animation:none}}:root[data-theme=light] .hero__grid{color:#f8fbff;border-color:#102d455c;background:radial-gradient(circle at 14% 18%,rgb(52 211 153 / .2),transparent 32%),radial-gradient(circle at 78% 20%,rgb(103 232 249 / .18),transparent 34%),linear-gradient(135deg,#0b262deb,#091428f0);box-shadow:inset 0 1px #ffffff1f,0 24px 68px #253f6229}:root[data-theme=light] .hero__copy h1,:root[data-theme=light] .hero__copy .eyebrow{color:#f8fbff}:root[data-theme=light] .hero__copy p:not(.eyebrow){color:#d8e7f4}:root[data-theme=light] .hero__grid .daily-card{color:var(--text);background:linear-gradient(135deg,#fffffff5,#ecfdf5e6),var(--surface-glass)}:root[data-theme=light] .category-list button,:root[data-theme=light] .surah-list button,:root[data-theme=light] .phase-list button,:root[data-theme=light] .moon-calendar button,:root[data-theme=light] .segmented button,:root[data-theme=light] .option-card,:root[data-theme=light] .accent-choice,:root[data-theme=light] .toggle-row,:root[data-theme=light] .mobile-menu a,:root[data-theme=light] .mobile-menu button,:root[data-theme=light] .filter-pills button,:root[data-theme=light] .preset-grid button,:root[data-theme=light] .target-controls button,:root[data-theme=light] .manasik-step-list button,:root[data-theme=light] .quran-book-tabs button,:root[data-theme=light] .featured-readers button,:root[data-theme=light] .quran-saved-pages button,:root[data-theme=light] .quran-mode-tabs button,:root[data-theme=light] .quran-finder-item,:root[data-theme=light] .quran-finder-trigger,:root[data-theme=light] input,:root[data-theme=light] select{color:var(--text);background:linear-gradient(180deg,#fffffff0,#ecfdf5c7);box-shadow:inset 0 1px #fffffff5}:root[data-theme=light] .page>.section-heading:first-child{background:linear-gradient(135deg,rgb(209 250 229 / .86),transparent 45%),linear-gradient(225deg,rgb(186 230 253 / .82),transparent 44%),var(--surface-glass-strong)}:root[data-theme=light] .mushaf-stage,:root[data-theme=light] .quran-ayah-panel,:root[data-theme=light] .qibla-stage-card--pro,:root[data-theme=light] .moon-day-dock,:root[data-theme=light] .tasbeeh-ring__dial,:root[data-theme=light] .tasbih-tap-zone{background:linear-gradient(135deg,#ffffffc7,#ecfdf599),var(--surface-muted)}:root[data-theme=light] .qibla-compass--pro,:root[data-theme=light] .qibla-compass--pro>strong{color:#f7fbff}:root[data-theme=light] .qibla-compass--pro .compass-ring span{color:#f7fbffdb}@keyframes vectorPulse{0%,to{transform:scale(.96);opacity:.72}50%{transform:scale(1.04);opacity:1}}@media(max-width:1120px){.favorites-default-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1040px){.bottom-nav{display:block}main{padding-bottom:calc(82px + var(--safe-bottom))}.footer{padding-bottom:calc(6.8rem + var(--safe-bottom))}}@media(max-width:820px){.section-heading__visual{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;width:76px;opacity:.42}.favorites-hero,.favorites-workspace,.favorites-stat-grid,.moon-stat-pills,.prayer-hero-stats,.quran-ayah-panel>header{grid-template-columns:1fr}.quran-ayah-panel>header,.favorites-section-title{flex-direction:column}.favorites-default-collection__intro{grid-template-columns:1fr}.favorites-default-collection__vector{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;opacity:.34}.favorites-default-collection__intro>div:not(.animated-vector),.favorites-default-collection__intro .button,.favorites-default-collection__status{position:relative;z-index:1}.favorites-side{position:static}.prayer-hero-card{padding-inline-end:clamp(1rem,2vw,1.45rem)}.prayer-hero-vector,.moon-hero-vector,.tasbih-page-vector,.live-card__vector{opacity:.28}.quran-ayah-card{grid-template-columns:1fr}.quran-ayah-marker{margin-inline:auto}.permission-sheet{grid-template-columns:1fr;text-align:center}.permission-sheet .animated-vector,.permission-sheet__actions{grid-column:auto;justify-self:center}}@media(max-width:560px){.bottom-nav__inner{width:min(100% - 12px,680px);gap:.16rem;border-radius:20px;padding:.32rem}.bottom-nav a{min-height:52px;border-radius:15px;font-size:.64rem}.favorite-queue-item{grid-template-columns:auto minmax(0,1fr)}.favorites-progress-card{grid-template-columns:1fr;text-align:center}.favorites-progress-ring{justify-self:center}.favorites-saved-chip{min-inline-size:min(250px,84vw)}.favorite-queue-item__actions{grid-column:1 / -1}.favorite-queue-item__actions .button{width:auto}.favorites-quote-card,.moon-assistant,.favorites-default-collection__grid{grid-template-columns:1fr}.favorites-default-card{min-block-size:172px}.progress-summary{grid-template-columns:1fr auto}.progress-summary__vector{display:none}}.mobile-menu-toggle,.settings-toggle,.bottom-nav a,.mobile-menu a,.mobile-menu button{-webkit-user-select:none;user-select:none}.mobile-menu-toggle .icon,.settings-toggle .icon{width:1.35rem;height:1.35rem}.nav-icon-shell{position:relative;width:2.15rem;height:2.15rem;display:inline-grid;flex:0 0 auto;place-items:center;border-radius:16px;color:color-mix(in srgb,var(--accent-2) 78%,var(--text));transform:translateZ(0);transition:color .18s var(--ease),transform .22s var(--ease),filter .22s var(--ease)}.nav-icon-shell:before{content:"";position:absolute;inset:.18rem;border-radius:inherit;background:radial-gradient(circle at 34% 24%,rgb(255 255 255 / .38),transparent 34%),linear-gradient(135deg,color-mix(in srgb,currentColor 28%,transparent),transparent 74%);opacity:.24;transform:scale(.72);transition:opacity .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}.nav-icon-shell:after{content:"";position:absolute;inset-block-end:.2rem;inset-inline-start:50%;width:.28rem;height:.28rem;border-radius:999px;background:currentColor;box-shadow:0 0 14px currentColor;opacity:0;transform:translate(-50%) scale(.4);transition:opacity .18s var(--ease),transform .18s var(--ease)}.nav-icon-shell .icon{position:relative;z-index:1;width:1.42rem;height:1.42rem;color:inherit;filter:drop-shadow(0 0 12px color-mix(in srgb,currentColor 18%,transparent));transition:transform .22s var(--ease),filter .22s var(--ease)}.nav-icon-shell[data-icon=home]{color:#7dd3fc}.nav-icon-shell[data-icon=athkar]{color:#67e8f9}.nav-icon-shell[data-icon=book]{color:#5eead4}.nav-icon-shell[data-icon=prayer]{color:#93c5fd}.nav-icon-shell[data-icon=compass]{color:#f6c768}.nav-icon-shell[data-icon=moon]{color:#c4b5fd}.nav-icon-shell[data-icon=kaaba]{color:#fcd34d}.nav-icon-shell[data-icon=hands]{color:#86efac}.nav-icon-shell[data-icon=tasbih]{color:#6ee7b7}.nav-icon-shell[data-icon=heart]{color:#fb8aa0}.nav-icon-shell[data-icon=settings]{color:#a5f3fc}.desktop-nav a .icon,.mobile-menu nav .icon,.bottom-nav .icon{flex:0 0 auto}.desktop-nav a .icon,.bottom-nav a .icon{color:color-mix(in srgb,var(--accent-2) 74%,var(--text));filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent-2) 18%,transparent))}.desktop-nav a.active .icon,.bottom-nav a.active .icon{color:var(--gold);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--gold) 24%,transparent))}.mobile-menu nav>a .icon,.mobile-menu nav>button .icon,.mobile-menu__secondary a .icon{color:color-mix(in srgb,var(--accent-2) 78%,var(--text));filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent-2) 18%,transparent))}.mobile-menu nav>a.active .icon,.mobile-menu__secondary a.active .icon{color:var(--gold)}.mobile-menu__secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding-block-start:.2rem}.mobile-menu__secondary a{min-height:48px}.desktop-nav a{position:relative;isolation:isolate}.desktop-nav a .nav-icon-shell{width:1.86rem;height:1.86rem;margin-inline-start:-.25rem}.desktop-nav a .nav-icon-shell .icon{width:1.18rem;height:1.18rem}.desktop-nav a.active .nav-icon-shell,.mobile-menu nav>a.active .nav-icon-shell,.mobile-menu__secondary a.active .nav-icon-shell,.bottom-nav a.active .nav-icon-shell{color:var(--gold);transform:translateY(-2px) scale(1.06)}.desktop-nav a.active .nav-icon-shell:before,.mobile-menu nav>a.active .nav-icon-shell:before,.mobile-menu__secondary a.active .nav-icon-shell:before,.bottom-nav a.active .nav-icon-shell:before{opacity:.56;transform:scale(1);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 26%,transparent),0 0 22px color-mix(in srgb,currentColor 24%,transparent)}.desktop-nav a.active .nav-icon-shell:after,.mobile-menu nav>a.active .nav-icon-shell:after,.mobile-menu__secondary a.active .nav-icon-shell:after,.bottom-nav a.active .nav-icon-shell:after{opacity:.9;transform:translate(-50%) scale(1)}.bottom-nav__inner{background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 34%),linear-gradient(145deg,#ffffff1d,#ffffff0a),var(--surface-glass-strong)}.bottom-nav a{position:relative;isolation:isolate;overflow:hidden;transition:color .18s var(--ease),transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.bottom-nav a:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,currentColor 28%,transparent),transparent 54%),linear-gradient(180deg,rgb(255 255 255 / .08),transparent);opacity:0;transform:translateY(8px) scale(.9);transition:opacity .22s var(--ease),transform .22s var(--ease)}.bottom-nav a.active{box-shadow:inset 0 1px 0 var(--surface-highlight),0 10px 30px color-mix(in srgb,var(--accent) 16%,transparent)}.bottom-nav a.active:before{opacity:1;transform:translateY(0) scale(1)}.bottom-nav a span{position:relative;z-index:1}@media(hover:hover){.desktop-nav a:hover .nav-icon-shell,.mobile-menu nav>a:hover .nav-icon-shell,.mobile-menu nav>button:hover .nav-icon-shell,.mobile-menu__secondary a:hover .nav-icon-shell,.bottom-nav a:hover .nav-icon-shell{transform:translateY(-3px) scale(1.08);filter:saturate(1.2)}.desktop-nav a:hover .nav-icon-shell:before,.mobile-menu nav>a:hover .nav-icon-shell:before,.mobile-menu nav>button:hover .nav-icon-shell:before,.mobile-menu__secondary a:hover .nav-icon-shell:before,.bottom-nav a:hover .nav-icon-shell:before{opacity:.5;transform:scale(1)}.desktop-nav a:hover .nav-icon-shell .icon,.mobile-menu nav>a:hover .nav-icon-shell .icon,.mobile-menu nav>button:hover .nav-icon-shell .icon,.mobile-menu__secondary a:hover .nav-icon-shell .icon,.bottom-nav a:hover .nav-icon-shell .icon{transform:rotate(-5deg);filter:drop-shadow(0 0 18px color-mix(in srgb,currentColor 34%,transparent))}.bottom-nav a:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:no-preference){.bottom-nav a.active .nav-icon-shell,.desktop-nav a.active .nav-icon-shell{animation:navIconFloat 3.2s ease-in-out infinite}.bottom-nav a.active .nav-icon-shell:before,.desktop-nav a.active .nav-icon-shell:before{animation:navHaloPulse 2.4s ease-in-out infinite}}@keyframes navIconFloat{0%,to{transform:translateY(-2px) scale(1.06)}50%{transform:translateY(-5px) scale(1.1)}}@keyframes navHaloPulse{0%,to{opacity:.46;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent),0 0 18px color-mix(in srgb,currentColor 18%,transparent)}50%{opacity:.68;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 34%,transparent),0 0 30px color-mix(in srgb,currentColor 34%,transparent)}}@media(max-width:1040px){.navbar{isolation:isolate;overflow:hidden;overflow:clip;padding:max(.72rem,env(safe-area-inset-top,0px)) max(.86rem,env(safe-area-inset-right,0px)) .72rem max(.86rem,env(safe-area-inset-left,0px));background:linear-gradient(90deg,#030d18f5,#071623f0 50%,#040d19f5),var(--bg);border-bottom-color:color-mix(in srgb,var(--accent-2) 22%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,var(--accent) 16%,transparent),0 16px 40px #0003}.navbar:before,.navbar:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.navbar:before{background:radial-gradient(circle at 12% 58%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 28%),radial-gradient(circle at 88% 34%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 24%),linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent) 50%,transparent);opacity:.72}.navbar:after{inset-block-start:auto;block-size:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-2) 46%,transparent),transparent);opacity:.85}.navbar__inner{width:100%;min-height:66px;grid-template-columns:minmax(0,1fr) auto;gap:.85rem}.brand{justify-self:start;min-width:0;inline-size:auto;max-inline-size:min(100%,26rem);gap:.58rem;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:999px;padding:.3rem .5rem .38rem;background:radial-gradient(circle at 18% 20%,rgb(255 248 214 / .13),transparent 36%),linear-gradient(135deg,#02121fb8,#040c1880);box-shadow:inset 0 1px #ffffff0f,0 12px 28px #00000024}.brand__mark{width:48px;height:48px;border-radius:17px;flex:0 0 auto}.brand__wordmark{width:clamp(146px,31vw,186px);height:clamp(44px,8vw,54px);border-color:transparent;background:transparent;box-shadow:none;filter:none}.brand small{display:block;max-width:min(44vw,22rem);overflow:visible;text-overflow:clip;white-space:normal}.brand strong{font-size:1.08rem;line-height:1.1}.navbar__actions{justify-self:end;gap:0}.settings-toggle{display:none}.mobile-menu-toggle{inline-size:58px;block-size:58px;width:58px;min-width:58px;height:58px;border-radius:21px;border-color:color-mix(in srgb,var(--accent-2) 32%,var(--border));background:radial-gradient(circle at 35% 22%,rgb(255 255 255 / .16),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 16%,transparent),color-mix(in srgb,var(--accent) 10%,transparent)),var(--surface-glass);box-shadow:inset 0 1px 0 var(--surface-highlight),0 14px 32px #00000029}.mobile-menu-toggle .icon{width:1.62rem;height:1.62rem}:root[data-theme=light] .navbar{background:linear-gradient(90deg,#f7fdfff5,#ecfaffeb 52%,#f8fcfff5),var(--bg-soft);border-bottom-color:color-mix(in srgb,var(--accent-2) 30%,transparent);box-shadow:inset 0 -1px #ffffffc7,0 16px 36px #5a78b61f}:root[data-theme=light] .brand{border-color:color-mix(in srgb,#c99834 38%,#10203a 10%);background:radial-gradient(circle at 18% 20%,rgb(255 247 216 / .34),transparent 36%),linear-gradient(135deg,#ffffffd6,#edf8ffbd);box-shadow:inset 0 1px #fffffff0,0 12px 28px #5a78b61f}:root[data-theme=light] .brand__wordmark{background:transparent;border-color:transparent;box-shadow:none}:root[data-theme=light] .mobile-menu-toggle{background:radial-gradient(circle at 35% 22%,rgb(255 255 255 / .72),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 15%,white),color-mix(in srgb,var(--accent) 9%,white)),#ffffffb8;box-shadow:inset 0 1px #ffffffe6,0 14px 28px #5a78b61f}}@media(max-width:640px){html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}.navbar{min-height:calc(88px + env(safe-area-inset-top,0px));overflow:hidden;overflow:clip;padding:max(.68rem,env(safe-area-inset-top,0px)) max(.62rem,env(safe-area-inset-right,0px)) .64rem max(.62rem,env(safe-area-inset-left,0px))}.navbar__inner{min-width:0;min-height:64px;align-items:center}.brand{justify-self:end;inline-size:auto;max-width:min(calc(100vw - 92px),260px);padding:.5rem .8rem}.brand__copy{max-width:100%;place-items:center}.brand span{max-width:100%}.brand__wordmark{display:none}.brand__mobile-text{display:inline-flex;align-items:center;justify-content:center;min-width:min(34vw,8.5rem);color:transparent;background:linear-gradient(110deg,#fff8d6,#f6c768 44%,#67e8f9 78%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-ar-display);font-size:clamp(1.5rem,7.2vw,2rem);font-weight:700;line-height:1;text-align:center;white-space:nowrap}.brand small{display:none;max-width:min(58vw,248px);color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:clamp(.78rem,3.3vw,.92rem);line-height:1.25;overflow:visible;text-overflow:clip;white-space:normal}.brand strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-toggle{inline-size:56px;block-size:56px;width:56px;min-width:56px;height:56px;border-radius:20px}.modal-backdrop.mobile-menu-backdrop{place-items:end center;align-items:end;justify-items:center;padding:max(.75rem,env(safe-area-inset-top,0px)) max(.5rem,env(safe-area-inset-right,0px)) max(.5rem,env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 38%),#010810ad}.mobile-menu{width:min(100%,calc(100vw - 1rem));max-width:none;max-height:min(84dvh,calc(100dvh - 1rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));place-self:end center;border-radius:28px 28px 20px 20px;padding:.9rem;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.mobile-menu header{align-items:center;border-bottom:1px solid var(--border);padding-block-end:.82rem}.mobile-menu header>div{min-width:0}.mobile-menu header small{display:block;max-width:100%;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.mobile-menu nav{min-height:0;overflow:auto;overscroll-behavior:contain;padding-block:.75rem .15rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.mobile-menu nav>a,.mobile-menu nav>button,.mobile-menu__secondary a{min-width:0;min-height:74px;flex-direction:column;justify-content:center;gap:.35rem;border-radius:20px;padding:.72rem .45rem;text-align:center}.mobile-menu nav>a span,.mobile-menu nav>button span,.mobile-menu__secondary a span{max-width:100%;overflow:hidden;font-size:.78rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-menu .icon{width:1.35rem;height:1.35rem}.mobile-menu header .button{width:46px;min-width:46px;height:46px;min-height:46px;padding:0;flex-direction:row;border-radius:16px}.mobile-menu header .button .icon{width:1.2rem;height:1.2rem}.mobile-menu__secondary{display:contents}.bottom-nav{padding-inline:max(.35rem,env(safe-area-inset-left,0px)) max(.35rem,env(safe-area-inset-right,0px))}.bottom-nav__inner{width:min(100%,640px);grid-template-columns:repeat(7,minmax(0,1fr));border-radius:22px}.bottom-nav a{min-height:56px;gap:.18rem;border-radius:17px}.bottom-nav .icon{width:1.15rem;height:1.15rem}}@media(max-width:390px){.brand span{max-width:min(62vw,230px)}.mobile-menu-toggle{width:50px;min-width:50px;height:50px;border-radius:18px}.mobile-menu nav{gap:.45rem}.mobile-menu nav>a,.mobile-menu nav>button,.mobile-menu__secondary a{min-height:68px}.bottom-nav a span{font-size:.58rem}}.desktop-nav a .nav-icon-shell .icon,.bottom-nav a .nav-icon-shell .icon,.mobile-menu nav .nav-icon-shell .icon{color:inherit}.bottom-nav a .nav-icon-shell .icon{width:1.42rem;height:1.42rem}.mobile-menu nav .nav-icon-shell{width:2.25rem;height:2.25rem}.mobile-menu nav .nav-icon-shell .icon{width:1.42rem;height:1.42rem}@media(max-width:640px){.bottom-nav a .nav-icon-shell{width:2.05rem;height:2.05rem}.bottom-nav a .nav-icon-shell .icon{width:1.34rem;height:1.34rem}}@media(max-width:390px){.bottom-nav a .nav-icon-shell{width:1.95rem;height:1.95rem}.bottom-nav a .nav-icon-shell .icon{width:1.26rem;height:1.26rem}}.navbar{--nav-glass: linear-gradient(180deg, rgb(10 24 40 / .8), rgb(4 14 24 / .62));position:sticky;inset-block-start:0;isolation:isolate;overflow:hidden;padding:max(.72rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) .72rem max(1rem,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#040d18db,#040d189e),var(--bg);border-block-end:1px solid color-mix(in srgb,var(--accent-2) 22%,transparent);box-shadow:inset 0 -1px #ffffff0a,0 18px 54px #00000038;-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%)}.navbar:before,.navbar:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.navbar:before{background:linear-gradient(115deg,transparent 0 18%,rgb(103 232 249 / .09) 34%,transparent 48%),linear-gradient(245deg,transparent 0 24%,rgb(246 199 104 / .08) 42%,transparent 58%);opacity:.88}.navbar:after{inset-block-start:auto;block-size:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-2) 52%,transparent),transparent)}:root[data-theme=light] .navbar{--nav-glass: linear-gradient(180deg, rgb(255 255 255 / .82), rgb(240 248 255 / .66));background:linear-gradient(180deg,#f8fcffe6,#eaf7ffb8),var(--bg-soft);border-block-end-color:color-mix(in srgb,var(--accent-2) 28%,transparent);box-shadow:inset 0 -1px #ffffffc7,0 16px 38px #4063a71a}.navbar__inner{width:min(calc(100% - 48px),1840px);min-height:74px;margin-inline:auto;display:grid;grid-template-areas:"brand nav actions";grid-template-columns:minmax(220px,.42fr) minmax(0,1fr) auto;align-items:center;gap:clamp(.65rem,1.5vw,1.15rem)}.brand{grid-area:brand;min-width:0;max-inline-size:20rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.72rem;justify-self:start;padding:.46rem .72rem;border:1px solid color-mix(in srgb,var(--accent-2) 22%,var(--border));border-radius:26px;color:var(--text);background:linear-gradient(145deg,#ffffff1b,#ffffff09),var(--nav-glass);box-shadow:inset 0 1px #ffffff1f,0 14px 36px #00000029;-webkit-backdrop-filter:blur(22px) saturate(155%);backdrop-filter:blur(22px) saturate(155%);transform:translateZ(0);transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease)}.brand__mark{position:relative;isolation:isolate;inline-size:52px;block-size:52px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 46%,var(--accent-2) 18%);border-radius:20px;background:linear-gradient(145deg,#ffffff21,#ffffff08),linear-gradient(160deg,#031c22e6,#081123e0);box-shadow:inset 0 1px #ffffff29,inset 0 -14px 32px #67e8f914,0 14px 34px #00000038;filter:none}.brand__mark-glow{position:absolute;inset:6px;border-radius:inherit;background:linear-gradient(135deg,rgb(246 199 104 / .22),transparent 48%),linear-gradient(315deg,rgb(103 232 249 / .22),transparent 50%);filter:blur(10px);opacity:.82}.brand__mark-text{position:relative;z-index:1;color:transparent;background:linear-gradient(135deg,#fff7cf,#f6c768 48%,#67e8f9);-webkit-background-clip:text;background-clip:text;font-family:var(--font-ar-display);font-size:1.58rem;font-weight:900;line-height:1;text-shadow:0 10px 26px rgb(246 199 104 / .24)}.brand__copy{min-width:0;display:grid;gap:.12rem}.brand strong{display:block;color:var(--text);font-family:var(--font-ar-display);font-size:clamp(1.22rem,1.65vw,1.68rem);font-weight:900;line-height:1.04;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{display:-webkit-box;max-inline-size:17rem;overflow:hidden;color:color-mix(in srgb,var(--muted) 82%,var(--text));font-size:clamp(.76rem,.95vw,.9rem);font-weight:760;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:pretty}.desktop-nav{grid-area:nav;min-width:0;max-width:100%;justify-self:stretch;display:flex;align-items:center;gap:.35rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;border:1px solid color-mix(in srgb,var(--accent-2) 16%,var(--border));border-radius:999px;padding:.38rem;background:linear-gradient(145deg,#ffffff16,#ffffff05),color-mix(in srgb,var(--surface-strong) 74%,transparent);box-shadow:inset 0 1px #ffffff14,0 12px 30px #00000021;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}.desktop-nav a{position:relative;isolation:isolate;min-width:max-content;min-height:46px;display:inline-flex;align-items:center;gap:.48rem;overflow:hidden;border:1px solid transparent;border-radius:999px;padding:.42rem .82rem;color:color-mix(in srgb,var(--muted) 86%,var(--text));background:transparent;box-shadow:none;font-size:clamp(.88rem,.95vw,1rem);font-weight:880;line-height:1;white-space:nowrap;transform:translateZ(0);transition:color .18s var(--ease),transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease)}.desktop-nav a:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 58%),linear-gradient(180deg,rgb(255 255 255 / .12),transparent);opacity:0;transform:scale(.92);transition:opacity .22s var(--ease),transform .22s var(--ease)}.desktop-nav a.active{color:var(--text);border-color:color-mix(in srgb,var(--accent-2) 34%,var(--gold) 22%);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 20%,transparent),color-mix(in srgb,var(--gold) 12%,transparent)),#fff1;box-shadow:inset 0 1px #ffffff24,0 12px 28px color-mix(in srgb,var(--accent-2) 18%,transparent)}.desktop-nav a.active:before{opacity:1;transform:scale(1)}.desktop-nav a .nav-icon-shell{inline-size:2rem;block-size:2rem;margin-inline-start:-.3rem}.desktop-nav a .nav-icon-shell .icon{inline-size:1.22rem;block-size:1.22rem}.navbar__actions{grid-area:actions;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;justify-self:end}.navbar-clock{min-inline-size:172px;justify-items:end;gap:.18rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,var(--border));border-radius:22px;padding:.58rem .8rem;color:var(--text);background:linear-gradient(145deg,#ffffff14,#ffffff06),color-mix(in srgb,var(--surface-strong) 82%,transparent);box-shadow:inset 0 1px #ffffff17,0 12px 28px #0000001f;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.navbar-clock strong{color:var(--text);font-size:clamp(.98rem,1.1vw,1.12rem);font-weight:900}.navbar-clock span{color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.8rem}.settings-toggle,.mobile-menu-toggle{inline-size:54px;block-size:54px;min-inline-size:54px;min-block-size:54px;border-radius:20px;border-color:color-mix(in srgb,var(--accent-2) 24%,var(--border));background:linear-gradient(145deg,#ffffff1a,#ffffff08),color-mix(in srgb,var(--surface-strong) 78%,transparent);box-shadow:inset 0 1px #ffffff1a,0 12px 28px #00000024;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.button,.daily-grid a,.mini-card,.mobile-menu nav>a,.mobile-menu nav>button,.mobile-menu__secondary a,.bottom-nav a{transform:translateZ(0)}@media(hover:hover){.brand:has(.brand__home-link:hover),.settings-toggle:hover,.mobile-menu-toggle:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-2) 40%,var(--gold) 18%);background:linear-gradient(145deg,#ffffff24,#ffffff0b),var(--nav-glass);box-shadow:inset 0 1px #ffffff24,0 18px 42px color-mix(in srgb,var(--accent-2) 16%,transparent)}.desktop-nav a:hover,.mobile-menu nav>a:hover,.mobile-menu nav>button:hover,.mobile-menu__secondary a:hover,.bottom-nav a:hover,.home-quick-grid a:hover,.button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-2) 36%,var(--border-strong));background:linear-gradient(145deg,#ffffff21,#ffffff09),color-mix(in srgb,var(--surface-strong) 86%,transparent);box-shadow:inset 0 1px #ffffff1f,0 16px 36px color-mix(in srgb,var(--accent-2) 14%,transparent)}.desktop-nav a:hover:before{opacity:.84;transform:scale(1)}}.modal-backdrop.mobile-menu-backdrop{display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#01081094,#010810d1);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}.mobile-menu{width:min(430px,calc(100vw - 2rem));max-height:min(760px,calc(100dvh - 2rem));display:grid;grid-template-rows:auto minmax(0,1fr);gap:.9rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 24%,var(--border));border-radius:34px;padding:1rem;background:linear-gradient(145deg,#ffffff1f,#ffffff09),linear-gradient(180deg,#091827ed,#040c17e0);box-shadow:inset 0 1px #ffffff1f,0 30px 80px #00000057;-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}.mobile-menu header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem .25rem .9rem;border-block-end:1px solid color-mix(in srgb,var(--accent-2) 20%,transparent)}.mobile-menu__brand{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem}.mobile-menu__brand .brand__mark{inline-size:48px;block-size:48px;border-radius:18px}.mobile-menu header strong{display:block;color:var(--text);font-family:var(--font-ar-display);font-size:1.42rem;line-height:1.05}.mobile-menu header small{display:block;max-inline-size:18rem;overflow:hidden;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.86rem;font-weight:740;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mobile-menu nav{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;overflow:auto;overscroll-behavior:contain;padding:.1rem .1rem .2rem}.mobile-menu nav>a,.mobile-menu nav>button,.mobile-menu__secondary a{min-width:0;min-height:76px;display:grid;place-items:center;gap:.32rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,var(--border));border-radius:24px;padding:.78rem .62rem;color:color-mix(in srgb,var(--muted) 86%,var(--text));background:linear-gradient(145deg,#ffffff14,#ffffff06),#ffffff06;box-shadow:inset 0 1px #ffffff12;font-weight:900;text-align:center;transition:color .18s var(--ease),transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease)}.mobile-menu nav>a.active,.mobile-menu__secondary a.active{color:var(--text);border-color:color-mix(in srgb,var(--gold) 38%,var(--accent-2) 22%);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 18%,transparent),color-mix(in srgb,var(--gold) 12%,transparent)),#ffffff0f}.mobile-menu nav>a span,.mobile-menu nav>button span,.mobile-menu__secondary a span{max-inline-size:100%;overflow:hidden;font-size:.88rem;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.mobile-menu__secondary{display:contents}.bottom-nav{z-index:70;padding:0 max(.65rem,env(safe-area-inset-left,0px)) max(.62rem,var(--safe-bottom)) max(.65rem,env(safe-area-inset-right,0px))}.bottom-nav__inner{width:min(100%,680px);gap:.26rem;border-color:color-mix(in srgb,var(--accent-2) 24%,var(--border));border-radius:28px;padding:.42rem;background:linear-gradient(145deg,#ffffff1f,#ffffff0a),color-mix(in srgb,var(--surface-strong) 86%,transparent);box-shadow:inset 0 1px #ffffff1f,0 18px 48px #00000047}.bottom-nav a{min-height:58px;border-radius:20px}.home-hero{padding-block:clamp(1.25rem,3.5vw,3.1rem) clamp(1.1rem,2.5vw,2rem)}.home-hero .container{width:min(calc(100% - 64px),1880px)}.home-hero__panel.hero__grid{min-height:clamp(520px,58vw,675px);border-color:color-mix(in srgb,var(--accent-2) 32%,var(--border));border-radius:clamp(32px,4.8vw,48px);padding:clamp(1.1rem,3vw,2.4rem);background:linear-gradient(135deg,rgb(255 255 255 / .06),transparent 32%),linear-gradient(225deg,rgb(246 199 104 / .09),transparent 44%),linear-gradient(135deg,#071522e0,#031018cc 48%,#030811e6);box-shadow:inset 0 1px #ffffff21,inset 0 0 0 1px #ffffff06,0 34px 90px #00000047;-webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)}.home-hero__copy{gap:clamp(.82rem,1.55vw,1.16rem)}.home-hero__copy h1{font-size:clamp(4.2rem,9.8vw,8.15rem);line-height:1.16;filter:drop-shadow(0 18px 38px rgb(103 232 249 / .18)) drop-shadow(0 10px 24px rgb(246 199 104 / .12))}.home-hero[dir=rtl] .home-hero__copy h1{padding-inline-end:.12em}.home-hero[dir=rtl] .home-hero__description span{flex-direction:row-reverse;justify-content:flex-start}.home-orbit-card.daily-card{border-color:color-mix(in srgb,var(--accent-2) 34%,var(--border));border-radius:clamp(28px,3.4vw,38px);padding:clamp(1rem,2.4vw,1.45rem);background:linear-gradient(145deg,#ffffff1f,#ffffff08),linear-gradient(180deg,#132b38c7,#07121fbd);box-shadow:inset 0 1px #ffffff21,0 24px 64px #0000003d;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);transition:transform .26s var(--ease),border-color .26s var(--ease),box-shadow .26s var(--ease)}.home-quick-grid a{border-color:color-mix(in srgb,var(--accent-2) 18%,var(--border));border-radius:22px;background:linear-gradient(145deg,#ffffff1a,#ffffff08),#ffffff06;box-shadow:inset 0 1px #ffffff14}.home-hero .hero__actions .button{min-height:58px;border-radius:22px;padding-inline:clamp(.95rem,2vw,1.35rem)}@media(prefers-reduced-motion:no-preference){.mobile-menu-backdrop{animation:glassBackdropIn .18s var(--ease) both}.mobile-menu{animation:mobileSheetIn .32s var(--ease) both}.home-orbit-card.daily-card{animation:softCardFloat 7s ease-in-out infinite}}@keyframes glassBackdropIn{0%{opacity:0}}@keyframes mobileSheetIn{0%{opacity:0;transform:translateY(18px) scale(.98)}}@keyframes softCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:1180px){.navbar__inner{grid-template-columns:minmax(190px,.42fr) minmax(0,1fr) auto}.brand{max-inline-size:18.5rem}.brand small{-webkit-line-clamp:1}.navbar-clock{min-inline-size:154px}}@media(max-width:1040px){.navbar__inner,.navbar[dir=rtl] .navbar__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";min-height:64px}.navbar[dir=rtl] .navbar__inner{grid-template-areas:"brand actions"}.desktop-nav,.navbar-clock{display:none}.brand{max-inline-size:min(100%,28rem);border-radius:24px}.brand small{-webkit-line-clamp:1}.settings-toggle{display:none}.mobile-menu-toggle{display:inline-flex}}@media(max-width:640px){.navbar{min-height:auto;padding:max(.6rem,env(safe-area-inset-top,0px)) max(.62rem,env(safe-area-inset-right,0px)) .6rem max(.62rem,env(safe-area-inset-left,0px))}.brand{inline-size:auto;max-inline-size:min(calc(100vw - 92px),280px);grid-template-columns:auto minmax(0,1fr);gap:.58rem;padding:.42rem .58rem;justify-self:start}.navbar[dir=rtl] .brand{justify-self:end}.brand__mark{inline-size:44px;block-size:44px;border-radius:17px}.brand__mark-text{font-size:1.36rem}.brand strong{font-size:clamp(1.08rem,5.4vw,1.38rem)}.brand small{display:none}.mobile-menu-toggle{inline-size:52px;block-size:52px;min-inline-size:52px;min-block-size:52px;border-radius:19px}.mobile-menu-backdrop{place-items:end center}.mobile-menu{width:min(100%,calc(100vw - 1rem));max-height:min(86dvh,calc(100dvh - 1rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));border-radius:30px 30px 22px 22px;padding:.86rem}.mobile-menu nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.52rem}.mobile-menu nav>a,.mobile-menu nav>button,.mobile-menu__secondary a{min-height:74px;border-radius:20px;padding:.68rem .42rem}.mobile-menu nav>a span,.mobile-menu nav>button span,.mobile-menu__secondary a span{font-size:.76rem}.home-hero__panel.hero__grid{min-height:auto}.home-hero .container{width:min(100% - 24px,var(--container))}.home-hero__copy h1{font-size:clamp(3.05rem,15.5vw,4.65rem)}.home-hero[dir=rtl] .home-hero__description span{display:block}}@media(max-width:390px){.brand{max-inline-size:min(calc(100vw - 82px),244px)}.brand__mark{inline-size:40px;block-size:40px;border-radius:15px}.brand strong{font-size:1.02rem}.mobile-menu nav{gap:.42rem}}@media(prefers-reduced-motion:reduce){.brand,.desktop-nav a,.settings-toggle,.mobile-menu-toggle,.mobile-menu,.mobile-menu-backdrop,.home-orbit-card.daily-card{animation:none!important;transition-duration:.01ms!important}}.tasbih-page-layout{grid-template-columns:minmax(0,1.08fr) minmax(280px,.58fr)}.tasbih-page>.section-heading:first-child{min-height:clamp(150px,20vw,230px);margin-block-end:clamp(.9rem,2vw,1.35rem)}.tasbih-page>.section-heading:first-child h2{max-width:15ch;font-size:clamp(2.35rem,5.7vw,4.6rem)}.tasbih-page>.section-heading:first-child .section-heading__visual{width:clamp(72px,10vw,112px)}.tasbih-main-card--ring{position:relative;overflow:visible;padding:clamp(1rem,2.2vw,1.5rem);background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 38%),linear-gradient(145deg,#ffffff1c,#ffffff09),var(--surface-glass-strong)}.tasbeeh-ring{--bead-size: clamp(12px, 1.45vw, 16px);--bead-radius: clamp(118px, 14vw, 166px);--dial-size: clamp(380px, 40vw, 520px);display:grid;gap:clamp(.85rem,1.8vw,1.15rem);min-width:0;overflow:visible}.tasbeeh-ring--compact{--bead-size: clamp(10px, 2.4vw, 14px);--bead-radius: clamp(94px, 25vw, 126px);--dial-size: clamp(292px, 68vw, 360px)}.tasbeeh-ring__dial{position:relative;isolation:isolate;overflow:visible!important;inline-size:min(100%,var(--dial-size));aspect-ratio:1;min-block-size:0;margin-inline:auto;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-2) 30%,var(--border));border-radius:clamp(28px,5vw,42px);background:linear-gradient(135deg,rgb(255 255 255 / .105),transparent 38%),radial-gradient(circle at 50% 47%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 35%),linear-gradient(180deg,#040e1be6,#02070ff5);box-shadow:inset 0 1px #ffffff1f,inset 0 0 92px #00000047,0 22px 64px #0000003d}.tasbeeh-ring__dial:before{content:"";position:absolute;z-index:1;width:calc((var(--bead-radius) * 2) + (var(--bead-size) * 2) + 28px);max-width:calc(100% - 34px);aspect-ratio:1;border-radius:999px;background:conic-gradient(from -90deg,var(--accent-2) var(--tasbeeh-progress, 0%),rgb(255 255 255 / .08) 0),radial-gradient(circle,transparent 0 69%,rgb(255 255 255 / .11) 70% 71%,transparent 72%);-webkit-mask:radial-gradient(circle,transparent 0 72%,#000 73% 100%);mask:radial-gradient(circle,transparent 0 72%,#000 73% 100%);filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent-2) 20%,transparent));opacity:.9}.tasbeeh-ring__dial:after{content:"";position:absolute;z-index:1;width:calc((var(--bead-radius) * 2) - 34px);max-width:calc(100% - 96px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--gold) 20%,transparent);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0b,0 0 42px #0000002e;opacity:.78}.tasbeeh-ring__aura{position:absolute;inset:8%;z-index:0;border-radius:inherit;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 10%,transparent),transparent),repeating-linear-gradient(90deg,rgb(255 255 255 / .035) 0 1px,transparent 1px 42px),repeating-linear-gradient(0deg,rgb(255 255 255 / .025) 0 1px,transparent 1px 42px);opacity:.48}.tasbeeh-orbit{position:absolute;left:50%;top:50%;z-index:3;width:0;height:0;transform:rotate(-90deg);pointer-events:none}.tasbeeh-orbit__thread{position:absolute;left:50%;top:50%;width:calc(var(--bead-radius) * 2);aspect-ratio:1;border:2px solid color-mix(in srgb,var(--gold) 26%,transparent);border-radius:999px;box-shadow:inset 0 0 18px #f6c7680f,0 0 22px #22d3ee0f;transform:translate(-50%,-50%)}.tasbeeh-orbit span:not(.tasbeeh-orbit__thread),.tasbeeh-bead-loop span{position:absolute;left:50%;top:50%;width:var(--bead-size);aspect-ratio:1;border:1px solid rgb(255 255 255 / .1);border-radius:999px;background:radial-gradient(circle at 32% 26%,rgb(255 255 255 / .92),transparent 30%),radial-gradient(circle at 70% 78%,rgb(0 0 0 / .24),transparent 36%),linear-gradient(135deg,#0f766e,#34d399 52%,#f6c768);box-shadow:inset -2px -3px 7px #0000003d,0 6px 14px #0000003d,0 0 16px color-mix(in srgb,var(--accent) 18%,transparent);opacity:.46;transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(calc(-1 * var(--bead-radius))) rotate(calc(-1 * var(--bead-angle)));transition:opacity .18s var(--ease),transform .18s var(--ease),filter .18s var(--ease)}.tasbeeh-orbit span.active,.tasbeeh-bead-loop span.active{opacity:1;filter:saturate(1.25) drop-shadow(0 0 9px color-mix(in srgb,var(--gold) 46%,transparent))}.tasbeeh-ring__button{position:relative;z-index:5;width:clamp(166px,26vw,228px)!important;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--accent-2) 22%,transparent);border-radius:999px;color:var(--text);background:radial-gradient(circle at 50% 20%,rgb(255 255 255 / .14),transparent 38%),linear-gradient(180deg,#0d2035f5,#020912f0);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 10px #ffffff05,0 22px 58px #0000004d;text-align:center;transition:transform .16s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}.tasbeeh-ring--compact .tasbeeh-ring__button{width:clamp(148px,40vw,182px)!important}.tasbeeh-ring__button:hover{border-color:color-mix(in srgb,var(--accent-2) 44%,transparent);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 10px #ffffff06,0 24px 64px #00000052,0 0 34px color-mix(in srgb,var(--accent-2) 16%,transparent)}.tasbeeh-ring__button:active{transform:scale(.972)}.tasbeeh-ring__label,.tasbeeh-ring__button span{color:var(--muted);font-size:clamp(.82rem,1.6vw,.95rem);font-weight:950}.tasbeeh-ring__button strong{color:#f7fbff;font-family:var(--font-ui);font-size:clamp(2.65rem,7vw,4.55rem);line-height:.92;font-weight:950;font-variant-numeric:tabular-nums;text-shadow:0 0 28px rgb(103 232 249 / .16)}.tasbeeh-ring__button em{max-width:88%;color:var(--accent-2);font-family:var(--font-quran);font-size:clamp(1.05rem,3vw,1.45rem);font-style:normal;line-height:1.45}.tasbeeh-ring__button small{min-height:1.55rem;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding-inline:.7rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.72rem;font-weight:950}.tasbeeh-ring__progress{display:none}.tasbeeh-ring__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,1.6vw,.85rem)}.tasbeeh-ring__meta span{min-height:58px;display:grid;place-items:center;gap:.15rem;border-radius:20px;color:var(--text);background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent),color-mix(in srgb,var(--surface-muted) 78%,transparent);font-size:clamp(.98rem,2vw,1.25rem)}.tasbeeh-ring__meta small{color:var(--muted);font-size:.7rem;font-weight:900}.tasbeeh-ring .preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:.62rem}.tasbeeh-ring .preset-grid button,.tasbeeh-ring .tasbeeh__actions .button{min-height:52px;border-radius:18px;background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 42%),var(--surface-muted);transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease)}.tasbeeh-ring .preset-grid button.active{color:#06131f;border-color:#a7f3d09e;background:linear-gradient(135deg,#a7f3d0,#67e8f9 58%,#f6c768);box-shadow:0 16px 36px #34d39929}.tasbeeh-ring .tasbeeh__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.tasbeeh-ring--compact .tasbeeh__actions{grid-template-columns:1fr}.tasbih-side--controls{align-content:start}.tasbih-note-card{position:relative;overflow:hidden;min-height:210px;align-content:end;padding-block-start:5.25rem}.tasbih-note-card .tasbih-page-vector{position:absolute;inset-block-start:.9rem;inset-inline-end:.9rem;width:94px;opacity:.78}.tasbih-note-card h3,.tasbih-note-card p{margin:0}.tasbih-note-card p{color:var(--muted);line-height:1.75}@media(hover:hover){.tasbeeh-ring .preset-grid button:hover,.tasbeeh-ring .tasbeeh__actions .button:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:no-preference){.tasbeeh-ring__dial:before{animation:tasbeehGlowSweep 4.8s ease-in-out infinite}.tasbeeh-orbit span.active{animation:tasbeehBeadPulse 1.8s ease-in-out infinite;animation-delay:calc(var(--bead-index) * 24ms)}}@keyframes tasbeehGlowSweep{0%,to{opacity:.72;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent-2) 14%,transparent))}50%{opacity:.96;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--accent-2) 26%,transparent))}}@keyframes tasbeehBeadPulse{0%,to{transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(calc(-1 * var(--bead-radius))) rotate(calc(-1 * var(--bead-angle))) scale(1)}50%{transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(calc(-1 * var(--bead-radius))) rotate(calc(-1 * var(--bead-angle))) scale(1.14)}}@media(max-width:1040px){.tasbih-page-layout{grid-template-columns:1fr}.tasbeeh-ring{--bead-radius: clamp(118px, 22vw, 166px);--dial-size: clamp(380px, 68vw, 520px)}}@media(max-width:640px){.tasbih-page>.section-heading:first-child{min-height:220px;margin-block-end:.75rem;padding:.95rem}.tasbih-page>.section-heading:first-child h2{max-width:100%;font-size:clamp(2.05rem,8vw,2.55rem);line-height:1.06}.tasbih-page>.section-heading:first-child p:not(.eyebrow){max-width:29ch;margin-block-start:.4rem;font-size:.95rem;line-height:1.58}.tasbih-main-card--ring{padding:.72rem}.tasbeeh-ring{--bead-size: clamp(9px, 2.8vw, 13px);--bead-radius: clamp(86px, 27vw, 110px);--dial-size: clamp(292px, 78vw, 340px);gap:.72rem}.tasbeeh-ring__dial{border-radius:28px}.tasbeeh-ring__button{width:clamp(138px,38vw,168px)!important}.tasbeeh-ring__button strong{font-size:clamp(2.35rem,10vw,3.35rem)}.tasbeeh-ring__button em{font-size:clamp(.95rem,3.8vw,1.2rem)}.tasbeeh-ring .tasbeeh__actions{grid-template-columns:1fr}.tasbeeh-ring__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.tasbeeh-ring__meta span{min-height:54px;border-radius:18px;font-size:.95rem}}@media(max-width:380px){.tasbeeh-ring{--bead-size: 9px;--bead-radius: 92px;--dial-size: 294px}.tasbeeh-ring__button{width:142px!important}}.tasbih-main-card--ring{overflow:hidden;border-color:color-mix(in srgb,var(--accent-2) 26%,var(--border));background:linear-gradient(180deg,rgb(255 255 255 / .08),transparent 54%),radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 34%),linear-gradient(145deg,#081726d1,#030b16e6),var(--surface-glass-strong)}.tasbeeh-ring{--bead-size: 13px;--bead-radius: 152px;--dial-size: 456px;gap:1rem}.tasbeeh-ring--compact{--bead-size: 10px;--bead-radius: 112px;--dial-size: 326px}.tasbeeh-ring__dial{overflow:hidden!important;border-radius:36px;background:linear-gradient(145deg,rgb(255 255 255 / .08),transparent 38%),radial-gradient(circle at 50% 50%,rgb(1 8 18 / .86) 0 36%,rgb(4 16 31 / .86) 37% 57%,transparent 58%),linear-gradient(180deg,#071524f0,#020811f5)}.tasbeeh-ring__dial:before{width:calc((var(--bead-radius) * 2) + 42px);max-width:calc(100% - 42px);opacity:.62;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent-2) 18%,transparent))}.tasbeeh-ring__dial:after{width:calc((var(--bead-radius) * 2) - 56px);max-width:calc(100% - 130px);border-color:color-mix(in srgb,var(--accent-2) 24%,transparent);opacity:.56}.tasbeeh-ring__aura{inset:11%;opacity:.32}.tasbeeh-orbit__thread{border-color:color-mix(in srgb,var(--accent-2) 22%,var(--gold) 14%);box-shadow:inset 0 0 16px #67e8f90d,0 0 18px #34d3990d}.tasbeeh-orbit span:not(.tasbeeh-orbit__thread),.tasbeeh-bead-loop span{border-color:color-mix(in srgb,var(--accent-2) 20%,transparent);background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / .78),transparent 31%),radial-gradient(circle at 74% 78%,rgb(0 0 0 / .28),transparent 38%),linear-gradient(145deg,#0d9488,#34d399 62%,#d9b45c);opacity:.3;box-shadow:inset -2px -3px 6px #00000038,0 4px 10px #0003;transition:opacity .18s var(--ease),transform .18s var(--ease),filter .18s var(--ease),box-shadow .18s var(--ease)}.tasbeeh-orbit span.active,.tasbeeh-bead-loop span.active{opacity:.88;filter:saturate(1.12)}.tasbeeh-orbit span.is-current{opacity:1;box-shadow:inset -2px -3px 6px #00000038,0 5px 12px #00000038,0 0 18px color-mix(in srgb,var(--accent-2) 34%,transparent)}.tasbeeh-ring__button{width:206px!important;gap:.38rem;border-color:color-mix(in srgb,var(--accent-2) 26%,transparent);background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / .12),transparent 34%),linear-gradient(180deg,#091c30f5,#020812f5);box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 9px #ffffff04,0 18px 44px #00000047}.tasbeeh-ring--compact .tasbeeh-ring__button{width:164px!important}.tasbeeh-ring__label,.tasbeeh-ring__button span.tasbeeh-ring__label{color:color-mix(in srgb,var(--muted) 86%,var(--text));font-size:.86rem;font-weight:820;line-height:1.35}.tasbeeh-ring__button .tasbeeh-ring__counter{min-inline-size:4.2ch;display:block;color:#f7fbff;font-family:var(--font-ui);font-size:3.35rem;font-weight:880;line-height:1;direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:0;text-shadow:0 0 20px rgb(103 232 249 / .12)}.tasbeeh-ring__button .tasbeeh-ring__digits{display:inline-flex;justify-content:center;gap:.015em;color:inherit;font:inherit}.tasbeeh-ring__button .tasbeeh-ring__digits span{min-inline-size:.55em;display:inline-block;color:inherit;font:inherit;line-height:inherit;animation:tasbeehDigitSettle .21s var(--ease) both}.tasbeeh-ring__button em{max-width:12rem;color:color-mix(in srgb,var(--accent-2) 90%,white);font-size:1.18rem;line-height:1.65}.tasbeeh-ring__button small{min-height:1.6rem;padding-inline:.78rem;color:color-mix(in srgb,var(--accent) 86%,white);font-size:.74rem;font-weight:840}.tasbeeh-ring__meta span{min-height:56px;border:1px solid color-mix(in srgb,var(--accent-2) 15%,transparent);border-radius:18px;background:linear-gradient(180deg,#ffffff14,#ffffff06),color-mix(in srgb,var(--surface-muted) 72%,transparent);font-family:var(--font-ui);font-size:1.05rem;font-weight:820;line-height:1.15}[lang=ar] .tasbeeh-ring__meta span{font-family:var(--font-ar-ui)}.tasbeeh-ring__meta small{font-size:.72rem;line-height:1.35}.tasbeeh-ring .preset-grid button,.tasbeeh-ring .tasbeeh__actions .button{border-radius:16px;font-weight:840}@media(hover:hover){.tasbeeh-ring__button:hover{transform:translateY(-1px)}}@media(prefers-reduced-motion:no-preference){.tasbeeh-orbit span.active{animation:none}.tasbeeh-orbit span.is-current{animation:tasbeehCurrentBead .36s var(--ease) both}}@keyframes tasbeehDigitSettle{0%{opacity:.34;transform:translateY(.26em) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tasbeehCurrentBead{0%{transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(calc(-1 * var(--bead-radius))) rotate(calc(-1 * var(--bead-angle))) scale(.92)}55%{transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(calc(-1 * var(--bead-radius))) rotate(calc(-1 * var(--bead-angle))) scale(1.18)}to{transform:translate(-50%,-50%) rotate(var(--bead-angle)) translateY(calc(-1 * var(--bead-radius))) rotate(calc(-1 * var(--bead-angle))) scale(1)}}:root[data-theme=light] .tasbih-main-card--ring{background:linear-gradient(180deg,#fffffff5,#eff9f5d6),var(--surface-glass-strong)}:root[data-theme=light] .tasbeeh-ring__dial{background:linear-gradient(145deg,rgb(255 255 255 / .76),transparent 42%),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .92) 0 36%,rgb(236 248 244 / .9) 37% 57%,transparent 58%),linear-gradient(180deg,#eef8f6f5,#e2f1f4f0);box-shadow:inset 0 1px #ffffffe6,inset 0 0 68px #0e749014,0 18px 42px #2c546624}:root[data-theme=light] .tasbeeh-ring__button{color:#10203a;background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / .9),transparent 36%),linear-gradient(180deg,#fffffff5,#ebf8f4eb);box-shadow:inset 0 1px #fffffff0,inset 0 0 0 9px #0e749006,0 18px 42px #2c54661f}:root[data-theme=light] .tasbeeh-ring__button .tasbeeh-ring__counter{color:#10203a;text-shadow:0 8px 18px rgb(14 116 144 / .08)}:root[data-theme=light] .tasbeeh-ring__button em{color:#0b7d80}@media(max-width:640px){.tasbeeh-ring{--bead-size: 10px;--bead-radius: 102px;--dial-size: 318px}.tasbeeh-ring__button{width:158px!important}.tasbeeh-ring__button .tasbeeh-ring__counter{font-size:2.65rem}.tasbeeh-ring__button em{font-size:1rem;line-height:1.55}.tasbeeh-ring__meta{grid-template-columns:1fr 1fr 1fr}}@media(max-width:380px){.tasbeeh-ring{--bead-size: 9px;--bead-radius: 94px;--dial-size: 294px}.tasbeeh-ring__button{width:146px!important}.tasbeeh-ring__button .tasbeeh-ring__counter{font-size:2.35rem}}:root[data-ui-motion=reduced] .tasbeeh-ring__digits span,:root[data-ui-motion=reduced] .tasbeeh-orbit span.is-current{animation:none!important}.icon--flipped{transform:scaleX(-1)}.interactive-manasik-map{position:relative;isolation:isolate;display:grid;gap:clamp(.95rem,2vw,1.35rem);min-inline-size:0;margin-block:clamp(1rem,2.5vw,1.7rem);padding:clamp(.95rem,2.2vw,1.55rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 34%,var(--border));border-radius:clamp(26px,3.4vw,40px);background:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 34%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 90%,#082f49 10%),color-mix(in srgb,var(--surface) 92%,#052e2b 8%));box-shadow:inset 0 1px #ffffff1a,0 30px 88px #0000003d,var(--shadow-soft)}.interactive-manasik-map:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(30deg,transparent 0 46%,rgb(255 255 255 / .035) 47% 48%,transparent 49% 100%),linear-gradient(150deg,transparent 0 46%,rgb(255 255 255 / .03) 47% 48%,transparent 49% 100%);background-size:72px 72px;mask-image:linear-gradient(180deg,rgb(0 0 0 / .55),transparent 82%);pointer-events:none}.interactive-manasik-map__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:clamp(.75rem,1.6vw,1rem);align-items:stretch;padding:clamp(.78rem,1.5vw,1rem);border:1px solid color-mix(in srgb,var(--accent-2) 22%,var(--border));border-radius:clamp(22px,2.8vw,30px);background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 34%),linear-gradient(135deg,#ffffff12,#ffffff06);box-shadow:inset 0 1px #ffffff17;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.interactive-manasik-map__header>*,.interactive-manasik-map__stage>*{min-inline-size:0}.interactive-manasik-map__header h2{margin:0;font-family:var(--font-ar-display);font-size:clamp(1.38rem,2.55vw,2.35rem);line-height:1.12;text-wrap:balance}[dir=ltr] .interactive-manasik-map__header h2{font-family:var(--font-ui);font-weight:950}.interactive-manasik-map__header p:not(.eyebrow){max-width:68ch;margin:.35rem 0 0;color:color-mix(in srgb,var(--muted) 86%,var(--text));font-family:var(--font-ar);font-size:clamp(.94rem,1.15vw,1.04rem);line-height:1.75}.interactive-manasik-map__progress{display:grid;gap:.48rem;min-inline-size:0;padding:.72rem;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:20px;background:linear-gradient(180deg,#ffffff17,#ffffff09);box-shadow:inset 0 1px #ffffff1a}.interactive-manasik-map__progress span{color:var(--muted);font-size:.86rem;font-weight:900}.interactive-manasik-map__progress strong{color:var(--accent);font-size:clamp(1.45rem,3.2vw,2.2rem);line-height:.9;font-variant-numeric:tabular-nums}.interactive-manasik-map__stage{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.9rem,2vw,1.2rem);align-items:start}.interactive-manasik-map__viewport{position:relative;min-inline-size:0;max-inline-size:100%;block-size:clamp(640px,78dvh,980px);max-block-size:none;overflow:auto;overscroll-behavior:contain;direction:ltr;border:1px solid color-mix(in srgb,var(--accent-2) 42%,var(--border));border-radius:clamp(24px,3vw,32px);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent 34%),linear-gradient(180deg,#030814e0,#02060ec7),var(--bg-soft);box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #ffffff09,0 28px 70px #0000003d;scrollbar-gutter:stable both-edges}.interactive-manasik-map__viewport:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-2) 54%,transparent);outline-offset:4px}.interactive-manasik-map__svg{display:block;inline-size:min(100%,1080px);block-size:auto;margin-inline:auto;overflow:visible;direction:ltr;filter:drop-shadow(0 28px 58px rgb(0 0 0 / .34))}.interactive-manasik-map__base{fill:#071120;transition:fill .18s var(--ease)}.interactive-manasik-map__artwork{opacity:1;filter:saturate(1.06) contrast(1.04)}.interactive-manasik-map__focus-veil{fill:#02061714;pointer-events:none}.interactive-manasik-map__label{pointer-events:none;transform-box:fill-box;transform-origin:center;animation:manasikLabelRise .52s calc(var(--map-label-index, 1) * 28ms) var(--ease) both;transition:opacity .18s var(--ease),filter .18s var(--ease),transform .18s var(--ease)}.interactive-manasik-map__label.is-muted{opacity:.98}.interactive-manasik-map__label.is-selected{opacity:1;transform:translateY(-1px);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 42%,transparent)) drop-shadow(0 14px 20px rgb(0 0 0 / .2))}.interactive-manasik-map__leader{stroke:color-mix(in srgb,var(--accent-2) 48%,white 14%);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:7 9;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent-2) 22%,transparent))}.interactive-manasik-map__label.is-selected .interactive-manasik-map__leader{stroke:color-mix(in srgb,var(--gold) 76%,white);stroke-width:2.4;stroke-dasharray:10 7;animation:manasikLeaderDash .9s linear infinite}.interactive-manasik-map__label-card{fill:#061624db;stroke:color-mix(in srgb,var(--accent-2) 52%,white 16%);stroke-width:1.35;filter:drop-shadow(0 8px 16px rgb(0 0 0 / .22)) drop-shadow(0 0 12px color-mix(in srgb,var(--accent-2) 12%,transparent))}.interactive-manasik-map__label-number-bg{fill:url(#manasik-marker-core);stroke:#ffffffc7;stroke-width:1.5;filter:drop-shadow(0 5px 10px rgb(0 0 0 / .24))}.interactive-manasik-map__label-number{fill:#061120;font-family:var(--font-ui);font-size:13px;font-weight:1000;pointer-events:none;-webkit-user-select:none;user-select:none}.interactive-manasik-map__label-text{fill:#f8fbff;font-family:var(--font-ar-ui);font-size:16.5px;font-weight:950;pointer-events:none;text-shadow:0 8px 20px rgb(0 0 0 / .26);-webkit-user-select:none;user-select:none}[dir=ltr] .interactive-manasik-map__label-text{font-family:var(--font-ui);font-size:12px;font-weight:900}.interactive-manasik-map__label.is-selected .interactive-manasik-map__label-card{fill:#051928f0;stroke:color-mix(in srgb,var(--gold) 72%,white);stroke-width:2.2;filter:drop-shadow(0 10px 22px rgb(0 0 0 / .26)) drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 30%,transparent))}.interactive-manasik-map__label.is-selected .interactive-manasik-map__label-number-bg{fill:url(#manasik-marker-core);stroke:#ffffffe6}.interactive-manasik-map__label.is-selected .interactive-manasik-map__label-number{fill:#061120}.interactive-manasik-map__label.is-selected .interactive-manasik-map__label-text{fill:#fff8db;text-shadow:0 0 14px rgb(246 199 104 / .22)}.interactive-manasik-map__marker{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:transform .18s var(--ease),filter .18s var(--ease)}.interactive-manasik-map__hit{fill:transparent}.interactive-manasik-map__pulse{fill:color-mix(in srgb,var(--accent-2) 42%,transparent);opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:center}.interactive-manasik-map__marker-shell{fill:#ffffffe6;stroke:color-mix(in srgb,var(--accent-2) 46%,white 18%);stroke-width:2.6;filter:url(#manasik-marker-shadow);transition:stroke .16s var(--ease),stroke-width .16s var(--ease),fill .16s var(--ease)}.interactive-manasik-map__marker-core{fill:#071120eb;stroke:#ffffffd6;stroke-width:2.2;transition:fill .16s var(--ease)}.interactive-manasik-map__marker-number{fill:#fff;font-family:var(--font-ui);font-size:18px;font-weight:950;pointer-events:none;-webkit-user-select:none;user-select:none}.interactive-manasik-map__review-check{fill:none;stroke:#f6c768;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .32));pointer-events:none}.interactive-manasik-map__marker:hover .interactive-manasik-map__marker-shell,.interactive-manasik-map__marker:focus-visible .interactive-manasik-map__marker-shell{stroke:var(--gold);stroke-width:4.5}.interactive-manasik-map__marker:hover,.interactive-manasik-map__marker:focus-visible{transform:scale(1.08);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--gold) 22%,transparent))}.interactive-manasik-map__marker:hover .interactive-manasik-map__marker-core,.interactive-manasik-map__marker:focus-visible .interactive-manasik-map__marker-core{fill:color-mix(in srgb,var(--accent-3) 42%,#071120)}.interactive-manasik-map__marker.is-selected .interactive-manasik-map__marker-shell{fill:#fff7d6;stroke:var(--gold);stroke-width:5.2}.interactive-manasik-map__marker.is-selected .interactive-manasik-map__marker-core{fill:url(#manasik-marker-core)}.interactive-manasik-map__marker.is-selected .interactive-manasik-map__marker-number{fill:#061120}.interactive-manasik-map__marker.is-selected .interactive-manasik-map__pulse{opacity:.35;animation:manasikMarkerPulse 1.6s ease-in-out infinite}.interactive-manasik-map__marker.is-reviewed:not(.is-selected) .interactive-manasik-map__marker-core{fill:color-mix(in srgb,var(--gold) 48%,#071120)}.interactive-manasik-map__detail{position:static;display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:.9rem;min-width:0;padding:clamp(.95rem,2vw,1.2rem);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:26px;background:linear-gradient(180deg,#ffffff18,#ffffff0a),color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.interactive-manasik-map__detail-head,.interactive-manasik-map__short,.interactive-manasik-map__actions{grid-column:1}.interactive-manasik-map__meta,.interactive-manasik-map__points{grid-column:2}.interactive-manasik-map__detail-head{display:grid;grid-template-columns:68px minmax(0,1fr);gap:.85rem;align-items:center}.interactive-manasik-map__glyph-shell{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;color:#f6c768;background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / .22),transparent 46%),linear-gradient(135deg,#071120eb,#115e59b8);box-shadow:inset 0 1px #ffffff29,0 16px 36px #0003}.interactive-manasik-map__glyph{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.interactive-manasik-map__detail-head p{margin:0 0 .25rem;color:var(--muted);font-size:.82rem;font-weight:950}.interactive-manasik-map__detail-head h3{margin:0;font-family:var(--font-ar-display);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.18}[dir=ltr] .interactive-manasik-map__detail-head h3{font-family:var(--font-ui);font-weight:950}.interactive-manasik-map__short{margin:0;color:var(--text);font-family:var(--font-ar);font-size:clamp(1.08rem,1.8vw,1.24rem);line-height:1.9}[dir=ltr] .interactive-manasik-map__short{font-family:var(--font-ui);line-height:1.65}.interactive-manasik-map__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0}.interactive-manasik-map__meta div{display:grid;gap:.25rem;padding:.7rem .75rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,var(--border));border-radius:18px;background:#ffffff0e}.interactive-manasik-map__meta dt{color:var(--muted);font-size:.78rem;font-weight:950}.interactive-manasik-map__meta dd{margin:0;color:var(--text);font-weight:900;line-height:1.55}.interactive-manasik-map__points{display:grid;gap:.55rem}.interactive-manasik-map__points p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start;margin:0;color:var(--muted);line-height:1.7}.interactive-manasik-map__points .icon{margin-block-start:.22rem;color:var(--accent)}.interactive-manasik-map__actions{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:.5rem;align-items:center}.interactive-manasik-map__actions .button{min-width:0;justify-content:center;padding-inline:.75rem}@keyframes manasikMarkerPulse{0%,to{transform:scale(.82);opacity:.18}50%{transform:scale(1.18);opacity:.42}}@keyframes manasikLabelRise{0%{transform:translateY(14px) scale(.96);filter:blur(3px)}to{transform:translateY(0) scale(1);filter:blur(0)}}@keyframes manasikLeaderDash{to{stroke-dashoffset:-17}}:root[data-theme=light] .interactive-manasik-map{border-color:#0ea5e933;background:radial-gradient(circle at 16% 0%,rgb(103 232 249 / .22),transparent 35%),radial-gradient(circle at 88% 12%,rgb(246 199 104 / .2),transparent 34%),linear-gradient(135deg,#fffffff5,#edfaffd6)}:root[data-theme=light] .interactive-manasik-map__viewport{border-color:#0e749038;background:radial-gradient(circle at 50% 14%,rgb(103 232 249 / .18),transparent 34%),linear-gradient(180deg,#fffffff0,#e7f6ffd1),var(--bg-soft);box-shadow:inset 0 1px #ffffffe6,0 24px 58px #4d78cc1f}:root[data-theme=light] .interactive-manasik-map__base{fill:#f5fbff}:root[data-theme=light] .interactive-manasik-map__artwork{opacity:.86;filter:saturate(1.05) brightness(1.06) contrast(.96)}:root[data-theme=light] .interactive-manasik-map__focus-veil{fill:#f0f9ff14}:root[data-theme=light] .interactive-manasik-map__leader{stroke:#0f4f5c61}:root[data-theme=light] .interactive-manasik-map__label-card{fill:#ffffffeb;stroke:#0e74906b;filter:drop-shadow(0 8px 15px rgb(77 120 204 / .12)) drop-shadow(0 0 12px rgb(14 165 233 / .08))}:root[data-theme=light] .interactive-manasik-map__label-number-bg{fill:#ecfeff;stroke:#0f766e3d}:root[data-theme=light] .interactive-manasik-map__label-number{fill:#0f243f}:root[data-theme=light] .interactive-manasik-map__label-text{fill:#10203a;text-shadow:none}:root[data-theme=light] .interactive-manasik-map__label.is-selected .interactive-manasik-map__label-card{fill:#fffffff5;stroke:#b4841c99}:root[data-theme=light] .interactive-manasik-map__label.is-selected .interactive-manasik-map__label-text{fill:#10203a}:root[data-theme=light] .interactive-manasik-map__marker-shell{fill:#fff;stroke:#14b8a694}:root[data-theme=light] .interactive-manasik-map__marker-core{fill:#f8fcff;stroke:#0f766e70}:root[data-theme=light] .interactive-manasik-map__marker-number{fill:#10203a}:root[data-theme=light] .interactive-manasik-map__detail,:root[data-theme=light] .interactive-manasik-map__progress{color:var(--text);border-color:#0e74902e;background:linear-gradient(180deg,#ffffffeb,#ecfdf5b8),var(--surface)}:root[data-theme=light] .interactive-manasik-map__meta div{background:#ffffffb3}@media(max-width:1120px){.interactive-manasik-map__detail{grid-template-columns:1fr}.interactive-manasik-map__detail-head,.interactive-manasik-map__short,.interactive-manasik-map__actions,.interactive-manasik-map__meta,.interactive-manasik-map__points{grid-column:1}.interactive-manasik-map__meta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.page>.section-heading:first-child h2{max-width:100%;max-inline-size:100%;font-size:clamp(1.92rem,8.4vw,2.45rem);line-height:1.16;overflow-wrap:break-word;word-break:normal;white-space:normal}.interactive-manasik-map{inline-size:100%;max-inline-size:calc(100vw - 24px);box-sizing:border-box;padding:.72rem;border-radius:26px}.interactive-manasik-map,.interactive-manasik-map__header,.interactive-manasik-map__stage,.interactive-manasik-map__viewport,.interactive-manasik-map__detail{min-inline-size:0;max-inline-size:100%}.interactive-manasik-map__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.68rem;border-radius:21px;overflow:hidden}.interactive-manasik-map__header>div:first-child{min-inline-size:0;overflow:hidden}.interactive-manasik-map__header h2{inline-size:min(100%,11rem);max-width:11rem;max-inline-size:11rem;justify-self:end;font-size:clamp(1.12rem,4.8vw,1.45rem);line-height:1.18;overflow-wrap:anywhere;word-break:normal;white-space:normal;text-align:end}.interactive-manasik-map__header .eyebrow{display:none}.interactive-manasik-map__header p:not(.eyebrow){display:none}.interactive-manasik-map__progress{width:6.2rem;min-inline-size:0;display:grid;place-items:center;gap:.22rem;padding:.48rem .55rem;border-radius:17px;text-align:center}.interactive-manasik-map__progress span{font-size:.68rem;line-height:1}.interactive-manasik-map__progress strong{font-size:1.32rem}.interactive-manasik-map__progress .progress-bar{display:none}.interactive-manasik-map__viewport{block-size:min(70dvh,700px);min-block-size:560px;max-block-size:none;border-radius:22px;scrollbar-gutter:auto;contain:layout paint}.interactive-manasik-map__svg{inline-size:min(760px,210vw);max-inline-size:none}.interactive-manasik-map__label.is-secondary{display:block;opacity:.86}.interactive-manasik-map__label.is-muted{opacity:.94;visibility:visible}.interactive-manasik-map__label.is-selected{opacity:1;visibility:visible}.interactive-manasik-map__label-card{stroke-width:1.5}.interactive-manasik-map__label-text{font-size:16px}.interactive-manasik-map__label-number{font-size:13px}.interactive-manasik-map__meta{grid-template-columns:1fr}.interactive-manasik-map__detail{border-radius:22px}.interactive-manasik-map__detail-head{grid-template-columns:58px minmax(0,1fr)}.interactive-manasik-map__glyph-shell{width:58px;height:58px;border-radius:18px}.interactive-manasik-map__glyph{width:38px;height:38px}.interactive-manasik-map__actions{grid-template-columns:1fr}.manasik-sidebar{padding:.75rem;border:1px solid var(--border);border-radius:24px;background:var(--surface-glass)}.manasik-step-list{max-height:min(42dvh,390px);overflow:auto;padding-inline-end:.35rem}}.section-heading,.page>.section-heading:first-child,.favorites-page>.section-heading,.tasbih-page>.section-heading:first-child{position:relative;isolation:isolate;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(.78rem,1.8vw,1.25rem);align-items:center!important;justify-items:stretch;min-height:0!important;overflow:visible!important;margin-block:0 clamp(1rem,2.2vw,1.5rem)!important;border:1px solid color-mix(in srgb,var(--accent-2) 30%,var(--border))!important;border-radius:clamp(26px,3.4vw,42px)!important;padding:clamp(.95rem,2.3vw,1.55rem)!important;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 32%),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 34%),linear-gradient(135deg,#ffffff1b,#ffffff0a),color-mix(in srgb,var(--surface-glass-strong) 88%,transparent)!important;box-shadow:inset 0 1px #ffffff21,inset 0 0 0 1px #ffffff06,0 22px 68px color-mix(in srgb,var(--accent-2) 12%,transparent),var(--shadow-soft)!important;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)}.section-heading[dir=rtl],.page>.section-heading:first-child[dir=rtl],.favorites-page>.section-heading[dir=rtl],.tasbih-page>.section-heading:first-child[dir=rtl]{direction:rtl;text-align:right}.section-heading[dir=ltr],.page>.section-heading:first-child[dir=ltr],.favorites-page>.section-heading[dir=ltr],.tasbih-page>.section-heading:first-child[dir=ltr]{direction:ltr;text-align:left}.section-heading:before,.section-heading:after,.page>.section-heading:first-child:before,.page>.section-heading:first-child:after,.favorites-page>.section-heading:before,.tasbih-page>.section-heading:first-child:before{content:""!important;position:absolute;pointer-events:none}.section-heading:before,.page>.section-heading:first-child:before,.favorites-page>.section-heading:before,.tasbih-page>.section-heading:first-child:before{inset:0;z-index:0;background-image:radial-gradient(circle at center,color-mix(in srgb,var(--accent-2) 18%,transparent) 0 1.4px,transparent 1.8px),linear-gradient(30deg,color-mix(in srgb,var(--accent) 8%,transparent) 12%,transparent 12%,transparent 88%,color-mix(in srgb,var(--accent-2) 8%,transparent) 88%),linear-gradient(150deg,color-mix(in srgb,var(--gold) 7%,transparent) 12%,transparent 12%,transparent 88%,color-mix(in srgb,var(--rose) 5%,transparent) 88%);background-size:30px 30px,72px 72px,72px 72px!important;opacity:.34;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}.section-heading:after,.page>.section-heading:first-child:after,.favorites-page>.section-heading:after,.tasbih-page>.section-heading:first-child:after{inset-block:auto -1px;inset-inline:clamp(.95rem,2vw,1.4rem);width:auto;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#67e8f9,#34d399,#f6c768,#fb7eb2,transparent);background-size:auto!important;mask-image:none!important;opacity:.86;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent-2) 42%,transparent));animation:sectionHeadingScan 6.6s var(--ease) infinite}.section-heading>*,.page>.section-heading:first-child>*{position:relative;z-index:1}.section-heading__content{min-width:0;max-width:100%;overflow:visible;unicode-bidi:isolate;display:grid;gap:clamp(.24rem,.8vw,.42rem);align-content:center;justify-items:stretch}.section-heading[dir=rtl] .section-heading__content,[dir=rtl] .section-heading__content{justify-items:stretch;text-align:right}.section-heading[dir=ltr] .section-heading__content,[dir=ltr] .section-heading__content{justify-items:stretch;text-align:left}.section-heading .eyebrow{width:fit-content;max-width:100%;justify-self:start;display:inline-flex;align-items:center;gap:.48rem;margin:0;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:999px;padding:.32rem .68rem;color:color-mix(in srgb,var(--accent) 68%,white);background:radial-gradient(circle at 22% 18%,rgb(255 255 255 / .12),transparent 40%),color-mix(in srgb,var(--accent) 9%,transparent);font-family:var(--font-ar-ui);font-size:clamp(.72rem,.95vw,.86rem);font-weight:950;line-height:1.2;letter-spacing:0;text-transform:none;unicode-bidi:isolate;box-shadow:inset 0 1px #ffffff14}.section-heading .eyebrow:before{content:"";width:.62rem;height:.62rem;border-radius:999px;background:radial-gradient(circle,#a7f3d0 0 32%,var(--accent) 34% 70%,transparent 72%);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent);animation:sectionHeadingDot 2.6s ease-in-out infinite}.section-heading h2,.page>.section-heading:first-child h2,.tasbih-page>.section-heading:first-child h2{inline-size:100%!important;max-width:100%!important;max-inline-size:100%!important;margin:0!important;color:transparent;background:linear-gradient(110deg,#f8fbff,#b8fff1 18%,#67e8f9 34%,#34d399 52%,#f6c768 72%,#ffe7fb);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;font-family:var(--font-ar-display);font-size:clamp(1.52rem,2.75vw,2.72rem)!important;font-weight:950;line-height:1.18!important;letter-spacing:0;text-align:inherit;text-wrap:pretty;unicode-bidi:isolate;overflow:visible;overflow-wrap:break-word;word-break:normal;text-shadow:0 18px 42px color-mix(in srgb,var(--accent-2) 11%,transparent);animation:sectionHeadingGradient 8s ease-in-out infinite,sectionHeadingFade .52s var(--ease) both}.section-heading p:not(.eyebrow),.page>.section-heading:first-child p:not(.eyebrow),.tasbih-page>.section-heading:first-child p:not(.eyebrow){inline-size:100%!important;max-width:min(100%,82ch)!important;max-inline-size:min(100%,82ch)!important;margin:0!important;color:color-mix(in srgb,var(--muted) 76%,var(--text));font-family:var(--font-ar);font-size:clamp(.96rem,1.12vw,1.08rem)!important;line-height:1.9!important;text-align:inherit;text-wrap:pretty;unicode-bidi:isolate;overflow:visible;overflow-wrap:break-word}.section-heading__visual,.page>.section-heading:first-child .section-heading__visual,.tasbih-page>.section-heading:first-child .section-heading__visual{position:relative!important;inset:auto!important;order:0;width:clamp(54px,6vw,78px)!important;min-width:clamp(54px,6vw,78px);margin:0!important;opacity:1!important;color:color-mix(in srgb,var(--accent-2) 74%,var(--accent));filter:drop-shadow(0 12px 24px color-mix(in srgb,var(--accent-2) 18%,transparent))}.section-heading__visual .animated-vector__halo{border-color:color-mix(in srgb,var(--accent-2) 34%,transparent);background:radial-gradient(circle at 34% 22%,rgb(255 255 255 / .2),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--accent-2) 13%,transparent),color-mix(in srgb,var(--accent) 9%,transparent));box-shadow:0 0 32px color-mix(in srgb,var(--accent-2) 18%,transparent),inset 0 1px #ffffff1f}.section-heading__action,.section-heading[dir=rtl] .section-heading__action,.section-heading[dir=ltr] .section-heading__action{justify-self:end}.favorites-page>.section-heading{border-color:color-mix(in srgb,var(--favorite-lavender) 46%,transparent)!important;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--favorite-pink) 24%,transparent),transparent 34%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--favorite-lavender) 28%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--favorite-plum) 26%,transparent),color-mix(in srgb,var(--favorite-violet) 10%,transparent) 48%,transparent),var(--surface-glass-strong)!important;box-shadow:inset 0 1px 0 var(--surface-highlight),0 22px 70px color-mix(in srgb,var(--favorite-violet) 18%,transparent),var(--shadow-soft)!important}.favorites-page>.section-heading .section-heading__visual{color:color-mix(in srgb,var(--favorite-pink) 64%,var(--favorite-lavender))}.favorites-page>.section-heading:before{background-image:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--favorite-rose) 42%,transparent) 0 2px,transparent 2.5px),radial-gradient(circle at 58% 40%,color-mix(in srgb,var(--favorite-lavender) 22%,transparent) 0 1.5px,transparent 2px),linear-gradient(30deg,color-mix(in srgb,var(--favorite-lavender) 13%,transparent) 12%,transparent 12%,transparent 88%,color-mix(in srgb,var(--favorite-pink) 11%,transparent) 88%);background-size:34px 34px,48px 48px,66px 66px!important;opacity:.46}.favorites-page>.section-heading:after{background:linear-gradient(90deg,transparent,var(--favorite-pink),var(--favorite-lavender),var(--favorite-mint),transparent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--favorite-pink) 42%,transparent))}:root[data-theme=light] .section-heading h2,:root[data-theme=light] .page>.section-heading:first-child h2,:root[data-theme=light] .tasbih-page>.section-heading:first-child h2{background:linear-gradient(110deg,#10203a,#047c89 22%,#047857,#ad6b13,#10203a 82%,#6d28d9);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;text-shadow:0 16px 36px rgb(77 120 204 / .12)}:root[data-theme=light] .section-heading .eyebrow{color:#075f68;border-color:#0e74902e;background:radial-gradient(circle at 22% 18%,rgb(255 255 255 / .8),transparent 42%),#ffffff94}:root[data-theme=light] .section-heading,:root[data-theme=light] .page>.section-heading:first-child,:root[data-theme=light] .favorites-page>.section-heading,:root[data-theme=light] .tasbih-page>.section-heading:first-child{border-color:#0e74902e!important;background:radial-gradient(circle at 12% 18%,rgb(103 232 249 / .2),transparent 34%),radial-gradient(circle at 88% 18%,rgb(246 199 104 / .14),transparent 34%),linear-gradient(135deg,#fffffff0,#ecfdf5c7)!important;box-shadow:inset 0 1px #ffffffe0,0 18px 48px #4d78cc1a!important}:root[data-theme=light] .section-heading p:not(.eyebrow),:root[data-theme=light] .page>.section-heading:first-child p:not(.eyebrow),:root[data-theme=light] .tasbih-page>.section-heading:first-child p:not(.eyebrow){color:#4a5874}@keyframes sectionHeadingGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes sectionHeadingScan{0%,to{opacity:0;transform:translate(-10%)}18%,62%{opacity:.95}72%{opacity:0;transform:translate(155%)}}@keyframes sectionHeadingDot{0%,to{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes sectionHeadingFade{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(hover:hover){.section-heading:hover,.page>.section-heading:first-child:hover,.favorites-page>.section-heading:hover,.tasbih-page>.section-heading:first-child:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-2) 44%,var(--border-strong))!important;box-shadow:inset 0 1px #ffffff24,0 26px 78px color-mix(in srgb,var(--accent-2) 15%,transparent),var(--shadow-soft)!important}.section-heading:hover .section-heading__visual{transform:translateY(-1px) scale(1.03)}}@media(max-width:720px){.section-heading,.page>.section-heading:first-child,.favorites-page>.section-heading,.tasbih-page>.section-heading:first-child{grid-template-columns:auto minmax(0,1fr);align-items:center!important;gap:.72rem;border-radius:24px!important;padding:.9rem!important;margin-block-end:.95rem!important}.section-heading h2,.page>.section-heading:first-child h2,.tasbih-page>.section-heading:first-child h2{max-width:100%!important;max-inline-size:100%!important;font-size:clamp(1.28rem,5.8vw,1.82rem)!important;line-height:1.24!important;overflow-wrap:normal;word-break:normal}.section-heading p:not(.eyebrow),.page>.section-heading:first-child p:not(.eyebrow),.tasbih-page>.section-heading:first-child p:not(.eyebrow){max-width:100%!important;font-size:clamp(.86rem,3.5vw,.98rem)!important;line-height:1.78!important}.section-heading__action{grid-column:1 / -1;justify-self:stretch}.section-heading__action .button{width:100%}.section-heading__visual,.page>.section-heading:first-child .section-heading__visual,.tasbih-page>.section-heading:first-child .section-heading__visual{width:48px!important;min-width:48px}.section-heading .eyebrow{max-width:100%;padding:.28rem .58rem;font-size:.76rem}}@media(prefers-reduced-motion:reduce){.section-heading h2,.section-heading:after,.section-heading .eyebrow:before{animation:none!important}}.donation-card{--donation-accent: var(--accent);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.95rem,1.8vw,1.2rem);min-height:clamp(300px,27vw,360px);border-color:color-mix(in srgb,var(--donation-accent) 28%,var(--border));background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--donation-accent) 22%,transparent),transparent 34%),radial-gradient(circle at 90% 14%,color-mix(in srgb,var(--accent-2) 13%,transparent),transparent 32%),linear-gradient(135deg,#0e1b34db,#06111fc7);box-shadow:inset 0 1px #ffffff1c,0 20px 58px color-mix(in srgb,var(--donation-accent) 12%,transparent),var(--shadow-soft)}.donation-card:before{background-image:linear-gradient(color-mix(in srgb,var(--donation-accent) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--donation-accent) 12%,transparent) 1px,transparent 1px),radial-gradient(circle at center,rgb(255 255 255 / .08) 0 1px,transparent 1.5px);background-size:46px 46px,46px 46px,24px 24px;mask-image:linear-gradient(135deg,black,transparent 82%)}.donation-card:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--donation-accent) 28%,transparent),transparent);opacity:0;transform:translate(-120%);transition:transform .52s var(--ease),opacity .22s var(--ease)}.donation-card__brand-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.donation-logo{position:relative;isolation:isolate;width:clamp(104px,13vw,150px);min-width:clamp(104px,13vw,150px);height:clamp(70px,8vw,88px);display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--donation-accent) 28%,white 22%);border-radius:24px;padding:.65rem;background:radial-gradient(circle at 26% 18%,rgb(255 255 255 / .92),rgb(255 255 255 / .62) 42%,transparent 78%),linear-gradient(135deg,#fffffff5,color-mix(in srgb,var(--donation-accent) 11%,white));box-shadow:inset 0 1px #fffc,0 18px 42px color-mix(in srgb,var(--donation-accent) 18%,transparent)}.donation-logo img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgb(0 0 0 / .12))}.donation-logo__glow{position:absolute;inset:auto 10% -24%;height:46%;border-radius:999px;background:color-mix(in srgb,var(--donation-accent) 35%,transparent);filter:blur(18px);opacity:.72}.donation-logo__fallback{position:relative;z-index:2;width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:#071120;background:linear-gradient(135deg,#a7f3d0,#67e8f9 58%,#f6c768)}.donation-logo__fallback .icon{width:1.65rem;height:1.65rem}.donation-card__source{min-width:0;display:grid;gap:.28rem;justify-items:end;text-align:end}.donation-card__source span,.donation-card__type{color:color-mix(in srgb,var(--donation-accent) 76%,var(--text));font-size:.78rem;font-weight:950}.donation-card__source strong{max-width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--donation-accent) 24%,transparent);border-radius:999px;padding:.32rem .62rem;color:var(--text);background:color-mix(in srgb,var(--donation-accent) 10%,transparent);font-size:.82rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.donation-card__copy{display:grid;align-content:start;gap:.65rem;min-width:0}.donation-card__type{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:.38rem;border:1px solid color-mix(in srgb,var(--donation-accent) 26%,transparent);border-radius:999px;padding:.38rem .7rem;background:color-mix(in srgb,var(--donation-accent) 10%,transparent)}.donation-card__type .icon{width:1rem;height:1rem}.donation-card h3{color:var(--text);font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.25;text-wrap:balance}.donation-card p{max-width:62ch;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-family:var(--font-ar);font-size:clamp(1.03rem,1.35vw,1.18rem);line-height:1.85}[dir=ltr] .donation-card p{font-family:var(--font-ui);line-height:1.65}.donation-card__button{min-height:58px;border-radius:20px;font-size:clamp(1rem,1.4vw,1.16rem)}@media(hover:hover){.donation-card:hover{border-color:color-mix(in srgb,var(--donation-accent) 48%,var(--border-strong));box-shadow:inset 0 1px #ffffff21,0 24px 70px color-mix(in srgb,var(--donation-accent) 18%,transparent),var(--shadow)}.donation-card:hover:after{opacity:1;transform:translate(120%)}.donation-card:hover .donation-logo{transform:translateY(-2px) scale(1.02)}}:root[data-theme=light] .donation-card{border-color:color-mix(in srgb,var(--donation-accent) 24%,rgb(88 116 173 / .22));background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--donation-accent) 20%,transparent),transparent 34%),linear-gradient(135deg,#fffffff5,#ecfdf5bd 50%,#e0f2fed1)}:root[data-theme=light] .donation-card__source strong,:root[data-theme=light] .donation-card__type{color:#10203a;background:color-mix(in srgb,var(--donation-accent) 14%,white)}:root[data-theme=light] .donation-card p{color:#4b607f}@media(max-width:760px){.donation-card{min-height:0}.donation-card__brand-row{align-items:flex-start}.donation-logo{width:118px;min-width:118px;height:74px;border-radius:22px}.donation-card__source strong{max-width:42vw}}.home-hero{padding-block:clamp(1.1rem,4vw,3.7rem) clamp(1rem,3vw,2.2rem)}.home-hero:before{inset-inline-end:4%;top:-6%;width:min(50vw,520px);background:radial-gradient(circle at 38% 38%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 46%),radial-gradient(circle at 60% 56%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 55%),radial-gradient(circle at 44% 68%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 58%);filter:blur(34px)}.home-hero__panel.hero__grid{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);grid-template-areas:"copy visual";gap:clamp(1rem,3vw,2.4rem);align-items:stretch;direction:ltr;overflow:hidden;border-color:color-mix(in srgb,var(--accent-2) 30%,var(--border));border-radius:clamp(28px,4vw,44px);padding:clamp(1rem,2.8vw,2rem);background:radial-gradient(circle at 17% 18%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 32%),radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 32%),linear-gradient(135deg,#071120d6,#041218c7 48%,#040812e0);box-shadow:inset 0 1px #ffffff1c,0 30px 90px #0000003d;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}.home-hero[dir=rtl] .home-hero__panel.hero__grid{grid-template-columns:minmax(300px,.72fr) minmax(0,1fr);grid-template-areas:"visual copy"}.home-hero__panel:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(30deg,transparent 0 46%,rgb(255 255 255 / .038) 47% 48%,transparent 49% 100%),linear-gradient(150deg,transparent 0 46%,rgb(255 255 255 / .028) 47% 48%,transparent 49% 100%);background-size:68px 68px;mask-image:linear-gradient(135deg,black,transparent 74%)}.home-hero__panel>*{position:relative;z-index:1}.home-hero__copy{grid-area:copy;display:grid;align-content:center;justify-items:start;gap:clamp(.78rem,1.6vw,1rem);min-width:0}.home-hero[dir=rtl] .home-hero__copy{justify-items:end;text-align:right;direction:rtl;unicode-bidi:isolate}.home-hero[dir=ltr] .home-hero__copy{text-align:left;direction:ltr}.home-hero__copy h1{margin:0;display:block;inline-size:max-content;max-inline-size:min(100%,9.8ch);padding-block:.16em .08em;padding-inline:.08em;overflow:visible;color:transparent;background:linear-gradient(110deg,#f8fbff,#bdfaff 22%,#67e8f9 38%,#f6c768 66%,#fff7cf 88%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-family:var(--font-ar-display);font-weight:900;font-size:clamp(3.9rem,10.8vw,7.75rem);line-height:1.14;text-shadow:none;filter:drop-shadow(0 18px 38px rgb(103 232 249 / .14)) drop-shadow(0 8px 22px rgb(246 199 104 / .08));animation:homeTitleShimmer 7s ease-in-out infinite;white-space:nowrap;text-wrap:nowrap}.home-hero[dir=rtl] .home-hero__copy h1{font-family:var(--font-ar-display);direction:rtl;letter-spacing:0;padding-block-start:.2em;padding-inline:.04em .11em;text-align:right;unicode-bidi:isolate}.home-hero__copy .eyebrow{margin:0;max-width:100%;color:color-mix(in srgb,var(--text) 84%,var(--accent-2));font-family:var(--font-ar-ui);font-size:clamp(1rem,1.55vw,1.25rem);font-weight:850;line-height:1.55;text-wrap:balance}.home-hero[dir=rtl] .home-hero__copy .eyebrow{font-family:var(--font-ar-display);font-size:clamp(1.08rem,1.8vw,1.42rem)}.home-hero__copy p:not(.eyebrow){max-width:35rem;color:color-mix(in srgb,var(--muted) 86%,white);font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.9}.home-hero[dir=rtl] .home-hero__copy p:not(.eyebrow){justify-self:end;max-inline-size:30rem;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-family:var(--font-ar);font-size:clamp(1.15rem,1.75vw,1.48rem);font-weight:650;line-height:1.92;text-align:right}.home-hero__description span{display:block}.home-hero[dir=rtl] .home-hero__description span{display:flex;align-items:baseline;justify-content:flex-start;gap:.56rem;padding-inline-start:0}.home-hero[dir=rtl] .home-hero__description span:before{content:"";flex:0 0 auto;inline-size:.34rem;block-size:.34rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-2),var(--gold));box-shadow:0 0 18px #67e8f952}.home-hero__badges{display:flex;flex-wrap:wrap;gap:.48rem}.home-hero[dir=rtl] .home-hero__badges,.home-hero[dir=rtl] .hero__actions{direction:rtl;justify-content:flex-start}.home-hero[dir=rtl] .hero__actions .button{direction:rtl}.home-hero__badges span{display:inline-flex;align-items:center;min-height:34px;border:1px solid color-mix(in srgb,var(--accent-2) 24%,transparent);border-radius:999px;padding-inline:.82rem;color:color-mix(in srgb,var(--accent-2) 76%,white);background:radial-gradient(circle at 24% 20%,rgb(255 255 255 / .14),transparent 42%),#ffffff0b;font-size:.82rem;font-weight:900}.home-orbit-card.daily-card{grid-area:visual;position:relative;overflow:hidden;align-content:stretch;gap:clamp(.7rem,1.6vw,1rem);min-height:0;border-color:color-mix(in srgb,var(--accent-2) 32%,var(--border));border-radius:clamp(24px,3vw,34px);padding:clamp(.9rem,2vw,1.25rem);background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 35%),radial-gradient(circle at 18% 86%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 36%),linear-gradient(145deg,#ffffff18,#ffffff07),color-mix(in srgb,var(--surface-strong) 84%,transparent)}.home-orbit-card.daily-card:before{content:"";position:absolute;inset:-18% -12% auto;block-size:52%;pointer-events:none;background:radial-gradient(ellipse at 32% 20%,color-mix(in srgb,var(--gold) 24%,transparent),transparent 58%),radial-gradient(ellipse at 70% 35%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 60%);filter:blur(22px);opacity:.8}.home-hero[dir=rtl] .home-orbit-card{direction:rtl}.home-orbit-card>*{position:relative;z-index:1}.home-orbit-card__copy{display:grid;gap:.18rem;text-align:center}.home-orbit-card__copy .eyebrow{margin-inline:auto}.home-orbit-card h2{max-width:17ch;margin-inline:auto;font-family:var(--font-ar-display);font-size:clamp(1.45rem,2.35vw,2.05rem);font-weight:700;line-height:1.25;text-wrap:balance}.home-orbit-visual{inline-size:min(100%,250px);aspect-ratio:1;justify-self:center;color:var(--accent-2);overflow:visible;filter:drop-shadow(0 22px 48px rgb(103 232 249 / .12))}.home-orbit-visual__glow{fill:url(#home-orbit-core);stroke:color-mix(in srgb,var(--accent-2) 22%,transparent);stroke-width:1.4}.home-orbit-visual__ring{fill:none;stroke:url(#home-orbit-gold);stroke-linecap:round;stroke-dasharray:8 16;opacity:.76;transform-origin:130px 130px;animation:homeOrbitSpin 18s linear infinite}.home-orbit-visual__ring--inner{stroke-dasharray:2 12;animation-duration:12s;animation-direction:reverse;opacity:.5}.home-orbit-visual__mosque{fill:color-mix(in srgb,var(--accent-2) 9%,transparent);stroke:url(#home-orbit-gold);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.home-orbit-visual__kaaba{fill:color-mix(in srgb,var(--gold) 18%,transparent);stroke:var(--gold);stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--gold) 20%,transparent))}.home-orbit-visual__spark{fill:color-mix(in srgb,var(--gold) 16%,transparent);stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:homeSparkFloat 5s ease-in-out infinite}.home-orbit-visual__spark--two{color:var(--gold);animation-delay:-1.3s}.home-orbit-visual__spark--three{animation-delay:-2.5s}.home-quick-grid.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.home-quick-grid a{min-height:70px;border-radius:20px;padding:.72rem;background:radial-gradient(circle at 24% 20%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 40%),#ffffff0e;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.home-quick-grid a .islamic-icon{width:1.55rem;height:1.55rem;color:color-mix(in srgb,var(--accent-2) 86%,var(--gold));filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--accent-2) 24%,transparent));transition:transform .18s var(--ease),color .18s var(--ease),filter .18s var(--ease)}.home-quick-grid a span{font-family:var(--font-ar-ui);font-size:1.02rem;line-height:1.25}@media(hover:hover){.home-quick-grid a:hover .islamic-icon{color:var(--gold);transform:translateY(-2px) scale(1.08)}}.home-live-section.dashboard-section{max-width:1120px;gap:clamp(.9rem,2vw,1.2rem)}.home-live-section .live-card{min-height:300px;border-radius:clamp(24px,3vw,34px);padding:clamp(1rem,2vw,1.35rem)}.home-prayer-card,.home-moon-card{grid-template-columns:minmax(140px,.42fr) minmax(0,1fr);align-items:center;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 34%),radial-gradient(circle at 92% 14%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 34%),linear-gradient(135deg,#ffffff16,#ffffff06),var(--surface-glass-strong)}.home-moon-card{background:radial-gradient(circle at 20% 20%,rgb(103 232 249 / .16),transparent 34%),radial-gradient(circle at 88% 16%,rgb(167 139 250 / .18),transparent 34%),linear-gradient(145deg,#0a142ae0,#04101ac7)}.home-live-card__visual,.home-moon-card__visual{min-width:0;display:grid;place-items:center}.home-prayer-visual{width:min(100%,180px);color:var(--accent-2);overflow:visible;filter:drop-shadow(0 18px 36px color-mix(in srgb,var(--accent-2) 16%,transparent))}.home-prayer-visual__sun{fill:color-mix(in srgb,var(--gold) 20%,transparent);stroke:var(--gold);stroke-width:4;animation:homeSunPulse 4.8s ease-in-out infinite}.home-prayer-visual__ray,.home-prayer-visual__mosque,.home-prayer-visual__mat{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.home-prayer-visual__mat{fill:color-mix(in srgb,var(--accent) 8%,transparent);stroke:color-mix(in srgb,var(--accent) 72%,var(--accent-2))}.home-live-card__copy{display:grid;gap:.72rem;min-width:0}.home-live-card__copy .stat-pill{max-width:100%}.home-live-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.home-live-card__actions .button{width:100%}.home-moon-card__visual{position:relative}.home-moon-card__visual:before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgb(103 232 249 / .16),transparent 58%),radial-gradient(circle,rgb(246 199 104 / .1),transparent 72%);filter:blur(10px)}.home-moon-card .moon-canvas{position:relative;z-index:1;width:min(100%,180px);animation:homeMoonFloat 6.5s ease-in-out infinite}.home-hero+.container .section{padding-block:clamp(1.2rem,3vw,2.5rem)}.home-hero+.container .feature-card,.home-hero+.container .tool-link-card,.home-hero+.container .quran-promo,.home-hero+.container .athkar-preview{border-radius:clamp(22px,2.8vw,30px)}.home-hero+.container .feature-card{min-height:180px}@media(hover:hover){.home-quick-grid a:hover,.home-hero+.container .feature-card:hover,.home-hero+.container .tool-link-card:hover,.home-live-section .live-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-2) 44%,var(--border-strong));box-shadow:inset 0 1px #ffffff1f,0 24px 64px color-mix(in srgb,var(--accent-2) 14%,transparent)}}:root[data-theme=light] .home-hero__panel.hero__grid{color:#f8fbff;border-color:#102d455c;background:radial-gradient(circle at 14% 18%,rgb(52 211 153 / .2),transparent 32%),radial-gradient(circle at 78% 20%,rgb(103 232 249 / .18),transparent 34%),linear-gradient(135deg,#0b262df0,#091428f5)}:root[data-theme=light] .home-hero__copy p:not(.eyebrow),:root[data-theme=light] .home-hero__badges span{color:#e8f5ff}:root[data-theme=light] .home-orbit-card.daily-card,:root[data-theme=light] .home-prayer-card,:root[data-theme=light] .home-moon-card{color:#10203a;border-color:#0e74902e;background:radial-gradient(circle at 18% 18%,rgb(103 232 249 / .2),transparent 36%),radial-gradient(circle at 88% 14%,rgb(246 199 104 / .16),transparent 34%),linear-gradient(145deg,#fffffff0,#ecfdf5c7)}:root[data-theme=light] .home-moon-card__visual:before{background:radial-gradient(circle,rgb(14 165 233 / .15),transparent 58%),radial-gradient(circle,rgb(167 139 250 / .12),transparent 72%)}@keyframes homeTitleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes homeOrbitSpin{to{transform:rotate(360deg)}}@keyframes homeSparkFloat{0%,to{transform:translateY(0);opacity:.68}50%{transform:translateY(-7px);opacity:1}}@keyframes homeSunPulse{0%,to{transform:scale(.96);opacity:.76}50%{transform:scale(1.04);opacity:1}}@keyframes homeMoonFloat{0%,to{transform:translateY(0) scale(.98)}50%{transform:translateY(-6px) scale(1.02)}}@media(max-width:1040px){.home-hero__panel.hero__grid,.home-hero[dir=rtl] .home-hero__panel.hero__grid,.home-prayer-card,.home-moon-card{grid-template-columns:1fr}.home-hero__panel.hero__grid,.home-hero[dir=rtl] .home-hero__panel.hero__grid{grid-template-areas:"copy" "visual"}.home-orbit-visual{inline-size:min(76vw,230px)}.home-live-card__visual{order:-1}}@media(max-width:640px){.home-hero{padding-block-start:.85rem}.home-hero__panel.hero__grid{border-radius:28px;padding:.92rem;max-width:100%;overflow:hidden}.home-hero__copy{width:min(100%,calc(100vw - 56px));inline-size:min(100%,calc(100vw - 56px));min-width:0;margin-inline:auto;justify-items:center;text-align:center}[dir=rtl] .home-hero__copy{justify-items:center;text-align:center}.home-hero__copy h1{inline-size:100%;max-width:100%;max-inline-size:100%;margin-inline:auto;padding-block:.18em .09em;padding-inline:0;text-align:center;font-size:clamp(2.85rem,14.2vw,4.25rem);line-height:1.18}.home-hero[dir=rtl] .home-hero__copy h1{padding-inline:0;text-align:center}.home-hero__copy .eyebrow,.home-hero__copy p:not(.eyebrow){inline-size:min(100%,19rem);max-width:19rem;max-inline-size:19rem;min-width:0;margin-inline:auto;font-size:1rem;text-align:center;white-space:normal;overflow-wrap:anywhere}.home-hero[dir=rtl] .home-hero__copy p:not(.eyebrow){justify-self:center;text-align:center}.home-hero[dir=rtl] .home-hero__description span{display:block}.home-hero[dir=rtl] .home-hero__description span:before{display:none}.home-hero__badges,.hero__actions{width:100%;justify-content:stretch}.home-hero__badges{display:grid;grid-template-columns:1fr}.home-hero__badges span{width:100%;min-width:0;flex:1 1 100%;justify-content:center}.home-hero .hero__actions{display:grid;grid-template-columns:1fr}.home-hero .hero__actions .button{width:100%}.home-quick-grid.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-grid a{min-height:64px;justify-content:center}.home-live-card__actions{grid-template-columns:1fr}.home-moon-card .moon-canvas{width:min(72vw,190px)}}@media(prefers-reduced-motion:reduce){.home-hero__copy h1,.home-orbit-visual__ring,.home-orbit-visual__spark,.home-prayer-visual__sun,.home-moon-card .moon-canvas{animation:none!important}}.khalili-page{--khalili-ink: var(--text);--khalili-muted: color-mix(in srgb, var(--muted) 86%, var(--text));--khalili-line: color-mix(in srgb, var(--accent-2) 24%, var(--border));--khalili-wash: linear-gradient(135deg, rgb(9 22 42 / .9), rgb(5 19 28 / .82) 48%, rgb(42 24 58 / .62));display:grid;gap:clamp(1.1rem,2.5vw,2rem)}.khalili-hero,.khalili-sources,.khalili-topics,.khalili-gallery-shell{position:relative;overflow:hidden;border:1px solid var(--khalili-line);border-radius:clamp(24px,4vw,42px);background:linear-gradient(120deg,rgb(255 255 255 / .08),transparent 34%),radial-gradient(circle at 18% 10%,rgb(52 211 153 / .16),transparent 28%),radial-gradient(circle at 84% 20%,rgb(246 199 104 / .14),transparent 26%),var(--khalili-wash);box-shadow:0 28px 90px #00000047,inset 0 1px #ffffff14;isolation:isolate}.khalili-hero:before,.khalili-sources:before,.khalili-topics:before,.khalili-gallery-shell:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(30deg,rgb(103 232 249 / .06) 12%,transparent 12.5%,transparent 87%,rgb(103 232 249 / .06) 87.5%),linear-gradient(150deg,rgb(52 211 153 / .06) 12%,transparent 12.5%,transparent 87%,rgb(52 211 153 / .06) 87.5%);background-size:54px 54px;opacity:.55;mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent)}.khalili-hero:after{content:"";position:absolute;inset-inline-start:-7%;inset-block-start:-22%;inline-size:clamp(220px,24vw,360px);block-size:clamp(220px,24vw,360px);border-radius:999px;background:radial-gradient(circle,rgb(52 211 153 / .12),transparent 58%),radial-gradient(circle at 38% 36%,rgb(103 232 249 / .12),transparent 40%);filter:blur(18px);opacity:.9;pointer-events:none;animation:khaliliGlowDrift 16s ease-in-out infinite}.khalili-hero{display:grid;grid-template-areas:"content visual";grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr);align-items:center;gap:clamp(.9rem,1.9vw,1.7rem);min-height:clamp(400px,44vw,500px);padding:clamp(1.08rem,2.4vw,1.9rem);background:linear-gradient(132deg,rgb(255 255 255 / .07),transparent 34%),radial-gradient(circle at 16% 16%,rgb(52 211 153 / .18),transparent 30%),radial-gradient(circle at 84% 18%,rgb(246 199 104 / .13),transparent 24%),radial-gradient(circle at 76% 84%,rgb(167 139 250 / .12),transparent 24%),linear-gradient(135deg,#061422f5,#04101ceb 50%,#0e162ce6)}[dir=rtl] .khalili-hero{grid-template-areas:"content visual";grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr)}.khalili-hero__content{grid-area:content;display:grid;justify-items:start;align-content:center;gap:clamp(.72rem,1.2vw,.98rem);max-inline-size:34rem;animation:khaliliHeroRise .76s var(--ease) both}[dir=rtl] .khalili-hero__content{justify-items:end;text-align:right}.khalili-hero__identity{display:grid;gap:.82rem;width:min(100%,31rem);justify-items:start}[dir=rtl] .khalili-hero__identity{justify-items:end}.khalili-kicker,.khalili-section-title>span{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:999px;padding:.5rem .94rem;color:color-mix(in srgb,var(--accent-2) 84%,white);background:linear-gradient(135deg,#67e8f929,#34d39914),#ffffff08;box-shadow:inset 0 1px #ffffff24,0 10px 24px #0000001a;font:800 .86rem/1.34 var(--font-ar-ui);letter-spacing:0;white-space:normal}.khalili-kicker .islamic-icon{inline-size:1.1rem;block-size:1.1rem}.khalili-hero__intro{display:grid;gap:.48rem}.khalili-hero__title-block{display:grid;gap:.42rem;justify-items:start;width:min(100%,24rem);max-inline-size:100%;padding-inline-end:.08rem}[dir=rtl] .khalili-hero__title-block{justify-items:end}.khalili-hero h1{margin:0;display:grid;gap:.12rem;width:100%;max-inline-size:24rem;padding-block:.02em .14em;color:transparent;font-family:var(--font-ar-display);font-size:clamp(2.08rem,3.8vw,3.32rem);font-weight:700;line-height:1.14;letter-spacing:0;text-wrap:balance;overflow:visible;filter:drop-shadow(0 12px 24px rgb(0 0 0 / .16))}[dir=rtl] .khalili-hero h1{justify-items:end;text-align:right}.khalili-hero h1 span{display:block}.khalili-hero__title-prefix{position:relative;width:fit-content;max-inline-size:100%;display:inline-flex;align-items:center;gap:.5rem;padding-inline-end:.2rem;color:color-mix(in srgb,var(--muted) 76%,var(--text));font-family:var(--font-ar-ui);font-size:.96rem;font-weight:700;line-height:1.45;opacity:.98}.khalili-hero__title-prefix:before{content:"";inline-size:.56rem;block-size:.56rem;border-radius:999px;background:linear-gradient(135deg,#67e8f9,#f6c768);box-shadow:0 0 0 .3rem #67e8f914}[dir=rtl] .khalili-hero__title-prefix{justify-self:end}.khalili-hero__title-line{width:fit-content;max-inline-size:100%;color:transparent;background:linear-gradient(118deg,#f8fbff,#8ee7f0 32%,#bceec4,#f6d883 84%,#fff3c6);-webkit-background-clip:text;background-clip:text;font-family:var(--font-ar-display);font-size:1em;line-height:1.14;white-space:normal;text-wrap:pretty;filter:drop-shadow(0 14px 26px rgb(6 18 28 / .18))}.khalili-hero__title-line--accent{font-size:1.04em}.khalili-hero__title-modern{direction:rtl;unicode-bidi:plaintext;font-family:var(--font-ar-display);font-weight:700;text-align:inherit}.khalili-hero p,.khalili-section-title p{margin:0;max-inline-size:30rem;color:var(--khalili-muted);font-family:var(--font-ar);font-size:clamp(.98rem,1.02vw,1.08rem);line-height:1.78;text-wrap:pretty}.khalili-hero__highlights{display:flex;flex-wrap:wrap;gap:.6rem}.khalili-hero__highlights span{position:relative;min-height:2.46rem;display:inline-flex;align-items:center;gap:.45rem;padding-inline:.82rem .94rem;border:1px solid color-mix(in srgb,var(--accent-2) 26%,var(--border));border-radius:999px;color:color-mix(in srgb,var(--text) 92%,white);background:linear-gradient(135deg,#ffffff1a,#ffffff08),color-mix(in srgb,var(--surface) 12%,transparent);box-shadow:inset 0 1px #ffffff1a,0 10px 24px #0000001a;font:780 .84rem/1.42 var(--font-ar-ui);transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.khalili-hero__highlights span:nth-child(1){animation:khaliliHeroRise .76s var(--ease) 80ms both}.khalili-hero__highlights span:nth-child(2){animation:khaliliHeroRise .76s var(--ease) .14s both}.khalili-hero__highlights span:nth-child(3){animation:khaliliHeroRise .76s var(--ease) .2s both}.khalili-hero__highlights span:before{content:"";inline-size:.42rem;block-size:.42rem;border-radius:999px;background:linear-gradient(135deg,#f6c768,#67e8f9);box-shadow:0 0 0 .28rem #67e8f914}.khalili-hero__actions{display:flex;flex-wrap:wrap;gap:.72rem;margin-block-start:.28rem;animation:khaliliHeroRise .76s var(--ease) .22s both}.khalili-hero__actions .button{min-inline-size:min(100%,11.25rem);min-height:50px;border-radius:17px;padding-inline:1rem;font-weight:850;box-shadow:0 14px 30px #0000001f;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.khalili-hero__actions .button--primary{color:#04161a;border-color:color-mix(in srgb,var(--accent-2) 48%,var(--gold) 34%);background:linear-gradient(135deg,#c4f2dd,#79ebf5 54%,#ffe08b);box-shadow:inset 0 1px #ffffff94,0 18px 42px #67e8f92e}.khalili-hero__actions .button--ghost{border-color:color-mix(in srgb,var(--accent-2) 24%,var(--border));color:var(--text);background:linear-gradient(135deg,#ffffff14,#ffffff07),#ffffff05}.khalili-hero__actions .button:focus-visible,.khalili-hero__highlights span:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 42%,transparent);outline-offset:3px}.khalili-hero__visual{grid-area:visual;position:relative;display:grid;min-height:0;align-self:center;place-items:center;animation:khaliliVisualReveal .82s var(--ease) .12s both}.khalili-archive{position:relative;width:min(100%,430px);min-width:0}.khalili-archive__panel{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 20%,var(--accent-2) 22%);border-radius:28px;padding:.86rem;background:linear-gradient(140deg,rgb(255 255 255 / .08),transparent 34%),radial-gradient(circle at 10% 10%,rgb(246 199 104 / .12),transparent 26%),radial-gradient(circle at 88% 82%,rgb(103 232 249 / .12),transparent 30%),linear-gradient(180deg,#081624f0,#05111ceb);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff05,0 26px 70px #0000003d;isolation:isolate}.khalili-archive__panel:before,.khalili-archive__panel:after{content:"";position:absolute;inset:0;pointer-events:none}.khalili-archive__panel:before{inset:.72rem;border:1px solid rgb(255 255 255 / .08);border-radius:22px;opacity:.85}.khalili-archive__panel:after{inset-inline-end:-22%;inset-block-end:-24%;inset-block-start:auto;inline-size:180px;block-size:180px;border-radius:999px;background:radial-gradient(circle,rgb(52 211 153 / .18),transparent 64%);filter:blur(20px);animation:khaliliGlowDrift 18s ease-in-out infinite reverse}.khalili-archive__header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-block-end:.72rem}.khalili-archive__eyebrow{min-height:2.2rem;display:inline-flex;align-items:center;gap:.5rem;padding-inline:.82rem .92rem;border:1px solid color-mix(in srgb,var(--accent-2) 34%,transparent);border-radius:999px;color:color-mix(in srgb,var(--accent-2) 74%,white);background:linear-gradient(135deg,#67e8f91f,#34d3990f),#ffffff09;box-shadow:inset 0 1px #ffffff14;font:760 .84rem/1.4 var(--font-ar-ui)}.khalili-archive__eyebrow .islamic-icon{inline-size:1rem;block-size:1rem}.khalili-archive__body{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:.74rem;align-items:stretch}.khalili-archive__lead{min-width:0}.khalili-archive__lead-media{position:relative;overflow:hidden;aspect-ratio:1.04;border:1px solid color-mix(in srgb,var(--gold) 20%,var(--accent-2) 24%);border-radius:24px;background:linear-gradient(180deg,#ffffff14,#ffffff06),#07101da3;box-shadow:inset 0 1px #ffffff1a,0 18px 38px #00000038;animation:khaliliArchiveFloat 9s ease-in-out infinite}.khalili-archive__lead-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent 20%),linear-gradient(0deg,rgb(4 14 22 / .8) 0%,transparent 42%);z-index:1}.khalili-archive__lead-media img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.04) contrast(1.04);transform:scale(1.015);transition:transform .24s var(--ease),filter .24s var(--ease)}.khalili-archive__lead-badge{position:absolute;inset-block-start:.8rem;inset-inline-start:.8rem;z-index:2;min-height:2rem;display:inline-flex;align-items:center;padding-inline:.76rem;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;color:#fff4c8;background:#06121eb8;box-shadow:inset 0 1px #ffffff1a;font:760 .74rem/1.3 var(--font-ar-ui)}.khalili-archive__lead-copy{position:absolute;inset-inline:.8rem;inset-block-end:.85rem;z-index:2;display:grid;gap:.2rem}.khalili-archive__lead-copy small,.khalili-archive__mini-copy small{color:color-mix(in srgb,var(--gold) 70%,white);font-family:var(--font-ar-ui);font-size:.8rem;font-weight:760;line-height:1.5}.khalili-archive__lead-copy strong,.khalili-archive__mini-copy strong{color:#f8fbff;font-family:var(--font-ar-display);font-size:1.04rem;font-weight:700;line-height:1.42}.khalili-archive__stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;align-content:stretch}.khalili-archive__mini{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:start;min-height:0;padding:.5rem;border:1px solid color-mix(in srgb,var(--accent-2) 20%,var(--border));border-radius:20px;background:linear-gradient(135deg,#ffffff14,#ffffff06),#ffffff05;box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000024;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.khalili-archive__mini-media{overflow:hidden;border-radius:15px;inline-size:100%;aspect-ratio:.88;block-size:auto;min-block-size:0;border:1px solid rgb(255 255 255 / .14);background:#ffffff14}.khalili-archive__mini-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.015);transition:transform .24s var(--ease),filter .24s var(--ease)}.khalili-archive__mini-copy{min-width:0;display:grid;gap:.12rem;padding-inline:.08rem}.khalili-archive__mini-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.84rem;line-height:1.5}.khalili-archive__footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.48rem;margin-block-start:.74rem}.khalili-archive__footer span{min-height:1.94rem;display:inline-flex;align-items:center;padding-inline:.72rem;border:1px solid color-mix(in srgb,var(--gold) 18%,var(--accent-2) 16%);border-radius:999px;color:color-mix(in srgb,var(--text) 90%,white);background:#ffffff09;font:760 .74rem/1.38 var(--font-ar-ui)}.khalili-archive__footer span:nth-child(2){border-color:#34d39938}.khalili-archive__footer span:nth-child(3){border-color:#f6c76838}.khalili-portrait-stack{position:relative;inline-size:min(22vw,286px);min-inline-size:210px;aspect-ratio:.88;border-radius:32px;border:1px solid rgb(103 232 249 / .28);background:linear-gradient(135deg,rgb(255 255 255 / .1),transparent 38%),radial-gradient(circle at 30% 20%,rgb(246 199 104 / .18),transparent 32%),#07111f94;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #00000047}.khalili-portrait-stack:before{content:"";position:absolute;inset:12%;border-radius:26px;border:1px dashed rgb(246 199 104 / .28);background-image:linear-gradient(rgb(103 232 249 / .08) 1px,transparent 1px),linear-gradient(90deg,rgb(103 232 249 / .08) 1px,transparent 1px);background-size:28px 28px;opacity:.58}.khalili-portrait-stack span{position:absolute;display:block;inline-size:clamp(92px,9vw,126px);aspect-ratio:.72;overflow:hidden;border:2px solid rgb(255 255 255 / .78);border-radius:22px;background:#ffffff14;box-shadow:0 14px 30px #00000047,0 0 0 6px #67e8f90d;transform:translate3d(calc((var(--stack-index) - 1.5) * 15px),calc(var(--stack-index) * 10px),0) rotate(calc((var(--stack-index) - 1.5) * -4deg));animation:khalili-float 6s var(--ease) infinite;animation-delay:calc(var(--stack-index) * -.75s)}.khalili-portrait-stack span:nth-child(1){inset-block-start:16%;inset-inline-start:16%;z-index:4}.khalili-portrait-stack span:nth-child(2){inset-block-start:10%;inset-inline-end:14%;z-index:3}.khalili-portrait-stack span:nth-child(3){inset-block-end:11%;inset-inline-start:20%;z-index:2}.khalili-portrait-stack span:nth-child(4){inset-block-end:13%;inset-inline-end:10%;z-index:5;border-color:#f6c768e6}.khalili-portrait-stack img{width:100%;height:100%;object-fit:cover;object-position:top}.khalili-scholar-seal{position:absolute;inset:auto 50% 50% auto;z-index:6;display:grid;place-items:center;gap:.2rem;inline-size:112px;block-size:112px;border:1px solid rgb(246 199 104 / .46);border-radius:999px;color:var(--gold);background:radial-gradient(circle at 35% 25%,rgb(255 255 255 / .16),transparent 38%),#081220e0;box-shadow:0 18px 44px #00000052,0 0 0 12px #f6c76814;transform:translate(50%,50%);font-family:var(--font-ar-ui)}.khalili-scholar-seal .islamic-icon{inline-size:42px;block-size:42px}.khalili-scholar-seal small{color:color-mix(in srgb,var(--gold) 76%,white);font-size:.78rem}.khalili-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.khalili-fact-card{display:grid;gap:.38rem;min-height:112px;padding:1rem 1.15rem;border-color:#67e8f938;background:linear-gradient(135deg,#ffffff14,#ffffff09)}.khalili-fact-card span,.khalili-photo-card small,.khalili-lightbox small{color:color-mix(in srgb,var(--accent-2) 78%,white);font-weight:800}.khalili-fact-card strong{color:var(--text);font-family:var(--font-ar-display);font-size:clamp(1.25rem,2vw,1.72rem);line-height:1.45}.khalili-sources,.khalili-topics,.khalili-gallery-shell,.khalili-timeline{padding:clamp(1rem,3vw,1.8rem)}.khalili-timeline{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--border));border-radius:clamp(24px,4vw,38px);background:linear-gradient(135deg,rgb(246 199 104 / .09),transparent 42%),linear-gradient(180deg,#ffffff14,#ffffff09);box-shadow:inset 0 1px #ffffff17,var(--shadow-soft)}.khalili-timeline__grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1rem;margin-block-start:1.2rem;padding-block-start:3.15rem}.khalili-timeline__grid:before,.khalili-timeline__grid:after{content:"";position:absolute;pointer-events:none}.khalili-timeline__grid:before{inset-block-start:1.35rem;inset-inline:clamp(1rem,3.5vw,2.4rem);block-size:2px;border-radius:999px;background:linear-gradient(90deg,#f6c768e0,#67e8f9d6,#34d399d1 68%,#a78bfae0);box-shadow:0 0 26px #67e8f924,0 0 16px #f6c7681f}.khalili-timeline__grid:after{inset-block-start:.92rem;inset-inline:clamp(1rem,3.5vw,2.4rem);block-size:.92rem;background-image:radial-gradient(circle,rgb(255 255 255 / .44) 0 1.1px,transparent 1.7px);background-size:30px 12px;opacity:.28}.khalili-timeline-card{--timeline-accent: #67e8f9;position:relative;display:grid;align-content:start;gap:.72rem;min-height:208px;overflow:visible;padding:1.1rem 1rem 1.08rem;padding-block-start:1rem;border-color:color-mix(in srgb,var(--timeline-accent) 34%,var(--border));border-radius:28px;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--timeline-accent) 22%,transparent),transparent 34%),linear-gradient(145deg,#ffffff14,#ffffff08),linear-gradient(180deg,#0a1726eb,#06121dd1);box-shadow:inset 0 1px #ffffff1c,0 20px 48px #0003;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.khalili-timeline-card:nth-child(4n+1){--timeline-accent: #f6c768}.khalili-timeline-card:nth-child(4n+2){--timeline-accent: #67e8f9}.khalili-timeline-card:nth-child(4n+3){--timeline-accent: #34d399}.khalili-timeline-card:nth-child(4n+4){--timeline-accent: #a78bfa}.khalili-timeline-card:before,.khalili-timeline-card:after{content:"";position:absolute;inset-inline-start:50%;translate:-50% 0;pointer-events:none}.khalili-timeline-card:before{inset-block-start:-1.75rem;inline-size:2px;block-size:2.2rem;background:linear-gradient(180deg,color-mix(in srgb,var(--timeline-accent) 92%,white 6%) 0%,color-mix(in srgb,var(--timeline-accent) 26%,transparent) 76%,transparent 100%);box-shadow:0 0 16px color-mix(in srgb,var(--timeline-accent) 18%,transparent)}.khalili-timeline-card:after{inset-block-start:-2.3rem;inline-size:1rem;block-size:1rem;border-radius:999px;border:2px solid rgb(7 18 31 / .92);background:radial-gradient(circle at 32% 30%,rgb(255 255 255 / .88),transparent 32%),var(--timeline-accent);box-shadow:0 0 0 .34rem color-mix(in srgb,var(--timeline-accent) 16%,transparent),0 0 28px color-mix(in srgb,var(--timeline-accent) 20%,transparent)}.khalili-timeline-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.68rem}.khalili-timeline-card__year,.khalili-timeline-card__step{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:inset 0 1px #ffffff1a}.khalili-timeline-card__year{width:fit-content;min-inline-size:74px;padding-inline:.82rem;border:1px solid color-mix(in srgb,var(--timeline-accent) 36%,transparent);color:color-mix(in srgb,var(--text) 92%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--timeline-accent) 28%,transparent),#ffffff14);font-size:.96rem;font-weight:900;line-height:1}.khalili-timeline-card__step{min-inline-size:2.4rem;padding-inline:.64rem;border:1px solid color-mix(in srgb,var(--timeline-accent) 24%,transparent);color:color-mix(in srgb,var(--timeline-accent) 72%,white);background:linear-gradient(135deg,#ffffff14,#ffffff05),color-mix(in srgb,var(--timeline-accent) 10%,transparent);font-family:var(--font-ui);font-size:.84rem;font-weight:900;line-height:1}.khalili-timeline-card strong{color:var(--text);font-family:var(--font-ar-display);font-size:1.42rem;line-height:1.42}.khalili-timeline-card p{margin:0;color:var(--khalili-muted);font-family:var(--font-ar);font-size:1.02rem;line-height:1.78}.khalili-section-title{display:grid;gap:.5rem;min-width:0}.khalili-section-title h2{margin:0;color:transparent;background:linear-gradient(120deg,var(--text),var(--accent-2) 52%,var(--gold));-webkit-background-clip:text;background-clip:text;font-family:var(--font-ar-display);font-size:clamp(2rem,4.8vw,4.4rem);line-height:1.04;letter-spacing:0;text-wrap:balance}.khalili-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-block-start:1.1rem}.khalili-link-card{--link-accent: var(--accent-2);position:relative;display:grid;gap:.45rem;min-height:160px;border:1px solid color-mix(in srgb,var(--link-accent) 34%,var(--border));border-radius:24px;padding:1rem;color:var(--text);text-decoration:none;background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--link-accent) 22%,transparent),transparent 44%),linear-gradient(135deg,#ffffff17,#ffffff09);box-shadow:inset 0 1px #ffffff1a}.khalili-link-card--emerald{--link-accent: #34d399}.khalili-link-card--cyan{--link-accent: #67e8f9}.khalili-link-card--gold{--link-accent: #f6c768}.khalili-link-card--rose{--link-accent: #f9a8d4}.khalili-link-card__icon{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:15px;color:var(--link-accent);background:color-mix(in srgb,var(--link-accent) 16%,transparent)}.khalili-link-card strong{font-family:var(--font-ar-display);font-size:1.35rem;line-height:1.35}.khalili-link-card small{color:var(--khalili-muted);font-family:var(--font-ar);font-size:1rem;line-height:1.65}.khalili-topic-rail{display:flex;flex-wrap:wrap;gap:.65rem;margin-block-start:1.1rem}.khalili-topic-rail button{--topic-accent: var(--accent-2);display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:48px;border:1px solid color-mix(in srgb,var(--topic-accent) 34%,var(--border));border-radius:999px;padding:.52rem .78rem .52rem 1rem;color:var(--text);background:linear-gradient(135deg,#ffffff14,#ffffff09);font:800 1rem/1.25 var(--font-ar-ui);cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}[dir=rtl] .khalili-topic-rail button{padding-inline:1rem .78rem}.khalili-topic-rail button strong{display:grid;place-items:center;min-inline-size:34px;block-size:34px;border-radius:999px;color:#062022;background:var(--topic-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--topic-accent) 24%,transparent)}.khalili-topic-rail button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--topic-accent) 24%,transparent),#ffffff12);border-color:color-mix(in srgb,var(--topic-accent) 72%,white 8%)}.khalili-gallery-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:1rem;align-items:end}.khalili-search{display:flex;align-items:center;gap:.65rem;min-height:58px;border:1px solid rgb(103 232 249 / .24);border-radius:22px;padding-inline:1rem;background:#ffffff14;box-shadow:inset 0 1px #ffffff1a}.khalili-search .icon{flex:0 0 auto;color:var(--accent-2)}.khalili-search input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font:800 1.05rem/1.3 var(--font-ar-ui)}.khalili-search input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.khalili-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.95rem;margin-block-start:1.2rem}.khalili-photo-card{position:relative;display:grid;overflow:hidden;border:1px solid rgb(103 232 249 / .22);border-radius:26px;padding:0;color:var(--text);text-align:inherit;background:linear-gradient(180deg,#ffffff14,#ffffff09);box-shadow:0 18px 44px #00000029,inset 0 1px #ffffff14;cursor:pointer}.khalili-photo-card__image{display:block;aspect-ratio:.76;overflow:hidden;border-radius:24px 24px 18px 18px;background:#0000002e}.khalili-photo-card__image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .42s var(--ease),filter .42s var(--ease)}.khalili-photo-card__body{display:grid;gap:.35rem;padding:.82rem .9rem 1rem;min-height:112px}.khalili-photo-card small{color:var(--topic-accent);font-size:.86rem}.khalili-photo-card strong{display:-webkit-box;overflow:hidden;color:var(--text);font-family:var(--font-ar-display);font-size:1.24rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.khalili-empty{display:grid;justify-items:center;gap:.45rem;margin-block-start:1rem;padding:2rem;text-align:center}.khalili-empty .icon{inline-size:2rem;block-size:2rem;color:var(--accent-2)}.khalili-lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(.8rem,3vw,2rem)}.khalili-lightbox__backdrop{position:absolute;inset:0;border:0;background:#020617c7;backdrop-filter:blur(14px);cursor:zoom-out}.khalili-lightbox__panel{position:relative;display:grid;grid-template-columns:minmax(240px,min(62vw,620px)) minmax(220px,340px);gap:1rem;max-inline-size:min(100%,1020px);max-block-size:min(92vh,820px);overflow:auto;border:1px solid rgb(103 232 249 / .3);border-radius:30px;padding:.85rem;background:linear-gradient(135deg,#0b192df5,#040d18f0);box-shadow:0 34px 100px #0000006b}.khalili-lightbox__panel img{width:100%;max-height:82vh;object-fit:contain;border-radius:22px;background:#00000038}.khalili-lightbox__panel>div{align-self:center;display:grid;gap:.6rem;padding:1rem}.khalili-lightbox h3{margin:0;font-family:var(--font-ar-display);font-size:clamp(2rem,4vw,3.6rem);line-height:1.15}.khalili-lightbox__close{position:absolute;inset-block-start:1rem;inset-inline-end:1rem;z-index:2;display:grid;place-items:center;inline-size:44px;block-size:44px;border:1px solid rgb(255 255 255 / .2);border-radius:16px;color:var(--text);background:#02061794;cursor:pointer}:root[data-theme=light] .khalili-page{--khalili-muted: #485a78;--khalili-line: rgb(16 120 132 / .18);--khalili-wash: linear-gradient(135deg, rgb(255 255 255 / .92), rgb(231 252 250 / .88) 54%, rgb(255 248 225 / .82))}:root[data-theme=light] .khalili-hero,:root[data-theme=light] .khalili-sources,:root[data-theme=light] .khalili-topics,:root[data-theme=light] .khalili-gallery-shell,:root[data-theme=light] .khalili-fact-card,:root[data-theme=light] .khalili-timeline,:root[data-theme=light] .khalili-timeline-card,:root[data-theme=light] .khalili-photo-card,:root[data-theme=light] .khalili-link-card,:root[data-theme=light] .khalili-search{color:#10203a;background-color:#ffffffbd;box-shadow:0 24px 70px #2d5f841f,inset 0 1px #ffffffdb}:root[data-theme=light] .khalili-hero__highlights span{background:linear-gradient(135deg,#fffffff5,#f0f8f4e0);box-shadow:inset 0 1px #fffffff0,0 12px 26px #2c546614}:root[data-theme=light] .khalili-hero{background:linear-gradient(132deg,#ffffffeb,#edfaf6e0 46%,#fff8e6d6),radial-gradient(circle at 14% 16%,rgb(15 118 110 / .1),transparent 28%),radial-gradient(circle at 86% 18%,rgb(185 131 46 / .1),transparent 24%);box-shadow:0 28px 70px #2c54661a,inset 0 1px #fffffff0}:root[data-theme=light] .khalili-archive__panel{background:linear-gradient(140deg,#fffffffa,#f0f9f5eb 44%,#f8fbf1e6),radial-gradient(circle at 84% 84%,rgb(15 118 110 / .08),transparent 28%);box-shadow:inset 0 1px #fffffffa,inset 0 0 0 1px #ffffff47,0 22px 56px #2c54661a}:root[data-theme=light] .khalili-archive__panel:before{border-color:#1078841f}:root[data-theme=light] .khalili-archive__eyebrow,:root[data-theme=light] .khalili-archive__footer span,:root[data-theme=light] .khalili-archive__mini{color:#10203a;background:linear-gradient(135deg,#fffffff5,#f0f9f5e0);box-shadow:inset 0 1px #fffffff0,0 12px 26px #2c546614}:root[data-theme=light] .khalili-archive__eyebrow{color:#0b6e72}:root[data-theme=light] .khalili-archive__lead-media{border-color:color-mix(in srgb,var(--gold) 24%,var(--accent-2) 20%);box-shadow:inset 0 1px #ffffff42,0 20px 40px #2c54661f}:root[data-theme=light] .khalili-archive__lead-badge{color:#8d5a11;background:#ffffffd6}:root[data-theme=light] .khalili-hero__actions .button--ghost{color:#10203a;background:linear-gradient(135deg,#fffffffa,#f0f8f4e6);box-shadow:inset 0 1px #fffffff5,0 14px 28px #2c546614}:root[data-theme=light] .khalili-timeline__grid:before{box-shadow:0 0 20px #0e74901a,0 0 12px #b9832e14}:root[data-theme=light] .khalili-timeline-card{background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--timeline-accent) 16%,transparent),transparent 34%),linear-gradient(145deg,#fffffff5,#eef9f5e0);box-shadow:inset 0 1px #fffffff0,0 18px 42px #2c54661a}:root[data-theme=light] .khalili-timeline-card:after{border-color:#fffffff5;box-shadow:0 0 0 .34rem color-mix(in srgb,var(--timeline-accent) 12%,transparent),0 0 22px color-mix(in srgb,var(--timeline-accent) 14%,transparent)}:root[data-theme=light] .khalili-hero h1,:root[data-theme=light] .khalili-section-title h2{color:transparent}:root[data-theme=light] .khalili-hero__title-line{background:linear-gradient(120deg,#10203a,#087f8d 48%,#b17418 82%);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .khalili-photo-card strong,:root[data-theme=light] .khalili-fact-card strong,:root[data-theme=light] .khalili-timeline-card strong,:root[data-theme=light] .khalili-link-card strong,:root[data-theme=light] .khalili-search input{color:#10203a}:root[data-theme=light] .khalili-lightbox__panel{background:linear-gradient(135deg,#fffffffa,#eafbfcf5)}@media(hover:hover){.khalili-hero__actions .button:hover{transform:translateY(-2px)}.khalili-hero__highlights span:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-2) 42%,white 8%);box-shadow:inset 0 1px #ffffff1f,0 16px 32px #00000024}.khalili-archive__mini:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-2) 38%,white 8%);box-shadow:inset 0 1px #ffffff1a,0 18px 34px #00000029}.khalili-archive__lead-media:hover img,.khalili-archive__mini:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.05)}.khalili-timeline-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--timeline-accent) 56%,white 10%);box-shadow:inset 0 1px #ffffff24,0 24px 54px color-mix(in srgb,var(--timeline-accent) 14%,rgb(0 0 0 / .16))}.khalili-timeline-card:hover:after{box-shadow:0 0 0 .42rem color-mix(in srgb,var(--timeline-accent) 20%,transparent),0 0 34px color-mix(in srgb,var(--timeline-accent) 28%,transparent)}.khalili-link-card:hover,.khalili-topic-rail button:hover,.khalili-photo-card:hover{transform:translateY(-4px)}.khalili-photo-card:hover img{transform:scale(1.04);filter:saturate(1.08) contrast(1.04)}}@media(max-width:980px){.khalili-hero,[dir=rtl] .khalili-hero,.khalili-gallery-toolbar,.khalili-lightbox__panel{grid-template-columns:1fr}.khalili-hero,[dir=rtl] .khalili-hero{grid-template-areas:"content" "visual";min-height:auto}.khalili-hero__content,[dir=rtl] .khalili-hero__content{justify-items:center;text-align:center}[dir=rtl] .khalili-hero__content{justify-items:end;text-align:right}.khalili-hero__actions{justify-content:center}[dir=rtl] .khalili-hero__actions,[dir=rtl] .khalili-hero__highlights{justify-content:flex-end}.khalili-hero__visual{min-height:auto;inline-size:100%}.khalili-hero__highlights{justify-content:center}.khalili-archive{width:min(100%,520px)}.khalili-archive__body{grid-template-columns:1fr}.khalili-link-grid,.khalili-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.khalili-timeline__grid{grid-template-columns:1fr;gap:.9rem;padding-block-start:.2rem;padding-inline-start:3rem}.khalili-timeline__grid:before{inset-block:.75rem .75rem;inset-inline:auto auto;inset-inline-start:.82rem;inline-size:2px;block-size:auto;background:linear-gradient(180deg,#f6c768e0,#67e8f9d6,#34d399d1 68%,#a78bfae0)}.khalili-timeline__grid:after{inset-block:.75rem .75rem;inset-inline:auto auto;inset-inline-start:.38rem;inline-size:.92rem;block-size:auto;background-size:12px 30px}.khalili-timeline-card{min-height:0;padding-block-start:1rem}.khalili-timeline-card:before{inset-block-start:50%;inset-inline-start:-2.18rem;translate:0 -50%;inline-size:2.18rem;block-size:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--timeline-accent) 88%,white 6%) 0%,color-mix(in srgb,var(--timeline-accent) 24%,transparent) 76%,transparent 100%)}.khalili-timeline-card:after{inset-block-start:50%;inset-inline-start:-2.68rem;translate:0 -50%}}@media(max-width:640px){.khalili-page{gap:.9rem}.khalili-hero,.khalili-sources,.khalili-topics,.khalili-gallery-shell{border-radius:26px;padding:.92rem}.khalili-hero h1{width:100%;max-width:100%;font-size:clamp(1.98rem,7vw,2.56rem);line-height:1.16;padding-block:.1em .16em;overflow-wrap:anywhere;text-align:center}[dir=rtl] .khalili-hero h1{text-align:right}.khalili-hero__title-block{width:100%}[dir=rtl] .khalili-hero__title-block{justify-items:end}.khalili-hero__title-prefix{font-size:.88rem}.khalili-hero__title-line{max-inline-size:100%}.khalili-hero__content{width:100%;min-width:0}.khalili-hero p,.khalili-section-title p{font-size:1.02rem;line-height:1.68}.khalili-hero p{width:min(100%,23rem);max-width:23rem;margin-inline:auto;text-align:center;overflow-wrap:anywhere}[dir=rtl] .khalili-hero p{margin-inline:0;margin-inline-start:auto;text-align:right}.khalili-hero__highlights{display:grid;grid-template-columns:1fr;width:100%}.khalili-hero__highlights span{justify-content:center}[dir=rtl] .khalili-hero__highlights span{justify-content:flex-start}.khalili-hero__actions,.khalili-hero__actions .button,.khalili-search{width:100%}.khalili-hero__actions{display:grid;grid-template-columns:1fr}.khalili-hero__visual{min-height:0}.khalili-archive{width:100%}.khalili-archive__panel{border-radius:28px;padding:.82rem}.khalili-archive__header{align-items:center}.khalili-archive__body{grid-template-columns:1fr}.khalili-archive__lead-media{aspect-ratio:1.06}.khalili-archive__stack{grid-template-columns:repeat(2,minmax(0,1fr))}.khalili-link-grid,.khalili-facts,.khalili-gallery-grid{grid-template-columns:1fr}.khalili-timeline__grid{padding-inline-start:2.5rem}.khalili-timeline-card{border-radius:24px;padding-inline:.9rem}.khalili-timeline-card__meta{gap:.5rem}.khalili-timeline-card strong{font-size:1.26rem}.khalili-topic-rail{display:grid;grid-template-columns:1fr}.khalili-topic-rail button{width:100%}.khalili-photo-card__image{aspect-ratio:.88}.khalili-lightbox__panel{max-block-size:88vh;border-radius:24px}}@media(max-width:480px){.khalili-archive__stack{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.khalili-hero:after,.khalili-hero__content,.khalili-hero__highlights span,.khalili-hero__actions,.khalili-archive__panel:after,.khalili-archive__lead-media,.khalili-portrait-stack span,.khalili-timeline-card,.khalili-link-card,.khalili-topic-rail button,.khalili-photo-card,.khalili-photo-card img{animation:none!important;transition:none!important}}@keyframes khalili-float{0%,to{margin-block-start:0}50%{margin-block-start:-10px}}@keyframes khaliliHeroRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes khaliliVisualReveal{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes khaliliArchiveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes khaliliGlowDrift{0%,to{transform:translateZ(0);opacity:.85}50%{transform:translate3d(12px,8px,0);opacity:1}}.home-hero{padding-block:clamp(.85rem,2.5vw,2.15rem) clamp(.75rem,1.8vw,1.35rem)}.home-hero .container{width:min(calc(100% - 48px),1160px)}.home-hero__panel.hero__grid{grid-template-columns:minmax(300px,400px) minmax(380px,520px);justify-content:center;gap:clamp(.85rem,1.6vw,1.25rem);min-height:clamp(330px,28vw,420px);border-color:color-mix(in srgb,var(--accent-2) 32%,var(--border));border-radius:clamp(24px,3vw,34px);padding:clamp(.9rem,2vw,1.45rem);background:linear-gradient(135deg,rgb(255 255 255 / .06),transparent 32%),linear-gradient(225deg,rgb(246 199 104 / .09),transparent 44%),linear-gradient(135deg,#071522e0,#031018cc 48%,#030811e6);box-shadow:inset 0 1px #ffffff21,inset 0 0 0 1px #ffffff06,0 34px 90px #00000047;-webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)}.home-hero[dir=rtl] .home-hero__panel.hero__grid{grid-template-columns:minmax(300px,400px) minmax(380px,520px)}.home-hero__panel:after{content:"";position:absolute;inset:1px;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgb(255 255 255 / .11),transparent 24% 72%,rgb(103 232 249 / .08)),repeating-linear-gradient(120deg,transparent 0 72px,rgb(255 255 255 / .024) 73px 74px,transparent 75px 144px);mask-image:linear-gradient(135deg,black,transparent 78%);opacity:.78}.home-hero__copy h1{font-size:clamp(3.15rem,6.8vw,5.6rem);line-height:1.12;filter:drop-shadow(0 12px 28px rgb(103 232 249 / .16)) drop-shadow(0 8px 18px rgb(246 199 104 / .1))}.home-hero__copy{gap:clamp(.56rem,1.1vw,.78rem)}.home-hero__copy .eyebrow{font-size:clamp(.88rem,1.05vw,1.04rem);line-height:1.35}.home-hero[dir=rtl] .home-hero__copy .eyebrow{font-size:clamp(.98rem,1.25vw,1.16rem);direction:rtl;unicode-bidi:plaintext}.home-hero[dir=rtl] .home-hero__copy{justify-items:start}.home-hero[dir=rtl] .home-hero__copy p:not(.eyebrow){justify-self:start;max-inline-size:25rem;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.72;direction:rtl;unicode-bidi:plaintext}.home-hero[dir=rtl] .home-hero__description span{flex-direction:row;justify-content:flex-start;text-align:right}.home-hero__badges{gap:.38rem}.home-hero__badges span{min-height:30px;padding-inline:.7rem;font-size:.76rem}.home-orbit-card.daily-card{inline-size:100%;max-inline-size:400px;justify-self:stretch;border-color:color-mix(in srgb,var(--accent-2) 34%,var(--border));border-radius:clamp(22px,2.6vw,30px);padding:clamp(.75rem,1.55vw,1.05rem);background:linear-gradient(145deg,#ffffff1f,#ffffff08),linear-gradient(180deg,#132b38c7,#07121fbd);box-shadow:inset 0 1px #ffffff21,0 24px 64px #0000003d;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}.home-orbit-card h2{font-size:clamp(1.18rem,1.65vw,1.58rem)}.home-orbit-visual{inline-size:min(100%,178px)}.home-quick-grid.daily-grid{gap:.46rem}.home-quick-grid a{min-height:58px;border-radius:16px;padding:.58rem}.home-quick-grid a .islamic-icon{width:1.34rem;height:1.34rem}.home-quick-grid a span{font-size:.92rem}.home-hero .hero__actions{gap:.55rem}.home-hero .hero__actions .button{min-height:48px;border-radius:16px;padding-inline:clamp(.78rem,1.45vw,1.08rem);font-size:.9rem}.home-hero .button--primary{color:#021014;border-color:color-mix(in srgb,var(--accent-2) 52%,var(--gold) 30%);background:linear-gradient(135deg,#a7f3d0,#67e8f9 52%,#ffe08a);box-shadow:inset 0 1px #ffffff75,0 18px 42px #67e8f933}.home-hero .button--gold{color:#241600;border-color:color-mix(in srgb,var(--gold) 58%,transparent);background:linear-gradient(135deg,#fff2a8,#f6c768 72%,#ffd978);box-shadow:inset 0 1px #ffffff7a,0 18px 42px #f6c76829}@media(max-width:1040px){.home-hero__panel.hero__grid,.home-hero[dir=rtl] .home-hero__panel.hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual"}.home-hero__panel.hero__grid{min-height:auto}}@media(max-width:640px){.home-hero .container{width:min(100% - 24px,var(--container))}.home-hero__panel.hero__grid{min-height:auto;border-radius:24px;padding:.82rem}.home-hero__copy h1{font-size:clamp(2.72rem,13.4vw,4rem)}.home-hero[dir=rtl] .home-hero__copy{justify-items:start;text-align:right}.home-hero[dir=rtl] .home-hero__copy h1,.home-hero[dir=rtl] .home-hero__copy .eyebrow,.home-hero[dir=rtl] .home-hero__copy p:not(.eyebrow){margin-inline:0;text-align:right}.home-hero[dir=rtl] .home-hero__description span{display:flex;flex-direction:row;justify-content:flex-start}.home-hero[dir=rtl] .home-hero__description span:before{display:block}.home-orbit-visual{inline-size:min(62vw,150px)}}.navbar{padding:max(.48rem,env(safe-area-inset-top,0px)) max(.7rem,env(safe-area-inset-right,0px)) .48rem max(.7rem,env(safe-area-inset-left,0px))}.navbar__inner{width:min(calc(100% - 20px),1960px);min-height:86px;grid-template-areas:"brand nav actions";grid-template-columns:minmax(230px,.32fr) minmax(0,1fr) auto;gap:clamp(.55rem,1.1vw,.9rem);padding:.5rem .66rem;border:1px solid color-mix(in srgb,var(--accent-2) 28%,var(--border));border-radius:34px;background:linear-gradient(145deg,#ffffff1a,#ffffff08),color-mix(in srgb,var(--surface-strong) 82%,transparent);box-shadow:inset 0 1px #ffffff1f,0 18px 46px #0003;-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%)}.navbar[dir=rtl] .navbar__inner{grid-template-areas:"brand nav actions"}.brand{min-width:0;max-inline-size:22rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.66rem;justify-self:start;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.navbar[dir=rtl] .brand{justify-self:end}.brand__logo-shell{flex:0 0 auto;display:grid;place-items:center}.brand__logo-shell:before{display:none}.brand__wordmark{display:block;inline-size:clamp(110px,7vw,148px);block-size:auto;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .18)) drop-shadow(0 0 16px rgb(246 199 104 / .14))}.brand__copy{min-width:0;max-inline-size:13rem;display:grid;align-content:center}.brand strong,.brand__mobile-text{display:none}.brand small{max-inline-size:100%;display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--muted) 82%,var(--text));font-size:clamp(.74rem,.85vw,.88rem);font-weight:760;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.desktop-nav{min-width:0;justify-self:stretch;justify-content:space-between;gap:clamp(.22rem,.55vw,.46rem);overflow-x:auto;scrollbar-width:none;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav a{flex:1 1 0;justify-content:center;min-inline-size:max-content;min-height:46px;padding:.34rem clamp(.58rem,.88vw,.9rem);border-color:color-mix(in srgb,var(--accent-2) 13%,transparent);background:linear-gradient(145deg,#ffffff0f,#ffffff04)}.desktop-nav a.active{border-color:color-mix(in srgb,var(--gold) 38%,var(--accent-2) 26%);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--gold) 12%,transparent)),#ffffff0f}.desktop-nav a .nav-icon-shell{inline-size:1.9rem;block-size:1.9rem}.navbar__actions{justify-self:end;gap:.45rem}.navbar[dir=rtl] .navbar__actions{justify-self:start}.navbar-clock{min-inline-size:154px;border-radius:20px;padding:.5rem .72rem}.settings-toggle,.mobile-menu-toggle{inline-size:50px;block-size:50px;min-inline-size:50px;min-block-size:50px;border-radius:18px}.mobile-menu__brand{grid-template-columns:auto minmax(0,1fr)}.mobile-menu__brand .brand__wordmark{inline-size:clamp(120px,30vw,158px)}.mobile-menu header small{max-inline-size:12rem}@media(max-width:1380px){.navbar__inner{grid-template-columns:minmax(196px,.26fr) minmax(0,1fr) auto}.brand{max-inline-size:17rem}.brand small{-webkit-line-clamp:1}.desktop-nav a{font-size:.9rem;padding-inline:.58rem}}@media(max-width:1040px){.navbar__inner,.navbar[dir=rtl] .navbar__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";width:min(calc(100% - 16px),680px);padding:.44rem .5rem}.brand{max-inline-size:min(100%,18rem)}.navbar[dir=rtl] .brand{justify-self:start}.brand small{display:none}}@media(max-width:640px){.navbar{padding:max(.5rem,env(safe-area-inset-top,0px)) max(.5rem,env(safe-area-inset-right,0px)) .5rem max(.5rem,env(safe-area-inset-left,0px))}.navbar__inner,.navbar[dir=rtl] .navbar__inner{width:100%;min-height:58px;border-radius:25px}.brand{max-inline-size:min(calc(100vw - 96px),158px);padding:0}.mobile-menu-toggle{inline-size:48px;block-size:48px;min-inline-size:48px;min-block-size:48px;border-radius:17px}}@media(max-width:1040px){.navbar-premium .navbar__inner,.navbar-premium[dir=rtl] .navbar__inner,.navbar__inner,.navbar[dir=rtl] .navbar__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"actions brand current";align-items:center}.navbar-premium .brand,.brand{grid-area:brand;justify-self:center;max-inline-size:min(100%,13rem);display:flex;align-items:center;justify-content:center}.navbar-premium[dir=rtl] .brand,.navbar[dir=rtl] .brand{justify-self:center}.navbar-premium .brand__copy,.brand__copy{display:none}.navbar-current{grid-area:current;display:grid;justify-items:end;text-align:right;min-inline-size:5.4rem;max-inline-size:7.5rem}.navbar-premium[dir=rtl] .navbar-current,.navbar[dir=rtl] .navbar-current{justify-items:end;text-align:right}.navbar-current span{font-size:.66rem;line-height:1.3}.navbar-current strong{font-size:1rem;line-height:1.28}.navbar__actions{grid-area:actions;justify-self:start;gap:0}.navbar-premium[dir=rtl] .navbar__actions,.navbar[dir=rtl] .navbar__actions{justify-self:start}}@media(max-width:640px){.navbar-premium .navbar__inner,.navbar-premium[dir=rtl] .navbar__inner,.navbar__inner,.navbar[dir=rtl] .navbar__inner{min-height:72px;padding:.42rem .55rem;border-radius:24px;gap:.45rem}.navbar-premium .brand,.brand{max-inline-size:min(40vw,8.4rem)}.navbar-current{min-inline-size:4.9rem;max-inline-size:5.9rem}.navbar-current span{font-size:.62rem}.navbar-current strong{font-size:.95rem}.navbar-premium .mobile-menu-toggle,.mobile-menu-toggle{inline-size:46px;block-size:46px;min-inline-size:46px;min-block-size:46px}}@media(max-width:380px){.navbar-current{max-inline-size:5.2rem}.navbar-current strong{font-size:.88rem}}:root{--premium-shell-width: 1180px;--premium-surface: linear-gradient(180deg, rgb(6 18 34 / .86), rgb(4 12 25 / .78));--premium-panel: linear-gradient(145deg, rgb(255 255 255 / .1), rgb(255 255 255 / .025));--premium-border: color-mix(in srgb, var(--accent-2) 24%, var(--border));--premium-border-strong: color-mix(in srgb, var(--gold) 18%, var(--accent-2) 32%)}:root[data-theme=light]{--premium-surface: linear-gradient(180deg, rgb(255 255 255 / .92), rgb(239 248 255 / .82));--premium-panel: linear-gradient(145deg, rgb(255 255 255 / .94), rgb(236 248 255 / .78))}.desktop-only{display:inline-flex}.navbar-premium{position:sticky;inset-block-start:0;isolation:isolate;overflow:visible;z-index:80;padding:max(.52rem,env(safe-area-inset-top,0px)) max(.72rem,env(safe-area-inset-right,0px)) .58rem max(.72rem,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#050b17db,#050b178a),transparent;border-block-end:1px solid rgb(255 255 255 / .06);box-shadow:0 12px 30px #0000001f;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.navbar-premium:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% -40%,rgb(52 211 153 / .12),transparent 42%),radial-gradient(circle at 90% -30%,rgb(103 232 249 / .12),transparent 40%);opacity:.78}.navbar-premium .navbar__inner{position:relative;overflow:visible;width:min(calc(100% - 8px),var(--premium-shell-width));min-height:72px;margin-inline:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav actions";align-items:center;gap:.85rem;padding:.52rem .72rem;border:1px solid var(--premium-border);border-radius:28px;background:linear-gradient(180deg,rgb(255 255 255 / .08),transparent 58%),var(--premium-surface);box-shadow:inset 0 1px #ffffff1a,0 20px 44px #0003}.navbar-premium[dir=rtl] .navbar__inner{grid-template-areas:"brand nav actions"}.navbar-premium .brand{grid-area:brand;min-width:0;max-inline-size:18.5rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;color:var(--text)}.navbar-premium[dir=rtl] .brand{justify-self:end}.navbar-premium .brand__logo-shell{position:relative;isolation:isolate;inline-size:clamp(124px,7.2vw,152px);block-size:clamp(64px,4vw,78px);display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 36%,var(--accent-2) 20%);border-radius:22px;background:radial-gradient(circle at 24% 18%,rgb(255 248 214 / .16),transparent 38%),linear-gradient(145deg,#ffffff14,#ffffff07),linear-gradient(135deg,#02191feb,#081226e0);box-shadow:inset 0 1px #ffffff1f,0 10px 26px #0000002e}.navbar-premium .brand__logo-shell:before{content:"";position:absolute;inset:-22% 8%;background:radial-gradient(circle at center,rgb(246 199 104 / .22),transparent 54%);filter:blur(12px)}.navbar-premium .brand__wordmark{position:relative;z-index:1;display:block;width:92%;height:92%;padding:0;border:0;border-radius:0;object-fit:contain;object-position:center;background:transparent;box-shadow:none;filter:drop-shadow(0 8px 16px rgb(0 0 0 / .2)) drop-shadow(0 0 12px rgb(246 199 104 / .14))}.navbar-premium .brand__copy{min-width:0;display:grid;gap:.16rem;align-content:center}.navbar-premium .brand__copy strong{display:block;color:var(--text);font-family:var(--font-ar-display);font-size:.98rem;font-weight:840;line-height:1.12}.navbar-premium .brand__copy small{display:block;overflow:hidden;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.76rem;font-weight:760;line-height:1.42;text-wrap:pretty}.desktop-nav--primary{grid-area:nav;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.34rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:999px;background:linear-gradient(145deg,#ffffff12,#ffffff05),#ffffff05;box-shadow:inset 0 1px #ffffff14}.desktop-nav--primary a{position:relative;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;min-inline-size:max-content;padding-block:.38rem;padding-inline:.85rem;border:1px solid transparent;border-radius:999px;color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:.95rem;font-weight:860;line-height:1.18;transition:transform .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.desktop-nav--primary a span,.navbar-more__toggle span{line-height:1.24}.desktop-nav--primary a .nav-icon-shell{inline-size:1.95rem;block-size:1.95rem}.desktop-nav--primary a.active{color:var(--text);border-color:var(--premium-border-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--gold) 10%,transparent)),#ffffff0d;box-shadow:inset 0 1px #ffffff1f,0 12px 26px color-mix(in srgb,var(--accent-2) 14%,transparent)}.navbar-current{display:none;min-width:0;justify-items:center;gap:.1rem;text-align:center}.navbar-current span{color:var(--muted);font-size:.72rem;font-weight:800}.navbar-current strong{max-inline-size:100%;overflow:hidden;color:var(--text);font-family:var(--font-ar-display);font-size:1.08rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.navbar__actions{grid-area:actions;display:inline-flex;align-items:center;gap:.5rem;justify-self:end}.navbar-premium[dir=rtl] .navbar__actions{justify-self:start}.navbar-clock,.navbar-more__toggle,.navbar-premium .settings-toggle,.navbar-premium .mobile-menu-toggle{border-color:color-mix(in srgb,var(--accent-2) 20%,transparent);background:linear-gradient(145deg,#ffffff17,#ffffff07),#ffffff08;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000024}.navbar-clock{min-inline-size:150px;display:grid;justify-items:end;gap:.16rem;padding:.52rem .76rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:20px}.navbar-clock strong{color:var(--text);font-size:.96rem;font-weight:900;line-height:1.1}.navbar-clock span{max-inline-size:16rem;overflow:hidden;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.72rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.navbar-more{position:relative;z-index:2}.navbar-more__toggle{min-height:48px;padding-block:.42rem;padding-inline:.82rem;font-size:.9rem}.navbar-more__toggle span{white-space:nowrap}.navbar-more__chevron{transition:transform .18s var(--ease)}.navbar-more__toggle.is-open .navbar-more__chevron{transform:rotate(90deg)}.navbar-more__panel{position:fixed;inset:auto;z-index:160;width:min(28rem,calc(100vw - 1.5rem));max-block-size:min(72vh,34rem);display:grid;gap:.95rem;padding:1rem;overflow-x:hidden;overflow-y:auto;border:1px solid var(--premium-border);border-radius:26px;background:linear-gradient(180deg,rgb(255 255 255 / .08),transparent 50%),linear-gradient(160deg,#071424f5,#040c17eb);box-shadow:inset 0 1px #ffffff1a,0 22px 56px #00000047;-webkit-backdrop-filter:blur(20px) saturate(155%);backdrop-filter:blur(20px) saturate(155%);pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;animation:premiumPopoverIn .18s var(--ease)}.navbar-more__overlay{position:fixed;inset:0;z-index:150;pointer-events:auto}.navbar-more__scrim{position:fixed;inset:0;z-index:0;border:0;background:transparent;pointer-events:auto}.navbar-more__panel::-webkit-scrollbar,.mobile-menu__body::-webkit-scrollbar{width:10px}.navbar-more__panel::-webkit-scrollbar-thumb,.mobile-menu__body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 28%,rgb(255 255 255 / .18));background-clip:padding-box}.navbar-more__section{display:grid;gap:.62rem}.navbar-more__section p{margin:0;color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:.75rem;font-weight:860}.navbar-more__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.navbar-more__links a{min-height:64px;display:grid;justify-items:start;gap:.36rem;padding:.74rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:18px;color:color-mix(in srgb,var(--muted) 88%,var(--text));background:linear-gradient(145deg,#ffffff12,#ffffff05),#ffffff06;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease)}.navbar-more__links a span{font-size:.88rem;font-weight:840;line-height:1.2;text-align:start}.navbar-more__links a.active{color:var(--text);border-color:var(--premium-border-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 16%,transparent),color-mix(in srgb,var(--gold) 10%,transparent)),#ffffff0d}.navbar-premium .settings-toggle,.navbar-premium .mobile-menu-toggle{inline-size:48px;block-size:48px;min-inline-size:48px;min-block-size:48px;border-radius:18px}.navbar-premium .mobile-menu-toggle{display:none}.landing-hero{position:relative;overflow:clip;padding-block:clamp(1rem,2.8vw,2.3rem) clamp(1.1rem,2.5vw,2rem)}.landing-hero:before{content:"";position:absolute;inset-inline-end:-6%;inset-block-start:2%;width:min(42vw,480px);aspect-ratio:1;background:radial-gradient(circle at center,rgb(103 232 249 / .14),transparent 58%),radial-gradient(circle at 34% 62%,rgb(52 211 153 / .18),transparent 62%),radial-gradient(circle at 70% 36%,rgb(246 199 104 / .12),transparent 58%);filter:blur(34px);opacity:.72;pointer-events:none;animation:premiumGlowDrift 12s ease-in-out infinite}.landing-hero__shell{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-template-areas:"copy visual";align-items:stretch;gap:clamp(1rem,2vw,1.4rem);min-height:clamp(430px,42vw,560px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 28%,var(--border));border-radius:clamp(28px,3.6vw,40px);padding:clamp(1rem,2.2vw,1.7rem);background:linear-gradient(120deg,rgb(255 255 255 / .08),transparent 34%),radial-gradient(circle at 14% 22%,rgb(52 211 153 / .18),transparent 32%),radial-gradient(circle at 82% 16%,rgb(246 199 104 / .12),transparent 30%),linear-gradient(135deg,#071524eb,#040e19e0 48%,#030912f0);box-shadow:inset 0 1px #ffffff1f,0 26px 70px #00000047;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}.landing-hero__shell:before,.landing-hero__shell:after{content:"";position:absolute;inset:0;pointer-events:none}.landing-hero__shell:before{background:linear-gradient(30deg,transparent 0 46%,rgb(255 255 255 / .035) 47% 48%,transparent 49%),linear-gradient(150deg,transparent 0 46%,rgb(255 255 255 / .028) 47% 48%,transparent 49%);background-size:70px 70px;mask-image:linear-gradient(135deg,black,transparent 82%);opacity:.7}.landing-hero__shell:after{inset:auto 8% -24% auto;width:min(36vw,420px);aspect-ratio:1;background:radial-gradient(circle at center,rgb(103 232 249 / .16),transparent 55%);filter:blur(28px);opacity:.46}.landing-hero[dir=rtl] .landing-hero__shell{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);grid-template-areas:"visual copy"}.landing-hero__copy,.hero-visual-card{position:relative;z-index:1;min-width:0}.landing-hero__copy{grid-area:copy;display:grid;align-content:center;justify-items:start;gap:.88rem;animation:premiumRiseIn .62s var(--ease) both}.landing-hero[dir=rtl] .landing-hero__copy{text-align:right;direction:rtl}.landing-hero__copy .eyebrow{margin:0;max-inline-size:36rem;color:color-mix(in srgb,var(--text) 86%,var(--accent-2));font-size:clamp(.94rem,1.1vw,1.08rem);font-weight:830;line-height:1.55;text-wrap:balance}.landing-hero[dir=rtl] .landing-hero__copy .eyebrow{font-family:var(--font-ar-display);font-size:clamp(1.02rem,1.24vw,1.18rem)}.landing-hero__copy h1{margin:0;color:transparent;background:linear-gradient(115deg,#f7fbff,#bffaf2 22%,#67e8f9 42%,#f6c768 72%,#fff7cf);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;font-family:var(--font-ar-display);font-size:clamp(3.4rem,7vw,5.9rem);font-weight:900;line-height:1.08;filter:drop-shadow(0 16px 30px rgb(103 232 249 / .14)) drop-shadow(0 8px 18px rgb(246 199 104 / .08));animation:premiumTitleShift 8s ease-in-out infinite}.landing-hero__wordmark-title{inline-size:min(100%,30rem);display:flex;align-items:center;justify-content:flex-start;background:none!important;filter:none!important;animation:none!important;line-height:1}.landing-hero__wordmark-shell{position:relative;inline-size:min(100%,clamp(16.5rem,34vw,30rem));display:inline-flex;align-items:center;justify-content:center;padding:clamp(.72rem,1.4vw,1rem) clamp(1rem,1.8vw,1.3rem);border:1px solid color-mix(in srgb,var(--gold) 26%,var(--accent-2) 18%);border-radius:clamp(1.5rem,2.4vw,2rem);background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / .11),transparent 34%),linear-gradient(135deg,#081323eb,#040c19e6);box-shadow:inset 0 1px #ffffff1f,0 24px 54px #020a1842,0 0 0 1px #ffffff08;overflow:hidden;animation:premiumWordmarkFloat 7.2s ease-in-out infinite}.landing-hero__wordmark-shell:before,.landing-hero__wordmark-shell:after{content:"";position:absolute;pointer-events:none}.landing-hero__wordmark-shell:before{inset-block:-18%;inset-inline-start:-16%;inline-size:42%;background:linear-gradient(110deg,transparent 0%,rgb(255 255 255 / .02) 26%,rgb(255 255 255 / .22) 48%,rgb(255 255 255 / .05) 66%,transparent 100%);transform:translate(-155%) skew(-18deg);animation:premiumWordmarkGleam 6.8s ease-in-out infinite}.landing-hero__wordmark-shell:after{inset-inline:10%;inset-block-end:-28%;block-size:42%;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 72%);filter:blur(22px);opacity:.72}.landing-hero__wordmark-image{position:relative;z-index:1;display:block;inline-size:100%;max-inline-size:min(100%,26rem);block-size:auto;filter:drop-shadow(0 12px 22px rgb(246 199 104 / .14)) drop-shadow(0 8px 18px rgb(103 232 249 / .08))}.landing-hero__lead{max-inline-size:34rem;margin:0;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:clamp(1rem,1.28vw,1.16rem);line-height:1.9}.landing-hero[dir=rtl] .landing-hero__lead{font-family:var(--font-ar);font-size:clamp(1.08rem,1.34vw,1.26rem);line-height:1.92}.landing-hero__bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;width:min(100%,42rem);margin:0;padding:0;list-style:none}.landing-hero__bullets li{min-width:0;display:flex;align-items:flex-start;gap:.68rem;padding:.8rem .88rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:18px;color:color-mix(in srgb,var(--text) 82%,var(--muted));background:linear-gradient(145deg,#ffffff0f,#ffffff05),#ffffff05}.landing-hero[dir=rtl] .landing-hero__bullets li{text-align:right}.landing-hero__bullet-icon{inline-size:2.25rem;block-size:2.25rem;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;color:color-mix(in srgb,var(--accent-2) 78%,var(--gold));background:radial-gradient(circle at 30% 28%,rgb(255 255 255 / .14),transparent 40%),#ffffff0d;box-shadow:inset 0 1px #ffffff14}.landing-hero__bullet-icon .icon{width:1.08rem;height:1.08rem}.landing-hero__bullets li span:last-child{font-size:.94rem;font-weight:760;line-height:1.65}.feature-badges{display:flex;flex-wrap:wrap;gap:.48rem}.feature-badges__item{min-height:34px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--accent-2) 22%,transparent);border-radius:999px;padding-inline:.84rem;color:color-mix(in srgb,var(--text) 86%,var(--accent-2));background:radial-gradient(circle at 22% 20%,rgb(255 255 255 / .14),transparent 42%),#ffffff0b;font-size:.8rem;font-weight:880}.landing-hero__actions{display:grid;gap:.64rem;width:min(100%,32rem)}.landing-hero__primary-action{min-height:52px;justify-self:start;padding-inline:1.18rem;color:#021014;border-color:color-mix(in srgb,var(--accent-2) 56%,var(--gold) 30%);background:linear-gradient(135deg,#c6fff0,#67e8f9 52%,#ffe08a);box-shadow:inset 0 1px #ffffff80,0 20px 44px #67e8f93d}.landing-hero__secondary-actions{display:flex;flex-wrap:wrap;gap:.58rem}.landing-hero__secondary-actions .button{min-height:46px}.hero-visual-card{grid-area:visual;display:grid;align-content:start;gap:.92rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 24%,var(--border));border-radius:clamp(24px,3vw,32px);padding:clamp(1rem,1.9vw,1.2rem);background:radial-gradient(circle at 80% 16%,rgb(246 199 104 / .14),transparent 28%),radial-gradient(circle at 22% 26%,rgb(103 232 249 / .14),transparent 32%),linear-gradient(145deg,#ffffff17,#ffffff06),color-mix(in srgb,var(--surface-strong) 88%,transparent);box-shadow:inset 0 1px #ffffff1f,0 24px 64px #00000038;animation:premiumRiseIn .7s 60ms var(--ease) both}.hero-visual-card__art{min-height:220px;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at center,rgb(255 255 255 / .08),transparent 60%),linear-gradient(160deg,#06122080,#030c141f)}.hero-visual-art{width:min(100%,360px);overflow:visible;color:var(--accent-2)}.hero-visual-art__halo circle:first-child{fill:#67e8f924}.hero-visual-art__halo circle:last-child{fill:#f6c76814}.hero-visual-art__arch,.hero-visual-art__arch--inner,.hero-visual-art__floor,.hero-visual-art__book,.hero-visual-art__beads,.hero-visual-art__lantern,.hero-visual-art__stars,.hero-visual-art__crescent{fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-visual-art__arch,.hero-visual-art__arch--inner,.hero-visual-art__floor{stroke:url(#hero-arch-gradient);stroke-width:7}.hero-visual-art__arch--inner{opacity:.54;stroke-width:5}.hero-visual-art__crescent{stroke:var(--gold);stroke-width:5.4;fill:color-mix(in srgb,var(--gold) 14%,transparent);animation:premiumCrescentFloat 7s ease-in-out infinite}.hero-visual-art__book{stroke:color-mix(in srgb,var(--accent-2) 90%,white);stroke-width:5;fill:color-mix(in srgb,var(--accent-2) 8%,transparent)}.hero-visual-art__beads{stroke:color-mix(in srgb,var(--gold) 74%,var(--accent-2));stroke-width:4.2}.hero-visual-art__beads circle{fill:color-mix(in srgb,var(--gold) 42%,transparent)}.hero-visual-art__lantern{stroke:color-mix(in srgb,var(--accent) 82%,var(--accent-2));stroke-width:5;animation:premiumLanternPulse 5.8s ease-in-out infinite}.hero-visual-art__stars{stroke:color-mix(in srgb,var(--accent-2) 84%,white);stroke-width:4.2}.hero-visual-card__header{display:grid;gap:.2rem}.hero-visual-card__header .eyebrow{margin:0}.hero-visual-card__header h2{margin:0;font-family:var(--font-ar-display);font-size:clamp(1.32rem,1.9vw,1.72rem);line-height:1.42}.hero-visual-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.hero-visual-card__link,.hero-visual-card__support-link{min-width:0;display:flex;align-items:center;gap:.7rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);color:color-mix(in srgb,var(--text) 84%,var(--muted));background:linear-gradient(145deg,#ffffff0f,#ffffff05),#ffffff07;transition:transform .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.hero-visual-card__link{min-height:72px;padding:.8rem;border-radius:20px}.hero-visual-card__link-icon{inline-size:2.2rem;block-size:2.2rem;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;color:color-mix(in srgb,var(--accent-2) 84%,var(--gold));background:radial-gradient(circle at 28% 28%,rgb(255 255 255 / .14),transparent 40%),#ffffff0d}.hero-visual-card__link span:last-child{min-width:0;font-size:.96rem;font-weight:830;line-height:1.3}.hero-visual-card__support{display:flex;flex-wrap:wrap;gap:.52rem}.hero-visual-card__support-link{min-height:40px;padding-inline:.78rem;border-radius:999px;font-size:.82rem;font-weight:860}.hero-visual-card__support-link .icon{width:.95rem;height:.95rem}.home-live-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.95rem,2vw,1.35rem);align-items:stretch}.home-highlight-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);align-items:center;gap:1rem;border:1px solid var(--premium-border);border-radius:clamp(24px,3vw,32px);padding:clamp(1rem,2vw,1.35rem);background:linear-gradient(145deg,#ffffff14,#ffffff06),var(--surface-glass-strong);box-shadow:inset 0 1px #ffffff1f,0 22px 56px #0003;animation:premiumRiseIn .76s .12s var(--ease) both}.home-highlight-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.86}.home-prayer-panel{--panel-glow-a: rgb(103 232 249 / .16);--panel-glow-b: rgb(52 211 153 / .12);background:radial-gradient(circle at 16% 18%,var(--panel-glow-a),transparent 34%),radial-gradient(circle at 88% 14%,var(--panel-glow-b),transparent 34%),linear-gradient(145deg,#ffffff14,#ffffff06),linear-gradient(135deg,#081622eb,#04101ad6)}.home-prayer-panel--fajr{--panel-glow-a: rgb(125 211 252 / .18);--panel-glow-b: rgb(52 211 153 / .12)}.home-prayer-panel--dhuhr{--panel-glow-a: rgb(246 199 104 / .16);--panel-glow-b: rgb(103 232 249 / .1)}.home-prayer-panel--asr{--panel-glow-a: rgb(103 232 249 / .14);--panel-glow-b: rgb(249 168 212 / .1)}.home-prayer-panel--maghrib{--panel-glow-a: rgb(251 191 36 / .18);--panel-glow-b: rgb(244 114 182 / .12)}.home-prayer-panel--isha{--panel-glow-a: rgb(96 165 250 / .16);--panel-glow-b: rgb(167 139 250 / .14)}.home-moon-panel{background:radial-gradient(circle at 18% 18%,rgb(103 232 249 / .16),transparent 36%),radial-gradient(circle at 82% 16%,rgb(167 139 250 / .16),transparent 34%),linear-gradient(145deg,#ffffff14,#ffffff06),linear-gradient(135deg,#081226f0,#040e1ce0)}.home-highlight-card__visual{min-width:0;position:relative;display:grid;place-items:center}.home-highlight-card__content{min-width:0;display:grid;gap:.72rem}.home-highlight-card__content .eyebrow{margin:0}.home-highlight-card__location{width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:.46rem;padding:.38rem .72rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--text) 82%,var(--muted));background:#ffffff0a;font-size:.82rem;font-weight:780}.home-highlight-card__location .icon{width:.9rem;height:.9rem}.home-highlight-card__headline{display:grid;gap:.48rem}.home-highlight-card__headline strong{margin:0;color:var(--text);font-family:var(--font-ar-display);font-size:clamp(1.56rem,2vw,2.1rem);line-height:1.28}.home-highlight-card__time-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.home-highlight-card__time-row bdi{color:color-mix(in srgb,var(--text) 92%,white);font-size:clamp(1.12rem,1.65vw,1.3rem);font-weight:880}.home-highlight-card__time-row span{min-height:32px;display:inline-flex;align-items:center;padding-inline:.7rem;border-radius:999px;color:color-mix(in srgb,var(--accent-2) 84%,var(--text));background:radial-gradient(circle at 24% 20%,rgb(255 255 255 / .14),transparent 42%),#ffffff0e;font-size:.84rem;font-weight:820}.home-highlight-card__actions{display:flex;flex-wrap:wrap;gap:.58rem}.home-highlight-card__actions .button{min-height:46px}.home-prayer-illustration{width:min(100%,220px);overflow:visible;color:color-mix(in srgb,var(--accent-2) 80%,var(--accent));filter:drop-shadow(0 18px 34px color-mix(in srgb,var(--accent-2) 12%,transparent))}.home-prayer-illustration__sun{fill:color-mix(in srgb,var(--gold) 22%,transparent);stroke:var(--gold);stroke-width:4.8}.home-prayer-illustration__ray,.home-prayer-illustration__mosque,.home-prayer-illustration__minaret,.home-prayer-illustration__ground,.home-prayer-illustration__mat{fill:none;stroke:currentColor;stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round}.home-prayer-illustration__mat{fill:color-mix(in srgb,var(--accent) 10%,transparent)}.home-prayer-illustration__sun-glow{animation:premiumLanternPulse 6s ease-in-out infinite}.home-moon-panel__visual{isolation:isolate}.home-moon-panel__orbit,.home-moon-panel__stars{position:absolute;inset:50%;translate:-50% -50%;pointer-events:none}.home-moon-panel__orbit{width:min(100%,210px);aspect-ratio:1;border:1px solid rgb(255 255 255 / .08);border-radius:999px;box-shadow:0 0 0 16px #ffffff04,0 0 0 34px #ffffff03}.home-moon-panel__stars{width:min(100%,230px);aspect-ratio:1;background-image:radial-gradient(circle at 22% 26%,rgb(255 255 255 / .75) 0 1.2px,transparent 1.8px),radial-gradient(circle at 76% 18%,rgb(255 255 255 / .6) 0 1.2px,transparent 1.8px),radial-gradient(circle at 82% 72%,rgb(255 255 255 / .52) 0 1.4px,transparent 2px),radial-gradient(circle at 30% 80%,rgb(255 255 255 / .46) 0 1.2px,transparent 1.8px)}.home-moon-panel .moon-canvas{position:relative;z-index:1;width:min(100%,176px);animation:premiumMoonFloat 7s ease-in-out infinite}.home-moon-panel__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.home-moon-panel__stats span{min-width:0;display:grid;gap:.14rem;padding:.72rem .8rem;border:1px solid color-mix(in srgb,var(--accent-2) 14%,transparent);border-radius:18px;background:linear-gradient(145deg,#ffffff0f,#ffffff05),#ffffff06}.home-moon-panel__stats small{color:var(--muted);font-size:.72rem;font-weight:800}.home-moon-panel__stats bdi{color:var(--text);font-size:1rem;font-weight:900}.home-highlight-card__location--moon{color:color-mix(in srgb,var(--accent-2) 86%,var(--text))}.home-moon-panel--modern{position:relative;isolation:isolate;overflow:hidden;min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) minmax(146px,.42fr);grid-template-areas:"content visual";align-items:center;gap:1.25rem;padding:1.35rem;border:1px solid color-mix(in srgb,var(--accent-2) 30%,var(--border));border-radius:30px;background:linear-gradient(135deg,rgb(255 255 255 / .08),transparent 36%),linear-gradient(225deg,rgb(246 199 104 / .08),transparent 42%),linear-gradient(145deg,#071624f0,#050e1deb 52%,#091822e6);box-shadow:inset 0 1px #ffffff1f,0 24px 58px #00000038;animation:premiumRiseIn .76s .15s var(--ease) both}.home-moon-panel--modern:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgb(103 232 249 / .08),transparent 34% 72%,rgb(246 199 104 / .08)),repeating-linear-gradient(135deg,transparent 0 52px,rgb(255 255 255 / .024) 53px 54px,transparent 55px 104px);opacity:.72}.home-moon-panel__content{grid-area:content;min-width:0;display:grid;align-content:center;gap:.86rem}.home-moon-panel__content .eyebrow{margin:0;color:color-mix(in srgb,var(--accent-2) 84%,white);font-size:.86rem;font-weight:850;line-height:1.4}.home-moon-panel__headline{display:grid;gap:.56rem}.home-moon-panel__headline strong{color:var(--text);font-family:var(--font-ar-display);font-size:2.15rem;font-weight:800;line-height:1.18;letter-spacing:0}.home-moon-panel__phase{width:fit-content;max-width:100%;min-height:2.25rem;display:inline-flex;align-items:center;gap:.48rem;padding-inline:.78rem;border:1px solid color-mix(in srgb,var(--accent-2) 24%,transparent);border-radius:999px;color:color-mix(in srgb,var(--accent-2) 86%,white);background:linear-gradient(145deg,#ffffff14,#ffffff06),#ffffff08;font-size:.88rem;font-weight:820;line-height:1.35}.home-moon-panel__phase .icon{width:.95rem;height:.95rem}.home-moon-panel__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.home-moon-panel__stats span{min-width:0;min-height:74px;display:grid;align-content:center;gap:.22rem;padding:.78rem .88rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:18px;background:linear-gradient(145deg,#ffffff13,#ffffff06),#ffffff06;box-shadow:inset 0 1px #ffffff14}.home-moon-panel__stats small{color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:.74rem;font-weight:820;line-height:1.35}.home-moon-panel__stats bdi{color:var(--text);font-family:var(--font-ui);font-size:1.12rem;font-weight:880;line-height:1.2}.home-moon-panel__actions{display:flex;flex-wrap:wrap}.home-moon-panel__actions .button{min-height:46px;border-radius:16px}.home-moon-panel--modern .home-moon-panel__visual{grid-area:visual;position:relative;isolation:isolate;min-width:0;min-height:190px;display:grid;place-items:center}.home-moon-panel--modern .home-moon-panel__orbit,.home-moon-panel--modern .home-moon-panel__stars{position:absolute;inset:50%;translate:-50% -50%;pointer-events:none}.home-moon-panel--modern .home-moon-panel__orbit{width:188px;max-width:100%;aspect-ratio:1;border:1px solid rgb(255 255 255 / .11);border-radius:999px;box-shadow:0 0 0 14px #67e8f909,0 0 44px #34d3991f}.home-moon-panel--modern .home-moon-panel__stars{width:210px;max-width:100%;aspect-ratio:1;opacity:.72}.home-moon-panel--modern .moon-canvas{position:relative;z-index:1;width:164px;max-width:100%;filter:drop-shadow(-16px 18px 28px rgb(0 0 0 / .2)) drop-shadow(0 0 28px rgb(103 232 249 / .14));animation:premiumMoonFloat 7s ease-in-out infinite}@media(hover:hover){.desktop-nav--primary a:hover,.navbar-more__links a:hover,.hero-visual-card__link:hover,.hero-visual-card__support-link:hover,.home-highlight-card:hover,.landing-hero__bullets li:hover,.landing-hero__primary-action:hover,.feature-badges__item:hover,.mobile-menu__primary-link:hover,.mobile-menu__feature-link:hover,.mobile-menu__support-link:hover,.mobile-menu__settings:hover,.mobile-menu__close:hover,.navbar-premium .brand:hover,.navbar-premium .settings-toggle:hover,.navbar-premium .mobile-menu-toggle:hover,.navbar-more__toggle:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-2) 34%,var(--gold) 18%);box-shadow:inset 0 1px #ffffff1f,0 18px 36px color-mix(in srgb,var(--accent-2) 14%,transparent)}.landing-hero__wordmark-shell:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 32%,var(--accent-2) 28%);box-shadow:inset 0 1px #ffffff24,0 26px 56px #020a1847,0 0 28px color-mix(in srgb,var(--accent-2) 10%,transparent)}.hero-visual-card__link:hover .hero-visual-card__link-icon,.desktop-nav--primary a:hover .nav-icon-shell,.navbar-more__links a:hover .nav-icon-shell,.mobile-menu__primary-link:hover .mobile-menu__link-arrow,.mobile-menu__feature-link:hover .mobile-menu__feature-arrow,.mobile-menu__support-link:hover .mobile-menu__link-arrow{color:var(--gold)}.mobile-menu__primary-link:hover .mobile-menu__link-arrow,.mobile-menu__feature-link:hover .mobile-menu__feature-arrow,.mobile-menu__support-link:hover .mobile-menu__link-arrow{opacity:1;transform:translate(-1px)}}.mobile-menu-backdrop{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end;padding:max(.6rem,env(safe-area-inset-top,0px)) max(.6rem,env(safe-area-inset-right,0px)) max(.6rem,env(safe-area-inset-bottom,0px)) max(.6rem,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#0208116b,#020811cc);-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%)}.mobile-menu--sheet{width:min(430px,calc(100vw - 1.2rem));height:calc(100dvh - 1.2rem);max-height:calc(100dvh - 1.2rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.9rem;padding:1rem;border:1px solid var(--premium-border);border-radius:32px;background:linear-gradient(180deg,rgb(255 255 255 / .08),transparent 52%),linear-gradient(165deg,#081526f7,#030a16f0);box-shadow:inset 0 1px #ffffff1f,0 30px 80px #00000057;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}.mobile-menu-backdrop.is-open{animation:premiumBackdropIn .18s var(--ease)}.mobile-menu--sheet.is-open{animation:premiumSheetIn .22s var(--ease)}.mobile-menu-backdrop.is-closing{animation:premiumBackdropOut .22s var(--ease) forwards}.mobile-menu--sheet.is-closing{animation:premiumSheetOut .22s var(--ease) forwards}.mobile-menu__header{padding-block-end:.24rem}.mobile-menu__hero{position:relative;display:grid;gap:.82rem}.mobile-menu__hero:before{content:"";position:absolute;inset:-.25rem -.2rem auto;block-size:8rem;border-radius:28px;background:radial-gradient(circle at 15% 18%,rgb(52 211 153 / .14),transparent 40%),radial-gradient(circle at 88% 22%,rgb(246 199 104 / .14),transparent 38%),linear-gradient(180deg,rgb(255 255 255 / .04),transparent);pointer-events:none;filter:blur(.5px)}.mobile-menu__hero-bar,.mobile-menu__brand-card,.mobile-menu__section,.mobile-menu__footer{position:relative;z-index:1}.mobile-menu__hero-bar{display:flex;align-items:center;justify-content:space-between;gap:.88rem}.mobile-menu__eyebrow{width:fit-content;max-width:100%;min-height:2rem;display:inline-flex;align-items:center;gap:.48rem;padding-inline:.74rem;padding-block:.34rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--text) 88%,white);background:linear-gradient(145deg,#ffffff1a,#ffffff06),#ffffff08;font-size:.76rem;font-weight:860;line-height:1.22;box-shadow:inset 0 1px #ffffff14}.mobile-menu__eyebrow .icon{inline-size:.9rem;block-size:.9rem;color:var(--accent-2)}.mobile-menu__close{inline-size:48px;block-size:48px;min-inline-size:48px;min-block-size:48px;border-radius:18px}.mobile-menu__brand-card{display:grid;gap:.78rem;padding:.96rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:28px;background:linear-gradient(145deg,#ffffff14,#ffffff05),linear-gradient(155deg,#091a2ce6,#030c19cc);box-shadow:inset 0 1px #ffffff1f,0 24px 60px #00000038;overflow:hidden}.mobile-menu__brand-card:before{content:"";position:absolute;inset:-18% auto auto -8%;width:10rem;height:10rem;border-radius:999px;background:radial-gradient(circle,rgb(52 211 153 / .16),transparent 62%);pointer-events:none}.mobile-menu__brand-card:after{content:"";position:absolute;inset:auto -10% -32% auto;width:12rem;height:12rem;border-radius:999px;background:radial-gradient(circle,rgb(246 199 104 / .16),transparent 58%);pointer-events:none}.mobile-menu__brand{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.84rem}.mobile-menu__brand .brand__logo-shell{inline-size:138px;block-size:72px}.mobile-menu__brand .brand__wordmark{display:block;width:92%;height:92%;padding:0;border:0;border-radius:0;object-fit:contain;object-position:center;background:transparent;box-shadow:none}.mobile-menu__headline{min-width:0;display:grid;gap:.34rem}.mobile-menu__headline strong{color:var(--text);font-family:var(--font-ar-display);font-size:1.34rem;line-height:1.12}.mobile-menu__headline small{display:block;color:color-mix(in srgb,var(--muted) 86%,var(--text));font-size:.82rem;font-weight:760;line-height:1.56;text-wrap:pretty}.mobile-menu__current-panel{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding-block-start:.78rem;border-block-start:1px solid rgb(255 255 255 / .08)}.mobile-menu__current-label{margin:0;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.72rem;font-weight:830;line-height:1.28}.mobile-menu__current{width:fit-content;max-width:100%;min-height:2.05rem;display:inline-flex;align-items:center;padding-inline:.78rem;padding-block:.26rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--text) 92%,white);background:linear-gradient(145deg,#ffffff1a,#ffffff06),#ffffff08;font-size:.78rem;font-weight:860;line-height:1.25;box-shadow:inset 0 1px #ffffff14}.mobile-menu__body{min-height:0;display:grid;gap:1.1rem;overflow:auto;padding-inline-end:.12rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.mobile-menu__section{display:grid;gap:.72rem}.mobile-menu__section-head{display:flex;align-items:center;justify-content:space-between;gap:.68rem}.mobile-menu__section-head p{margin:0;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.76rem;font-weight:860;line-height:1.26}.mobile-menu__section-count{min-inline-size:1.9rem;min-block-size:1.9rem;display:inline-grid;place-items:center;padding-inline:.4rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:999px;color:color-mix(in srgb,var(--muted) 88%,var(--text));background:#ffffff07;font-size:.74rem;font-weight:840;box-shadow:inset 0 1px #ffffff0f}.mobile-menu__primary-list,.mobile-menu__support-list{display:grid;gap:.7rem}.mobile-menu__feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.mobile-menu__primary-link,.mobile-menu__support-link,.mobile-menu__settings{min-width:0;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.92rem .94rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:20px;color:color-mix(in srgb,var(--muted) 86%,var(--text));background:linear-gradient(145deg,#ffffff14,#ffffff06),#ffffff06;box-shadow:inset 0 1px #ffffff14;text-align:start}.mobile-menu__primary-link{border-radius:22px;background:linear-gradient(145deg,#ffffff1a,#ffffff07),linear-gradient(180deg,#ffffff05,#ffffff05)}.mobile-menu__feature-link{min-width:0;min-height:112px;display:grid;align-content:space-between;gap:.96rem;padding:.94rem .88rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:22px;color:color-mix(in srgb,var(--muted) 86%,var(--text));background:linear-gradient(145deg,#ffffff14,#ffffff05),#ffffff06;box-shadow:inset 0 1px #ffffff14}.mobile-menu__feature-top,.mobile-menu__link-main{min-width:0;display:flex;align-items:center;gap:.72rem}.mobile-menu__feature-top{justify-content:space-between;align-items:flex-start}.mobile-menu__primary-link .nav-icon-shell,.mobile-menu__support-link .nav-icon-shell,.mobile-menu__feature-link .nav-icon-shell,.mobile-menu__settings .nav-icon-shell{flex:0 0 auto}.mobile-menu__link-label,.mobile-menu__feature-label,.mobile-menu__settings span{min-width:0;font-size:.94rem;font-weight:850;line-height:1.32}.mobile-menu__feature-label{display:block}.mobile-menu__link-arrow,.mobile-menu__feature-arrow{flex:0 0 auto;inline-size:1rem;block-size:1rem;color:color-mix(in srgb,var(--muted) 86%,var(--accent-2));opacity:.74;transition:transform .18s var(--ease),color .18s var(--ease),opacity .18s var(--ease)}.mobile-menu__primary-link.active,.mobile-menu__support-link.active,.mobile-menu__feature-link.active{color:var(--text);border-color:var(--premium-border-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 18%,transparent),color-mix(in srgb,var(--gold) 10%,transparent)),#ffffff0d;box-shadow:inset 0 1px #ffffff1a,0 18px 32px color-mix(in srgb,var(--accent-2) 12%,transparent)}.mobile-menu__primary-link.active .nav-icon-shell,.mobile-menu__support-link.active .nav-icon-shell,.mobile-menu__feature-link.active .nav-icon-shell{transform:translateY(-1px) scale(1.02)}.mobile-menu__primary-link.active .mobile-menu__link-arrow,.mobile-menu__support-link.active .mobile-menu__link-arrow,.mobile-menu__feature-link.active .mobile-menu__feature-arrow{color:var(--gold);opacity:1}.mobile-menu__footer{border-block-start:1px solid rgb(255 255 255 / .08);padding-block-start:.35rem}.mobile-menu__settings{width:100%;min-height:58px}@media(max-width:1040px){.navbar-premium .navbar__inner{width:min(calc(100% - 8px),720px);min-height:66px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand current actions";gap:.72rem}.navbar-premium .brand{max-inline-size:min(100%,15rem)}.navbar-premium[dir=rtl] .brand{justify-self:end}.navbar-premium .brand__logo-shell{inline-size:118px;block-size:62px}.desktop-nav--primary,.navbar-more,.navbar-clock,.desktop-only{display:none}.navbar-current{display:grid}.navbar-premium[dir=rtl] .navbar-current{justify-items:center;text-align:center}.navbar-premium .mobile-menu-toggle{display:inline-flex}.landing-hero__shell,.landing-hero[dir=rtl] .landing-hero__shell,.home-live-section,.home-highlight-card{grid-template-columns:1fr}.landing-hero__shell,.landing-hero[dir=rtl] .landing-hero__shell{grid-template-areas:"copy" "visual";min-height:auto}.hero-visual-card{max-inline-size:620px;justify-self:stretch}}@media(max-width:720px){.landing-hero__bullets,.home-moon-panel__stats{grid-template-columns:1fr}.landing-hero__actions,.landing-hero__secondary-actions,.home-highlight-card__actions{width:100%}.landing-hero__secondary-actions,.home-highlight-card__actions{display:grid;grid-template-columns:1fr}.landing-hero__secondary-actions .button,.home-highlight-card__actions .button,.landing-hero__primary-action{width:100%;justify-self:stretch}.home-moon-panel--modern{min-height:0;grid-template-columns:1fr;grid-template-areas:"visual" "content";gap:.9rem;padding:1rem;border-radius:26px}.home-moon-panel--modern .home-moon-panel__visual{min-height:164px}.home-moon-panel--modern .moon-canvas{width:136px}.home-moon-panel--modern .home-moon-panel__orbit{width:158px}.home-moon-panel__content{justify-items:stretch;text-align:start}.home-moon-panel__headline strong{font-size:1.78rem}.home-moon-panel__phase,.home-moon-panel__actions .button{width:100%;justify-content:center}.home-moon-panel--modern .home-moon-panel__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.navbar-premium{padding:max(.44rem,env(safe-area-inset-top,0px)) max(.44rem,env(safe-area-inset-right,0px)) .44rem max(.44rem,env(safe-area-inset-left,0px))}.navbar-premium .navbar__inner{width:100%;min-height:60px;padding:.42rem .5rem;border-radius:24px}.navbar-premium .brand{max-inline-size:min(calc(100vw - 140px),9.2rem)}.navbar-premium .brand__logo-shell{inline-size:min(37vw,110px);block-size:min(18vw,58px);border-radius:18px}.navbar-premium .brand__copy strong{display:none}.navbar-premium .brand__copy small{font-size:.72rem;line-height:1.38}.navbar-premium .mobile-menu-toggle{inline-size:46px;block-size:46px;min-inline-size:46px;min-block-size:46px;border-radius:16px}.landing-hero{padding-block-start:.82rem}.landing-hero__shell{border-radius:26px;padding:.94rem}.landing-hero__copy,.landing-hero[dir=rtl] .landing-hero__copy{justify-items:center;text-align:center}.landing-hero__copy .eyebrow,.landing-hero__lead{max-inline-size:23rem;text-align:center}.landing-hero__copy h1{font-size:clamp(2.92rem,13vw,4.2rem)}.landing-hero__wordmark-title{justify-content:center;inline-size:min(100%,22rem)}.landing-hero__wordmark-shell{inline-size:100%}.landing-hero__bullets li{text-align:start}.landing-hero__copy .feature-badges{justify-content:center}.hero-visual-card__grid{grid-template-columns:1fr}.hero-visual-card__support{display:grid;grid-template-columns:1fr}.home-highlight-card{padding:1rem}.home-highlight-card__visual{order:-1}.mobile-menu-backdrop{padding:0}.mobile-menu--sheet{width:min(100vw,100%);height:100dvh;max-height:100dvh;border-radius:0;border-inline:0;border-block-end:0}.mobile-menu__hero{gap:.72rem}.mobile-menu__hero:before{inset-inline:-.1rem;block-size:7rem}.mobile-menu__hero-bar{align-items:flex-start}.mobile-menu__eyebrow{min-height:1.86rem;padding-inline:.66rem;font-size:.72rem}.mobile-menu__close{inline-size:44px;block-size:44px;min-inline-size:44px;min-block-size:44px;border-radius:16px}.mobile-menu__brand-card{padding:.88rem;border-radius:24px}.mobile-menu__brand{gap:.72rem}.mobile-menu__headline{gap:.3rem}.mobile-menu__current-panel{gap:.58rem;padding-block-start:.68rem}.mobile-menu__section{gap:.64rem}.mobile-menu__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.mobile-menu__primary-link,.mobile-menu__support-link,.mobile-menu__settings{min-height:56px;padding:.82rem .84rem;border-radius:18px}.mobile-menu__feature-link{min-height:98px;gap:.8rem;padding:.84rem .78rem;border-radius:20px}.mobile-menu__link-label,.mobile-menu__feature-label,.mobile-menu__settings span{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.navbar-more__panel,.mobile-menu-backdrop,.mobile-menu--sheet,.landing-hero__copy,.hero-visual-card,.home-highlight-card,.landing-hero__copy h1,.landing-hero__wordmark-shell,.landing-hero__wordmark-shell:before,.landing-hero:before,.hero-visual-art__crescent,.hero-visual-art__lantern,.home-prayer-illustration__sun-glow,.home-moon-panel .moon-canvas{animation:none!important;transition:none!important}}:root[data-ui-motion=reduced] .navbar-more__panel,:root[data-ui-motion=reduced] .mobile-menu-backdrop,:root[data-ui-motion=reduced] .mobile-menu--sheet,:root[data-ui-motion=reduced] .landing-hero__copy,:root[data-ui-motion=reduced] .hero-visual-card,:root[data-ui-motion=reduced] .home-highlight-card,:root[data-ui-motion=reduced] .landing-hero__copy h1,:root[data-ui-motion=reduced] .landing-hero__wordmark-shell,:root[data-ui-motion=reduced] .landing-hero__wordmark-shell:before,:root[data-ui-motion=reduced] .landing-hero:before,:root[data-ui-motion=reduced] .hero-visual-art__crescent,:root[data-ui-motion=reduced] .hero-visual-art__lantern,:root[data-ui-motion=reduced] .home-prayer-illustration__sun-glow,:root[data-ui-motion=reduced] .home-moon-panel .moon-canvas{animation:none!important;transition:none!important}:root[data-theme=light] .navbar-premium{background:linear-gradient(180deg,#f8fcfff0,#eef8ffb3),transparent;border-block-end-color:#10203a14;box-shadow:0 14px 34px #5a78b614}:root[data-theme=light] .navbar-premium .navbar__inner,:root[data-theme=light] .landing-hero__shell,:root[data-theme=light] .hero-visual-card,:root[data-theme=light] .home-highlight-card,:root[data-theme=light] .mobile-menu--sheet,:root[data-theme=light] .navbar-more__panel{color:#10203a;border-color:#5874ad29;box-shadow:inset 0 1px #fffc,0 18px 40px #5a78b61f}:root[data-theme=light] .navbar-premium .navbar__inner{background:linear-gradient(180deg,#fffffff5,#f1f9f6e6)}:root[data-theme=light] .navbar-premium .brand__logo-shell,:root[data-theme=light] .mobile-menu__brand .brand__logo-shell{border-color:#b9832e38;background:radial-gradient(circle at 24% 18%,rgb(255 248 214 / .34),transparent 38%),linear-gradient(145deg,#fffffff5,#eef7f4e6);box-shadow:inset 0 1px #fffffff2,0 14px 28px #3359681f}:root[data-theme=light] .navbar-premium .brand__copy strong,:root[data-theme=light] .mobile-menu__headline strong,:root[data-theme=light] .mobile-menu__current{color:#10203a}:root[data-theme=light] .mobile-menu__eyebrow,:root[data-theme=light] .mobile-menu__section-count{color:#285068;border-color:#0e749024;background:linear-gradient(180deg,#ffffffeb,#eff9f5d6)}:root[data-theme=light] .desktop-nav--primary{border-color:#0e749024;background:linear-gradient(180deg,#fffffff0,#f0f9f5cc);box-shadow:inset 0 1px #fffffff5,0 10px 22px #2c546614}:root[data-theme=light] .desktop-nav--primary a{color:#41566f}:root[data-theme=light] .desktop-nav--primary a.active{color:#10203a;border-color:#0f766e3d;background:linear-gradient(145deg,#0f9f7f24,#b9832e1a),#ffffffbd;box-shadow:inset 0 1px #ffffffeb,0 14px 30px #0f766e24}:root[data-theme=light] .desktop-nav--primary a.active .nav-icon-shell{transform:translateY(-1px) scale(1.02)}:root[data-theme=light] .navbar-clock,:root[data-theme=light] .navbar-more__toggle,:root[data-theme=light] .navbar-premium .settings-toggle,:root[data-theme=light] .navbar-premium .mobile-menu-toggle{border-color:#0e749029;background:linear-gradient(180deg,#fffffff5,#eff9f5d6);box-shadow:inset 0 1px #fffffff0,0 12px 28px #2c54661a}:root[data-theme=light] .landing-hero__shell{background:linear-gradient(128deg,#fffffffa,#f1f9f6eb 46%,#e8f3fceb),radial-gradient(circle at 14% 22%,rgb(15 159 127 / .16),transparent 34%),radial-gradient(circle at 82% 16%,rgb(185 131 46 / .14),transparent 28%)}:root[data-theme=light] .landing-hero__shell:before{background:linear-gradient(30deg,transparent 0 46%,rgb(16 36 59 / .045) 47% 48%,transparent 49%),linear-gradient(150deg,transparent 0 46%,rgb(14 116 144 / .04) 47% 48%,transparent 49%);opacity:.9}:root[data-theme=light] .landing-hero__shell:after{background:radial-gradient(circle at center,rgb(15 159 127 / .14),transparent 55%)}:root[data-theme=light] .landing-hero__copy .eyebrow{color:#34617a}:root[data-theme=light] .landing-hero__copy h1{background:linear-gradient(112deg,#10203a,#0f766e 36%,#0ea5a6,#b9832e 88%,#15334c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 12px 22px rgb(14 116 144 / .08)) drop-shadow(0 8px 16px rgb(185 131 46 / .08))}:root[data-theme=light] .landing-hero__wordmark-shell{border-color:#ac915452;background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / .82),transparent 34%),linear-gradient(135deg,#0c1c30f5,#081527eb);box-shadow:inset 0 1px #ffffff29,0 22px 48px #334e6b1f}:root[data-theme=light] .landing-hero__wordmark-image{filter:drop-shadow(0 10px 18px rgb(246 199 104 / .12)) drop-shadow(0 6px 14px rgb(14 165 166 / .06))}:root[data-theme=light] .landing-hero__lead,:root[data-theme=light] .landing-hero__bullets li,:root[data-theme=light] .feature-badges__item{color:#21415a}:root[data-theme=light] .landing-hero__bullets li,:root[data-theme=light] .feature-badges__item,:root[data-theme=light] .hero-visual-card__link,:root[data-theme=light] .hero-visual-card__support-link,:root[data-theme=light] .home-highlight-card__location,:root[data-theme=light] .home-highlight-card__time-row span,:root[data-theme=light] .home-moon-panel__stats span{border-color:#0e749024;background:linear-gradient(180deg,#ffffffeb,#eff9f5cc)}:root[data-theme=light] .landing-hero__primary-action{color:#fbfffe;border-color:#0f766e70;background:linear-gradient(135deg,#0f9f7f,#0ea5a6 54%,#d5a441);box-shadow:inset 0 1px #ffffff38,0 20px 40px #0e74902e}:root[data-theme=light] .landing-hero__secondary-actions .button{color:#15334c;border-color:#0e749029;background:linear-gradient(180deg,#fffffff5,#eef7f4db)}:root[data-theme=light] .hero-visual-card,:root[data-theme=light] .home-highlight-card,:root[data-theme=light] .mobile-menu--sheet,:root[data-theme=light] .navbar-more__panel{background:linear-gradient(145deg,#ffffffeb,#ecf8ffd1)}:root[data-theme=light] .hero-visual-card__header h2,:root[data-theme=light] .home-highlight-card__headline strong,:root[data-theme=light] .mobile-menu__headline strong,:root[data-theme=light] .navbar-current strong,:root[data-theme=light] .navbar-clock strong{color:#10203a}:root[data-theme=light] .mobile-menu__brand-card{border-color:#0e749024;background:linear-gradient(135deg,#fffffffa,#f1f9f6eb 52%,#e8f3fce6),linear-gradient(145deg,#fffffff5,#eff6fce0);box-shadow:inset 0 1px #fffffff0,0 20px 44px #2c54661a}:root[data-theme=light] .hero-visual-card__art{background:radial-gradient(circle at center,rgb(255 255 255 / .72),transparent 60%),linear-gradient(160deg,#ebf6fcf5,#e3f2efe6)}.home-athkar-grid,.home-ritual-grid,.home-devotion-grid{align-items:stretch;gap:clamp(1rem,2vw,1.45rem)}.home-athkar-grid .feature-card--interactive{--feature-card-border: color-mix(in srgb, var(--accent-2) 22%, var(--border));--feature-card-accent: #67e8f9;--feature-card-accent-2: #34d399;--feature-card-gold: #f6c768;position:relative;min-height:0;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;perspective:1600px;cursor:pointer;-webkit-tap-highlight-color:transparent}.home-athkar-grid .feature-card--interactive:nth-child(3n+1){--feature-card-accent: #6ee7f9;--feature-card-accent-2: #34d399;--feature-card-gold: #f6c768}.home-athkar-grid .feature-card--interactive:nth-child(3n+2){--feature-card-accent: #7fb3ff;--feature-card-accent-2: #60a5fa;--feature-card-gold: #d8d4ff}.home-athkar-grid .feature-card--interactive:nth-child(3n+3){--feature-card-accent: #5eead4;--feature-card-accent-2: #22c55e;--feature-card-gold: #f9d775}.home-athkar-grid .feature-card__inner{position:relative;z-index:2;min-height:294px;pointer-events:none;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.2,.78,.1,1);animation:homeAthkarCardReveal .68s var(--ease) both}.home-athkar-grid .feature-card--interactive:nth-child(1) .feature-card__inner{animation-delay:30ms}.home-athkar-grid .feature-card--interactive:nth-child(2) .feature-card__inner{animation-delay:80ms}.home-athkar-grid .feature-card--interactive:nth-child(3) .feature-card__inner{animation-delay:.13s}.home-athkar-grid .feature-card--interactive:nth-child(4) .feature-card__inner{animation-delay:.16s}.home-athkar-grid .feature-card--interactive:nth-child(5) .feature-card__inner{animation-delay:.21s}.home-athkar-grid .feature-card--interactive:nth-child(6) .feature-card__inner{animation-delay:.26s}.home-athkar-grid .feature-card__face{position:absolute;inset:0;display:grid;gap:1rem;min-height:100%;padding:clamp(1.15rem,2vw,1.4rem);border:1px solid var(--feature-card-border);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 14% 14%,color-mix(in srgb,var(--feature-card-accent) 20%,transparent),transparent 28%),radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--feature-card-accent-2) 18%,transparent),transparent 28%),linear-gradient(145deg,#ffffff1a,#ffffff06),linear-gradient(160deg,#071425f0,#051221e6);box-shadow:inset 0 1px #ffffff1f,0 24px 60px #0000002e;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity .18s var(--ease),visibility 0s linear 0s,transform .26s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.home-athkar-grid .feature-card__face--front{z-index:2;opacity:1;visibility:visible;transform:rotateY(0);pointer-events:auto}.home-athkar-grid .feature-card__face--back{z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.18s,0s,0s,0s}.home-athkar-grid .feature-card--interactive.is-flipped .feature-card__face--front{z-index:1;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);pointer-events:none;transition-delay:0s,.18s,0s,0s,0s}.home-athkar-grid .feature-card--interactive.is-flipped .feature-card__face--back{z-index:2;opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:90ms,0s,90ms,0s,0s}.home-athkar-grid .feature-card__face:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(135deg,black,transparent 82%);opacity:.7}.home-athkar-grid .feature-card__face:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,rgb(255 255 255 / .16),transparent 16%,transparent 72%,rgb(255 255 255 / .04) 100%),radial-gradient(circle at 86% 82%,color-mix(in srgb,var(--feature-card-gold) 12%,transparent),transparent 24%);opacity:.82;mask-image:linear-gradient(165deg,black,transparent 88%)}.home-athkar-grid .feature-card__face>*{position:relative;z-index:1}.home-athkar-grid .feature-card__topline,.home-athkar-grid .feature-card__back-head,.home-athkar-grid .feature-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap}.home-athkar-grid .feature-card__eyebrow,.home-athkar-grid .feature-card__back-chip{min-height:2rem;display:inline-flex;align-items:center;padding-inline:.82rem;border:1px solid color-mix(in srgb,var(--feature-card-accent-2) 20%,transparent);border-radius:999px;color:color-mix(in srgb,white 84%,var(--feature-card-accent) 16%);background:linear-gradient(180deg,#ffffff1f,#ffffff0a),color-mix(in srgb,var(--feature-card-accent) 8%,transparent);font-size:.74rem;font-weight:900;line-height:1.35}.home-athkar-grid .feature-card__count-pill{min-height:3rem;min-inline-size:4.8rem;display:grid;place-items:center;gap:.1rem;padding:.45rem .85rem;border:1px solid color-mix(in srgb,var(--feature-card-gold) 16%,var(--feature-card-accent) 12%);border-radius:20px;background:linear-gradient(180deg,#ffffff1c,#ffffff08),#ffffff07;box-shadow:inset 0 1px #ffffff14}.home-athkar-grid .feature-card__count-pill bdi{color:#f8fbff;font-family:var(--font-ui);font-size:1.16rem;font-weight:950;line-height:1}.home-athkar-grid .feature-card__count-pill small{color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.72rem;font-weight:850;line-height:1.2}.home-athkar-grid .feature-card__icon-shell{display:grid;justify-items:end}.home-athkar-grid .feature-card__icon-shell .feature-icon,.home-athkar-grid .feature-card__back-orb{inline-size:64px;block-size:64px;display:grid;place-items:center;border-radius:22px;color:color-mix(in srgb,white 72%,var(--feature-card-accent) 28%);background:radial-gradient(circle at 30% 28%,rgb(255 255 255 / .16),transparent 40%),linear-gradient(145deg,#ffffff1f,#ffffff0a),color-mix(in srgb,var(--feature-card-accent-2) 18%,transparent);box-shadow:inset 0 1px #ffffff1f,0 16px 34px color-mix(in srgb,var(--feature-card-accent) 14%,transparent);transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)}.home-athkar-grid .feature-card__back-orb .icon{inline-size:1.65rem;block-size:1.65rem}.home-athkar-grid .feature-card__content,.home-athkar-grid .feature-card__back-copy{display:grid;gap:.55rem;align-content:start}.home-athkar-grid .feature-card__content h3,.home-athkar-grid .feature-card__back-copy h3{margin:0;color:#f7fbff;font-size:clamp(1.55rem,2.2vw,2.18rem);line-height:1.24;text-wrap:balance}.home-athkar-grid .feature-card__content p,.home-athkar-grid .feature-card__back-copy p{margin:0;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:1rem;line-height:1.82;text-wrap:pretty}.home-athkar-grid .feature-card__footer{margin-top:auto}.home-athkar-grid .feature-card__footer-note{max-inline-size:16rem;color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.8rem;font-weight:820;line-height:1.5}.home-athkar-grid .feature-card__meta{display:flex;flex-wrap:wrap;gap:.65rem}.home-athkar-grid .feature-card__meta span{min-height:2.15rem;display:inline-flex;align-items:center;justify-content:center;padding-inline:.8rem;border:1px solid color-mix(in srgb,var(--feature-card-accent-2) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--text) 84%,var(--muted));background:linear-gradient(180deg,#ffffff1c,#ffffff08),#ffffff05;font-size:.8rem;font-weight:850;line-height:1.4}.home-athkar-grid .feature-card__link{min-height:48px;border-radius:18px;font-size:.95rem;font-weight:900}.home-athkar-grid .feature-card__link--front{padding-inline:1rem}.home-athkar-grid .feature-card__link--back{inline-size:fit-content;max-inline-size:100%;margin-top:auto}.home-athkar-grid .feature-card__face--back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;transform:translateY(12px) scale(.985);background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--feature-card-accent) 22%,transparent),transparent 54%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--feature-card-gold) 12%,transparent),transparent 26%),linear-gradient(150deg,#081426f7,#061220f0)}.home-athkar-grid .feature-card__back-center{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.home-athkar-grid .feature-card__back-title{color:#f0f8ff;font-size:clamp(1.35rem,2vw,1.72rem);font-weight:900;line-height:1.25;text-shadow:0 2px 12px rgb(0 0 0 / .28)}.home-athkar-grid .feature-card__back-actions{inline-size:min(100%,19rem);display:grid;justify-items:center;justify-content:center;gap:.72rem}.home-athkar-grid .feature-card__back-btn{inline-size:min(100%,17.5rem)!important;min-height:3.35rem!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:.8rem!important;padding-block:.45rem!important;padding-inline:1.05rem .55rem!important;border-radius:18px!important;font-size:.94rem!important;font-weight:900!important;letter-spacing:0!important;border:1px solid color-mix(in srgb,var(--feature-card-gold) 24%,var(--feature-card-accent) 34%)!important;background:linear-gradient(135deg,#ffffff3d,#fff1 48%,#ffffff26),linear-gradient(135deg,color-mix(in srgb,var(--feature-card-accent) 34%,transparent),color-mix(in srgb,var(--feature-card-accent-2) 26%,transparent))!important;box-shadow:inset 0 1px #ffffff4d,inset 0 -10px 24px #0000001a,0 14px 32px color-mix(in srgb,var(--feature-card-accent) 26%,transparent)!important;-webkit-backdrop-filter:blur(14px) saturate(145%)!important;backdrop-filter:blur(14px) saturate(145%)!important;color:#f8fbff!important;text-shadow:0 1px 8px rgb(0 0 0 / .18);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)!important}.home-athkar-grid .feature-card__back-btn-label{min-width:0;overflow-wrap:anywhere;line-height:1.25}.home-athkar-grid .feature-card__back-btn-icon{inline-size:2.35rem;block-size:2.35rem;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgb(255 255 255 / .22);border-radius:14px;background:radial-gradient(circle at 30% 24%,rgb(255 255 255 / .34),transparent 48%),#ffffff24;box-shadow:inset 0 1px #ffffff3d}.home-athkar-grid .feature-card__back-btn-icon .icon{inline-size:1.05rem;block-size:1.05rem}.home-athkar-grid .feature-card__back-btn:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--feature-card-gold) 34%,var(--feature-card-accent) 42%)!important;box-shadow:inset 0 1px #ffffff5c,inset 0 -10px 24px #00000014,0 18px 38px color-mix(in srgb,var(--feature-card-accent) 34%,transparent)!important}.home-athkar-grid .feature-card__back-count-pill{min-height:2.4rem;display:inline-flex;align-items:center;gap:.3rem;padding-inline:.85rem;border:1px solid color-mix(in srgb,var(--feature-card-gold) 24%,transparent);border-radius:999px;background:linear-gradient(180deg,#ffffff17,#ffffff06);box-shadow:inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-athkar-grid .feature-card__back-count-pill bdi{color:color-mix(in srgb,white 88%,var(--feature-card-gold));font-family:var(--font-ui);font-size:1rem;font-weight:950;line-height:1}.home-athkar-grid .feature-card__back-count-pill small{color:color-mix(in srgb,var(--muted) 80%,var(--text));font-size:.74rem;font-weight:800}.home-athkar-grid .feature-card--interactive.is-flipped .feature-card__inner{transform:translateY(-4px)}.home-athkar-grid .feature-card--interactive:focus-visible{outline:none}.home-athkar-grid .feature-card--interactive:focus-within .feature-card__face{border-color:color-mix(in srgb,var(--feature-card-accent) 30%,var(--feature-card-gold) 18%);box-shadow:inset 0 1px #ffffff24,0 26px 64px color-mix(in srgb,var(--feature-card-accent) 10%,rgb(0 0 0 / .16))}@media(hover:hover)and (pointer:fine)and (min-width:920px){.home-athkar-grid .feature-card--interactive:hover .feature-card__inner,.home-athkar-grid .feature-card--interactive.is-flipped:hover .feature-card__inner{transform:translateY(-6px)}.home-athkar-grid .feature-card--interactive:hover .feature-card__face,.home-athkar-grid .feature-card--interactive:hover .feature-card__face--back{box-shadow:inset 0 1px #ffffff24,0 32px 72px color-mix(in srgb,var(--feature-card-accent) 12%,rgb(0 0 0 / .18))}.home-athkar-grid .feature-card--interactive:hover .feature-card__icon-shell .feature-icon,.home-athkar-grid .feature-card--interactive:hover .feature-card__back-orb{transform:translateY(-2px) scale(1.04)}}@media(hover:hover){.home-athkar-grid .feature-card__link--front:hover,.home-athkar-grid .feature-card__link--back:hover{transform:translateY(-2px)}}.home-devotion-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.athkar-preview,.quran-promo--featured,.tasbeeh{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.2rem,2.4vw,1.6rem);border-radius:clamp(24px,2.8vw,32px);border-color:color-mix(in srgb,var(--accent-2) 22%,var(--border));background:linear-gradient(145deg,#ffffff17,#ffffff05),linear-gradient(180deg,#061222eb,#07111fe0);box-shadow:inset 0 1px #ffffff1f,0 26px 60px #00000038;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);transform-style:preserve-3d;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)}.athkar-preview:before,.quran-promo--featured:before,.tasbeeh:before{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;background:linear-gradient(148deg,rgb(255 255 255 / .18),transparent 18%,transparent 74%,rgb(255 255 255 / .05) 100%),radial-gradient(circle at 14% 10%,rgb(255 255 255 / .1),transparent 28%),radial-gradient(circle at 88% 16%,rgb(255 255 255 / .06),transparent 24%);opacity:.78;mask-image:linear-gradient(160deg,black,transparent 88%)}.athkar-preview:after,.quran-promo--featured:after,.tasbeeh:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(30deg,rgb(255 255 255 / .038) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .026) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(135deg,black,transparent 78%);opacity:.72}.athkar-preview>*,.quran-promo--featured>*,.tasbeeh>*{position:relative;z-index:1}.home-ritual-grid .athkar-preview,.home-devotion-grid .quran-promo--featured,.home-devotion-grid .tasbeeh{animation:premiumRiseIn .68s var(--ease) both}.home-ritual-grid .athkar-preview:nth-child(1){animation-delay:60ms}.home-ritual-grid .athkar-preview:nth-child(2){animation-delay:.13s}.home-devotion-grid .quran-promo--featured{animation-delay:90ms}.home-devotion-grid .tasbeeh{animation-delay:.15s}.athkar-preview{min-height:378px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:.9rem;padding:clamp(1.18rem,2vw,1.4rem)}.athkar-preview--morning{background:radial-gradient(circle at 18% 12%,rgb(125 211 252 / .22),transparent 28%),radial-gradient(circle at 82% 18%,rgb(246 199 104 / .18),transparent 28%),linear-gradient(145deg,#ffffff14,#ffffff05),linear-gradient(160deg,#08162aeb,#051325e6)}.athkar-preview--evening{background:radial-gradient(circle at 18% 12%,rgb(96 165 250 / .18),transparent 28%),radial-gradient(circle at 82% 18%,rgb(52 211 153 / .18),transparent 28%),linear-gradient(145deg,#ffffff14,#ffffff05),linear-gradient(160deg,#091026f0,#051122e6)}.athkar-preview__orb{position:absolute;inset-block-start:1.12rem;inset-inline-start:1.12rem;inline-size:76px;block-size:76px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgb(255 255 255 / .18),transparent 40%),color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:inset 0 1px #ffffff1f,0 18px 36px color-mix(in srgb,var(--accent-2) 12%,transparent);animation:premiumGlowDrift 9s ease-in-out infinite}.athkar-preview__orb .feature-icon{inline-size:54px;block-size:54px;border-radius:18px;color:#dffdf4;background:linear-gradient(145deg,#ffffff1f,#ffffff08),color-mix(in srgb,var(--accent-2) 20%,transparent);box-shadow:inset 0 1px #ffffff1f,0 12px 30px color-mix(in srgb,var(--accent-2) 16%,transparent)}.athkar-preview__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:start;padding-inline-start:clamp(4.65rem,8vw,5.3rem)}.athkar-preview__identity{display:grid;gap:.3rem}.athkar-preview__eyebrow{color:color-mix(in srgb,var(--accent-2) 70%,white 20%);font-size:.78rem;font-weight:900;line-height:1.35}.athkar-preview h3{font-size:clamp(1.52rem,2.3vw,2.18rem);line-height:1.24}.athkar-preview__count{min-height:3.2rem;min-inline-size:4.6rem;display:grid;place-items:center;gap:.08rem;padding:.5rem .8rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);border-radius:18px;background:linear-gradient(180deg,#ffffff1c,#ffffff0a),color-mix(in srgb,var(--surface-muted) 96%,transparent);box-shadow:inset 0 1px #ffffff14}.athkar-preview__count bdi{color:#f7fbff;font-family:var(--font-ui);font-size:1.18rem;font-weight:950;line-height:1}.athkar-preview__count small{color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.7rem;font-weight:800;line-height:1.2}.athkar-preview__summary{max-inline-size:min(100%,29rem);color:color-mix(in srgb,var(--text) 80%,var(--muted));font-size:.98rem;line-height:1.82}.athkar-preview__chips{display:flex;flex-wrap:wrap;gap:.55rem}.athkar-preview__chips span{min-height:2.18rem;display:inline-flex;align-items:center;justify-content:center;padding-inline:.8rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:999px;color:color-mix(in srgb,var(--text) 82%,var(--muted));background:linear-gradient(180deg,#ffffff1c,#ffffff08),#ffffff06;font-size:.8rem;font-weight:850;line-height:1.4}.preview-list{display:grid;gap:.85rem;margin-top:auto}.athkar-preview__stage{position:relative;padding-inline-end:1rem}[dir=ltr] .athkar-preview__stage{padding-inline-start:1rem;padding-inline-end:0}.athkar-preview__stage:before{content:"";position:absolute;inset-block:.55rem .55rem;inset-inline-end:.1rem;inline-size:2px;border-radius:999px;background:linear-gradient(180deg,#67e8f914,#34d399cc,#f6c7682e);box-shadow:0 0 18px #34d3993d}[dir=ltr] .athkar-preview__stage:before{inset-inline-start:.1rem;inset-inline-end:auto}.athkar-preview__quote{display:grid;gap:.5rem;min-width:0;margin:0;padding:1rem 1rem 1rem 1.05rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:24px;background:linear-gradient(145deg,#ffffff14,#ffffff06),#ffffff05;box-shadow:inset 0 1px #ffffff14,0 18px 36px #0000001f;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.athkar-preview__quote-label{inline-size:fit-content;min-height:1.9rem;display:inline-flex;align-items:center;padding-inline:.7rem;border-radius:999px;color:color-mix(in srgb,var(--gold) 74%,white 18%);background:color-mix(in srgb,var(--gold) 12%,transparent);font-size:.73rem;font-weight:900;line-height:1.3}.athkar-preview__quote-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.95;text-wrap:pretty}.athkar-preview__quran-text{font-size:clamp(1.12rem,2vw,1.36rem);line-height:2}.athkar-preview__footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding-block-start:.2rem}.athkar-preview__footer-note{color:color-mix(in srgb,var(--muted) 88%,var(--text));font-size:.78rem;font-weight:760;line-height:1.4}.athkar-preview__cta{min-height:38px;height:38px;border-radius:999px;padding-inline:1.1rem;font-size:.88rem;font-weight:860;gap:.4rem;box-shadow:inset 0 1px #ffffff38,0 6px 18px color-mix(in srgb,var(--accent) 28%,transparent)}.athkar-preview__cta .icon{width:.9rem;height:.9rem}.quran-promo__cta{min-height:44px;border-radius:14px;padding-inline:1.2rem;font-size:.92rem;font-weight:880}.quran-promo--featured{display:grid;grid-template-rows:auto 1fr;min-height:0;padding:clamp(1.3rem,2.4vw,1.8rem);gap:1.1rem;background:radial-gradient(ellipse at 18% 50%,rgb(52 211 153 / .13),transparent 40%),radial-gradient(ellipse at 82% 12%,rgb(246 199 104 / .13),transparent 36%),linear-gradient(150deg,#06101ef7,#081426f0)}.quran-promo__bg-glow{position:absolute;inset-block-start:-20%;inset-inline-start:10%;inline-size:280px;block-size:280px;border-radius:50%;background:radial-gradient(circle,rgb(52 211 153 / .11),transparent 68%);filter:blur(28px);pointer-events:none;animation:premiumGlowDrift 13s ease-in-out infinite}.quran-promo__head{position:relative;z-index:1;display:grid;gap:.35rem}.quran-promo__eyebrow{color:#d4a843;font-size:.76rem;font-weight:860;letter-spacing:.09em;text-transform:uppercase}[dir=rtl] .quran-promo__eyebrow{letter-spacing:normal;text-transform:none;font-size:.84rem}.quran-promo__title{margin:0;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.15}.quran-promo__body{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,2vw,1.6rem);align-items:center;min-height:0}.quran-promo__book-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(140px,18vw,190px);height:clamp(180px,22vw,240px)}.quran-promo__geo{position:absolute;inset:-10%;width:120%;height:120%;pointer-events:none;opacity:.9;animation:quranGeoSpin 60s linear infinite}.quran-promo__geo-fade{mix-blend-mode:screen}.quran-promo__book-halo{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle at 42% 50%,rgb(52 211 153 / .24),rgb(246 199 104 / .12) 52%,transparent 72%);filter:blur(24px);animation:quranBookHalo 8s ease-in-out infinite;pointer-events:none}.quran-promo__book-svg{position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 18px 36px rgb(0 0 0 / .6));animation:quranBookFloat 7s ease-in-out infinite}.quran-promo__stat{position:absolute;display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .75rem;border:1px solid rgb(246 199 104 / .28);border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#edfaff;font-size:.75rem;font-weight:860;white-space:nowrap;box-shadow:inset 0 1px #ffffff1f}.quran-promo__stat .icon{inline-size:.82rem;block-size:.82rem;color:#d4a843}.quran-promo__stat--surahs{inset-block-start:8%;inset-inline-end:-12%;animation:quranStatFloat 5.5s ease-in-out infinite}.quran-promo__stat--readers{inset-block-end:10%;inset-inline-end:-10%;animation:quranStatFloat 5.5s 1.6s ease-in-out infinite}.quran-promo__copy{display:grid;align-content:center;gap:.9rem;min-width:0}.quran-promo__desc{color:#ffffffb8;font-size:.92rem;line-height:1.85}.quran-promo__chips{display:flex;flex-wrap:wrap;gap:.45rem}.quran-promo__chips span{min-height:1.9rem;display:inline-flex;align-items:center;padding-inline:.75rem;border:1px solid rgb(103 232 249 / .18);border-radius:999px;color:#ffffffc7;background:#ffffff0f;font-size:.8rem;font-weight:840}.quran-promo__cta{inline-size:auto;max-inline-size:100%;align-self:start}@keyframes quranGeoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes quranBookFloat{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-8px) rotate(.8deg)}}@keyframes quranBookHalo{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes quranStatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:980px){.quran-promo__book-stage{width:clamp(120px,22vw,160px);height:clamp(150px,26vw,200px)}.quran-promo__stat--surahs,.quran-promo__stat--readers{display:none}}@media(max-width:640px){.quran-promo--featured{grid-template-rows:auto auto}.quran-promo__body{grid-template-columns:auto 1fr;gap:.9rem}.quran-promo__book-stage{width:110px;height:140px}}.tasbeeh{min-height:378px;grid-template-rows:minmax(0,1fr) auto;gap:1rem;padding:clamp(1.15rem,2vw,1.35rem);background:radial-gradient(circle at 18% 12%,rgb(52 211 153 / .14),transparent 30%),radial-gradient(circle at 82% 84%,rgb(103 232 249 / .12),transparent 30%),linear-gradient(150deg,#081426f0,#061322e6)}.tasbeeh__head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.tasbeeh__head-title{color:#f8fbff;font-size:1.02rem;font-weight:900;line-height:1.3}.tasbeeh__head-badge{display:inline-flex;align-items:center;gap:.42rem;padding:.32rem .75rem;border-radius:999px;border:1px solid rgb(103 232 249 / .16);background:linear-gradient(135deg,#67e8f914,#34d3990a);color:color-mix(in srgb,var(--accent-2) 70%,white 20%);font-size:.74rem;font-weight:800;line-height:1.3}.tasbeeh__head-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#67e8f9,#34d399);box-shadow:0 0 8px #67e8f9b3;animation:premiumGlowDrift 2.6s ease-in-out infinite;flex-shrink:0}.tasbeeh__counter{position:relative;display:grid;place-items:center;align-self:center;justify-self:center;width:clamp(160px,40%,200px);aspect-ratio:1}.tasbeeh__ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.tasbeeh__ring-track{fill:none;stroke:#ffffff12;stroke-width:6}.tasbeeh__ring-fill{fill:none;stroke:url(#tasbeeh-gradient);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 6px rgb(103 232 249 / .5))}.tasbeeh__counter-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.2rem}.tasbeeh__number{color:#f8fbff;font-family:var(--font-ui);font-size:clamp(2.4rem,7vw,3.4rem);font-weight:980;letter-spacing:-.04em;line-height:1;text-shadow:0 0 28px rgb(103 232 249 / .2)}.tasbeeh__percent{color:color-mix(in srgb,var(--accent-2) 70%,white 20%);font-size:.78rem;font-weight:800;line-height:1}.tasbeeh__cycle{display:grid;gap:.48rem;padding:.8rem 1rem;border:1px solid rgb(255 255 255 / .08);border-radius:18px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tasbeeh__cycle-info{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tasbeeh__cycle-label{color:color-mix(in srgb,var(--muted) 85%,var(--text));font-size:.76rem;font-weight:800;line-height:1.3}.tasbeeh__cycle-value{display:inline-flex;align-items:baseline;gap:.25rem;color:#ebf8ff;font-size:.96rem;font-weight:900;line-height:1.2}.tasbeeh__cycle-sep{color:color-mix(in srgb,var(--muted) 60%,transparent);font-size:.82rem;font-weight:400}.tasbeeh__meter{inline-size:100%;block-size:5px;border-radius:999px;overflow:hidden;background:#ffffff12}.tasbeeh__meter-fill{display:block;block-size:100%;inline-size:var(--tasbeeh-progress, 0%);border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#34d399 52%,#a3e635);box-shadow:0 0 12px #67e8f938;transition:inline-size .4s cubic-bezier(.4,0,.2,1)}.tasbeeh__actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.tasbeeh__action{min-height:52px;border-radius:18px;font-size:.96rem;font-weight:900;gap:.45rem}.tasbeeh__action--reset{color:#c8dce8;background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid rgb(255 255 255 / .1)}@media(hover:hover){.athkar-preview:hover,.quran-promo--featured:hover,.tasbeeh:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent-2) 32%,var(--gold) 14%);box-shadow:inset 0 1px #ffffff24,0 30px 68px color-mix(in srgb,var(--accent-2) 12%,transparent)}.athkar-preview__quote:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 22%,var(--accent-2) 20%);background:linear-gradient(145deg,#ffffff1a,#ffffff08),#ffffff07}.quran-promo--featured:hover .quran-promo__glass-sheet--front{transform:translate3d(-4px,-6px,0) rotate(-2deg)}.quran-promo--featured:hover .quran-promo__glass-sheet--mid{transform:translate3d(-1px,-2px,0) rotate(-4.5deg)}.quran-promo__signal span:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 18%,var(--accent-2) 24%);background:linear-gradient(180deg,#ffffff21,#ffffff0a),#ffffff08}.tasbeeh:hover .tasbeeh__ring-fill{filter:drop-shadow(0 0 10px rgb(103 232 249 / .7))}}:root[data-theme=light] .athkar-preview,:root[data-theme=light] .quran-promo--featured,:root[data-theme=light] .tasbeeh{border-color:#0e749029;background:linear-gradient(145deg,#fffffff5,#eef8ffe0),linear-gradient(180deg,#fffffff0,#f0fcfad6);box-shadow:inset 0 1px #fffffff5,0 24px 54px #2c54661a}:root[data-theme=light] .athkar-preview__orb,:root[data-theme=light] .quran-promo__glow{opacity:.9}:root[data-theme=light] .athkar-preview h3,:root[data-theme=light] .quran-promo--featured h2,:root[data-theme=light] .tasbeeh__head-title,:root[data-theme=light] .tasbeeh__number{color:#10203a}:root[data-theme=light] .athkar-preview__summary,:root[data-theme=light] .quran-promo--featured p,:root[data-theme=light] .athkar-preview__footer-note,:root[data-theme=light] .athkar-preview__count small,:root[data-theme=light] .tasbeeh__cycle-label{color:#466178}:root[data-theme=light] .athkar-preview__count,:root[data-theme=light] .athkar-preview__quote,:root[data-theme=light] .athkar-preview__chips span,:root[data-theme=light] .quran-promo__chips span,:root[data-theme=light] .tasbeeh__cycle{border-color:#0e749024;background:linear-gradient(180deg,#fffffffa,#eff9f5e0),#ffffffdb;box-shadow:inset 0 1px #fffffffa,0 14px 28px #2c546614}:root[data-theme=light] .athkar-preview__quote-label,:root[data-theme=light] .athkar-preview__eyebrow{color:#0f766e}:root[data-theme=light] .athkar-preview__count bdi,:root[data-theme=light] .tasbeeh__cycle-value{color:#15334c}:root[data-theme=light] .athkar-preview__stage:before{background:linear-gradient(180deg,#0e749024,#0f766e94,#b9832e33);box-shadow:0 0 18px #0f766e1f}:root[data-theme=light] .home-athkar-grid .feature-card__face{border-color:#0e749029;background:radial-gradient(circle at 14% 14%,color-mix(in srgb,var(--feature-card-accent) 12%,transparent),transparent 28%),radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--feature-card-accent-2) 10%,transparent),transparent 28%),linear-gradient(145deg,#fffffff5,#edf7ffdb),linear-gradient(180deg,#fffffff0,#eff9f5d6);box-shadow:inset 0 1px #fffffff5,0 22px 50px #2c546614}:root[data-theme=light] .home-athkar-grid .feature-card__content h3,:root[data-theme=light] .home-athkar-grid .feature-card__back-copy h3,:root[data-theme=light] .home-athkar-grid .feature-card__count-pill bdi{color:#10203a}:root[data-theme=light] .home-athkar-grid .feature-card__content p,:root[data-theme=light] .home-athkar-grid .feature-card__back-copy p,:root[data-theme=light] .home-athkar-grid .feature-card__footer-note,:root[data-theme=light] .home-athkar-grid .feature-card__count-pill small,:root[data-theme=light] .home-athkar-grid .feature-card__meta span{color:#476278}:root[data-theme=light] .home-athkar-grid .feature-card__eyebrow,:root[data-theme=light] .home-athkar-grid .feature-card__back-chip{color:#0f766e;border-color:#0f766e24;background:linear-gradient(180deg,#fffffffa,#f1f9f5e0),#ffffffe0}:root[data-theme=light] .home-athkar-grid .feature-card__count-pill,:root[data-theme=light] .home-athkar-grid .feature-card__meta span{border-color:#0e74901f;background:linear-gradient(180deg,#fffffffa,#eff9f5e0),#ffffffe0;box-shadow:inset 0 1px #fffffffa,0 12px 24px #2c54660f}:root[data-theme=light] .home-athkar-grid .feature-card__icon-shell .feature-icon,:root[data-theme=light] .home-athkar-grid .feature-card__back-orb{color:#127676;background:radial-gradient(circle at 30% 28%,rgb(255 255 255 / .72),transparent 40%),linear-gradient(145deg,#fffffff5,#ecf7ffd6),color-mix(in srgb,var(--feature-card-accent) 12%,transparent);box-shadow:inset 0 1px #fffffff5,0 14px 28px #2c546614}:root[data-theme=light] .quran-promo__emblem{color:#a96f15;border-color:#b9832e3d;background:linear-gradient(145deg,#fffffff5,#fff8dee0),#ffffffeb}:root[data-theme=light] .quran-promo__glass{border-color:#0e749029;background:linear-gradient(145deg,#ffffffe0,#ecf7ffc7),linear-gradient(180deg,#ffffffbd,#e9f5fcc2);box-shadow:inset 0 1px #fffffff5,0 18px 36px #2c546614}:root[data-theme=light] .quran-promo__glass-sheet{border-color:#0e74901f;background:linear-gradient(145deg,#ffffffeb,#f0f8ffbd),linear-gradient(180deg,#ffffffb8,#e7f3fbbd);box-shadow:inset 0 1px #fffffffa,0 14px 28px #2c546614}:root[data-theme=light] .quran-promo__signal span{color:#15334c;border-color:#0e749024;background:linear-gradient(180deg,#fffffffa,#f1f9f5e0),#ffffffdb}:root[data-theme=light] .tasbeeh__ring-track{stroke:#0e74901f}:root[data-theme=light] .tasbeeh__counter-inner .tasbeeh__percent{color:#0f766e}:root[data-theme=light] .tasbeeh__action--reset{color:#1e3a50;border-color:#0e74902e;background:linear-gradient(180deg,#fffffff5,#edf8ffe0)}@media(max-width:980px){.home-devotion-grid{grid-template-columns:1fr}.quran-promo__body{grid-template-columns:minmax(0,1fr) minmax(220px,.82fr)}}@media(max-width:820px){.home-athkar-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.home-ritual-grid,.home-devotion-grid{grid-template-columns:1fr}.athkar-preview,.quran-promo--featured,.tasbeeh{min-height:auto}.quran-promo__body{grid-template-columns:1fr}.quran-promo__visual{order:-1}.quran-promo__glass{min-block-size:240px}}@media(max-width:640px){.home-athkar-grid .feature-card__inner{min-height:360px}.home-athkar-grid .feature-card__face{padding:1rem;border-radius:28px}.home-athkar-grid .feature-card__topline,.home-athkar-grid .feature-card__footer{align-items:stretch}.home-athkar-grid .feature-card__content h3,.home-athkar-grid .feature-card__back-copy h3{font-size:clamp(1.34rem,7vw,1.82rem)}.home-athkar-grid .feature-card__footer-note{max-inline-size:100%}.home-athkar-grid .feature-card__link--front,.home-athkar-grid .feature-card__link--back{inline-size:100%;justify-content:center}.athkar-preview{padding:1rem}.athkar-preview__head{padding-inline-start:4rem}.athkar-preview__orb{inset-block-start:1rem;inset-inline-start:1rem;inline-size:64px;block-size:64px}.athkar-preview__orb .feature-icon{inline-size:46px;block-size:46px}.athkar-preview__stage{padding-inline-end:.8rem}[dir=ltr] .athkar-preview__stage{padding-inline-start:.8rem}.quran-promo__head{align-items:center}.quran-promo--featured h2{font-size:clamp(1.7rem,9vw,2.55rem)}.quran-promo__glass{inline-size:100%}.athkar-preview__footer{align-items:center}.quran-promo__cta{inline-size:100%;justify-content:center}.tasbeeh__counter{width:clamp(140px,38%,180px)}.tasbeeh__number{font-size:clamp(2rem,14vw,3rem)}}@media(prefers-reduced-motion:reduce){.home-athkar-grid .feature-card__inner{animation:none}.home-athkar-grid .feature-card__icon-shell .feature-icon,.home-athkar-grid .feature-card__back-orb,.home-athkar-grid .feature-card__link{transition:none}.home-ritual-grid .athkar-preview,.home-devotion-grid .quran-promo--featured,.home-devotion-grid .tasbeeh,.athkar-preview__orb,.quran-promo__glow,.tasbeeh__head-dot,.tasbeeh__ring-fill{animation:none}.athkar-preview,.quran-promo--featured,.tasbeeh,.athkar-preview__quote,.quran-promo__glass-sheet--front,.quran-promo__glass-sheet--mid{transition:none}}:root[data-theme=light] .home-prayer-panel{background:radial-gradient(circle at 16% 18%,rgb(14 165 166 / .14),transparent 34%),radial-gradient(circle at 88% 14%,rgb(15 159 127 / .12),transparent 34%),linear-gradient(145deg,#fffffff5,#f0f9f5d6),linear-gradient(135deg,#e7f4fbe6,#eff9f5eb)}:root[data-theme=light] .home-moon-panel{background:radial-gradient(circle at 18% 18%,rgb(14 165 166 / .14),transparent 36%),radial-gradient(circle at 82% 16%,rgb(185 131 46 / .12),transparent 34%),linear-gradient(145deg,#fffffff5,#eff6fce0),linear-gradient(135deg,#e9f4fce6,#f1f9f6f0)}:root[data-theme=light] .home-moon-panel--modern{color:#10203a;border-color:#0e74902e;background:linear-gradient(135deg,#fffffffa,#f1f9f6eb 52%,#e8f3fce6),linear-gradient(145deg,#fffffff5,#eff6fce0);box-shadow:inset 0 1px #fffffff0,0 20px 46px #2c54661a}:root[data-theme=light] .home-moon-panel--modern:before{background:linear-gradient(120deg,rgb(14 116 144 / .06),transparent 34% 72%,rgb(185 131 46 / .08)),repeating-linear-gradient(135deg,transparent 0 52px,rgb(16 36 59 / .026) 53px 54px,transparent 55px 104px)}:root[data-theme=light] .home-moon-panel__content .eyebrow,:root[data-theme=light] .home-moon-panel__phase{color:#0b7d80}:root[data-theme=light] .home-moon-panel__stats span,:root[data-theme=light] .home-moon-panel__phase{border-color:#0e749024;background:linear-gradient(180deg,#ffffffeb,#eff9f5cc)}:root[data-theme=light] .home-moon-panel__stats bdi,:root[data-theme=light] .home-moon-panel__headline strong{color:#10203a}:root[data-theme=light] .home-moon-panel__orbit{border-color:#0e74901f;box-shadow:0 0 0 16px #0e74900a,0 0 0 34px #0e749006}:root[data-theme=light] .home-moon-panel__stars{background-image:radial-gradient(circle at 22% 26%,rgb(16 36 59 / .42) 0 1.2px,transparent 1.8px),radial-gradient(circle at 76% 18%,rgb(14 116 144 / .34) 0 1.2px,transparent 1.8px),radial-gradient(circle at 82% 72%,rgb(185 131 46 / .32) 0 1.4px,transparent 2px),radial-gradient(circle at 30% 80%,rgb(16 36 59 / .28) 0 1.2px,transparent 1.8px)}:root[data-theme=light] .navbar-clock span,:root[data-theme=light] .navbar-current span,:root[data-theme=light] .mobile-menu__headline small,:root[data-theme=light] .mobile-menu__current-label,:root[data-theme=light] .mobile-menu__section-head p,:root[data-theme=light] .mobile-menu__section>p,:root[data-theme=light] .navbar-more__section p,:root[data-theme=light] .home-moon-panel__stats small{color:#5a6d8f}:root[data-theme=light] .mobile-menu__primary-link,:root[data-theme=light] .mobile-menu__feature-link,:root[data-theme=light] .mobile-menu__support-link,:root[data-theme=light] .mobile-menu__settings,:root[data-theme=light] .mobile-menu__close{color:#15334c;border-color:#0e749024;background:linear-gradient(180deg,#fffffff5,#eff9f5d6);box-shadow:inset 0 1px #fffffff0,0 14px 30px #2c546614}:root[data-theme=light] .mobile-menu__primary-link.active,:root[data-theme=light] .mobile-menu__feature-link.active,:root[data-theme=light] .mobile-menu__support-link.active{color:#10203a;border-color:#0f766e3d;background:linear-gradient(145deg,#0f9f7f24,#b9832e1a),#fffc}:root[data-theme=light] .mobile-menu__link-arrow,:root[data-theme=light] .mobile-menu__feature-arrow,:root[data-theme=light] .mobile-menu__eyebrow .icon{color:#0b7d80}@keyframes premiumRiseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes homeAthkarCardReveal{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes premiumTitleShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes premiumWordmarkFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-5px,0)}}@keyframes premiumWordmarkGleam{0%,18%{transform:translate(-155%) skew(-18deg);opacity:0}28%,52%{opacity:1}64%,to{transform:translate(320%) skew(-18deg);opacity:0}}@keyframes premiumGlowDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-12px,10px,0) scale(1.03)}}@keyframes premiumCrescentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes premiumLanternPulse{0%,to{opacity:.78;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes premiumMoonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes premiumPopoverIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes premiumBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes premiumBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes premiumSheetIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes premiumSheetOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(18px)}}@font-face{font-family:Athkari Geist;src:url(/assets/fonts/geist-latin.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Athkari IBM Plex Sans Arabic;src:url(/assets/fonts/ibm-plex-sans-arabic-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Athkari IBM Plex Sans Arabic;src:url(/assets/fonts/ibm-plex-sans-arabic-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Athkari IBM Plex Sans Arabic;src:url(/assets/fonts/ibm-plex-sans-arabic-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Athkari IBM Plex Sans Arabic;src:url(/assets/fonts/ibm-plex-sans-arabic-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-ui: "Athkari Geist", "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;--font-display: "Athkari Geist", "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;--font-ar-ui: "Athkari IBM Plex Sans Arabic", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Noto Kufi Arabic", "Tajawal", "Athkari Scheherazade New", "Noto Naskh Arabic", "Tahoma", system-ui, sans-serif;--font-ar-display: "Athkari IBM Plex Sans Arabic", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Noto Kufi Arabic", "Athkari Amiri", "Athkari Scheherazade New", system-ui, sans-serif;--font-ar-display-premium: "Athkari Amiri", "Athkari Scheherazade New", "Athkari IBM Plex Sans Arabic", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Noto Kufi Arabic", "Tajawal", system-ui, serif;--font-ar: "Athkari IBM Plex Sans Arabic", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Noto Kufi Arabic", "Tajawal", "Athkari Scheherazade New", "Noto Naskh Arabic", "Tahoma", system-ui, sans-serif;--font-athkar-modern: "Athkari IBM Plex Sans Arabic", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Noto Kufi Arabic", "Tajawal", system-ui, sans-serif;--font-athkar-naskh: "Athkari Scheherazade New", "Scheherazade New", "Noto Naskh Arabic", "Athkari Amiri", serif;--font-athkar-classic: "Athkari Amiri", "Amiri", "Athkari Scheherazade New", "Scheherazade New", "Noto Naskh Arabic", serif;--font-athkar-body: var(--font-athkar-modern);--arabic-ui-line-height: 1.62;--arabic-heading-line-height: 1.36;--arabic-compact-line-height: 1.5;--arabic-pill-padding: .42rem;--arabic-button-padding: .66rem}:root[data-athkar-font=modern]{--font-athkar-body: var(--font-athkar-modern)}:root[data-athkar-font=naskh]{--font-athkar-body: var(--font-athkar-naskh)}:root[data-athkar-font=classic]{--font-athkar-body: var(--font-athkar-classic)}:root[data-theme=light]{--bg: #edf6f4;--bg-soft: #f8fcfb;--surface: rgb(255 255 255 / .82);--surface-strong: rgb(255 255 255 / .96);--surface-muted: rgb(240 249 245 / .88);--border: rgb(15 118 110 / .18);--border-strong: rgb(14 116 144 / .28);--text: #10243b;--muted: #52667c;--subtle: #5f758c;--accent: #0f9f7f;--accent-2: #0ea5a6;--accent-3: #0f766e;--gold: #b9832e;--shadow: 0 22px 72px rgb(36 78 96 / .12);--shadow-soft: 0 18px 52px rgb(52 88 110 / .1);--shadow-strong: 0 22px 62px rgb(44 84 102 / .12);--surface-glass: linear-gradient(180deg, rgb(255 255 255 / .9) 0%, rgb(240 249 245 / .82) 100%);--surface-glass-strong: linear-gradient(180deg, rgb(255 255 255 / .98) 0%, rgb(236 248 244 / .92) 100%);--surface-highlight: rgb(255 255 255 / .92)}body{font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 0%,rgb(16 185 129 / .2),transparent 30%),radial-gradient(circle at 90% 5%,rgb(14 165 166 / .18),transparent 28%),radial-gradient(circle at 50% 18%,rgb(246 199 104 / .07),transparent 26%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}html,body{max-inline-size:100%;overflow-x:clip}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .06),transparent 65%),linear-gradient(60deg,transparent 0 46%,rgb(255 255 255 / .03) 47% 48%,transparent 49% 100%),linear-gradient(120deg,transparent 0 46%,rgb(255 255 255 / .024) 47% 48%,transparent 49% 100%);background-size:auto,72px 72px,72px 72px;mask-image:radial-gradient(circle at center,black,transparent 78%)}:root[data-theme=light] body{background:radial-gradient(circle at 10% 0%,rgb(15 118 110 / .12),transparent 30%),radial-gradient(circle at 90% 4%,rgb(14 165 166 / .1),transparent 26%),radial-gradient(circle at 52% 14%,rgb(185 131 46 / .08),transparent 24%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}:root[data-theme=light] body:after{opacity:.32;background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / .46),transparent 68%),linear-gradient(60deg,transparent 0 46%,rgb(16 36 59 / .028) 47% 48%,transparent 49% 100%),linear-gradient(120deg,transparent 0 46%,rgb(15 118 110 / .022) 47% 48%,transparent 49% 100%)}:root[lang=en],[lang=en]{font-family:var(--font-ui);line-height:1.6}:root[lang=ar],[lang=ar]{font-family:var(--font-ar-ui);line-height:var(--arabic-ui-line-height);font-feature-settings:"kern" 1,"liga" 1,"calt" 1}.arabic-text{font-family:var(--font-ar);direction:rtl;line-height:1.78}.arabic-heading{font-family:var(--font-ar-display);direction:rtl;line-height:var(--arabic-heading-line-height);letter-spacing:0}.arabic-display{font-family:var(--font-ar-display-premium);direction:rtl;line-height:1.22;letter-spacing:0;font-weight:700;overflow:visible;text-overflow:clip;text-wrap:balance;padding-block-end:.08em}.arabic-body{font-family:var(--font-ar-ui);direction:rtl;line-height:1.72}.arabic-button,.arabic-label{font-family:var(--font-ar-ui);line-height:var(--arabic-compact-line-height)}.button:not(.button--icon),.filter-pills button,.preset-grid button,.target-controls button,.segmented button,.quran-book-tabs button,.featured-readers button,.quran-saved-pages button{padding-block:.68rem}.button--sm{padding-block:.5rem}.pill{min-height:34px;padding-block:.38rem}[lang=ar] .button:not(.button--icon),[lang=ar] .pill,[lang=ar] .desktop-nav a,[lang=ar] .desktop-nav--primary a,[lang=ar] .navbar-more__toggle,[lang=ar] .navbar-more__links a,[lang=ar] .mobile-menu a,[lang=ar] .mobile-menu button,[lang=ar] .mobile-menu__grid a,[lang=ar] .mobile-menu__list a,[lang=ar] .mobile-menu__settings,[lang=ar] .bottom-nav a,[lang=ar] .footer__nav a,[lang=ar] .footer__external a,[lang=ar] .manasik-step-list button,[lang=ar] .filter-pills button,[lang=ar] .quran-book-tabs button,[lang=ar] .featured-readers button,[lang=ar] .quran-saved-pages button,[lang=ar] .segmented button,[lang=ar] .option-card,[lang=ar] .accent-choice,[lang=ar] .toggle-row{line-height:var(--arabic-compact-line-height)}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] .section-heading h2,[lang=ar] .page>.section-heading:first-child h2,[lang=ar] .landing-hero__copy h1,[lang=ar] .hero-visual-card__header h2,[lang=ar] .home-highlight-card__headline strong,[lang=ar] .interactive-manasik-map__detail-head h3,[lang=ar] .interactive-manasik-map__header h2,[lang=ar] .navbar-current strong,[lang=ar] .mobile-menu__headline strong{line-height:var(--arabic-heading-line-height)!important}[lang=ar] .section-heading .eyebrow,[lang=ar] .khalili-kicker,[lang=ar] .khalili-hero__highlights span,[lang=ar] .khalili-section-title>span,[lang=ar] .khalili-topic-rail button,[lang=ar] .khalili-search input,[lang=ar] .khalili-link-card small,[lang=ar] .khalili-photo-card small,[lang=ar] .khalili-timeline-card p,[lang=ar] .khalili-hero p,[lang=ar] .khalili-section-title p{font-family:var(--font-ar-ui);line-height:1.58!important}[lang=ar] .section-heading h2,[lang=ar] .page>.section-heading:first-child h2,[lang=ar] .landing-hero__copy h1,[lang=ar] .hero-visual-card__header h2,[lang=ar] .home-highlight-card__headline strong,[lang=ar] .khalili-hero h1,[lang=ar] .khalili-section-title h2,[lang=ar] .khalili-fact-card strong,[lang=ar] .khalili-timeline-card strong,[lang=ar] .khalili-link-card strong,[lang=ar] .khalili-photo-card strong,[lang=ar] .khalili-lightbox h3{font-family:var(--font-ar-display);padding-block-end:.08em}[lang=ar] .arabic-display,[lang=ar] .khalili-hero h1.arabic-display{font-family:var(--font-ar-display-premium)!important;font-weight:700!important;letter-spacing:0!important}[lang=ar] .landing-hero__copy h1{line-height:1.26!important}[lang=ar] .section-heading h2,[lang=ar] .page>.section-heading:first-child h2,[lang=ar] .khalili-section-title h2{line-height:1.32!important}[lang=ar] .khalili-hero h1{font-family:Athkari IBM Plex Sans Arabic,IBM Plex Sans Arabic,Noto Sans Arabic,Noto Kufi Arabic,Tajawal,system-ui,sans-serif!important;line-height:1.18!important;padding-block:.04em .16em;letter-spacing:0!important}[lang=ar] .khalili-hero__title-prefix{line-height:1.5!important}[lang=ar] .khalili-hero__title-line{line-height:1.18!important;white-space:normal!important;overflow:visible}[lang=ar] .section-heading .eyebrow,[lang=ar] .khalili-kicker,[lang=ar] .khalili-section-title>span{min-height:2.1rem;padding-block:.42rem}[lang=ar] .section-heading h2,[lang=ar] .page>.section-heading:first-child h2,[lang=ar] .landing-hero__copy h1,[lang=ar] .khalili-hero h1,[lang=ar] .khalili-section-title h2{overflow:visible;text-overflow:clip}[lang=ar] .desktop-nav--primary a span,[lang=ar] .navbar-more__toggle span,[lang=ar] .navbar-more__links a span,[lang=ar] .mobile-menu__grid a span,[lang=ar] .mobile-menu__list a span,[lang=ar] .mobile-menu__settings span,[lang=ar] .mobile-menu__link-label,[lang=ar] .mobile-menu__feature-label,[lang=ar] .mobile-menu__current-label,[lang=ar] .mobile-menu__section-head p,[lang=ar] .mobile-menu__eyebrow span,[lang=ar] .footer__nav a span,[lang=ar] .footer__external a span,[lang=ar] .bottom-nav a span,[lang=ar] .stat-pill strong,[lang=ar] .category-list span,[lang=ar] .surah-list strong,[lang=ar] .surah-list small,[lang=ar] .quran-finder-trigger strong,[lang=ar] .quran-finder-trigger small,[lang=ar] .donation-card__source strong,[lang=ar] .navbar-current strong,[lang=ar] .mobile-menu__headline strong,[lang=ar] .manasik-step-list strong,[lang=ar] .manasik-step-list small{display:block;padding-block:.06rem;line-height:var(--arabic-compact-line-height)}[lang=ar] .navbar-more__links a span,[lang=ar] .mobile-menu__grid a span,[lang=ar] .mobile-menu__list a span,[lang=ar] .mobile-menu__settings span,[lang=ar] .mobile-menu__link-label,[lang=ar] .mobile-menu__feature-label,[lang=ar] .mobile-menu__current-label,[lang=ar] .mobile-menu__section-head p,[lang=ar] .mobile-menu__eyebrow span,[lang=ar] .footer__nav a span,[lang=ar] .footer__external a span,[lang=ar] .stat-pill strong,[lang=ar] .category-list span,[lang=ar] .surah-list strong,[lang=ar] .surah-list small,[lang=ar] .quran-finder-trigger strong,[lang=ar] .quran-finder-trigger small,[lang=ar] .donation-card__source strong,[lang=ar] .navbar-current strong{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}[lang=ar] .navbar-clock strong,[lang=ar] .navbar-clock span,[lang=ar] .desktop-nav--primary a span,[lang=ar] .bottom-nav a span{overflow:visible;text-overflow:clip}[lang=ar] .section-heading p:not(.eyebrow),[lang=ar] .card p,[lang=ar] .notice,[lang=ar] .source,[lang=ar] .translation,[lang=ar] .manasik-detail-card p,[lang=ar] .interactive-manasik-map__short,[lang=ar] .interactive-manasik-map__points p,[lang=ar] .interactive-manasik-map__meta dd{line-height:1.7}[lang=en] .section-heading .eyebrow,[lang=en] .section-heading p:not(.eyebrow),[lang=en] .landing-hero__copy .eyebrow,[lang=en] .landing-hero__lead,[lang=en] .hero-visual-card__link span:last-child,[lang=en] .hero-visual-card__support-link,[lang=en] .home-highlight-card__location,[lang=en] .khalili-kicker,[lang=en] .khalili-hero__highlights span,[lang=en] .khalili-section-title>span,[lang=en] .khalili-hero p,[lang=en] .khalili-archive__eyebrow span,[lang=en] .khalili-archive__mini-copy small,[lang=en] .khalili-archive__lead-copy small,[lang=en] .khalili-archive__footer span,[lang=en] .khalili-section-title p,[lang=en] .khalili-link-card small,[lang=en] .khalili-topic-rail button,[lang=en] .khalili-search input,[lang=en] .khalili-lightbox small{font-family:var(--font-ui)}[lang=en] .section-heading h2,[lang=en] .page>.section-heading:first-child h2,[lang=en] .landing-hero__copy h1,[lang=en] .hero-visual-card__header h2,[lang=en] .home-highlight-card__headline strong,[lang=en] .khalili-hero h1,[lang=en] .khalili-archive__lead-copy strong,[lang=en] .khalili-archive__mini-copy strong,[lang=en] .khalili-section-title h2,[lang=en] .khalili-fact-card strong,[lang=en] .khalili-timeline-card strong,[lang=en] .khalili-link-card strong,[lang=en] .khalili-photo-card strong,[lang=en] .khalili-lightbox h3{font-family:var(--font-display);letter-spacing:-.028em}[lang=en] .khalili-hero h1{max-inline-size:11.5ch;font-size:clamp(2.6rem,5.8vw,4.9rem)}.section-heading,.page>.section-heading:first-child,.favorites-page>.section-heading,.tasbih-page>.section-heading:first-child,.card,.athkar-card,.feature-card,.tool-link-card,.donation-card,.prayer-time-card,.manasik-step-list button,.filter-pills button,.quran-book-tabs button,.featured-readers button,.quran-saved-pages button,.quran-finder-trigger,.option-card,.accent-choice,.toggle-row,.navbar-premium .navbar__inner,.navbar-more__panel,.mobile-menu--sheet,.interactive-manasik-map,.interactive-manasik-map__header,.interactive-manasik-map__detail,.interactive-manasik-map__progress,.manasik-sidebar{border-color:color-mix(in srgb,var(--accent-2) 20%,var(--border))}.feature-card,.tool-link-card,.donation-card,.athkar-card,.prayer-time-card,.option-card,.accent-choice,.toggle-row,.interactive-manasik-map__detail,.manasik-step-list button,.quran-finder-trigger{box-shadow:inset 0 1px #ffffff14,0 18px 48px #00000024}@media(hover:hover){.button:not(:disabled):not(.button--icon):hover,.filter-pills button:hover,.quran-book-tabs button:hover,.featured-readers button:hover,.quran-saved-pages button:hover,.desktop-nav--primary a:hover,.navbar-more__links a:hover,.mobile-menu__grid a:hover,.mobile-menu__list a:hover,.mobile-menu__settings:hover,.feature-card:hover,.tool-link-card:hover,.donation-card:hover,.athkar-card:hover,.prayer-time-card:hover,.manasik-step-list button:hover,.quran-finder-trigger:hover,.option-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border));box-shadow:inset 0 1px #ffffff1f,0 20px 42px color-mix(in srgb,var(--accent-2) 12%,rgb(0 0 0 / .12))}.desktop-nav--primary a:hover,.navbar-more__links a:hover,.mobile-menu__grid a:hover,.mobile-menu__list a:hover,.mobile-menu__settings:hover{color:var(--text)}}:root[data-theme=light] .navbar-premium,:root[data-theme=light] .footer,:root[data-theme=light] .bottom-nav{color:var(--text)}:root[data-theme=light] .navbar-premium{background:linear-gradient(180deg,#fcfffef5,#ecf8f4c7),transparent;border-block-end-color:#10243b14}:root[data-theme=light] .navbar-premium .navbar__inner,:root[data-theme=light] .navbar-more__panel,:root[data-theme=light] .mobile-menu--sheet,:root[data-theme=light] .card,:root[data-theme=light] .athkar-card,:root[data-theme=light] .feature-card,:root[data-theme=light] .tool-link-card,:root[data-theme=light] .donation-card,:root[data-theme=light] .prayer-time-card,:root[data-theme=light] .quran-finder-trigger,:root[data-theme=light] .interactive-manasik-map,:root[data-theme=light] .interactive-manasik-map__header,:root[data-theme=light] .interactive-manasik-map__detail,:root[data-theme=light] .interactive-manasik-map__progress,:root[data-theme=light] .manasik-sidebar,:root[data-theme=light] .section-heading,:root[data-theme=light] .page>.section-heading:first-child,:root[data-theme=light] .favorites-page>.section-heading,:root[data-theme=light] .tasbih-page>.section-heading:first-child{color:var(--text);background:linear-gradient(180deg,#fffffff0,#eff9f5d1),var(--surface);box-shadow:inset 0 1px #ffffffe6,0 18px 48px #2c54661a}:root[data-theme=light] .button--primary{color:#f8fffd;border-color:#0f766e70;background:linear-gradient(180deg,#0f9f7ffa,#0f766ef5),linear-gradient(180deg,#fff3,#fff0);box-shadow:inset 0 1px #ffffff2e,0 16px 34px #0f766e33}:root[data-theme=light] .button--secondary,:root[data-theme=light] .button--ghost,:root[data-theme=light] .filter-pills button,:root[data-theme=light] .quran-book-tabs button,:root[data-theme=light] .featured-readers button,:root[data-theme=light] .quran-saved-pages button,:root[data-theme=light] .segmented button,:root[data-theme=light] .accent-choice,:root[data-theme=light] .toggle-row,:root[data-theme=light] .option-card,:root[data-theme=light] .mobile-menu__grid a,:root[data-theme=light] .mobile-menu__list a,:root[data-theme=light] .mobile-menu__settings,:root[data-theme=light] .navbar-more__links a,:root[data-theme=light] .manasik-step-list button{color:#15334c;background:linear-gradient(180deg,#fffffff5,#eef7f4e0)}:root[data-theme=light] .button--gold{color:#2f2108}:root[data-theme=light] .navbar-clock span,:root[data-theme=light] .navbar-current span,:root[data-theme=light] .footer__summary,:root[data-theme=light] .footer__brand small,:root[data-theme=light] .footer__bottom,:root[data-theme=light] .quran-finder-trigger small,:root[data-theme=light] .quran-finder-item span,:root[data-theme=light] .quran-finder-item small,:root[data-theme=light] .manasik-step-list small,:root[data-theme=light] .interactive-manasik-map__detail-head p,:root[data-theme=light] .interactive-manasik-map__meta dt,:root[data-theme=light] .interactive-manasik-map__points p{color:var(--muted)}.bottom-nav a{display:flex;flex-direction:column;justify-content:center;gap:.22rem;padding:.34rem .18rem;text-align:center}.bottom-nav a span{line-height:1.2;text-align:center}.bottom-nav .nav-icon-shell{width:2rem;height:2rem}.bottom-nav a.active .nav-icon-shell{transform:translateY(-1px) scale(1.03)}:root[data-theme=light] .footer__logo-mark{background:linear-gradient(180deg,#fffffffa,#edf7f4e6);box-shadow:0 10px 24px #2c54661a}.khalili-hero__visual{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:center;justify-items:center;gap:clamp(.68rem,1.4vw,.98rem)}[dir=rtl] .khalili-hero__visual{grid-template-columns:minmax(0,1fr) auto}.khalili-portrait-stack{inline-size:min(20vw,258px);min-inline-size:198px}.khalili-brandmark{position:relative;inline-size:clamp(78px,6vw,102px);block-size:clamp(220px,24vw,320px);display:grid;place-items:center;isolation:isolate;filter:drop-shadow(0 18px 36px rgb(0 0 0 / .18))}.khalili-brandmark__aura,.khalili-brandmark__blade,.khalili-brandmark__blade-highlight,.khalili-brandmark__crossguard,.khalili-brandmark__grip,.khalili-brandmark__pommel,.khalili-brandmark__medallion{position:absolute;inset-inline-start:50%;translate:-50% 0}.khalili-brandmark__aura{inset-block:4% 2%;inline-size:clamp(54px,4.8vw,78px);border-radius:999px;background:radial-gradient(circle at center,rgb(246 199 104 / .24),transparent 58%),radial-gradient(circle at center,rgb(34 211 238 / .18),transparent 72%);filter:blur(12px)}.khalili-brandmark__blade{inset-block:4% 2%;inline-size:.78rem;border-radius:999px;background:linear-gradient(180deg,#f8e6b0,#f1ca68 18%,#d59a2d 64%,#0ea5a6);box-shadow:0 0 0 1px #fff2c65c,0 22px 38px #b9832e29}.khalili-brandmark__blade-highlight{inset-block:8% 16%;inline-size:.18rem;border-radius:999px;background:linear-gradient(180deg,#ffffffc7,#ffffff0f);opacity:.74}.khalili-brandmark__crossguard{inset-block-start:56%;inline-size:2.9rem;block-size:.48rem;border-radius:999px;background:linear-gradient(90deg,#bb7a1d,#f3d57a 50%,#bb7a1d);box-shadow:0 8px 18px #b9832e2e}.khalili-brandmark__grip{inset-block-start:calc(56% - 2.6rem);inline-size:1.08rem;block-size:2.4rem;border-radius:999px;background:linear-gradient(180deg,#8e5e14,#d89d36 36%,#f7de8f 54%,#ad7421);box-shadow:inset 0 0 0 1px #fff0be38,0 10px 20px #0000002e}.khalili-brandmark__pommel{inset-block-start:calc(56% - 3.6rem);inline-size:1.45rem;block-size:1.45rem;border-radius:999px;background:radial-gradient(circle at 34% 26%,#fff4cb 0 24%,#f1ca68 26% 58%,#a86b13 60% 100%);box-shadow:0 10px 18px #b9832e2e}.khalili-brandmark__medallion{inset-block-end:4%;inline-size:2.2rem;block-size:2.2rem;border-radius:999px;border:1px solid rgb(255 242 198 / .42);background:radial-gradient(circle at 32% 30%,rgb(255 255 255 / .28),transparent 42%),linear-gradient(180deg,#10a5a6e0,#086471db);box-shadow:inset 0 1px #ffffff2e,0 12px 24px #0e74902e}.khalili-brandmark__label{position:absolute;inset-block-start:32%;inset-inline-end:calc(50% + .72rem);display:grid;gap:.18rem;min-inline-size:max-content;max-inline-size:10.2rem;padding:.5rem .64rem .54rem;border:1px solid color-mix(in srgb,var(--gold) 34%,var(--accent-2) 18%);border-radius:18px;background:linear-gradient(135deg,#ffffff14,#ffffff08),linear-gradient(180deg,#081321f0,#040c16e6);box-shadow:inset 0 1px #ffffff1f,0 16px 36px #00000038;text-align:center}.khalili-brandmark__label:before{content:"";position:absolute;inset-block-start:50%;inset-inline-end:-.8rem;inline-size:.8rem;block-size:1px;background:linear-gradient(90deg,#f6c768cc,#67e8f999)}[dir=ltr] .khalili-brandmark__label{inset-inline-end:auto;inset-inline-start:calc(50% + .72rem)}[dir=ltr] .khalili-brandmark__label:before{inset-inline-end:auto;inset-inline-start:-.8rem}.khalili-brandmark__label small,.khalili-brandmark__label strong{margin:0;overflow:visible;text-overflow:clip;white-space:normal}.khalili-brandmark__label small{color:color-mix(in srgb,var(--gold) 68%,white);font-size:.74rem;font-weight:760;line-height:1.55}.khalili-brandmark__label strong{color:color-mix(in srgb,var(--accent-2) 72%,white);font-size:.74rem;font-weight:820;line-height:1.46}:root[data-theme=light] .khalili-brandmark__label{background:linear-gradient(135deg,#fffffff5,#eff8f4eb);box-shadow:inset 0 1px #fffffff5,0 16px 34px #2c54661f}:root[data-theme=light] .khalili-brandmark__label small{color:#8f5d12}:root[data-theme=light] .khalili-brandmark__label strong{color:#0e6b70}.interactive-manasik-map__label-object{overflow:visible}.interactive-manasik-map__label{pointer-events:auto}.interactive-manasik-map__label-fo{display:block;inline-size:100%;block-size:100%}.interactive-manasik-map__label-button{inline-size:100%;min-block-size:100%;display:flex;align-items:center;gap:.62rem;padding:.6rem .78rem;border:1.35px solid color-mix(in srgb,var(--accent-2) 52%,white 16%);border-radius:18px;color:#f8fbff;background:linear-gradient(180deg,#061624f0,#05121ee0),radial-gradient(circle at 18% 18%,rgb(103 232 249 / .14),transparent 42%);box-shadow:inset 0 1px #ffffff1a,0 8px 18px #00000038;font-size:.95rem;font-weight:880;line-height:1.4;text-align:start;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}[dir=rtl] .interactive-manasik-map__label-button{flex-direction:row-reverse;text-align:right}.interactive-manasik-map__label-button:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 42%,transparent);outline-offset:2px}.interactive-manasik-map__label-badge{flex:0 0 auto;inline-size:28px;block-size:28px;display:grid;place-items:center;border-radius:999px;color:#061120;background:linear-gradient(135deg,#7dd3fc,#34d399 55%,#f6c768);box-shadow:inset 0 1px #ffffffbf,0 6px 12px #0003;font-family:var(--font-ui);font-size:.78rem;font-weight:980;line-height:1}.interactive-manasik-map__label-copy{flex:1 1 auto;min-inline-size:0;display:block;line-height:1.45;text-wrap:pretty}.interactive-manasik-map__label.is-muted{opacity:.92}.interactive-manasik-map__label.is-secondary{opacity:.88}.interactive-manasik-map__label.is-highlighted,.interactive-manasik-map__label.is-selected{opacity:1}.interactive-manasik-map__label.is-highlighted .interactive-manasik-map__leader,.interactive-manasik-map__label.is-selected .interactive-manasik-map__leader{stroke-width:2.4;stroke:color-mix(in srgb,var(--gold) 76%,white);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gold) 26%,transparent))}.interactive-manasik-map__label.is-highlighted .interactive-manasik-map__label-button,.interactive-manasik-map__label.is-selected .interactive-manasik-map__label-button{color:#fff8db;border-color:color-mix(in srgb,var(--gold) 74%,white 10%);background:linear-gradient(180deg,#071828f5,#05121eeb),radial-gradient(circle at 18% 18%,rgb(246 199 104 / .14),transparent 44%);box-shadow:inset 0 1px #ffffff1f,0 12px 26px #0000003d,0 0 20px color-mix(in srgb,var(--gold) 16%,transparent)}.interactive-manasik-map__label.is-reviewed:not(.is-selected) .interactive-manasik-map__label-badge{background:linear-gradient(135deg,#f6c768,#34d399 62%,#7dd3fc)}.interactive-manasik-map__marker.is-highlighted:not(.is-selected){transform:scale(1.06);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--gold) 22%,transparent))}.interactive-manasik-map__marker.is-highlighted:not(.is-selected) .interactive-manasik-map__marker-shell{stroke:color-mix(in srgb,var(--gold) 68%,white 8%);stroke-width:4.5}.interactive-manasik-map__marker.is-highlighted:not(.is-selected) .interactive-manasik-map__marker-core{fill:color-mix(in srgb,var(--accent-3) 42%,#071120)}:root[data-theme=light] .interactive-manasik-map__label-button{color:#10243b;border-color:#0e749061;background:linear-gradient(180deg,#fffffff5,#eff9f5eb),radial-gradient(circle at 20% 18%,rgb(14 165 166 / .08),transparent 40%);box-shadow:inset 0 1px #ffffffeb,0 8px 18px #2c54661f}:root[data-theme=light] .interactive-manasik-map__label.is-highlighted .interactive-manasik-map__label-button,:root[data-theme=light] .interactive-manasik-map__label.is-selected .interactive-manasik-map__label-button{color:#10243b;border-color:#b9832e94;background:linear-gradient(180deg,#fffffffa,#f6faeef5),radial-gradient(circle at 20% 18%,rgb(185 131 46 / .08),transparent 42%)}:root[data-theme=light] .interactive-manasik-map__label.is-highlighted .interactive-manasik-map__leader,:root[data-theme=light] .interactive-manasik-map__label.is-selected .interactive-manasik-map__leader{stroke:#b9832ec2}@media(max-width:720px){[lang=ar] .navbar-current strong,[lang=ar] .mobile-menu__headline strong,[lang=ar] .mobile-menu__grid a span,[lang=ar] .mobile-menu__list a span,[lang=ar] .mobile-menu__settings span,[lang=ar] .footer__nav a span,[lang=ar] .footer__external a span,[lang=ar] .bottom-nav a span{white-space:normal}.interactive-manasik-map__label-button{padding:.56rem .7rem;font-size:.92rem}.interactive-manasik-map__label-copy{line-height:1.5}.khalili-hero__visual,[dir=rtl] .khalili-hero__visual{grid-template-columns:1fr;gap:.75rem}.khalili-brandmark{inline-size:94px;block-size:210px}.khalili-brandmark__label,[dir=ltr] .khalili-brandmark__label{inset-block-start:auto;inset-block-end:8%;inset-inline-start:50%;inset-inline-end:auto;translate:-50% 0}.khalili-brandmark__label:before,[dir=ltr] .khalili-brandmark__label:before{inset-block-start:auto;inset-block-end:100%;inset-inline-start:50%;inset-inline-end:auto;inline-size:1px;block-size:.8rem;translate:-50% 0;background:linear-gradient(180deg,#f6c768cc,#67e8f999)}}@media(max-width:520px){.footer__top{justify-items:center;text-align:center}.footer__brand,.footer__external,.footer__nav,.footer__bottom,[dir=rtl] .footer__brand,[dir=rtl] .footer__external,[dir=rtl] .footer__nav,[dir=rtl] .footer__bottom{justify-content:center}.footer__brand span{justify-items:center}.footer__brand small{white-space:normal;text-overflow:clip;line-height:1.45}.footer__bottom,[dir=rtl] .footer__bottom{align-items:center;text-align:center}}@media(prefers-reduced-motion:reduce){.interactive-manasik-map__label-button,.interactive-manasik-map__marker,.button,.feature-card,.tool-link-card,.donation-card,.athkar-card,.prayer-time-card,.manasik-step-list button{transition:none!important}}:root[data-ui-motion=reduced] .interactive-manasik-map__label-button,:root[data-ui-motion=reduced] .interactive-manasik-map__marker,:root[data-ui-motion=reduced] .button,:root[data-ui-motion=reduced] .feature-card,:root[data-ui-motion=reduced] .tool-link-card,:root[data-ui-motion=reduced] .donation-card,:root[data-ui-motion=reduced] .athkar-card,:root[data-ui-motion=reduced] .prayer-time-card,:root[data-ui-motion=reduced] .manasik-step-list button{transition:none!important}.mobile-menu-backdrop[data-direction=rtl]{justify-content:flex-start}.mobile-menu-backdrop[data-direction=ltr]{justify-content:flex-end}.mobile-menu-backdrop[data-direction=rtl] .mobile-menu--sheet.is-open{animation-name:premiumSheetInRtl}.mobile-menu-backdrop[data-direction=rtl] .mobile-menu--sheet.is-closing{animation-name:premiumSheetOutRtl}#main-content,#main-content>*,.page,.landing-hero,.landing-hero__shell,.landing-hero__copy,.section-heading,.section-heading__content{min-width:0}.landing-hero__copy h1,.home-hero__copy h1,.section-heading h2,.page>.section-heading:first-child h2,.tasbih-page>.section-heading:first-child h2,.khalili-hero h1,.interactive-manasik-map__header h2,.navbar-current strong,.mobile-menu__headline strong,.mobile-menu__current{max-inline-size:100%;overflow-wrap:break-word;word-break:normal}[lang=en] .landing-hero__copy h1,[lang=en] .home-hero__copy h1,[lang=en] .section-heading h2,[lang=en] .page>.section-heading:first-child h2,[lang=en] .tasbih-page>.section-heading:first-child h2,[lang=en] .khalili-hero h1,[lang=en] .interactive-manasik-map__header h2,[lang=en] .navbar-current strong,[lang=en] .mobile-menu__headline strong,[lang=en] .mobile-menu__current{hyphens:auto;overflow-wrap:anywhere}@media(max-width:1040px){.navbar-premium .navbar__inner,.navbar-premium[dir=rtl] .navbar__inner{width:min(calc(100% - 8px),720px)!important;min-height:68px!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"actions brand current"!important;align-items:center!important;gap:.56rem!important;padding:.46rem .58rem!important;border-radius:26px!important}.navbar-premium .brand,.navbar-premium[dir=rtl] .brand{grid-area:brand;justify-self:center!important;display:flex!important;align-items:center;justify-content:center;inline-size:min(100%,11rem);max-inline-size:min(46vw,11rem)!important;min-inline-size:0}.navbar-premium .brand__copy{display:none!important}.navbar-premium .brand__logo-shell{inline-size:clamp(108px,27vw,126px)!important;block-size:clamp(54px,14vw,60px)!important;border-radius:19px!important}.navbar-premium .navbar__actions,.navbar-premium[dir=rtl] .navbar__actions{grid-area:actions;justify-self:start!important;gap:0!important}.navbar-premium .mobile-menu-toggle{inline-size:46px!important;block-size:46px!important;min-inline-size:46px!important;min-block-size:46px!important;border-radius:17px!important}.navbar-premium .navbar-current,.navbar-premium[dir=rtl] .navbar-current{grid-area:current;min-inline-size:0;max-inline-size:min(29vw,6.8rem);display:grid!important;justify-items:end;align-content:center;gap:.08rem;padding:.42rem .56rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,transparent);border-radius:17px;text-align:right;background:linear-gradient(145deg,#ffffff14,#ffffff06),#ffffff05;box-shadow:inset 0 1px #ffffff14}.navbar-premium .navbar-current span{font-size:.62rem!important;line-height:1.2!important;white-space:normal!important}.navbar-premium .navbar-current strong{display:-webkit-box;margin:0;font-size:clamp(.84rem,3.55vw,1rem)!important;line-height:1.32!important;text-align:right;text-overflow:clip;white-space:normal!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@media(max-width:640px){.navbar-premium{padding:max(.42rem,env(safe-area-inset-top,0px)) max(.42rem,env(safe-area-inset-right,0px)) .42rem max(.42rem,env(safe-area-inset-left,0px))!important}.navbar-premium .navbar__inner,.navbar-premium[dir=rtl] .navbar__inner{width:100%!important;min-height:64px!important;gap:.42rem!important;padding:.42rem .48rem!important;border-radius:24px!important}.navbar-premium .brand,.navbar-premium[dir=rtl] .brand{max-inline-size:min(40vw,8.4rem)!important}.navbar-premium .brand__logo-shell{inline-size:min(36vw,118px)!important;block-size:min(16vw,56px)!important;border-radius:18px!important}.navbar-premium .navbar-current,.navbar-premium[dir=rtl] .navbar-current{max-inline-size:min(31vw,5.9rem);padding:.34rem .46rem;border-radius:15px}.navbar-premium .navbar-current span{display:none}.navbar-premium .navbar-current strong{font-size:clamp(.82rem,3.9vw,.96rem)!important}.mobile-menu-backdrop{padding:max(.48rem,env(safe-area-inset-top,0px)) max(.48rem,env(safe-area-inset-right,0px)) max(.48rem,env(safe-area-inset-bottom,0px)) max(.48rem,env(safe-area-inset-left,0px))!important}.mobile-menu--sheet{width:min(100%,100vw - .96rem)!important;max-width:min(460px,calc(100vw - .96rem))!important;height:calc(100dvh - .96rem)!important;max-height:calc(100dvh - .96rem)!important;border-radius:28px!important;border-inline:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent)!important;border-block-end:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent)!important;padding:max(.9rem,env(safe-area-inset-top,0px)) .9rem max(.9rem,env(safe-area-inset-bottom,0px))!important}.mobile-menu__header{align-items:center;gap:.82rem}.mobile-menu__brand{flex:1 1 auto;min-width:0;grid-template-columns:minmax(0,1fr);gap:.72rem}.mobile-menu__brand .brand__logo-shell{inline-size:min(36vw,124px);block-size:min(18vw,58px)}.mobile-menu__headline strong{font-size:1.02rem;line-height:1.26}.mobile-menu__headline small{max-inline-size:100%;font-size:.76rem;line-height:1.5}.mobile-menu__current{min-height:1.9rem;padding-inline:.66rem;font-size:.72rem;line-height:1.32}.mobile-menu__grid{grid-template-columns:1fr}.mobile-menu__grid a,.mobile-menu__list a,.mobile-menu__settings{min-height:54px;padding:.82rem .84rem;border-radius:18px}.mobile-menu__grid a span,.mobile-menu__list a span,.mobile-menu__settings span{white-space:normal!important;text-wrap:balance;overflow-wrap:break-word}.landing-hero__copy h1,.home-hero__copy h1,.khalili-hero h1{inline-size:auto!important;max-inline-size:100%!important;font-size:clamp(2rem,11vw,4rem)!important;line-height:1.08!important;white-space:normal!important;text-wrap:balance!important;overflow-wrap:break-word!important}[lang=ar] .landing-hero__copy h1,[lang=ar] .home-hero__copy h1,[lang=ar] .khalili-hero h1{line-height:1.22!important}.section-heading h2,.page>.section-heading:first-child h2,.tasbih-page>.section-heading:first-child h2,.interactive-manasik-map__header h2{inline-size:auto!important;max-inline-size:100%!important;font-size:clamp(1.18rem,5.4vw,1.82rem)!important;line-height:1.26!important;white-space:normal!important;text-wrap:balance;overflow-wrap:break-word!important}.landing-hero__copy .eyebrow,.landing-hero__lead,.section-heading p:not(.eyebrow),.page>.section-heading:first-child p:not(.eyebrow){max-inline-size:100%!important}}.prayer-hero-card{min-height:0;padding:clamp(1.25rem,2.5vw,1.6rem);border-color:color-mix(in srgb,var(--accent-2) 24%,var(--border));background:radial-gradient(circle at 14% 16%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 26%),radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 28%),radial-gradient(circle at 72% 84%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 28%),linear-gradient(140deg,#0a1a2af5,#081222eb);box-shadow:inset 0 1px #ffffff1a,0 28px 58px #050e1f47,0 0 0 1px #ffffff08}.prayer-hero-vector{inset-block-start:clamp(1.05rem,2vw,1.35rem)!important;inset-inline-end:clamp(1rem,2.6vw,1.35rem)!important;width:clamp(74px,9vw,98px);opacity:.58!important}.prayer-hero-card__shell{min-height:100%;display:grid;gap:clamp(1.15rem,2.6vw,1.55rem)}.prayer-hero-card__intro{max-inline-size:min(100%,42rem);display:grid;gap:clamp(.82rem,2vw,1rem);padding-inline-end:clamp(4.8rem,10vw,6.4rem)}.prayer-hero-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem}.prayer-hero-card__eyebrow{margin:0;color:color-mix(in srgb,var(--text) 72%,var(--muted))}.prayer-hero-card__location-chip{min-height:2rem;display:inline-flex;align-items:center;padding:.35rem .82rem;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:999px;background:linear-gradient(135deg,#ffffff14,#ffffff05),color-mix(in srgb,var(--surface-strong) 88%,transparent);color:color-mix(in srgb,var(--text) 90%,white 10%);font-size:.86rem;font-weight:800;line-height:1.45;text-wrap:balance;overflow-wrap:anywhere;box-shadow:inset 0 1px #ffffff14}.prayer-hero-card__headline{display:grid;gap:.38rem}.prayer-hero-card__headline h2{max-inline-size:min(100%,22rem);font-size:clamp(2.45rem,7vw,5.1rem);line-height:1.04;text-wrap:balance}[lang=ar] .prayer-hero-card__headline h2{line-height:1.16}.prayer-hero-card__countdown{display:block;margin:0;color:var(--accent);font-size:clamp(2.95rem,8vw,5.6rem)!important;line-height:.95;letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-shadow:0 18px 36px color-mix(in srgb,var(--accent) 22%,transparent);unicode-bidi:plaintext}.prayer-hero-card__date{margin:0;max-inline-size:min(100%,38rem);color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:clamp(.98rem,1.8vw,1.08rem);line-height:1.8;text-wrap:balance}.prayer-hero-card__footer{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.92fr);gap:1rem;align-items:end}.prayer-hero-stats{max-width:none}.prayer-hero-stats .stat-pill{min-height:120px;gap:.32rem .72rem;align-content:start;border-radius:26px;padding:.95rem 1rem;border-color:color-mix(in srgb,var(--accent-2) 20%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--accent-2) 6%,transparent)),color-mix(in srgb,var(--surface-strong) 90%,transparent);box-shadow:inset 0 1px #ffffff14,0 14px 28px #0208141f}.prayer-hero-stats .stat-pill .islamic-icon{margin-block-start:.18rem}.prayer-hero-stats .stat-pill span{font-size:.78rem;line-height:1.45}.prayer-hero-stats .stat-pill strong{overflow:visible;color:var(--text);font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.45;text-overflow:clip;white-space:normal;text-wrap:pretty;overflow-wrap:anywhere}[lang=ar] .prayer-hero-stats .stat-pill strong{font-family:var(--font-ar-ui);line-height:1.58}.prayer-hero-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:stretch;padding:.5rem;border:1px solid color-mix(in srgb,var(--accent-2) 18%,var(--border));border-radius:28px;background:linear-gradient(135deg,#ffffff12,#ffffff05),color-mix(in srgb,var(--surface-muted) 94%,transparent);box-shadow:inset 0 1px #ffffff0f}.prayer-hero-card__button{min-height:58px;border-radius:22px;padding-inline:1rem;font-size:1rem;font-weight:900;line-height:1.35;text-wrap:balance}.prayer-hero-card__button .icon,.prayer-hero-card__button svg{flex:0 0 auto}.prayer-hero-card__button--primary{box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 18%,transparent)}.prayer-hero-card__button--secondary{color:var(--text);border-color:color-mix(in srgb,var(--border-strong) 78%,transparent);background:linear-gradient(135deg,#ffffff1a,#ffffff08),color-mix(in srgb,var(--surface-strong) 90%,transparent)}@media(hover:hover){.prayer-hero-stats .stat-pill:hover,.prayer-hero-card__button:hover{border-color:color-mix(in srgb,var(--accent-2) 28%,var(--border-strong))}.prayer-hero-card__actions:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}}:root[data-theme=light] .prayer-hero-card{background:radial-gradient(circle at 14% 16%,rgb(45 212 191 / .12),transparent 26%),radial-gradient(circle at 86% 14%,rgb(125 211 252 / .12),transparent 28%),radial-gradient(circle at 72% 84%,rgb(250 204 21 / .08),transparent 28%),linear-gradient(180deg,#fffffff7,#eef9f7f2);border-color:color-mix(in srgb,#0f766e 20%,rgb(148 163 184 / .32));box-shadow:inset 0 1px #fffc,0 20px 48px #4d66841f}:root[data-theme=light] .prayer-hero-card__eyebrow,:root[data-theme=light] .prayer-hero-card__date{color:#35546a}:root[data-theme=light] .prayer-hero-card__location-chip,:root[data-theme=light] .prayer-hero-stats .stat-pill,:root[data-theme=light] .prayer-hero-card__actions{background:linear-gradient(135deg,#fffffff0,#f0fdfae0),#ffffffe6;box-shadow:inset 0 1px #ffffffe6,0 14px 28px #89a7b91f}:root[data-theme=light] .prayer-hero-card__location-chip,:root[data-theme=light] .prayer-hero-card__actions{border-color:color-mix(in srgb,#0f766e 16%,rgb(148 163 184 / .32))}:root[data-theme=light] .prayer-hero-card__button--secondary{background:linear-gradient(135deg,#fffffff5,#eff6ffe0),#fffffff0}@media(max-width:980px){.prayer-hero-card__footer{grid-template-columns:1fr}.prayer-hero-card__headline h2,.prayer-hero-card__date{max-inline-size:100%}}@media(max-width:720px){.prayer-hero-card{min-height:auto}.prayer-hero-card__intro{padding-inline-end:clamp(4.2rem,18vw,5.2rem)}.prayer-hero-stats,.prayer-hero-card__actions{grid-template-columns:1fr}}@media(max-width:520px){.prayer-hero-card__intro{padding-inline-end:4.2rem}.prayer-hero-card__headline h2{font-size:clamp(2rem,12vw,3.2rem)}.prayer-hero-card__countdown{font-size:clamp(2.5rem,15vw,4.15rem)!important}.prayer-hero-card__actions{padding:0;border:0;background:none;box-shadow:none}.prayer-hero-card__button{min-height:54px}}@media(max-width:380px){.navbar-premium .brand__logo-shell{inline-size:min(34vw,104px)!important;block-size:50px!important}.navbar-premium .navbar-current,.navbar-premium[dir=rtl] .navbar-current{max-inline-size:min(32vw,5.2rem);padding-inline:.38rem}}@keyframes premiumSheetInRtl{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes premiumSheetOutRtl{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-18px)}}@media(prefers-reduced-motion:reduce){.mobile-menu-backdrop[data-direction=rtl] .mobile-menu--sheet.is-open,.mobile-menu-backdrop[data-direction=rtl] .mobile-menu--sheet.is-closing{animation:none!important}}.landing-hero--cinematic{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(1.2rem,3vw,2.6rem) clamp(1.4rem,3vw,2.4rem);background:transparent}.landing-hero--cinematic:before{content:none;display:none}.landing-hero__atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.landing-hero__aurora{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform,opacity}.landing-hero__aurora--a{inset-block-start:-18%;inset-inline-start:-10%;width:46vw;max-width:620px;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgb(52 211 153 / .42),transparent 62%);animation:heroAuroraDriftA 16s ease-in-out infinite}.landing-hero__aurora--b{inset-block-start:-8%;inset-inline-end:-12%;width:48vw;max-width:640px;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgb(103 232 249 / .4),transparent 62%);animation:heroAuroraDriftB 18s ease-in-out infinite}.landing-hero__aurora--c{inset-block-end:-22%;inset-inline-start:28%;width:40vw;max-width:540px;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgb(246 199 104 / .32),transparent 62%);animation:heroAuroraDriftC 20s ease-in-out infinite}.landing-hero__pattern{position:absolute;inset:0;opacity:.32;background-image:radial-gradient(circle at center,rgb(255 255 255 / .05) 1px,transparent 1.5px),linear-gradient(60deg,transparent 0 48%,rgb(103 232 249 / .04) 49% 51%,transparent 52%),linear-gradient(-60deg,transparent 0 48%,rgb(246 199 104 / .03) 49% 51%,transparent 52%);background-size:28px 28px,64px 64px,64px 64px;mask-image:radial-gradient(ellipse at center,black 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 78%)}.landing-hero__stars{position:absolute;inset:0}.landing-hero__star{position:absolute;width:2px;height:2px;border-radius:50%;background:#f6fbff;box-shadow:0 0 8px #f6fbffb3;opacity:0;animation:heroStarTwinkle 4.4s ease-in-out infinite}.landing-hero__star--0{top:8%;left:12%;animation-delay:0s}.landing-hero__star--1{top:14%;left:28%;width:3px;height:3px;animation-delay:.6s}.landing-hero__star--2{top:6%;left:44%;animation-delay:1.1s}.landing-hero__star--3{top:18%;left:62%;width:1.5px;height:1.5px;animation-delay:1.6s}.landing-hero__star--4{top:9%;left:78%;animation-delay:2.1s}.landing-hero__star--5{top:22%;left:88%;width:3px;height:3px;animation-delay:2.6s}.landing-hero__star--6{top:34%;left:6%;animation-delay:3s}.landing-hero__star--7{top:48%;left:94%;width:1.5px;height:1.5px;animation-delay:.3s}.landing-hero__star--8{top:62%;left:4%;animation-delay:.9s}.landing-hero__star--9{top:72%;left:22%;width:3px;height:3px;animation-delay:1.4s}.landing-hero__star--10{top:78%;left:58%;animation-delay:1.9s}.landing-hero__star--11{top:84%;left:80%;width:1.5px;height:1.5px;animation-delay:2.4s}.landing-hero__star--12{top:42%;left:38%;animation-delay:2.9s}.landing-hero__star--13{top:28%;left:72%;width:3px;height:3px;animation-delay:3.4s}.landing-hero--cinematic .landing-hero__shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-template-areas:"copy visual";align-items:stretch;gap:clamp(1rem,2.4vw,1.8rem);min-height:clamp(440px,44vw,580px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 26%,var(--border));border-radius:clamp(28px,3.4vw,36px);padding:clamp(1.1rem,2.4vw,1.9rem);background:linear-gradient(135deg,rgb(255 255 255 / .07),transparent 35%),radial-gradient(circle at 12% 18%,rgb(52 211 153 / .14),transparent 38%),radial-gradient(circle at 88% 14%,rgb(103 232 249 / .14),transparent 36%),radial-gradient(circle at 70% 92%,rgb(246 199 104 / .1),transparent 42%),linear-gradient(160deg,#081626f0,#040c18db 50%,#020810eb);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff0a,0 32px 80px #00000052,0 0 0 1px #67e8f90a;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.landing-hero--cinematic .landing-hero__shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%,rgb(255 255 255 / .12),transparent 60%);opacity:.86}.landing-hero--cinematic .landing-hero__shell:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:-30%;width:60%;height:100%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgb(255 255 255 / .07) 50%,transparent 65%);transform:translate(-100%) skew(-12deg);animation:heroShellSheen 11s ease-in-out infinite}.landing-hero--cinematic[dir=rtl] .landing-hero__shell{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);grid-template-areas:"visual copy"}.landing-hero--cinematic .landing-hero__copy{position:relative;z-index:2;grid-area:copy;display:grid;align-content:center;justify-items:start;gap:clamp(.85rem,1.6vw,1.25rem);min-width:0;animation:heroFadeRise .72s var(--ease) both}.landing-hero--cinematic[dir=rtl] .landing-hero__copy{text-align:right}.landing-hero__eyebrow-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-2) 32%,transparent);background:linear-gradient(135deg,#67e8f924,#34d3991a);color:color-mix(in srgb,var(--text) 92%,var(--accent-2));font-size:.82rem;font-weight:800;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff1f,0 8px 20px #67e8f91f;animation:heroFadeRise .7s 40ms var(--ease) both}.landing-hero--cinematic[dir=rtl] .landing-hero__eyebrow-chip{font-family:var(--font-ar);font-size:.9rem}.landing-hero__live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 #34d39999;animation:heroLivePulse 2.2s ease-out infinite}.landing-hero--cinematic .landing-hero__wordmark-title{margin:0;inline-size:min(100%,32rem);display:flex;align-items:center;justify-content:flex-start;background:none;filter:none;line-height:1;animation:heroFadeRise .76s .12s var(--ease) both}.landing-hero--cinematic[dir=rtl] .landing-hero__wordmark-title{justify-content:flex-start}.landing-hero--cinematic .landing-hero__wordmark-shell{position:relative;isolation:isolate;inline-size:min(100%,clamp(17rem,36vw,32rem));display:inline-flex;align-items:center;justify-content:center;padding:clamp(.9rem,1.6vw,1.15rem) clamp(1.1rem,2vw,1.5rem);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--accent-2) 22%);border-radius:clamp(1.6rem,2.6vw,2.2rem);background:radial-gradient(circle at 16% 18%,rgb(255 255 255 / .12),transparent 36%),linear-gradient(140deg,#0a1628f0,#050e1ceb);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #f6c7680f,0 28px 60px #020a1852,0 0 0 1px #f6c7680d;overflow:hidden;animation:heroWordmarkBreath 8s ease-in-out infinite}.landing-hero__wordmark-glow{position:absolute;inset:-25%;background:radial-gradient(circle at 30% 50%,rgb(246 199 104 / .18),transparent 55%),radial-gradient(circle at 70% 50%,rgb(103 232 249 / .14),transparent 55%);filter:blur(28px);z-index:0;animation:heroWordmarkGlow 9s ease-in-out infinite;pointer-events:none}.landing-hero__wordmark-sheen{position:absolute;inset-block:-10%;inset-inline-start:-50%;inline-size:35%;background:linear-gradient(115deg,transparent 0%,rgb(255 255 255 / .02) 22%,rgb(255 250 220 / .42) 48%,rgb(255 255 255 / .05) 70%,transparent 100%);transform:translate(-150%) skew(-18deg);animation:heroWordmarkSheen 7s ease-in-out infinite;z-index:2;pointer-events:none}.landing-hero--cinematic .landing-hero__wordmark-image{position:relative;z-index:1;display:block;inline-size:100%;max-inline-size:min(100%,28rem);block-size:auto;filter:drop-shadow(0 14px 26px rgb(246 199 104 / .18)) drop-shadow(0 8px 18px rgb(103 232 249 / .1))}.landing-hero--cinematic .landing-hero__lead{max-inline-size:34rem;margin:0;color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:clamp(1rem,1.26vw,1.16rem);line-height:1.85;animation:heroFadeRise .74s .22s var(--ease) both}.landing-hero--cinematic[dir=rtl] .landing-hero__lead{font-family:var(--font-ar);font-size:clamp(1.08rem,1.34vw,1.24rem);line-height:1.92}.landing-hero--cinematic .landing-hero__actions{display:flex;flex-direction:column;gap:.7rem;width:min(100%,36rem);margin-block-start:.2rem;animation:heroFadeRise .78s .32s var(--ease) both}.landing-hero--cinematic .landing-hero__primary-action{position:relative;min-height:56px;justify-self:start;padding-inline:1.35rem;display:inline-flex;align-items:center;gap:.7rem;color:#021014;font-weight:880;border:none;border-radius:18px;background:linear-gradient(135deg,#c6fff0,#67e8f9 45%,#ffe08a);background-size:200% 100%;box-shadow:inset 0 1px #fff9,0 22px 48px #67e8f947,0 0 0 1px #f6c7684d;overflow:hidden;transition:transform .24s var(--ease),box-shadow .24s var(--ease),background-position .6s var(--ease)}.landing-hero--cinematic .landing-hero__primary-action:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .55) 50%,transparent 70%);transform:translate(-120%) skew(-18deg);transition:transform .7s var(--ease);pointer-events:none}.landing-hero--cinematic .landing-hero__primary-action:hover,.landing-hero--cinematic .landing-hero__primary-action:focus-visible{transform:translateY(-2px);background-position:100% 0%;box-shadow:inset 0 1px #ffffffb3,0 28px 56px #67e8f95c,0 0 0 1px #f6c76866}.landing-hero--cinematic .landing-hero__primary-action:hover:before,.landing-hero--cinematic .landing-hero__primary-action:focus-visible:before{transform:translate(180%) skew(-18deg)}.landing-hero__primary-action-arrow{display:inline-flex;margin-inline-start:.2rem;font-size:1.1rem;font-weight:900;transition:transform .24s var(--ease)}.landing-hero--cinematic .landing-hero__primary-action:hover .landing-hero__primary-action-arrow{transform:translate(var(--arrow-shift, 4px))}.landing-hero--cinematic[dir=rtl]{--arrow-shift: -4px}.landing-hero--cinematic .landing-hero__secondary-actions{display:flex;flex-wrap:wrap;gap:.55rem}.landing-hero--cinematic .landing-hero__chip{min-height:46px;padding-inline:1rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:14px;font-weight:800;border:1px solid color-mix(in srgb,var(--accent-2) 22%,transparent);color:color-mix(in srgb,var(--text) 92%,var(--accent-2));background:linear-gradient(145deg,#ffffff0f,#ffffff05);transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease)}.landing-hero--cinematic .landing-hero__chip:hover,.landing-hero--cinematic .landing-hero__chip:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent-2) 50%,transparent);background:linear-gradient(145deg,#67e8f924,#ffffff0a);box-shadow:inset 0 1px #ffffff24,0 16px 32px #67e8f929}.landing-hero--cinematic .landing-hero__chip .icon{width:1rem;height:1rem}.landing-hero__pillars{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;list-style:none;padding:0;margin:.3rem 0 0;animation:heroFadeRise .8s .44s var(--ease) both}.landing-hero__pillars li{display:inline-flex;align-items:center;gap:.5rem;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:.86rem;font-weight:760}.landing-hero--cinematic[dir=rtl] .landing-hero__pillars li{font-family:var(--font-ar);font-size:.94rem}.landing-hero__pillar-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--gold));box-shadow:0 0 8px color-mix(in srgb,var(--accent-2) 50%,transparent)}.hero-visual-card--cinematic{position:relative;z-index:2;grid-area:visual;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(.85rem,1.6vw,1.1rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-2) 26%,var(--border));border-radius:clamp(24px,3vw,32px);padding:clamp(1rem,1.9vw,1.3rem);background:radial-gradient(circle at 86% 18%,rgb(246 199 104 / .16),transparent 32%),radial-gradient(circle at 18% 32%,rgb(103 232 249 / .16),transparent 36%),linear-gradient(150deg,#ffffff17,#ffffff05),linear-gradient(160deg,#0a1828eb,#040e1cd6);box-shadow:inset 0 1px #ffffff24,0 28px 64px #00000042;animation:heroFadeRise .8s .18s var(--ease) both}.hero-visual-card__stage{position:relative;min-height:clamp(200px,22vw,260px);display:grid;place-items:center;overflow:hidden;border-radius:clamp(20px,2.4vw,26px);background:radial-gradient(circle at center,rgb(103 232 249 / .08),transparent 60%),linear-gradient(170deg,#081626b3,#030c1666);isolation:isolate}.hero-visual-card__halo{position:absolute;inset:12% 14%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(103 232 249 / .22) 0%,rgb(246 199 104 / .12) 35%,transparent 70%);filter:blur(28px);opacity:.86;animation:heroHaloBreath 9s ease-in-out infinite}.hero-visual-card__caption{position:absolute;inset-block-end:.7rem;inset-inline-start:.7rem;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-2) 26%,transparent);background:#081424b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:color-mix(in srgb,var(--text) 86%,var(--accent-2));font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero-visual-card--cinematic[dir=rtl] .hero-visual-card__caption{inset-inline-start:auto;inset-inline-end:.7rem;font-family:var(--font-ar);font-size:.78rem;text-transform:none;letter-spacing:normal}.hero-visual-card__caption-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #34d39999}.hero-scene{position:relative;z-index:1;width:min(100%,380px);height:auto;overflow:visible;transform:translateY(-2%)}.hero-scene__stars circle{fill:#fffbe6;opacity:.7;transform-origin:center;animation:heroSceneStarTwinkle 3.6s ease-in-out infinite}.hero-scene__stars circle:nth-child(2n){animation-delay:.6s;opacity:.5}.hero-scene__stars circle:nth-child(3n){animation-delay:1.2s;opacity:.85}.hero-scene__stars circle:nth-child(4n){animation-delay:1.8s}.hero-scene__moon{transform-origin:348px 78px;animation:heroSceneMoonFloat 7s ease-in-out infinite}.hero-scene__moon-sparkle{transform-origin:405px 56px;animation:heroSceneSparkle 3.6s ease-in-out infinite}.hero-scene__arch-group{transform-origin:198px 282px;animation:heroSceneArchBreath 9s ease-in-out infinite}.hero-scene__keystone{transform-origin:198px 138px;animation:heroSceneKeystone 4.6s ease-in-out infinite}.hero-scene__lantern{transform-origin:198px 200px;animation:heroSceneLanternSway 6.2s ease-in-out infinite}.hero-scene__motes circle{fill:#f6c768;opacity:.65;animation:heroSceneMoteRise 8s ease-in-out infinite}.hero-scene__motes circle:nth-child(2){animation-delay:1.4s;fill:#67e8f9}.hero-scene__motes circle:nth-child(3){animation-delay:2.6s}.hero-scene__motes circle:nth-child(4){animation-delay:3.8s;fill:#67e8f9}.hero-scene__motes circle:nth-child(5){animation-delay:4.8s}.hero-visual-card__portal{display:grid;gap:.6rem}.hero-visual-card__portal-title{margin:0;color:color-mix(in srgb,var(--text) 90%,var(--accent-2));font-family:var(--font-ar-display);font-size:clamp(1.05rem,1.3vw,1.18rem);font-weight:880;line-height:1.4;text-align:start}.hero-visual-card--cinematic[dir=ltr] .hero-visual-card__portal-title{font-family:inherit}.hero-visual-card__portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.hero-portal-tile{position:relative;isolation:isolate;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem .8rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent-2) 18%,transparent);background:linear-gradient(145deg,#ffffff14,#ffffff05);color:var(--text);text-decoration:none;overflow:hidden;opacity:0;transform:translateY(8px);animation:heroFadeRise .6s var(--ease) forwards;transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease)}.hero-portal-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 22%,rgb(103 232 249 / .16),transparent 50%),radial-gradient(circle at 78% 80%,rgb(246 199 104 / .12),transparent 50%);opacity:0;transition:opacity .24s var(--ease);pointer-events:none;z-index:0}.hero-portal-tile>*{position:relative;z-index:1}.hero-portal-tile:hover,.hero-portal-tile:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-2) 48%,transparent);box-shadow:inset 0 1px #ffffff24,0 20px 36px #67e8f92e}.hero-portal-tile:hover:before,.hero-portal-tile:focus-visible:before{opacity:1}.hero-portal-tile__icon{inline-size:2.25rem;block-size:2.25rem;display:grid;place-items:center;border-radius:12px;color:color-mix(in srgb,var(--accent-2) 84%,var(--gold));background:radial-gradient(circle at 30% 30%,rgb(255 255 255 / .18),transparent 45%),#ffffff0f;box-shadow:inset 0 1px #ffffff14;transition:transform .22s var(--ease),color .22s var(--ease)}.hero-portal-tile:hover .hero-portal-tile__icon,.hero-portal-tile:focus-visible .hero-portal-tile__icon{transform:scale(1.08) rotate(-3deg);color:var(--gold)}.hero-portal-tile__icon .icon{width:1.05rem;height:1.05rem}.hero-portal-tile__text{min-width:0;display:grid;gap:.1rem;text-align:start}.hero-portal-tile__text strong{font-size:.96rem;font-weight:860;line-height:1.2;color:var(--text)}.hero-visual-card--cinematic[dir=rtl] .hero-portal-tile__text strong{font-family:var(--font-ar-display);font-size:1.02rem}.hero-portal-tile__text small{font-size:.74rem;font-weight:720;line-height:1.3;color:color-mix(in srgb,var(--text) 64%,var(--muted))}.hero-visual-card--cinematic[dir=rtl] .hero-portal-tile__text small{font-family:var(--font-ar);font-size:.8rem}.hero-portal-tile__arrow{flex:0 0 auto;font-size:1rem;font-weight:900;color:color-mix(in srgb,var(--accent-2) 70%,var(--muted));opacity:.55;transition:transform .22s var(--ease),opacity .22s var(--ease),color .22s var(--ease)}.hero-portal-tile:hover .hero-portal-tile__arrow,.hero-portal-tile:focus-visible .hero-portal-tile__arrow{transform:translate(var(--arrow-shift, 3px));opacity:1;color:var(--gold)}.landing-hero__scroll-hint{position:relative;z-index:1;display:grid;place-items:center;gap:.4rem;margin:clamp(.8rem,1.6vw,1.1rem) auto 0;color:color-mix(in srgb,var(--text) 50%,var(--muted));opacity:.78;animation:heroFadeRise .8s .6s var(--ease) both}.landing-hero__scroll-line{width:1.5px;height:26px;border-radius:999px;background:linear-gradient(180deg,transparent,var(--accent-2));animation:heroScrollPulse 2.4s ease-in-out infinite}.landing-hero__scroll-label{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.landing-hero--cinematic[dir=rtl] .landing-hero__scroll-label{font-family:var(--font-ar);font-size:.74rem;letter-spacing:normal;text-transform:none}@media(max-width:1040px){.landing-hero--cinematic .landing-hero__shell,.landing-hero--cinematic[dir=rtl] .landing-hero__shell{grid-template-columns:1fr;grid-template-areas:"copy" "visual";min-height:auto}.hero-visual-card--cinematic{max-inline-size:640px;justify-self:stretch}}@media(max-width:720px){.landing-hero--cinematic .landing-hero__actions{width:100%}.landing-hero--cinematic .landing-hero__primary-action,.landing-hero--cinematic .landing-hero__chip{width:100%;justify-content:center}.landing-hero--cinematic .landing-hero__secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.hero-visual-card__portal-grid{grid-template-columns:1fr}}@media(max-width:560px){.landing-hero--cinematic{padding-block:.9rem 1rem}.landing-hero--cinematic .landing-hero__shell{border-radius:26px;padding:1rem}.landing-hero--cinematic .landing-hero__copy,.landing-hero--cinematic[dir=rtl] .landing-hero__copy{justify-items:center;text-align:center}.landing-hero--cinematic .landing-hero__lead{max-inline-size:28rem}.landing-hero--cinematic .landing-hero__wordmark-title{justify-content:center;inline-size:min(100%,24rem)}.landing-hero--cinematic .landing-hero__wordmark-shell{inline-size:100%}.landing-hero__pillars{justify-content:center}.landing-hero--cinematic .landing-hero__secondary-actions{grid-template-columns:1fr}.hero-visual-card__stage{min-height:180px}.hero-scene{width:min(100%,320px)}}.hero-scene--day{display:none}.hero-scene--night{display:block}.hero-scene__sun-glow{animation:heroSunGlowPulse 5s ease-in-out infinite}.hero-scene__sun{animation:heroSunSpin 40s linear infinite;transform-origin:348px 72px}.hero-scene__sun-rays{transform-origin:348px 72px;animation:heroSunSpin 20s linear infinite}.hero-scene__cloud--a{animation:heroCloudDriftA 18s ease-in-out infinite}.hero-scene__cloud--b{animation:heroCloudDriftB 22s ease-in-out infinite}.hero-scene__airplane{transform:translate(480px,130px) rotate(-8deg) scale(.7);animation:heroAirplaneFly 14s linear infinite}.hero-scene__bird--0{animation:heroBirdFlap .7s ease-in-out infinite alternate;transform-origin:70px 148px}.hero-scene__bird--1{animation:heroBirdFlap .7s .12s ease-in-out infinite alternate;transform-origin:100px 136px}.hero-scene__bird--2{animation:heroBirdFlap .75s .24s ease-in-out infinite alternate;transform-origin:84px 162px}.hero-scene__bird--3{animation:heroBirdFlap .68s .36s ease-in-out infinite alternate;transform-origin:116px 152px}.hero-scene__bird--4{animation:heroBirdFlap .72s .08s ease-in-out infinite alternate;transform-origin:58px 170px}.hero-scene__birds{animation:heroBirdsDrift 28s linear infinite}:root[data-theme=light] .landing-hero--cinematic .landing-hero__shell{border-color:#5874ad2e;background:linear-gradient(135deg,#fffffff0,#eef8ffe0 60%,#fff8e6f0),radial-gradient(circle at 12% 18%,rgb(52 211 153 / .12),transparent 38%),radial-gradient(circle at 88% 14%,rgb(103 232 249 / .12),transparent 38%);box-shadow:inset 0 1px #fffffff2,0 26px 60px #5078af2e}:root[data-theme=light] .landing-hero--cinematic .landing-hero__wordmark-shell{border-color:#b9832e52;background:radial-gradient(circle at 16% 18%,rgb(255 248 220 / .6),transparent 36%),linear-gradient(140deg,#fffffff5,#f4faffeb);box-shadow:inset 0 1px #fffffff0,0 24px 48px #5078af29}:root[data-theme=light] .landing-hero--cinematic .landing-hero__lead,:root[data-theme=light] .landing-hero--cinematic .landing-hero__pillars li{color:#1d324e}:root[data-theme=light] .hero-visual-card--cinematic{border-color:#5874ad2e;background:radial-gradient(circle at 86% 18%,rgb(246 199 104 / .18),transparent 32%),radial-gradient(circle at 18% 32%,rgb(103 232 249 / .18),transparent 36%),linear-gradient(150deg,#fffffff0,#eef8ffdb);box-shadow:inset 0 1px #fffffff0,0 22px 52px #5078af29}:root[data-theme=light] .hero-visual-card__stage{background:radial-gradient(circle at center,rgb(103 232 249 / .18),transparent 60%),linear-gradient(170deg,#e8f4ffb3,#fff8e680)}:root[data-theme=light] .hero-portal-tile{border-color:#5874ad29;background:linear-gradient(145deg,#ffffffeb,#eef8ffc7)}:root[data-theme=light] .hero-portal-tile__text small,:root[data-theme=light] .landing-hero__scroll-hint{color:#4f6a8a}:root[data-theme=light] .hero-scene--night{display:none}:root[data-theme=light] .hero-scene--day{display:block}:root[data-theme=light] .hero-visual-card__stage{background:linear-gradient(170deg,#bae6fd,#7dd3fc,#38bdf8 60%,#e0f7fa)}:root[data-theme=light] .landing-hero__aurora--a{background:radial-gradient(circle at 50% 50%,rgb(56 189 248 / .28),transparent 62%)}:root[data-theme=light] .landing-hero__aurora--b{background:radial-gradient(circle at 50% 50%,rgb(103 232 249 / .22),transparent 62%)}:root[data-theme=light] .landing-hero__aurora--c{background:radial-gradient(circle at 50% 50%,rgb(253 230 138 / .26),transparent 62%)}:root[data-theme=light] .landing-hero__stars{display:none}@media(prefers-reduced-motion:reduce){.landing-hero__aurora,.landing-hero__star,.landing-hero__wordmark-shell,.landing-hero__wordmark-glow,.landing-hero__wordmark-sheen,.landing-hero__live-dot,.landing-hero--cinematic .landing-hero__shell:after,.hero-visual-card__halo,.hero-scene__stars circle,.hero-scene__moon,.hero-scene__moon-sparkle,.hero-scene__arch-group,.hero-scene__keystone,.hero-scene__lantern,.hero-scene__motes circle,.landing-hero__scroll-line,.hero-portal-tile,.landing-hero--cinematic .landing-hero__copy,.hero-visual-card--cinematic,.landing-hero__eyebrow-chip,.landing-hero--cinematic .landing-hero__lead,.landing-hero--cinematic .landing-hero__actions,.landing-hero__pillars,.landing-hero__scroll-hint{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}:root[data-ui-motion=reduced] .landing-hero__aurora,:root[data-ui-motion=reduced] .landing-hero__star,:root[data-ui-motion=reduced] .landing-hero__wordmark-shell,:root[data-ui-motion=reduced] .landing-hero__wordmark-glow,:root[data-ui-motion=reduced] .landing-hero__wordmark-sheen,:root[data-ui-motion=reduced] .landing-hero__live-dot,:root[data-ui-motion=reduced] .hero-visual-card__halo,:root[data-ui-motion=reduced] .hero-scene__stars circle,:root[data-ui-motion=reduced] .hero-scene__moon,:root[data-ui-motion=reduced] .hero-scene__moon-sparkle,:root[data-ui-motion=reduced] .hero-scene__arch-group,:root[data-ui-motion=reduced] .hero-scene__keystone,:root[data-ui-motion=reduced] .hero-scene__lantern,:root[data-ui-motion=reduced] .hero-scene__motes circle,:root[data-ui-motion=reduced] .landing-hero__scroll-line,:root[data-ui-motion=reduced] .hero-portal-tile,:root[data-ui-motion=reduced] .landing-hero--cinematic .landing-hero__shell:after{animation:none!important;transition:none!important}@keyframes heroFadeRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes heroLivePulse{0%{box-shadow:0 0 #34d39999;transform:scale(1)}70%{box-shadow:0 0 0 10px #34d39900;transform:scale(1.05)}to{box-shadow:0 0 #34d39900;transform:scale(1)}}@keyframes heroAuroraDriftA{0%,to{transform:translateZ(0) scale(1);opacity:.55}50%{transform:translate3d(36px,28px,0) scale(1.1);opacity:.7}}@keyframes heroAuroraDriftB{0%,to{transform:translateZ(0) scale(1);opacity:.5}50%{transform:translate3d(-30px,24px,0) scale(1.08);opacity:.65}}@keyframes heroAuroraDriftC{0%,to{transform:translateZ(0) scale(1);opacity:.4}50%{transform:translate3d(20px,-22px,0) scale(1.06);opacity:.6}}@keyframes heroStarTwinkle{0%,to{opacity:0;transform:scale(.6)}35%{opacity:.9;transform:scale(1)}65%{opacity:.5;transform:scale(.9)}}@keyframes heroShellSheen{0%,60%{transform:translate(-100%) skew(-12deg);opacity:0}72%{opacity:1}88%,to{transform:translate(220%) skew(-12deg);opacity:0}}@keyframes heroWordmarkBreath{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-4px,0)}}@keyframes heroWordmarkGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes heroWordmarkSheen{0%,22%{transform:translate(-160%) skew(-18deg);opacity:0}35%{opacity:1}55%,to{transform:translate(360%) skew(-18deg);opacity:0}}@keyframes heroHaloBreath{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes heroSceneStarTwinkle{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes heroSceneMoonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heroSceneSparkle{0%,to{opacity:.3;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}@keyframes heroSceneArchBreath{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.012);filter:drop-shadow(0 4px 18px rgb(103 232 249 / .18))}}@keyframes heroSceneKeystone{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes heroSceneLanternSway{0%,to{transform:rotate(-1.4deg) translateY(0);opacity:.92}50%{transform:rotate(1.4deg) translateY(-2px);opacity:1}}@keyframes heroSceneMoteRise{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}60%{opacity:.6}to{opacity:0;transform:translateY(-20px)}}@keyframes heroScrollPulse{0%,to{transform:scaleY(.5);opacity:.4;transform-origin:top}50%{transform:scaleY(1);opacity:1}}@keyframes heroSunGlowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes heroSunSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroCloudDriftA{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes heroCloudDriftB{0%,to{transform:translate(0)}50%{transform:translate(-14px)}}@keyframes heroAirplaneFly{0%{transform:translate(480px,130px) rotate(-8deg) scale(.7);opacity:0}6%{opacity:1}88%{opacity:1}to{transform:translate(-140px,110px) rotate(-8deg) scale(.7);opacity:0}}@keyframes heroBirdFlap{0%{transform:scaleY(1)}to{transform:scaleY(-.6)}}@keyframes heroBirdsDrift{0%{transform:translate(0)}to{transform:translate(380px)}}.khalili-hero--glass{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.4rem,3vw,2.6rem) clamp(1.2rem,2.6vw,2.4rem);border:1px solid rgb(255 255 255 / .1);border-radius:clamp(28px,3.6vw,44px);background:linear-gradient(160deg,#ffffff0a,#ffffff03),radial-gradient(circle at 78% 12%,rgb(246 199 104 / .12),transparent 42%),radial-gradient(circle at 18% 88%,rgb(103 232 249 / .1),transparent 46%),linear-gradient(180deg,#0a1628d9,#050e1cf2);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff0a,0 32px 90px #0006}.khalili-hero--glass:before,.khalili-hero--glass:after{content:none!important;display:none!important;background:none!important;animation:none!important}.khalili-glass-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.khalili-glass-bg__orb{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform,opacity}.khalili-glass-bg__orb--gold{width:56%;max-width:700px;aspect-ratio:1;inset-block-start:-20%;inset-inline-end:-18%;background:radial-gradient(circle at 50% 50%,rgb(246 199 104 / .38),rgb(246 199 104 / .06) 55%,transparent 72%);opacity:.85;animation:khaliliOrbGold 18s ease-in-out infinite}.khalili-glass-bg__orb--cyan{width:48%;max-width:580px;aspect-ratio:1;inset-block-end:-24%;inset-inline-start:-16%;background:radial-gradient(circle at 50% 50%,rgb(103 232 249 / .32),rgb(103 232 249 / .06) 55%,transparent 72%);opacity:.7;animation:khaliliOrbCyan 22s ease-in-out infinite}.khalili-glass-bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 70% at center,black,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at center,black,transparent 85%);opacity:.45}.khalili-glass__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"portrait identity";gap:clamp(1.2rem,3vw,2.4rem);align-items:center;min-height:clamp(440px,46vw,560px)}[dir=rtl] .khalili-glass__layout{grid-template-areas:"identity portrait";grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.khalili-portrait{grid-area:portrait;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:clamp(420px,46vw,580px);padding-block-end:clamp(64px,8vw,90px);animation:khaliliRise .9s var(--ease) both}.khalili-portrait__halo{position:absolute;inset-inline:4%;inset-block:4% 20%;border-radius:50%;background:radial-gradient(circle at 50% 48%,rgb(246 199 104 / .36) 0%,rgb(246 199 104 / .12) 38%,transparent 62%),radial-gradient(circle at 50% 60%,rgb(103 232 249 / .2) 0%,transparent 55%);filter:blur(44px);z-index:0;opacity:.9;animation:khaliliHaloBreathe 8s ease-in-out infinite}.khalili-portrait__medallion{position:relative;z-index:2;width:clamp(300px,34vw,440px);aspect-ratio:1;display:grid;place-items:center;animation:khaliliDiscFloat 9s ease-in-out infinite}.khalili-portrait__ring{position:absolute;border-radius:50%;border:1px solid transparent;pointer-events:none}.khalili-portrait__ring--outer{inset:-10%;border-color:#f6c7684d;border-style:dashed;animation:khaliliRingSpin 60s linear infinite}.khalili-portrait__ring--inner{inset:-3%;border-color:#ffffff1a}.khalili-portrait__frame{position:relative;z-index:1;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 30%,rgb(255 255 255 / .06),transparent 60%),linear-gradient(180deg,#0a16284d,#050e1c99);border:2px solid rgb(255 255 255 / .2);box-shadow:inset 0 2px #ffffff40,inset 0 -2px #f6c76814,0 0 0 1px #f6c76824,0 40px 90px #0000008c,0 0 80px #f6c7681a}.khalili-portrait__frame-sheen{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgb(255 255 255 / .14) 0%,rgb(255 255 255 / .04) 30%,transparent 55%,rgb(246 199 104 / .06) 100%);z-index:2;pointer-events:none}.khalili-portrait__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}.khalili-portrait__ground{width:70%;height:28px;border-radius:50%;background:radial-gradient(ellipse at center,rgb(0 0 0 / .5),transparent 70%);filter:blur(18px);z-index:1;opacity:.65;margin-block-start:-8px}.khalili-info-plate{position:absolute;inset-block-end:4px;inset-inline:8%;z-index:3;display:flex;align-items:center;justify-content:center;padding:.85rem 1.2rem;border:1px solid rgb(255 255 255 / .18);border-radius:22px;background:linear-gradient(140deg,#ffffff24,#ffffff0a);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff0a,0 18px 40px #0000005c;overflow:hidden;animation:khaliliRise .9s .2s var(--ease) both}.khalili-info-plate__sheen{position:absolute;inset-block:-50%;inset-inline-start:-50%;width:30%;height:200%;background:linear-gradient(115deg,transparent 0%,rgb(255 255 255 / .04) 30%,rgb(255 255 255 / .3) 50%,rgb(255 255 255 / .04) 70%,transparent 100%);transform:translate(-150%) skew(-18deg);animation:khaliliPlateSheen 9s ease-in-out infinite;pointer-events:none}.khalili-info-plate__row{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap}.khalili-info-plate__label{font-family:var(--font-ar-display);font-size:clamp(.92rem,1vw,1.05rem);font-weight:700;letter-spacing:.005em;color:#fdf4d0;text-shadow:0 1px 12px rgb(246 199 104 / .35)}[lang=en] .khalili-info-plate__label{font-family:var(--font-ui);letter-spacing:.02em}.khalili-info-plate__divider{width:1px;height:14px;background:linear-gradient(180deg,transparent,rgb(255 255 255 / .4),transparent)}.khalili-info-plate__meta{font-family:var(--font-ar-ui);font-size:.84rem;font-weight:600;color:color-mix(in srgb,#fff 75%,transparent)}[lang=en] .khalili-info-plate__meta{font-family:var(--font-ui)}.khalili-identity{grid-area:identity;position:relative;display:grid;align-content:center;justify-items:start;gap:clamp(.85rem,1.6vw,1.2rem);max-inline-size:36rem}[dir=rtl] .khalili-identity{justify-items:end;text-align:right}.khalili-identity__kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem 1rem;border-radius:999px;border:1px solid rgb(255 255 255 / .14);background:linear-gradient(135deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);color:color-mix(in srgb,#fff 88%,transparent);font-family:var(--font-ar-ui);font-size:.92rem;font-weight:700;letter-spacing:0;box-shadow:inset 0 1px #ffffff2e,0 10px 28px #0003;animation:khaliliRise .8s 80ms var(--ease) both}[lang=en] .khalili-identity__kicker{font-family:var(--font-ui);font-size:.86rem;letter-spacing:.04em}.khalili-identity__kicker-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#ffe08a);box-shadow:0 0 12px #f6c768b3;animation:khaliliDotPulse 2.4s ease-in-out infinite}.khalili-identity__title{margin:0;display:grid;gap:.1em;width:100%;max-inline-size:24ch;overflow:visible;animation:khaliliRise .9s .16s var(--ease) both}.khalili-identity__line{display:block;width:fit-content;max-inline-size:100%;padding-block:.18em .22em;font-family:var(--font-ar-display);font-weight:700;line-height:1.35;letter-spacing:0;color:transparent;background-clip:text;-webkit-background-clip:text;overflow:visible}[lang=en] .khalili-identity__line{font-family:"Inter",var(--font-ui);font-weight:800;line-height:1.06;letter-spacing:-.01em;padding-block:.06em}.khalili-identity__line--top{font-size:clamp(2.2rem,4.6vw,3.6rem);background-image:linear-gradient(180deg,#fff,#d8e2f5);background-size:100% 100%;text-shadow:0 8px 28px rgb(0 0 0 / .45)}.khalili-identity__line--accent{font-size:clamp(2.8rem,5.8vw,4.6rem);background-image:linear-gradient(180deg,#fff6d1,#f6c768 45%,#e29a3d);background-size:100% 100%;text-shadow:0 10px 26px rgb(0 0 0 / .4),0 0 22px rgb(246 199 104 / .32)}.khalili-identity__lead{margin:0;max-inline-size:32rem;color:color-mix(in srgb,#fff 72%,transparent);font-family:var(--font-ar);font-size:clamp(1rem,1.12vw,1.16rem);line-height:1.92;text-wrap:pretty;animation:khaliliRise .9s .28s var(--ease) both}[lang=en] .khalili-identity__lead{font-family:var(--font-ui);font-size:clamp(.98rem,1.08vw,1.1rem);line-height:1.74}.khalili-identity__chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;animation:khaliliRise .9s .4s var(--ease) both}.khalili-identity__chips li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;border:1px solid rgb(255 255 255 / .12);background:linear-gradient(140deg,#ffffff0f,#ffffff04);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);color:color-mix(in srgb,#fff 86%,transparent);font-family:var(--font-ar-ui);font-size:.9rem;font-weight:600;box-shadow:inset 0 1px #ffffff1f,0 8px 20px #0000002e;transition:transform .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease)}[lang=en] .khalili-identity__chips li{font-family:var(--font-ui);font-size:.84rem;letter-spacing:.02em}.khalili-identity__chips li:hover{transform:translateY(-2px);border-color:#f6c76866;background:linear-gradient(140deg,#f6c76824,#ffffff08)}.khalili-identity__chip-dot{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--gold));box-shadow:0 0 8px #67e8f980}.khalili-identity__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-block-start:.4rem;animation:khaliliRise .9s .52s var(--ease) both}.khalili-cta{position:relative;isolation:isolate;min-height:56px;padding:0 1.4rem;display:inline-flex;align-items:center;gap:.65rem;border-radius:18px;font-family:var(--font-ar-ui);font-size:.98rem;font-weight:700;text-decoration:none;overflow:hidden;transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease),background .26s var(--ease);cursor:pointer}[lang=en] .khalili-cta{font-family:var(--font-ui);font-size:.94rem;letter-spacing:.02em}.khalili-cta__icon{display:inline-flex;align-items:center;justify-content:center}.khalili-cta__icon .icon{width:1.05rem;height:1.05rem}.khalili-cta__arrow{display:inline-flex;margin-inline-start:.3rem;font-size:1.05rem;font-weight:800;transition:transform .28s var(--ease)}.khalili-cta:hover .khalili-cta__arrow,.khalili-cta:focus-visible .khalili-cta__arrow{transform:translate(var(--khalili-arrow-shift, 5px))}[dir=rtl] .khalili-hero--glass{--khalili-arrow-shift: -5px}.khalili-cta--primary{color:#1a1206;border:1px solid rgb(246 199 104 / .5);background:linear-gradient(135deg,#ffe89a,#f6c768,#d99a3a);background-size:200% 100%;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001f,0 22px 44px #f6c76852,0 0 0 1px #fff4c82e}.khalili-cta--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .7) 50%,transparent 70%);transform:translate(-130%) skew(-18deg);transition:transform .8s var(--ease);pointer-events:none}.khalili-cta--primary:hover,.khalili-cta--primary:focus-visible{transform:translateY(-2px);background-position:100% 0%;box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #00000024,0 28px 56px #f6c7686b,0 0 0 1px #fff4c842}.khalili-cta--primary:hover:before,.khalili-cta--primary:focus-visible:before{transform:translate(200%) skew(-18deg)}.khalili-cta--ghost{color:color-mix(in srgb,#fff 92%,transparent);border:1px solid rgb(255 255 255 / .16);background:linear-gradient(140deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px #ffffff2e,0 12px 28px #00000038}.khalili-cta--ghost:hover,.khalili-cta--ghost:focus-visible{transform:translateY(-2px);border-color:#ffffff4d;background:linear-gradient(140deg,#ffffff24,#ffffff0a);box-shadow:inset 0 1px #ffffff3d,0 18px 36px #00000047}@media(max-width:920px){.khalili-hero--glass{padding:1.4rem 1.2rem 1.6rem}.khalili-glass__layout,[dir=rtl] .khalili-glass__layout{grid-template-columns:1fr;grid-template-areas:"portrait" "identity";gap:1.4rem;min-height:auto}.khalili-identity{justify-items:center;text-align:center;max-inline-size:100%}[dir=rtl] .khalili-identity{justify-items:center;text-align:center}.khalili-identity__chips{justify-content:center}.khalili-identity__actions{justify-content:center;width:100%}.khalili-portrait{min-height:clamp(380px,90vw,520px);padding-block-end:clamp(56px,7vw,72px)}.khalili-portrait__medallion{width:clamp(260px,72vw,380px)}}@media(max-width:560px){.khalili-hero--glass{border-radius:30px}.khalili-identity__line--accent{font-size:clamp(2.6rem,12vw,3.4rem)}.khalili-identity__line--top{font-size:clamp(2rem,9vw,2.6rem)}.khalili-cta{width:100%;justify-content:center}.khalili-info-plate{padding:.7rem .9rem;border-radius:18px}.khalili-info-plate__label{font-size:.85rem}.khalili-info-plate__meta{font-size:.74rem}}:root[data-theme=light] .khalili-hero--glass{border-color:#506ea029;background:linear-gradient(160deg,#fff9,#ffffff4d),radial-gradient(circle at 78% 12%,rgb(246 199 104 / .22),transparent 42%),radial-gradient(circle at 18% 88%,rgb(103 232 249 / .2),transparent 46%),linear-gradient(180deg,#fafcfff5,#eef4ffeb);box-shadow:inset 0 1px #ffffffeb,0 26px 60px #5078af2e}:root[data-theme=light] .khalili-identity__line--top{background-image:linear-gradient(180deg,#0d2244,#1d3c66)}:root[data-theme=light] .khalili-identity__line--accent{background-image:linear-gradient(180deg,#c98a1e,#a86810)}:root[data-theme=light] .khalili-identity__kicker,:root[data-theme=light] .khalili-identity__chips li,:root[data-theme=light] .khalili-cta--ghost{color:#1d3354;background:linear-gradient(140deg,#ffffffb3,#fff6);border-color:#506ea033;box-shadow:inset 0 1px #ffffffeb,0 10px 24px #5078af1f}:root[data-theme=light] .khalili-identity__lead{color:#324968}:root[data-theme=light] .khalili-info-plate{border-color:#506ea02e;background:linear-gradient(140deg,#ffffffc7,#ffffff80);box-shadow:inset 0 1px #ffffffeb,0 18px 36px #5078af2e}:root[data-theme=light] .khalili-info-plate__label{color:#8a5a14;text-shadow:0 1px 8px rgb(246 199 104 / .3)}:root[data-theme=light] .khalili-info-plate__meta{color:#4a5d80}:root[data-theme=light] .khalili-info-plate__divider{background:linear-gradient(180deg,transparent,rgb(80 110 160 / .4),transparent)}@media(prefers-reduced-motion:reduce){.khalili-glass-bg__orb,.khalili-portrait,.khalili-portrait__halo,.khalili-portrait__medallion,.khalili-portrait__ring--outer,.khalili-info-plate,.khalili-info-plate__sheen,.khalili-identity__kicker,.khalili-identity__kicker-dot,.khalili-identity__title,.khalili-identity__lead,.khalili-identity__chips,.khalili-identity__actions,.khalili-cta--primary:before{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}:root[data-ui-motion=reduced] .khalili-glass-bg__orb,:root[data-ui-motion=reduced] .khalili-portrait__halo,:root[data-ui-motion=reduced] .khalili-portrait__medallion,:root[data-ui-motion=reduced] .khalili-portrait__ring--outer,:root[data-ui-motion=reduced] .khalili-info-plate__sheen,:root[data-ui-motion=reduced] .khalili-identity__kicker-dot{animation:none!important}@keyframes khaliliRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes khaliliOrbGold{0%,to{transform:translateZ(0) scale(1);opacity:.85}50%{transform:translate3d(-24px,30px,0) scale(1.08);opacity:1}}@keyframes khaliliOrbCyan{0%,to{transform:translateZ(0) scale(1);opacity:.7}50%{transform:translate3d(28px,-28px,0) scale(1.06);opacity:.9}}@keyframes khaliliHaloBreathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes khaliliDiscFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes khaliliRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes khaliliPortraitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes khaliliPlateSheen{0%,60%{transform:translate(-150%) skew(-18deg);opacity:0}72%{opacity:1}90%,to{transform:translate(450%) skew(-18deg);opacity:0}}@keyframes khaliliDotPulse{0%,to{box-shadow:0 0 12px #f6c768b3;transform:scale(1)}50%{box-shadow:0 0 20px #f6c768,0 0 0 6px #f6c76800;transform:scale(1.15)}}.mmap{position:relative;isolation:isolate;display:grid;gap:clamp(.9rem,2vw,1.2rem);padding:clamp(1rem,2.2vw,1.5rem);margin-block:clamp(1rem,2.5vw,1.7rem);border:1px solid color-mix(in srgb,var(--accent-2) 32%,var(--border));border-radius:clamp(26px,3.4vw,40px);background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 38%),radial-gradient(ellipse at 92% 8%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 88%,#082f49 12%),color-mix(in srgb,var(--surface) 94%,#052e2b 6%));box-shadow:inset 0 1px #ffffff1a,0 32px 90px #00000047;overflow:hidden}.mmap:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgb(255 255 255 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .022) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,rgb(0 0 0 / .5),transparent 72%);pointer-events:none}.mmap>*{position:relative;z-index:1;min-inline-size:0}.mmap__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:clamp(.75rem,1.5vw,1rem) clamp(.9rem,1.8vw,1.2rem);border:1px solid color-mix(in srgb,var(--accent-2) 20%,var(--border));border-radius:clamp(20px,2.6vw,28px);background:radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 38%),linear-gradient(135deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff17;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mmap__header-text{display:grid;gap:.18rem;min-inline-size:0}.mmap__eyebrow{margin:0;color:color-mix(in srgb,var(--accent-2) 72%,white 18%);font-size:.76rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.mmap__headline{margin:0;font-family:var(--font-ar-display);font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:800;line-height:1.15}[dir=ltr] .mmap__headline{font-family:var(--font-ui);font-weight:950}.mmap__progress{flex:0 0 auto;display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:999px;background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mmap__progress-ring{width:48px;height:48px;flex:0 0 auto}.mmap__progress-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.mmap__progress-track{fill:none;stroke:#ffffff14;stroke-width:4}.mmap__progress-fill{fill:none;stroke:url(#mmap-core-gradient);stroke-width:4;stroke-linecap:round;stroke-dasharray:125.66;stroke-dashoffset:calc(125.66px - (125.66px * var(--mmap-progress, 0%)) / 100%);transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 4px rgb(103 232 249 / .5))}.mmap__progress-text{display:grid;gap:.08rem;text-align:center}.mmap__progress-text strong{color:var(--accent);font-family:var(--font-ui);font-size:1.08rem;font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.mmap__progress-text span{color:var(--muted);font-size:.7rem;font-weight:800;line-height:1}.mmap__viewport{position:relative;block-size:clamp(480px,62dvh,820px);overflow:auto;overscroll-behavior:contain;direction:ltr;border:1px solid color-mix(in srgb,var(--accent-2) 38%,var(--border));border-radius:clamp(20px,2.6vw,28px);background:radial-gradient(circle at 50% 14%,color-mix(in srgb,var(--accent-2) 7%,transparent),transparent 36%),linear-gradient(180deg,#030814e6,#02050ed1);box-shadow:inset 0 1px #ffffff17,0 24px 64px #00000047;scrollbar-gutter:stable both-edges}.mmap__viewport:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-2) 52%,transparent);outline-offset:4px}.mmap__svg{display:block;inline-size:min(100%,1080px);block-size:auto;margin-inline:auto;overflow:visible;direction:ltr;filter:drop-shadow(0 28px 58px rgb(0 0 0 / .36))}.mmap__base{fill:#071120}.mmap__artwork{opacity:1;filter:saturate(1.06) contrast(1.04)}.mmap__veil{fill:#0206170f;pointer-events:none}.mmap__marker{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:transform .2s var(--ease),filter .2s var(--ease);animation:mmapMarkerRise .48s calc(var(--bead-index, 0) * 24ms) var(--ease) both}.mmap__marker-hit{fill:transparent}.mmap__marker-pulse{fill:color-mix(in srgb,var(--accent-2) 38%,transparent);opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:center}.mmap__marker-shell{fill:#ffffffeb;stroke:color-mix(in srgb,var(--accent-2) 44%,white 18%);stroke-width:2.8;filter:url(#mmap-shadow);transition:stroke .16s var(--ease),stroke-width .16s var(--ease),fill .16s var(--ease)}.mmap__marker-core{fill:#071120f0;transition:fill .16s var(--ease)}.mmap__marker-num{fill:#fff;font-family:var(--font-ui);font-size:20px;font-weight:950;pointer-events:none;user-select:none;-webkit-user-select:none}.mmap__marker-tick{fill:none;stroke:#f6c768;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.mmap__marker:hover,.mmap__marker:focus-visible{transform:scale(1.12);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 28%,transparent))}.mmap__marker:hover .mmap__marker-shell,.mmap__marker:focus-visible .mmap__marker-shell{stroke:var(--gold);stroke-width:4.8}.mmap__marker.is-highlighted .mmap__marker-shell{stroke:color-mix(in srgb,var(--gold) 66%,white 8%);stroke-width:4}.mmap__marker.is-highlighted .mmap__marker-core{fill:color-mix(in srgb,var(--accent-3) 38%,#071120)}.mmap__marker.is-selected{transform:scale(1.15);filter:url(#mmap-glow) drop-shadow(0 0 22px color-mix(in srgb,var(--gold) 40%,transparent));animation:none}.mmap__marker.is-selected .mmap__marker-shell{fill:#fff7d6;stroke:var(--gold);stroke-width:5.5}.mmap__marker.is-selected .mmap__marker-core{fill:url(#mmap-selected-gradient)}.mmap__marker.is-selected .mmap__marker-num{fill:#061120;font-weight:1000}.mmap__marker.is-selected .mmap__marker-pulse{opacity:.32;animation:mmapPulse 1.8s ease-in-out infinite}.mmap__marker.is-reviewed .mmap__marker-core{fill:color-mix(in srgb,var(--gold) 44%,#071120)}.mmap__rail-wrap{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%)}[dir=rtl] .mmap__rail-wrap{-webkit-mask-image:linear-gradient(270deg,transparent 0%,black 4%,black 96%,transparent 100%);mask-image:linear-gradient(270deg,transparent 0%,black 4%,black 96%,transparent 100%)}.mmap__rail{display:flex;flex-direction:row;gap:.5rem;padding:.6rem 3rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;align-items:center}.mmap__rail::-webkit-scrollbar{display:none}.mmap__chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .85rem .48rem .6rem;border:1px solid color-mix(in srgb,var(--accent-2) 24%,var(--border));border-radius:999px;background:linear-gradient(135deg,#ffffff12,#ffffff05);color:color-mix(in srgb,var(--text) 82%,transparent);font-family:var(--font-ar-ui);font-size:.86rem;font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}[dir=ltr] .mmap__chip{font-family:var(--font-ui);font-size:.82rem}.mmap__chip:hover{border-color:color-mix(in srgb,var(--gold) 42%,transparent);background:linear-gradient(135deg,#ffffff1f,#ffffff0a);color:var(--text);transform:translateY(-1px)}.mmap__chip-num{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7dd3fc,#34d399 55%,#f6c768);color:#061120;font-family:var(--font-ui);font-size:.7rem;font-weight:980;line-height:1;box-shadow:inset 0 1px #ffffffb3,0 4px 8px #0003}.mmap__chip-text{min-inline-size:0}.mmap__chip-check{flex:0 0 auto;color:var(--gold);font-size:.72rem;font-weight:900;opacity:.9}.mmap__chip.is-selected{border-color:color-mix(in srgb,var(--gold) 68%,white 10%);background:linear-gradient(135deg,#f6c7682e,#f6c7680f);color:#fff8d0;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px color-mix(in srgb,var(--gold) 28%,transparent),0 8px 20px #0003;transform:translateY(-2px)}.mmap__chip.is-selected .mmap__chip-num{background:linear-gradient(135deg,#fff6d1,#f6c768 50%,#e29a3d);box-shadow:inset 0 1px #fffc,0 0 12px #f6c76880}.mmap__chip.is-reviewed:not(.is-selected){border-color:color-mix(in srgb,var(--gold) 28%,transparent)}.mmap__chip.is-reviewed:not(.is-selected) .mmap__chip-num{background:linear-gradient(135deg,#f6c768,#34d399 62%,#7dd3fc)}.mmap__detail{display:grid;gap:1rem;padding:clamp(1rem,2vw,1.4rem);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:clamp(20px,2.6vw,28px);background:linear-gradient(160deg,#ffffff17,#ffffff08),color-mix(in srgb,var(--surface-strong) 90%,transparent);box-shadow:inset 0 1px #ffffff1a,0 20px 50px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:mmapDetailSlide .32s var(--ease) both}.mmap__detail-head{display:flex;align-items:center;gap:.9rem}.mmap__detail-icon{flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;border-radius:20px;color:#f6c768;background:radial-gradient(circle at 30% 22%,rgb(255 255 255 / .2),transparent 44%),linear-gradient(135deg,#071120eb,#115e59b8);box-shadow:inset 0 1px #ffffff29,0 14px 32px #00000038;animation:mmapIconPop .38s 80ms var(--ease) both}.mmap__glyph{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.mmap__detail-identity{flex:1 1 auto;min-inline-size:0;display:grid;gap:.22rem}.mmap__detail-station{color:var(--muted);font-size:.76rem;font-weight:900;line-height:1.3}.mmap__detail-title{margin:0;font-family:var(--font-ar-display);font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:800;line-height:1.18;text-wrap:balance}[dir=ltr] .mmap__detail-title{font-family:var(--font-ui);font-weight:950}.mmap__detail-reviewed-badge{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f6c768,#34d399);color:#061120;font-size:.9rem;font-weight:900;box-shadow:inset 0 1px #ffffffb3,0 6px 16px #f6c76852}.mmap__detail-short{margin:0;color:color-mix(in srgb,var(--text) 82%,transparent);font-family:var(--font-ar);font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.85}[dir=ltr] .mmap__detail-short{font-family:var(--font-ui);line-height:1.65}.mmap__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0}.mmap__meta-item{display:grid;gap:.28rem;padding:.7rem .8rem;border:1px solid color-mix(in srgb,var(--accent-2) 16%,var(--border));border-radius:16px;background:linear-gradient(145deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff0f;transition:border-color .18s var(--ease),background .18s var(--ease)}.mmap__meta-item:hover{border-color:color-mix(in srgb,var(--accent-2) 30%,transparent)}.mmap__meta-item dt{color:var(--muted);font-size:.72rem;font-weight:950;line-height:1.3}.mmap__meta-item dd{margin:0;color:var(--text);font-size:.9rem;font-weight:800;line-height:1.5}.mmap__points{display:grid;gap:.52rem;margin:0;padding:0;list-style:none}.mmap__points li{display:flex;align-items:flex-start;gap:.7rem;color:color-mix(in srgb,var(--text) 78%,transparent);font-size:.94rem;line-height:1.7}[dir=ltr] .mmap__points li{font-family:var(--font-ui);line-height:1.6}.mmap__point-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--gold));margin-block-start:.52rem;box-shadow:0 0 8px color-mix(in srgb,var(--accent-2) 50%,transparent)}.mmap__actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.55rem;align-items:center;margin-block-start:.2rem}.mmap__review-btn{justify-content:center;min-height:50px;border-radius:18px;font-size:.95rem}.mmap__nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding-inline:.9rem;border:1px solid color-mix(in srgb,var(--accent-2) 22%,var(--border));border-radius:16px;background:linear-gradient(135deg,#ffffff12,#ffffff05);color:color-mix(in srgb,var(--text) 88%,transparent);font-family:var(--font-ar-ui);font-size:.88rem;font-weight:800;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}[dir=ltr] .mmap__nav-btn{font-family:var(--font-ui)}.mmap__nav-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-2) 42%,transparent);background:linear-gradient(135deg,#ffffff1f,#ffffff0a);color:var(--text);transform:translateY(-1px)}.mmap__nav-btn:disabled{opacity:.35;cursor:not-allowed}.mmap__nav-btn .icon{width:1rem;height:1rem}:root[data-theme=light] .mmap{border-color:#0ea5e933;background:radial-gradient(ellipse at 10% 0%,rgb(103 232 249 / .2),transparent 38%),radial-gradient(ellipse at 92% 8%,rgb(246 199 104 / .18),transparent 36%),linear-gradient(145deg,#fffffff5,#edfaffdb)}:root[data-theme=light] .mmap__header{border-color:#0e749029;background:radial-gradient(circle at 10% 50%,rgb(14 165 233 / .1),transparent 40%),linear-gradient(135deg,#ffffffe0,#fff9)}:root[data-theme=light] .mmap__eyebrow{color:#0f766e}:root[data-theme=light] .mmap__headline{color:#10203a}:root[data-theme=light] .mmap__progress{border-color:#0e749033;background:linear-gradient(135deg,#ffffffe0,#fff9)}:root[data-theme=light] .mmap__viewport{border-color:#0e749038;background:radial-gradient(circle at 50% 14%,rgb(103 232 249 / .16),transparent 36%),linear-gradient(180deg,#fffffff5,#e7f6ffd6)}:root[data-theme=light] .mmap__base{fill:#f5fbff}:root[data-theme=light] .mmap__artwork{opacity:.88;filter:saturate(1.04) brightness(1.04) contrast(.96)}:root[data-theme=light] .mmap__marker-shell{fill:#fff;stroke:#14b8a68f}:root[data-theme=light] .mmap__marker-core{fill:#f0faff}:root[data-theme=light] .mmap__marker-num{fill:#10203a}:root[data-theme=light] .mmap__marker.is-selected .mmap__marker-shell{fill:#fffbeb;stroke:#b4841ccc}:root[data-theme=light] .mmap__chip{border-color:#0e74902e;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:#16354d;box-shadow:0 2px 8px #2c546614}:root[data-theme=light] .mmap__chip.is-selected{border-color:#b4841c99;background:linear-gradient(135deg,#fff6c8e0,#f6c7683d);color:#6b3f00}:root[data-theme=light] .mmap__detail{border-color:#0e749029;background:linear-gradient(160deg,#fffffff0,#edfcf6d1),var(--surface)}:root[data-theme=light] .mmap__detail-title{color:#10203a}:root[data-theme=light] .mmap__detail-station{color:#5e7a8a}:root[data-theme=light] .mmap__detail-short{color:#324968}:root[data-theme=light] .mmap__meta-item{border-color:#0e749024;background:#ffffffd1}:root[data-theme=light] .mmap__meta-item dt{color:#5e7a8a}:root[data-theme=light] .mmap__meta-item dd{color:#10203a}:root[data-theme=light] .mmap__nav-btn{border-color:#0e74902e;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:#16354d}@media(max-width:860px){.mmap__viewport{block-size:min(64dvh,680px);min-block-size:480px}.mmap__meta{grid-template-columns:1fr 1fr}.mmap__meta-item:last-child{grid-column:1 / -1}}@media(max-width:640px){.mmap{padding:.72rem;border-radius:26px}.mmap__header{padding:.65rem .78rem;border-radius:20px}.mmap__headline{font-size:clamp(1.12rem,5vw,1.45rem)}.mmap__progress{padding:.45rem .65rem}.mmap__progress-ring{width:38px;height:38px}.mmap__progress-text strong{font-size:.9rem}.mmap__viewport{block-size:min(58dvh,580px);min-block-size:420px;border-radius:18px}.mmap__svg{inline-size:min(720px,200vw);max-inline-size:none}.mmap__chip{font-size:.8rem;padding:.42rem .72rem .42rem .52rem}.mmap__detail{padding:.9rem;border-radius:20px}.mmap__detail-icon{width:52px;height:52px;border-radius:16px}.mmap__glyph{width:32px;height:32px}.mmap__detail-title{font-size:clamp(1.2rem,5.5vw,1.6rem)}.mmap__meta{grid-template-columns:1fr}.mmap__meta-item:last-child{grid-column:1}.mmap__actions{grid-template-columns:auto 1fr auto;gap:.45rem}.mmap__nav-btn span{display:none}.mmap__nav-btn{min-height:44px;padding-inline:.75rem}}@keyframes mmapMarkerRise{0%{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mmapPulse{0%,to{transform:scale(.85);opacity:.18}50%{transform:scale(1.22);opacity:.38}}@keyframes mmapDetailSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mmapIconPop{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mmap__marker,.mmap__chip,.mmap__detail,.mmap__detail-icon,.mmap__marker-pulse,.mmap__progress-fill,.mmap__meter-fill,.mmap__nav-btn{animation:none!important;transition:none!important}}:root[data-ui-motion=reduced] .mmap__marker,:root[data-ui-motion=reduced] .mmap__chip,:root[data-ui-motion=reduced] .mmap__detail,:root[data-ui-motion=reduced] .mmap__marker-pulse,:root[data-ui-motion=reduced] .mmap__progress-fill{animation:none!important;transition:none!important}