:root{--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--bg:#fff;--grey:#f5f5f7;--night:#000;--night-ink:#f5f5f7;--night-muted:#86868b;--accent:#0070a8;--cyan:#59c7fa;--panel:#0b0b0c;--card:#141416;--card-line:#ffffff14;--card-muted:#8e8e93;--radius:22px;--ease:cubic-bezier(.32, .72, 0, 1);--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:64px}body{background:var(--bg);color:var(--ink);font:17px/1.5 var(--sans);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0}h2{font-size:clamp(34px,5.4vw,56px);font-weight:700;line-height:1.07}h3{font-size:19px;font-weight:600;line-height:1.3}p{text-wrap:pretty;margin:0}button{font:inherit}fieldset{min-inline-size:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.chapter-dark :focus-visible{outline-color:var(--cyan)}.wrap{width:min(1080px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{z-index:20;background:#fff;border-radius:10px;padding:10px 14px;top:12px;left:16px}.button,.button-outline{cursor:pointer;border:1px solid #0000;border-radius:980px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 22px;font-size:17px;font-weight:500;display:inline-flex}.button{background:var(--accent);color:#fff}.button:hover{background:#005f8f;text-decoration:none}.button.small{min-height:32px;padding:0 14px;font-size:14px;position:relative}.button.small:after{content:"";position:absolute;inset:-6px 0}.button-outline{color:var(--accent);border-color:var(--accent);background:0 0}.button-outline:hover{background:var(--accent);color:#fff;text-decoration:none}.button-light{background:var(--night-ink);color:var(--ink)}.button-light:hover{background:#fff}.button-outline-light{color:var(--night-ink);border-color:#fff6}.button-outline-light:hover{background:var(--night-ink);color:var(--ink)}.text-button{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:17px}.text-button:hover{text-decoration:underline}.actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:17px;font-weight:600;display:inline-flex}.brand:hover{text-decoration:none}.brand img{border-radius:7px;width:26px;height:26px}.site-header{z-index:10;pointer-events:none;justify-content:center;height:0;display:flex;position:fixed;inset:0 0 auto}.nav{color:#f5f5f7;pointer-events:auto;height:54px;transition-property:height,padding,border-radius;transition-duration:.35s;transition-timing-function:var(--ease);background:#000;border-radius:0 0 24px 24px;align-items:center;gap:4px;padding:0 9px 0 18px;display:flex;position:relative;box-shadow:0 14px 34px -14px #000000b3,0 0 0 .5px #ffffff14}.nav:before,.nav:after{content:"";width:14px;height:14px;position:absolute;top:0}.nav:before{background:radial-gradient(circle at 0 100%,#0000 13.5px,#000 14px);left:-14px}.nav:after{background:radial-gradient(circle at 100% 100%,#0000 13.5px,#000 14px);right:-14px}.site-header.is-scrolled .nav{border-radius:0 0 20px 20px;height:46px;padding:0 6px 0 14px}.nav .brand{color:#f5f5f7;margin-right:10px;font-size:15px}.nav .brand img{outline-offset:-1px;border-radius:6px;outline:1px solid oklch(100% 0 0/.1);width:24px;height:24px}.nav-links{gap:2px;margin-right:6px;display:flex}.nav-links a,.nav-pop summary{color:#f5f5f7a6;border-radius:980px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;font-weight:500;transition-property:color,background-color;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex;position:relative}.nav-links a:after,.nav-pop summary:after{content:"";position:absolute;inset:-5px 0}.nav-links a:hover,.nav-pop summary:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-links a[aria-current]{color:#fff;background:#ffffff1f}.nav :focus-visible{outline:2px solid var(--deck);outline-offset:2px}.nav-pop{position:relative}.nav-pop summary{cursor:pointer;list-style:none}.nav-pop summary::-webkit-details-marker{display:none}.nav-pop summary svg{stroke-width:1.5px;width:15px;height:15px}.nav-pop[open] summary{color:#fff;background:#ffffff1f}.nav-pop>div{background:#2a2a2cf2;border-radius:10px;min-width:168px;padding:5px;animation:.15s ease-out menu-in;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 0 0 .5px #ffffff26,0 12px 32px #00000080}@keyframes menu-in{0%{opacity:0;translate:0 -4px;scale:.96}}.nav-pop>div a{color:#f5f5f7;border-radius:5px;align-items:center;min-height:36px;padding:0 10px;font-size:13px;display:flex}.nav-pop>div a:hover{color:#fff;background:#007aff;text-decoration:none}.nav-pop>div a[aria-current]:after{content:"✓";margin-left:auto;font-size:12px}.nav-menu{display:none}.lang-code{font-variant-numeric:tabular-nums;letter-spacing:.02em}.nav-cta{color:#000;background:#f5f5f7;border-radius:980px;align-items:center;height:34px;margin-left:4px;padding:0 15px;font-size:13px;font-weight:600;transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.nav-cta:hover{background:#fff;text-decoration:none}.nav-cta:active{scale:.96}@media (width<=760px){.nav{padding:0 7px 0 14px}.nav-links{display:none}.nav-menu{display:block}.nav .brand{margin-right:4px}}.hero{text-align:center;color:#fff;background:linear-gradient(#06111f 0%,#0e2443 28%,#24497a 52%,#8f7a96 74%,#e7ae8c 90%,#f6d5b8 100%);padding:clamp(104px,12vw,150px) 0 0;overflow:hidden}.wordmark{margin-bottom:10px;font-size:clamp(19px,2.4vw,24px);font-weight:600}.hero h1{letter-spacing:-.035em;font-size:clamp(44px,8.4vw,88px);font-weight:700;line-height:1.02}.lede{color:#ffffffd9;max-width:720px;margin:20px auto 30px;font-size:clamp(19px,2.4vw,24px);line-height:1.38}.meta{color:var(--muted);margin-top:18px;font-size:14px}.hero .meta{color:#ffffffbf}.hero .button{color:#0b1d36;background:#fff}.hero .button:hover{background:#e8eef6}.hero .button-outline{color:#fff;border-color:#ffffff8c}.hero .button-outline:hover{color:#0b1d36;background:#fff;border-color:#fff}.hero :focus-visible{outline-color:#fff}.hero .capture-note{color:#3d2a1f}.capture-note{color:var(--muted);text-align:center;margin-top:16px;font-size:12px}.laptop{width:min(980px,100% - 32px);margin:clamp(48px,7vw,80px) auto 0}.laptop-screen{--zoom:1.1;aspect-ratio:16/6.6;background:linear-gradient(#a9c3e3,#e9d6cc);border:clamp(8px,1.4vw,14px) solid #0d0d0f;border-bottom:0;border-radius:clamp(14px,2.4vw,26px) clamp(14px,2.4vw,26px) 0 0;position:relative;overflow:hidden;box-shadow:0 -20px 60px -20px #0006}@media (pointer:coarse){.nav-cta,.nav .brand{position:relative}.nav-cta:after{content:"";position:absolute;inset:-5px -2px}.nav .brand:after{content:"";position:absolute;inset:-10px -3px}.nav-pop>div a{min-height:44px}}:root{--deck:#1adbff;--rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--label2:#ebebf599;--label3:#ebebf54d}.notch{--w:290px;--h:38px;--r:19px;width:var(--w);height:var(--h);zoom:var(--zoom,1);color:#fff;border-radius:0 0 var(--r) var(--r);transition:width .55s var(--ease), height .55s var(--ease), border-radius .55s var(--ease);z-index:2;text-align:left;font-family:var(--sans);letter-spacing:0;background:#000;position:absolute;top:0;left:50%;translate:-50%}.notch:before,.notch:after{content:"";width:10px;height:10px;position:absolute;top:0}.notch:before{background:radial-gradient(circle at 0 100%,#0000 9.5px,#000 10px);left:-10px}.notch:after{background:radial-gradient(circle at 100% 100%,#0000 9.5px,#000 10px);right:-10px}.notch-scene{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.hero-notch{--w:520px;--h:274px;--r:28px;animation:notch-open 1.1s .7s var(--ease) both}.hero-notch [data-for=expanded]{opacity:1;animation:.5s 1.15s both scene-in}.hero-notch [data-for=compact]{animation:.3s .7s both scene-out}@keyframes notch-open{0%{border-radius:0 0 19px 19px;width:290px;height:38px}}@keyframes scene-in{0%{opacity:0}}@keyframes scene-out{0%{opacity:1}to{opacity:0}}.sf{flex:none;width:1em;height:1em}.sf-fill{fill:currentColor}.np-compact{justify-content:space-between;align-items:center;height:100%;padding-bottom:4px;display:flex}.np-slot{place-items:center;width:52px;display:grid}.np-art{--size:51px;width:var(--size);height:var(--size);border-radius:calc(var(--size) * .22);background:radial-gradient(circle at 30% 30%,#f6c08b,#0000 55%),radial-gradient(circle at 70% 80%,#6b4fd8,#0000 60%),#2a2f45;flex:none;position:relative}.np-badge{color:#000;background:#1ed760;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 1.5px #000}.np-wave{flex:none;justify-content:center;align-items:center;gap:2px;width:34px;height:26px;display:flex}.np-wave i{background:var(--deck);transform-origin:50%;border-radius:2px;width:3px;height:16px;animation:1s ease-in-out infinite alternate wave}.np-wave i:nth-child(2){animation-delay:-.3s}.np-wave i:nth-child(3){animation-delay:-.6s}.np-wave i:nth-child(4){animation-delay:-.15s}.np-wave i:nth-child(5){animation-delay:-.45s}@keyframes wave{0%{scale:1 .25}to{scale:1}}.np-expanded{flex-direction:column;width:520px;height:274px;display:flex}.np-expanded [data-part]{transition:opacity .35s,background-color .25s,box-shadow .25s}.np-media{background:#ffffff05;flex:none;align-items:center;gap:12px;height:78px;padding:0 18px 0 14px;display:flex}.np-media-text{flex:1;gap:3px;min-width:0;display:grid}.np-eyebrow{font:700 8px/1 var(--mono);letter-spacing:1.3px;color:var(--deck)}.np-media-text b{font:700 14px/1.2 var(--rounded);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-media-text span{font:10px/1.2 var(--mono);color:var(--label2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-play{background:var(--deck);color:#000;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.np-icon-btn{color:#fff;background:#ffffff0f;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.np-lyrics{background:linear-gradient(90deg,#1adbff21,#ffffff08);border-block:1px solid #ffffff12;flex:none;align-items:center;gap:11px;height:65px;padding:0 18px 0 14px;display:flex}.np-lyrics .np-icon-btn+.np-icon-btn{margin-left:-6px}.np-pulse{width:31px;height:31px;color:var(--deck);flex:none;place-items:center;font-size:11px;display:grid;position:relative}.np-pulse:before{content:"";background:conic-gradient(var(--deck) var(--lp), #ffffff1f 0);border-radius:50%;animation:2.8s linear infinite lyric-progress;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 13.5px,#000 14px);mask:radial-gradient(circle,#0000 13.5px,#000 14px)}@property --lp{syntax:"<percentage>";inherits:false;initial-value:4%}@keyframes lyric-progress{to{--lp:100%}}.np-lyric-text{flex:1;gap:4px;min-width:0;display:grid}.np-lyric-text b{font:600 15px/1.2 var(--rounded);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-lyric-text span{font:500 10px/1.2 var(--rounded);color:var(--label3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-lyrics-step .np-lyric-text>*{animation:line-up .45s var(--ease) both}@keyframes line-up{0%{opacity:0;translate:0 6px}}.np-strip{flex:none;gap:6px;height:131px;padding:9px 10px;display:flex}.np-card{--tint:var(--deck);min-width:0;height:113px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 13%, transparent);background:#ffffff0b;border-radius:14px;flex-direction:column;flex:1;gap:5px;padding:9px;display:flex}.np-card header{font:500 7px/1 var(--mono);letter-spacing:.8px;color:var(--tint);align-items:center;gap:4px;display:flex}.np-card header .sf{font-size:8px}.np-card header time{margin-left:auto}.np-card-title{font:700 11px/1.25 var(--rounded);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.np-card-sub{font:7px/1 var(--mono);color:var(--label3)}.np-card footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.np-countdown{font:700 8px/1 var(--rounded);color:var(--tint);background:color-mix(in srgb, var(--tint) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 35%, transparent);border-radius:980px;padding:3px 6px}.np-chip{background:var(--tint);color:#fff;border-radius:980px;place-items:center;width:24px;height:22px;font-size:9px;display:grid}.np-prayers{gap:1px;margin:0;padding:0;list-style:none;display:grid}.np-prayers li{height:12px;font:500 8px/1 var(--mono);color:var(--label2);border-radius:3px;align-items:center;gap:4px;padding:0 4px;display:flex}.np-prayers li .sf{width:10px;font-size:8px}.np-prayers li time{margin-left:auto}.np-prayers li.next{color:var(--deck);background:#1adbff1f;font-weight:700}.np-focus{align-items:center}.np-focus header{align-self:stretch}.np-dial{place-items:center;width:44px;height:44px;display:grid;position:relative}.np-dial:before{content:"";background:conic-gradient(#ff9f0a var(--fp), #ffffff1a 0);border-radius:50%;animation:60s linear infinite focus-ring;position:absolute;inset:-1.5px;-webkit-mask:radial-gradient(circle,#0000 20.25px,#000 20.75px);mask:radial-gradient(circle,#0000 20.25px,#000 20.75px)}@property --fp{syntax:"<percentage>";inherits:false;initial-value:75%}@keyframes focus-ring{to{--fp:70%}}.np-dial b{font:700 13px/1 var(--rounded);font-variant-numeric:tabular-nums;position:relative}.np-focus footer{justify-content:center;gap:3px}.np-focus footer>span{background:#ffffff0f;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.np-focus footer>.np-chip-main{color:#000;box-shadow:none;background:#ff9f0a}.np-event{align-items:center;gap:9px;width:340px;height:52px;padding:7px 14px;display:flex}.np-event-icon{width:30px;height:30px;color:var(--deck);background:#1adbff1a;border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.np-event>div{flex:1;gap:2px;min-width:0;display:grid}.np-event b{font:600 11px/1.2 var(--sans)}.np-event span:not(.np-event-icon):not(.np-stop){font:9px/1.2 var(--sans);color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-stop{background:var(--deck);color:#fff;border-radius:6px;flex:none;place-items:center;width:28px;height:22px;margin:6px;font-size:9px;display:grid;box-shadow:inset 0 .5px #ffffff59}.chapter-dark{background:var(--night);color:var(--night-ink)}.chapter-dark .capture-note{color:var(--night-muted)}[data-time=dawn]{--wall:linear-gradient(170deg, #0b1630, #3e4f8e 50%, #c9867a 82%, #f1b98f);--bar:#ffffffd9}[data-time=night]{--wall:linear-gradient(170deg, #070d1d, #1a2b55 60%, #3b4f86);--bar:#ffffffd9}[data-time=dusk]{--wall:linear-gradient(170deg, #1f1840, #6a3f78 45%, #d9837d 80%, #f4b98e);--bar:#ffffffd9}[data-time=maghrib]{--wall:linear-gradient(170deg, #142349, #7b4a6b 45%, #e0875a 78%, #f7c483);--bar:#ffffffd9}[data-time=morning]{--wall:linear-gradient(170deg, #7fb2e6, #bcd7f2 55%, #f3e6d6);--bar:#1d1d1fcc}[data-time=noon]{--wall:linear-gradient(170deg, #3d86d6, #8fc0ef 55%, #e2f0fb);--bar:#1d1d1fcc}.showcase{text-align:center;padding:clamp(80px,11vw,140px) 0 clamp(64px,9vw,112px)}.showcase .head p{color:var(--muted);max-width:640px;margin:16px auto 0;font-size:clamp(19px,2.2vw,22px)}.scene-picker{border:0;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;padding:0;display:flex}.scene-picker label,.ext-sidebar label{position:relative}.scene-picker input,.ext-sidebar input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.scene-picker span{background:var(--grey);border-radius:980px;align-items:center;min-height:44px;padding:0 18px;font-size:15px;transition:background-color .25s,color .25s;display:inline-flex;position:relative;overflow:hidden}.scene-picker input:checked+span{background:var(--ink);color:#fff}.scene-picker input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.desktop{background:var(--wall);border-radius:22px;height:clamp(380px,46vw,500px);margin-top:28px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #0007,0 0 0 1px #0000000f}.desk-hint{color:#fff;background:#00000080;border-radius:980px;width:max-content;max-width:calc(100% - 32px);padding:6px 14px;font-size:13px;position:absolute;bottom:18px;left:50%;translate:-50%}.notch-hit{z-index:3;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.notch-hit:disabled{cursor:default}.notch-hit:focus-visible{outline:3px solid var(--deck);outline-offset:4px}.desktop{--zoom:1.25}.desktop .wallpaper{opacity:0;transition:opacity .6s}.showcase:has([value=compact]:checked) .desktop .wallpaper[data-for=night],.showcase:has([value=music]:checked) .desktop .wallpaper[data-for=dusk],.showcase:has([value=prayer]:checked) .desktop .wallpaper[data-for=maghrib],.showcase:has([value=upnext]:checked) .desktop .wallpaper[data-for=morning],.showcase:has([value=focus]:checked) .desktop .wallpaper[data-for=noon],.showcase:has([value=adhan]:checked) .desktop .wallpaper[data-for=maghrib]{opacity:1}.showcase:has([value=upnext]:checked) .desktop,.showcase:has([value=focus]:checked) .desktop{--bar-bg:#ffffff59}.showcase:has([value=compact]:checked) .desktop{--wall:linear-gradient(170deg, #070d1d, #1a2b55 60%, #3b4f86);--bar:#ffffffd9}.showcase:has([value=compact]:checked) .notch{--w:290px;--h:38px;--r:19px}.showcase:has([value=compact]:checked) .notch-scene[data-for=compact]{opacity:1;transition-delay:.2s}.showcase:has([value=music]:checked) .desktop{--wall:linear-gradient(170deg, #1f1840, #6a3f78 45%, #d9837d 80%, #f4b98e);--bar:#ffffffd9}.showcase:has([value=music]:checked) .notch{--w:520px;--h:274px;--r:28px}.showcase:has([value=music]:checked) .notch-scene[data-for=expanded]{opacity:1;transition-delay:.2s}.showcase:has([value=music]:checked) .np-expanded [data-part]:not([data-part=media]):not([data-part=lyrics]){opacity:.32}.showcase:has([value=prayer]:checked) .desktop{--wall:linear-gradient(170deg, #142349, #7b4a6b 45%, #e0875a 78%, #f7c483);--bar:#ffffffd9}.showcase:has([value=prayer]:checked) .notch{--w:520px;--h:274px;--r:28px}.showcase:has([value=prayer]:checked) .notch-scene[data-for=expanded]{opacity:1;transition-delay:.2s}.showcase:has([value=prayer]:checked) .np-expanded [data-part]:not([data-part=prayer]){opacity:.32}.showcase:has([value=prayer]:checked) .np-card[data-part=prayer]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);background:#ffffff12}.showcase:has([value=upnext]:checked) .desktop{--wall:linear-gradient(170deg, #7fb2e6, #bcd7f2 55%, #f3e6d6);--bar:#1d1d1fcc}.showcase:has([value=upnext]:checked) .notch{--w:520px;--h:274px;--r:28px}.showcase:has([value=upnext]:checked) .notch-scene[data-for=expanded]{opacity:1;transition-delay:.2s}.showcase:has([value=upnext]:checked) .np-expanded [data-part]:not([data-part=calendar]){opacity:.32}.showcase:has([value=upnext]:checked) .np-card[data-part=calendar]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);background:#ffffff12}.showcase:has([value=focus]:checked) .desktop{--wall:linear-gradient(170deg, #3d86d6, #8fc0ef 55%, #e2f0fb);--bar:#1d1d1fcc}.showcase:has([value=focus]:checked) .notch{--w:520px;--h:274px;--r:28px}.showcase:has([value=focus]:checked) .notch-scene[data-for=expanded]{opacity:1;transition-delay:.2s}.showcase:has([value=focus]:checked) .np-expanded [data-part]:not([data-part=focus]){opacity:.32}.showcase:has([value=focus]:checked) .np-card[data-part=focus]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);background:#ffffff12}.showcase:has([value=adhan]:checked) .desktop{--wall:linear-gradient(170deg, #142349, #7b4a6b 45%, #e0875a 78%, #f7c483);--bar:#ffffffd9}.showcase:has([value=adhan]:checked) .notch{--w:340px;--h:52px;--r:26px}.showcase:has([value=adhan]:checked) .notch-scene[data-for=adhan]{opacity:1;transition-delay:.2s}.showcase .desktop[data-open=false] .notch{--w:290px;--h:38px;--r:19px}.showcase .desktop[data-open=false] .notch .notch-scene:not([data-for=compact]){opacity:0;transition-delay:0s}.showcase .desktop[data-open=false] .notch .notch-scene[data-for=compact]{opacity:1;transition-delay:.2s}.chapter{padding:clamp(80px,11vw,140px) 0}.chapter-grey{background:var(--grey)}.label{color:var(--accent);margin-bottom:10px;font-size:17px;font-weight:600}.center-head p:not(.label),.ext-head p:not(.label),.pricing-copy>p:not(.label):not(.note){color:var(--muted);max-width:560px;margin-top:18px;font-size:19px}.note{color:var(--muted);max-width:560px;margin-top:20px;font-size:13px;line-height:1.55}.center-head{text-align:center;margin-bottom:clamp(40px,6vw,64px)}.center-head p:not(.label){max-width:640px;margin-inline:auto}.ext-head{max-width:720px;margin-bottom:40px}.big-number{letter-spacing:-.05em;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:clamp(72px,13vw,140px);line-height:.9;display:block}::view-transition-group(*){animation-duration:.35s;animation-timing-function:var(--ease)}.trust h2{max-width:640px}.trust-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);margin:48px 0 40px;padding-top:32px;display:grid}.trust-facts p{color:var(--muted);margin-top:8px;font-size:16px}.trust-links{flex-wrap:wrap;gap:0 24px;margin-top:4px;font-size:15px;display:flex}.trust-links a{align-items:center;min-height:44px;display:inline-flex}.pricing-layout{grid-template-columns:1fr minmax(0,460px);align-items:center;gap:clamp(40px,6vw,80px);display:grid}.included{gap:12px;margin:28px 0;padding:0;list-style:none;display:grid}.included li{align-items:center;gap:12px;font-size:17px;display:flex}.included li:before{content:"";border:solid var(--accent);border-width:0 0 2px 2px;flex-shrink:0;width:18px;height:10px;translate:0 -3px;rotate:-45deg}.checkout-wrap{--content:var(--ink)}.checkout-wrap .checkout-card{--surface:#fff;--muted:#6e6e73;--line:#d2d2d7;color:var(--ink);border:0;border-radius:28px;max-width:none;box-shadow:0 0 0 1px #0000000f,0 2px 4px #0000000a,0 30px 60px -30px #0003}.checkout-wrap .checkout-price strong{letter-spacing:-.035em;font-size:clamp(44px,6vw,60px)}.checkout-wrap .checkout-card .checkout-features{display:none}.checkout-wrap .checkout-pay{margin-top:24px}.checkout-wrap .checkout-field input{border-color:var(--line);border-radius:12px}.checkout-wrap .checkout-field input:focus-visible{outline:3px solid var(--accent)}.card-kicker{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:600}.purchase-receipt{--surface:var(--grey)}.faq h2{text-align:center;margin-bottom:40px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{flex-shrink:0;width:14px;height:14px;position:relative}.faq-list summary span:before,.faq-list summary span:after{content:"";background:var(--muted);width:14px;height:2px;transition:rotate .3s var(--ease);border-radius:1px;position:absolute;top:6px;left:0}.faq-list summary span:after{rotate:90deg}.faq-list details[open] summary span:after{rotate:0deg}.faq-list details p{color:var(--muted);max-width:680px;padding:0 0 22px}.ph-badge{border-radius:10px;margin-top:22px;display:inline-block}.ph-badge img{width:250px;height:54px;display:block}.ph-badge:focus-visible{outline:3px solid var(--accent,#0070a8);outline-offset:3px}.final{text-align:center;padding:clamp(96px,12vw,160px) 0}.final-notch .np-art-sm{--size:22px}.final-notch{background:#000;border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;width:150px;height:34px;margin:0 auto 48px;padding:0 14px;display:flex;box-shadow:0 0 0 1px #ffffff1f,0 24px 70px -12px #59c7fa40}.final p{color:var(--night-muted);margin:16px 0 32px;font-size:clamp(19px,2.2vw,22px)}.final .meta{color:var(--night-muted);margin:18px 0 0;font-size:14px}.footer{background:var(--grey);color:var(--muted);border-top:1px solid var(--line);padding:28px 0 40px;font-size:12px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.footer .brand{margin-bottom:8px;font-size:14px}.footer-links{flex-wrap:wrap;gap:4px 20px;display:flex}.footer-links a{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.mobile-handoff{display:none}.copy-status{min-height:1.5em;color:var(--muted);font-size:14px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both rise}html .reveal{animation-timeline:view();animation-range:entry entry 70%}}}@keyframes rise{0%{opacity:0;translate:0 32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.marquee{gap:12px;margin:8px calc(50% - 50vw) 0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-row{width:max-content;display:flex}.marquee-track{animation:drift var(--dur,70s) linear infinite;gap:12px;padding-right:12px;display:flex}.marquee-row.reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes drift{to{translate:-100%}}.m-tile{text-align:left;background:#fff;border-radius:24px;align-items:center;gap:12px;width:300px;padding:14px;display:flex;box-shadow:0 1px #0000000a}.m-tile b{font-size:15px;display:block}.m-tile small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:13px;display:block;overflow:hidden}.ext-catalogue[hidden]{display:none}@media (width<=900px){.pricing-layout,.trust-facts{grid-template-columns:1fr}}@media (width<=760px){.laptop-screen{aspect-ratio:4/3}.mobile-handoff{color:#3d2a1f;justify-items:center;gap:12px;margin-top:40px;padding-bottom:24px;font-size:15px;display:grid}.hero .mobile-handoff .button-outline,.hero .mobile-handoff .text-button{color:#3d2a1f;border-color:#3d2a1f}.menubar-extra{display:none!important}.ext-search{flex-basis:100%}}@media (width<=480px){body{font-size:16px}.actions>*{flex:100%}.m-tile{width:250px}.menubar .menubar-menu,.menubar .menubar-status i,.adhan-desk .menubar>*{display:none}}.checkout-wrap .checkout-card .checkout-price span{opacity:1;color:var(--muted)}.np-art{outline-offset:-1px;outline:1px solid oklch(100% 0 0/.1)}.checkout-price-row img{outline-offset:-1px;border-radius:12px;outline:1px solid oklch(0% 0 0/.1)}.ext-count,[data-price],.menubar time{font-variant-numeric:tabular-nums}.hero{isolation:isolate;position:relative}.hero h1{background:linear-gradient(#fff 35%,#f7cfae);color:#0000;-webkit-background-clip:text;background-clip:text}.sky{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky:before{content:"";opacity:.5;background:#02060f;position:absolute;inset:0}.stars{position:absolute;inset:0}.stars i{width:var(--s);height:var(--s);opacity:.85;background:#fff;border-radius:50%;animation:3.6s ease-in-out infinite alternate twinkle;position:absolute}@keyframes twinkle{0%{opacity:.2}}.sun{background:radial-gradient(closest-side,#ffd7aecc,#f3a77a59 45%,#0000);width:130vw;height:80vw;position:absolute;bottom:-36%;left:50%;translate:-50%}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.sky:before{animation:linear both night-lift}html .sky:before{animation-timeline:scroll(root);animation-range:0 70vh}.stars{animation:linear both stars-out}html .stars{animation-timeline:scroll(root);animation-range:0 70vh}.sun{animation:linear both sun-up}html .sun{animation-timeline:scroll(root);animation-range:0 90vh}.final-notch{animation:linear both notch-stretch}html .final-notch{animation-timeline:view();animation-range:entry 10% cover 45%}}}@keyframes night-lift{to{opacity:0}}@keyframes stars-out{to{opacity:0;translate:0 -48px}}@keyframes sun-up{0%{opacity:.5;translate:-50% 22%}}@keyframes notch-stretch{0%{width:110px;height:26px;padding-inline:8px}to{width:min(440px,80vw);height:46px;padding-inline:20px}}.story{color:var(--night-ink);background:#04060c;position:relative}.story-pin{align-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.story-sky i{background:var(--wall);opacity:0;transition:opacity .9s;position:absolute;inset:0}.story-walls .wallpaper{opacity:0;transition:opacity .9s}.story-sky:after{content:"";background:linear-gradient(90deg,#04060cf2 30%,#04060c99);position:absolute;inset:0}.story-sky{position:absolute;inset:0}.story-grid{grid-template-columns:.9fr 1.25fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid;position:relative}.story-copy .label{color:var(--cyan)}.story-copy h2{font-size:clamp(32px,4.4vw,52px)}.story-steps{min-height:300px;margin:28px 0 0;padding:0;list-style:none;position:relative}.story-steps li{opacity:0;transition:opacity .45s ease-out, translate .6s var(--ease);position:absolute;inset:0 0 auto;translate:0 18px}.story-clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;font-weight:700;line-height:1;display:flex}.story-clock span{background:linear-gradient(#fff,#ffffff8c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,8.5vw,116px)}.story-clock small{letter-spacing:.02em;color:var(--night-muted);font-size:18px}.story-label{color:var(--cyan);margin-top:18px;font-size:15px;font-weight:600}.story-steps h3{margin-top:6px;font-size:clamp(24px,2.6vw,32px);line-height:1.15}.story-steps li>p:last-child{color:#c7c7cc;max-width:420px;margin-top:10px;font-size:17px}.story-rail{gap:2px;margin-top:16px;display:flex}.story-rail button{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.story-rail i{width:8px;height:8px;transition:width .4s var(--ease), background-color .3s;background:#ffffff4d;border-radius:4px}.story-rail button:hover i{background:#ffffffa6}.story-rail button:focus-visible{outline:3px solid var(--cyan);outline-offset:0}.story-screen{aspect-ratio:16/10.5;border:clamp(8px,1vw,12px) solid #111214;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 60px 120px -40px #000,0 30px 80px -50px #59c7fa55}.story-walls{position:absolute;inset:0}.story[data-step="1"] .story-screen,.story[data-step="2"] .story-screen{--bar:#000000d9;--bar-bg:#ffffff59}.story-progress{background:#ffffff14;height:2px;position:absolute;bottom:0;left:0;right:0}.story-progress i{background:var(--cyan);transform-origin:0;height:100%;scale:var(--story-p,0) 1;display:block}.story[data-step="0"] .story-sky i:first-child{opacity:.55}.story[data-step="0"] .story-walls .wallpaper:first-child{opacity:1}.story[data-step="0"] .story-steps li:first-child{opacity:1;transition-delay:.12s;translate:0}.story[data-step="0"] .story-rail button:first-child i{background:var(--cyan);width:28px}.story[data-step="1"] .story-sky i:nth-child(2){opacity:.55}.story[data-step="1"] .story-walls .wallpaper:nth-child(2){opacity:1}.story[data-step="1"] .story-steps li:nth-child(2){opacity:1;transition-delay:.12s;translate:0}.story[data-step="1"] .story-rail button:nth-child(2) i{background:var(--cyan);width:28px}.story[data-step="2"] .story-sky i:nth-child(3){opacity:.55}.story[data-step="2"] .story-walls .wallpaper:nth-child(3){opacity:1}.story[data-step="2"] .story-steps li:nth-child(3){opacity:1;transition-delay:.12s;translate:0}.story[data-step="2"] .story-rail button:nth-child(3) i{background:var(--cyan);width:28px}.story[data-step="3"] .story-sky i:nth-child(4){opacity:.55}.story[data-step="3"] .story-walls .wallpaper:nth-child(4){opacity:1}.story[data-step="3"] .story-steps li:nth-child(4){opacity:1;transition-delay:.12s;translate:0}.story[data-step="3"] .story-rail button:nth-child(4) i{background:var(--cyan);width:28px}.story[data-step="4"] .story-sky i:nth-child(5){opacity:.55}.story[data-step="4"] .story-walls .wallpaper:nth-child(5){opacity:1}.story[data-step="4"] .story-steps li:nth-child(5){opacity:1;transition-delay:.12s;translate:0}.story[data-step="4"] .story-rail button:nth-child(5) i{background:var(--cyan);width:28px}.story-notch{--w:520px;--h:274px;--r:28px}.story-screen{--zoom:1.02}.story[data-step="4"] .story-notch{--w:340px;--h:52px;--r:26px}.story .notch-scene[data-for=expanded]{opacity:1}.story[data-step="4"] .notch-scene[data-for=expanded]{opacity:0;transition-delay:0s}.story[data-step="4"] .notch-scene[data-for=adhan]{opacity:1;transition-delay:.25s}.story[data-step="0"] .np-expanded [data-part]:not([data-part=prayer]){opacity:.32}.story[data-step="0"] .np-card[data-part=prayer]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);background:#ffffff12}.story[data-step="1"] .np-expanded [data-part]:not([data-part=calendar]){opacity:.32}.story[data-step="1"] .np-card[data-part=calendar]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);background:#ffffff12}.story[data-step="2"] .np-expanded [data-part]:not([data-part=focus]){opacity:.32}.story[data-step="2"] .np-card[data-part=focus]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);background:#ffffff12}.story[data-step="3"] .np-expanded [data-part]:not([data-part=media]):not([data-part=lyrics]){opacity:.32}.story-track{height:calc(var(--steps) * 100svh)}.story:not(.story-live) .story-track{height:auto}.story:not(.story-live) .story-pin{height:auto;padding:96px 0;position:relative}.story:not(.story-live) .story-steps{min-height:0}.story:not(.story-live) .story-steps li{opacity:1;margin-bottom:40px;position:static;translate:none}.story:not(.story-live) .story-rail{display:none}@media (width<=900px){.story-grid{grid-template-columns:1fr;gap:24px}.story-screen{aspect-ratio:4/3.1;order:-1}.story-copy h2{font-size:28px;display:none}.story-steps{min-height:250px;margin-top:0}.story-clock span{font-size:56px}.story-sky:after{background:#04060ce6}}@media (width<=480px){.story-steps li>p:last-child{font-size:15px}.story-steps h3{font-size:22px}}.story-notes{grid-template-columns:repeat(3,1fr);gap:24px;padding-block:8px 72px;display:grid}.story-notes .note{color:var(--night-muted);margin:0}@media (width<=760px){.story-notes{grid-template-columns:1fr;gap:12px}}.adhan-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(32px,6vw,72px);display:grid}.adhan-copy>p:not(.label):not(.note):not(.adhan-hint){color:var(--muted);max-width:520px;margin-top:18px;font-size:19px}.adhan-copy .adhan-hint{color:var(--ink);margin-top:20px;font-size:16px;font-weight:600}.adhan-stage{position:relative}.adhan-desk{background:var(--wall);--zoom:1.25;border-radius:18px;height:230px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0006,0 0 0 1px #0000000f}.adhan-notch .notch-scene[data-for=compact]{opacity:1}.adhan-desk[data-state=alert] .adhan-notch{--w:340px;--h:52px;--r:26px}.adhan-desk[data-state=alert] .notch-scene[data-for=compact]{opacity:0;transition-delay:0s}.adhan-desk[data-state=alert] .notch-scene[data-for=adhan]{opacity:1;transition-delay:.25s}.adhan-desk[data-state=alert] .np-event-icon{animation:1.3s ease-in-out infinite alternate adhan-pulse}@keyframes adhan-pulse{0%{box-shadow:0 0 #1adbff00}to{box-shadow:0 0 10px 1px #1adbff55}}.mac-window{z-index:1;color:#000000d9;width:min(440px,100%);font:13px/1.3 var(--sans);letter-spacing:-.003em;text-align:left;background:#f2f2f2;border-radius:12px;margin:-64px 20px 0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000004d,0 24px 70px -12px #0006,0 8px 18px -8px #0000002e}.mac-titlebar{color:#000000b3;justify-content:center;align-items:center;height:38px;font-weight:600;display:flex;position:relative}.mac-lights{gap:8px;display:flex;position:absolute;left:14px}.mac-lights i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000026}.mac-lights i:first-child{background:#ff5f57}.mac-lights i:nth-child(2){background:#febc2e}.mac-lights i:nth-child(3){background:#28c840}.mac-form{padding:0 18px 18px}.mac-section{color:#000000d9;margin:12px 0 6px 6px;font-weight:600}.mac-section:first-child{margin-top:2px}.mac-group{background:#fff;border-radius:8px;box-shadow:0 0 0 .5px #0000001f}.mac-group>*+*{border-top:.5px solid #0000001a}.mac-group>.mac-caption{border-top:0}.mac-row{justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:5px 10px 5px 12px;display:flex}label.mac-row{cursor:pointer}.mac-label{align-items:center;gap:8px;display:flex}.mac-label svg{color:#0000008c;stroke-width:1.75px;width:15px;height:15px}.mac-caption{color:#00000080;margin-top:-2px;padding:0 12px 10px;font-size:11px;line-height:1.35}.mac-switch{appearance:none;cursor:pointer;background:#00000017;border-radius:980px;flex:none;width:32px;height:19px;margin:0;transition:background-color .2s ease-out;position:relative;box-shadow:inset 0 0 0 .5px #0000001f}.mac-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:translate .2s ease-out;position:absolute;top:1.5px;left:1.5px;box-shadow:0 1px 2px #00000040,0 0 0 .5px #0000000f}.mac-switch:checked{background:#007aff}.mac-switch:checked:after{translate:13px}.mac-switch:focus-visible{outline-offset:1px;outline:3px solid #007aff80}.mac-button{color:#000000d9;height:22px;font:13px/1 var(--sans);cursor:pointer;background:#fff;border:0;border-radius:5px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative;box-shadow:0 0 0 .5px #0000002e,0 1px 1.5px #0000001f}.mac-button:after{content:"";position:absolute;inset:-9px -4px}.mac-button svg{color:#007aff;stroke-width:2px;width:13px;height:13px}.mac-button:active{background:#ececec}.mac-button:focus-visible{outline-offset:1px;outline:3px solid #007aff80}.mac-popup{appearance:none;max-width:220px;height:22px;font:13px/1 var(--sans);color:#000000d9;cursor:pointer;text-overflow:ellipsis;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' rx='4' fill='%23007aff'/%3E%3Cpath d='M5 6.5 8 4l3 2.5M5 9.5 8 12l3-2.5' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 3px center no-repeat;border:0;border-radius:5px;padding:0 26px 0 9px;box-shadow:0 0 0 .5px #0000002e,0 1px 1.5px #0000001f}.mac-popup:focus-visible{outline-offset:1px;outline:3px solid #007aff80}.mac-volume{align-items:center;gap:8px;display:flex}.mac-slider{accent-color:#007aff;width:140px}.mac-volume output{text-align:right;color:#00000080;font-variant-numeric:tabular-nums;width:34px;font-size:12px}.adhan .capture-note{margin-top:32px}@media (width<=900px){.adhan-grid{grid-template-columns:minmax(0,1fr)}.mac-window{margin:-48px auto 0}}@media (width<=760px){.adhan-desk{height:170px}.desktop{height:280px}}.wallpaper{position:absolute;inset:0;overflow:hidden}.wallpaper svg{shape-rendering:geometricprecision;width:100%;height:100%;display:block}.np-art{overflow:hidden}.np-cover{width:100%;height:100%;display:block}.menubar{--bar:#fff;--bar-bg:#00000024;z-index:1;align-items:center;gap:calc(19px * var(--zoom,1));height:calc(30px * var(--zoom,1));padding:0 calc(14px * var(--zoom,1));font:400 max(10px, calc(13px * var(--zoom,1)))/1 var(--sans);color:var(--bar);background:var(--bar-bg);letter-spacing:0;white-space:nowrap;display:flex;position:absolute;inset:0 0 auto}.desktop .menubar,.story-screen .menubar,.adhan-desk .menubar,.laptop-screen .menubar{color:var(--bar,#fff);background:var(--bar-bg,#00000024)}.menubar b{font-weight:700}.menubar-status{align-items:center;gap:calc(15px * var(--zoom,1));margin-left:auto;display:flex}.menubar-status i{display:grid}.menubar-status svg{width:max(11px, calc(15px * var(--zoom,1)));height:max(11px, calc(15px * var(--zoom,1)));stroke-width:2px}.menubar-clock{font-variant-numeric:tabular-nums}.laptop-screen .menubar{--bar-bg:#00000026}.scene-picker{scrollbar-width:none;background:#7676801f;border:0;border-radius:10px;flex-wrap:nowrap;gap:2px;width:fit-content;max-width:calc(100% - 32px);margin:32px auto 0;padding:3px;display:flex;overflow-x:auto}.scene-picker::-webkit-scrollbar{display:none}.scene-picker span{white-space:nowrap;min-height:40px;color:var(--ink);background:0 0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .2s ease-out,box-shadow .2s ease-out}.scene-picker input:checked+span{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000f}.scene-picker input:not(:checked):hover+span{background:#ffffff80}.squircle{--size:30px;width:var(--size);height:var(--size);border-radius:calc(var(--size) * .24);background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 78%, #fff), var(--tint));color:#fff;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 .5px #0000001a,0 .5px 1px #0000001f}.squircle svg{stroke-width:2.1px;width:62%;height:62%}.squircle-sm{--size:22px}.m-tile .squircle{--size:38px}.ext-window{width:100%;max-width:none;margin:40px 0 0}.ext-titlebar{background:#f6f6f6;border-bottom:.5px solid #0000001f;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;height:52px;padding:0 14px;display:grid}.ext-titlebar .mac-lights{position:static}.ext-title{color:#000000d9;font-size:15px;font-weight:700}.mac-search{color:#00000080;background:#0000000d;border-radius:8px;align-items:center;gap:6px;width:260px;height:30px;padding:0 10px;display:flex}.mac-search svg{flex:none;width:14px;height:14px}.mac-search input{width:100%;min-width:0;font:13px var(--sans);color:#000000d9;background:0 0;border:0;outline:none}.mac-search input::placeholder{color:#0006}.mac-search:focus-within{background:#fff;box-shadow:0 0 0 3px #007aff59}.ext-body{grid-template-columns:220px minmax(0,1fr);height:560px;display:grid}.ext-sidebar{background:#e9e9eb;border:0;border-right:.5px solid #0000001a;flex-direction:column;gap:2px;margin:0;padding:10px;display:flex;overflow:auto}.ext-sidebar label>span{color:#000000d9;border-radius:7px;align-items:center;gap:9px;min-height:34px;padding:0 8px;font-size:13px;display:flex}.ext-sidebar input:checked+span{color:#fff;background:#007aff}.ext-sidebar input:not(:checked):hover+span{background:#0000000a}.ext-sidebar input:focus-visible+span{outline-offset:-1px;outline:3px solid #007aff80}.ext-pane{overscroll-behavior:contain;background:#f2f2f2;padding:16px 20px 20px;overflow:auto}.ext-count{color:#00000080;margin:0 0 10px 4px;font-size:12px}.ext-list{margin:0;padding:0;list-style:none}.ext-list li{align-items:center;gap:12px;min-height:54px;padding:8px 12px;display:flex}.ext-list li[hidden],.ext-list[hidden]{display:none}.ext-text{flex:1;gap:2px;min-width:0;display:grid}.ext-text b{color:#000000d9;font-size:13px;font-weight:500}.ext-text small{color:#00000080;font-size:11px;line-height:1.35}.ext-text em{color:#007aff;font-style:normal}.ext-empty{text-align:center;color:#00000080;padding:48px 16px;font-size:13px}.ext-empty .mac-button{margin-top:12px}@media (width<=760px){.ext-titlebar{grid-template-columns:auto 1fr}.ext-title{display:none}.mac-search{width:100%}.ext-body{grid-template-columns:minmax(0,1fr);height:auto}.ext-sidebar{scrollbar-width:none;border-bottom:.5px solid #0000001a;border-right:0;flex-direction:row;min-width:0;overflow-x:auto}.ext-sidebar label>span{white-space:nowrap}.ext-pane{max-height:520px;padding:12px}}.laptop-screen .menubar-extra,.story-screen .menubar-extra,.adhan-desk .menubar-extra,.adhan-desk .menubar-menu,.story-screen .menubar-menu{display:none}@media (width<=1100px){.desktop .menubar-extra,.laptop-screen .menubar-menu{display:none}}@media (width<=440px){.nav{max-width:calc(100vw - 32px)}.nav .brand{gap:0;margin-right:2px;font-size:0}.nav-pop summary{padding:0 10px}.nav-cta{padding:0 13px}}.nav-menu>div{left:-8px;right:auto}@media (width<=760px){.laptop-screen,.desktop,.story-screen{--zoom:.55}.adhan-desk{--zoom:.85}}.mac-row>span:first-child{min-width:0}.mac-popup{min-width:0;max-width:min(220px,58%)}.mac-slider{width:min(140px,40vw)}@media (pointer:coarse){.mac-search input{font-size:16px}.mac-popup{height:28px;font-size:16px}}@font-face{font-family:KFGQPC HAFS Uthmanic Script;src:url(/fonts/UthmanicHafs_V18.ttf)format("truetype");font-display:swap}.newin{background:#04060c;padding:clamp(80px,11vw,140px) 0}.newin .label{color:var(--deck)}.newin-head p:not(.label){color:var(--night-muted)}.newin-head{margin-bottom:40px}.lock-stage{border-radius:26px;justify-content:center;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 60px 120px -40px #000}.lock-screen{zoom:var(--zoom,1);color:#fff;width:760px;font-family:var(--sans);letter-spacing:0;flex-direction:column;align-items:center;padding:46px 50px 30px;display:flex;position:relative}.lock-deck svg,.quran-reader svg{flex:none;width:1em;height:1em}.lock-date{font:600 22px/1.2 var(--sans);color:#ffffffd9}.lock-time{font:700 96px/1 var(--rounded);letter-spacing:-2px;color:#ffffffeb;font-variant-numeric:tabular-nums;margin-top:2px}.lock-deck{flex-direction:column;gap:14px;width:660px;margin-top:30px;display:flex}.lock-card{background:#ffffff1c;border-radius:34px;margin:0 14px;box-shadow:inset 0 0 0 .5px #ffffff2e}.lock-media{background:linear-gradient(120deg,#e2725b40,#3d2f6b40 60%,#0000),#ffffff1a;flex-direction:column;gap:12px;padding:18px;display:flex}.lock-media-top{align-items:flex-start;gap:16px;display:flex}.lock-art{border-radius:16px;flex:none;width:112px;height:112px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 16px #0006}.lock-art svg{width:100%;height:100%;display:block}.lock-media-text{flex-direction:column;flex:1;min-width:0;min-height:112px;display:flex}.lock-title{font:600 17px/1.25 var(--sans);align-items:center;gap:8px;display:flex}.lock-eq{align-items:flex-end;gap:2px;height:12px;display:flex}.lock-eq i{transform-origin:bottom;background:#fff;border-radius:1px;width:3px;height:12px;animation:.8s ease-in-out infinite alternate wave}.lock-eq i:nth-child(2){animation-delay:-.3s}.lock-eq i:nth-child(3){animation-delay:-.55s}.lock-artist{font:500 12px/1.3 var(--sans);color:#fff9;margin-top:3px}.lock-scrub{background:#ffffff26;border-radius:2px;height:4px;margin-top:auto}.lock-scrub i{border-radius:inherit;background:#ffffffd9;width:32%;height:100%;display:block}.lock-times{font:600 10px/1 var(--sans);color:#fff9;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;display:flex}.lock-controls{align-items:center;gap:6px;display:flex}.lock-round{background:#ffffff14;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.lock-round-main{color:#000;background:#fff;width:42px;height:42px;font-size:16px}.lock-volume{color:#fff9;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.lock-volume i{background:#ffffff26;border-radius:2px;width:120px;height:4px;display:block}.lock-volume b{border-radius:inherit;background:#fff;width:62%;height:100%;display:block}.lock-output{height:30px;font:600 11px/1 var(--sans);background:#ffffff14;border-radius:980px;align-items:center;gap:6px;margin-left:8px;padding:0 11px;display:flex}.lock-output>span:first-child{font-size:12px}.lock-output>span:last-child{font-size:8px}.lock-prayer{flex-direction:column;gap:16px;padding:18px 20px;display:flex}.lock-prayer-head{align-items:center;gap:10px;display:flex}.lock-head-title{font:600 14px/1.25 var(--sans)}.lock-sub{font:500 11px/1.3 var(--sans);color:#fff9}.lock-head-date{text-align:right;font:600 12px/1.3 var(--sans);margin-left:auto}.lock-badge{color:#fff;background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 .75px #ffffff40}.lock-badge svg{width:56%;height:56%}.lock-badge-head{width:36px;height:36px}.lock-columns{gap:6px;display:flex}.lock-col{border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;padding:12px 0;display:flex}.lock-col .lock-badge{margin-block:5px}.lock-col.is-passed{opacity:.42}.lock-col.is-next{background:#ffffff24;box-shadow:inset 0 0 0 .5px #ffffff2e}.lock-col.is-next .lock-badge{color:#000;background:#fff;width:48px;height:48px;margin-block:1px;box-shadow:0 0 10px #ffffff59}.lock-col-name{font:600 11px/1.2 var(--sans);color:#fff9}.is-next .lock-col-name{color:#fff}.lock-col-time{font:600 21px/1.15 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}.is-next .lock-col-time{font-weight:700}.lock-col-count{font:600 10px/1.2 var(--sans);font-variant-numeric:tabular-nums}.lock-rail{height:10px;position:relative}.lock-rail:before{content:"";background:#ffffff1f;border-radius:1px;height:2px;position:absolute;top:4px;left:0;right:0}.lock-rail-fill{background:linear-gradient(90deg,#ffffff26,#fff);border-radius:1px;width:67%;height:2px;position:absolute;top:4px;left:0}.lock-rail b{background:#ffffff4d;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:3px}.lock-rail b.done{background:#fffc}.lock-rail em{background:#fff;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:1px;left:67%;box-shadow:0 0 0 1.5px #ffffff59}.lock-password{font:13px/1.2 var(--sans);color:#ffffffb3;background:#ffffff26;border-radius:980px;margin-top:26px;padding:6px 16px}.center-note{text-align:center;color:var(--night-muted);max-width:640px;margin:20px auto 0}.quran-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(32px,6vw,72px);margin-top:clamp(72px,10vw,120px);display:grid}.quran-copy h3{letter-spacing:-.025em;font-size:clamp(30px,4vw,44px);line-height:1.1}.quran-copy>p:not(.label):not(.note){color:var(--night-muted);margin-top:16px;font-size:19px}.quran-copy .note{color:var(--night-muted)}.quran-stage{justify-content:center;min-width:0;display:flex}.quran-reader{--gold:#d6a345;zoom:var(--zoom,1);color:#fff;text-align:left;letter-spacing:0;background:#110f0c;border-radius:22px;flex-direction:column;gap:8px;width:560px;padding:10px;display:flex;box-shadow:0 0 0 1px #ffffff12,0 40px 80px -30px #000}.quran-toolbar{background:#ffffff0a;border-radius:980px;align-items:center;gap:6px;padding:5px 8px;display:flex}.mushaf-chip{height:19px;color:var(--gold);background:#ffffff12;border-radius:980px;flex:none;place-items:center;padding:0 8px;font-size:10px;display:grid;box-shadow:inset 0 0 0 .8px #d6a3454d}.mushaf-chip-main{background:var(--gold);color:#1a1412;box-shadow:none}.quran-picker{height:20px;font:500 11px/1 var(--sans);white-space:nowrap;background:#ffffff17;border-radius:5px;align-items:center;gap:4px;padding:0 8px;display:flex}.quran-picker svg{font-size:9px}.quran-page{font:700 8px/1 var(--rounded);letter-spacing:1.1px;color:#d6a345cc;white-space:nowrap;align-items:center;gap:5px;display:flex}.quran-page i{opacity:.6;background:currentColor;border-radius:50%;width:2.5px;height:2.5px}.quran-spacer{flex:1}.quran-divider{background:#d6a34540;width:1px;height:14px}.mushaf-page{background:linear-gradient(#0f0f0f,#050505);border-radius:18px;padding:22px 26px;position:relative;box-shadow:inset 0 0 0 1.5px #d6a34559}.mushaf-page:after{content:"";pointer-events:none;border-radius:12px;position:absolute;inset:6px;box-shadow:inset 0 0 0 .75px #d6a34524}.mushaf-banner{justify-content:center;align-items:center;gap:10px;display:flex}.mushaf-banner b{color:var(--gold);font:400 26px/1.7 KFGQPC HAFS Uthmanic Script,Geeza Pro,serif}.mushaf-rule{background:linear-gradient(90deg,#0000,#d6a34559);flex:0 120px;height:1px}.mushaf-rule-flip{transform:scaleX(-1)}.mushaf-meta{text-align:center;font:600 8px/1 var(--rounded);letter-spacing:.8px;color:#80cc9e;margin-bottom:4px}.mushaf-text{text-align:center;color:#fffffff0;font:400 22px/2.1 KFGQPC HAFS Uthmanic Script,Geeza Pro,serif}.mushaf-text .selected{color:var(--gold)}.mushaf-marker{color:#d6a345d9}.mushaf-marker.selected{color:#f29473}.quran-translation{background:#ffffff0a;border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}.quran-ref{height:16px;font:700 9px/1 var(--rounded);color:var(--gold);font-variant-numeric:tabular-nums;background:#d6a3451f;border-radius:980px;flex:none;place-items:center;margin-top:1px;padding:0 6px;display:grid}.quran-translation p{color:#ffffffe0;font:13px/1.45 ui-serif,New York,Georgia,serif}.quran-translation em{font:normal 9px/1 var(--sans);color:#ffffff73;margin-left:4px}.quran-transport{align-items:center;gap:10px;display:flex}.quran-reciter{width:150px;font:600 10px/1.2 var(--sans);color:#ffffffe6;flex:none}.quran-buttons{flex:1;justify-content:center;gap:8px;display:flex}@media (width<=900px){.quran-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.lock-stage{--zoom:.44}.quran-stage{--zoom:.6}}@media (width<=560px){.newin-head{margin-bottom:28px}.lock-stage{--fit:400;--zoom:.9;border-radius:22px}.lock-screen{width:400px;padding:30px 16px 22px}.lock-date{font-size:17px}.lock-time{letter-spacing:-1.5px;font-size:76px}.lock-deck{gap:10px;width:100%;margin-top:22px}.lock-card{border-radius:26px;margin:0}.lock-media{padding:14px}.lock-media-top{gap:12px}.lock-art{border-radius:13px;width:84px;height:84px}.lock-media-text{min-height:84px}.lock-title{font-size:16px}.lock-controls{flex-wrap:wrap;row-gap:10px}.lock-volume i{width:96px}.lock-output{flex-basis:100%;justify-content:center;margin-left:0}.lock-prayer{gap:12px;padding:14px 10px}.lock-prayer-head{padding-inline:4px}.lock-head-date>p:first-child{display:none}.lock-columns{gap:2px}.lock-col{border-radius:12px;padding:10px 0}.lock-col .lock-badge{width:32px;height:32px;margin-block:3px}.lock-col.is-next .lock-badge{width:38px;height:38px;margin-block:0}.lock-col-time{font-size:14px}.lock-rail{margin-inline:6px}.lock-password{margin-top:18px}}.ext-count{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.ext-preview-note{color:#00000080;font-size:12px}.button,.button-outline,.text-button{transition-property:background-color,color,border-color,scale;transition-duration:.15s;transition-timing-function:ease-out}.button:active,.button-outline:active{scale:.97}.button:disabled,.button[aria-busy=true]{scale:1}.scene-picker input:active+span{scale:.96}.scene-picker span{transition-property:background-color,box-shadow,scale;transition-duration:.2s,.2s,.1s;transition-timing-function:ease-out}.nav-pop>div{transform-origin:100% 0;animation:menu-in .16s var(--ease)}.hero-copy>*{animation:hero-in .7s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:60ms}.hero-copy>:nth-child(3){animation-delay:.12s}.hero-copy>:nth-child(4){animation-delay:.18s}.hero-copy>:nth-child(5){animation-delay:.24s}@keyframes hero-in{0%{opacity:0;translate:0 14px}}@supports selector(::details-content){:root{interpolate-size:allow-keywords}.faq-list details::details-content{opacity:0;height:0;transition:height .3s var(--ease), opacity .2s ease-out, content-visibility .3s allow-discrete;overflow:clip}.faq-list details[open]::details-content{opacity:1;height:auto}}.faq-list summary{transition:color .15s ease-out}@media (hover:hover){.faq-list summary:hover{color:var(--accent)}}@supports (animation-timeline:view()){html .trust-facts>:nth-child(2){animation-range:entry 8% entry 78%}html .trust-facts>:nth-child(3){animation-range:entry 16% entry 86%}}.purchase-receipt[data-astro-cid-lt3kkign]{background:var(--surface);border-radius:28px;max-width:800px;margin:48px auto;padding:clamp(24px,5vw,56px);scroll-margin-top:120px}.purchase-receipt[data-astro-cid-lt3kkign][hidden],.checkout-card[data-astro-cid-lt3kkign][hidden]{display:none}.purchase-receipt[data-astro-cid-lt3kkign] h2[data-astro-cid-lt3kkign]{margin-top:16px}.receipt-message[data-astro-cid-lt3kkign]{font-size:18px;line-height:1.7}.receipt-reference[data-astro-cid-lt3kkign]{color:var(--muted);overflow-wrap:anywhere}.receipt-actions[data-astro-cid-lt3kkign]{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px;display:flex}.checkout-card[data-astro-cid-lt3kkign]{border:1px solid var(--line,#00000014);text-align:left;background:var(--surface);max-width:480px;color:var(--content,#eef3f7);border-radius:20px;margin:0 auto;padding:clamp(24px,3vw,40px);box-shadow:0 24px 60px #00000014}.checkout-price-row[data-astro-cid-lt3kkign]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.checkout-price-row[data-astro-cid-lt3kkign]>div[data-astro-cid-lt3kkign]{min-width:0}.checkout-price-row[data-astro-cid-lt3kkign] img[data-astro-cid-lt3kkign]{flex-shrink:0}.checkout-price[data-astro-cid-lt3kkign] strong[data-astro-cid-lt3kkign]{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(32px,4vw,44px);line-height:1.15}.checkout-price-old[data-astro-cid-lt3kkign]{opacity:.5;vertical-align:2px;margin-left:8px;font-size:18px}.checkout-price[data-astro-cid-lt3kkign] span[data-astro-cid-lt3kkign]{opacity:.6;margin-top:6px;font-size:13px;display:block}.checkout-body[data-astro-cid-lt3kkign]{color:var(--muted);margin:18px 0 4px;font-size:15px;line-height:1.65}.checkout-field[data-astro-cid-lt3kkign]{margin:20px 0 2px;display:block}.optional-checkout[data-astro-cid-lt3kkign]{margin-top:16px}.optional-checkout[data-astro-cid-lt3kkign] summary[data-astro-cid-lt3kkign]{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;font-size:13px;display:flex}.checkout-field[data-astro-cid-lt3kkign] span[data-astro-cid-lt3kkign]{opacity:.7;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.checkout-field[data-astro-cid-lt3kkign] input[data-astro-cid-lt3kkign]{box-sizing:border-box;width:100%;font:inherit;color:#1d1d1f;background:#fff;border:1px solid #c7ccd1;border-radius:10px;min-height:48px;padding:10px 12px}.checkout-field[data-astro-cid-lt3kkign] input[data-astro-cid-lt3kkign]::placeholder{color:#7c8288}.checkout-field[data-astro-cid-lt3kkign] input[data-astro-cid-lt3kkign]:focus-visible{outline:3px solid var(--blue,#6fb6ff);outline-offset:2px}.checkout-features[data-astro-cid-lt3kkign]{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px 16px;margin:24px 0;padding:20px 0;list-style:none;display:grid}.checkout-features[data-astro-cid-lt3kkign] li[data-astro-cid-lt3kkign]{align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.checkout-features[data-astro-cid-lt3kkign] .check-badge[data-astro-cid-lt3kkign]{color:#4ade80;background:#4ade8026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.checkout-features[data-astro-cid-lt3kkign] .check-badge[data-astro-cid-lt3kkign] svg[data-astro-cid-lt3kkign]{stroke-width:2.5px;width:13px;height:13px}@media (width<=420px){.checkout-features[data-astro-cid-lt3kkign]{grid-template-columns:1fr}}.checkout-pay[data-astro-cid-lt3kkign]{justify-content:center;width:100%}.checkout-status[data-astro-cid-lt3kkign]{margin:14px 0 0;font-size:14px}.checkout-status[data-astro-cid-lt3kkign].ok{color:#16794c}.checkout-note[data-astro-cid-lt3kkign]{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.65}.checkout-pay[data-astro-cid-lt3kkign]:disabled{opacity:.65;cursor:wait}