@font-face{font-family:Newsreader;font-weight:300 800;font-style:normal;font-display:swap;src:url(/fonts/newsreader-latin.woff2)format("woff2")}@font-face{font-family:"Source Sans 3";font-weight:300 900;font-style:normal;font-display:swap;src:url(/fonts/source-sans-3-latin.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/noto-naskh-arabic-400.woff2)format("woff2")}@font-face{font-family:Noto Naskh Arabic;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/noto-naskh-arabic-700.woff2)format("woff2")}@font-face{font-family:Amiri Quran;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/amiri-quran-400.woff2)format("woff2")}:root{color-scheme:light;--paper:#f7f3ea;--paper-2:#efe9db;--paper-3:#e5ddc9;--card:#fffdf8;--ink:#16201c;--ink-2:#3e4a44;--ink-3:#5d6a63;--line:#16201c1f;--line-2:#16201c33;--emerald:#0d6b57;--emerald-2:#0a5545;--emerald-wash:#0d6b571a;--gold:#a67b2d;--gold-soft:#d9b56a;--night:#0b1411;--night-2:#12201b;--on-night:#eef3ef;--on-night-2:#eef3efbd;--shadow-window:0 0 0 1px #16201c24, 0 50px 90px -30px #0a1e1873, 0 18px 36px -18px #0a1e184d;--serif:"Newsreader", "Iowan Old Style", Georgia, serif;--sans:"Source Sans 3", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--arabic:"Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", serif;--quran:"Amiri Quran", "Noto Naskh Arabic", serif;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(18px, 4.4vw, 64px);--max:1240px;--nav-h:64px;--r:22px;--dir:1}:root[data-theme=dark]{color-scheme:dark;--paper:#0d1613;--paper-2:#121e19;--paper-3:#19292a;--card:#14211c;--ink:#eef3ef;--ink-2:#bcc8c1;--ink-3:#98a69e;--line:#eef3ef1f;--line-2:#eef3ef38;--emerald:#5fd0b0;--emerald-2:#8fe3c9;--emerald-wash:#5fd0b01f;--gold:#d9b56a;--shadow-window:0 0 0 1px #eef3ef24, 0 50px 90px -30px #000c, 0 18px 36px -18px #0009}:root[dir=rtl]{--dir:-1}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-h);background:var(--paper);overflow-x:clip}@media (prefers-reduced-motion:no-preference){html:not(.motion){scroll-behavior:smooth}}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .4s var(--ease), color .4s var(--ease);margin:0;font-size:1.125rem;line-height:1.6;overflow-x:clip}:root[lang=ar] body{font-family:var(--arabic);line-height:1.85}img,svg,video{max-width:100%;display:block}img{height:auto}p{text-wrap:pretty;margin:0}h1,h2,h3{text-wrap:balance;margin:0;font-weight:500}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--emerald);color:var(--paper)}:focus-visible{outline:2px solid var(--emerald);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{inset-inline-start:12px;z-index:100;background:var(--ink);color:var(--paper);transition:top .2s var(--ease);border-radius:10px;padding:10px 16px;text-decoration:none;position:fixed;top:-60px}.skip:focus{top:12px}.eyebrow{font:600 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--emerald)}:root[lang=ar] .eyebrow{font-family:var(--arabic);letter-spacing:0;text-transform:none;font-size:1rem;font-weight:700}.display{font:500 clamp(3rem, 8.6vw, 8rem)/.96 var(--serif);letter-spacing:-.03em}.title{font:500 clamp(2.2rem, 5.2vw, 4.6rem)/1.02 var(--serif);letter-spacing:-.025em}:root[lang=ar] .display,:root[lang=ar] .title{font-family:var(--arabic);letter-spacing:0;font-weight:700;line-height:1.25}.lead{color:var(--ink-2);max-width:36em;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.55}.muted{color:var(--ink-3)}.btn{border:1px solid var(--line-2);min-height:52px;color:var(--ink);font:600 1rem/1 var(--sans);cursor:pointer;transition:background-color .22s var(--ease), border-color .22s var(--ease), transform .16s var(--ease), color .22s var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.6em;padding:0 26px;text-decoration:none;display:inline-flex}:root[lang=ar] .btn{font-family:var(--arabic);font-weight:700}.btn:active{transform:scale(.97)}.btn-primary{background:var(--emerald);border-color:var(--emerald);color:var(--paper)}:root[data-theme=dark] .btn-primary{color:#06231c}.btn[aria-disabled=true]{cursor:default;color:var(--ink-3);background:var(--paper-2);border-color:var(--line)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:var(--emerald-2);border-color:var(--emerald-2)}.btn:not(.btn-primary):not([aria-disabled=true]):hover{border-color:var(--ink)}}.nav{z-index:50;height:var(--nav-h);transition:background-color .3s var(--ease), box-shadow .3s var(--ease);align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{background:color-mix(in srgb, var(--paper) 86%, transparent);backdrop-filter:saturate(1.4)blur(16px);box-shadow:0 1px 0 var(--line)}.nav-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;display:grid}.brand{font:500 1.3rem/1 var(--serif);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;text-decoration:none;display:inline-flex}:root[lang=ar] .brand{font-family:var(--arabic);font-weight:700}.brand img{border-radius:7px;width:28px;height:28px}.nav-links{border:1px solid var(--line-2);background:color-mix(in srgb, var(--paper) 70%, transparent);backdrop-filter:blur(10px);font:600 .95rem/1 var(--sans);border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex}:root[lang=ar] .nav-links{font-family:var(--arabic);font-size:1rem}.nav-links>a,.menu-btn{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex;position:relative}.nav-links>a:hover,.menu-btn:hover,.menu-btn[aria-expanded=true]{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.nav-links>a.on,.menu-btn.on{color:var(--paper);background:var(--ink)}.menu-btn svg:last-child{transition:transform .25s var(--ease)}.menu-btn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.menu-btn:focus-visible,.nav-links>a:focus-visible,.feat a:focus-visible,.langs a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.menu{position:relative}.menu-panel{top:calc(100% + 14px);z-index:60;border:1px solid var(--line-2);background:color-mix(in srgb, var(--paper) 96%, #fff);min-width:15rem;animation:menu-in .22s var(--ease);border-radius:20px;padding:8px;position:absolute;inset-inline-start:0;box-shadow:0 40px 60px -24px #1e180873}.menu-panel[hidden]{display:none}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.feat{width:22rem;padding:8px 8px 6px}.feat ul,.langs{gap:2px;margin:0;padding:0;list-style:none;display:grid}.feat li a{color:var(--ink);border-radius:14px;grid-template-columns:30px 1fr;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .2s;display:grid}.feat li a:hover,.feat li a.on{background:color-mix(in srgb, var(--gold) 14%, transparent)}.feat-n{border:1.5px solid var(--gold);width:30px;height:30px;color:var(--gold);font:700 .76rem/1 var(--sans);border-radius:50%;place-items:center;display:grid}.feat-t b{font:600 .98rem/1.2 var(--sans);display:block}.feat-t small{font:400 .82rem/1.3 var(--sans);color:var(--ink-3);margin-top:3px;display:block}:root[lang=ar] .feat-t b{font-family:var(--arabic);font-weight:700}.feat-all{border-top:1px solid var(--line);font:600 .88rem/1 var(--sans);color:var(--emerald);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:12px 14px;text-decoration:none;display:flex}:root[dir=rtl] .feat-all svg{transform:scaleX(-1)}.langs{min-width:11rem;inset-inline:auto 0}.langs a{font:600 .95rem/1 var(--sans);color:var(--ink-2);border-radius:12px;padding:11px 16px;text-decoration:none;display:block}.langs a:hover{background:color-mix(in srgb, var(--gold) 14%, transparent);color:var(--ink)}.langs a[aria-current=true]{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.lang-btn{border:1px solid var(--line-2);padding:9px 12px}.nav-tools{justify-self:end;align-items:center;gap:14px;display:flex}.lang{font:600 .82rem/1 var(--sans);color:var(--ink-3);align-items:center;gap:7px;display:inline-flex}.lang i{opacity:.45;font-style:normal}.lang a{color:var(--ink-3);border-bottom:1.5px solid #0000;padding:4px 1px;text-decoration:none;transition:color .2s,border-color .2s}.lang a:hover{color:var(--ink)}.lang a[aria-current=true]{color:var(--ink);border-bottom-color:var(--gold)}.theme-btn{border:1px solid var(--line-2);width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:border-color .2s, color .2s, transform .2s var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.theme-btn:hover{border-color:var(--ink);color:var(--ink);transform:rotate(-12deg)}.theme-btn .i-moon,:root[data-theme=dark] .theme-btn .i-sun{display:none}:root[data-theme=dark] .theme-btn .i-moon{display:block}.nav-cta{border-radius:9px;min-height:36px;padding:0 16px;font-size:.9rem}.burger{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:9px;align-content:center;place-items:center;gap:6px;width:40px;height:36px;padding:0;display:none}.burger i{background:var(--ink);width:16px;height:1.5px;transition:transform .24s var(--ease);display:block}.burger[aria-expanded=true] i:first-child{transform:translateY(3.75px)rotate(45deg)}.burger[aria-expanded=true] i:last-child{transform:translateY(-3.75px)rotate(-45deg)}.nav-sheet{inset:var(--nav-h) 0 auto 0;background:color-mix(in srgb, var(--paper) 96%, transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:10px var(--gutter) 24px;position:absolute;box-shadow:0 30px 40px -24px #00000059}.nav-sheet ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-sheet a{font:500 1.3rem/1.2 var(--serif);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 4px;text-decoration:none;display:flex}:root[lang=ar] .nav-sheet a{font-family:var(--arabic);font-weight:700}.nav-sheet i{border:1.5px solid var(--gold);width:32px;height:32px;font:normal 400 .95rem/1 var(--quran);color:var(--gold);border-radius:50%;flex:none;place-items:center;display:inline-grid}@media (width<=1100px){.nav-links{display:none}.nav-row{grid-template-columns:1fr auto}.burger{display:grid}}@media (width<=560px){.nav-cta{display:none}.lang{gap:5px}}.seg{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg a,.seg button{min-width:38px;min-height:32px;font:600 .84rem/1 var(--sans);cursor:pointer;color:var(--ink-3);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}:root[lang=ar] .seg a,:root[lang=ar] .seg button{font-family:var(--arabic);font-weight:700}.seg a:hover,.seg button:hover{color:var(--ink)}.seg [aria-current=true],.seg [aria-pressed=true]{background:var(--ink);color:var(--paper)}.mac{box-shadow:var(--shadow-window);background:var(--paper-2);aspect-ratio:16/10;border-radius:clamp(10px,1.2vw,16px);position:relative;overflow:hidden}.mac img{object-fit:cover;width:100%;height:100%}.phone{aspect-ratio:1206/2622;background:#000;border-radius:13.5%/6.2%;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 clamp(3px,.5vw,7px) #14181a,0 0 0 clamp(4px,.6vw,8px) #ffffff24,0 40px 70px -25px #08181280}:root[data-theme=dark] .phone{box-shadow:0 0 0 clamp(3px,.5vw,7px) #1c2224,0 0 0 clamp(4px,.6vw,8px) #fff3,0 40px 70px -25px #000c}.phone img{object-fit:cover;width:100%;height:100%}.theme-dark,:root[data-theme=dark] .theme-light{display:none}:root[data-theme=dark] .theme-dark{display:block}.chapter{padding-block:clamp(72px,9vw,130px);position:relative}.chapter-head{gap:18px;max-width:46rem;display:grid}.night{background:var(--night);color:var(--on-night);--ink:var(--on-night);--ink-2:var(--on-night-2);--ink-3:#eef3ef99;--line:#eef3ef24;--emerald:#5fd0b0;--card:#14211c;--paper-2:#14211c}.night .lead{color:var(--on-night-2)}.reveal{opacity:1}html.motion .reveal{opacity:0;transform:translateY(26px)}html.motion .reveal.in{opacity:1;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:none}.draft-note{font:500 .8rem/1.4 var(--sans);color:var(--ink-3);padding:8px var(--gutter);text-align:center;background:var(--paper-2)}[hidden]{display:none!important}.draft-chip{z-index:60;background:color-mix(in srgb, var(--paper) 94%, transparent);backdrop-filter:blur(10px);border:1px solid var(--line-2);max-width:min(360px,100vw - 28px);font:500 .78rem/1.3 var(--sans);color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:inline-flex;position:fixed;inset-block-end:12px;inset-inline-start:76px;box-shadow:0 10px 24px -12px #00000059}:root[lang=ar] .draft-chip{font-family:var(--arabic);padding:8px 14px 8px 8px;font-size:.85rem}.draft-chip button{background:var(--paper-2);width:24px;height:24px;color:var(--ink-2);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:1rem;line-height:1}.draft-chip[hidden]{display:none}.read-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.read-lines{font:400 clamp(1.15rem, 1.6vw, 1.45rem)/1.4 var(--serif);color:var(--ink-2);gap:14px;margin-top:14px;display:grid}:root[lang=ar] .read-lines{font-family:var(--arabic)}.read-lines li{border-inline-start:2px solid var(--emerald);padding-inline-start:18px}@media (width<=860px){.read-grid{grid-template-columns:1fr}}.follow{text-align:center;gap:clamp(10px,1.6vw,22px);margin:clamp(40px,6vw,80px) 0;display:grid}.follow-line{font:400 clamp(1.9rem, 5.4vw, 4.4rem)/1.7 var(--quran)}.follow .w{color:#eef3ef57;transition:color .4s var(--ease)}.follow .w.on{color:var(--on-night)}.follow .w.now{color:var(--gold-soft)}.listen-row{justify-items:center;gap:22px;display:grid}.listen-row .mac{width:min(100%,980px)}.audio{gap:10px}.audio:disabled{opacity:.7;cursor:default}.remember-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.kept{gap:10px;margin-top:18px;display:grid}.kept-dots{flex-wrap:wrap;gap:8px;display:flex}.kept-dots li{border:1.5px solid var(--line-2);width:38px;height:38px;font:600 .9rem/1 var(--sans);color:var(--ink-3);transition:background-color .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease);border-radius:50%;place-items:center;display:grid}.kept-dots li.on{background:var(--emerald);border-color:var(--emerald);color:var(--paper);transform:scale(1.06)}:root[data-theme=dark] .kept-dots li.on{color:#06231c}@media (width<=860px){.remember-grid{grid-template-columns:1fr}}.pray-grid{grid-template-columns:minmax(0,1fr) minmax(150px,230px);align-items:end;gap:clamp(20px,4vw,60px);margin-top:clamp(40px,6vw,80px);display:grid}.pray-side{padding-bottom:2%}.pray-demos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(20px,4vw,60px);margin-top:clamp(40px,6vw,80px);display:grid}.countdown{border-radius:var(--r);background:var(--night-2);border:1px solid var(--line);gap:6px;padding:clamp(22px,3vw,40px);display:grid}.countdown-name{font:500 clamp(1.8rem, 3vw, 2.6rem)/1.1 var(--serif)}:root[lang=ar] .countdown-name{font-family:var(--arabic);font-weight:700}.countdown-time{font:300 clamp(3rem, 7vw, 5.6rem)/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--gold-soft)}.qibla{justify-items:center;gap:10px;display:grid}.qibla svg{touch-action:none;cursor:grab;width:min(100%,300px)}.q-ring{fill:none;stroke:var(--line);stroke-width:1.5px}.q-ticks line{stroke:var(--on-night-2);stroke-width:1.2px}.q-n{fill:var(--on-night);font:700 16px var(--sans)}.q-kaaba{fill:var(--gold-soft)}.q-needle{stroke:var(--emerald);stroke-width:3px;stroke-linecap:round}.q-hub,.qibla.aligned .q-kaaba{fill:var(--emerald)}.qibla-label{font:600 .95rem/1.3 var(--sans);color:var(--on-night-2)}@media (width<=760px){.pray-grid{grid-template-columns:1fr}.pray-side{max-width:200px;margin-inline:auto}.pray-demos{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-top:clamp(36px,5vw,64px);display:grid}.tile{border-radius:var(--r);background:var(--card);border:1px solid var(--line);padding:clamp(16px,2vw,28px)}.tile-mac{grid-column:span 7;align-items:center;display:grid}.tile-tasbih{text-align:center;grid-column:span 5;align-content:center;justify-items:center;gap:14px;display:grid}.tile-hijri{background:var(--paper-2);grid-column:span 3;place-items:center;display:grid}.tile-hijri .phone{width:min(100%,210px)}.tile-list{grid-column:span 9;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:22px 28px;display:grid}.tile-list h3{font:600 1.1rem/1.3 var(--sans);margin-bottom:4px}:root[lang=ar] .tile-list h3{font-family:var(--arabic);font-weight:700}.tile-list p{font-size:.98rem;line-height:1.5}.tasbih-ring{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-content:center;place-items:center;width:min(100%,300px);padding:0;display:grid;position:relative}.tasbih-ring svg{width:100%;height:100%;position:absolute;inset:0}.bead{fill:var(--paper-3);transition:fill .3s var(--ease), transform .3s var(--ease);transform-box:fill-box}.bead.on{fill:var(--emerald)}.tasbih-count{font:300 clamp(3.6rem, 8vw, 5.4rem)/1 var(--sans);font-variant-numeric:tabular-nums;transition:transform .16s var(--ease);position:relative}.tasbih-ring:active .tasbih-count{transform:scale(.94)}.tasbih-of{font:600 .9rem/1 var(--sans);color:var(--ink-3);margin-top:6px;position:relative}.tasbih-hint{font-size:.92rem}.linklike{cursor:pointer;color:var(--emerald);background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=960px){.tile-mac,.tile-tasbih,.tile-list,.tile-hijri{grid-column:span 12}.tile-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.tile-list{grid-template-columns:1fr}}.shelf{perspective:1200px;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,2vw,28px);margin-top:clamp(40px,6vw,80px);display:grid}.shelf li{aspect-ratio:1}.shelf img{object-fit:contain;filter:drop-shadow(0 24px 24px #00000080);width:100%;height:100%}@media (width<=760px){.shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}.statement{font:400 clamp(1.9rem, 4.6vw, 4rem)/1.2 var(--serif);letter-spacing:-.02em;max-width:24em;margin-top:22px}:root[lang=ar] .statement{font-family:var(--arabic);letter-spacing:0;font-weight:700;line-height:1.5}html.motion .statement .sw{color:var(--ink-3);opacity:.45;transition:color .3s,opacity .3s}html.motion .statement .sw.lit{color:var(--ink);opacity:1}.yours-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,56px);margin-top:clamp(48px,7vw,100px);display:grid}.yours-items li{border-top:1px solid var(--line-2);padding-top:18px}.yours-items h3{font:600 1.25rem/1.3 var(--sans);margin-bottom:6px}:root[lang=ar] .yours-items h3{font-family:var(--arabic);font-weight:700}@media (width<=760px){.yours-items{grid-template-columns:1fr}}.center{text-align:center;justify-items:center;margin-inline:auto}.center .lead{margin-inline:auto}.trio{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(14px,3vw,48px);max-width:880px;margin:clamp(40px,6vw,80px) auto 0;display:grid}.trio .phone-slot:nth-child(2){padding-bottom:0}.trio .phone-slot:first-child,.trio .phone-slot:nth-child(3){padding-bottom:6%}@media (width<=560px){.trio{gap:10px}}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,32px);max-width:860px;margin:clamp(36px,5vw,64px) auto 0;display:grid}.card{border-radius:var(--r);background:var(--night-2);border:1px solid var(--line);justify-items:start;gap:12px;padding:clamp(22px,3vw,40px);display:grid}.card h3{font:500 clamp(1.6rem, 2.6vw, 2.2rem)/1.1 var(--serif)}:root[lang=ar] .card h3{font-family:var(--arabic);font-weight:700}.card .btn{margin-top:10px}.night .btn{color:var(--on-night);border-color:var(--line)}.night .btn-primary{color:#06231c;background:var(--emerald);border-color:var(--emerald)}.night .btn[aria-disabled=true]{color:var(--on-night-2);background:0 0}.faq{max-width:760px;margin:clamp(60px,8vw,110px) auto 0}.faq-title{font:500 clamp(1.8rem, 3vw, 2.4rem)/1.1 var(--serif);margin-bottom:20px}:root[lang=ar] .faq-title{font-family:var(--arabic);font-weight:700}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-3);font-size:1.4rem;font-weight:400;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{max-width:40em;margin-top:10px}.footer{background:var(--night);color:var(--on-night);--ink-3:#eef3ef99;padding-top:clamp(50px,7vw,100px);position:relative;overflow:clip}.footer-tag{font:400 clamp(1.4rem, 2.4vw, 2rem)/1.2 var(--serif)}:root[lang=ar] .footer-tag{font-family:var(--arabic)}.foot-grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));align-items:start;gap:clamp(24px,4vw,64px);display:grid}.foot-brand{justify-items:start;gap:16px;display:grid}.foot-brand .brand{color:var(--on-night)}.foot-brand .brand span{display:inline}.foot-col h2{font:700 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-night-2);margin:0 0 14px}.foot-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.foot-col a{color:var(--on-night);opacity:.86;font-size:.98rem;text-decoration:none;transition:opacity .2s}.foot-col a:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.foot-base{border-top:1px solid #eef3ef24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(36px,5vw,64px);padding-top:22px;display:flex}.foot-lang a{color:var(--on-night-2)}.foot-lang a[aria-current=true]{color:var(--on-night)}@media (width<=860px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}.footer-made{font-size:.9rem}.ghost{font:500 clamp(6rem, 24vw, 22rem)/.8 var(--serif);letter-spacing:-.04em;text-align:center;color:#eef3ef12;user-select:none;margin-top:20px;transform:translateY(14%)}:root[lang=ar] .ghost{font-family:var(--arabic);letter-spacing:0;font-weight:700;line-height:1.1}@media (width<=560px){.brand span{display:none}.seg a,.seg button{min-width:34px;padding:0 8px}.nav-tools{gap:6px}}.doc .title{margin-top:20px}.doc-list{gap:22px;display:grid}.doc-list h2{font:600 1.2rem/1.3 var(--sans);margin-bottom:4px}.chips{top:var(--nav-h);z-index:5;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:blur(10px);flex-wrap:wrap;gap:8px;margin:10px 0 18px;padding-block:10px;display:none;position:sticky}html.js .chips{display:flex}.chip{border:1px solid var(--line-2);cursor:pointer;min-height:38px;font:600 .92rem/1 var(--sans);background:0 0;border-radius:999px;padding:0 16px;transition:background-color .2s,color .2s}:root[lang=ar] .chip{font-family:var(--arabic)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.app{width:100%}.app-window{position:relative}.app-screens{position:absolute;inset:0}.screen{opacity:0;transition:opacity .42s var(--ease), transform .6s var(--ease);pointer-events:none;position:absolute;inset:0;transform:scale(1.012)}.screen[data-active=true]{opacity:1;transform:none}.screen img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hotspots{position:absolute;inset:0}.hot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;padding:0;transition:background-color .2s;position:absolute}.hot:hover{background:#0d6b571f}.hot:focus-visible{outline:2px solid var(--emerald);outline-offset:-2px}.hot[aria-selected=true]{cursor:default}.app-hint{inset-inline-start:2%;background:color-mix(in srgb, var(--ink) 86%, transparent);color:var(--paper);font:600 .85rem/1 var(--sans);transition:opacity .5s var(--ease), transform .5s var(--ease);pointer-events:none;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;display:inline-flex;position:absolute;bottom:3%;box-shadow:0 10px 24px -8px #0006}:root[lang=ar] .app-hint{font-family:var(--arabic)}.app-hint .dot{background:var(--gold-soft);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}.app-hint.gone{opacity:0;transform:translateY(8px)}@keyframes pulse{0%,to{box-shadow:0 0 #d9b56ab3}50%{box-shadow:0 0 0 8px #d9b56a00}}@media (prefers-reduced-motion:reduce){.app-hint .dot{animation:none}.screen{transition:none}}.chips-row{flex-wrap:wrap;gap:8px;display:flex}.chip.big{min-height:46px;padding:0 22px;font-size:1.02rem}.chip.dim{opacity:.45}.studio{--bg:#efe6d2;--fg:#231c12;--fg2:#5b4f3c;--accent:#8a5a12;background:var(--bg);color:var(--fg);transition:background-color .6s var(--ease), color .6s var(--ease);--ink:var(--fg);--ink-2:var(--fg2);--ink-3:var(--fg2);--line:color-mix(in srgb, var(--fg) 16%, transparent);--line-2:color-mix(in srgb, var(--fg) 26%, transparent);--paper:var(--bg);--paper-2:color-mix(in srgb, var(--fg) 8%, var(--bg));--emerald:var(--accent);--seg:#e3d9c0}.studio[data-theme=sepia]{--bg:#e0c898;--fg:#2d2010;--fg2:#67502a;--accent:#7a4a10;--seg:#d2bb88}.studio[data-theme=dark]{--bg:#0c1210;--fg:#ece7da;--fg2:#b8b3a4;--accent:#d9b56a;--seg:#1d2723}.studio .eyebrow{color:var(--accent)}.studio .seg{background:var(--seg)}.studio .seg button{color:var(--fg2)}.studio .seg [aria-pressed=true]{background:var(--fg);color:var(--bg)}.studio .chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.swatch{vertical-align:-1px;border:1px solid #0000004d;border-radius:50%;width:12px;height:12px;margin-inline-end:8px;display:inline-block}.swatch-paper{background:#f7efd9}.swatch-sepia{background:#d8bd86}.swatch-dark{background:#1b2420;border-color:#fff6}.studio{padding-block:0}.studio-track{position:relative}.studio-sticky{padding-block:clamp(70px,9vw,120px);position:relative}.studio-grid{gap:clamp(28px,4vw,56px);width:min(1360px,94vw);margin-inline:auto;display:grid}.studio-text{align-content:center;justify-items:start;gap:16px;min-width:0;max-width:100%;display:grid}.studio-grid>*{min-width:0}.studio-text .title{font-size:clamp(2rem,3.4vw,3rem)}.caps{width:100%;margin-top:6px;display:grid}.cap{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);pointer-events:none;grid-area:1/1;transform:translateY(12px)}.cap.on{opacity:1;pointer-events:auto;transform:none}.cap-k{font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.cap-l{font:italic 400 clamp(1.25rem, 1.9vw, 1.65rem)/1.35 var(--serif);color:var(--fg);max-width:22em}:root[lang=ar] .cap-l{font-family:var(--arabic);letter-spacing:0;font-style:normal;font-weight:600}.st-dots{flex-wrap:nowrap;gap:6px;margin-top:6px;display:flex}.st-dots button{all:unset;box-sizing:border-box;cursor:pointer;padding:10px 2px}.st-dots i{background:color-mix(in srgb, var(--fg) 22%, transparent);width:30px;height:4px;transition:background .3s, width .3s var(--ease);border-radius:2px;display:block}.st-dots [aria-pressed=true] i{background:var(--accent);width:52px}.st-dots button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.studio-bar{border-top:1px solid var(--line);justify-items:start;gap:12px;width:100%;margin-top:14px;padding-top:18px;display:grid}.try-k{font:600 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}.studio-bar .chips-row{flex-wrap:wrap;gap:8px;display:flex}.studio-pagebox{place-items:center;display:grid}.page-wrap{--ph:min(70vh, 680px);--pw:calc(var(--ph) * .7);width:var(--pw);height:var(--ph);perspective:1800px;position:relative}.pgA,.pgB{border-radius:10px;position:absolute;inset:0;box-shadow:0 40px 60px -28px #00000080}.page-wrap img[data-layer]{opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);border-radius:10px;position:absolute;inset:0}.page-wrap img.on{opacity:1}.pgA{transform-origin:0;transition:transform 1s var(--ease), opacity .7s var(--ease);backface-visibility:hidden;z-index:2}.pgB{opacity:0;transition:opacity .6s var(--ease) .25s;z-index:1}.studio[data-mode=tajweed] .pgA{opacity:0;pointer-events:none;transform:rotateY(-108deg)}.studio[data-mode=tajweed] .pgB{opacity:1}.tnotes{pointer-events:none;z-index:3;margin:0;padding:0;list-style:none;position:absolute;inset:0}.tn{opacity:0;width:0;height:0;transition:opacity .4s var(--ease);position:absolute}.studio[data-mode=tajweed][data-palette=standard][data-pop="0"] .tn{opacity:1;transition-delay:calc(.9s + var(--i) * .13s)}.tn i{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--accent);border-radius:50%;position:absolute;top:-8px;left:-8px}.tn:before{content:"";background:color-mix(in srgb, var(--accent) 75%, transparent);position:absolute}.tn .pl{gap:3px;width:170px;display:grid;position:absolute}.tn .pl b{font:italic 500 1.1rem/1.1 var(--serif);color:var(--fg)}:root[lang=ar] .tn .pl b{font-family:var(--arabic);font-style:normal;font-weight:700}.tn .pl small{font:400 .8rem/1.3 var(--sans);color:var(--fg2)}.tn[data-side=left]:before{height:1px;width:calc(var(--px) * var(--pw) / 100 + 24px);top:0;right:0}.tn[data-side=left] .pl{top:0;right:calc(var(--px) * var(--pw) / 100 + 32px);text-align:end;translate:0 -50%}.tn[data-side=right]:before{height:1px;width:calc((100 - var(--px)) * var(--pw) / 100 + 24px);top:0;left:0}.tn[data-side=right] .pl{top:0;left:calc((100 - var(--px)) * var(--pw) / 100 + 32px);translate:0 -50%}.tn[data-side=up]:before{width:1px;height:calc(var(--py) * var(--ph) / 100 + 20px);bottom:0;left:0}.tn[data-side=up] .pl{bottom:calc(var(--py) * var(--ph) / 100 + 28px);text-align:center;width:200px;left:0;translate:-50%}.pop{color:#1b2420;opacity:0;width:min(250px,19vw);transition:opacity .5s var(--ease), transform .7s var(--ease);z-index:3;pointer-events:none;background:#fbf8f0;border-radius:16px;gap:6px;padding:18px 18px 16px;display:grid;position:absolute;top:9%;left:calc(100% + 26px);transform:translate(-36px)rotate(2.5deg)scale(.95);box-shadow:0 24px 44px -16px #00000080}.rc-sw{background:var(--rc,#e08a1e);border-radius:16px 16px 0 0;height:6px;transition:background .3s;position:absolute;inset:0 0 auto}.rc-tap{font:600 .66rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#6b6556;margin-top:4px}.rc-name{font:italic 500 1.5rem/1.1 var(--serif);color:var(--rc,#e08a1e);filter:brightness(.85);transition:color .3s}.rc-desc{font:400 .88rem/1.4 var(--sans);color:#3b4440}.rc-ex-k{font:600 .62rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#6b6556;margin-top:8px}.rc-ex{font:400 1.7rem/1.4 var(--arabic);color:var(--rc,#e08a1e);filter:brightness(.85);transition:color .3s}.studio[data-pop="1"] .pop{opacity:1;pointer-events:auto;transform:rotate(1.5deg)}.studio[data-pop="1"] .tn{opacity:1;transition-delay:0s}.studio[data-pop="1"] .tn .pl,.studio[data-pop="1"] .tn:before{opacity:0}.studio[data-pop="1"] .tn i{pointer-events:auto;cursor:pointer;animation:tnpulse 2.2s var(--ease) infinite}.tn i{transition:transform .2s var(--ease)}.studio[data-pop="1"] .tn.cur i{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--rc);background:var(--rc);animation:none;transform:scale(1.35)}@keyframes tnpulse{0%,to{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--accent)}50%{box-shadow:0 0 0 2px var(--bg), 0 0 0 9px color-mix(in srgb, var(--accent) 25%, transparent)}}@media (width>=1280px){.studio.pinned .studio-track{height:400vh}.studio.pinned .studio-sticky{align-items:center;height:100vh;padding-block:100px 34px;display:grid;position:sticky;top:0}.studio.pinned .studio-grid{grid-template-columns:minmax(300px,390px) 1fr}.studio.pinned .studio-pagebox{padding-inline:190px 280px}}@media (width<=1279.98px){.studio-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.cap-l{max-width:none}.studio-text{text-align:center;justify-items:center}.studio-bar{justify-items:center}.page-wrap{--ph:min(70vh, 620px)}.tnotes .pl,.pop{display:none}}@media (prefers-reduced-motion:reduce){.pgA,.pgB,.cap,.tn,.pop,.tn i{transition-duration:1ms;transition-delay:0s;animation:none!important}}.words{--gold:#e6c36b;--gold-l:#f7e7ae;color:#f1e9d2;--ink:#f1e9d2;--ink-2:#f1e9d2d1;--ink-3:#f1e9d299;--line:#f1e9d22e;background:radial-gradient(120% 90% at 82% 18%,#11574d 0%,#08362f 46%,#041f1c 100%);position:relative;overflow:hidden}.words:before{content:"";background:linear-gradient(90deg,#0000,#e6c36b99,#0000);height:1px;position:absolute;top:0;left:0;right:0}.words .eyebrow{color:var(--gold)}.words .title{background:linear-gradient(100deg,#f7e7ae,#e0b552 50%,#f7e7ae);color:#0000;-webkit-background-clip:text;background-clip:text}.words-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.words-left{justify-items:start;gap:14px;min-width:0;display:grid}.words .lead{max-width:30rem}.stat{align-items:flex-start;gap:4px;margin-top:10px;line-height:.85;display:flex}.stat b{font:400 clamp(5.5rem, 10vw, 9rem)/.85 var(--serif);letter-spacing:-.03em;color:var(--gold-l);font-variant-numeric:tabular-nums}.stat .pc{font:400 clamp(2rem, 3.4vw, 3rem)/1 var(--serif);color:var(--gold);margin-top:.15em}.stat-cap{font:italic 400 1.2rem/1.3 var(--serif);color:var(--ink-2);max-width:18rem;margin-top:-2px}.slider{gap:14px;width:min(100%,30rem);margin-top:18px;display:grid}.slider label{font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:baseline;display:flex}.slider output{font:400 1.9rem/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--gold-l);font-variant-numeric:tabular-nums}.slider input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%;background:0 0;width:100%;height:30px}.slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--p), #f1e9d229 var(--p));border-radius:3px;height:6px}.slider input[type=range]::-moz-range-track{background:#f1e9d229;border-radius:3px;height:6px}.slider input[type=range]::-moz-range-progress{background:var(--gold);border-radius:3px;height:6px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-l);width:28px;height:28px;box-shadow:0 0 0 2px var(--gold), 0 6px 18px #00000073;border:4px solid #0a3b34;border-radius:50%;margin-top:-11px}.slider input[type=range]::-moz-range-thumb{background:var(--gold-l);width:20px;height:20px;box-shadow:0 0 0 2px var(--gold);border:4px solid #0a3b34;border-radius:50%}.slider input[type=range]:focus-visible{outline:2px solid var(--gold-l);outline-offset:6px;border-radius:6px}.presets{flex-wrap:wrap;gap:8px;display:flex}.preset{all:unset;box-sizing:border-box;cursor:pointer;font:600 .86rem/1 var(--sans);color:var(--ink-2);border:1px solid #e6c36b66;border-radius:999px;padding:7px 14px;transition:background .2s,color .2s,border-color .2s}.preset:hover{border-color:var(--gold);color:#fff}.preset[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#1d1706}.preset:focus-visible{outline:2px solid var(--gold-l);outline-offset:3px}.app-row{border-top:1px solid var(--line);align-items:center;gap:22px;width:min(100%,31rem);margin-top:14px;padding-top:20px;display:flex}.app-line{color:var(--ink-2);margin:0;font-size:1rem;line-height:1.5}.words-right{min-width:0;position:relative}.pcard{background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #e6c36b4d;border-radius:24px;gap:18px;padding:clamp(20px,2.6vw,34px);display:grid;box-shadow:0 40px 70px -40px #000000b3}.ptabs{background:#00000038;border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;padding:4px;display:flex}.ptabs button{all:unset;box-sizing:border-box;cursor:pointer;font:600 .84rem/1 var(--sans);color:var(--ink-2);border-radius:999px;padding:7px 16px;transition:background .2s,color .2s}.ptabs button[aria-pressed=true]{background:var(--gold);color:#1d1706}.ptabs button:focus-visible{outline:2px solid var(--gold-l);outline-offset:2px}.ptext{font:400 clamp(1.7rem, 2.7vw, 2.4rem)/2.2 var(--arabic);text-align:center;color:#f1e9d2;flex-wrap:wrap;place-content:center;gap:0 .4em;min-height:6.6em;display:flex}.pw{all:unset;cursor:pointer;opacity:.28;transition:opacity .35s var(--ease), color .35s, background .2s;border-radius:8px;padding:0 3px;display:inline}.pw.on{opacity:1;color:var(--gold-l)}.pw:hover,.pw.cur{opacity:1;background:#e6c36b33}.pw:focus-visible{outline:2px solid var(--gold-l)}.pa{color:var(--gold);opacity:.8;align-self:center;padding-inline:.2em;font-size:.55em}.pinfo{text-align:center;min-height:2.6em;font:500 .95rem/1.35 var(--sans);color:var(--ink-2);background:#0003;border-radius:12px;place-items:center;padding:8px 14px;display:grid}.pinfo b{font:400 1.3rem/1.2 var(--arabic);color:var(--gold-l);margin-inline-end:6px}.pbar{background:#f1e9d224;border-radius:3px;height:6px;overflow:hidden}.pbar i{height:100%;width:var(--w,0%);background:linear-gradient(90deg, var(--gold), var(--gold-l));transition:width .3s var(--ease);display:block}.pcount{font:500 .9rem/1 var(--sans);color:var(--ink-3);text-align:center;font-variant-numeric:tabular-nums;margin-top:-6px}.appcard{flex:none;width:clamp(104px,10vw,124px);margin:0;rotate:3deg}.appcard img{border-radius:14px;width:100%;height:auto;box-shadow:0 20px 34px -14px #000000a6}.appcard figcaption{font:italic 400 .78rem/1.2 var(--serif);color:var(--ink-3);text-align:center;margin-top:8px}@media (width<=900px){.words-grid{grid-template-columns:1fr}.words-left{text-align:center;justify-items:center}.words .lead,.stat-cap{margin-inline:auto}.stat{justify-content:center}.app-row{text-align:center;flex-direction:column}.appcard{rotate:0deg}}@media (prefers-reduced-motion:reduce){.pw,.pbar i{transition-duration:1ms}}.listen{--sand:#f3e9d0;--sand2:#ead9b4;--card:#fbf7ec;--lsink:#1b2420;--lsink2:#55605a;--lsgreen:#0e7a5e;--lsgold:#b98a2a;--lsline:#1b242024;background:radial-gradient(90% 70% at 15% 0%, var(--sand), var(--sand2));color:var(--lsink)}:root[data-theme=dark] .listen{--sand:#17231f;--sand2:#101a17;--card:#1d2b26;--lsink:#f1e9d2;--lsink2:#a9b5ae;--lsgreen:#2fb48e;--lsgold:#e6c36b;--lsline:#f1e9d229}.listen .eyebrow{color:var(--lsgreen)}.listen .title{color:var(--lsink)}.listen .lead{color:var(--lsink2)}.ls-voices-box{justify-items:center;gap:14px;margin-top:clamp(26px,4vw,44px);display:grid}.ls-k{font:600 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lsink2)}.ls-voices{flex-wrap:wrap;justify-content:center;gap:clamp(2px,.6vw,8px);max-width:1060px;display:flex}.ls-voice{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;width:clamp(86px,10.4vw,124px);transition:background .25s, transform .25s var(--ease);border-radius:20px;align-content:start;justify-items:center;gap:5px;padding:10px 4px 12px;display:grid}.ls-voice:hover{transform:translateY(-3px)}.ls-voice img{aspect-ratio:1;object-fit:cover;filter:saturate(.6)brightness(.97);width:clamp(54px,5.6vw,70px);transition:filter .3s, box-shadow .3s, transform .3s var(--ease);border-radius:50%;box-shadow:0 0 0 2px #0000,0 8px 18px -8px #00000080}.ls-voice[aria-pressed=true]{background:color-mix(in srgb, var(--card) 88%, transparent);box-shadow:0 18px 30px -20px #00000080}.ls-voice[aria-pressed=true] img{filter:none;box-shadow:0 0 0 3px var(--card), 0 0 0 5px var(--lsgold), 0 10px 22px -8px #0000008c;transform:scale(1.06)}.ls-voice b{font:600 .8rem/1.2 var(--sans);color:var(--lsink)}.ls-voice .dur{font:600 .72rem/1 var(--sans);color:var(--lsgreen);font-variant-numeric:tabular-nums}.ls-voice:focus-visible{outline:2px solid var(--lsgold);outline-offset:2px}.ls-more{cursor:default;opacity:.85}.ls-more .plus{aspect-ratio:1;width:clamp(54px,5.6vw,70px);font:700 1.05rem/1 var(--sans);color:var(--lsgreen);border:1.5px dashed var(--lsgreen);border-radius:50%;place-items:center;display:grid}.ls-more:hover{transform:none}.ls-player{background:var(--card);background-image:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--lsgreen) 7%, transparent), transparent 55%);border:1px solid var(--lsline);border-radius:26px;gap:16px;width:min(100%,1080px);margin:clamp(18px,3vw,30px) auto 0;padding:clamp(14px,2vw,22px) clamp(16px,2.4vw,30px) clamp(16px,2vw,22px);display:grid;position:relative;overflow:hidden;box-shadow:0 50px 90px -50px #281c088c,inset 0 2px #ffffff80}.ls-dots{gap:7px;display:flex}.ls-dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.ls-dots i:nth-child(2){background:#febc2e}.ls-dots i:nth-child(3){background:#28c840}.ls-topbar{grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;display:grid}.ls-chev{background:color-mix(in srgb, var(--lsink) 8%, transparent);width:34px;height:34px;color:var(--lsink);border-radius:50%;place-items:center;display:grid}.ls-from{gap:1px;line-height:1.15;display:grid}.ls-from small{color:var(--lsink2);font-size:.72rem}.ls-from b{font:700 .95rem/1.1 var(--sans);color:var(--lsink)}.ls-tabs{background:color-mix(in srgb, var(--lsink) 8%, transparent);border-radius:999px;justify-self:center;gap:2px;padding:3px;display:inline-flex}.ls-tabs button{all:unset;box-sizing:border-box;cursor:pointer;font:600 .84rem/1 var(--sans);color:var(--lsink2);border-radius:999px;padding:7px 16px;transition:background .2s,color .2s}.ls-tabs [aria-selected=true]{background:var(--lsink);color:var(--card)}.ls-opts{gap:6px;display:flex}.ls-opt{all:unset;box-sizing:border-box;cursor:pointer;font:600 .8rem/1 var(--sans);color:var(--lsink2);border:1.5px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.ls-opt svg{width:17px;height:17px}.ls-opt:hover{background:color-mix(in srgb, var(--lsink) 7%, transparent)}.ls-opt[aria-pressed=true]{color:var(--lsgreen);border-color:color-mix(in srgb, var(--lsgreen) 60%, transparent);background:color-mix(in srgb, var(--lsgreen) 10%, transparent)}.ls-tabs button:focus-visible,.ls-opt:focus-visible,.ls-sw:focus-visible,.ls-exit:focus-visible,.ls-style:focus-visible,.ls-dl:focus-visible{outline:2px solid var(--lsgold);outline-offset:2px}.ls-main{grid-template-columns:minmax(210px,270px) minmax(0,1fr);align-items:stretch;gap:clamp(20px,3vw,40px);display:grid}.ls-art{align-content:start;gap:6px;display:grid}.ls-tile{aspect-ratio:1;background:radial-gradient(120% 100% at 30% 20%,#4a3a1c,#2a2010 70%);border-radius:22px;place-items:center;margin-bottom:18px;display:grid;position:relative;box-shadow:0 24px 40px -22px #000000b3}.ls-tile:before{content:"";border-radius:inherit;opacity:.18;background-image:radial-gradient(circle,#0000 38%,#fff 39% 40%,#0000 41%),radial-gradient(circle at 0 0,#0000 38%,#fff 39% 40%,#0000 41%),radial-gradient(circle at 100% 0,#0000 38%,#fff 39% 40%,#0000 41%),radial-gradient(circle at 0 100%,#0000 38%,#fff 39% 40%,#0000 41%),radial-gradient(circle at 100% 100%,#0000 38%,#fff 39% 40%,#0000 41%);background-size:46px 46px;position:absolute;inset:0}.ls-tile-ar{font:700 clamp(2.2rem, 4.4vw, 3.1rem)/1.2 var(--arabic);color:#f7ecd0;text-shadow:0 4px 18px #00000080;position:relative}.ls-badge{aspect-ratio:1;border-radius:50%;width:30%;position:absolute;bottom:-22px;right:-14px}:root[dir=rtl] .ls-badge{left:-14px;right:auto}.ls-badge img{object-fit:cover;border-radius:50%;width:86%;height:86%;position:absolute;inset:7%;box-shadow:0 8px 18px -6px #0009}.ls-badge svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;rotate:-90deg}.ls-badge circle{fill:none;stroke-width:4px}.ls-badge .trk{stroke:#ffffff80}.ls-badge .prg{stroke:#e6c36b;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:calc(289 - 289 * var(--prog,0));transition:stroke-dashoffset .12s linear}.ls-title{font:700 1.45rem/1.15 var(--sans);color:var(--lsink);margin-top:4px}.ls-sub{color:var(--lsink2);font-size:.9rem}.ls-rec{font:600 .96rem/1.2 var(--sans);color:var(--lsgreen);margin-top:4px}.ls-styles{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ls-style{all:unset;box-sizing:border-box;cursor:pointer;font:600 .76rem/1 var(--sans);color:var(--lsink2);border:1.5px solid var(--lsline);border-radius:999px;padding:5px 11px;transition:background .2s,color .2s,border-color .2s}.ls-style[aria-pressed=true]{background:var(--lsgreen);border-color:var(--lsgreen);color:#fff}.ls-tags{color:var(--lsink2);margin-top:2px;font-size:.82rem}.ls-stage{grid-template-rows:auto auto 1fr;min-width:0;display:grid;position:relative}.ls-auto{font:600 .8rem/1 var(--sans);color:var(--lsink2);justify-content:center;align-items:center;gap:10px;display:flex}.ls-sw{all:unset;box-sizing:border-box;cursor:pointer;background:color-mix(in srgb, var(--lsink) 22%, transparent);border-radius:11px;width:38px;height:22px;transition:background .2s;position:relative}.ls-sw i{width:16px;height:16px;transition:transform .22s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000059}.ls-sw[aria-checked=true]{background:var(--lsgreen)}.ls-sw[aria-checked=true] i{transform:translate(16px)}.ls-est{text-align:center;color:var(--lsink2);max-width:30rem;margin:6px auto 0;font-size:.74rem;line-height:1.35}.ls-lyrics{scroll-behavior:smooth;text-align:center;scrollbar-width:none;outline:none;height:clamp(290px,38vh,360px);padding:100px 8px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.ls-lyrics::-webkit-scrollbar{display:none}.ls-ayah{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font:400 clamp(1.7rem, 2.6vw, 2.3rem)/2.1 var(--arabic);color:var(--lsink);opacity:.3;transition:opacity .4s var(--ease), transform .4s var(--ease);text-align:center;padding:10px 6px;display:block}.ls-ayah.cur{opacity:1;transform:scale(1.03)}.ls-ayah:focus-visible{outline:2px solid var(--lsgold);border-radius:12px}.ls-w{border-radius:8px;padding:0 2px;transition:color .16s,background .16s,opacity .2s}.ls-lyrics[data-mode=word] .ls-ayah.cur .ls-w{opacity:.55}.ls-lyrics[data-mode=word] .ls-ayah.cur .ls-w.done{opacity:1}.ls-lyrics[data-mode=word] .ls-ayah.cur .ls-w.now{opacity:1;color:#1d1706;background:#e6c36b}.ls-lyrics.recall .ls-w:not(.shown):not(.done):not(.now){color:#0000;background:color-mix(in srgb, var(--lsink) 14%, transparent);user-select:none;border-radius:10px}.ls-lyrics.recall .ls-ayah.passed .ls-w:not(.shown){color:inherit;background:0 0}.ls-num{border:1.5px solid var(--lsgreen);width:1.5em;height:1.5em;color:var(--lsgreen);font:600 .5em/1 var(--arabic);vertical-align:middle;border-radius:50%;place-items:center;margin-inline-start:.5em;display:inline-grid}.ls-queue{align-content:start;gap:6px;height:clamp(290px,38vh,360px);padding:14px 4px 0;display:grid;overflow:auto}.ls-qrow{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid #0000;border-radius:14px;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;transition:background .2s,border-color .2s;display:grid}.ls-qrow:hover{background:color-mix(in srgb, var(--lsink) 6%, transparent)}.ls-qrow[aria-current=true]{background:color-mix(in srgb, var(--lsgreen) 10%, transparent);border-color:color-mix(in srgb, var(--lsgreen) 50%, transparent)}.ls-qrow b{font:700 1rem/1.2 var(--sans);color:var(--lsink);display:block}.ls-qrow small{color:var(--lsink2);font-size:.82rem}.ls-qn{font:600 .85rem/1 var(--sans);color:var(--lsgreen)}.ls-qd{font:600 .84rem/1 var(--sans);color:var(--lsink2);font-variant-numeric:tabular-nums}.ls-exit{all:unset;box-sizing:border-box;cursor:pointer;top:8px;font:600 .82rem/1 var(--sans);background:color-mix(in srgb, var(--lsink) 10%, transparent);color:var(--lsink);z-index:3;border-radius:999px;padding:8px 14px;position:absolute;inset-inline-end:8px}.ls-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.ls-time{font:600 .82rem/1 var(--sans);color:var(--lsink2);font-variant-numeric:tabular-nums;text-align:center;min-width:3.2em}.ls-seekbox{position:relative}.ls-bar input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;--p:0%;background:0 0;width:100%;height:22px;display:block}.ls-bar input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--lsgreen) var(--p), color-mix(in srgb, var(--lsink) 16%, transparent) var(--p));border-radius:3px;height:5px}:root[dir=rtl] .ls-bar input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(270deg, var(--lsgreen) var(--p), color-mix(in srgb, var(--lsink) 16%, transparent) var(--p))}.ls-bar input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--lsink) 16%, transparent);border-radius:3px;height:5px}.ls-bar input[type=range]::-moz-range-progress{background:var(--lsgreen);border-radius:3px;height:5px}.ls-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--lsgreen);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--lsgreen) 22%, transparent);border:0;border-radius:50%;margin-top:-4.5px}.ls-bar input[type=range]::-moz-range-thumb{background:var(--lsgreen);border:0;border-radius:50%;width:14px;height:14px}.ls-bar input[type=range]:focus-visible{outline:2px solid var(--lsgold);outline-offset:4px;border-radius:4px}.ab{background:var(--lsgold);pointer-events:none;border-radius:2px;width:3px;height:16px;position:absolute;top:3px;translate:-50%}.ls-ctrl{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.ls-side{align-items:center;gap:8px;display:flex}.ls-side.end{justify-content:flex-end}.ls-mid{align-items:center;gap:clamp(10px,2.4vw,26px);display:flex}.ls-ic{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;color:var(--lsink);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.ls-ic:hover{background:color-mix(in srgb, var(--lsink) 8%, transparent)}.ls-ic.tgl[aria-pressed=true]{background:var(--lsgreen);color:#fff}.ls-ic:focus-visible,.ls-pill:focus-visible,.ls-play:focus-visible{outline:2px solid var(--lsgold);outline-offset:3px}.ls-pill{all:unset;box-sizing:border-box;cursor:pointer;font:700 .84rem/1 var(--sans);color:var(--lsink);border:1.5px solid var(--lsline);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:3.2em;padding:9px 14px;transition:background .2s,color .2s,border-color .2s}.ls-pill:hover{border-color:var(--lsgreen)}.ls-pill.ab[aria-pressed=true]{background:var(--lsgold);border-color:var(--lsgold);color:#1d1706}.ls-play{all:unset;box-sizing:border-box;cursor:pointer;background:var(--lsgreen);color:#fff;width:66px;height:66px;box-shadow:0 16px 28px -12px color-mix(in srgb, var(--lsgreen) 80%, #000), 0 0 0 0 color-mix(in srgb, var(--lsgreen) 30%, transparent);transition:transform .2s var(--ease);border-radius:50%;place-items:center;display:grid}.ls-play:hover{transform:scale(1.06)}.ls-play svg{transition:opacity .15s, transform .25s var(--ease);grid-area:1/1}.ls-play .i-pause,.ls-player.playing .ls-play .i-play{opacity:0;transform:scale(.6)}.ls-player.playing .ls-play .i-pause{opacity:1;transform:none}.ls-player.playing .ls-play{animation:ls-pulse 2.4s var(--ease) infinite}@keyframes ls-pulse{0%,to{box-shadow:0 16px 28px -12px color-mix(in srgb, var(--lsgreen) 80%, #000), 0 0 0 0 color-mix(in srgb, var(--lsgreen) 28%, transparent)}60%{box-shadow:0 16px 28px -12px color-mix(in srgb, var(--lsgreen) 80%, #000), 0 0 0 14px color-mix(in srgb, var(--lsgreen) 0%, transparent)}}.ls-dl{all:unset;box-sizing:border-box;cursor:pointer;font:600 .82rem/1 var(--sans);color:var(--lsink);border:1.5px solid var(--lsline);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;transition:border-color .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.ls-dl:hover{border-color:var(--lsgreen)}.ls-dl .dl-ck{display:none}.ls-dl .dl-fill{background:color-mix(in srgb, var(--lsgreen) 22%, transparent);z-index:-1;width:0;position:absolute;inset:0 auto 0 0}:root[dir=rtl] .ls-dl .dl-fill{inset:0 0 0 auto}.ls-dl[data-state=busy] .dl-fill{width:100%;transition:width 1.7s linear}.ls-dl[data-state=done]{color:var(--lsgreen);border-color:var(--lsgreen)}.ls-dl[data-state=done] .dl-ic{display:none}.ls-dl[data-state=done] .dl-ck{display:inline-flex}.ls-silent{color:var(--lsink2);justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:flex}.ls-player.zen .ls-topbar,.ls-player.zen .ls-art,.ls-player.zen .ls-auto,.ls-player.zen .ls-est,.ls-player.zen .ls-dots,.ls-player.zen .ls-silent{display:none}.ls-player.zen .ls-main{grid-template-columns:1fr}.ls-player.zen .ls-lyrics{height:clamp(360px,52vh,480px)}.ls-player.zen .ls-ayah{font-size:clamp(2.2rem,3.6vw,3.1rem)}.ls-player.zen .ls-side{visibility:hidden}.ls-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);width:min(100%,1080px);margin:clamp(30px,5vw,56px) auto 0;padding:0;list-style:none;display:grid}.ls-facts li{color:var(--lsgreen);justify-items:start;gap:8px;display:grid}.ls-facts b{font:700 1.05rem/1.2 var(--sans);color:var(--lsink)}.ls-facts span{color:var(--lsink2);font-size:.94rem;line-height:1.5}@media (width<=980px){.ls-topbar{grid-template-columns:auto 1fr auto}.ls-tabs{grid-area:2/1/auto/-1;justify-self:start}.ls-opts{grid-area:1/3}.ls-opt{gap:0;padding:8px 10px;font-size:0}.ls-opt svg{width:19px;height:19px}}@media (width<=860px){.ls-main{grid-template-columns:1fr}.ls-art{grid-template-columns:104px 1fr;align-items:center;column-gap:16px}.ls-tile{grid-row:1/7;margin-bottom:14px}.ls-lyrics,.ls-queue{height:300px}.ls-lyrics{padding:90px 4px}.ls-facts{grid-template-columns:1fr}.ls-ctrl{grid-template-columns:1fr;justify-items:center}.ls-side,.ls-side.end{justify-content:center}.ls-dots{display:none}}@media (prefers-reduced-motion:reduce){.ls-ayah,.ls-w,.ls-play{transition-duration:1ms;animation:none!important}.ls-lyrics{scroll-behavior:auto}}.learn{--sage:#e4eee5;--sage2:#d6e6d9;--lcard:#fff;--lgreen:#0e7a5e;--lgold:#b98a2a;--link:#1b2420;--link2:#4f5f57;--lline:#0e7a5e38;background:linear-gradient(180deg, var(--sage), var(--sage2));color:var(--link);padding-block:0}:root[data-theme=dark] .learn{--sage:#10201b;--sage2:#0b1713;--lcard:#172a24;--lgreen:#2fb48e;--lgold:#e6c36b;--link:#f1e9d2;--link2:#a9b5ae;--lline:#2fb48e4d}.learn .eyebrow{color:var(--lgreen)}.learn .title{color:var(--link);font-size:clamp(2rem,3.4vw,3rem)}.lj-sticky{padding-block:clamp(70px,9vw,110px);position:relative}.lj-grid{gap:clamp(22px,3vw,36px);width:min(1320px,94vw);margin-inline:auto;display:grid}.lj-head .eyebrow{margin-bottom:14px}.lj-head .title{line-height:1.08}.lj-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.lj-stats{gap:clamp(18px,3vw,44px);margin:0;display:flex}.lj-stats div{justify-items:start;gap:4px;display:grid}.lj-stats dt{font:600 .68rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--link2);order:2;max-width:9em}.lj-stats dd{font:400 clamp(2.2rem, 3.6vw, 3.2rem)/1 var(--serif);color:var(--lgreen);font-variant-numeric:tabular-nums;margin:0}.lj-steps{display:grid}.lj-step{opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility 0s linear .5s;grid-area:1/1;grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.lj-step.on{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}.lj-k{font:600 .74rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lgreen);margin-bottom:14px}.lj-l{font:italic 400 clamp(1.3rem, 2vw, 1.75rem)/1.35 var(--serif);color:var(--link)}:root[lang=ar] .lj-l{font-family:var(--arabic);font-style:normal;font-weight:600}.lj-win{background:color-mix(in srgb, var(--lcard) 82%, transparent);border:1px solid var(--lline);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 60px -44px #0a3c2880}.lj-shot{padding:20px 20px 18px}.lj-shot-in{gap:14px;line-height:0;display:grid}.lj-shot-in img{border-radius:14px;width:100%;height:auto}.lj-tag{font:italic 400 .92rem/1 var(--serif);color:var(--link2);text-align:center;padding-top:14px}.lj-sheet{gap:22px;padding:clamp(26px,3vw,38px) clamp(24px,3vw,40px) clamp(28px,3vw,40px);display:grid}.sh-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sh-head small{color:var(--link2);font-size:.78rem;display:block}.sh-head b{font:700 1.15rem/1.2 var(--sans);color:var(--link)}.sh-close{background:color-mix(in srgb, var(--link) 8%, transparent);font:600 .82rem/1 var(--sans);color:var(--link);border-radius:999px;padding:8px 16px}.sh-steps{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.sh-steps button{all:unset;box-sizing:border-box;cursor:pointer;font:600 .74rem/1.2 var(--sans);color:var(--link2);text-align:start;gap:8px;transition:color .25s;display:grid}.sh-steps i{background:color-mix(in srgb, var(--link) 14%, transparent);border-radius:2px;height:3px;transition:background .3s;display:block}.sh-steps [aria-pressed=true]{color:var(--link)}.sh-steps [aria-pressed=true] i,.sh-steps .done i{background:var(--lgreen)}.sh-steps button:focus-visible{outline:2px solid var(--lgold);outline-offset:3px;border-radius:4px}.sh-inst{text-align:center;color:var(--link2);min-height:2.6em;font-size:.95rem}.sh-verse{text-align:center;font:400 clamp(2.4rem, 4.4vw, 3.6rem)/1.9 var(--arabic);color:var(--link);padding:14px 0 18px}.sw{transition:color .45s var(--ease), background .45s var(--ease);border-radius:10px;padding:0 4px}.sw.hid{color:#0000;background:color-mix(in srgb, var(--lgreen) 14%, transparent);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--lgreen) 38%, transparent);user-select:none}.sw.first{color:var(--lgreen);background:color-mix(in srgb, var(--lgreen) 8%, transparent)}.lj-shelf{gap:18px;padding:clamp(22px,2.6vw,32px) clamp(22px,2.6vw,32px) 20px;display:grid}.sf-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.2vw,14px);margin:0;padding:0;list-style:none;display:grid}.sf-tile{background:color-mix(in srgb, var(--lgreen) 8%, var(--lcard));border:1.5px solid var(--lline);opacity:.35;transition:opacity .4s var(--ease), background .4s var(--ease), border-color .4s;border-radius:16px;justify-items:center;gap:6px;padding:20px 10px 16px;display:grid;position:relative}.sf-tile.has{opacity:1}.sf-tile.done{background:color-mix(in srgb, var(--lgreen) 16%, var(--lcard));border-color:var(--lgreen)}.sf-tile b{font:700 clamp(1.3rem, 1.9vw, 1.7rem)/1.3 var(--arabic);color:var(--link)}.sf-tile small{font:600 .72rem/1.1 var(--sans);color:var(--link2);min-height:1em}.sf-bar{background:color-mix(in srgb, var(--link) 14%, transparent);border-radius:3px;width:78%;height:5px;margin-top:4px;display:block;overflow:hidden}.sf-bar i{height:100%;width:var(--w,0%);background:var(--lgreen);transition:width .5s var(--ease);display:block}.sf-tile em{font:normal 600 .74rem/1 var(--sans);color:var(--link2);font-variant-numeric:tabular-nums}.sf-ck{top:8px;color:#fff;background:var(--lgreen);opacity:0;transition:opacity .3s, transform .4s var(--ease);border-radius:50%;padding:3px;position:absolute;inset-inline-end:8px;transform:scale(.4)}.sf-tile.done .sf-ck{opacity:1;transform:none}.sf-real{padding-top:4px}.sf-real .lj-shot-in img{opacity:.92;border-radius:10px}.lj-stairs{justify-items:center;gap:12px;padding:clamp(26px,3vw,38px) clamp(24px,3vw,40px) clamp(24px,2.6vw,34px);display:grid}.st-verse{font:400 clamp(1.8rem, 3vw, 2.4rem)/1.6 var(--arabic);color:var(--link)}.st-k{font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lgreen)}.st-steps{grid-template-columns:repeat(5,1fr);align-items:end;gap:clamp(8px,1.6vw,18px);width:100%;height:clamp(190px,26vh,250px);margin:8px 0 0;padding:0;list-style:none;display:grid}.st-steps li{text-align:center;grid-template-rows:1fr auto auto auto;place-items:end center;gap:2px;height:100%;display:grid;position:relative}.st-bar{width:100%;height:var(--h);background:color-mix(in srgb, var(--link) 10%, transparent);transition:background .5s var(--ease), transform .5s var(--ease);transform-origin:bottom;border-radius:14px 14px 6px 6px;display:block;transform:scaleY(.82)}.st-steps b{font:700 1.5rem/1 var(--sans);color:var(--link2);margin-top:8px;transition:color .4s}.st-steps small{font:500 .74rem/1 var(--sans);color:var(--link2)}.st-steps em{font:italic 500 .78rem/1 var(--serif);color:var(--lgreen);opacity:0;min-height:1em;transition:opacity .4s}.st-steps li.lit .st-bar{background:var(--lgreen);transform:none}.st-steps li.lit b{color:var(--link)}.st-steps li.lit em{opacity:1}.lj-badges{gap:10px;margin:0;padding:0;list-style:none;display:flex}.lj-badges li{opacity:.28;filter:grayscale();width:62px;transition:opacity .4s var(--ease), filter .4s, transform .6s cubic-bezier(.34, 1.56, .64, 1);justify-items:center;gap:4px;display:grid;transform:scale(.88)}.lj-badges li.on{opacity:1;filter:none;transform:none}.lj-badges img{object-fit:contain;width:44px;height:44px}.lj-badges span{font:600 .62rem/1.15 var(--sans);color:var(--link2);text-align:center}.lj-goal{gap:14px;padding:clamp(26px,3vw,38px) clamp(24px,3vw,40px);display:grid}.gl-k{font:600 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--lgreen)}.gl-chips,.gl-pace{flex-wrap:wrap;gap:10px;display:flex}.gl-chips button,.gl-pace button{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--lline);font:600 .92rem/1.2 var(--sans);color:var(--link);border-radius:16px;gap:2px;padding:12px 18px;transition:background .2s,color .2s,border-color .2s;display:grid}.gl-chips button b{font:700 1.1rem/1.1 var(--sans)}.gl-chips button small{font:500 .78rem/1 var(--sans);color:var(--link2)}.gl-chips [aria-pressed=true],.gl-pace [aria-pressed=true]{background:var(--lgreen);border-color:var(--lgreen);color:#fff}.gl-chips [aria-pressed=true] small{color:#ffffffd9}.gl-chips button:hover,.gl-pace button:hover{border-color:var(--lgreen)}.gl-chips button:focus-visible,.gl-pace button:focus-visible{outline:2px solid var(--lgold);outline-offset:3px}.gl-when{font:400 clamp(2.4rem, 4vw, 3.4rem)/1.05 var(--serif);color:var(--link);margin-top:6px}.gl-what{font:500 .98rem/1.4 var(--sans);color:var(--link2)}.sh-heard{text-align:center;font:600 .9rem/1 var(--sans);color:var(--lgreen);font-variant-numeric:tabular-nums;margin-top:-8px}.lj-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.lj-miss{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lj-miss button{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--lline);font:600 .84rem/1 var(--sans);color:var(--link);border-radius:999px;padding:9px 16px;transition:background .2s,color .2s,border-color .2s}.lj-miss button:hover{border-color:var(--lgold)}.lj-miss button[aria-pressed=true]{background:var(--lgold);border-color:var(--lgold);color:#1d1706}.lj-miss button:focus-visible{outline:2px solid var(--lgreen);outline-offset:3px}.lj-miss p{font:italic 400 .92rem/1.35 var(--serif);color:var(--link2);max-width:30rem}.rc.missed{background:repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in srgb, var(--lgold) 20%, transparent) 4px 7px);border-color:color-mix(in srgb, var(--lgold) 50%, transparent);opacity:1}.rc .evs i.lt,.lg.c i{box-shadow:inset 0 0 0 2px var(--lgold);background:0 0}.lj-rail-box{gap:8px;display:grid}.lj-rail{grid-template-columns:repeat(30,minmax(0,1fr));gap:clamp(2px,.4vw,5px);display:grid}.rc{opacity:.4;border:1px solid #0000;border-radius:10px;grid-template-rows:auto 1fr;justify-items:center;gap:5px;min-width:0;padding:6px 0 4px;transition:opacity .3s,background .3s,border-color .3s;display:grid}.rc b{font:600 clamp(.58rem, .8vw, .76rem)/1 var(--sans);color:var(--link2);font-variant-numeric:tabular-nums}.rc .evs{align-content:start;justify-items:center;gap:4px;min-height:58px;display:grid}.rc .evs i{aspect-ratio:1;background:var(--lgreen);opacity:0;width:clamp(7px,1vw,12px);transition:opacity .3s, transform .4s var(--ease);border-radius:50%;transform:scale(.3)}.rc .evs i.n{background:var(--lgold);border-radius:3px}.rc.past{opacity:1}.rc.past .evs i{opacity:1;transform:none}.rc.now{background:color-mix(in srgb, var(--lgreen) 14%, transparent);border-color:var(--lgreen)}.lj-legend{font:500 .8rem/1 var(--sans);color:var(--link2);justify-content:flex-start;gap:22px;display:flex}.lg{align-items:center;gap:8px;display:inline-flex}.lg i{background:var(--lgreen);border-radius:50%;width:10px;height:10px}.lg.l i{background:var(--lgold);border-radius:3px}@media (width>=1280px){.learn.pinned .lj-steps{grid-template-rows:minmax(0,1fr);height:clamp(300px,46vh,430px)}.learn.pinned .lj-step{height:100%;min-height:0}.learn.pinned .lj-win{max-height:100%}.learn.pinned .lj-shot{grid-template-rows:minmax(0,1fr) auto;display:grid}.learn.pinned .lj-shot-in{align-content:center;min-height:0}.learn.pinned .lj-step[data-lj="4"] .lj-shot-in img{object-fit:cover;object-position:50% 0%;height:calc(46vh - 130px);max-height:290px}.learn.pinned .lj-track{height:430vh}.learn.pinned .lj-sticky{align-items:center;height:100vh;padding-block:76px 22px;display:grid;position:sticky;top:0}}@media (width<=1279.98px),(prefers-reduced-motion:reduce){.lj-steps{gap:clamp(36px,6vw,60px)}.lj-step{opacity:1;visibility:visible;grid-area:auto;grid-template-columns:minmax(220px,340px) minmax(0,1fr)}.lj-rail-box{margin-top:20px}}@media (width<=860px){.lj-step{grid-template-columns:1fr;gap:18px}.lj-stats dd{font-size:2rem}.lj-rail{grid-template-columns:repeat(15,minmax(0,1fr));row-gap:8px}.sh-steps span{font-size:.66rem}.sh-steps{gap:4px}}@media (prefers-reduced-motion:reduce){.lj-step,.sw,.st-bar,.rc,.rc .evs i{transition-duration:1ms}}.sky{--ground:#0a2326;--gl:#08181c80;--sky-top:#3a9ab0;--sky-bot:#cdebe6;background:var(--ground);color:#f1f6f4;--ink:#f1f6f4;--ink-2:#f1f6f4db;--ink-3:#f1f6f4a8;--line:#f1f6f438;padding-block:clamp(90px,10vw,140px) clamp(70px,9vw,120px);position:relative;overflow:clip}.sk-scene{pointer-events:none;height:clamp(760px,100vh,980px);position:absolute;inset:0 0 auto;overflow:hidden}.sk-grad{background:linear-gradient(180deg, var(--sky-top), var(--sky-bot) 86%);transition:background .6s linear;position:absolute;inset:0}.sk-stars{opacity:var(--stars,0);background-image:radial-gradient(1.3px 1.3px at 8% 14%,#fff,#0000),radial-gradient(1px 1px at 16% 38%,#fff,#0000),radial-gradient(1.6px 1.6px at 27% 9%,#fff,#0000),radial-gradient(1px 1px at 33% 30%,#fff,#0000),radial-gradient(1.4px 1.4px at 44% 18%,#fff,#0000),radial-gradient(1px 1px at 52% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 61% 8%,#fff,#0000),radial-gradient(1px 1px at 70% 27%,#fff,#0000),radial-gradient(1.3px 1.3px at 79% 16%,#fff,#0000),radial-gradient(1px 1px at 88% 36%,#fff,#0000),radial-gradient(1.5px 1.5px at 94% 10%,#fff,#0000),radial-gradient(1px 1px at 4% 46%,#fff,#0000);position:absolute;inset:0 0 30%}.sk-sun,.sk-moon{left:var(--bx,50%);top:var(--by,60%);will-change:left, top;position:absolute;translate:-50% -50%}.sk-sun{aspect-ratio:1;width:clamp(84px,10vw,128px);opacity:var(--sunop,1)}.sk-sun i{background:radial-gradient(circle at 50% 50%, #fffbe6 0 28%, var(--suncol,#ffe08a) 62%, transparent 72%);box-shadow:0 0 90px 30px color-mix(in srgb, var(--suncol,#ffe08a) 45%, transparent);border-radius:50%;position:absolute;inset:0}.sk-moon{width:clamp(56px,6.4vw,84px);opacity:var(--moonop,0);filter:drop-shadow(0 0 22px #fff4d680)}.sk-moon-dark{fill:#0e18288c}.sk-moon-lit{fill:#f6f0dc}.sk-mosque{inset-inline:0;width:100%;height:clamp(120px,17vw,240px);fill:var(--ground);position:absolute;bottom:0}.sk-scene:after{content:"";background:var(--ground);height:40px;position:absolute;inset:auto 0 0}.sk-shade{background:linear-gradient(#04141a8c,#04141a2e 38%,#0000 62%);position:absolute;inset:0}.sk-inner{gap:clamp(22px,3vw,36px);display:grid;position:relative}.sky .eyebrow{color:#ffffffe6}.sky .title{color:#fff;text-shadow:0 2px 24px #00141e73}.sky .lead{color:#ffffffeb;text-shadow:0 1px 14px #00141e80}.sk-ctl{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 22px;display:flex}.sk-cities{flex-wrap:wrap;gap:8px;display:flex}.sk-cities button{all:unset;box-sizing:border-box;cursor:pointer;font:600 .88rem/1 var(--sans);color:#fff;backdrop-filter:blur(10px);background:#06161c6b;border:1.5px solid #ffffff47;border-radius:999px;padding:9px 16px;transition:background .2s,color .2s,border-color .2s}.sk-cities button:hover{border-color:#fff}.sk-cities button[aria-pressed=true]{color:#0a2326;background:#fff;border-color:#fff}.sk-cities .sk-here{border-style:dashed}.sk-cities button:focus-visible,.sk-now:focus-visible,.sk-date input:focus-visible{outline-offset:3px;outline:2px solid #fff}.sk-date{font:600 .78rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;align-items:center;gap:10px;display:flex}.sk-date input{color:#fff;min-height:42px;font:500 .92rem var(--sans);color-scheme:dark;backdrop-filter:blur(10px);background:#06161c6b;border:1.5px solid #ffffff4d;border-radius:12px;padding:0 12px}.sk-denied{color:#ffd9a8;font-size:.9rem}.sk-panel{background:var(--gl);backdrop-filter:blur(18px);border:1px solid #fff3;border-radius:28px;gap:20px;max-width:860px;padding:clamp(20px,2.8vw,34px);display:grid;box-shadow:0 40px 80px -40px #0009}.sk-clockrow{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;display:flex}.sk-city{font:600 .78rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;margin-bottom:6px}.sk-time{font:300 clamp(3.6rem, 9vw, 6.8rem)/.95 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fff}.sk-next{text-align:end;justify-items:end;gap:6px;display:grid}.sk-nextk{font:600 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.sk-nextv{font:400 clamp(1.3rem, 2.4vw, 1.8rem)/1.2 var(--serif);color:#fff}.sk-nextv span{color:#fffc;font-size:.8em}.sk-now{all:unset;box-sizing:border-box;cursor:pointer;font:600 .8rem/1 var(--sans);color:#fff;border:1.5px solid #fff6;border-radius:999px;padding:8px 14px;transition:background .2s,color .2s}.sk-now:hover{color:#0a2326;background:#fff}.sk-times{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sk-times li{color:#ffffffd1;transition:background .25s, color .25s, transform .25s var(--ease);cursor:pointer;background:#ffffff12;border:1px solid #0000;border-radius:16px;justify-items:center;gap:4px;padding:12px 4px;display:grid}.sk-times li span{font:600 .74rem/1 var(--sans);letter-spacing:.06em}.sk-times li b{font:700 1.05rem/1.1 var(--sans);font-variant-numeric:tabular-nums}.sk-times li:hover{background:#ffffff29}.sk-times li.cur{color:#0a2326;background:#fff;transform:translateY(-4px)}.sk-times li.nxt{border-color:#fff9}.sk-scrub{padding-top:6px;position:relative}.sk-notches{pointer-events:none;height:16px;position:absolute;top:0;left:0;right:0}.sk-notches i{background:#fff9;border-radius:1px;width:2px;height:10px;position:absolute;top:3px;translate:-50%}.sk-scrub input[type=range]{-webkit-appearance:none;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:30px;margin-top:8px;display:block}.sk-scrub input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ffd27a,#fff 40%,#ff9f68 72%,#5a6fb4);border-radius:3px;height:6px}.sk-scrub input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ffd27a,#fff 40%,#ff9f68 72%,#5a6fb4);border-radius:3px;height:6px}.sk-scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:5px solid #0a2326;border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 6px 16px #00000080}.sk-scrub input[type=range]::-moz-range-thumb{background:#fff;border:5px solid #0a2326;border-radius:50%;width:18px;height:18px}.sk-scrub input[type=range]:focus-visible{outline-offset:6px;border-radius:6px;outline:2px solid #fff}.sk-method{color:#ffffffb8;font-size:.84rem}.sk-method [data-method]{color:#fff;font-weight:600}.sk-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);max-width:860px;display:grid}.sk-card{background:#ffffff0f;border:1px solid #ffffff29;border-radius:26px;grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:clamp(18px,2.4vw,28px);display:grid}.sk-dial,.sk-cmoon{width:clamp(96px,11vw,132px)}.sk-dial .q-ring{fill:none;stroke:#ffffff73;stroke-width:2px}.sk-dial .q-ticks line{stroke:#ffffffbf;stroke-width:2px}.sk-dial .q-n{fill:#fff;font:700 18px var(--sans)}.sk-dial .q-needle{stroke:#ffd27a;stroke-width:4px;stroke-linecap:round}.sk-dial .q-kaaba{fill:#1b1b1b;stroke:#ffd27a;stroke-width:3px}.sk-dial .q-hub{fill:#fff}.sk-dial [data-q-rot]{transform-origin:0 0;transition:transform 1s cubic-bezier(.34,1.3,.5,1)}.sk-cardtxt{gap:5px;display:grid}.sk-cardk{font:600 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.sk-cardv{font:400 clamp(1.8rem, 3vw, 2.5rem)/1.1 var(--serif);color:#fff;font-variant-numeric:tabular-nums}.sk-hijri{font-size:clamp(1.3rem,2.2vw,1.8rem)}:root[lang=ar] .sk-hijri{font-family:var(--arabic)}.sk-cardn{color:#ffffffc7;font-size:.9rem}.sk-cardn b{color:#fff;font-weight:600}.sk-shotsk{font:italic 400 1.15rem/1.3 var(--serif);color:#fffc;margin-top:10px}.sky-shots{grid-template-columns:minmax(0,1fr) minmax(130px,230px);align-items:end;gap:clamp(18px,3vw,44px);display:grid}.sky-shots .mac{border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -34px #000000b3}.sky-shots .mac img{width:100%;height:auto}.sky-phone{max-width:230px}@media (width<=860px){.sk-cards,.sky-shots{grid-template-columns:1fr}.sk-times{grid-template-columns:repeat(3,minmax(0,1fr))}.sk-next{text-align:start;justify-items:start}.sky-phone{max-width:200px;margin-inline:auto}.sk-scene{height:820px}}@media (prefers-reduced-motion:reduce){.sk-grad,.sk-dial [data-q-rot]{transition-duration:1ms}}.tile-mac{background:linear-gradient(160deg, #e2f3ec, var(--card))}.tile-tasbih{background:linear-gradient(160deg, #f7ecd2, var(--card))}.tile-hijri{background:linear-gradient(160deg, #e7e5f7, var(--card))}.tile-list{background:linear-gradient(160deg, #fbe6e3, var(--card))}:root[data-theme=dark] .tile-mac{background:linear-gradient(160deg, #123329, var(--card))}:root[data-theme=dark] .tile-tasbih{background:linear-gradient(160deg, #3a2f12, var(--card))}:root[data-theme=dark] .tile-hijri{background:linear-gradient(160deg, #272446, var(--card))}:root[data-theme=dark] .tile-list{background:linear-gradient(160deg, #3d2220, var(--card))}.gal-cta{margin-top:26px}.cardstudio{--s1:#f6d58a;--s2:#e8a63c;--cink:#0a2c26;--cink2:#31564b;--cgreen:#0e7a5e;--cline:#0a2c2633;background:radial-gradient(70% 90% at 14% 0%, #ffffff80, transparent 60%), linear-gradient(135deg, var(--s1), var(--s2));color:var(--cink);--ink:var(--cink);--ink-2:var(--cink2);--ink-3:var(--cink2);--line:var(--cline);position:relative;overflow:hidden}:root[data-theme=dark] .cardstudio{--s1:#2e2008;--s2:#170f04;--cink:#f7e7be;--cink2:#cbb68a;--cgreen:#36c29a;--cline:#f7e7be38;background:radial-gradient(70% 90% at 14% 0%, #e6c36b29, transparent 60%), linear-gradient(135deg, var(--s1), var(--s2))}.sh-pat{pointer-events:none;opacity:.1;background-image:radial-gradient(circle,#0000 38%,#0a2c26 39% 40%,#0000 41%),radial-gradient(circle at 0 0,#0000 38%,#0a2c26 39% 40%,#0000 41%),radial-gradient(circle at 100% 0,#0000 38%,#0a2c26 39% 40%,#0000 41%),radial-gradient(circle at 0 100%,#0000 38%,#0a2c26 39% 40%,#0000 41%),radial-gradient(circle at 100% 100%,#0000 38%,#0a2c26 39% 40%,#0000 41%);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 60%);mask-image:linear-gradient(90deg,#000,#0000 60%)}:root[dir=rtl] .sh-pat{-webkit-mask-image:linear-gradient(270deg,#000,#0000 60%);mask-image:linear-gradient(270deg,#000,#0000 60%)}:root[data-theme=dark] .sh-pat{opacity:.12;background-image:radial-gradient(circle,#0000 38%,#e6c36b 39% 40%,#0000 41%),radial-gradient(circle at 0 0,#0000 38%,#e6c36b 39% 40%,#0000 41%),radial-gradient(circle at 100% 0,#0000 38%,#e6c36b 39% 40%,#0000 41%),radial-gradient(circle at 0 100%,#0000 38%,#e6c36b 39% 40%,#0000 41%),radial-gradient(circle at 100% 100%,#0000 38%,#e6c36b 39% 40%,#0000 41%)}.cardstudio .eyebrow{color:var(--cgreen)}.cardstudio .title{color:var(--cink);background:0 0;-webkit-background-clip:initial;background-clip:initial}.cardstudio .lead{color:var(--cink2);max-width:28rem}.sh-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(26px,4vw,60px);display:grid;position:relative}.sh-left{justify-items:start;gap:14px;min-width:0;display:grid}.sh-k{font:700 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cgreen);margin-top:8px}.sh-ctx{gap:10px;width:min(100%,27rem);display:grid}.sh-ctx button{all:unset;box-sizing:border-box;cursor:pointer;backdrop-filter:blur(8px);transition:background .25s, transform .3s var(--ease), box-shadow .3s;background:#ffffff61;border:1.5px solid #0a2c261f;border-radius:22px;grid-template-columns:46px 1fr;align-items:center;gap:16px;padding:12px 18px 12px 14px;display:grid}.sh-ctx b{font:700 1.05rem/1.2 var(--sans);color:var(--cink);display:block}.sh-ctx small{color:var(--cink2);margin-top:2px;font-size:.86rem;display:block}.sh-ctx button:hover{background:#ffffff8c;transform:translate(4px)}:root[dir=rtl] .sh-ctx button:hover{transform:translate(-4px)}.sh-ctx button[aria-selected=true],.sh-ctx button[aria-selected=true]:hover{background:var(--cink);box-shadow:0 22px 36px -22px #0a2c26e6}.sh-ctx [aria-selected=true] b{color:#fff4d4}.sh-ctx [aria-selected=true] small{color:#fff4d4bf}:root[data-theme=dark] .sh-ctx button{background:#ffffff0d;border-color:#f7e7be29}:root[data-theme=dark] .sh-ctx button[aria-selected=true],.sh-ctx button[aria-selected=true]:hover{background:var(--cink)}:root[data-theme=dark] .sh-ctx [aria-selected=true] b{color:#1d1409}:root[data-theme=dark] .sh-ctx [aria-selected=true] small{color:#5a4524}.shape{background:linear-gradient(150deg,#11574d,#052a26);border-radius:5px;justify-self:center;display:block;box-shadow:inset 0 0 0 2px #e6c36be6}.shape.message{width:40px;height:23px}.shape.story{width:22px;height:39px}.shape.post{width:31px;height:31px}.sh-ctx button:focus-visible,.sh-seg button:focus-visible,.sh-send:focus-visible,.po-act button:focus-visible{outline:2px solid var(--cink);outline-offset:3px}.sh-opts{flex-wrap:wrap;gap:4px 24px;display:flex}.sh-seg{background:#0a2c261a;border-radius:999px;gap:3px;margin-top:8px;padding:4px;display:inline-flex}.sh-seg button{all:unset;box-sizing:border-box;cursor:pointer;font:600 .84rem/1 var(--sans);color:var(--cink2);border-radius:999px;padding:8px 14px;transition:background .2s,color .2s}.sh-seg [aria-pressed=true]{background:var(--cink);color:#fff4d4}:root[data-theme=dark] .sh-seg [aria-pressed=true]{color:#1d1409}.sh-stage{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(10px,3vw,40px);min-height:min(80vh,720px);display:grid;position:relative}.sh-src{align-content:center;justify-items:center;gap:18px;display:grid;position:relative}.sh-src .sh-card{width:min(100%,400px);animation:6s ease-in-out infinite sh-float;rotate:-3deg}.sh-stage[data-ctx-now=story] .sh-src .sh-card{width:auto;height:min(52vh,440px)}.sh-stage[data-ctx-now=post] .sh-src .sh-card{width:min(100%,340px)}@keyframes sh-float{0%,to{translate:0}50%{translate:0 -10px}}.sh-send{all:unset;box-sizing:border-box;cursor:pointer;background:var(--cink);color:#fff4d4;font:700 .98rem/1 var(--sans);transition:transform .25s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:13px 24px;display:inline-flex;box-shadow:0 20px 30px -16px #0a2c26e6}:root[data-theme=dark] .sh-send{color:#1d1409}:root[dir=rtl] .sh-send svg{transform:scaleX(-1)}.sh-send:hover{transform:translateY(-3px)}.sh-tap{font:italic 400 .92rem/1 var(--serif);color:var(--cink2);margin-top:-6px}.sh-card{cursor:pointer;perspective:1400px;transform-style:preserve-3d;border-radius:12px;transition:transform .8s cubic-bezier(.34,1.1,.5,1);display:block;position:relative}.sh-card .f{border-radius:inherit;backface-visibility:hidden;width:100%;height:auto;display:block}.sh-card .back{object-fit:cover;height:100%;position:absolute;inset:0;transform:rotateY(180deg)}.sh-card .front{object-fit:cover;height:100%}.sh-src .sh-card .f,.sh-card.flying .f{box-shadow:0 40px 50px -20px #3c1e0080}.sh-card.turned{transform:rotateY(180deg)}.sh-card.wide{aspect-ratio:16/9}.sh-card.story{aspect-ratio:9/16}.sh-card.square{aspect-ratio:1}.sh-card.src{border-radius:16px}.sh-card.src.wide{aspect-ratio:16/9}.sh-stage[data-ctx-now=story] .sh-card.src{aspect-ratio:9/16}.sh-stage[data-ctx-now=post] .sh-card.src{aspect-ratio:1}.sh-phone{aspect-ratio:9/19;width:clamp(250px,22vw,300px);transform:perspective(1400px) rotateY(var(--ry,-6deg)) rotateX(var(--rx,2deg));transition:transform .5s var(--ease);background:linear-gradient(145deg,#3a3f45,#0a0c0e 55%,#2a2e33);border-radius:48px;padding:11px;position:relative;box-shadow:inset 0 0 0 1.5px #565b61,0 70px 100px -40px #321800b3}:root[dir=rtl] .sh-phone{--ry:6deg}.sh-btn{background:#4a4f55;border-radius:2px;width:3px;position:absolute}.sh-btn.l1{height:7%;top:17%;left:-3px}.sh-btn.l2{height:11%;top:27%;left:-3px}.sh-btn.r1{height:15%;top:24%;right:-3px}.sh-screen{isolation:isolate;background:#f7f3ec;border-radius:38px;width:100%;height:100%;position:relative;overflow:hidden}.sh-screen:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(115deg,#ffffff29,#0000 35%);position:absolute;inset:0}.sh-island{z-index:15;background:#000;border-radius:14px;width:88px;height:25px;position:absolute;top:10px;left:50%;translate:-50%}.sh-home{z-index:15;background:#000c;border-radius:2px;width:96px;height:4px;position:absolute;bottom:7px;left:50%;translate:-50%}.sh-ctxscreen{opacity:0;visibility:hidden;transition:opacity .35s, transform .45s var(--ease), visibility 0s linear .35s;color:#1b2420;background:#f7f3ec;grid-template-rows:auto auto 1fr auto;display:grid;position:absolute;inset:0;transform:scale(1.03)}.sh-ctxscreen.on{opacity:1;visibility:visible;transition:opacity .35s, transform .45s var(--ease);transform:none}.sb{font:700 .72rem/1 var(--sans);z-index:12;justify-content:space-between;align-items:center;padding:15px 26px 0;display:flex;position:relative}.sb span{align-items:center;gap:5px;display:flex}.msg-head{border-bottom:1px solid #00000012;align-items:center;gap:9px;padding:14px 14px 10px;display:flex}:root[dir=rtl] .msg-head svg{transform:scaleX(-1)}.av{color:#0e5a45;width:30px;height:30px;font:700 .85rem/1 var(--sans);background:linear-gradient(145deg,#cfe3da,#9fc9b8);border-radius:50%;flex:none;place-items:center;display:grid}.msg-head b{font:700 .84rem/1.1 var(--sans);display:block}.msg-head small{color:#0e7a5e;font-size:.66rem}.msg-body{align-content:end;gap:6px;padding:8px 10px;display:grid;overflow:hidden}.day{font:600 .62rem/1 var(--sans);color:#8a948f;justify-self:center;padding:4px 0 2px}.b{max-width:82%;font:500 .74rem/1.35 var(--sans);border-radius:17px;padding:8px 11px}.b.them{color:#1b2420;background:#e6e2da;border-bottom-left-radius:5px;justify-self:start}:root[dir=rtl] .b.them{border-bottom-right-radius:5px;border-bottom-left-radius:17px}.b.me{color:#fff;background:#0e7a5e;border-bottom-right-radius:5px;justify-self:end}:root[dir=rtl] .b.me{border-bottom-right-radius:17px;border-bottom-left-radius:5px}.imgmsg{aspect-ratio:16/9;background:linear-gradient(135deg,#e6e2da,#d6d0c4);border-radius:17px 17px 5px;justify-self:end;width:74%;position:relative;overflow:hidden;box-shadow:0 6px 14px -8px #00000080}:root[dir=rtl] .imgmsg{border-radius:17px 17px 17px 5px}.imgmsg .sh-card,.imgmsg .sh-card .f{border-radius:0}.imgmsg .sh-card{opacity:0;width:100%;height:100%;transition:opacity .25s}.react{background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .4s cubic-bezier(.34,1.8,.5,1);display:grid;position:absolute;bottom:6px;right:6px;transform:scale(0);box-shadow:0 4px 10px #0000004d}.tick{font:600 .6rem/1 var(--sans);color:#8a948f;opacity:0;justify-self:end;padding-right:4px;transition:opacity .3s}.b.typing{align-items:center;gap:4px;padding:11px 13px;display:none}.b.typing i{background:#8a948f;border-radius:50%;width:6px;height:6px;animation:1s infinite sh-dot}.b.typing i:nth-child(2){animation-delay:.15s}.b.typing i:nth-child(3){animation-delay:.3s}@keyframes sh-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}[data-thanks]{display:none}.msg-body.in .imgmsg .sh-card,.msg-body.in.d1 .tick{opacity:1}.msg-body.in.d2 [data-typing]{display:flex}.msg-body.in.d3 [data-typing]{display:none}.msg-body.in.d3 [data-thanks]{animation:sh-pop .4s var(--ease);display:block}.msg-body.in.d3 .react{transform:scale(1)}@keyframes sh-pop{0%{opacity:0;transform:translateY(8px)scale(.95)}}.msg-in{align-items:center;gap:8px;padding:6px 12px 22px;display:flex}.msg-in .plus{width:26px;height:26px;font:500 1.1rem/1 var(--sans);color:#55605a;background:#e6e2da;border-radius:50%;place-items:center;display:grid}.msg-in .field{color:#8a948f;border:1.5px solid #ddd8cf;border-radius:999px;flex:1;padding:7px 13px;font-size:.7rem}.sh-ctxscreen[data-mock=story]{color:#fff;background:#000;grid-template-rows:auto auto auto 1fr auto}.st-slot{z-index:0;background:radial-gradient(circle at 50% 40%,#143c36,#050d0c);position:absolute;inset:0}.st-slot .sh-card,.st-slot .sh-card .f{opacity:0;border-radius:0;width:100%;height:100%;transition:opacity .3s}.st-slot .sh-card .f,.sh-ctxscreen[data-mock=story].in .st-slot .sh-card{opacity:1}.sh-ctxscreen[data-mock=story] .sb,.st-bars,.st-head,.st-reply{z-index:3;position:relative}.st-bars{gap:4px;padding:10px 14px 0;display:flex}.st-bars i{background:#ffffff59;border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.sh-ctxscreen.in .st-bars i.run:after{content:"";transform-origin:0;background:#fff;animation:6s linear infinite sh-prog;position:absolute;inset:0}:root[dir=rtl] .st-bars i.run:after{transform-origin:100%}@keyframes sh-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.st-head{align-items:center;gap:8px;padding:9px 14px;display:flex}.ring{background:conic-gradient(#f6d58a,#e8a63c,#f6d58a);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:2px;display:grid}.ring .av{background:#cfe3da;border:2px solid #000;width:100%;height:100%}.sh-ctxscreen[data-mock=post] .ring .av{border-color:#f7f3ec}.st-head b{font:700 .74rem/1 var(--sans)}.st-head small{opacity:.75;flex:1;font-size:.66rem}.st-head .x{opacity:.85;font-size:1.4rem;line-height:1}.st-reply{align-self:end;align-items:center;gap:12px;padding:0 14px 22px;display:flex}.st-reply span{font:500 .72rem/1 var(--sans);border:1.5px solid #ffffffb3;border-radius:999px;flex:1;padding:10px 15px}.sh-ctxscreen[data-mock=post]{grid-template-rows:auto auto auto auto auto auto 1fr;align-content:start;gap:0}.po-head{align-items:center;gap:9px;padding:12px 12px 8px;display:flex}.po-head b{font:700 .76rem/1.1 var(--sans);display:block}.po-head small{color:#6a756f;font-size:.62rem}.po-head div{flex:1}.po-head .dots{letter-spacing:1px;color:#55605a;font-weight:800}.po-slot{aspect-ratio:1;background:linear-gradient(135deg,#e6e2da,#d6d0c4);position:relative}.po-slot .sh-card,.po-slot .sh-card .f{border-radius:0;width:100%;height:100%}.po-slot .sh-card{opacity:0;transition:opacity .3s}.sh-ctxscreen[data-mock=post].in .po-slot .sh-card{opacity:1}.po-act{color:#1b2420;align-items:center;gap:13px;padding:9px 12px 4px;display:flex}.po-act .bm{margin-inline-start:auto}.po-act button{all:unset;cursor:pointer;transition:transform .2s var(--ease);display:grid}.po-act button:active{transform:scale(.8)}.po-act button[aria-pressed=true] svg{fill:#e0425b;stroke:#e0425b;animation:sh-pop .4s var(--ease)}.po-likes,.po-cap{padding:2px 12px;font-size:.68rem;line-height:1.35}.po-likes{font-weight:700}.po-ago{color:#8a948f;padding:3px 12px;font-size:.58rem}.sh-card.flying{z-index:90;pointer-events:none;margin:0;transition:none;animation:none;position:fixed;rotate:0deg}@media (width<=980px){.sh-grid{grid-template-columns:1fr}.sh-left{text-align:center;justify-items:center}.sh-ctx{text-align:start}.sh-opts{justify-content:center}.sh-stage{grid-template-columns:1fr;justify-items:center;min-height:0}.sh-src{display:none}.sh-phone{width:280px}}@media (prefers-reduced-motion:reduce){.sh-src .sh-card{animation:none}.sh-ctxscreen,.sh-card,.msg-body .react{transition-duration:1ms}.sh-ctxscreen.in .st-bars i.run:after{animation:none;transform:scaleX(.4)}}.badges{--gold:#e6c36b;--gold2:#f7e2a4;background:radial-gradient(90% 70% at 50% 0,#1b5a4a,#0b2f28 50%,#051712 100%);position:relative;overflow:hidden}.bj-glow{pointer-events:none;opacity:.1;background-image:repeating-radial-gradient(circle at 50% 0,#0000 0 46px,#e6c36b 47px 48px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.badges .wrap{position:relative}.bj-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(28px,4vw,44px);display:flex}.bj-tabs button{all:unset;box-sizing:border-box;cursor:pointer;color:#d9e7e0;font:600 .92rem/1 var(--sans);transition:background .25s, color .25s, transform .25s var(--ease);border:1.5px solid #f7e2a438;border-radius:999px;align-items:center;gap:10px;padding:9px 18px 9px 10px;display:inline-flex}.bj-tabs button img{object-fit:contain;width:28px;height:28px}.bj-tabs button:hover{background:#f7e2a414;transform:translateY(-2px)}.bj-tabs [aria-selected=true]{background:linear-gradient(135deg, var(--gold2), var(--gold));color:#0b2f28;border-color:#0000}.bj-tabs button:focus-visible,.bj-ladder button:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.bj-panel{background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid #f7e2a42e;border-radius:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,80px);margin-top:clamp(28px,4vw,48px);padding:clamp(22px,4vw,56px);display:grid;box-shadow:0 60px 100px -50px #000000b3}.bj-hero{aspect-ratio:1;perspective:900px;justify-self:center;place-items:center;width:100%;max-width:420px;display:grid;position:relative}.bj-disc{background:radial-gradient(circle,#f7e2a44d,#e6c36b0f 62%,#0000 70%);border-radius:50%;position:absolute;inset:4%;box-shadow:inset 0 0 0 1px #f7e2a44d}.bj-disc:before{content:"";border:1px dashed #f7e2a473;border-radius:50%;animation:40s linear infinite bj-spin;position:absolute;inset:7%}@keyframes bj-spin{to{transform:rotate(360deg)}}.bj-art{object-fit:contain;filter:drop-shadow(0 30px 28px #0000008c);width:70%;height:70%;transition:filter .5s, transform .2s var(--ease);will-change:transform;position:relative}.bj-hero.locked .bj-art{filter:grayscale()brightness(.55)contrast(.9)drop-shadow(0 20px 20px #00000080);opacity:.7}.bj-hero.bjpop .bj-art{animation:.7s cubic-bezier(.34,1.56,.64,1) bj-pop}@keyframes bj-pop{0%{transform:scale(.7)rotate(-8deg)}to{transform:none}}.bj-toast{top:2%;color:#10261f;opacity:0;pointer-events:none;background:#fffaf0;border-radius:16px;align-items:center;gap:10px;padding:9px 16px 9px 10px;transition:opacity .3s,transform .5s cubic-bezier(.34,1.4,.5,1);display:flex;position:absolute;inset-inline-end:-4%;transform:translateY(-14px)scale(.92);box-shadow:0 24px 40px -16px #0009}.bj-toast.on{opacity:1;transform:none}.bj-toast img{object-fit:contain;width:40px;height:40px}.bj-toast small{font:700 .58rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#a8791a;margin-bottom:4px;display:block}.bj-toast b{font:700 .86rem/1.1 var(--sans)}.bj-info{gap:10px;min-width:0;display:grid}.bj-state{font:700 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7fe0c4;background:#5fd0b024;border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.bj-state.locked{color:#b8c9c1;background:#ffffff14}.bj-name{font:400 clamp(2rem, 3.4vw, 3rem)/1.05 var(--serif);color:#fff7de;margin:4px 0 0}.bj-detail{color:#c4d6ce;max-width:30rem;margin:0;font-size:1.05rem;line-height:1.5}.bj-rare{color:#9db5ab;align-items:center;gap:10px;margin:2px 0 6px;font-size:.86rem;display:flex}.bj-rare b{color:var(--gold2);font-weight:700}.bj-rare i{gap:4px;display:inline-flex}.bj-rare i s{background:#f7e2a438;border-radius:50%;width:8px;height:8px}.bj-rare i s.on{background:var(--gold)}.bj-count{align-items:baseline;gap:12px;margin-top:8px;display:flex}.bj-count b{font:400 clamp(2.4rem, 4vw, 3.6rem)/1 var(--serif);color:var(--gold2);font-variant-numeric:tabular-nums;min-width:2ch}.bj-count span{font:600 .95rem/1 var(--sans);color:#b8c9c1}.bj-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:34px;margin:4px 0 0}.bj-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--p,0%), #ffffff29 var(--p,0%));border-radius:3px;height:6px}:root[dir=rtl] .bj-slider::-webkit-slider-runnable-track{background:linear-gradient(270deg, var(--gold) var(--p,0%), #ffffff29 var(--p,0%))}.bj-slider::-moz-range-track{background:#ffffff29;border-radius:3px;height:6px}.bj-slider::-moz-range-progress{background:var(--gold);border-radius:3px;height:6px}.bj-slider::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, #fff6d6, var(--gold));width:30px;height:30px;box-shadow:0 0 0 2px var(--gold), 0 8px 18px #00000080;border:3px solid #0b2f28;border-radius:50%;margin-top:-12px}.bj-slider::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #fff6d6, var(--gold));width:24px;height:24px;box-shadow:0 0 0 2px var(--gold);border:3px solid #0b2f28;border-radius:50%}.bj-slider:focus-visible{outline:2px solid var(--gold2);outline-offset:4px;border-radius:6px}.bj-ladder{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));margin:6px 0 0;padding:0;list-style:none;display:grid}.bj-ladder li{justify-items:center;display:grid}.bj-ladder button{all:unset;cursor:pointer;text-align:center;justify-items:center;gap:6px;width:100%;padding:4px 2px;display:grid}.bj-ladder img{aspect-ratio:1;object-fit:contain;filter:grayscale()brightness(.5);opacity:.55;width:clamp(44px,6vw,66px);transition:filter .45s,opacity .45s,transform .6s cubic-bezier(.34,1.56,.64,1);transform:scale(.88)}.bj-ladder .e img{filter:none;opacity:1;transform:none}.bj-ladder .cur img{filter:drop-shadow(0 0 14px #f7e2a499);transform:scale(1.18)}.bj-ladder b{font:700 .74rem/1.15 var(--sans);color:#d9e7e0}.bj-ladder small{font:600 .66rem/1 var(--sans);color:#8aa59a;font-variant-numeric:tabular-nums}.bj-hint{font:italic 400 .92rem/1.3 var(--serif);color:#8aa59a;margin:4px 0 0}.bj-finale{justify-items:center;gap:22px;margin-top:clamp(48px,7vw,96px);display:grid}.bj-total{text-align:center;justify-items:center;gap:4px;margin:0;display:grid}.bj-total b{font:400 clamp(1.5rem, 2.6vw, 2.2rem)/1.1 var(--serif);color:#fff7de}.bj-total span{color:#9db5ab}.badges-shot{max-width:1000px;margin-inline:auto}@media (width<=880px){.bj-panel{border-radius:28px;grid-template-columns:1fr;padding:22px}.bj-hero{max-width:260px}.bj-toast{inset-inline-end:-6%}.bj-info{text-align:center;justify-items:center}.bj-count,.bj-rare{justify-content:center}}@media (prefers-reduced-motion:reduce){.bj-disc:before,.bj-hero.bjpop .bj-art{animation:none}}.th{--hub:#eef1ee;--hcard:#fff;--hink:#1b2420;--hink2:#5a6660;--hgreen:#0e7a5e;--hline:#1b242014;background:var(--hub);border:1px solid var(--hline);color:var(--hink);border-radius:32px;gap:14px;margin-top:clamp(26px,4vw,44px);padding:clamp(18px,2.6vw,34px);display:grid}:root[data-theme=dark] .th{--hub:#131f1b;--hcard:#1b2b26;--hink:#f1e9d2;--hink2:#a9b5ae;--hgreen:#2fb48e;--hline:#f1e9d21a}.th-g{font:600 .88rem/1 var(--sans);color:var(--hink2);margin-top:10px}.th-now{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.th-now .th-g{margin:0 6px 0 0}.th-chip{all:unset;box-sizing:border-box;background:var(--hcard);font:500 .85rem/1 var(--sans);border-radius:999px;align-items:center;gap:9px;padding:9px 16px 9px 12px;display:inline-flex;box-shadow:0 6px 16px -10px #00000059}.th-chip b{font-weight:700}.th-chip small{color:var(--hink2);font-size:.82rem}.th-chip>span:first-child{color:var(--hgreen);display:grid}button.th-chip{cursor:pointer;transition:transform .2s var(--ease)}button.th-chip:hover{transform:translateY(-2px)}button.th-chip:focus-visible{outline:2px solid var(--hgreen);outline-offset:3px}.th-row{gap:14px;display:grid}.th-row.r2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.th-row.r3{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)}.th-card{background:var(--hcard);border:1px solid var(--hline);min-width:0;transition:box-shadow .3s, transform .3s var(--ease);border-radius:24px;align-content:start;gap:12px;padding:18px 20px 20px;display:grid;position:relative;box-shadow:0 16px 36px -28px #0006}.th-card.pulse{box-shadow:0 0 0 3px color-mix(in srgb, var(--hgreen) 55%, transparent), 0 16px 36px -28px #0006}.th-card header{align-items:center;gap:10px;display:flex}.th-card header h3{font:700 1.05rem/1.2 var(--sans);flex:1}.th-ic{background:color-mix(in srgb, var(--hgreen) 14%, transparent);width:34px;height:34px;color:var(--hgreen);border-radius:50%;flex:none;place-items:center;display:grid}.th-abc{font:700 .62rem/1 var(--sans);letter-spacing:.02em}.th-arr{color:var(--hink2);opacity:.7}:root[dir=rtl] .th-arr{transform:scaleX(-1)}.th-sub{color:var(--hink2);font-size:.88rem;line-height:1.4}.th-sub b{color:var(--hink);font-weight:600}.th-qbody{grid-template-columns:auto 1fr;align-items:center;gap:22px;display:grid}.q-dial{touch-action:none;cursor:grab;border-radius:50%;width:clamp(120px,12vw,158px)}.q-dial:active{cursor:grabbing}.q-dial:focus-visible{outline:2px solid var(--hgreen);outline-offset:4px}.qd-ring{fill:color-mix(in srgb, var(--hink) 4%, transparent);stroke:color-mix(in srgb, var(--hink) 22%, transparent);stroke-width:2px}.qd-ticks line{stroke:color-mix(in srgb, var(--hink) 55%, transparent);stroke-width:2px}.qd-n{fill:var(--hink);font:700 17px var(--sans)}.qd-kaaba{fill:#1b1b1b;stroke:#c9a24b;stroke-width:2.5px}.qd-ptr{fill:var(--hgreen)}.qd-hub{fill:var(--hink)}[data-q-dial],[data-q-mark]{transform-origin:0 0}[data-q-dial].easing{transition:transform .7s cubic-bezier(.34,1.2,.5,1)}.th-big{font:400 clamp(2.6rem, 4.2vw, 3.6rem)/1 var(--sans);letter-spacing:-.02em}.th-face{font:700 1.15rem/1.2 var(--sans);color:var(--hgreen);text-transform:capitalize;margin-top:6px}.th-card[data-q].on{box-shadow:0 0 0 3px color-mix(in srgb, var(--hgreen) 60%, transparent), 0 16px 36px -28px #0006}.th-huge{font:400 clamp(3.4rem, 6vw, 5rem)/1 var(--sans);letter-spacing:-.03em}.th-hm{font:600 .98rem/1.2 var(--sans)}.th-pill{color:#7d5f1c;font:700 .8rem/1 var(--sans);background:#c9a24b38;border-radius:999px;justify-self:start;padding:7px 14px}:root[data-theme=dark] .th-pill{color:#e6c36b}.th-tbody{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.th-ring{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(104px,11vw,128px);display:grid;position:relative}.th-ring:focus-visible{outline:2px solid var(--hgreen);outline-offset:4px}.th-ring svg{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.tr-trk{fill:none;stroke:color-mix(in srgb, var(--hink) 10%, transparent);stroke-width:8px}.tr-prg{fill:none;stroke:var(--hgreen);stroke-width:8px;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:calc(314 - 314 * var(--tp,0));transition:stroke-dashoffset .22s var(--ease)}.th-ring span{justify-items:center;line-height:1;display:grid;position:relative}.th-ring b{font:400 2.3rem/1 var(--sans);font-variant-numeric:tabular-nums}.th-ring small{font:500 .8rem/1.4 var(--sans);color:var(--hink2)}.th-ring:active{transform:scale(.96)}.th-ring.bloom{animation:th-bloom .7s var(--ease)}@keyframes th-bloom{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--hgreen) 50%, transparent)}to{box-shadow:0 0 0 26px #0000}}.th-dhikr{font:400 clamp(1.5rem, 2.4vw, 2rem)/1.5 var(--arabic);color:var(--hink)}.th-ttxt{justify-items:start;gap:4px;display:grid}.th-link{all:unset;cursor:pointer;font:700 .86rem/1.2 var(--sans);color:var(--hgreen)}.th-link.soft{color:var(--hink2);font-weight:500}.th-link:hover{text-decoration:underline}.th-link:focus-visible{outline:2px solid var(--hgreen);outline-offset:2px;border-radius:4px}.th-prayers{flex-wrap:wrap;gap:8px;display:flex}.th-prayers button{all:unset;box-sizing:border-box;cursor:pointer;background:color-mix(in srgb, var(--hink) 8%, transparent);width:40px;height:40px;color:var(--hink2);transition:background .25s, color .25s, transform .25s var(--ease);border-radius:50%;place-items:center;display:grid}.th-prayers button:hover{transform:translateY(-2px)}.th-prayers button:focus-visible{outline:2px solid var(--hgreen);outline-offset:2px}.th-prayers .lp-ck{display:none}.th-prayers [aria-pressed=true]{background:var(--hgreen);color:#fff}.th-prayers [aria-pressed=true] .lp-ic{display:none}.th-prayers [aria-pressed=true] .lp-ck{display:block}.th-mbody{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.th-mring{aspect-ratio:1;place-items:center;width:84px;display:grid;position:relative}.th-mring svg:first-child{width:100%;height:100%;position:absolute;inset:0}.th-mring circle{fill:none;stroke:color-mix(in srgb, var(--hink) 14%, transparent);stroke-width:5px}.th-mring b{font:400 1.9rem/1 var(--sans)}.th-mring .mk{color:var(--hgreen);display:none}.th-mring.zero circle{stroke:var(--hgreen)}.th-mring.zero b{display:none}.th-mring.zero .mk{display:block}.th-step{gap:8px;margin-top:6px;display:flex}.th-step button{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;font:600 1.2rem/1 var(--sans);background:color-mix(in srgb, var(--hink) 8%, transparent);border-radius:50%;place-items:center;transition:background .2s;display:grid}.th-step button:hover{background:color-mix(in srgb, var(--hgreen) 22%, transparent)}.th-step button:focus-visible{outline:2px solid var(--hgreen);outline-offset:2px}.th-click{cursor:pointer}.th-click:hover{transform:translateY(-3px)}.th-click:focus-visible{outline:2px solid var(--hgreen);outline-offset:3px}.th-dua{font:400 clamp(1.25rem, 1.8vw, 1.55rem)/1.9 var(--arabic);color:var(--hink);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.2em;transition:opacity .25s;display:-webkit-box;overflow:hidden}.th-dots{gap:5px;display:flex}.th-dots i{background:color-mix(in srgb, var(--hink) 20%, transparent);width:6px;height:6px;transition:background .25s, width .25s var(--ease);border-radius:50%}.th-dots i.on{background:var(--hgreen);border-radius:3px;width:16px}.th-vcard{perspective:700px;height:128px;position:relative}.vf{text-align:center;background:color-mix(in srgb, var(--hgreen) 8%, transparent);backface-visibility:hidden;transition:transform .6s var(--ease);border-radius:16px;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.vf b{font:400 2.5rem/1.3 var(--arabic)}.vf small,.vf span{color:var(--hink2);font-size:.8rem}.vf.back{transform:rotateY(180deg)}.vf.back b{font:700 1.3rem/1.2 var(--sans);color:var(--hgreen)}.th-vcard.flipped .front{transform:rotateY(-180deg)}.th-vcard.flipped .back{transform:rotateY(0)}.th-note{resize:none;width:100%;font:400 1.02rem/1.5 var(--sans);color:var(--hink);background:0 0;border:0;min-height:5.6em;padding:0}.th-note:focus{outline:none}.th-note::placeholder{color:var(--hink2)}@media (width<=980px){.th-row.r2,.th-row.r3{grid-template-columns:1fr}.th-qbody,.th-tbody{text-align:center;grid-template-columns:1fr;justify-items:center}.th-ttxt{justify-items:center}.th-mbody{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (prefers-reduced-motion:reduce){.vf,.tr-prg,[data-q-dial].easing{transition-duration:1ms}}.lgx{--lgink:#2b2214;--lgink2:#6a5a3e;--lgline:#3c280a29;--ink:var(--lgink);--ink-2:var(--lgink2);--ink-3:var(--lgink2);background:linear-gradient(#f8f1e1,#efe0bd);position:relative;overflow:hidden}:root[data-theme=dark] .lgx{--lgink:#f3e6c8;--lgink2:#bba983;--lgline:#f3e6c82e;background:linear-gradient(#1c1610,#110c07)}.lg-pat{pointer-events:none;opacity:.1;background-image:repeating-conic-gradient(from 22.5deg at 50% 50%, transparent 0 22.5deg, #7a5a1a 22.5deg 23deg);background-size:90px 90px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000)}:root[data-theme=dark] .lg-pat{opacity:.14;background-image:repeating-conic-gradient(from 22.5deg at 50% 50%, transparent 0 22.5deg, #e6c36b 22.5deg 23deg)}.lgx .wrap{position:relative}.lgx .title{color:var(--lgink);background:0 0;-webkit-background-clip:initial;background-clip:initial}.lgx .lead{color:var(--lgink2)}.lg-switch{border:1px solid var(--lgline);direction:ltr;background:#3c280a1a;border-radius:999px;grid-template-columns:repeat(3,1fr);width:min(100%,470px);margin:clamp(26px,4vw,40px) auto 0;padding:5px;display:grid;position:relative}:root[data-theme=dark] .lg-switch{background:#ffffff0f}.lg-thumb{width:calc(33.3333% - 3.33333px);transform:translateX(calc(var(--i,0) * 100%));background:#2b2214;border-radius:999px;transition:transform .5s cubic-bezier(.34,1.3,.5,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 12px 20px -10px #281900b3}:root[data-theme=dark] .lg-thumb{background:#f3e6c8}.lg-switch button{all:unset;z-index:1;box-sizing:border-box;cursor:pointer;text-align:center;font:700 1rem/1 var(--sans);color:var(--lgink2);padding:13px 8px;transition:color .3s;position:relative}.lg-switch button[aria-pressed=true]{color:#fff4d4}:root[data-theme=dark] .lg-switch button[aria-pressed=true]{color:#1c1610}.lg-switch button:focus-visible{outline:2px solid var(--lgink);outline-offset:2px;border-radius:999px}.lg-screens{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.lg-screens button{all:unset;box-sizing:border-box;cursor:pointer;font:600 .88rem/1 var(--sans);color:var(--lgink2);border:1.5px solid var(--lgline);border-radius:999px;padding:8px 16px;transition:background .25s,color .25s}.lg-screens button:hover{background:#3c280a12}.lg-screens button[aria-pressed=true],.lg-screens button[aria-pressed=true]:hover{background:var(--lgink);color:#fff4d4;border-color:#0000}:root[data-theme=dark] .lg-screens [aria-pressed=true]{color:#1c1610}.lg-screens button:focus-visible{outline:2px solid var(--lgink);outline-offset:2px}.lg-stage{grid-template-columns:minmax(0,1fr) minmax(120px,210px);align-items:end;gap:clamp(18px,3vw,40px);max-width:1100px;margin:clamp(30px,5vw,56px) auto 0;display:grid}.lg-macs,.lg-phones{display:grid}.lg-slide{opacity:0;visibility:hidden;transform:translateX(var(--sx,0)) scale(.97);direction:ltr;grid-area:1/1;transition:opacity .45s,transform .65s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}.lg-slide.on{opacity:1;visibility:visible;transition:opacity .45s,transform .65s cubic-bezier(.22,1,.36,1);transform:none}.lg-slide.before{--sx:-9%}.lg-slide.after{--sx:9%}.lg-phones .phone-slot{max-width:210px;margin-inline:auto}.lg-dir{text-align:center;max-width:40rem;font:italic 400 1.05rem/1.4 var(--serif);color:var(--lgink2);min-height:1.4em;margin:22px auto 0}@media (width<=760px){.lg-stage{grid-template-columns:1fr}.lg-phones .phone-slot{max-width:180px}}@media (prefers-reduced-motion:reduce){.lg-slide,.lg-thumb{transition-duration:1ms}}.gf{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(22px,4vw,56px);max-width:960px;margin:clamp(32px,5vw,56px) auto 0;display:grid}.gf-win{filter:drop-shadow(0 40px 36px #0000008c)drop-shadow(0 0 1px #f7e2a466);width:100%;height:auto}.gf-text{justify-items:start;gap:14px;display:grid}.gf-line{font:400 clamp(1.3rem, 2.2vw, 1.7rem)/1.3 var(--serif);color:var(--on-night);margin:0}.gf-chips{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.gf-chips li{font:600 .98rem/1.2 var(--sans);color:var(--on-night-2);align-items:center;gap:10px;display:flex}.gf-chips svg{color:#7fe0c4;background:#5fd0b029;border-radius:50%;flex:none;width:26px;height:26px;padding:5px}@media (width<=760px){.gf{grid-template-columns:1fr}.gf-text{text-align:center;justify-items:center}.gf-chips li{justify-content:center}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.at{padding-top:calc(var(--nav-h) + 50px);padding-bottom:120px}.at-back{text-decoration:none}.at-head{justify-items:start;gap:16px;max-width:46rem;display:grid}.at-search{width:min(100%,30rem);margin-top:8px;display:block;position:relative}.at-search svg{inset-inline-start:18px;color:var(--ink-3);position:absolute;top:50%;translate:0 -50%}.at-search input{box-sizing:border-box;border:1.5px solid var(--line-2);background:color-mix(in srgb, var(--paper) 70%, #fff);width:100%;font:500 1rem/1 var(--sans);color:var(--ink);border-radius:999px;padding:15px 20px 15px 48px;transition:border-color .25s,box-shadow .25s}:root[dir=rtl] .at-search input{padding:15px 48px 15px 20px}.at-search input:focus{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent);outline:none}.at-body{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);margin-top:clamp(32px,5vw,64px);display:grid}.at-index{top:calc(var(--nav-h) + 24px);gap:4px;display:grid;position:sticky}.at-index a{font:600 .95rem/1 var(--sans);color:var(--ink-2);border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:10px 12px;text-decoration:none;transition:background .25s,color .25s;display:grid}.at-index a span{font:700 .7rem/1 var(--sans);color:var(--ink-3);font-variant-numeric:tabular-nums}.at-index a small{font:600 .7rem/1 var(--sans);color:var(--ink-3)}.at-index a:hover{background:color-mix(in srgb, var(--gold) 12%, transparent)}.at-index a.on{background:var(--ink);color:var(--paper)}.at-index a.on span,.at-index a.on small{color:color-mix(in srgb, var(--paper) 70%, transparent)}.at-index a[hidden]{display:none}.at-areas{grid-template-columns:minmax(0,1fr);gap:clamp(56px,8vw,110px);min-width:0;display:grid}.at-area{--acc:#c79a2e;scroll-margin-top:calc(var(--nav-h) + 20px)}.at-area[hidden]{display:none}.a-read{--acc:#c79a2e}.a-listen{--acc:#1f8f7a}.a-memorize{--acc:#6c5bd0}.a-pray{--acc:#2f6bb0}.a-tools{--acc:#3a9a63}.a-progress{--acc:#d1822a}.a-more{--acc:#a8565e}.at-top{grid-template-columns:auto 1fr;align-items:start;gap:clamp(14px,3vw,36px);display:grid}.at-n{font:400 clamp(3.4rem, 8vw, 6.4rem)/.9 var(--serif);color:color-mix(in srgb, var(--acc) 55%, var(--paper));font-variant-numeric:tabular-nums;margin:0}.at-top .eyebrow{color:var(--acc)}.at-top h2{font:400 clamp(1.9rem, 3.6vw, 3rem)/1.08 var(--serif);margin:6px 0 0}:root[lang=ar] .at-top h2{font-family:var(--arabic);font-weight:700}.at-intro{max-width:36rem;color:var(--ink-2);margin:12px 0 0;font-size:1.08rem;line-height:1.55}.at-grid{background:radial-gradient(90% 100% at 80% 20%, color-mix(in srgb, var(--acc) 20%, transparent), transparent 70%), color-mix(in srgb, var(--acc) 6%, var(--paper));border:1px solid color-mix(in srgb, var(--acc) 22%, transparent);border-radius:32px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(20px,3.4vw,48px);margin-top:clamp(22px,3vw,36px);padding:clamp(18px,3vw,36px);display:grid}.at-caps{gap:11px;margin:0;padding:0;list-style:none;display:grid}.at-caps li{font:500 .98rem/1.4 var(--sans);color:var(--ink);grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.at-caps svg{background:color-mix(in srgb, var(--acc) 18%, transparent);width:24px;height:24px;color:var(--acc);border-radius:50%;margin-top:-1px;padding:5px}.at-caps li[hidden]{display:none}.at-pair{grid-template-columns:minmax(0,1fr);align-items:end;min-width:0;padding-bottom:10px;display:grid;position:relative}.at-shot{all:unset;cursor:zoom-in;width:100%;min-width:0;transition:transform .5s var(--ease);display:block}.at-shot:hover{transform:translateY(-4px)}.at-shot:focus-visible,.at-card:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:14px}.at-pair .mac-s{width:100%}.at-shot .mac,.at-shot .phone{width:100%;max-width:none;margin:0}.at-pair .phone-s{inset-inline-end:-2%;filter:drop-shadow(0 30px 28px #00000059);width:26%;position:absolute;bottom:-6%}.at-pair:not(:has(.phone-s)) .mac-s{width:100%}.at-strip{scroll-snap-type:x proximity;scrollbar-width:thin;gap:14px;margin-top:8px;padding:22px 4px 8px;display:flex;overflow-x:auto}.at-card{all:unset;box-sizing:border-box;cursor:zoom-in;scroll-snap-align:start;border:1px solid var(--line-2);background:color-mix(in srgb, var(--paper) 60%, #fff);width:250px;transition:transform .35s var(--ease), box-shadow .35s, border-color .25s;border-radius:18px;flex:none;gap:6px;padding:10px 10px 14px;display:grid}.at-card:hover{border-color:color-mix(in srgb, var(--acc) 50%, transparent);transform:translateY(-4px);box-shadow:0 24px 36px -22px #281e0a80}.at-card.is-phone{width:130px}.at-thumb{background:color-mix(in srgb, var(--acc) 8%, var(--paper));border-radius:12px;place-items:center;height:150px;display:grid;overflow:hidden}.at-card.is-phone .at-thumb{height:200px}.at-thumb img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.at-card b{font:600 .92rem/1.25 var(--sans);padding-inline:4px}.at-card small{font:600 .7rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-inline:4px}.at-card[hidden]{display:none}.at-empty{text-align:center;padding:60px 0;font-size:1.05rem}.at-box{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100vh;max-height:none;padding:0}.at-box::backdrop{backdrop-filter:blur(8px);background:#080c0ae0}.at-box[open]{place-items:center;display:grid}.at-fig{justify-items:center;gap:14px;max-width:min(92vw,1400px);margin:0;display:grid}.at-fig img{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:74vh;box-shadow:0 60px 100px -30px #000c}.at-fig figcaption{text-align:center;gap:4px;max-width:40rem;display:grid}.at-fig figcaption b{font:600 1.15rem/1.3 var(--sans)}.at-fig figcaption span{color:#ffffffb8;font-size:.98rem}.at-x,.at-nav{all:unset;cursor:pointer;color:#fff;z-index:2;background:#ffffff1f;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .25s;display:grid;position:fixed}.at-x:hover,.at-nav:hover{background:#ffffff3d}.at-x{top:20px;inset-inline-end:20px}.at-nav{top:50%;translate:0 -50%}.at-prev{inset-inline-start:20px}.at-next{inset-inline-end:20px}:root[dir=rtl] .at-nav svg{transform:scaleX(-1)}.at-x:focus-visible,.at-nav:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=960px){.at-body{grid-template-columns:1fr}.at-index{top:var(--nav-h);z-index:6;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(10px);margin-inline:calc(var(--gutter,16px) * -1);padding:10px 0;padding-inline:var(--gutter,16px);scrollbar-width:none;gap:6px;display:flex;position:sticky;overflow-x:auto}.at-index a{border:1px solid var(--line-2);border-radius:999px;flex:none;grid-template-columns:auto auto;padding:9px 14px}.at-index a span,.at-index a small{display:none}.at-grid{grid-template-columns:1fr}.at-pair .phone-s{width:24%}}@media (width<=560px){.at-top{grid-template-columns:1fr}.at-n{font-size:3rem}.at-card{width:210px}.at-nav{top:auto;bottom:22px;translate:none}.at-prev{inset-inline-start:22px}.at-next{inset-inline-end:22px}}@media (prefers-reduced-motion:reduce){.at-shot,.at-card{transition-duration:1ms}}.ip-hero{padding:calc(var(--nav-h) + 56px) 0 clamp(60px, 8vw, 110px);background:radial-gradient(90% 80% at 75% 20%,#1d5a4c,#0b2f28 55%,#05140f);position:relative;overflow:hidden}.ip-glow{pointer-events:none;opacity:.1;background-image:repeating-radial-gradient(circle at 78% 30%,#0000 0 46px,#e6c36b 47px 48px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 78% 30%,#000,#0000);mask-image:radial-gradient(60% 70% at 78% 30%,#000,#0000)}.ip-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid;position:relative}.ip-copy{justify-items:start;gap:16px;display:grid}.ip-back{color:var(--on-night-2);font-size:.95rem;text-decoration:none}.ip-copy .lead{max-width:30rem;color:var(--on-night-2)}.ip-status{font:italic 400 1.05rem/1.3 var(--serif);color:#e6c36b;margin:0}.ip-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.ip-all{color:var(--on-night);font:600 .95rem/1 var(--sans);border-bottom:1px solid #ffffff4d;align-items:center;gap:8px;padding-bottom:4px;text-decoration:none;display:inline-flex}:root[dir=rtl] .ip-all svg{transform:scaleX(-1)}.ip-fan{place-items:center;height:clamp(420px,52vw,620px);display:grid;position:relative}.ip-ph{all:unset;cursor:pointer;width:clamp(130px,17vw,215px);translate:-50% -50%;transform:translateX(calc(var(--o) * 52%)) translateY(calc(var(--a) * 3.5%)) rotate(calc(var(--o) * 5deg)) scale(calc(1 - var(--a) * .1));z-index:calc(10 - var(--a));filter:drop-shadow(0 40px 36px #00000080) brightness(calc(1 - var(--a) * .12));transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s;position:absolute;top:50%;left:50%}:root[dir=rtl] .ip-ph{transform:translateX(calc(var(--o) * -52%)) translateY(calc(var(--a) * 3.5%)) rotate(calc(var(--o) * -5deg)) scale(calc(1 - var(--a) * .1))}.ip-ph:hover{filter:drop-shadow(0 46px 40px #0000008c)brightness()}.ip-ph:focus-visible{outline-offset:6px;border-radius:28px;outline:2px solid #e6c36b}.ip-ph .phone{display:block}.ip-cap{text-align:center;font:700 .76rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#e6c36b;z-index:12;margin:0;position:absolute;bottom:-4px;left:0;right:0}.ip-built{background:var(--paper)}.ip-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,22px);margin:clamp(32px,5vw,56px) 0 0;padding:0;list-style:none;display:grid}.ip-card{background:color-mix(in srgb, var(--paper) 55%, #fff);border:1px solid var(--line-2);transition:transform .4s var(--ease), box-shadow .4s;border-radius:24px;align-content:start;gap:10px;padding:22px 20px 20px;display:grid;position:relative}.ip-card:hover{transform:translateY(-5px);box-shadow:0 30px 40px -28px #281e0a80}.ip-card svg{background:color-mix(in srgb, var(--gold) 16%, transparent);color:#a8791a;border-radius:14px;width:46px;height:46px;padding:10px}.ip-card h3{font:600 1.08rem/1.25 var(--sans);margin:4px 0 0}:root[lang=ar] .ip-card h3{font-family:var(--arabic);font-weight:700}.ip-card p{color:var(--ink-2);margin:0;font-size:.95rem;line-height:1.5}.ip-chip{font:700 .64rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb, var(--emerald) 14%, transparent);color:var(--emerald);border-radius:999px;justify-self:start;margin-top:4px;padding:6px 10px}.ip-priv-in{justify-items:start;gap:14px;max-width:40rem;display:grid}.ip-priv .lead{color:var(--on-night-2)}@media (width<=1000px){.ip-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.ip-hero-grid{grid-template-columns:1fr}.ip-fan{height:440px}.ip-ph{width:128px}}@media (width<=520px){.ip-cards{grid-template-columns:1fr}.ip-ph{width:108px}}@media (prefers-reduced-motion:reduce){.ip-ph,.ip-card{transition-duration:1ms}}.card-more{font:600 .9rem/1 var(--sans);text-underline-offset:4px;text-decoration:underline}html:has([data-iphone]) .nav:not(.scrolled){background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}.info{padding-top:calc(var(--nav-h) + 50px);gap:18px;max-width:60rem;padding-bottom:120px;display:grid}.info .lead{max-width:40rem}.info-back{text-decoration:none}.info-block{margin-top:clamp(24px,4vw,44px)}.info-block h2{font:400 clamp(1.5rem, 2.6vw, 2.1rem)/1.15 var(--serif);margin:0 0 16px}:root[lang=ar] .info-block h2{font-family:var(--arabic);font-weight:700}.info-p{max-width:42rem;color:var(--ink-2);margin:0;font-size:1.1rem;line-height:1.65}.info-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.info-cards li{border:1px solid var(--line-2);background:color-mix(in srgb, var(--paper) 55%, #fff);border-radius:20px;gap:6px;padding:20px 22px;display:grid}.info-cards b{font:600 1.02rem/1.3 var(--sans)}.info-cards span{color:var(--ink-2);font-size:.96rem;line-height:1.5}.info-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.info-list li{grid-template-columns:26px 1fr;align-items:start;gap:12px;font-size:1.04rem;line-height:1.5;display:grid}.info-list svg{background:var(--emerald-wash);width:26px;height:26px;color:var(--emerald);border-radius:50%;padding:6px}.info-facts{border-top:1px solid var(--line-2);margin:0;display:grid}.info-facts div{border-bottom:1px solid var(--line-2);grid-template-columns:11rem 1fr;gap:16px;padding:15px 0;display:grid}.info-facts dt{font:700 .76rem/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.info-facts dd{margin:0;font-size:1.04rem;line-height:1.5}.info-assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.info-assets a{border:1px solid var(--line-2);transition:border-color .25s, transform .3s var(--ease);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:14px 18px;text-decoration:none;display:grid}.info-assets a:hover{border-color:var(--gold);transform:translateY(-2px)}.info-assets a span{font:600 .98rem/1.2 var(--sans)}.info-assets small{color:var(--ink-3);grid-column:1;font-size:.8rem}.info-assets svg{color:var(--emerald);grid-area:1/2/3}.info-swatches{flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;display:flex}.info-swatches li{justify-items:start;gap:6px;display:grid}.info-swatches i{border-radius:14px;width:120px;height:64px;box-shadow:inset 0 0 0 1px #0000001f}.info-swatches b{font:600 .9rem/1 var(--sans)}.info-swatches code{color:var(--ink-3);font-size:.8rem}.info-foot{margin-top:28px;font-size:1.02rem}.info-foot a{color:var(--emerald);text-underline-offset:4px;font-weight:600}.nf{padding-top:calc(var(--nav-h) + 90px);justify-items:start;gap:18px;min-height:70vh;padding-bottom:140px;display:grid}.nf-n{font:400 clamp(6rem, 22vw, 16rem)/.8 var(--serif);color:color-mix(in srgb, var(--gold) 40%, var(--paper));margin:0}.nf-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.nf-langs{gap:22px;margin:14px 0 0;padding:0;list-style:none;display:flex}.nf-langs a{color:var(--ink-2);text-underline-offset:4px}@media (width<=720px){.info-cards,.info-assets{grid-template-columns:1fr}.info-facts div{grid-template-columns:1fr;gap:4px}}.doc{padding-top:calc(var(--nav-h) + 50px);gap:14px;max-width:56rem;padding-bottom:120px;display:grid}.doc-updated{margin:0;font-size:.9rem}.doc-sec{margin-top:clamp(22px,3.4vw,40px)}.doc-sec h2{font:400 clamp(1.5rem, 2.6vw, 2.1rem)/1.15 var(--serif);margin:0 0 14px}:root[lang=ar] .doc-sec h2{font-family:var(--arabic);font-weight:700}.doc-p{max-width:44rem;color:var(--ink-2);margin:0;font-size:1.08rem;line-height:1.65}.doc-rows{border-top:1px solid var(--line-2);margin:0;padding:0;list-style:none}.doc-rows li{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 0;display:flex}.doc-rows b{font:600 1.02rem/1.3 var(--sans)}.doc-rows p{color:var(--ink-2);max-width:40rem;margin:4px 0 0;font-size:.98rem;line-height:1.55}.doc-tag{font:700 .7rem/1 var(--sans);letter-spacing:.06em;background:var(--emerald-wash);color:var(--emerald);white-space:nowrap;border-radius:999px;flex:none;padding:6px 11px}@media (width<=560px){.doc-rows li{flex-direction:column;gap:8px}}.dl{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(14px,2vw,24px);max-width:980px;margin:clamp(32px,5vw,56px) auto 0;display:grid}.dl-mac,.dl-phone{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05);border-radius:28px;align-content:center;gap:20px;padding:clamp(24px,3vw,40px);display:grid;position:relative;overflow:hidden}.dl-mac{grid-template-columns:auto 1fr;align-items:center}.dl-mac:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#5fd0b038,#0000);height:100%;position:absolute;inset:auto -20% -60% 30%}.dl-icon{border-radius:20px;width:84px;height:84px;box-shadow:0 24px 36px -16px #000000b3}.dl h3{font:400 clamp(1.5rem, 2.4vw, 2rem)/1.15 var(--serif);color:var(--on-night);margin:0}:root[lang=ar] .dl h3{font-family:var(--arabic);font-weight:700}.dl-req{font:700 .76rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#7fe0c4;margin:6px 0 0}.dl-note{color:var(--on-night-2);margin:6px 0 0;font-size:.98rem}.dl-btn{grid-column:1/-1;justify-self:start;min-height:52px;padding:0 28px;font-size:1.02rem}.dl-phone{grid-template-columns:84px 1fr;align-items:center}.dl-ph{width:84px}.dl-phone .btn{margin-top:12px}.dl-more{color:var(--on-night);font:600 .9rem/1 var(--sans);text-underline-offset:4px;margin-top:12px;display:block}.faq2{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(24px,5vw,80px);max-width:1000px;margin:clamp(64px,9vw,120px) auto 0;display:grid}.faq2-side{top:calc(var(--nav-h) + 30px);gap:14px;display:grid;position:sticky}.faq2-side .faq-title{margin:0}.faq2-links{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.faq2-links a{color:var(--on-night);font:600 .95rem/1.2 var(--sans);text-underline-offset:4px}.faq2-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.faq2-item{border-bottom:1px solid var(--line)}.faq2-item h3{margin:0}.faq2-q{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font:600 1.06rem/1.35 var(--sans);color:var(--on-night);justify-content:space-between;align-items:center;gap:18px;padding:20px 4px;display:flex}:root[lang=ar] .faq2-q{font-family:var(--arabic);font-weight:700}.faq2-q:hover{color:#fff}.faq2-q:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #7fe0c4}.faq2-q i{width:28px;height:28px;transition:background .25s, border-color .25s, transform .4s var(--ease);border:1.5px solid #eef3ef4d;border-radius:50%;flex:none;position:relative}.faq2-q i:before,.faq2-q i:after{content:"";width:10px;height:1.6px;transition:transform .3s var(--ease);background:currentColor;position:absolute;top:50%;left:50%;translate:-50% -50%}.faq2-q i:after{transform:rotate(90deg)}.faq2-q[aria-expanded=true] i{color:#06231c;background:#7fe0c4;border-color:#7fe0c4;transform:rotate(180deg)}.faq2-q[aria-expanded=true] i:after{transform:rotate(0)}.faq2-a{grid-template-rows:1fr;display:grid}html.js .faq2-a{transition:grid-template-rows .42s var(--ease);grid-template-rows:0fr}html.js .faq2-q[aria-expanded=true]+*,html.js .faq2-item.open .faq2-a{grid-template-rows:1fr}.faq2-a>div{min-height:0;overflow:hidden}.faq2-a p{color:var(--on-night-2);max-width:40em;margin:0;padding:0 44px 22px 4px;line-height:1.6}:root[dir=rtl] .faq2-a p{padding:0 4px 22px 44px}@media (width<=820px){.dl,.faq2{grid-template-columns:1fr}.faq2-side{position:static}}@media (width<=520px){.dl-mac{grid-template-columns:1fr}.dl-icon{width:68px;height:68px}}@media (prefers-reduced-motion:reduce){html.js .faq2-a,.faq2-q i{transition-duration:1ms}}.stage{--W:min(1060px, 86vw, calc((100vh - 150px) * 1.6));--paper-page:#f8f3e9;--gold-l:#a9832f;--gold-d:#7d5f1c;--txt-h:min(56vh, 600px);position:relative}.stage-sticky{padding-top:calc(var(--nav-h) + 8px);flex-direction:column;padding-bottom:clamp(40px,8vw,100px);display:flex;position:relative}.pg{background:radial-gradient(ellipse 62% 56% at 50% 56%, #fcfaf3, var(--paper-page) 78%);--ink:#1c1a14;--ink-2:#4b4536;--ink-3:#655b45;--line:#3c280a33;color:var(--ink);order:1;margin:0 clamp(8px,1.4vw,18px);position:relative;box-shadow:inset 0 0 120px #966e281a}.pg:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.35  0 0 0 0 0.2  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pg-frame{pointer-events:none;border:40px solid #0000;border-image:url(/shots/page-frame.webp) 46 round;position:absolute;inset:0}.pg-inner{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;padding:64px clamp(26px,5vw,70px) 54px;display:grid;position:relative}.cartouche{text-align:center;width:min(100%,560px);margin:0;position:relative}.cart-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cart-line path{fill:none;stroke:var(--gold-l);stroke-width:1.4px;vector-effect:non-scaling-stroke}.cart-line path:first-child{stroke-width:2px}.cart-line path:last-child{stroke-width:.8px;opacity:.8}.cartouche span{min-height:clamp(78px,10vh,104px);font:500 clamp(1.9rem, 3.6vw, 3rem)/1.05 var(--serif);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;place-items:center;padding:8px 56px;display:grid;position:relative}:root[lang=ar] .cartouche span{font-family:var(--arabic);letter-spacing:0;font-weight:700;line-height:1.4}.txt-slot{width:min(100%, calc(var(--txt-h) * .662));aspect-ratio:619/935}.pg-foot{margin:0}.pg-foot i{border:1.5px solid var(--gold-l);place-items:center;width:40px;height:40px;font-style:normal;display:inline-grid;rotate:45deg}.pg-foot b{font:400 1.25rem/1 var(--quran);color:var(--gold-l);margin-top:3px;rotate:-45deg}.pg-left,.pg-right{width:100%;min-height:0;position:relative}.m-label,.m-lead,.m-group,.m-cue,.m-touch,.toc li,.note-arrow{margin:0;position:absolute;inset-inline-start:0}.m-group{gap:18px;width:100%;display:grid;translate:0 -50%}.m-label{font:600 .74rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);align-items:center;gap:14px;width:100%;display:flex;translate:0 -50%}.m-label:after{content:"";background:color-mix(in srgb, var(--gold-l) 55%, transparent);flex:1;max-width:120px;height:1px}:root[lang=ar] .m-label{font-family:var(--arabic);letter-spacing:0;text-transform:none;font-size:.95rem}.m-lead{font:400 clamp(1.25rem, 1.7vw, 1.75rem)/1.38 var(--serif);color:var(--ink);text-wrap:balance;max-width:17em;font-style:italic}:root[lang=ar] .m-lead{font-family:var(--arabic);font-style:normal;font-weight:700;line-height:1.7}.m-actions{flex-wrap:wrap;gap:10px;margin:0;display:flex}.m-promise{font:500 .95rem/1.5 var(--sans);color:var(--ink-2);border-inline-start:1.5px solid var(--gold-l);max-width:22em;margin:0;padding-inline-start:14px}:root[lang=ar] .m-promise{font-family:var(--arabic);font-size:1.05rem}.m-cue{font:italic 400 .95rem/1.2 var(--serif);color:var(--ink-3);white-space:nowrap;align-items:center;gap:12px;display:inline-flex;translate:0 -50%}:root[lang=ar] .m-cue{font-family:var(--arabic);font-size:.95rem;font-style:normal}.m-cue i{background:linear-gradient(var(--gold-l), transparent);transform-origin:top;width:1px;height:26px;animation:2s ease-in-out infinite draw}@keyframes draw{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.m-touch{font:italic 400 1.2rem/1.35 var(--serif);color:var(--ink-2);align-items:center;gap:12px;max-width:16em;display:flex;translate:0 -50%}:root[lang=ar] .m-touch{font-family:var(--arabic);font-style:normal}.m-touch .dot{background:var(--gold-l);border-radius:50%;flex:none;width:9px;height:9px;animation:1.6s infinite pulse}.note-arrow{color:var(--gold-l);translate:6px}:root[dir=rtl] .note-arrow{transform:scaleX(-1)}.note-card{top:0;border:1px solid color-mix(in srgb, var(--gold-l) 70%, transparent);outline:1px solid color-mix(in srgb, var(--gold-l) 35%, transparent);outline-offset:3px;max-width:300px;animation:pop .26s var(--ease);background:#fcfaf3;grid-template-columns:auto 1fr;grid-template-areas:"ar text""ref root";align-items:center;gap:6px 16px;padding:14px 16px 12px;display:grid;position:absolute;inset-inline:0}.note-card .wc-ar{grid-area:ar;margin:0}.nc-text{text-align:start;grid-area:text;gap:2px;display:grid}.note-card .wc-tr{text-align:start;margin:0}.note-card .wc-gloss{text-align:start;margin:0;font-size:1.05rem}.note-card .wc-ref{border:0;border-top:1px solid var(--line);text-align:start;grid-area:ref;width:auto;margin:0;padding:8px 0 0;font-size:.74rem}.note-card .wc-root{border-top:1px solid var(--line);grid-area:root;justify-content:flex-end;gap:8px;width:auto;margin:0;padding:8px 0 0}.toc{margin:0;padding:0;list-style:none}.toc li{width:100%;translate:0 -50%}.toc a{color:var(--ink);transition:transform .24s var(--ease);align-items:center;gap:14px;text-decoration:none;display:flex}.toc a:hover{transform:translateX(calc(var(--dir) * 5px))}.toc a:hover b{color:#0a5545}.toc i{border:1.5px solid var(--gold-l);width:34px;height:34px;box-shadow:inset 0 0 0 3px #fcfaf3, inset 0 0 0 4px color-mix(in srgb, var(--gold-l) 45%, transparent);font:normal 400 1.05rem/1 var(--quran);color:var(--gold-d);border-radius:50%;flex:none;place-items:center;display:inline-grid}.toc span{gap:1px;display:grid}.toc b{font:500 1.12rem/1.2 var(--serif);transition:color .2s}.toc small{font:400 .82rem/1.3 var(--sans);color:var(--ink-3)}:root[lang=ar] .toc b{font-family:var(--arabic);font-weight:700}:root[lang=ar] .toc small{font-family:var(--arabic)}.pg .btn{min-height:46px;color:var(--ink);border-color:#3c280a52;border-radius:10px;gap:10px;padding:0 20px;font-size:.95rem}:root .pg .btn.btn-primary{color:#fff;background:#0d6b57;border-color:#0d6b57;box-shadow:inset 0 1px #ffffff40,0 8px 18px -8px #0d6b5799}.pg .btn-soon,.pg .btn[aria-disabled=true]{color:var(--ink-3);background:0 0;border-style:dashed;border-color:#3c280a4d}.pg .btn:hover{border-color:var(--ink)}:root .pg .btn.btn-primary:hover{background:#0a5545;border-color:#0a5545}@media (hover:hover) and (pointer:fine){.pg .btn-primary:hover svg{transform:translateY(2px)}}.btn svg{transition:transform .24s var(--ease)}.stage-head{text-align:center;order:3;justify-items:center;gap:14px;max-width:44rem;margin:56px auto 0;display:grid}.stage-head .title{font-size:clamp(2rem,4vw,3.6rem)}.stage-head .lead{max-width:32em;font-size:clamp(1rem,1.3vw,1.2rem)}.rig{width:var(--W);order:2;margin:36px auto 0;position:relative}.rig-unit{flex-direction:column;display:flex;position:relative}.rig-phone{inset-inline-end:-3%;z-index:2;width:24%;position:absolute;bottom:-7%}.stage-line{display:none}.lp{aspect-ratio:619/935;z-index:3;pointer-events:none;order:-1;width:min(300px,70vw);margin:0 auto 24px;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(72% 70%,#000 62%,#0000 100%);mask-image:radial-gradient(72% 70%,#000 62%,#0000 100%)}.lp-page{aspect-ratio:1146/1438;width:185.185%;position:absolute;top:-31.54%;left:-40.74%}.lp-img{width:100%;height:100%;display:block}.lp-words{position:absolute;inset:0}.lw{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:7px;margin:0;padding:0;transition:background-color .16s,box-shadow .16s;position:absolute}.lw:hover,.lw:focus-visible{background:#a9832f29;box-shadow:0 0 0 1px #a9832f8c}.lw[aria-expanded=true]{box-shadow:0 0 0 1.5px var(--gold-l);background:#a9832f42}.lw.hintword{background:#a9832f1f;animation:1.8s ease-in-out infinite glow;box-shadow:0 0 0 1px #a9832f80}@keyframes glow{50%{background:#a9832f42}}.pins{pointer-events:none;z-index:4;position:absolute;inset:0}.rig-unit[data-now]:not([data-now=quran]) .play,.app[data-now=player] .hotspots,.rig-phone .app:not([data-now=home]) .pins{display:none}.pin{pointer-events:auto;z-index:3;cursor:pointer;background:0 0;border:0;border-radius:50%;width:26px;height:26px;padding:0;position:absolute;translate:-50% -50%}.pin i{background:var(--gold-soft);transition:transform .2s var(--ease);border-radius:50%;position:absolute;inset:7px;box-shadow:0 0 0 2px #16201c,0 3px 8px #0006}.pin i:after{content:"";border:1.5px solid var(--gold-soft);animation:ring 2s var(--ease) infinite;border-radius:50%;position:absolute;inset:-6px}.pin:hover i,.pin[aria-expanded=true] i{background:#fff;transform:scale(1.25)}.pin:focus-visible{outline:2px solid var(--gold);border-radius:50%}.pin .pl{width:150px;font:italic 400 1rem/1.25 var(--serif);color:var(--ink);text-align:start;pointer-events:none;position:absolute}:root[lang=ar] .pin .pl{font-family:var(--arabic);font-size:.98rem;font-style:normal;font-weight:700}.pin .pl:before{content:"";background:color-mix(in srgb, var(--gold) 80%, transparent);position:absolute}.pin[data-side=left] .pl{top:50%;right:calc(100% + (var(--px) + 3) * var(--W) / 100 - 13px);text-align:end;translate:0 -50%}.pin[data-side=left] .pl:before{height:1px;width:calc((var(--px) + 3) * var(--W) / 100 - 14px);top:50%;left:calc(100% + 6px)}.pin[data-side=right] .pl{top:50%;left:calc(100% + ((100 - var(--px)) + 3) * var(--W) / 100 - 13px);translate:0 -50%}.pin[data-side=right] .pl:before{height:1px;width:calc(((100 - var(--px)) + 3) * var(--W) / 100 - 14px);top:50%;right:calc(100% + 6px)}.pin[data-side=top] .pl{text-align:center;width:170px;bottom:calc(100% + 26px);left:50%;translate:-50%}.pin[data-side=top] .pl:before{width:1px;height:22px;top:calc(100% + 4px);left:50%}.pin[data-side=bottom] .pl{text-align:center;width:190px;top:calc(100% + 30px);left:50%;translate:-50%}.pin[data-side=bottom] .pl:before{width:1px;height:26px;bottom:calc(100% + 4px);left:50%}.pin[data-side=up] .pl{bottom:calc(100% + var(--py) * var(--W) * .00625 + 26px);text-align:center;width:170px;left:50%;translate:-50%}.pin[data-side=up] .pl:before{width:1px;height:calc(var(--py) * var(--W) * .00625 + 22px);top:calc(100% + 4px);left:50%}.pin[data-side=down] .pl{top:calc(100% + (100 - var(--py)) * var(--W) * .00625 + 26px);text-align:center;width:170px;left:50%;translate:-50%}.pin[data-side=down] .pl:before{width:1px;height:calc((100 - var(--py)) * var(--W) * .00625 + 22px);bottom:calc(100% + 4px);left:50%}.rig-phone .pin .pl{display:none}.hot.play{border-radius:50%;width:5%;height:7%;translate:-50% -50%}.hot.play:hover{background:#0d6b571f}.hot.play.on:after{content:"";animation:ring 1.4s var(--ease) infinite;border:2px solid #0d6b57;border-radius:50%;position:absolute;inset:-4px}.np-chip{z-index:5;color:#f4efe0;font:600 .78rem/1 var(--sans);background:#16201c;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 12px;display:inline-flex;position:absolute;bottom:14.5%;left:6%;box-shadow:0 8px 20px -8px #00000080}.np-chip[hidden]{display:none}.np-chip i{background:var(--gold-soft);border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse}@media (width<=760px){.pin .pl{display:none}}.callout{z-index:70;color:#f4f1e6;width:min(270px,80vw);font:400 .92rem/1.45 var(--sans);background:#16201c;border-radius:16px;gap:4px;padding:14px 16px;display:grid;position:fixed;box-shadow:0 24px 50px -16px #0000008c}:root[lang=ar] .callout{font-family:var(--arabic)}.callout b{color:#e0bf6a;font-size:1.02rem}.wordcard{z-index:70;color:#16201c;text-align:center;width:250px;animation:pop .26s var(--ease);background:#fffdf8;border-radius:20px;justify-items:center;gap:4px;padding:18px 18px 16px;display:grid;position:fixed;box-shadow:0 30px 60px -18px #00000080,0 0 0 1px #0000000f}:root[data-theme=dark] .wordcard{color:#f1ead4;background:#1d2a25;box-shadow:0 30px 60px -18px #000c,0 0 0 1px #ffffff1a}:root[data-theme=dark] .wordcard .wc-ar{filter:invert()brightness(1.15)}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.wc-ar{background-position:50%;background-repeat:no-repeat;background-size:contain;margin:4px 0 2px}.wc-tr{color:var(--ink-3);margin:0;font-size:.95rem;font-style:italic}.wc-gloss{font:700 1.15rem/1.3 var(--sans);margin:6px 0 0}:root[lang=ar] .wc-gloss{font-family:var(--arabic)}.wc-ref{border-bottom:1px solid var(--line);width:100%;margin:4px 0 0;padding-bottom:10px;font-size:.8rem}.wc-root{justify-content:space-between;align-items:baseline;width:100%;margin:8px 0 0;font-size:.9rem;display:flex}.wc-root b{font:400 1.5rem/1 var(--quran);letter-spacing:.15em}.ghost-cursor{z-index:80;pointer-events:none;will-change:transform;align-items:flex-start;gap:4px;display:flex;position:fixed;top:0;left:0}.ghost-cursor span{color:#fff;font:600 .8rem/1 var(--sans);white-space:nowrap;background:#16201c;border-radius:999px;margin-top:18px;padding:6px 12px;box-shadow:0 8px 20px -6px #00000080}.ghost-cursor.click svg{animation:tap .36s var(--ease)}@keyframes tap{40%{transform:scale(.82)}}.cursor-ring{z-index:75;pointer-events:none;width:46px;height:46px;transition:width .2s var(--ease), height .2s var(--ease), margin .2s var(--ease), background-color .2s;will-change:transform;background:#a9832f1a;border:1.5px solid #a9832f;border-radius:50%;margin:-23px 0 0 -23px;position:fixed;top:0;left:0}.cursor-ring span{top:50%;white-space:nowrap;color:#f4efe0;font:600 .78rem/1 var(--sans);background:#1c1a14;border-radius:999px;padding:6px 12px;position:absolute;inset-inline-start:calc(100% + 10px);translate:0 -50%}:root[lang=ar] .cursor-ring span{font-family:var(--arabic)}.cursor-ring[data-state=word]{background:#a9832f2e;width:56px;height:56px;margin:-28px 0 0 -28px}.cursor-ring[data-state=hot]{background:#e0bf6a4d;border-color:#a9832f;width:34px;height:34px;margin:-17px 0 0 -17px}@media (prefers-reduced-motion:reduce){.pin i:after,.lw.hintword,.try .dot{animation:none}}@keyframes bob2{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (width>=761px){.rig-phone{inset-inline-end:-4%;width:16%;bottom:-8%}.pg-inner{grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr);grid-template-rows:auto var(--txt-h) auto;align-items:stretch;gap:20px clamp(24px,3.4vw,60px);padding:52px clamp(44px,5vw,84px) 36px}.cartouche{grid-area:1/2;justify-self:center}.pg-left{flex-direction:column;grid-area:2/1;justify-content:space-between;gap:14px;min-height:0;display:flex}.pg-left>.m-label,.pg-left>.m-lead,.pg-left>.m-group,.pg-left>.m-cue{position:static;translate:none}.pg-left .m-group{width:100%}.pg-left .m-lead{font-size:clamp(1.05rem,2.4vh,1.75rem)}.txt-slot{aspect-ratio:619/935;grid-area:2/2;place-self:stretch center;width:auto;height:100%}.pg-right{grid-area:2/3}.pg-foot{grid-area:3/2;justify-self:center}.lp{margin:0}html.motion .stage{height:450vh}html.motion .stage-sticky{height:100vh;padding:calc(var(--nav-h) + 6px) 0 8px;perspective:2600px;display:block;position:sticky;top:0;overflow:clip}html.motion .pg{inset:calc(var(--nav-h) + 6px) clamp(8px, 1.4vw, 18px) 10px;transform-origin:100%;align-items:center;margin:0;display:grid;position:absolute}html.motion .stage-head{inset-inline:0;top:calc(var(--nav-h) + 3vh);margin:0 auto;position:absolute}html.motion .rig{left:50%;top:calc(var(--nav-h) + 20px);margin:0;position:absolute}html.motion .lp{left:var(--lx);top:var(--ly);width:var(--lw);height:var(--lh);aspect-ratio:auto;margin:0;position:absolute}html.motion .stage-line{display:block}html.motion .stage-line i{left:calc(50% + var(--dir) * 11vw - 4vw);background:repeating-linear-gradient(90deg, var(--emerald) 0 8px, transparent 8px 16px);transform-origin:0;width:8vw;height:2px;display:block;position:absolute;top:60vh}html.motion .stage-line span{bottom:4vh;text-align:center;font:600 .85rem/1.3 var(--sans);color:var(--emerald);letter-spacing:.04em;position:absolute;inset-inline:0}:root[lang=ar] .stage-line span{font-family:var(--arabic);letter-spacing:0}}@media (width<=760px){.pg-left,.pg-right{min-height:0}.m-label,.m-lead,.m-group,.m-cue,.m-touch,.toc li,.note-arrow,.note-card{position:static;translate:none}.pg-left{order:3;gap:14px;display:grid}.pg-right{order:4}.toc{gap:14px;margin-top:10px;display:grid}.note-arrow{display:none}.pg-foot{order:5}.txt-slot{display:none}.pg-inner{gap:20px;padding:56px 46px 54px}.m-lead{max-width:none}}@media (pointer:fine){html.js .stage .lp .lw{cursor:none}}.rig-phone .app:not([data-now=home]) .pins{display:none}.rig-unit[data-now]:not([data-now=quran]) .lp{opacity:0;visibility:hidden;transition:opacity .3s}.lp{transition:opacity .3s}.toc a{font:500 1.05rem/1.3 var(--serif);color:var(--ink-2);transition:color .2s, transform .2s var(--ease);align-items:center;gap:12px;text-decoration:none;display:inline-flex}:root[lang=ar] .toc a{font-family:var(--arabic)}.toc a:hover{color:#0a5545;transform:translateX(calc(var(--dir) * 4px))}.toc i{border:1.5px solid var(--gold-l);width:28px;height:28px;font:normal 400 .95rem/1 var(--quran);color:var(--gold-l);border-radius:50%;flex:none;place-items:center;display:inline-grid}.pg-left .scroll-cue{font:600 .8rem/1 var(--sans);color:var(--ink-3);align-items:center;gap:8px;margin-top:10px;animation:1.8s ease-in-out infinite bob2;display:flex}.lw.recite{background:#a9832f4d;box-shadow:0 0 0 1px #a9832f99,0 0 18px #a9832f73}.lw.verse{background:#a9832f1a}.lw{transition:background-color .3s,box-shadow .3s}.peel{z-index:6;cursor:pointer;width:54px;height:54px;transition:width .38s var(--ease), height .38s var(--ease);filter:drop-shadow(3px -3px 5px #3c280a4d);background:0 0;border:0;padding:0;position:absolute;bottom:0;left:0}.peel:before{content:"";clip-path:polygon(0 0,100% 100%,100% 0);background:linear-gradient(45deg,#ece3cb 0%,#f7f1df 55%,#e4d9bc 100%);position:absolute;inset:0}.peel:after{content:"";clip-path:polygon(0 0,0 100%,100% 100%);background:linear-gradient(45deg,#a89a74 0%,#c9bd9c 100%);position:absolute;inset:0}.peel span{white-space:nowrap;color:#f4efe0;font:600 .78rem/1 var(--sans);opacity:0;transition:opacity .24s, transform .24s var(--ease);pointer-events:none;background:#1c1a14;border-radius:999px;padding:6px 12px;position:absolute;bottom:14px;left:62px;transform:translate(-6px)}:root[lang=ar] .peel span{font-family:var(--arabic)}.peel:hover,.peel:focus-visible{width:96px;height:96px}.peel:hover span,.peel:focus-visible span{opacity:1;transform:none}.ribbon{inset-inline-end:14px;z-index:40;opacity:0;pointer-events:none;width:24px;transition:opacity .4s;position:fixed;top:22vh;bottom:22vh}.ribbon.on{opacity:1;pointer-events:auto}.rb-track{inset-block:0;background:color-mix(in srgb, var(--gold) 45%, transparent);width:1px;position:absolute;left:50%}.rb-mark{background:var(--gold);width:12px;height:12px;box-shadow:0 0 0 3px var(--paper), 0 0 0 4px color-mix(in srgb, var(--gold) 60%, transparent);transition:top .12s linear;position:absolute;top:0;left:50%;translate:-50% -50%;rotate:45deg}.rb-stop{background:var(--paper);border:1.5px solid var(--gold);width:22px;height:22px;color:var(--gold);font:normal 400 .78rem/1 var(--quran);transition:background-color .2s, color .2s, transform .2s var(--ease);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;left:50%;translate:-50% -50%}.rb-stop:hover,.rb-stop.on{background:var(--gold);color:var(--paper);transform:translate(0)scale(1.12)}.rb-stop span{background:var(--ink);color:var(--paper);font:600 .74rem/1 var(--sans);white-space:nowrap;opacity:0;transition:opacity .2s, transform .2s var(--ease);pointer-events:none;border-radius:999px;padding:5px 10px;position:absolute;inset-inline-end:30px;transform:translate(6px)}:root[lang=ar] .rb-stop span{font-family:var(--arabic)}.rb-stop:hover span{opacity:1;transform:none}@media (width<=1100px){.ribbon{display:none}}@media (width>=761px) and (width<=1320px){.toc small{display:none}.m-lead{font-size:1.25rem}.pg .btn{padding:0 16px;font-size:.9rem}}html.entering .pg-frame{clip-path:inset(50%)}html.entering .cartouche,html.entering .m-label,html.entering .m-lead,html.entering .m-actions,html.entering .m-promise,html.entering .m-cue,html.entering .m-touch,html.entering .note-arrow,html.entering .toc li{opacity:0}html.entering [data-lp]{clip-path:inset(0 0 100%)}.rig-phone .app[data-now=reader] .hot.tab{display:none}@media (width>=761px) and (width<=960px){.stage{--txt-h:min(48vh, 520px)}.pg-inner{grid-template-columns:minmax(0,1fr) minmax(0,350px) minmax(0,1fr);column-gap:18px;padding-inline:46px}.pg-left .m-label,.pg-left .m-promise{display:none}.pg-left .m-lead{font-size:.98rem}.m-touch{font-size:1rem}.toc b{font-size:.95rem}.toc i{width:28px;height:28px}.pg .btn{min-height:40px;padding:0 12px;font-size:.8rem}}