@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/cairo-arabic-400-normal-DN15VWMM.woff2) format("woff2"),url(/build/assets/cairo-arabic-400-normal-CAYwymWN.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:600;src:url(/build/assets/cairo-arabic-600-normal-rkrvveqO.woff2) format("woff2"),url(/build/assets/cairo-arabic-600-normal-B3EOalmC.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2"),url(/build/assets/cairo-arabic-700-normal-CyOqhaeK.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/build/assets/cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(/build/assets/cairo-arabic-800-normal-CVTPwINa.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/cairo-latin-700-normal-C3GYtKbV.woff2) format("woff2"),url(/build/assets/cairo-latin-700-normal-6fcUy4Rc.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/tajawal-latin-400-normal-BVNSOH3d.woff2) format("woff2"),url(/build/assets/tajawal-latin-400-normal-BdYcZznU.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/build/assets/tajawal-latin-500-normal-CoYeBiSI.woff2) format("woff2"),url(/build/assets/tajawal-latin-500-normal-DU9v6xgj.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/tajawal-latin-700-normal-BypgxfGb.woff2) format("woff2"),url(/build/assets/tajawal-latin-700-normal-CV3bxpHe.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/build/assets/tajawal-latin-800-normal-CmI34b-g.woff2) format("woff2"),url(/build/assets/tajawal-latin-800-normal-Dm5jVIIh.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/build/assets/cairo-latin-ext-400-normal-xCL67Y2R.woff2) format("woff2"),url(/build/assets/cairo-latin-ext-400-normal-C_BIE9Qe.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/build/assets/cairo-latin-ext-700-normal-Cscux539.woff2) format("woff2"),url(/build/assets/cairo-latin-ext-700-normal-htXca11Z.woff) format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/build/assets/cairo-latin-ext-800-normal-ChnkP8hn.woff2) format("woff2"),url(/build/assets/cairo-latin-ext-800-normal-RObK5hVW.woff) format("woff")}:root,[data-theme=light]{color-scheme:light;--surface: #ffffff;--surface-warm: #f8f9f6;--surface-raised: #ffffff;--surface-sunken: #eef2ee;--surface-brand: #075b45;--surface-brand-deep: #063b2f;--surface-brand-soft: #e3f0ea;--surface-gold-soft: #f2e3bd;--overlay: #172a24b3;--ink: #172a24;--ink-secondary: #5e6f67;--ink-muted: #687a72;--ink-on-brand: #ffffff;--ink-on-gold: #2b2208;--ink-on-energy: #2b1a0a;--brand: #075b45;--brand-hover: #064d3a;--brand-text: #075b45;--brand-deep: #063b2f;--gold: #d5af58;--gold-text: #7a5c14;--gold-soft: #f2e3bd;--energy: #e8732a;--energy-text: #b4521a;--kids-sky: #4fa3e3;--kids-sun: #f6c445;--kids-coral: #f08a6b;--kids-mint: #7ed3b2;--kids-ink: #233244;--kids-surface: #fff8ec;--kids-sky-text: #1f6fa8;--success: #146c43;--success-soft: #e2f3e9;--danger: #b3261e;--danger-soft: #fbe9e7;--warning: #8a5a00;--warning-soft: #fff4d6;--info: #1d5c9e;--info-soft: #e6f0fb;--live: #b3261e;--border: #dce4df;--border-strong: #6f837a;--focus: #075b45;--shadow-color: #0a2b2126;--shadow-sm: 0 1px 2px #0a2b2114, 0 1px 3px #0a2b210f;--shadow-md: 0 4px 12px #0a2b2118, 0 2px 4px #0a2b210f;--shadow-lg: 0 16px 40px #0a2b2126, 0 4px 12px #0a2b2114;--shadow-brand: 0 8px 24px #075b4540}[data-theme=dark]{color-scheme:dark;--surface: #091c18;--surface-warm: #0c211c;--surface-raised: #112a24;--surface-sunken: #061411;--surface-brand: #0c7a5b;--surface-brand-deep: #063b2f;--surface-brand-soft: #123f33;--surface-gold-soft: #3a3120;--overlay: #000000b3;--ink: #f1f5f2;--ink-secondary: #a9b8b0;--ink-muted: #8fa198;--ink-on-brand: #ffffff;--ink-on-gold: #2b2208;--ink-on-energy: #2b1a0a;--brand: #2fb78c;--brand-hover: #0e8f6b;--brand-text: #5fcf95;--brand-deep: #063b2f;--gold: #d5af58;--gold-text: #e9c86a;--gold-soft: #f2e3bd;--energy: #e8732a;--energy-text: #ff9b5c;--kids-sky: #4fa3e3;--kids-sun: #f6c445;--kids-coral: #f08a6b;--kids-mint: #7ed3b2;--kids-ink: #233244;--kids-surface: #1b2430;--kids-sky-text: #8cc8ff;--success: #5fcf95;--success-soft: #163f31;--danger: #ff8a80;--danger-soft: #4a1f1c;--warning: #f2c14e;--warning-soft: #3f3417;--info: #7fb6f0;--info-soft: #1b2f45;--live: #ff8a80;--border: #1f3a32;--border-strong: #8aa096;--focus: #d5af58;--shadow-color: #00000080;--shadow-sm: 0 1px 2px #00000066;--shadow-md: 0 4px 14px #00000080;--shadow-lg: 0 16px 40px #000000a6;--shadow-brand: 0 8px 24px #0c7a5b59}@media(prefers-color-scheme:dark){[data-theme=system]{color-scheme:dark;--surface: #091c18;--surface-warm: #0c211c;--surface-raised: #112a24;--surface-sunken: #061411;--surface-brand: #0c7a5b;--surface-brand-deep: #063b2f;--surface-brand-soft: #123f33;--surface-gold-soft: #3a3120;--overlay: #000000b3;--ink: #f1f5f2;--ink-secondary: #a9b8b0;--ink-muted: #8fa198;--ink-on-brand: #ffffff;--ink-on-gold: #2b2208;--ink-on-energy: #2b1a0a;--brand: #2fb78c;--brand-hover: #0e8f6b;--brand-text: #5fcf95;--brand-deep: #063b2f;--gold: #d5af58;--gold-text: #e9c86a;--gold-soft: #f2e3bd;--energy: #e8732a;--energy-text: #ff9b5c;--kids-sky: #4fa3e3;--kids-sun: #f6c445;--kids-coral: #f08a6b;--kids-mint: #7ed3b2;--kids-ink: #233244;--kids-surface: #1b2430;--kids-sky-text: #8cc8ff;--success: #5fcf95;--success-soft: #163f31;--danger: #ff8a80;--danger-soft: #4a1f1c;--warning: #f2c14e;--warning-soft: #3f3417;--info: #7fb6f0;--info-soft: #1b2f45;--live: #ff8a80;--border: #1f3a32;--border-strong: #8aa096;--focus: #d5af58;--shadow-color: #00000080;--shadow-sm: 0 1px 2px #00000066;--shadow-md: 0 4px 14px #00000080;--shadow-lg: 0 16px 40px #000000a6;--shadow-brand: 0 8px 24px #0c7a5b59}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--z-sticky: 10;--z-nav: 20;--z-sheet: 30;--z-modal: 40;--z-toast: 50;--font-arabic: "Cairo", "Tajawal", system-ui, sans-serif;--font-latin: "Tajawal", "Cairo", system-ui, sans-serif;--font-quran: "Amiri Quran", "Scheherazade New", "KFGQPC Uthmanic Script HAFS", "Cairo", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}.display-xl{font-family:var(--font-arabic);font-size:40px;line-height:48px;font-weight:800}.display-lg{font-family:var(--font-arabic);font-size:32px;line-height:40px;font-weight:700}.display-md{font-family:var(--font-arabic);font-size:26px;line-height:34px;font-weight:700}.heading-lg{font-family:var(--font-arabic);font-size:22px;line-height:30px;font-weight:700}.heading-md{font-family:var(--font-arabic);font-size:18px;line-height:26px;font-weight:700}.heading-sm{font-family:var(--font-arabic);font-size:16px;line-height:24px;font-weight:600}.body-lg{font-family:var(--font-arabic);font-size:17px;line-height:28px;font-weight:400}.body{font-family:var(--font-arabic);font-size:15px;line-height:24px;font-weight:400}.body-sm{font-family:var(--font-arabic);font-size:13px;line-height:20px;font-weight:400}.label{font-family:var(--font-arabic);font-size:14px;line-height:20px;font-weight:600}.caption{font-family:var(--font-arabic);font-size:12px;line-height:16px;font-weight:500}.quran-xl{font-family:var(--font-quran);font-size:30px;line-height:2.1;font-weight:400}.quran-md{font-family:var(--font-quran);font-size:22px;line-height:1.9;font-weight:400}.latin-display{font-family:var(--font-latin);font-size:36px;line-height:44px;font-weight:800}.latin-heading{font-family:var(--font-latin);font-size:20px;line-height:28px;font-weight:700}.latin-body{font-family:var(--font-latin);font-size:15px;line-height:24px;font-weight:400}.latin-caption{font-family:var(--font-latin);font-size:12px;line-height:16px;font-weight:500}.kids-title{font-family:var(--font-arabic);font-size:28px;line-height:36px;font-weight:800}.kids-body{font-family:var(--font-arabic);font-size:18px;line-height:28px;font-weight:600}:root{--lattice:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%23d5af58' stroke-width='1'><path d='M24 4l5 11 11 5-11 5-5 11-5-11-11-5 11-5z'/><path d='M0 24h8M40 24h8M24 40v8M24 0v8'/></svg>");--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--motion-celebrate:.6s;--ease:cubic-bezier(.2,.8,.2,1);--font-ui:var(--font-arabic)}html[lang=en],html[lang=de],html[lang=tr]{--font-ui:var(--font-latin)}@media(prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-base:0ms;--motion-slow:0ms;--motion-celebrate:0ms}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface-warm);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased}.wl-stage{padding:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}.wl-stage.col{flex-direction:column;align-items:stretch}.wl-phone{width:390px;background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;position:relative}.wl-muted{color:var(--ink-secondary)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font:600 14px/20px var(--font-ui);cursor:pointer;transition:background var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease);text-decoration:none;white-space:nowrap}.wl-btn:active{transform:translateY(1px)}.wl-btn:disabled,.wl-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.wl-btn-primary{background:var(--surface-brand);color:var(--ink-on-brand)}.wl-btn-primary:hover{background:var(--brand-hover);box-shadow:var(--shadow-brand)}.wl-btn-quiet{background:var(--surface-brand-soft);color:var(--brand-text)}.wl-btn-quiet:hover{filter:brightness(.97)}.wl-btn-outline{background:transparent;color:var(--brand);border-color:var(--border-strong)}.wl-btn-outline:hover{background:var(--surface-brand-soft)}.wl-btn-tertiary{background:transparent;color:var(--brand-text);padding-inline:var(--space-3)}.wl-btn-tertiary:hover{background:var(--surface-sunken)}.wl-btn-danger{background:var(--danger-soft);color:var(--danger)}.wl-btn-energy{background:var(--energy);color:var(--ink-on-energy)}.wl-btn-energy:hover{filter:brightness(.95)}.wl-btn-kids{background:var(--kids-sky);color:var(--kids-ink);min-height:56px;font-size:18px;border-radius:var(--radius-xl);padding-inline:var(--space-6)}.wl-btn-sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:13px}.wl-btn-icon{width:48px;padding:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink)}.wl-btn-icon:hover{background:var(--surface-sunken)}.wl-btn-block{width:100%}.wl-btn .wl-spin{width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:wl-spin .8s linear infinite}@keyframes wl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.wl-btn .wl-spin{animation:none;border-inline-end-color:currentColor;opacity:.5}}.wl-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:600 14px/20px var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--ease)}.wl-chip:hover{background:var(--surface-sunken)}.wl-chip[aria-pressed=true],.wl-chip.on{background:var(--surface-brand-soft);border-color:var(--brand);color:var(--brand-text)}.wl-chip.energy[aria-pressed=true]{background:var(--energy);border-color:var(--energy);color:var(--ink-on-energy)}.wl-seg{display:inline-flex;padding:4px;background:var(--surface-sunken);border-radius:var(--radius-md);gap:2px}.wl-seg button{min-height:40px;padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-secondary);font:600 14px/20px var(--font-ui);cursor:pointer;transition:all var(--motion-fast) var(--ease)}.wl-seg button[aria-checked=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.wl-toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;font:500 15px/24px var(--font-ui)}.wl-toggle .track{width:48px;height:28px;border-radius:var(--radius-pill);background:var(--border-strong);position:relative;transition:background var(--motion-fast) var(--ease);flex:none}.wl-toggle .track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform var(--motion-fast) var(--ease)}.wl-toggle input{position:absolute;opacity:0;width:0;height:0}.wl-toggle input:checked+.track{background:var(--surface-brand)}.wl-toggle input:checked+.track:after{transform:translate(20px)}[dir=rtl] .wl-toggle input:checked+.track:after{transform:translate(-20px)}.wl-toggle input:focus-visible+.track{outline:2px solid var(--focus);outline-offset:2px}.wl-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.wl-field label{font:600 14px/20px var(--font-ui)}.wl-field .ctl{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);transition:border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.wl-field .ctl:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--surface-brand-soft)}.wl-field input,.wl-field textarea{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:400 15px/24px var(--font-ui);outline:0}.wl-field input::placeholder{color:var(--ink-muted)}.wl-field .help{font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-field.error .ctl{border-color:var(--danger);background:var(--danger-soft)}.wl-field.error .help{color:var(--danger);display:flex;gap:var(--space-1);align-items:center}.wl-field.success .ctl{border-color:var(--success)}.wl-field.disabled{opacity:.45;pointer-events:none}.wl-search{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink);border:1px solid transparent}.wl-search:focus-within{border-color:var(--brand);background:var(--surface-raised)}.wl-search input{flex:1;border:0;background:transparent;font:400 15px/24px var(--font-ui);color:var(--ink);outline:0;min-width:0}.wl-search kbd{font:500 12px/16px var(--font-mono);padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--border);color:var(--ink-secondary)}.wl-ic{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.wl-ic.sm{width:18px;height:18px}.wl-ic.fill{fill:currentColor;stroke:none}.wl-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease)}.wl-card.hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.wl-card.compact{padding:var(--space-3);border-radius:var(--radius-md)}.wl-card h3,.wl-card h4{margin:0}.wl-card .eyebrow{font:600 12px/16px var(--font-ui);color:var(--ink-secondary);letter-spacing:.02em}.wl-row{display:flex;align-items:center;gap:var(--space-3)}.wl-row.between{justify-content:space-between}.wl-stack{display:flex;flex-direction:column;gap:var(--space-2)}.wl-section-h{display:flex;align-items:baseline;justify-content:space-between;margin:var(--space-6) 0 var(--space-3)}.wl-section-h h2{margin:0;font:700 18px/26px var(--font-ui)}.wl-section-h a{font:600 14px/20px var(--font-ui);color:var(--brand-text);text-decoration:none}.wl-avatar{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--surface-brand-soft);color:var(--brand-text);font:700 14px/1 var(--font-ui);flex:none;overflow:visible}.wl-avatar.sm{width:32px;height:32px;font-size:12px}.wl-avatar.lg{width:56px;height:56px;font-size:18px}.wl-avatar.xl{width:72px;height:72px;font-size:22px}.wl-avatar.ring{box-shadow:0 0 0 2px var(--surface-raised),0 0 0 4px var(--brand)}.wl-avatar.ring.seen{box-shadow:0 0 0 2px var(--surface-raised),0 0 0 4px var(--border-strong)}.wl-avatar .dot{position:absolute;bottom:0;inset-inline-end:0;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--surface-raised)}.wl-avatar.kids{background:var(--kids-sun);color:var(--kids-ink)}.wl-avatars{display:inline-flex}.wl-avatars .wl-avatar{margin-inline-start:-10px;box-shadow:0 0 0 2px var(--surface-raised)}.wl-avatars .wl-avatar:first-child{margin-inline-start:0}.wl-badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);font:600 12px/16px var(--font-ui);background:var(--surface-sunken);color:var(--ink)}.wl-badge.brand{background:var(--surface-brand-soft);color:var(--brand-text)}.wl-badge.gold{background:var(--gold);color:var(--ink-on-gold)}.wl-badge.success{background:var(--success-soft);color:var(--success)}.wl-badge.warning{background:var(--warning-soft);color:var(--warning)}.wl-badge.danger{background:var(--danger-soft);color:var(--danger)}.wl-badge.info{background:var(--info-soft);color:var(--info)}.wl-badge.energy{background:var(--energy);color:var(--ink-on-energy)}.wl-badge.live{background:var(--danger-soft);color:var(--live)}.wl-badge.live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--live);animation:wl-pulse 1.4s infinite}[data-theme=dark] .wl-badge.success,[data-theme=dark] .wl-badge.warning,[data-theme=dark] .wl-badge.danger,[data-theme=dark] .wl-badge.info{color:var(--ink)}@keyframes wl-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.wl-badge.live:before{animation:none}}.wl-count{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font:700 11px/18px var(--font-latin);text-align:center}.wl-progress{height:8px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.wl-progress.thin{height:4px}.wl-progress.thick{height:12px}.wl-progress>span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width var(--motion-slow) var(--ease)}.wl-progress.gold>span{background:var(--gold)}.wl-progress.energy>span{background:var(--energy)}.wl-progress.kids>span{background:var(--kids-mint)}.wl-progress-label{display:flex;justify-content:space-between;font:500 13px/20px var(--font-ui);color:var(--ink-secondary);margin-bottom:var(--space-1)}.wl-ring{--v:0;--c:var(--brand);width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--v)*1%),var(--surface-sunken) 0);display:grid;place-items:center;flex:none}.wl-ring:after{content:attr(data-label);width:44px;height:44px;border-radius:50%;background:var(--surface-raised);display:grid;place-items:center;font:700 12px/1 var(--font-ui);color:var(--ink)}.wl-ring.lg{width:80px;height:80px}.wl-ring.lg:after{width:64px;height:64px;font-size:16px}.wl-toast{display:flex;align-items:flex-start;gap:var(--space-3);width:360px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--ink)}.wl-toast .t{font:700 14px/20px var(--font-ui)}.wl-toast .d{font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-toast.success{background:var(--success-soft)}.wl-toast.success .wl-ic{color:var(--success)}.wl-toast.danger{background:var(--danger-soft)}.wl-toast.danger .wl-ic{color:var(--danger)}.wl-toast.warning{background:var(--warning-soft)}.wl-toast.warning .wl-ic{color:var(--warning)}.wl-toast.info{background:var(--info-soft)}.wl-toast.info .wl-ic{color:var(--info)}.wl-toast.prayer{background:var(--surface-brand);color:var(--ink-on-brand);border-color:transparent}.wl-toast.prayer .d{color:var(--gold-soft)}.wl-empty{display:grid;justify-items:center;text-align:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);max-width:360px}.wl-empty .art{width:96px;height:96px;border-radius:var(--radius-xl);background:var(--surface-brand-soft);display:grid;place-items:center;color:var(--brand)}.wl-empty h3{margin:0;font:700 18px/26px var(--font-ui)}.wl-empty p{margin:0;color:var(--ink-secondary)}.wl-skel{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-raised) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:wl-shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes wl-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.wl-skel{animation:none;background:var(--surface-sunken)}}.wl-nav{display:grid;grid-template-columns:repeat(5,1fr);height:64px;padding:0 var(--space-2) 8px;background:var(--surface-raised);border-top:1px solid var(--border);box-shadow:var(--shadow-md)}.wl-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--ink-secondary);font:500 12px/16px var(--font-ui);cursor:pointer;position:relative;border-radius:var(--radius-md)}.wl-nav button[aria-current=page]{color:var(--brand)}.wl-nav button[aria-current=page] .pill{position:absolute;top:4px;width:40px;height:28px;border-radius:var(--radius-pill);background:var(--surface-brand-soft);z-index:0}.wl-nav button .wl-ic{position:relative;z-index:1;margin-top:6px}.wl-nav button span{position:relative;z-index:1}.wl-nav button .wl-count{inset-inline-end:calc(50% - 20px);top:4px}.wl-topbar{display:flex;align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-2) 0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.wl-topbar .brandmark{width:32px;height:32px;object-fit:contain}.wl-topbar .title{flex:1;font:700 16px/24px var(--font-ui);display:flex;flex-direction:column;line-height:18px}.wl-topbar .title small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-topbar.deep{background:var(--surface-brand-deep);color:var(--ink-on-brand);border-color:transparent}.wl-topbar.deep .title small{color:var(--gold-soft)}.wl-topbar.deep .wl-btn-icon{color:var(--ink-on-brand)}.wl-sidebar{width:264px;min-height:520px;background:var(--surface-brand-deep);color:var(--ink-on-brand);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);border-radius:var(--radius-lg)}.wl-sidebar.rail{width:72px;align-items:center}.wl-sidebar .brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-4)}.wl-sidebar .brand img{width:36px;height:36px;object-fit:contain}.wl-sidebar .brand b{font:800 20px/24px var(--font-ui)}.wl-sidebar .grp{font:600 11px/16px var(--font-ui);color:var(--gold-soft);opacity:.85;padding:var(--space-3) var(--space-3) var(--space-1);letter-spacing:.04em}.wl-sidebar a{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:inherit;text-decoration:none;font:500 15px/20px var(--font-ui);opacity:.86;transition:background var(--motion-fast) var(--ease)}.wl-sidebar a:hover{background:#ffffff14;opacity:1}.wl-sidebar a[aria-current=page]{background:var(--surface-brand);opacity:1;font-weight:700}.wl-sidebar.rail a{width:48px;justify-content:center;padding:0}.wl-sidebar.rail a span,.wl-sidebar.rail .grp,.wl-sidebar.rail .brand b{display:none}.wl-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto}.wl-tabs button{min-height:44px;padding:0 var(--space-4);border:0;background:transparent;color:var(--ink-secondary);font:600 14px/20px var(--font-ui);cursor:pointer;position:relative;white-space:nowrap}.wl-tabs button[aria-selected=true]{color:var(--brand-text)}.wl-tabs button[aria-selected=true]:after{content:"";position:absolute;inset-inline:var(--space-3);bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}.wl-crumbs{display:flex;align-items:center;gap:var(--space-2);font:500 13px/20px var(--font-ui);color:var(--ink-secondary);flex-wrap:wrap}.wl-crumbs .sep{opacity:.6}.wl-prayer{position:relative;overflow:hidden;background:var(--surface-brand);color:var(--ink-on-brand);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-brand)}.wl-prayer .pattern{position:absolute;inset:0;opacity:.08;pointer-events:none}.wl-prayer .eyebrow{font:600 13px/20px var(--font-ui);color:var(--gold-soft)}.wl-prayer .name{font:700 22px/30px var(--font-ui);margin:2px 0}.wl-prayer .count{font:800 40px/48px var(--font-latin);letter-spacing:.02em;font-variant-numeric:tabular-nums}.wl-prayer .meta{font:400 13px/20px var(--font-ui);color:var(--gold-soft)}.wl-prayer .sched{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #ffffff2e}.wl-prayer .sched div{display:grid;justify-items:center;gap:2px;font:500 12px/16px var(--font-ui);opacity:.78;padding:6px 0;border-radius:var(--radius-sm)}.wl-prayer .sched div b{font:700 13px/18px var(--font-latin);font-variant-numeric:tabular-nums}.wl-prayer .sched div.now{opacity:1;background:#ffffff1f;outline:1px solid var(--gold)}.wl-prayer.quiet{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.wl-prayer.quiet .eyebrow,.wl-prayer.quiet .meta{color:var(--ink-secondary)}.wl-prayer.quiet .sched{border-color:var(--border)}.wl-prayer.quiet .sched div.now{background:var(--surface-brand-soft);outline-color:var(--brand);color:var(--brand-text)}.wl-prayer.ramadan{box-shadow:var(--shadow-brand),inset 0 0 0 1px var(--gold)}.wl-qibla{width:240px;display:grid;justify-items:center;gap:var(--space-3)}.wl-qibla .dial{width:220px;height:220px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;display:grid;place-items:center}.wl-qibla .tick{position:absolute;inset:14px;border-radius:50%;border:1px dashed var(--border-strong)}.wl-qibla .needle{position:absolute;width:4px;height:88px;border-radius:2px;background:var(--brand);transform-origin:50% 100%;bottom:50%;left:calc(50% - 2px)}.wl-qibla .kaaba{position:absolute;width:14px;height:14px;background:var(--gold);border-radius:3px;transform-origin:50% 103px;left:calc(50% - 7px);top:calc(50% - 103px)}.wl-qibla .deg{font:800 26px/34px var(--font-latin);color:var(--ink)}.wl-qibla .city{font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-dhikr{display:grid;justify-items:center;gap:var(--space-3);text-align:center;padding:var(--space-5)}.wl-dhikr .text{font:600 18px/32px var(--font-arabic);max-width:320px}.wl-dhikr .tap{width:120px;height:120px;border-radius:50%;border:0;background:var(--surface-brand);color:var(--ink-on-brand);font:800 32px/1 var(--font-latin);cursor:pointer;box-shadow:var(--shadow-brand);display:grid;place-items:center;transition:transform var(--motion-fast) var(--ease)}.wl-dhikr .tap:active{transform:scale(.96)}.wl-dhikr .tap small{font:500 12px/16px var(--font-ui);display:block;margin-top:2px}.wl-ayah{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.wl-ayah .ar{font:400 22px/1.9 var(--font-quran);direction:rtl;text-align:start;margin:0;color:var(--ink)}.wl-ayah .ar.reader{font-size:30px;line-height:2.1}.wl-ayah .num{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;margin-inline-start:6px;border-radius:var(--radius-xs);background:var(--surface-sunken);font:600 12px/1 var(--font-ui);color:var(--ink-secondary);vertical-align:middle}.wl-ayah .ref{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);font:600 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-ayah .tr{margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);font:400 15px/24px var(--font-latin);color:var(--ink-secondary)}.wl-ayah.active{background:var(--surface-brand-soft);border-color:transparent}.wl-reader{background:var(--surface);min-height:420px;display:flex;flex-direction:column}.wl-reader .bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font:600 14px/20px var(--font-ui);position:sticky;top:0;background:var(--surface);z-index:var(--z-sticky)}.wl-reader .bar small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-reader .page{padding:var(--space-5) var(--space-4);font:400 28px/2.1 var(--font-quran);direction:rtl;text-align:justify;color:var(--ink)}.wl-reader .page .basmala{text-align:center;display:block;margin-bottom:var(--space-3)}.wl-reader .page .v{display:inline-grid;place-items:center;min-width:26px;height:26px;margin:0 4px;border-radius:50%;border:1px solid var(--gold);font:600 11px/1 var(--font-ui);color:var(--ink-secondary);vertical-align:middle}.wl-reader .page mark{background:var(--surface-brand-soft);color:inherit;border-radius:4px;padding:0 2px}.wl-player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.wl-player .play{width:44px;height:44px;border-radius:50%;border:0;background:var(--surface-brand);color:var(--ink-on-brand);display:grid;place-items:center;cursor:pointer;flex:none}.wl-player .info{flex:1;min-width:0}.wl-player .info b{display:block;font:700 14px/20px var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-player .info small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-player .time{font:500 12px/16px var(--font-latin);color:var(--ink-secondary);font-variant-numeric:tabular-nums}.wl-player .wl-progress{margin-top:6px}.wl-player.energy .play{background:var(--energy);color:var(--ink-on-energy)}.wl-post{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.wl-post .head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2)}.wl-post .head .who{flex:1;min-width:0}.wl-post .head b{font:700 15px/20px var(--font-ui);display:flex;align-items:center;gap:4px}.wl-post .head small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-post .body{padding:0 var(--space-4) var(--space-3);font:400 15px/24px var(--font-ui)}.wl-post .media{aspect-ratio:16/9;background:var(--surface-brand-deep);display:grid;place-items:center;color:var(--gold-soft);font:600 14px/20px var(--font-ui)}.wl-post .quote{margin:0 var(--space-4) var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-brand-soft)}.wl-post .quote .ar{font:400 20px/1.9 var(--font-quran);direction:rtl;margin:0}.wl-post .quote small{font:600 12px/16px var(--font-ui);color:var(--brand-text)}.wl-post .acts{display:flex;border-top:1px solid var(--border)}.wl-post .acts button{flex:1;min-height:44px;border:0;background:transparent;color:var(--ink-secondary);font:600 13px/20px var(--font-ui);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.wl-post .acts button:hover{background:var(--surface-sunken)}.wl-post .acts button.on{color:var(--brand-text)}.wl-stories{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) 0}.wl-stories .s{display:grid;justify-items:center;gap:6px;width:72px;font:500 12px/16px var(--font-ui);color:var(--ink-secondary);text-align:center}.wl-stories .s .wl-avatar{width:60px;height:60px;font-size:16px}.wl-stories .s .add{position:absolute;bottom:-2px;inset-inline-end:-2px;width:22px;height:22px;border-radius:50%;background:var(--surface-brand);color:#fff;display:grid;place-items:center;border:2px solid var(--surface-raised);font:700 14px/1 var(--font-latin)}.wl-friend{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.wl-friend .who{flex:1;min-width:0}.wl-friend b{display:block;font:700 15px/20px var(--font-ui)}.wl-friend small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-thread{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-warm);width:390px}.wl-bubble{max-width:78%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);font:400 15px/22px var(--font-ui);align-self:flex-start;border-end-start-radius:var(--radius-xs)}.wl-bubble.me{align-self:flex-end;background:var(--surface-brand);color:var(--ink-on-brand);border-color:transparent;border-end-start-radius:var(--radius-md);border-end-end-radius:var(--radius-xs)}.wl-bubble time{display:block;font:400 11px/14px var(--font-latin);opacity:.7;margin-top:2px;text-align:end}.wl-bubble .wave{display:flex;align-items:center;gap:2px;height:28px}.wl-bubble .wave i{width:3px;border-radius:2px;background:currentColor;opacity:.8}.wl-thread .day{align-self:center;font:500 12px/16px var(--font-ui);color:var(--ink-secondary);background:var(--surface-sunken);padding:2px 10px;border-radius:var(--radius-pill)}.wl-composer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-raised);border-top:1px solid var(--border)}.wl-composer .wl-search{flex:1}.wl-game{position:relative;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);width:200px}.wl-game .art{aspect-ratio:4/3;background:var(--surface-brand-deep);display:grid;place-items:center;color:var(--gold)}.wl-game .art.energy{background:var(--energy);color:var(--ink-on-energy)}.wl-game .art.kids{background:var(--kids-sky);color:var(--kids-ink)}.wl-game .in{padding:var(--space-3)}.wl-game b{display:block;font:700 15px/20px var(--font-ui)}.wl-game small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary);margin-bottom:var(--space-2)}.wl-game.wide{width:390px;display:grid;grid-template-columns:140px 1fr}.wl-game.wide .art{aspect-ratio:auto}.wl-lobby{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.wl-lobby .top{background:var(--surface-brand-deep);color:var(--ink-on-brand);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center}.wl-lobby .top b{font:700 16px/24px var(--font-ui)}.wl-lobby .top small{color:var(--gold-soft);font:400 12px/16px var(--font-ui)}.wl-lobby .players{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4)}.wl-lobby .p{display:grid;justify-items:center;gap:6px;padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--border-strong);font:600 14px/20px var(--font-ui)}.wl-lobby .p.ready{border-style:solid;border-color:var(--success);background:var(--success-soft)}.wl-lobby .p .st{font:500 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-lobby .p.ready .st{color:var(--success)}[data-theme=dark] .wl-lobby .p.ready .st{color:var(--ink)}.wl-lobby .cd{display:grid;place-items:center;padding:var(--space-4);font:800 48px/1 var(--font-latin);color:var(--energy-text)}.wl-lobby .foot{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.wl-score{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.wl-score .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-brand-deep);color:var(--ink-on-brand)}.wl-score .vs .t{display:grid;justify-items:center;gap:4px;font:600 13px/18px var(--font-ui)}.wl-score .vs .n{font:800 36px/1 var(--font-latin);font-variant-numeric:tabular-nums}.wl-score .vs .timer{display:grid;justify-items:center;font:700 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-score .vs .timer b{font:800 22px/26px var(--font-latin);color:var(--ink-on-brand)}.wl-score .q{padding:var(--space-4);font:700 16px/26px var(--font-ui)}.wl-score .opts{display:grid;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.wl-score .opts button{min-height:48px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:600 15px/20px var(--font-ui);text-align:start;padding:0 var(--space-4);cursor:pointer}.wl-score .opts button.ok{border-color:var(--success);background:var(--success-soft)}.wl-score .opts button.no{border-color:var(--danger);background:var(--danger-soft)}.wl-invite{display:flex;align-items:center;gap:var(--space-3);width:360px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--energy);color:var(--ink-on-energy);box-shadow:var(--shadow-lg)}.wl-invite .who{flex:1;min-width:0}.wl-invite b{display:block;font:700 14px/20px var(--font-ui)}.wl-invite small{font:500 12px/16px var(--font-ui);opacity:.85}.wl-invite .wl-btn{min-height:36px;padding:0 var(--space-3);font-size:13px}.wl-invite .wl-btn-primary{background:var(--ink-on-energy);color:#fff}.wl-invite .wl-btn-tertiary{color:var(--ink-on-energy)}.wl-ach{width:300px;text-align:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.wl-ach .ribbon{position:absolute;top:0;inset-inline:0;height:6px;background:var(--gold)}.wl-ach .medal{width:88px;height:88px;margin:0 auto var(--space-3);border-radius:50%;background:var(--surface-gold-soft);display:grid;place-items:center;color:var(--gold-text);animation:wl-pop var(--motion-celebrate) var(--ease)}.wl-ach h3{margin:0;font:800 20px/28px var(--font-ui)}.wl-ach p{margin:4px 0 var(--space-4);color:var(--ink-secondary);font:400 14px/20px var(--font-ui)}.wl-ach .pts{font:800 28px/32px var(--font-latin);color:var(--gold-text)}@keyframes wl-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.wl-ach .medal{animation:none}}.wl-course{width:300px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.wl-course .cover{aspect-ratio:16/9;background:var(--surface-brand-deep);position:relative;display:grid;place-items:center;color:var(--gold-soft);font:600 14px/20px var(--font-ui)}.wl-course .cover .wl-badge{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3)}.wl-course .in{padding:var(--space-4)}.wl-course h4{font:700 16px/24px var(--font-ui);margin:0 0 4px}.wl-course .by{display:flex;align-items:center;gap:var(--space-2);font:400 13px/20px var(--font-ui);color:var(--ink-secondary);margin-bottom:var(--space-3)}.wl-course.compact{width:100%;display:grid;grid-template-columns:96px 1fr}.wl-course.compact .cover{aspect-ratio:auto}.wl-course.compact .in{padding:var(--space-3)}.wl-child{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:390px}.wl-child .info{flex:1;min-width:0}.wl-child b{display:block;font:700 16px/24px var(--font-ui)}.wl-child small{display:block;font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-child .stats{display:flex;gap:var(--space-4);margin-top:var(--space-2);font:500 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-child .stats b{display:block;font:700 15px/20px var(--font-ui);color:var(--ink)}.wl-kids{background:var(--kids-surface);color:var(--kids-ink);padding:var(--space-4);border-radius:var(--radius-xl)}.wl-kids-tile{display:grid;align-content:end;gap:4px;width:160px;height:150px;padding:var(--space-4);border:0;border-radius:var(--radius-xl);color:var(--kids-ink);font:800 18px/24px var(--font-arabic);cursor:pointer;text-align:start;position:relative;overflow:hidden;transition:transform var(--motion-fast) var(--ease)}.wl-kids-tile:hover{transform:translateY(-2px) scale(1.01)}.wl-kids-tile small{font:600 13px/18px var(--font-arabic);opacity:.8}.wl-kids-tile .glyph{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);width:44px;height:44px;border-radius:50%;background:#ffffff8c;display:grid;place-items:center}.wl-kids-tile.sky{background:var(--kids-sky)}.wl-kids-tile.sun{background:var(--kids-sun)}.wl-kids-tile.coral{background:var(--kids-coral)}.wl-kids-tile.mint{background:var(--kids-mint)}.wl-kids .wl-progress{background:#fff9}.wl-stat{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);min-width:200px;box-shadow:var(--shadow-sm)}.wl-stat .l{font:600 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-stat .v{font:800 28px/36px var(--font-latin);font-variant-numeric:tabular-nums;margin:2px 0}.wl-stat .d{font:600 12px/16px var(--font-ui);display:inline-flex;gap:4px;align-items:center}.wl-stat .d.up{color:var(--success)}.wl-stat .d.down{color:var(--danger)}.wl-stat .spark{display:flex;align-items:flex-end;gap:3px;height:28px;margin-top:var(--space-2)}.wl-stat .spark i{flex:1;background:var(--surface-brand-soft);border-radius:2px}.wl-stat .spark i:last-child{background:var(--brand)}.wl-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font:400 14px/20px var(--font-ui)}.wl-table th{text-align:start;font:600 12px/16px var(--font-ui);color:var(--ink-secondary);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border)}.wl-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.wl-table tr:last-child td{border-bottom:0}.wl-table tr:hover td{background:var(--surface-warm)}.wl-table .wl-btn-icon{width:36px;min-height:36px}.wl-table .num{font-family:var(--font-latin);font-variant-numeric:tabular-nums}.wl-pager{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font:500 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-lattice{background-image:var(--lattice);background-size:48px 48px}.wl-lattice.soft{position:relative;background-image:none}.wl-lattice.soft:before{content:"";position:absolute;inset:0;background-image:var(--lattice);background-size:48px 48px;opacity:.14;pointer-events:none;border-radius:inherit}.wl-child,.wl-lobby,.wl-score,.wl-post,.wl-friend,.wl-invite,.wl-course,.wl-game,.wl-thread,.wl-toast,.wl-ach,.wl-reader{max-width:100%}.wl-phone>*{min-width:0}.wl-surah{display:flex;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;transition:background var(--motion-fast) var(--ease)}.wl-surah:hover{background:var(--surface-warm)}.wl-surah .n{width:40px;height:40px;flex:none;display:grid;place-items:center;font:700 13px/1 var(--font-ui);color:var(--brand-text);background:var(--surface-brand-soft);clip-path:polygon(50% 0,65% 15%,85% 15%,85% 35%,100% 50%,85% 65%,85% 85%,65% 85%,50% 100%,35% 85%,15% 85%,15% 65%,0 50%,15% 35%,15% 15%,35% 15%)}.wl-surah .t{flex:1;min-width:0}.wl-surah .t b{display:block;font:700 16px/22px var(--font-arabic)}.wl-surah .t small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-surah .cal{font:400 20px/1 var(--font-quran);color:var(--ink)}.wl-surah.cont{border-color:var(--brand);background:var(--surface-brand-soft)}.wl-quran-home{width:390px;background:var(--surface-warm)}.wl-quran-home .hero{margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-brand-deep);color:var(--ink-on-brand);display:flex;align-items:center;gap:var(--space-4)}.wl-quran-home .hero .ar{font:400 18px/1.8 var(--font-quran);margin:0}.wl-quran-home .hero small{display:block;font:500 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-quran-home .list{display:grid;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.wl-memo{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.wl-memo .sum{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.wl-memo .sum b{display:block;font:700 18px/26px var(--font-ui)}.wl-memo .sum small{font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-memo .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.wl-memo .cell{aspect-ratio:1;border-radius:var(--radius-sm);display:grid;place-items:center;font:600 11px/14px var(--font-arabic);text-align:center;padding:2px;background:var(--surface-sunken);color:var(--ink-secondary);position:relative;overflow:hidden}.wl-memo .cell:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--p,0%);background:var(--gold);opacity:.35}.wl-memo .cell.done{background:var(--gold);color:var(--ink-on-gold)}.wl-memo .cell.done:after{display:none}.wl-memo .cell.today{outline:2px solid var(--brand);outline-offset:-2px;color:var(--brand-text)}.wl-memo .plan{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:grid;gap:var(--space-2)}.wl-memo .plan .row{display:flex;align-items:center;gap:var(--space-3);font:500 14px/20px var(--font-ui)}.wl-memo .plan .row .d{width:44px;font:600 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-memo .plan .row .wl-badge{margin-inline-start:auto}.wl-khatmah{width:360px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.wl-khatmah .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.wl-khatmah .top b{font:700 16px/24px var(--font-ui)}.wl-khatmah .juz{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;margin:var(--space-3) 0}.wl-khatmah .juz i{height:10px;border-radius:3px;background:var(--surface-sunken)}.wl-khatmah .juz i.r{background:var(--gold)}.wl-khatmah .juz i.me{background:var(--brand)}.wl-khatmah .foot{display:flex;align-items:center;justify-content:space-between;font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-rec{width:390px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3)}.wl-rec .ar{font:400 24px/2 var(--font-quran);direction:rtl;margin:0;text-align:center}.wl-rec .ar .ok{color:var(--success)}.wl-rec .ar .warn{text-decoration:underline dotted var(--warning) 2px;text-underline-offset:6px}.wl-rec .wave{display:flex;align-items:center;justify-content:center;gap:3px;height:56px}.wl-rec .wave i{width:4px;border-radius:2px;background:var(--brand)}.wl-rec .ctl{display:flex;justify-content:center;gap:var(--space-4);align-items:center}.wl-rec .mic{width:64px;height:64px;border-radius:50%;border:0;background:var(--danger);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 8px var(--danger-soft)}.wl-rec .fb{padding:var(--space-3);border-radius:var(--radius-md);background:var(--info-soft);font:400 14px/22px var(--font-ui)}.wl-rec .fb b{display:flex;gap:6px;align-items:center;color:var(--info);font:700 13px/20px var(--font-ui)}[data-theme=dark] .wl-rec .fb b{color:var(--ink)}.wl-rec .fb small{display:block;margin-top:4px;color:var(--ink-secondary);font:400 12px/16px var(--font-ui)}.wl-sheet{width:390px;background:var(--surface-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-4) var(--space-4)}.wl-sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:4px auto var(--space-3)}.wl-sheet h3{margin:0 0 var(--space-2);font:700 18px/26px var(--font-ui)}.wl-sheet .src{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.wl-sheet .ar{font:400 20px/1.9 var(--font-quran);direction:rtl;margin:var(--space-2) 0;padding:var(--space-3);background:var(--surface-brand-soft);border-radius:var(--radius-md)}.wl-sheet p{margin:0;font:400 15px/26px var(--font-arabic)}.wl-sheet .cite{margin-top:var(--space-3);font:500 12px/16px var(--font-ui);color:var(--ink-secondary);display:flex;gap:6px;align-items:center}.wl-pcal{width:100%;max-width:560px;border-collapse:separate;border-spacing:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font:400 13px/18px var(--font-ui)}.wl-pcal th{font:600 12px/16px var(--font-ui);color:var(--ink-secondary);background:var(--surface-sunken);padding:var(--space-2) var(--space-3);text-align:start}.wl-pcal td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);font-family:var(--font-latin);font-variant-numeric:tabular-nums}.wl-pcal td:first-child{font-family:var(--font-ui)}.wl-pcal td:first-child small{display:block;color:var(--ink-secondary);font-size:11px}.wl-pcal tr.fri td{background:var(--surface-brand-soft)}.wl-pcal tr.today td{background:var(--surface-brand);color:var(--ink-on-brand)}.wl-pcal tr.today td small{color:var(--gold-soft)}.wl-adhkar{width:390px;display:grid;gap:var(--space-2)}.wl-adhkar .it{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:grid;gap:6px}.wl-adhkar .it .tx{font:500 16px/30px var(--font-arabic);margin:0}.wl-adhkar .it .m{display:flex;align-items:center;justify-content:space-between;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-adhkar .it .cnt{direction:ltr;min-width:56px;height:32px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-raised);font:700 13px/1 var(--font-latin);display:inline-grid;place-items:center;cursor:pointer}.wl-adhkar .it.done{opacity:.6}.wl-adhkar .it.done .cnt{background:var(--success-soft);border-color:var(--success);color:var(--success)}[data-theme=dark] .wl-adhkar .it.done .cnt{color:var(--ink)}.wl-hijri{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.wl-hijri .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.wl-hijri .hd b{font:700 18px/26px var(--font-ui)}.wl-hijri .hd small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-hijri .g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.wl-hijri .g .w{font:600 11px/16px var(--font-ui);color:var(--ink-secondary);padding-bottom:4px}.wl-hijri .g .d{aspect-ratio:1;border-radius:var(--radius-sm);display:grid;place-content:center;gap:1px;font:600 14px/1 var(--font-ui);position:relative}.wl-hijri .g .d small{font:400 9px/1 var(--font-latin);color:var(--ink-secondary)}.wl-hijri .g .d.ev:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);position:absolute;bottom:4px;left:calc(50% - 2.5px)}.wl-hijri .g .d.today{background:var(--surface-brand);color:var(--ink-on-brand)}.wl-hijri .g .d.today small{color:var(--gold-soft)}.wl-hijri .g .d.fri{background:var(--surface-brand-soft)}.wl-hijri .g .d.mute{opacity:.35}.wl-hijri .ev-list{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:grid;gap:var(--space-2)}.wl-hijri .ev-list .e{display:flex;gap:var(--space-3);align-items:center;font:500 14px/20px var(--font-ui)}.wl-hijri .ev-list .e .dt{width:44px;font:600 12px/16px var(--font-ui);color:var(--gold-text)}.wl-fast{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.wl-fast i{aspect-ratio:1;border-radius:4px;background:var(--surface-sunken)}.wl-fast i.y{background:var(--gold)}.wl-fast i.t{outline:2px solid var(--brand);outline-offset:-2px}.wl-hadith{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.wl-hadith .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.wl-hadith .hd small{font:600 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-hadith .tx{font:500 17px/32px var(--font-arabic);margin:0}.wl-hadith .tx .q{color:var(--brand-text)}.wl-hadith .src{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:grid;gap:4px;font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-hadith .src b{color:var(--ink);font-weight:600}.wl-hadith .expl{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-warm);border:1px dashed var(--border-strong);font:400 14px/24px var(--font-arabic)}.wl-hadith .expl small{display:flex;align-items:center;gap:6px;font:600 12px/16px var(--font-ui);color:var(--info);margin-bottom:4px}[data-theme=dark] .wl-hadith .expl small{color:var(--ink)}.wl-hadith .acts{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.wl-book{width:140px;display:grid;gap:var(--space-2);cursor:pointer}.wl-book .cv{aspect-ratio:2/3;border-radius:var(--radius-sm);background:var(--surface-brand-deep);color:var(--gold-soft);display:grid;align-content:end;padding:var(--space-3);font:700 14px/20px var(--font-arabic);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.wl-book .cv:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:6px;background:var(--gold);opacity:.8}.wl-book .cv.alt{background:var(--surface-brand)}.wl-book .cv.alt2{background:var(--gold);color:var(--ink-on-gold)}.wl-book .cv.alt2:before{background:var(--surface-brand-deep)}.wl-book b{font:600 14px/20px var(--font-ui);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-book small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-book .wl-progress{margin-top:2px}.wl-shelf{display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-2) var(--space-4) var(--space-4)}.wl-libreader{width:390px;min-height:520px;background:var(--surface);display:flex;flex-direction:column}.wl-libreader.sepia{background:#f6efdf;color:#2d2416}.wl-libreader .bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font:600 14px/20px var(--font-ui)}.wl-libreader .bar small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-libreader .txt{padding:var(--space-5) var(--space-5);font:400 17px/30px var(--font-arabic);text-align:justify}.wl-libreader .txt h2{font:700 20px/28px var(--font-arabic);margin:0 0 var(--space-3)}.wl-libreader .txt p{margin:0 0 var(--space-3)}.wl-libreader .txt mark{background:var(--surface-gold-soft);color:inherit;border-radius:3px}.wl-libreader .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);font:500 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-libreader .foot .wl-progress{width:120px}.wl-profile{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.wl-profile .cover{height:120px;background:var(--surface-brand-deep);position:relative}.wl-profile .cover .wl-btn-icon{position:absolute;top:8px;inset-inline-start:8px;color:var(--ink-on-brand);background:#ffffff1f}.wl-profile .id{padding:0 var(--space-4) var(--space-3);display:flex;align-items:flex-end;gap:var(--space-3);margin-top:-36px}.wl-profile .id .wl-avatar{box-shadow:0 0 0 4px var(--surface-raised)}.wl-profile .id .acts{margin-inline-start:auto;display:flex;gap:var(--space-2);padding-bottom:4px}.wl-profile .who{padding:0 var(--space-4)}.wl-profile .who b{font:700 20px/28px var(--font-ui);display:flex;align-items:center;gap:6px}.wl-profile .who .un{font:400 13px/18px var(--font-latin);color:var(--ink-secondary)}.wl-profile .who p{margin:var(--space-2) 0;font:400 14px/22px var(--font-ui)}.wl-profile .stats{display:flex;gap:var(--space-5);padding:var(--space-2) var(--space-4) var(--space-3);font:400 13px/18px var(--font-ui);color:var(--ink-secondary)}.wl-profile .stats b{color:var(--ink);font:700 15px/20px var(--font-latin)}.wl-profile .ach{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);overflow-x:auto}.wl-profile.page .cover{height:140px}.wl-profile .priv{margin:0 var(--space-4) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-brand-soft);color:var(--brand-text);font:500 12px/18px var(--font-ui);display:flex;gap:6px;align-items:center}.wl-composer-card{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.wl-composer-card .hd{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.wl-composer-card .hd .aud{margin-inline-start:auto}.wl-composer-card textarea{width:100%;min-height:110px;border:0;resize:none;padding:var(--space-4);background:transparent;color:var(--ink);font:400 16px/26px var(--font-ui);outline:0}.wl-composer-card textarea::placeholder{color:var(--ink-muted)}.wl-composer-card .attach{margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-brand-soft);display:flex;gap:var(--space-3);align-items:center}.wl-composer-card .attach .ar{font:400 18px/1.8 var(--font-quran);margin:0;flex:1}.wl-composer-card .tools{display:flex;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.wl-composer-card .tools .wl-btn-primary{margin-inline-start:auto}.wl-composer-card .tools .wl-btn-icon{color:var(--ink-secondary)}.wl-comments{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3)}.wl-comment{display:flex;gap:var(--space-2);align-items:flex-start}.wl-comment .bub{flex:1;min-width:0}.wl-comment .bub .in{display:inline-block;max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);font:400 14px/22px var(--font-ui)}.wl-comment .bub .in b{display:block;font:700 13px/18px var(--font-ui)}.wl-comment .bub .meta{display:flex;gap:var(--space-3);font:500 12px/16px var(--font-ui);color:var(--ink-secondary);padding:4px var(--space-2) 0}.wl-comment .bub .meta button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}.wl-comment .bub .meta button.on{color:var(--brand-text)}.wl-comment.reply{margin-inline-start:40px}.wl-comment.author .in{background:var(--surface-brand-soft)}.wl-comments .write{display:flex;gap:var(--space-2);align-items:center;padding-top:var(--space-2);border-top:1px solid var(--border)}.wl-comments .write .wl-search{flex:1}.wl-poll{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.wl-poll h4{margin:0 0 var(--space-3);font:700 16px/24px var(--font-ui)}.wl-poll .opt{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 var(--space-3);margin-bottom:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden;font:600 14px/20px var(--font-ui);cursor:pointer;background:var(--surface-raised)}.wl-poll .opt:before{content:"";position:absolute;inset:0 auto 0 0;inset-inline-start:0;width:var(--p,0%);background:var(--surface-brand-soft);z-index:0}.wl-poll .opt>*{position:relative}.wl-poll .opt.me{border-color:var(--brand)}.wl-poll .opt .pct{font:700 13px/18px var(--font-latin);color:var(--brand-text)}.wl-poll .foot{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-group{width:300px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.wl-group .cv{height:96px;background:var(--surface-brand);position:relative}.wl-group .cv .wl-badge{position:absolute;top:8px;inset-inline-start:8px}.wl-group .in{padding:var(--space-3) var(--space-4) var(--space-4)}.wl-group .in b{font:700 16px/22px var(--font-ui);display:block}.wl-group .in small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary);display:block;margin:2px 0 var(--space-3)}.wl-group.row{width:390px;display:grid;grid-template-columns:72px 1fr}.wl-group.row .cv{height:auto}.wl-story-viewer{width:300px;height:540px;border-radius:var(--radius-xl);background:var(--surface-brand-deep);position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow-lg)}.wl-story-viewer .segs{position:absolute;top:10px;inset-inline:10px;display:flex;gap:4px}.wl-story-viewer .segs i{flex:1;height:3px;border-radius:2px;background:#ffffff59;overflow:hidden}.wl-story-viewer .segs i:after{content:"";display:block;height:100%;width:var(--p,0%);background:#fff}.wl-story-viewer .who{position:absolute;top:22px;inset-inline:12px;display:flex;align-items:center;gap:8px;font:600 13px/18px var(--font-ui)}.wl-story-viewer .who small{display:block;font:400 11px/14px var(--font-ui);opacity:.75}.wl-story-viewer .who .wl-btn-icon{margin-inline-start:auto;color:#fff}.wl-story-viewer .body{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-6);text-align:center}.wl-story-viewer .body .ar{font:400 24px/2 var(--font-quran);margin:0}.wl-story-viewer .body .cap{position:absolute;bottom:88px;inset-inline:var(--space-5);font:500 14px/22px var(--font-ui);background:#0006;border-radius:var(--radius-sm);padding:6px 10px}.wl-story-viewer .reply{position:absolute;bottom:14px;inset-inline:12px;display:flex;gap:8px;align-items:center}.wl-story-viewer .reply .wl-search{flex:1;background:#ffffff1f;color:#fff;border-color:#ffffff40}.wl-story-viewer .reply .wl-search input{color:#fff}.wl-story-viewer .reply .wl-search input::placeholder{color:#ffffffb3}.wl-story-viewer .reply .wl-btn-icon{color:#fff}.wl-short{width:300px;height:540px;border-radius:var(--radius-xl);background:var(--surface-brand-deep);position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow-lg)}.wl-short .side{position:absolute;bottom:90px;inset-inline-end:10px;display:grid;gap:14px;justify-items:center;font:600 11px/14px var(--font-latin)}.wl-short .side button{border:0;background:#0005;color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.wl-short .side span{display:grid;justify-items:center;gap:2px}.wl-short .info{position:absolute;bottom:14px;inset-inline-start:12px;inset-inline-end:70px;display:grid;gap:6px}.wl-short .info .wl-row b{font:700 14px/20px var(--font-ui)}.wl-short .info p{margin:0;font:400 13px/20px var(--font-ui)}.wl-short .info .cc{font:500 12px/18px var(--font-ui);background:#000000a6;padding:4px 8px;border-radius:4px;justify-self:start}.wl-short .tabs{position:absolute;top:14px;inset-inline:0;display:flex;justify-content:center;gap:var(--space-4);font:600 14px/20px var(--font-ui)}.wl-short .tabs span{opacity:.7;padding-bottom:4px}.wl-short .tabs span.on{opacity:1;border-bottom:2px solid var(--gold)}.wl-inbox{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-inbox .conv{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer}.wl-inbox .conv:hover{background:var(--surface-warm)}.wl-inbox .conv .t{flex:1;min-width:0}.wl-inbox .conv .t b{display:flex;justify-content:space-between;font:600 15px/20px var(--font-ui)}.wl-inbox .conv .t b time{font:400 12px/16px var(--font-latin);color:var(--ink-secondary)}.wl-inbox .conv .t small{display:block;font:400 13px/18px var(--font-ui);color:var(--ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-inbox .conv.unread .t b,.wl-inbox .conv.unread .t small{color:var(--ink);font-weight:700}.wl-inbox .conv .wl-count{position:static}.wl-inbox .conv .wl-badge{flex:none}.wl-notifs{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-notifs .grp{padding:var(--space-3) var(--space-4) var(--space-1);font:600 12px/16px var(--font-ui);color:var(--ink-secondary);background:var(--surface-warm)}.wl-notifs .n{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);position:relative}.wl-notifs .n.unread{background:var(--surface-brand-soft)}.wl-notifs .n .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--surface-sunken);color:var(--ink)}.wl-notifs .n .ic.prayer{background:var(--surface-brand);color:var(--ink-on-brand)}.wl-notifs .n .ic.game{background:var(--energy);color:var(--ink-on-energy)}.wl-notifs .n .ic.gold{background:var(--surface-gold-soft);color:var(--gold-text)}.wl-notifs .n .ic.social{background:var(--info-soft);color:var(--info)}[data-theme=dark] .wl-notifs .n .ic.social{color:var(--ink)}.wl-notifs .n .t{flex:1;font:400 14px/20px var(--font-ui)}.wl-notifs .n .t b{font-weight:700}.wl-notifs .n .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary);margin-top:2px}.wl-notifs .n .t .wl-row{margin-top:8px;gap:8px}.wl-settings{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-settings .grp{padding:var(--space-3) var(--space-4) var(--space-1);font:600 12px/16px var(--font-ui);color:var(--ink-secondary);background:var(--surface-warm)}.wl-settings .row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.wl-settings .row .t{font:500 15px/20px var(--font-ui)}.wl-settings .row .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-settings .row .val{font:600 13px/18px var(--font-ui);color:var(--brand-text);display:flex;align-items:center;gap:4px}.wl-report{width:390px;background:var(--surface-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-4) var(--space-4)}.wl-report .grab{width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:4px auto var(--space-3)}.wl-report h3{margin:0;font:700 18px/26px var(--font-ui)}.wl-report p{margin:4px 0 var(--space-3);font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-report .r{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--space-2);font:500 15px/20px var(--font-ui);cursor:pointer;background:var(--surface-raised)}.wl-report .r.on{border-color:var(--brand);background:var(--surface-brand-soft)}.wl-report .r .rad{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);display:grid;place-items:center}.wl-report .r.on .rad{border-color:var(--brand)}.wl-report .r.on .rad:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand)}.wl-group,.wl-poll,.wl-profile,.wl-composer-card,.wl-comments,.wl-inbox,.wl-notifs,.wl-settings,.wl-report,.wl-memo,.wl-khatmah,.wl-rec,.wl-sheet,.wl-adhkar,.wl-hijri,.wl-hadith,.wl-quran-home{max-width:100%}.wl-poll .opt{width:100%;text-align:start}.wl-group.row .in{min-width:0}.wl-gamehub{width:390px;background:var(--surface-warm)}.wl-gamehub .hero{margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-brand-deep);color:var(--ink-on-brand);display:grid;gap:var(--space-2);position:relative;overflow:hidden}.wl-gamehub .hero .eyebrow{font:600 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-gamehub .hero b{font:800 20px/28px var(--font-ui)}.wl-gamehub .hero .wl-row{gap:8px;flex-wrap:wrap}.wl-gamehub .cats{display:flex;gap:var(--space-2);overflow-x:auto;padding:0 var(--space-4) var(--space-2)}.wl-gamehub .rail{display:flex;gap:var(--space-3);overflow-x:auto;padding:0 var(--space-4) var(--space-2)}.wl-gamehub .online{display:flex;gap:var(--space-3);padding:0 var(--space-4) var(--space-3);overflow-x:auto}.wl-gamehub .online .o{display:grid;justify-items:center;gap:4px;font:500 12px/16px var(--font-ui);color:var(--ink-secondary);width:64px;text-align:center}.wl-gamehub .lvl{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border)}.wl-gamehub .lvl b{font:700 14px/20px var(--font-ui)}.wl-gamehub .lvl small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-modes{width:390px;background:var(--surface-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-4) var(--space-4)}.wl-modes .grab{width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:4px auto var(--space-3)}.wl-modes h3{margin:0 0 var(--space-3);font:700 18px/26px var(--font-ui)}.wl-modes .g{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.wl-modes .m{display:grid;gap:4px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-raised);text-align:start;cursor:pointer;font:600 14px/20px var(--font-ui);color:var(--ink)}.wl-modes .m small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-modes .m .wl-ic{color:var(--energy-text)}.wl-modes .m.on{border-color:var(--energy);background:var(--energy);color:var(--ink-on-energy)}.wl-modes .m.on small,.wl-modes .m.on .wl-ic{color:inherit}.wl-modes .m.fam .wl-ic{color:var(--brand)}.wl-picker{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-picker .hd{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font:700 16px/24px var(--font-ui);display:flex;justify-content:space-between;align-items:center}.wl-picker .sel{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4);overflow-x:auto;border-bottom:1px solid var(--border)}.wl-picker .row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-height:56px;border-bottom:1px solid var(--border)}.wl-picker .row .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-picker .row .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-picker .row .chk{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-strong);display:grid;place-items:center;color:#fff}.wl-picker .row.on .chk{background:var(--energy);border-color:var(--energy);color:var(--ink-on-energy)}.wl-picker .foot{padding:var(--space-3) var(--space-4)}.wl-results{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.wl-results .top{background:var(--surface-brand-deep);color:var(--ink-on-brand);padding:var(--space-5) var(--space-4);text-align:center;position:relative}.wl-results .top .eyebrow{font:600 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-results .top h3{margin:4px 0 var(--space-4);font:800 24px/32px var(--font-ui)}.wl-results .vs{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center}.wl-results .vs .p{display:grid;justify-items:center;gap:4px;font:600 13px/18px var(--font-ui)}.wl-results .vs .p .n{font:800 32px/1 var(--font-latin)}.wl-results .vs .p.win .wl-avatar{box-shadow:0 0 0 3px var(--gold)}.wl-results .vs .p .crown{color:var(--gold)}.wl-results .vs .sep{font:700 14px/20px var(--font-latin);color:var(--gold-soft)}.wl-results .stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.wl-results .stats div{padding:var(--space-3);text-align:center;border-inline-end:1px solid var(--border)}.wl-results .stats div:last-child{border:0}.wl-results .stats b{display:block;font:800 18px/24px var(--font-latin)}.wl-results .stats small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-results .xp{padding:var(--space-3) var(--space-4);display:grid;gap:6px}.wl-results .xp .wl-row{justify-content:space-between;font:600 13px/18px var(--font-ui)}.wl-results .xp .wl-row span:last-child{color:var(--energy-text);font-family:var(--font-latin)}.wl-results .acts{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.wl-tourn{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.wl-tourn .bn{background:var(--surface-brand-deep);color:var(--ink-on-brand);padding:var(--space-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.wl-tourn .bn b{font:800 18px/26px var(--font-ui);display:block}.wl-tourn .bn small{font:400 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-tourn .bn .cup{width:56px;height:56px;border-radius:16px;background:var(--gold);color:var(--ink-on-gold);display:grid;place-items:center;flex:none}.wl-tourn .in{padding:var(--space-3) var(--space-4) var(--space-4);display:grid;gap:var(--space-3)}.wl-tourn .st{display:flex;gap:var(--space-4);font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-tourn .st b{display:block;color:var(--ink);font:700 15px/20px var(--font-latin)}.wl-tourn .stage{display:flex;gap:4px}.wl-tourn .stage i{flex:1;height:6px;border-radius:3px;background:var(--surface-sunken)}.wl-tourn .stage i.d{background:var(--energy)}.wl-tourn .stage i.c{background:var(--gold)}.wl-lb{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-lb .hd{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.wl-lb .hd b{font:700 16px/24px var(--font-ui)}.wl-lb .row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-height:56px;border-bottom:1px solid var(--border)}.wl-lb .row .rk{width:28px;font:800 15px/20px var(--font-latin);color:var(--ink-secondary);text-align:center}.wl-lb .row.top1 .rk,.wl-lb .row.top2 .rk,.wl-lb .row.top3 .rk{color:var(--gold-text)}.wl-lb .row .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-lb .row .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-lb .row .pts{font:800 15px/20px var(--font-latin)}.wl-lb .row.me{background:var(--surface-brand-soft)}.wl-lb .row .wl-ic.flag{color:var(--gold)}.wl-achs{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.wl-achs .g{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.wl-achs .a{display:grid;justify-items:center;gap:6px;text-align:center;font:600 11px/14px var(--font-ui)}.wl-achs .a .m{width:60px;height:60px;border-radius:50%;background:var(--surface-gold-soft);color:var(--gold-text);display:grid;place-items:center;border:2px solid var(--gold)}.wl-achs .a.lock .m{background:var(--surface-sunken);color:var(--ink-muted);border-color:var(--border)}.wl-achs .a.lock{color:var(--ink-secondary)}.wl-achs .a .m.brand{background:var(--surface-brand-soft);color:var(--brand-text);border-color:var(--brand)}.wl-achs .a .m.energy{background:var(--energy);color:var(--ink-on-energy);border-color:var(--energy)}.wl-hist{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-hist .row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.wl-hist .row .ic{width:40px;height:40px;border-radius:12px;background:var(--surface-brand-deep);color:var(--gold);display:grid;place-items:center;flex:none}.wl-hist .row .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-hist .row .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-hist .row .res{font:700 13px/18px var(--font-ui);text-align:end}.wl-hist .row .res small{display:block;font:400 12px/16px var(--font-latin);color:var(--ink-secondary)}.wl-hist .row .res.w{color:var(--success)}.wl-hist .row .res.l{color:var(--danger)}.wl-hist .row .res.d{color:var(--ink-secondary)}.wl-gshell{width:390px;min-height:560px;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface-brand-deep);color:var(--ink-on-brand);display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-lg)}.wl-gshell .bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font:600 13px/18px var(--font-ui)}.wl-gshell .bar .timer{font:800 20px/1 var(--font-latin);background:#ffffff1f;padding:6px 12px;border-radius:var(--radius-pill)}.wl-gshell .bar .timer.low{background:var(--energy);color:var(--ink-on-energy)}.wl-gshell .q{padding:var(--space-4);font:700 18px/30px var(--font-ui);text-align:center}.wl-gshell .q .ar{font:400 26px/2 var(--font-quran);margin:var(--space-2) 0 0;display:block}.wl-gshell .q .ar .gap{display:inline-block;min-width:88px;border-bottom:2px dashed var(--gold);margin:0 6px;vertical-align:bottom}.wl-gshell .opts{display:grid;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.wl-gshell .opts button{min-height:52px;border-radius:var(--radius-md);border:1px solid #ffffff4d;background:#ffffff14;color:#fff;font:600 15px/20px var(--font-ui);text-align:start;padding:0 var(--space-4);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.wl-gshell .opts button.ok{background:var(--success);border-color:var(--success);color:#fff}.wl-gshell .opts button.no{background:var(--danger);border-color:var(--danger);color:#fff}.wl-gshell .opts button.sel{border-color:var(--gold);background:#d5af5833}.wl-gshell .foot{margin-top:auto;padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1f;font:500 12px/16px var(--font-ui)}.wl-gshell .ladder{position:absolute;top:56px;inset-inline-end:12px;display:grid;gap:3px;font:600 11px/14px var(--font-latin);text-align:center}.wl-gshell .ladder span{padding:2px 8px;border-radius:4px;background:#ffffff14;opacity:.6}.wl-gshell .ladder span.safe{outline:1px solid var(--gold)}.wl-gshell .ladder span.cur{opacity:1;background:var(--gold);color:var(--ink-on-gold)}.wl-gshell .lifelines{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3);justify-content:center}.wl-gshell .lifelines button{width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold);display:grid;place-items:center;cursor:pointer}.wl-gshell .lifelines button.used{opacity:.35;text-decoration:line-through}.wl-gshell.light{background:var(--surface-warm);color:var(--ink)}.wl-gshell.light .bar .timer{background:var(--surface-brand-soft);color:var(--brand-text)}.wl-gshell.light .foot{border-color:var(--border)}.wl-gshell.kids{background:var(--kids-surface);color:var(--kids-ink)}.wl-memgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:0 var(--space-4)}.wl-memgrid .c{aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--surface-brand);color:var(--ink-on-brand);display:grid;place-items:center;font:700 14px/18px var(--font-arabic);text-align:center;padding:4px;cursor:pointer;border:0;box-shadow:var(--shadow-sm)}.wl-memgrid .c.open{background:var(--surface-raised);color:var(--ink);border:2px solid var(--gold)}.wl-memgrid .c.match{background:var(--success-soft);color:var(--success);border:2px solid var(--success)}.wl-memgrid .c.kids{background:var(--kids-sky);color:var(--kids-ink)}.wl-word{padding:0 var(--space-4);display:grid;gap:var(--space-3)}.wl-word .slots{display:flex;gap:6px;justify-content:center;direction:rtl}.wl-word .slots i{width:44px;height:52px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);display:grid;place-items:center;font:800 22px/1 var(--font-arabic);font-style:normal;border:2px solid var(--border)}.wl-word .slots i.f{border-color:var(--brand)}.wl-word .slots i.ok{background:var(--success-soft);border-color:var(--success)}.wl-word .hint{text-align:center;font:500 14px/22px var(--font-ui);color:var(--ink-secondary)}.wl-word .keys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;direction:rtl}.wl-word .keys button{width:40px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:700 18px/1 var(--font-arabic);cursor:pointer}.wl-word .keys button.used{opacity:.3}.wl-map{margin:0 var(--space-4);height:260px;border-radius:var(--radius-lg);background:var(--surface-brand);position:relative;overflow:hidden}.wl-map svg{position:absolute;inset:0;width:100%;height:100%}.wl-map .pin{position:absolute;width:28px;height:28px;border-radius:50% 50% 50% 0;transform:translate(-50%,-100%) rotate(-45deg);background:var(--gold);border:2px solid #fff;cursor:pointer}.wl-map .pin.q{background:var(--energy);animation:wl-pulse 1.4s infinite}.wl-map .pin.done{background:var(--success)}.wl-map .lbl{position:absolute;font:600 11px/14px var(--font-ui);color:#fff;background:#00000073;padding:2px 6px;border-radius:4px;transform:translate(-50%,8px)}.wl-path{padding:var(--space-4);display:grid;gap:var(--space-2)}.wl-path .lv{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--ink);border:1px solid var(--border)}.wl-path .lv .num{width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--ink-on-gold);display:grid;place-items:center;font:800 16px/1 var(--font-latin);flex:none}.wl-path .lv.cur .num{background:var(--energy);color:var(--ink-on-energy);box-shadow:0 0 0 6px #e8732a40}.wl-path .lv.lock{opacity:.55}.wl-path .lv.lock .num{background:var(--surface-sunken);color:var(--ink-secondary)}.wl-path .lv .t{flex:1;font:700 14px/20px var(--font-ui)}.wl-path .lv .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-path .lv .stars{color:var(--gold);letter-spacing:2px;font-size:14px}.wl-civ{padding:0 var(--space-4);display:grid;gap:var(--space-3)}.wl-civ .res{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.wl-civ .res div{background:#ffffff14;border-radius:var(--radius-sm);padding:6px;text-align:center;font:500 11px/14px var(--font-ui)}.wl-civ .res div b{display:block;font:800 16px/20px var(--font-latin);color:var(--gold)}.wl-civ .board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.wl-civ .board button{aspect-ratio:1;border-radius:var(--radius-md);border:1px dashed #ffffff59;background:#ffffff0f;color:#fff;display:grid;place-content:center;gap:2px;font:600 11px/14px var(--font-ui);cursor:pointer}.wl-civ .board button.built{border-style:solid;border-color:var(--gold);background:#d5af5826}.wl-civ .board button.build{border-color:var(--energy);background:#e8732a26}.wl-civ .card{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);font:400 13px/20px var(--font-ui)}.wl-civ .card b{display:block;font:700 14px/20px var(--font-ui)}.wl-kidshell{width:390px;min-height:640px;background:var(--kids-surface);color:var(--kids-ink);display:flex;flex-direction:column;font-family:var(--font-arabic)}.wl-kidshell .top{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.wl-kidshell .top .hi{flex:1}.wl-kidshell .top .hi b{display:block;font:800 26px/32px var(--font-arabic)}.wl-kidshell .top .hi small{font:600 14px/20px var(--font-arabic);opacity:.75}.wl-kidshell .top .lock{width:48px;height:48px;border-radius:50%;border:0;background:#ffffffb3;color:var(--kids-ink);display:grid;place-items:center;cursor:pointer}.wl-kidshell .stars{display:flex;align-items:center;gap:6px;margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);background:#ffffffb3;font:700 15px/20px var(--font-arabic)}.wl-kidshell .stars .wl-ic{color:var(--kids-sun);fill:var(--kids-sun);stroke:var(--kids-ink)}.wl-kidshell .tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:0 var(--space-4)}.wl-kidshell .tiles .wl-kids-tile{width:auto}.wl-kidshell .tiles.big{grid-template-columns:1fr}.wl-kidshell .tiles.big .wl-kids-tile{height:120px;font-size:22px}.wl-kidshell .knav{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.wl-kidshell .knav button{min-height:64px;border:0;border-radius:var(--radius-xl);background:#ffffffb3;color:var(--kids-ink);font:800 15px/20px var(--font-arabic);display:grid;place-items:center;gap:2px;cursor:pointer}.wl-kidshell .knav button[aria-current=page]{background:var(--kids-sky)}.wl-kidshell .audio{margin:0 var(--space-4) var(--space-3);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);background:var(--kids-mint);font:700 16px/22px var(--font-arabic)}.wl-kidshell .audio button{width:48px;height:48px;border-radius:50%;border:0;background:var(--kids-ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}[data-theme=dark] .wl-kidshell .top .lock,[data-theme=dark] .wl-kidshell .stars,[data-theme=dark] .wl-kidshell .knav button{background:#ffffff1f;color:#fff}[data-theme=dark] .wl-kidshell .top .hi,[data-theme=dark] .wl-kidshell{color:#f1f5f2}[data-theme=dark] .wl-kidshell .knav button[aria-current=page]{background:var(--kids-sky);color:var(--kids-ink)}.wl-klesson{width:390px;min-height:600px;background:var(--kids-surface);color:var(--kids-ink);display:flex;flex-direction:column;font-family:var(--font-arabic)}.wl-klesson .bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.wl-klesson .bar .wl-progress{flex:1}.wl-klesson .bar button{width:44px;height:44px;border-radius:50%;border:0;background:#ffffffb3;color:var(--kids-ink);display:grid;place-items:center;cursor:pointer}.wl-klesson .letter{margin:var(--space-3) var(--space-4);height:220px;border-radius:var(--radius-xl);background:var(--kids-sky);display:grid;place-items:center;font:800 140px/1 var(--font-arabic);color:var(--kids-ink);position:relative}.wl-klesson .letter small{position:absolute;bottom:12px;font:700 16px/20px var(--font-arabic)}.wl-klesson .letter .snd{position:absolute;top:12px;inset-inline-end:12px;width:48px;height:48px;border-radius:50%;border:0;background:#ffffffb3;display:grid;place-items:center;cursor:pointer;color:var(--kids-ink)}.wl-klesson .prompt{text-align:center;font:800 22px/30px var(--font-arabic);padding:0 var(--space-4)}.wl-klesson .choices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:var(--space-4)}.wl-klesson .choices button{height:96px;border-radius:var(--radius-xl);border:0;font:800 48px/1 var(--font-arabic);color:var(--kids-ink);cursor:pointer;box-shadow:var(--shadow-sm)}.wl-klesson .choices button.a{background:var(--kids-coral)}.wl-klesson .choices button.b{background:var(--kids-sun)}.wl-klesson .choices button.c{background:var(--kids-mint)}.wl-klesson .choices button.ok{outline:4px solid var(--kids-ink);outline-offset:2px}[data-theme=dark] .wl-klesson{color:#f1f5f2}[data-theme=dark] .wl-klesson .bar button{background:#ffffff1f;color:#fff}.wl-kstory{width:390px;min-height:600px;background:var(--kids-surface);color:var(--kids-ink);display:flex;flex-direction:column;font-family:var(--font-arabic)}.wl-kstory .art{margin:var(--space-4);height:260px;border-radius:var(--radius-xl);background:var(--kids-mint);display:grid;place-items:center;position:relative;overflow:hidden}.wl-kstory .art .sea{position:absolute;inset:auto 0 0;height:45%;background:var(--kids-sky);border-radius:50% 50% 0 0/40px 40px 0 0}.wl-kstory .art .sun{position:absolute;top:24px;inset-inline-start:28px;width:56px;height:56px;border-radius:50%;background:var(--kids-sun)}.wl-kstory .art .boat{position:absolute;bottom:34%;inset-inline-end:60px;width:90px;height:28px;background:var(--kids-coral);border-radius:0 0 30px 30px}.wl-kstory .art .boat:after{content:"";position:absolute;bottom:28px;left:40px;border-left:4px solid var(--kids-ink);height:46px}.wl-kstory .txt{padding:0 var(--space-5);font:700 20px/36px var(--font-arabic);text-align:center}.wl-kstory .txt mark{background:var(--kids-sun);border-radius:6px;padding:0 4px}.wl-kstory .pg{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);margin-top:auto}.wl-kstory .pg .dots{display:flex;gap:6px}.wl-kstory .pg .dots i{width:10px;height:10px;border-radius:50%;background:#00000026}.wl-kstory .pg .dots i.on{background:var(--kids-ink)}[data-theme=dark] .wl-kstory{color:#f1f5f2}[data-theme=dark] .wl-kstory .pg .dots i{background:#ffffff40}[data-theme=dark] .wl-kstory .pg .dots i.on{background:#fff}.wl-kreward{width:320px;padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl);background:var(--kids-sun);color:var(--kids-ink);text-align:center;font-family:var(--font-arabic);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.wl-kreward .big{font:800 28px/36px var(--font-arabic);margin:var(--space-3) 0 4px}.wl-kreward p{margin:0 0 var(--space-4);font:600 16px/24px var(--font-arabic)}.wl-kreward .st{display:flex;justify-content:center;gap:8px}.wl-kreward .st .wl-ic{width:48px;height:48px;fill:#fff;stroke:var(--kids-ink);stroke-width:1.5;animation:wl-pop var(--motion-celebrate) var(--ease) both}.wl-kreward .st .wl-ic:nth-child(2){animation-delay:.12s}.wl-kreward .st .wl-ic:nth-child(3){animation-delay:.24s}.wl-kreward .st .wl-ic.off{fill:#fff6;stroke:#00000040}.wl-kreward .conf{position:absolute;width:10px;height:14px;border-radius:2px}.wl-plock{width:320px;padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center}.wl-plock h3{margin:var(--space-2) 0 4px;font:700 18px/26px var(--font-ui)}.wl-plock p{margin:0 0 var(--space-4);font:400 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-plock .dots{display:flex;justify-content:center;gap:12px;margin-bottom:var(--space-4)}.wl-plock .dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong)}.wl-plock .dots i.f{background:var(--brand);border-color:var(--brand)}.wl-plock .pad{direction:ltr;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.wl-plock .pad button{height:56px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);color:var(--ink);font:600 20px/1 var(--font-latin);cursor:pointer}.wl-plock .pad button:hover{background:var(--surface-sunken)}.wl-plock .math{font:700 16px/24px var(--font-ui);margin-bottom:var(--space-3);padding:var(--space-2);background:var(--surface-brand-soft);border-radius:var(--radius-sm);color:var(--brand-text)}.wl-family{width:390px;background:var(--surface-warm)}.wl-family .fam{margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-brand-deep);color:var(--ink-on-brand);display:flex;align-items:center;gap:var(--space-3)}.wl-family .fam b{display:block;font:800 18px/26px var(--font-ui)}.wl-family .fam small{font:400 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-family .fam .wl-avatars{margin-inline-start:auto}.wl-family .wl-child{width:auto;margin:0 var(--space-4) var(--space-3)}.wl-family .quick{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:0 var(--space-4) var(--space-4)}.wl-family .quick button{display:grid;justify-items:center;gap:6px;padding:var(--space-3) 4px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);color:var(--ink);font:600 12px/16px var(--font-ui);cursor:pointer}.wl-family .quick button .wl-ic{color:var(--brand)}.wl-screentime{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-4)}.wl-screentime h4{margin:0;font:700 16px/24px var(--font-ui)}.wl-screentime .slider{position:relative;height:8px;border-radius:4px;background:var(--surface-sunken)}.wl-screentime .slider i{position:absolute;inset-inline-start:0;top:0;height:100%;width:var(--v);border-radius:4px;background:var(--gold)}.wl-screentime .slider b{position:absolute;top:50%;inset-inline-start:var(--v);transform:translate(50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--surface-raised);border:2px solid var(--brand);box-shadow:var(--shadow-sm)}[dir=ltr] .wl-screentime .slider b{transform:translate(-50%,-50%)}.wl-screentime .ticks{display:flex;justify-content:space-between;font:500 12px/16px var(--font-latin);color:var(--ink-secondary)}.wl-screentime .days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.wl-screentime .days button{height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:600 12px/16px var(--font-ui);cursor:pointer}.wl-screentime .days button[aria-pressed=true]{background:var(--surface-brand);border-color:var(--surface-brand);color:var(--ink-on-brand)}.wl-screentime .quiet{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);font:500 14px/20px var(--font-ui)}.wl-screentime .quiet small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-approval{width:390px;display:grid;gap:var(--space-2)}.wl-approval .req{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border)}.wl-approval .req .t{flex:1;min-width:0;font:400 14px/20px var(--font-ui)}.wl-approval .req .t b{font-weight:700}.wl-approval .req .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary);margin:2px 0 8px}.wl-approval .req .wl-row{gap:8px}.wl-report{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-report .hd{padding:var(--space-4);background:var(--surface-gold-soft);color:var(--brand-deep);display:flex;justify-content:space-between;align-items:center}.wl-report .hd b{font:800 16px/24px var(--font-ui);display:block}.wl-report .hd small{font:500 12px/16px var(--font-ui)}[data-theme=dark] .wl-report .hd{color:var(--ink)}.wl-report .kid{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:grid;gap:var(--space-2)}.wl-report .kid .wl-row b{font:700 15px/20px var(--font-ui)}.wl-report .bars{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;align-items:end;height:48px}.wl-report .bars i{background:var(--kids-mint);border-radius:3px 3px 0 0;min-height:4px}.wl-report .bars i.g{background:var(--gold)}.wl-report .wk{display:grid;grid-template-columns:repeat(7,1fr);font:500 10px/14px var(--font-ui);color:var(--ink-secondary);text-align:center}.wl-report .hl{display:flex;flex-wrap:wrap;gap:6px}.wl-report .tip{padding:var(--space-3) var(--space-4);font:400 13px/20px var(--font-ui);background:var(--info-soft);display:flex;gap:8px;align-items:flex-start}.wl-report .tip .wl-ic{color:var(--info);flex:none}[data-theme=dark] .wl-report .tip .wl-ic{color:var(--ink)}.wl-coursepage{width:390px;background:var(--surface-warm)}.wl-coursepage .cover{height:180px;background:var(--surface-brand-deep);color:var(--ink-on-brand);position:relative;display:grid;align-content:end;padding:var(--space-4);gap:4px}.wl-coursepage .cover b{font:800 22px/30px var(--font-ui)}.wl-coursepage .cover small{font:500 13px/18px var(--font-ui);color:var(--gold-soft)}.wl-coursepage .cover .back{position:absolute;top:8px;inset-inline-start:8px;color:var(--ink-on-brand);background:#ffffff1f}.wl-coursepage .meta{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.wl-coursepage .meta div{padding:var(--space-2);text-align:center;font:400 11px/14px var(--font-ui);color:var(--ink-secondary);border-inline-end:1px solid var(--border)}.wl-coursepage .meta div:last-child{border:0}.wl-coursepage .meta div b{display:block;font:700 15px/20px var(--font-ui);color:var(--ink)}.wl-coursepage .teacher{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--space-4) var(--space-4)}.wl-coursepage .teacher .t{flex:1;font:600 14px/20px var(--font-ui)}.wl-coursepage .teacher .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-coursepage .lessons{margin:0 var(--space-4) var(--space-4);display:grid;gap:var(--space-2)}.wl-lesson-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border)}.wl-lesson-row .n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--font-latin);background:var(--surface-sunken);color:var(--ink-secondary);flex:none}.wl-lesson-row.done .n{background:var(--success-soft);color:var(--success)}[data-theme=dark] .wl-lesson-row.done .n{color:var(--ink)}.wl-lesson-row.cur{border-color:var(--brand);background:var(--surface-brand-soft)}.wl-lesson-row.cur .n{background:var(--surface-brand);color:var(--ink-on-brand)}.wl-lesson-row.lock{opacity:.6}.wl-lesson-row .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-lesson-row .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-coursepage .cta{position:sticky;bottom:0;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-top:1px solid var(--border)}.wl-lplayer{width:390px;background:var(--surface);display:flex;flex-direction:column;min-height:600px}.wl-lplayer .video{aspect-ratio:16/9;background:var(--surface-brand-deep);color:var(--ink-on-brand);position:relative;display:grid;place-items:center}.wl-lplayer .video .play{width:64px;height:64px;border-radius:50%;background:var(--surface-brand);display:grid;place-items:center;border:0;color:#fff;cursor:pointer}.wl-lplayer .video .ctl{position:absolute;bottom:0;inset-inline:0;padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);font:500 11px/14px var(--font-latin);background:linear-gradient(transparent,#000000a6)}.wl-lplayer .video .ctl .wl-progress{flex:1;background:#ffffff40}.wl-lplayer .video .ctl .wl-progress>span{background:var(--gold)}.wl-lplayer .video .cc{position:absolute;bottom:40px;font:500 14px/20px var(--font-ui);background:#000000a6;padding:4px 10px;border-radius:4px}.wl-lplayer .ttl{padding:var(--space-3) var(--space-4) 0}.wl-lplayer .ttl b{font:700 17px/24px var(--font-ui);display:block}.wl-lplayer .ttl small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-lplayer .chap{padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-2)}.wl-lplayer .chap .c{display:flex;align-items:center;gap:var(--space-3);font:500 14px/20px var(--font-ui);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.wl-lplayer .chap .c time{font:500 12px/16px var(--font-latin);color:var(--ink-secondary);min-width:40px}.wl-lplayer .chap .c.on{background:var(--surface-brand-soft);color:var(--brand-text)}.wl-lplayer .note{margin:0 var(--space-4) var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-gold-soft);font:400 14px/22px var(--font-arabic);color:var(--ink)}.wl-lplayer .note small{display:block;font:600 12px/16px var(--font-ui);color:var(--gold-text);margin-bottom:2px}.wl-quiz{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-quiz .hd{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;font:600 13px/18px var(--font-ui);color:var(--ink-secondary);border-bottom:1px solid var(--border)}.wl-quiz .q{padding:var(--space-4);font:700 17px/28px var(--font-ui)}.wl-quiz .q .ar{display:block;font:400 24px/2 var(--font-quran);margin-top:var(--space-2)}.wl-quiz .opts{display:grid;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.wl-quiz .opts button{min-height:48px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:500 15px/20px var(--font-ui);text-align:start;padding:0 var(--space-4);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.wl-quiz .opts button.ok{border-color:var(--success);background:var(--success-soft)}.wl-quiz .opts button.no{border-color:var(--danger);background:var(--danger-soft)}.wl-quiz .exp{margin:0 var(--space-4) var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--info-soft);font:400 13px/20px var(--font-ui)}.wl-quiz .exp b{display:block;font:700 13px/18px var(--font-ui);color:var(--info)}[data-theme=dark] .wl-quiz .exp b{color:var(--ink)}.wl-quiz .foot{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.wl-cert{width:390px;aspect-ratio:1.414;background:var(--surface-gold-soft);color:var(--brand-deep);border:6px double var(--gold);border-radius:var(--radius-sm);position:relative;padding:var(--space-5);display:grid;align-content:center;justify-items:center;text-align:center;gap:6px;font-family:var(--font-arabic);overflow:hidden}.wl-cert img{width:56px;height:56px;object-fit:contain}.wl-cert .k{font:600 12px/16px var(--font-arabic);letter-spacing:.06em;opacity:.8}.wl-cert .nm{font:800 26px/32px var(--font-arabic)}.wl-cert .cs{font:700 16px/22px var(--font-arabic)}.wl-cert .sig{display:flex;gap:var(--space-8);margin-top:var(--space-3);font:500 11px/14px var(--font-arabic)}.wl-cert .sig b{display:block;font:700 12px/16px var(--font-arabic);border-top:1px solid var(--gold);padding-top:4px;min-width:90px}.wl-cert .id{position:absolute;bottom:8px;inset-inline-end:12px;font:500 10px/14px var(--font-mono);opacity:.7}.wl-cert .wm{position:absolute;inset:0;background-image:var(--lattice);background-size:48px 48px;opacity:.08;pointer-events:none}[data-theme=dark] .wl-cert{color:var(--ink)}.wl-assign{width:390px;display:grid;gap:var(--space-2)}.wl-assign .a{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border)}.wl-assign .a .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-brand-soft);color:var(--brand-text);flex:none}.wl-assign .a .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-assign .a .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-assign .a.late .ic{background:var(--danger-soft);color:var(--danger)}[data-theme=dark] .wl-assign .a.late .ic{color:var(--ink)}.wl-assign .a.done .ic{background:var(--success-soft);color:var(--success)}[data-theme=dark] .wl-assign .a.done .ic{color:var(--ink)}.wl-ai{width:390px;min-height:600px;background:var(--surface-warm);display:flex;flex-direction:column}.wl-ai .msgs{flex:1;padding:var(--space-4);display:grid;gap:var(--space-3);align-content:start}.wl-ai .u{justify-self:end;max-width:82%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-end-end-radius:var(--radius-xs);background:var(--surface-brand);color:var(--ink-on-brand);font:400 15px/22px var(--font-ui)}.wl-ai .a{max-width:94%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border-end-start-radius:var(--radius-xs);background:var(--surface-raised);border:1px solid var(--border);font:400 15px/24px var(--font-ui);display:grid;gap:var(--space-2)}.wl-ai .a .who{display:flex;align-items:center;gap:6px;font:700 12px/16px var(--font-ui);color:var(--brand-text)}.wl-ai .a .ar{font:400 20px/1.9 var(--font-quran);padding:var(--space-2) var(--space-3);background:var(--surface-brand-soft);border-radius:var(--radius-sm);margin:0}.wl-ai .a .srcs{display:flex;flex-wrap:wrap;gap:6px}.wl-ai .a .src{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--info-soft);color:var(--info);font:600 11px/16px var(--font-ui)}[data-theme=dark] .wl-ai .a .src{color:var(--ink)}.wl-ai .a .unc{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);font:500 12px/18px var(--font-ui);display:flex;gap:6px;align-items:flex-start}[data-theme=dark] .wl-ai .a .unc{color:var(--ink)}.wl-ai .a .fb{display:flex;gap:4px;justify-content:flex-end}.wl-ai .sugg{display:flex;gap:6px;overflow-x:auto;padding:0 var(--space-4) var(--space-2)}.wl-ai .foot{padding:var(--space-2) var(--space-4) var(--space-3);background:var(--surface-raised);border-top:1px solid var(--border);display:grid;gap:6px}.wl-ai .foot .dis{font:400 11px/16px var(--font-ui);color:var(--ink-secondary);text-align:center}.wl-live{width:390px;background:var(--surface);display:flex;flex-direction:column;min-height:600px}.wl-live .vid{aspect-ratio:16/9;background:var(--surface-brand-deep);color:var(--ink-on-brand);position:relative;display:grid;place-items:center}.wl-live .vid .tl{position:absolute;top:8px;inset-inline-start:8px;display:flex;gap:6px}.wl-live .vid .tl .wl-badge.live{background:var(--live);color:#fff}.wl-live .vid .tl .wl-badge.live:before{background:#fff}.wl-live .vid .cc{position:absolute;bottom:12px;font:500 13px/18px var(--font-ui);background:#000000a6;padding:4px 10px;border-radius:4px}.wl-live .hd{padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:center;border-bottom:1px solid var(--border)}.wl-live .hd .t{flex:1;min-width:0}.wl-live .hd .t b{display:block;font:700 15px/20px var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-live .hd .t small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-live .chat{flex:1;padding:var(--space-3) var(--space-4);display:grid;gap:8px;align-content:start;background:var(--surface-warm)}.wl-live .chat .m{display:flex;gap:8px;align-items:flex-start;font:400 13px/18px var(--font-ui)}.wl-live .chat .m b{font-weight:700;color:var(--brand-text)}.wl-live .chat .m.q{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-gold-soft)}.wl-live .chat .m.q b{color:var(--gold-text)}.wl-live .chat .pin{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-brand-soft);font:500 12px/18px var(--font-ui);color:var(--brand-text);display:flex;gap:6px}.wl-media{width:390px;background:var(--surface-warm)}.wl-media .feat{margin:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-brand-deep);color:var(--ink-on-brand);position:relative;aspect-ratio:16/9;display:grid;align-content:end;padding:var(--space-4);gap:4px}.wl-media .feat b{font:800 18px/26px var(--font-ui)}.wl-media .feat small{font:500 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-media .feat .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#ffffffe6;color:var(--brand-deep);display:grid;place-items:center}.wl-media .vrow{display:flex;gap:var(--space-3);overflow-x:auto;padding:0 var(--space-4) var(--space-3)}.wl-vcard{width:200px;flex:none;display:grid;gap:6px}.wl-vcard .th{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface-brand);position:relative;display:grid;place-items:center;color:var(--gold-soft)}.wl-vcard .th time{position:absolute;bottom:6px;inset-inline-end:6px;font:600 11px/14px var(--font-latin);background:#000000b3;color:#fff;padding:1px 5px;border-radius:4px}.wl-vcard .th .wl-progress{position:absolute;bottom:0;inset-inline:0;border-radius:0}.wl-vcard b{font:600 14px/20px var(--font-ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wl-vcard small{font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-pod{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin:0 var(--space-4) var(--space-2)}.wl-pod .cv{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--gold);color:var(--ink-on-gold);display:grid;place-items:center;flex:none}.wl-pod .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-pod .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-hajj{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-hajj .hd{padding:var(--space-4);background:var(--surface-brand-deep);color:var(--ink-on-brand);display:flex;justify-content:space-between;align-items:center}.wl-hajj .hd b{display:block;font:800 18px/26px var(--font-ui)}.wl-hajj .hd small{font:400 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-hajj .tabs{padding:0 var(--space-4)}.wl-hajj .steps{padding:var(--space-3) var(--space-4) var(--space-4);display:grid;gap:0}.wl-hajj .s{display:grid;grid-template-columns:32px 1fr auto;gap:var(--space-3);align-items:start;padding:var(--space-3) 0;position:relative}.wl-hajj .s:before{content:"";position:absolute;top:44px;bottom:-4px;inset-inline-start:15px;width:2px;background:var(--border)}.wl-hajj .s:last-child:before{display:none}.wl-hajj .s .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-sunken);color:var(--ink-secondary);font:700 13px/1 var(--font-latin);position:relative;z-index:1}.wl-hajj .s.done .dot{background:var(--success);color:#fff}.wl-hajj .s.cur .dot{background:var(--surface-brand);color:var(--ink-on-brand);box-shadow:0 0 0 4px var(--surface-brand-soft)}.wl-hajj .s .t{font:600 15px/20px var(--font-ui)}.wl-hajj .s .t small{display:block;font:400 12px/18px var(--font-ui);color:var(--ink-secondary);margin-top:2px}.wl-hajj .s .t .ar{display:block;font:400 17px/1.9 var(--font-quran);color:var(--ink);margin-top:4px}.wl-hajj .chk{padding:0 var(--space-4) var(--space-4);display:grid;gap:6px}.wl-hajj .chk label{display:flex;align-items:center;gap:var(--space-3);font:500 14px/20px var(--font-ui);min-height:40px}.wl-hajj .chk input{width:22px;height:22px;accent-color:var(--brand)}.wl-zakat{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-zakat .asm{padding:var(--space-3) var(--space-4);background:var(--info-soft);font:400 12px/18px var(--font-ui);display:grid;gap:2px}.wl-zakat .asm b{font:700 12px/16px var(--font-ui);color:var(--info)}[data-theme=dark] .wl-zakat .asm b{color:var(--ink)}.wl-zakat .frm{padding:var(--space-4);display:grid;gap:var(--space-3)}.wl-zakat .frm .wl-field{min-width:0}.wl-zakat .frm .wl-field .ctl input{font-family:var(--font-latin);direction:ltr;text-align:end}.wl-zakat .res{margin:0 var(--space-4) var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-brand-deep);color:var(--ink-on-brand);display:grid;gap:4px}.wl-zakat .res small{font:500 12px/16px var(--font-ui);color:var(--gold-soft)}.wl-zakat .res b{font:800 32px/40px var(--font-latin)}.wl-zakat .res .row{display:flex;justify-content:space-between;font:400 13px/20px var(--font-ui);padding-top:6px;border-top:1px solid #ffffff2e;margin-top:6px}.wl-charity{width:390px;display:grid;gap:var(--space-2)}.wl-charity .c{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border)}.wl-charity .c .lg{width:48px;height:48px;border-radius:12px;background:var(--surface-brand-soft);color:var(--brand-text);display:grid;place-items:center;flex:none;font:800 16px/1 var(--font-ui)}.wl-charity .c .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-charity .c .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-mosques{width:390px;background:var(--surface-warm)}.wl-mosques .map{margin:var(--space-4) var(--space-4) var(--space-3);height:200px;border-radius:var(--radius-lg);background:var(--surface-sunken);position:relative;overflow:hidden;border:1px solid var(--border)}.wl-mosques .map .rd{position:absolute;background:var(--surface-raised);border-radius:3px}.wl-mosques .map .you{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--info);border:3px solid #fff;box-shadow:0 0 0 6px #1d5c9e33}.wl-mosques .map .mq{position:absolute;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:translate(-50%,-100%) rotate(-45deg);background:var(--surface-brand);border:2px solid #fff;display:grid;place-items:center;color:#fff}.wl-mosques .map .mq .wl-ic{transform:rotate(45deg);width:14px;height:14px}.wl-mosques .map .mq.sel{background:var(--gold);color:var(--ink-on-gold)}.wl-mosques .list{padding:0 var(--space-4) var(--space-4);display:grid;gap:var(--space-2)}.wl-mosque{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border)}.wl-mosque.sel{border-color:var(--brand)}.wl-mosque .ic{width:44px;height:44px;border-radius:12px;background:var(--surface-brand-deep);color:var(--gold);display:grid;place-items:center;flex:none}.wl-mosque .t{flex:1;min-width:0}.wl-mosque .t b{font:700 15px/20px var(--font-ui);display:flex;align-items:center;gap:6px}.wl-mosque .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-mosque .t .ju{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.wl-mosque .d{text-align:end;font:600 13px/18px var(--font-latin);color:var(--ink-secondary)}.wl-journey{width:390px;background:var(--surface);min-height:560px;display:flex;flex-direction:column}.wl-journey .top{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.wl-journey .top .wl-progress{flex:1}.wl-journey .ill{margin:0 var(--space-4);height:200px;border-radius:var(--radius-xl);background:var(--surface-brand-soft);display:grid;place-items:center;color:var(--brand)}.wl-journey h2{margin:var(--space-5) var(--space-5) var(--space-2);font:700 26px/34px var(--font-ui)}.wl-journey p{margin:0 var(--space-5);font:400 17px/30px var(--font-ui)}.wl-journey p dfn{font-style:normal;text-decoration:underline dotted var(--brand) 2px;text-underline-offset:5px;color:var(--brand-text)}.wl-journey .lang{display:flex;gap:6px;margin:var(--space-3) var(--space-5) 0}.wl-journey .acts{margin-top:auto;padding:var(--space-4) var(--space-5);display:grid;gap:8px}.wl-gsearch{width:390px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-gsearch .q{padding:var(--space-3) var(--space-4) var(--space-2)}.wl-gsearch .scopes{display:flex;gap:6px;overflow-x:auto;padding:0 var(--space-4) var(--space-3)}.wl-gsearch .grp{padding:var(--space-2) var(--space-4) var(--space-1);font:600 12px/16px var(--font-ui);color:var(--ink-secondary);background:var(--surface-warm);display:flex;justify-content:space-between}.wl-gsearch .grp a{color:var(--brand-text);text-decoration:none;font-weight:600}.wl-gsearch .r{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.wl-gsearch .r .ic{width:40px;height:40px;border-radius:12px;background:var(--surface-sunken);display:grid;place-items:center;flex:none;color:var(--ink)}.wl-gsearch .r .t{flex:1;min-width:0;font:600 14px/20px var(--font-ui)}.wl-gsearch .r .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-gsearch .r .t mark{background:var(--surface-brand-soft);color:var(--brand-text);border-radius:3px;padding:0 2px}.wl-gsearch .r .t .ar{font:400 18px/1.8 var(--font-quran);display:block}.wl-admin{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px;width:1100px;background:var(--surface-warm)}.wl-filters{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.wl-filters .wl-search{flex:1;min-width:240px}.wl-roles{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font:400 13px/18px var(--font-ui)}.wl-roles th,.wl-roles td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);text-align:center}.wl-roles th{font:600 12px/16px var(--font-ui);color:var(--ink-secondary);background:var(--surface-sunken)}.wl-roles td:first-child,.wl-roles th:first-child{text-align:start;font-weight:600}.wl-roles tr:last-child td{border-bottom:0}.wl-roles .y{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--success-soft);color:var(--success)}.wl-roles .n{display:inline-block;width:24px;height:24px;border-radius:50%;background:var(--surface-sunken)}.wl-roles .p{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--warning-soft);color:var(--warning)}[data-theme=dark] .wl-roles .y,[data-theme=dark] .wl-roles .p{color:var(--ink)}.wl-modq{display:grid;grid-template-columns:360px 1fr;gap:16px}.wl-modq .list{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-modq .it{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);align-items:flex-start;cursor:pointer}.wl-modq .it.sel{background:var(--surface-brand-soft)}.wl-modq .it .t{flex:1;min-width:0;font:600 13px/18px var(--font-ui)}.wl-modq .it .t small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-modq .it .pri{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.wl-modq .it .pri.h{background:var(--danger)}.wl-modq .it .pri.m{background:var(--warning)}.wl-modq .it .pri.l{background:var(--info)}.wl-modq .det{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3);align-content:start}.wl-modq .det .ctx{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-warm);border:1px solid var(--border);font:400 14px/22px var(--font-ui)}.wl-modq .det .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-modq .det .meta b{display:block;color:var(--ink);font:600 13px/18px var(--font-ui)}.wl-modq .det .acts{display:flex;gap:var(--space-2);flex-wrap:wrap}.wl-safety{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.wl-safety .wl-card h3{font:700 15px/22px var(--font-ui);margin:0 0 var(--space-3)}.wl-safety .rule{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font:500 14px/20px var(--font-ui)}.wl-safety .rule:last-child{border:0}.wl-safety .rule small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-chart{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.wl-chart h3{margin:0 0 var(--space-3);font:700 14px/20px var(--font-ui);display:flex;justify-content:space-between}.wl-chart .bars{display:flex;align-items:flex-end;gap:6px;height:140px}.wl-chart .bars div{flex:1;display:grid;align-content:end;gap:2px}.wl-chart .bars i{display:block;border-radius:3px 3px 0 0;background:var(--brand)}.wl-chart .bars i.g{background:var(--gold)}.wl-chart .bars i.e{background:var(--energy)}.wl-chart .bars span{font:500 10px/14px var(--font-ui);color:var(--ink-secondary);text-align:center}.wl-chart .leg{display:flex;gap:var(--space-3);font:500 12px/16px var(--font-ui);color:var(--ink-secondary);margin-top:var(--space-2)}.wl-chart .leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-inline-end:4px;vertical-align:middle;background:var(--brand)}.wl-chart .leg i.g{background:var(--gold)}.wl-chart .leg i.e{background:var(--energy)}.wl-chart .hbars{display:grid;gap:8px}.wl-chart .hbars div{display:grid;grid-template-columns:110px 1fr 48px;gap:8px;align-items:center;font:500 13px/18px var(--font-ui)}.wl-chart .hbars .wl-progress{height:10px}.wl-chart .hbars .n{font-family:var(--font-latin);text-align:end;color:var(--ink-secondary)}.wl-l10n{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font:400 13px/18px var(--font-ui)}.wl-l10n th{font:600 12px/16px var(--font-ui);color:var(--ink-secondary);background:var(--surface-sunken);padding:var(--space-2) var(--space-3);text-align:start}.wl-l10n td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);vertical-align:top}.wl-l10n td.k{font:500 12px/16px var(--font-mono);color:var(--ink-secondary);direction:ltr;text-align:left}.wl-l10n td.ltr{direction:ltr;text-align:left;font-family:var(--font-latin)}.wl-l10n td.miss{background:var(--warning-soft)}.wl-l10n .cov{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);align-items:center;font:600 13px/18px var(--font-ui)}.wl-l10n .cov .wl-progress{width:80px}.wl-audit{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.wl-audit .e{display:grid;grid-template-columns:150px 1fr auto;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);font:400 13px/20px var(--font-ui);align-items:center}.wl-audit .e time{font:500 12px/16px var(--font-mono);color:var(--ink-secondary);direction:ltr;text-align:left}.wl-audit .e b{font-weight:700}.wl-audit .e code{font:500 12px/16px var(--font-mono);background:var(--surface-sunken);padding:1px 6px;border-radius:4px;direction:ltr;display:inline-block}.wl-sys{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wl-sys .wl-card h3{font:700 15px/22px var(--font-ui);margin:0 0 var(--space-3)}.wl-sys .wl-card .wl-stack{gap:var(--space-3)}.wl-sys .wl-field{min-width:0}.wl-sys .sw{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font:500 14px/20px var(--font-ui)}.wl-sys .sw small{display:block;font:400 12px/16px var(--font-ui);color:var(--ink-secondary)}.wl-sys .sw:last-child{border:0}html{background:var(--surface);scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}html,body{overflow-x:clip}html[dir=rtl] body{font-family:var(--font-arabic)}html[dir=ltr] body{font-family:var(--font-latin)}body.pub{background:var(--surface);color:var(--ink);font-size:16px;line-height:1.7}img,svg{max-width:100%}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:var(--brand-text)}main:focus{outline:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wl-skip{position:absolute;inset-inline-start:8px;top:-60px;z-index:100;background:var(--surface-brand);color:var(--ink-on-brand);padding:8px 14px;border-radius:var(--radius-md)}.wl-skip:focus{top:8px}.pub-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:640px){.pub-wrap{padding-inline:var(--space-6)}}:root{--deep: #063b2f;--deep-2: #04291f;--ease-out: cubic-bezier(.16, 1, .3, 1);--hero-ink: #f4efe1;--pub-gutter: clamp(56px, 8vw, 112px)}.btn-gold{background:var(--gold);color:var(--ink-on-gold);box-shadow:0 10px 30px -12px #d5af58aa}.btn-gold:hover{background:#e2bf6c;transform:translateY(-1px)}.btn-ghost-light{background:#ffffff0d;color:var(--hero-ink);border-color:#ffffff40;backdrop-filter:blur(4px)}.btn-ghost-light:hover{background:#ffffff1f;border-color:#ffffff70}.wl-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pub-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--motion-base) var(--ease),box-shadow var(--motion-base) var(--ease)}.pub-header.is-scrolled{border-bottom-color:var(--border);box-shadow:0 6px 24px -18px var(--shadow-color)}.pub-header-in{display:flex;align-items:center;gap:var(--space-4);min-height:68px;transition:min-height var(--motion-base) var(--ease)}.pub-header.is-scrolled .pub-header-in{min-height:60px}.pub-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}.pub-brand img{display:block;transition:transform var(--motion-slow) var(--ease-out)}.pub-brand:hover img{transform:rotate(-8deg) scale(1.05)}.pub-brand span{display:flex;flex-direction:column;line-height:1.05}.pub-brand b{font:800 21px/1.1 var(--font-arabic)}.pub-brand small{font:700 11px/1.2 var(--font-latin);color:var(--ink-secondary);letter-spacing:.14em}.pub-brand.on-dark{color:#fff}.pub-brand.on-dark small{color:var(--gold-soft)}.pub-nav{display:none;gap:2px}.pub-nav a{position:relative;color:var(--ink-secondary);text-decoration:none;font:600 14px/20px var(--font-ui);padding:8px 12px;border-radius:var(--radius-pill);transition:color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease)}.pub-nav a:hover{color:var(--ink);background:var(--surface-sunken)}.pub-nav a[aria-current=page],.pub-nav a.is-active{color:var(--brand-text);background:var(--surface-brand-soft)}.pub-actions{margin-inline-start:auto;display:flex;gap:var(--space-2);align-items:center}@media(min-width:1040px){.pub-nav{display:flex}.pub-menu{display:none}}@media(max-width:560px){.pub-hide-sm,.pub-lang-cur{display:none}.pub-actions .wl-btn-sm{padding-inline:12px}}.pub-progress{position:absolute;inset-inline:0;bottom:-1px;height:2px;pointer-events:none}.pub-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--brand),var(--gold));transform:scaleX(var(--p, 0));transform-origin:left}[dir=rtl] .pub-progress span{transform-origin:right;background:linear-gradient(-90deg,var(--brand),var(--gold))}.pub-actions{position:relative}.pub-pop{position:static}.pub-pop>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-raised);color:var(--ink);font:600 13px/18px var(--font-ui);cursor:pointer;user-select:none;transition:border-color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease)}.pub-pop>summary::-webkit-details-marker{display:none}.pub-pop>summary:hover{border-color:var(--border-strong)}.pub-pop[open]>summary{border-color:var(--brand);background:var(--surface-brand-soft);color:var(--brand-text)}.pub-caret{width:12px;height:12px;transition:transform var(--motion-base) var(--ease)}.pub-pop[open] .pub-caret{transform:rotate(180deg)}.pub-menu>summary{width:40px;padding:0;justify-content:center}.pub-pop-panel{position:absolute;top:calc(100% + 10px);max-width:calc(100vw - 32px);inset-inline-end:0;z-index:40;min-width:200px;margin:0;padding:6px;list-style:none;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform-origin:top;animation:pop-in var(--motion-slow) var(--ease-out)}[dir=rtl] .pub-pop-panel{transform-origin:top left}[dir=ltr] .pub-pop-panel{transform-origin:top right}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}}.pub-pop-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;font:600 15px/20px var(--font-ui)}.pub-pop-panel a[lang=ar]{font-family:var(--font-arabic)}.pub-pop-panel a:not([lang=ar])[lang]{font-family:var(--font-latin)}.pub-pop-panel a:hover{background:var(--surface-sunken)}.pub-pop-panel a[aria-current]{background:var(--surface-brand-soft);color:var(--brand-text)}.pub-pop-panel a b{font:700 11px/1 var(--font-latin);letter-spacing:.08em;color:var(--ink-muted)}.pub-pop-panel a[aria-current] b{color:var(--brand-text)}.pub-menu-panel{min-width:240px;display:grid}.pub-menu-panel hr{border:0;border-top:1px solid var(--border);margin:6px 4px}.hero{position:relative;isolation:isolate;overflow:hidden;color:var(--hero-ink);background:radial-gradient(1200px 600px at 85% -10%,#0e6a50 0%,transparent 60%),radial-gradient(900px 700px at 0% 110%,#0a4d3b 0%,transparent 55%),var(--deep)}[dir=rtl] .hero{background:radial-gradient(1200px 600px at 15% -10%,#0e6a50 0%,transparent 60%),radial-gradient(900px 700px at 100% 110%,#0a4d3b 0%,transparent 55%),var(--deep)}.hero-lattice{position:absolute;inset:0;z-index:-1;background-image:var(--lattice);background-size:56px 56px;opacity:.09;mask-image:linear-gradient(to bottom,#000 40%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent)}.hero-in{display:grid;gap:var(--space-10);align-items:center;padding-block:clamp(40px,7vw,96px) clamp(72px,9vw,120px)}@media(min-width:960px){.hero-in{grid-template-columns:1.05fr .95fr;min-height:min(780px,calc(100svh - 68px))}}.hero h1{margin:0;display:grid;gap:var(--space-4)}.hero-slogan{font:800 clamp(40px,4.6vw + 14px,76px)/1.08 var(--font-ui);letter-spacing:-.01em;color:#fff}[dir=rtl] .hero-slogan{letter-spacing:0;line-height:1.25}.hero-title{font:700 clamp(18px,.7vw + 14px,23px)/1.5 var(--font-ui);color:var(--gold);max-width:30em}.hero-lead{margin:var(--space-5) 0 var(--space-8);font:400 clamp(16px,.3vw + 15px,18px)/1.85 var(--font-ui);color:#d9e6df;max-width:36em}.hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-cta.center{justify-content:center}.hero-cta .wl-btn{min-height:52px;padding-inline:26px;font-size:15px;border-radius:16px}.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:var(--space-10) 0 0;padding:var(--space-5) 0 0;list-style:none;border-top:1px solid #ffffff1f}.hero-facts li{display:grid;gap:4px;align-content:start}.hero-facts b{font:800 30px/1 var(--font-latin);color:var(--gold)}.hero-facts span{font:500 13.5px/1.45 var(--font-ui);color:#c4d6cc}.hero-scroll{position:absolute;bottom:20px;inset-inline-start:50%;translate:-50% 0;display:none;flex-direction:column;align-items:center;gap:4px;color:#c4d6cc;text-decoration:none;font:600 12px/1 var(--font-ui)}[dir=rtl] .hero-scroll{translate:50% 0}.hero-scroll svg{width:20px;height:20px;animation:nudge 2.4s var(--ease) infinite}@media(min-width:960px){.hero-scroll{display:flex}}@keyframes nudge{50%{transform:translateY(5px)}}.hero-copy>*{animation:rise .9s var(--ease-out) both}.hero-slogan{animation:rise 1s var(--ease-out) both .05s;display:block}.hero-title{animation:rise 1s var(--ease-out) both .2s;display:block}.hero-lead{animation-delay:.32s}.hero-cta{animation-delay:.44s}.hero-facts{animation-delay:.56s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.star{position:relative;width:min(100%,540px);aspect-ratio:1;margin-inline:auto}.star-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.star-orbit{fill:none;stroke:#d5af5855;stroke-width:1;stroke-dasharray:.4 1.6;transform-origin:200px 200px;animation:spin 90s linear infinite}.star-spoke{stroke:#d5af58;stroke-width:1;opacity:.55;stroke-dasharray:100;stroke-dashoffset:100;animation:draw .7s var(--ease-out) forwards;animation-delay:calc(.35s + var(--i) * .07s)}.star-shape{fill:#ffffff05;stroke:#d5af58;stroke-width:1.5;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw 1.4s var(--ease-out) forwards}.star-shape.a{animation-delay:.9s}.star-shape.b{animation-delay:1.1s}.star-spark{fill:none;stroke:#fff4cf;stroke-width:4;stroke-linecap:round;stroke-dasharray:.01 99.99;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 6px #ffe7a3);animation:spark 14s linear 2.4s infinite,fade-in .6s ease 2.4s forwards}.star-core{fill:#063b2f;stroke:#d5af5880;stroke-width:1}.star-emblem{position:absolute;inset:50% auto auto 50%;width:27%;translate:-50% -50%;animation:emblem 1.1s var(--ease-out) both .1s}.star-emblem img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 24px #0009)}.star-node{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border-radius:var(--radius-pill);background:#0b4a3a;border:1px solid #d5af5866;color:#fff;text-decoration:none;font:700 13px/1 var(--font-ui);white-space:nowrap;box-shadow:0 6px 18px -8px #000c;animation:node .6s var(--ease-out) both;animation-delay:calc(1.25s + var(--i) * .08s);transition:background var(--motion-base) var(--ease),border-color var(--motion-base) var(--ease),transform var(--motion-base) var(--ease-out)}[dir=rtl] .star-node{padding:7px 10px 7px 12px}.star-node .wl-ic{color:var(--gold);width:16px;height:16px}.star-node:hover,.star-node:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--ink-on-gold);transform:scale(1.08)}.star-node:hover .wl-ic,.star-node:focus-visible .wl-ic{color:var(--ink-on-gold)}.star-node:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:420px){.star-node{font-size:11.5px;padding:6px 9px;gap:4px}.star-node .wl-ic{width:14px;height:14px}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spark{to{stroke-dashoffset:-100}}@keyframes fade-in{to{opacity:1}}@keyframes emblem{0%{opacity:0;transform:scale(.6) rotate(-25deg)}}@keyframes node{0%{opacity:0;scale:.5}}.sec-h{max-width:720px;margin-bottom:var(--space-10)}.sec-h h2,.chapter-h h2,.faq h2,.access-h{margin:0 0 var(--space-3);font:800 clamp(28px,1.6vw + 20px,42px)/1.25 var(--font-ui);letter-spacing:-.005em}.sec-h p,.chapter-h p{margin:0;color:var(--ink-secondary);font:400 17px/1.8 var(--font-ui)}.sec-h.light h2{color:#fff}.sec-h.light p{color:#c4d6cc}.tour{background:var(--surface);padding-block:var(--pub-gutter)}.tour-grid{display:grid;gap:var(--space-8)}.tour-grid>*{min-width:0}@media(min-width:1100px){.tour-grid{grid-template-columns:220px 1fr;gap:var(--space-12)}}.tour-index{position:sticky;top:68px;z-index:5;margin-inline:calc(var(--space-4) * -1);padding:10px var(--space-4);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.tour-index-h{display:none}.tour-index ol{display:flex;gap:6px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.tour-index ol::-webkit-scrollbar{display:none}.tour-index a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--ink-secondary);text-decoration:none;font:600 13px/1 var(--font-ui);white-space:nowrap;transition:all var(--motion-base) var(--ease)}.tour-index a .wl-ic{width:16px;height:16px}.tour-index a:hover{color:var(--ink);border-color:var(--border-strong)}.tour-index a.is-active{background:var(--surface-brand);border-color:var(--surface-brand);color:var(--ink-on-brand)}@media(min-width:640px){.tour-index{margin-inline:calc(var(--space-6) * -1);padding-inline:var(--space-6)}}@media(min-width:1100px){.tour-index{top:92px;align-self:start;margin:0;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0}.tour-index-h{display:block;margin:0 0 var(--space-3);font:700 13px/1.4 var(--font-ui);color:var(--ink-muted)}.tour-index ol{flex-direction:column;gap:2px;overflow:visible;position:relative;padding-inline-start:14px;border-inline-start:2px solid var(--border)}.tour-index a{display:flex;border:0;min-height:40px;border-radius:var(--radius-sm);position:relative;font-size:14px}.tour-index a:before{content:"";position:absolute;inset-inline-start:-16px;top:8px;bottom:8px;width:2px;background:var(--brand);transform:scaleY(0);transition:transform var(--motion-slow) var(--ease-out)}.tour-index a.is-active{background:var(--surface-brand-soft);color:var(--brand-text)}.tour-index a.is-active:before{transform:scaleY(1)}}.chapter+.chapter{margin-top:var(--pub-gutter)}.chapter-h{padding-bottom:var(--space-6);margin-bottom:var(--space-8);border-bottom:1px solid var(--border)}.mod{display:grid;gap:var(--space-8);align-items:center;padding-block:var(--space-8);scroll-margin-top:140px}.mod+.mod{border-top:1px dashed var(--border)}@media(min-width:900px){.mod{grid-template-columns:1.1fr .9fr;gap:var(--space-12);padding-block:var(--space-12)}.mod:nth-of-type(2n) .mod-fig{order:-1}}@media(min-width:1100px){.mod{scroll-margin-top:100px}}.mod-name{display:inline-flex;align-items:center;gap:10px;margin:0 0 var(--space-3);font:700 15px/1.3 var(--font-ui);color:var(--brand-text)}.mod-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface-brand-soft);color:var(--brand-text)}.mod h3{margin:0 0 var(--space-4);font:800 clamp(22px,.9vw + 17px,30px)/1.35 var(--font-ui)}.mod-body{margin:0 0 var(--space-5);color:var(--ink-secondary);font:400 16.5px/1.9 var(--font-ui);max-width:40em}.mod-points{display:grid;gap:var(--space-3);margin:0 0 var(--space-5);padding:0;list-style:none}.mod-points li{display:grid;grid-template-columns:22px 1fr;gap:10px;font:400 15.5px/1.75 var(--font-ui)}.mod-points .wl-ic{margin-top:4px;width:18px;height:18px;padding:2px;border-radius:50%;background:var(--surface-brand-soft);color:var(--brand-text);stroke-width:2.5}.mod-ages{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-gold-soft);color:var(--gold-text);font:700 13px/1.5 var(--font-ui)}[data-theme] .mod-ages .wl-ic{width:16px;height:16px}.mod-fig{margin:0;position:relative;padding:clamp(20px,3vw,36px);border-radius:28px;background:var(--surface-brand-soft);overflow:hidden;isolation:isolate}.mod-fig:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--lattice);background-size:44px 44px;opacity:.35}.mod-fig figcaption{margin-top:var(--space-3);text-align:center;font:500 12px/1.4 var(--font-ui);color:var(--ink-muted)}.mock{position:relative;max-width:400px;margin-inline:auto;padding:18px;border-radius:22px;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-lg);font:500 13px/1.4 var(--font-ui);color:var(--ink)}.mk-line{display:block;height:9px;width:var(--w, 80%);border-radius:6px;background:color-mix(in srgb,var(--ink) 12%,transparent)}.mk-line.thin{height:6px;margin-top:6px}.mk-chip{padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface-sunken);font-size:11.5px;font-weight:700;color:var(--ink-secondary)}.mk-av{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--kids-sun);color:var(--kids-ink);font:800 16px/1 var(--font-arabic)}.mk-q{margin:0 0 12px;font-weight:700;text-align:center}.mk-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mk-bar b{flex:1;text-align:center;font:800 15px/1.2 var(--font-arabic)}.mk-ok{display:inline-flex;align-items:center;gap:3px;color:var(--success);font-size:11.5px;font-weight:700}.mk-ok .wl-ic{width:14px;height:14px;stroke-width:2.6}.mk-frame{padding:18px 16px;border-radius:14px;border:1px solid var(--surface-gold-soft);background:color-mix(in srgb,var(--surface-gold-soft) 35%,var(--surface-raised));box-shadow:inset 0 0 0 4px var(--surface-raised),inset 0 0 0 5px var(--surface-gold-soft)}.mk-lines{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 8px}.mk-lines .mk-line{background:color-mix(in srgb,var(--ink) 14%,transparent)}.mk-lines.short{display:grid;justify-items:start;gap:9px;margin-bottom:14px}.mk-ayah{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--gold);position:relative}.mk-ayah:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--gold);opacity:.5}.mk-player{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;border-radius:14px;background:var(--surface-sunken)}.mk-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-brand);color:#fff}.mk-play .wl-ic{width:14px;height:14px;fill:currentColor}[dir=rtl] .mk-play .wl-ic{transform:scaleX(-1)}.mk-track{flex:1;height:5px;border-radius:4px;background:var(--border);overflow:hidden}.mk-track span{display:block;height:100%;width:42%;border-radius:inherit;background:var(--gold)}.mk-mini{color:var(--ink-secondary);display:grid}.mock-hifz{display:grid;gap:12px}.mk-card{padding:14px;border-radius:16px;border:1px solid var(--border)}.mk-line.blur{filter:blur(3px);opacity:.7}.mk-rate{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mk-rate-b{display:grid;place-items:center;min-height:38px;padding:0 4px;text-align:center;border-radius:12px;font-weight:700;font-size:12px;background:var(--surface-sunken)}.mk-rate-b.r0{background:var(--danger-soft);color:var(--danger)}.mk-rate-b.r1{background:var(--warning-soft);color:var(--warning)}.mk-rate-b.r2{background:var(--success-soft);color:var(--success);box-shadow:0 0 0 2px var(--success)}.mk-sched{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:var(--surface-sunken)}.mk-sched-h{font-weight:700;font-size:12px;color:var(--ink-secondary)}.mk-sched-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.mk-sched-row i{display:block;height:8px;width:var(--w);border-radius:6px;background:linear-gradient(90deg,var(--brand),var(--gold))}[dir=rtl] .mk-sched-row i{background:linear-gradient(-90deg,var(--brand),var(--gold))}.mk-sched-row b{font-size:12px;min-width:6.5em;text-align:end}.mock-prayer{display:grid;grid-template-columns:1fr 120px;gap:14px;align-items:center}.mk-times{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mk-times li{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:10px;font-weight:600}.mk-times li span{flex:1}.mk-times li b{font:700 13px/1 var(--font-latin)}.mk-times li em{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--gold);color:var(--ink-on-gold)}.mk-times li.next{background:var(--surface-brand);color:#fff;box-shadow:var(--shadow-brand)}.mk-compass{display:grid;justify-items:center;gap:6px;font-size:12px;font-weight:700}.mk-compass svg{width:120px;height:120px}.mk-compass .ring{fill:var(--surface-sunken);stroke:var(--border)}.mk-compass .tick{stroke:var(--ink-muted);stroke-width:1.5}.mk-compass .needle{transform-origin:60px 60px;transform:rotate(136deg)}.mk-compass .n1{fill:var(--gold)}.mk-compass .n2{fill:var(--border-strong);opacity:.5}.mk-compass .hub{fill:var(--surface-brand)}@media(max-width:380px){.mock-prayer{grid-template-columns:1fr}}.mock-adhkar{text-align:center}.mk-title{margin:0 0 12px;font:800 15px/1.3 var(--font-ui)}.mock-adhkar .mk-lines.short{justify-items:center}.mk-counter{position:relative;width:132px;height:132px;margin:4px auto 10px}.mk-counter svg{width:100%;height:100%;transform:rotate(-90deg)}.mk-counter .track{fill:none;stroke:var(--surface-sunken);stroke-width:8}.mk-counter .fill{fill:none;stroke:var(--surface-brand);stroke-width:8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}.mk-counter b{position:absolute;inset:0;display:grid;place-content:center;font:800 34px/1 var(--font-latin);direction:ltr}.mk-counter small{font:600 12px/1 var(--font-latin);color:var(--ink-muted);margin-top:4px}.mk-source{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 12px;border-radius:99px;background:var(--surface-gold-soft);color:var(--gold-text);font-weight:700;font-size:12px}.mock-academy{display:grid;gap:12px}.mk-course{display:flex;gap:12px;align-items:center}.mk-course>div{flex:1;display:grid;gap:8px}.mk-thumb{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--surface-brand),#0e8f6b);color:var(--gold-soft)}.mk-prog{display:block;height:7px;border-radius:6px;background:var(--surface-sunken);overflow:hidden}.mk-prog i{display:block;height:100%;width:38%;border-radius:inherit;background:var(--surface-brand)}.mk-lessons{display:grid;gap:6px;margin:0;padding:0;list-style:none}.mk-lessons li{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--border)}.mk-lessons li.cur{border-color:var(--brand);background:var(--surface-brand-soft)}.mk-tick{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-sunken);color:var(--ink-muted)}.mk-tick .wl-ic{width:13px;height:13px;stroke-width:2.4}.mk-lessons li.done .mk-tick{background:var(--success);color:#fff}.mk-lessons li.cur .mk-tick{background:var(--surface-brand);color:#fff}.mk-lessons li.cur .mk-tick .wl-ic{fill:currentColor}.mk-cert{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--surface-gold-soft);color:var(--gold-text)}.mk-cert b{display:block;font-weight:800}.mk-cert code{font:700 12px/1.6 var(--font-mono);letter-spacing:.06em}.mk-seal{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--ink-on-gold)}.mock-games{text-align:center}.mk-glyph{display:grid;place-items:center;width:108px;height:108px;margin:0 auto 14px;border-radius:28px;background:var(--kids-surface);color:var(--kids-sky-text);font:800 64px/1 var(--font-arabic);box-shadow:inset 0 -6px color-mix(in srgb,var(--kids-sky) 25%,transparent)}.mk-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mk-opt{min-height:44px;display:grid;place-items:center;border-radius:14px;border:1.5px solid var(--border);font-weight:800;font-size:14px}.mk-opt.ok{border-color:var(--success);background:var(--success-soft);color:var(--success)}.mk-stars{display:flex;justify-content:center;gap:6px;margin-top:14px}.mk-stars span{color:var(--gold)}.mk-stars .wl-ic{width:26px;height:26px;fill:currentColor;stroke:none}.mock-family{display:grid;gap:12px}.mk-child{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mk-child>div{flex:1}.mk-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}.mk-row b{font:700 13px/1 var(--font-latin);color:var(--brand-text)}[dir=rtl] .mk-row b:not([dir]){font-family:var(--font-arabic)}.mk-slider{display:block;height:8px;border-radius:6px;background:var(--surface-sunken);position:relative}.mk-slider i{position:absolute;inset-block:0;inset-inline-start:0;width:40%;border-radius:inherit;background:var(--surface-brand)}.mk-slider i:after{content:"";position:absolute;inset-inline-end:-9px;top:50%;translate:0 -50%;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--surface-brand);box-shadow:var(--shadow-sm)}.mk-switch{width:40px;height:24px;border-radius:99px;background:var(--border-strong);position:relative}.mk-switch i{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:inset-inline-start var(--motion-slow) var(--ease-out)}.mk-switch.on{background:var(--surface-brand)}.mk-switch.on i{inset-inline-start:19px}.mk-approve{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--info-soft);color:var(--info);font-weight:700;font-size:12.5px}.mk-approve span:not(.mk-yes){flex:1}.mk-yes{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-brand);color:#fff}.mk-yes .wl-ic{width:14px;height:14px;stroke-width:2.6}.mock-community{display:grid;gap:10px}.mk-post{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--border)}.mk-who{display:flex;align-items:center;gap:10px;margin-bottom:4px}.mk-who>div{flex:1}.mk-who .mk-av{background:var(--surface-brand-soft);color:var(--brand-text)}.mk-review{padding:3px 9px;border-radius:99px;background:var(--warning-soft);color:var(--warning);font-size:11px;font-weight:800}.mk-photo{height:92px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#cfe7f7,#eaf5ec)}.mk-photo svg{width:100%;height:100%;display:block}.mk-photo path{fill:#7ed3b2}.mk-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mk-group,.mk-msg{display:flex;align-items:center;gap:6px;padding:10px;border-radius:12px;background:var(--surface-sunken);font-weight:700;font-size:12px}.mk-group .wl-ic,.mk-msg .wl-ic{color:var(--brand-text);flex:none}.ages{background:var(--surface-warm);padding-block:var(--pub-gutter)}.ages-scroll{position:relative;overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.ages-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.ages-table{width:100%;min-width:680px;border-collapse:collapse;font:500 15px/1.5 var(--font-ui)}.ages-table th,.ages-table td{position:relative;padding:14px 12px;border-bottom:1px solid var(--border);text-align:center}.ages-table tbody tr:last-child>*{border-bottom:0}.ages-table thead th{background:var(--surface-sunken);font-weight:700;vertical-align:bottom}.ages-table thead th b{display:block;font:800 17px/1.2 var(--font-latin)}.ages-table thead th small{font:500 11.5px/1.3 var(--font-ui);color:var(--ink-muted)}.ages-table th[scope=row],.ages-table thead th:first-child{text-align:start;font-weight:600;position:sticky;inset-inline-start:0;background:var(--surface-raised);min-width:170px;max-width:300px;z-index:1}@media(min-width:700px){.ages-table th[scope=row]{min-width:240px}}.ages-table thead th:first-child{background:var(--surface-sunken);color:var(--ink-secondary);font-size:13px}.ages-table tbody tr{transition:background var(--motion-fast) var(--ease)}.ages-table tbody tr:hover>*{background:var(--surface-brand-soft)}.ages-from{display:none}@media(max-width:699px){.ages-table{min-width:0}.ages-table thead th:not(:first-child),.ages-table td{display:none}.ages-table th[scope=row]{position:static;min-width:0;max-width:none}.ages-from{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:99px;background:var(--surface-brand-soft);color:var(--brand-text);font:700 12.5px/1.6 var(--font-ui)}.ages-table tbody tr:first-child .ages-from{background:var(--surface-gold-soft);color:var(--gold-text)}}.ages-table th[scope=row] small{display:none}@media(max-width:699px){.ages-table th[scope=row] small.ages-from{display:table}}.dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:1.5px dashed var(--border-strong);opacity:.5;vertical-align:middle}.dot.on{border:0;opacity:1;background:var(--surface-brand);box-shadow:0 0 0 4px var(--surface-brand-soft)}.dot.on[data-first]{background:var(--gold);box-shadow:0 0 0 4px var(--surface-gold-soft)}.ages-note{display:flex;align-items:center;gap:8px;margin:var(--space-5) 0 0;color:var(--ink-secondary);font:500 14.5px/1.6 var(--font-ui)}.ages-note .wl-ic{flex:none;color:var(--brand-text)}.steps{padding-block:var(--pub-gutter);background:var(--surface)}.steps-list{position:relative;display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none;counter-reset:s}.steps-list:before{content:"";position:absolute;inset-inline-start:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--brand),var(--gold));transform-origin:top}.steps-list li{position:relative;padding-inline-start:72px}.steps-n{position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);color:var(--brand-text);font:800 18px/1 var(--font-latin)}.steps-list li:last-child .steps-n{background:var(--gold);border-color:var(--gold);color:var(--ink-on-gold)}.steps-list h3{margin:8px 0 6px;font:800 19px/1.4 var(--font-ui)}.steps-list p{margin:0;color:var(--ink-secondary);font:400 15.5px/1.75 var(--font-ui)}@media(min-width:900px){.steps-list{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.steps-list:before{inset-inline-start:24px;inset-inline-end:calc((100% - 96px)/4 - 24px);top:23px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--brand),var(--gold));transform-origin:left}[dir=rtl] .steps-list:before{background:linear-gradient(-90deg,var(--brand),var(--gold));transform-origin:right}.steps-list li{padding-inline-start:0;padding-top:72px}}.steps-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-10) 0 0}.safety{position:relative;isolation:isolate;padding-block:var(--pub-gutter);background:var(--deep);color:var(--hero-ink);overflow:hidden}.safety:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--lattice);background-size:56px 56px;opacity:.07}.safety-in{display:grid;gap:var(--space-10)}@media(min-width:1000px){.safety-in{grid-template-columns:.8fr 1.2fr;gap:var(--space-16);align-items:start}.safety .sec-h{position:sticky;top:110px}}.safety .sec-h .wl-btn{margin-top:var(--space-6)}.safety-list{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--radius-xl);overflow:hidden}@media(min-width:640px){.safety-list{grid-template-columns:1fr 1fr}}.safety-list li{padding:var(--space-6);background:var(--deep);transition:background var(--motion-base) var(--ease)}.safety-list li:hover{background:#08493a}.safety-list h3{margin:0 0 8px;font:800 17px/1.4 var(--font-ui);color:#fff;display:flex;gap:10px;align-items:baseline}.safety-list h3:before{content:"";flex:none;width:10px;height:10px;rotate:45deg;background:var(--gold);translate:0 -1px}.safety-list p{margin:0;color:#c4d6cc;font:400 15px/1.75 var(--font-ui)}.access{padding-block:var(--pub-gutter);background:var(--surface-warm)}.access-h{margin-bottom:var(--space-8)!important}.access-list{display:grid;gap:var(--space-6);margin:0}@media(min-width:700px){.access-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.access-list{grid-template-columns:repeat(4,1fr)}}.access-list>div{padding-top:var(--space-4);border-top:2px solid var(--brand)}.access-list dt{font:800 18px/1.4 var(--font-ui);margin-bottom:6px}.access-list dd{margin:0;color:var(--ink-secondary);font:400 15px/1.75 var(--font-ui)}.faq{padding-block:var(--pub-gutter);background:var(--surface)}.faq-in{display:grid;gap:var(--space-8)}@media(min-width:960px){.faq-in{grid-template-columns:.7fr 1.3fr;gap:var(--space-16)}.faq h2{position:sticky;top:110px;align-self:start}}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px;padding-block:14px;cursor:pointer;font:700 17px/1.5 var(--font-ui)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--brand-text)}.faq-item summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:6px}.faq-item summary i{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--surface-sunken);transition:background var(--motion-base) var(--ease),transform var(--motion-slow) var(--ease-out)}.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;inset:50% auto auto 50%;width:12px;height:2px;translate:-50% -50%;border-radius:2px;background:currentColor;transition:transform var(--motion-slow) var(--ease-out)}.faq-item summary i:after{transform:rotate(90deg)}.faq-item[open] summary i{background:var(--surface-brand);color:#fff;transform:rotate(180deg)}.faq-item[open] summary i:after{transform:rotate(0)}.faq-a p{margin:0;padding:0 0 var(--space-5);color:var(--ink-secondary);font:400 16px/1.85 var(--font-ui);max-width:44em}.faq-item[open] .faq-a{animation:rise .45s var(--ease-out)}.final{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(72px,10vw,140px);background:radial-gradient(800px 400px at 50% 120%,#0e6a50,transparent 70%),var(--deep);color:var(--hero-ink);text-align:center}.final-in{position:relative;max-width:760px}.final-star{position:absolute;z-index:-1;left:50%;top:50%;width:560px;height:560px;translate:-50% -50%;fill:none;stroke:#d5af58;stroke-width:1;opacity:.18;animation:spin 120s linear infinite}.final-slogan{margin:0 0 var(--space-3);font:700 17px/1.5 var(--font-ui);color:var(--gold)}.final h2{margin:0 0 var(--space-4);font:800 clamp(30px,2.4vw + 18px,52px)/1.2 var(--font-ui);color:#fff}.final p:not(.final-slogan){margin:0 auto var(--space-8);max-width:34em;color:#c4d6cc;font:400 18px/1.8 var(--font-ui)}.page-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:var(--hero-ink);padding-block:clamp(36px,5vw,64px)}.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--lattice);background-size:48px 48px;opacity:.08}.page-hero h1{margin:var(--space-3) 0 0;font:800 clamp(30px,2vw + 20px,46px)/1.25 var(--font-ui);color:#fff;animation:rise .8s var(--ease-out) both}.page-hero p{margin:var(--space-3) 0 0;max-width:40em;color:#c4d6cc;font:400 17px/1.8 var(--font-ui);animation:rise .8s var(--ease-out) both .1s}.page-hero .wl-crumbs{color:#c4d6cc}.page-hero .wl-crumbs a{color:var(--gold-soft)}.wl-crumbs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font:500 13px/20px var(--font-ui);color:var(--ink-secondary)}.wl-crumbs a{color:var(--brand-text);text-decoration:none}.wl-crumbs a:hover{text-decoration:underline}[dir=rtl] .wl-crumbs .sep{transform:scaleX(-1);display:inline-block}.pub-article{padding-block:var(--space-12) var(--pub-gutter);max-width:820px}.pub-article>h1{font:800 32px/1.3 var(--font-ui);margin:var(--space-4) 0 var(--space-5)}.pub-article section{padding-block:var(--space-6);border-bottom:1px solid var(--border)}.pub-article section:last-child{border-bottom:0}.pub-article h2{font:800 22px/1.4 var(--font-ui);margin:0 0 var(--space-3);display:flex;gap:12px;align-items:baseline}.pub-article h2:before{content:"";flex:none;width:10px;height:10px;rotate:45deg;background:var(--gold);translate:0 -2px}.pub-article p{font:400 16.5px/1.95 var(--font-ui);margin:0 0 var(--space-3);color:var(--ink)}.pub-draft{background:var(--warning-soft);color:var(--ink);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:14px!important;border-inline-start:4px solid var(--warning)}.pub-kv{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-warm);border:1px solid var(--border)}.pub-kv dt{font-weight:700;color:var(--ink-secondary)}.pub-kv dd{margin:0}.pub-cert-ok{background:var(--success-soft);color:var(--success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-weight:700}.pub-footer{background:var(--deep-2);color:#c4d6cc;padding-block:var(--space-16) var(--space-6);font:400 14.5px/1.7 var(--font-ui)}.pub-foot-grid{display:grid;gap:var(--space-10)}@media(min-width:720px){.pub-foot-grid{grid-template-columns:1fr 1fr}}@media(min-width:1040px){.pub-foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}.pub-foot-brand p{margin:var(--space-3) 0 0;max-width:30em}.pub-foot-slogan{color:var(--gold);font-weight:700;font-size:16px}.pub-footer h2{margin:0 0 var(--space-3);font:700 14px/1.4 var(--font-ui);color:#fff}.pub-footer h2.mt{margin-top:var(--space-6)}.pub-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.pub-footer a{color:#c4d6cc;text-decoration:none;transition:color var(--motion-fast) var(--ease)}.pub-footer a:hover,.pub-footer a[aria-current]{color:var(--gold-soft)}.pub-foot-langs{grid-auto-flow:column;justify-content:start;gap:4px 14px!important;flex-wrap:wrap}.pub-foot-langs a[lang=ar]{font-family:var(--font-arabic)}.pub-foot-langs a:not([lang=ar]){font-family:var(--font-latin)}.pub-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-6);margin-top:var(--space-12);padding-top:var(--space-5);border-top:1px solid #ffffff1a;font-size:13px}.pub-foot-bottom p{margin:0}.pub-credit a{color:var(--gold-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}[data-reveal].pre{opacity:0;transform:translateY(26px)}[data-reveal]{transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}[data-reveal=mock].pre{transform:translateY(26px) scale(.98)}[data-reveal=matrix].pre,[data-reveal=steps].pre{transform:none}.mod-fig.in .mk-line{animation:grow-x .9s var(--ease-out) both;animation-delay:calc(.15s + var(--i, 0) * .08s);transform-origin:right}[dir=ltr] .mod-fig.in .mk-line{transform-origin:left}.mod-fig.in .mk-ayah{animation:pop .5s var(--ease-out) both;animation-delay:calc(.4s + var(--i, 0) * .08s)}.mod-fig.in .mk-track span{animation:track 6s linear infinite .8s}.mod-fig.in .mk-rate-b.r2{animation:press 1s var(--ease-out) both .9s}.mod-fig.in .mk-sched-row i{animation:grow-x 1.1s var(--ease-out) both;animation-delay:calc(1.1s + var(--i) * .15s)}[dir=rtl] .mod-fig.in .mk-sched-row i{transform-origin:right}[dir=ltr] .mod-fig.in .mk-sched-row i{transform-origin:left}.mod-fig.in .mk-times li{animation:slide-in .6s var(--ease-out) both;animation-delay:calc(.15s + var(--i) * .07s)}.mod-fig.in .mk-times li.next{animation:slide-in .6s var(--ease-out) both .29s,glow 2.8s ease-in-out infinite 1.2s}.mod-fig.in .mk-compass .needle{animation:needle 2.2s cubic-bezier(.3,1.6,.5,1) both .4s}.mod-fig.in .mk-counter .fill{animation:ring 2.2s var(--ease-out) both .4s}.mod-fig.in .mk-prog i{animation:grow-x 1.4s var(--ease-out) both .5s}[dir=rtl] .mod-fig.in .mk-prog i{transform-origin:right}[dir=ltr] .mod-fig.in .mk-prog i{transform-origin:left}.mod-fig.in .mk-lessons li{animation:slide-in .5s var(--ease-out) both;animation-delay:calc(.3s + var(--i) * .1s)}.mod-fig.in .mk-cert{animation:rise .7s var(--ease-out) both .9s}.mod-fig.in .mk-seal{animation:pop .6s var(--ease-out) both 1.3s}.mod-fig.in .mk-glyph{animation:pop .7s var(--ease-out) both .2s}.mod-fig.in .mk-opt.ok{animation:correct .9s var(--ease-out) both 1s}.mod-fig.in .mk-stars span{animation:pop .5s cubic-bezier(.3,1.8,.5,1) both;animation-delay:calc(1.5s + var(--i) * .15s)}.mod-fig.in .mk-slider i{animation:grow-x 1.2s var(--ease-out) both .5s}[dir=rtl] .mod-fig.in .mk-slider i{transform-origin:right}[dir=ltr] .mod-fig.in .mk-slider i{transform-origin:left}.mod-fig.in .mk-switch.on{animation:switch-bg .4s ease both 1.2s}.mod-fig.in .mk-switch.on i{animation:switch-knob .5s var(--ease-out) both 1.2s}.mod-fig.in .mk-approve{animation:rise .6s var(--ease-out) both 1.5s}.mod-fig.in .mk-review{animation:blink 2.4s ease-in-out infinite 1s}.mod-fig.in .mk-photo path{animation:rise .9s var(--ease-out) both .5s}.mod-fig.in .mk-group,.mod-fig.in .mk-msg{animation:rise .6s var(--ease-out) both .8s}.mod-fig.in .mk-msg{animation-delay:.95s}[data-reveal=matrix].in .dot{animation:pop .45s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--d)}[data-reveal=steps].in:before{animation:grow-y 1.4s var(--ease-out) both .2s}@media(min-width:900px){[data-reveal=steps].in:before{animation-name:grow-x}}[data-reveal=steps].in li{animation:rise .7s var(--ease-out) both;animation-delay:calc(.25s + var(--i) * .18s)}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes slide-in{0%{opacity:0;transform:translate(var(--slide-from, 14px))}}[dir=ltr]{--slide-from: -14px}@keyframes track{0%{width:8%}to{width:100%}}@keyframes press{0%{box-shadow:0 0 0 0 var(--success);transform:scale(1)}40%{transform:scale(.94)}to{box-shadow:0 0 0 2px var(--success);transform:scale(1)}}@keyframes glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--surface-brand) 25%,transparent),var(--shadow-brand)}}@keyframes needle{0%{transform:rotate(-40deg)}to{transform:rotate(136deg)}}@keyframes ring{0%{stroke-dashoffset:100}}@keyframes correct{0%{border-color:var(--border);background:transparent;color:var(--ink)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes switch-bg{0%{background:var(--border-strong)}}@keyframes switch-knob{0%{inset-inline-start:3px}}@keyframes blink{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal].pre{opacity:1;transform:none}.star-spark{display:none}}@media print{.pub-header,.hero-scroll,.tour-index,.pub-footer nav{display:none!important}.hero,.safety,.final{background:#fff!important;color:#000!important}}[tabindex="-1"]:focus{outline:0}[dir=ltr] .hero-lead,[dir=ltr] .mod-body,[dir=ltr] .sec-h p,[dir=ltr] .chapter-h p,[dir=ltr] .faq-a p,[dir=ltr] .pub-article p,[dir=ltr] .final p{line-height:1.65}[dir=ltr] .mod-points li,[dir=ltr] .steps-list p,[dir=ltr] .safety-list p,[dir=ltr] .access-list dd{line-height:1.6}[dir=ltr] .hero-title{line-height:1.4}@media(prefers-color-scheme:dark){[data-theme=system] .mod-fig:before{opacity:.12}[data-theme=system] .mk-photo{filter:brightness(.75)}}[data-theme=dark] .mod-fig:before{opacity:.12}