@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--ink:#060a09;--night:#0b1513;--emerald-deep:#0a2620;--emerald:#134b3e;--gold-light:#f3dda6;--gold:#d4af6a;--gold-dark:#9a783a;--ivory:#f5eee1;--sand:#a59d8c;--gold-gradient:linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));--hairline:linear-gradient(135deg, #f3dda68c, #d4af6a1f, #f3dda659);--card-gradient:linear-gradient(180deg, var(--emerald-deep), var(--night));--hero-gradient:linear-gradient(135deg, var(--emerald), var(--emerald-deep), var(--ink));--divider:#d4af6a1f;--font-display:"New York", ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-arabic:"Amiri", "Geeza Pro", "Noto Naskh Arabic", serif;--font-body:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--sidebar:248px;--panel:372px;--spring:cubic-bezier(.34, 1.36, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%;scrollbar-color:#d4af6a4d transparent}body{background:var(--ink);min-height:100dvh;color:var(--ivory);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.4}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;text-align:start;background:0 0;border:0;padding:0}button:disabled{cursor:default}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:10px}::selection{background:#d4af6a59}.gold{color:var(--gold)}.gold-light{color:var(--gold-light)}.sand{color:var(--sand)}.gold-text{background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.gold-fill{color:var(--gold)}.arabic{font-family:var(--font-arabic)}.center{text-align:center}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.stack{flex-direction:column;gap:20px;display:flex}.stack-sm{flex-direction:column;gap:14px;display:flex}.stack-lg{flex-direction:column;gap:30px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pressable{transition:transform .25s var(--spring), opacity .2s}.pressable:active:not(:disabled){opacity:.85;transform:scale(.95)}.round{border-radius:50%}.eyebrow{letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:11px;font-weight:650;font-stretch:112%}:lang(ar) .eyebrow,:lang(ur) .eyebrow,:lang(fa) .eyebrow,:lang(bn) .eyebrow{letter-spacing:0;text-transform:none;font-size:13px}.display-title{font-family:var(--font-display);color:var(--ivory);letter-spacing:-.01em;font-size:32px;font-weight:600;line-height:1.15}.display-title--small{font-size:22px}:lang(ar) .display-title,:lang(ur) .display-title,:lang(fa) .display-title{font-family:var(--font-arabic);font-weight:700}.surah-title{font-family:var(--font-display);font-weight:600}:lang(ar) .surah-title,:lang(ur) .surah-title,:lang(fa) .surah-title{font-family:var(--font-arabic);font-size:1.15em;font-weight:700}.footnote{color:var(--sand);font-size:12.5px;line-height:1.45}.error-text{color:#ff8a80;font-size:12.5px}.empty{text-align:center;color:var(--sand);padding:40px 0}.backdrop{z-index:-1;background:radial-gradient(520px 520px at 50% 0, #134b3e8c, transparent 70%), radial-gradient(320px 320px at 85% 0, #d4af6a1a, transparent 70%), var(--ink);position:fixed;inset:0}.backdrop__pattern,.pattern{pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.backdrop__pattern{-webkit-mask-image:linear-gradient(#000,#0003 60%,#0000);mask-image:linear-gradient(#000,#0003 60%,#0000)}.card{background:var(--card-fill,var(--card-gradient));border-radius:24px;position:relative}.card:before,.hero-card:before,.favorite-card:before,.mini-player:before,.tab-bar:before,.modal__body:before{content:"";border-radius:inherit;background:var(--hairline);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:.8px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.card--night{--card-fill:#0b1513cc;border-radius:16px}.list>*+*{border-top:.5px solid var(--divider)}.list{border-radius:20px;overflow:hidden}.list-row{align-items:center;gap:14px;width:100%;padding:14px 18px;transition:background .2s;display:flex}.list-row:hover{background:#d4af6a0d}.list-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-row__text small,.toggle-row small{color:var(--sand);font-size:12.5px}.list-block{padding:12px 18px 14px}.hero-card{isolation:isolate;background:var(--hero-gradient);border-radius:30px;flex-direction:column;gap:16px;width:100%;min-height:220px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000080}.hero-card>*{position:relative}.hero-card>.pattern,.hero-card>.hero-card__glow,.hero-card>.hero-card__symbol{position:absolute}.hero-card__glow{pointer-events:none;background:radial-gradient(260px 260px at 100% 0,#d4af6a2e,#0000 70%);inset:0}[dir=rtl] .hero-card__glow{background:radial-gradient(260px 260px at 0 0,#d4af6a2e,#0000 70%)}.hero-card__symbol{top:-10px;color:#d4af6a12;pointer-events:none;inset-inline-end:-30px}.hero-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-card__arabic{font-size:22px;font-weight:700}.hero-card__row{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;display:flex}.hero-card__row .display-title{font-size:34px}.hero-card__time{font-family:var(--font-display);color:#f5eee1bf;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.hero-card__countdown{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.hero-card__countdown small{color:var(--sand);font-size:12px}.hero-card__countdown strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.pill{color:var(--gold-light);white-space:nowrap;background:#060a0959;border:.6px solid #d4af6a66;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.chip{color:var(--gold-light);background:#0b1513b3;border:.6px solid #d4af6a59;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.now-pill{color:var(--ink);background:var(--gold-gradient);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.section-title{color:var(--gold);align-items:center;gap:10px;display:flex}.section-title__star{color:var(--gold);flex:none}.section-title h2{white-space:nowrap}.section-title__line{background:linear-gradient(90deg,#d4af6a66,#0000);flex:1;height:.6px}[dir=rtl] .section-title__line{background:linear-gradient(270deg,#d4af6a66,#0000)}.section-title__trailing{color:var(--sand);font-variant-numeric:tabular-nums;font-size:11px}.number-badge{color:var(--gold-light);flex:none;place-items:center;display:inline-grid;position:relative}.number-badge svg{width:100%;height:100%;position:absolute;inset:0}.number-badge span{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600;line-height:1;position:relative}.number-badge.is-active{color:var(--ink)}.gold-play{color:var(--ink);background:var(--gold-gradient);border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 4px 16px #d4af6a59,inset 0 0 0 .8px #f3dda6cc}.progress{background:#f5eee11f;border-radius:999px;width:100%;position:relative}.progress__fill{background:var(--gold-gradient);border-radius:999px;height:100%;transition:width .4s;box-shadow:0 0 6px #d4af6a99}.playing-bars{color:var(--gold);display:inline-flex}.playing-bars.is-animating svg{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.icon-button{width:36px;height:36px;color:var(--gold-light);background:#0b1513cc;border:.8px solid #d4af6a59;border-radius:50%;place-items:center;display:grid}.capsule-button{width:100%;color:var(--ink);background:var(--gold-gradient);transition:transform .25s var(--spring), filter .2s;border:.8px solid #f3dda6b3;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:600;display:inline-flex}.capsule-button:hover{filter:brightness(1.06)}.capsule-button:active:not(:disabled){transform:scale(.97)}.capsule-button--outline{color:var(--gold-light);background:#0b151399;border-color:#d4af6a73}.search-field{align-items:center;gap:10px;min-height:48px;padding:0 16px;display:flex}.search-field input{min-width:0;color:var(--ivory);background:0 0;border:0;outline:0;flex:1;padding:13px 0}.search-field input::placeholder{color:var(--sand)}.search-field input::-webkit-search-cancel-button{display:none}.search-field:focus-within{box-shadow:0 0 0 1.5px #d4af6a8c}.search-field__clear{color:var(--sand);display:grid}.segmented{background:#0b1513cc;border:.6px solid #d4af6a40;border-radius:12px;gap:3px;padding:3px;display:flex}.segmented button{text-align:center;color:var(--sand);border:.6px solid #0000;border-radius:9px;flex:1;padding:7px 10px;font-size:13px;font-weight:600;transition:background .25s,color .25s}.segmented button.is-selected{color:var(--gold-light);background:#d4af6a24;border-color:#d4af6a59}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;position:relative}.toggle-row__text{flex-direction:column;gap:2px;display:flex}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:#78788052;border-radius:999px;flex:none;width:51px;height:31px;transition:background .25s;position:relative}.switch:after{content:"";top:2px;width:27px;height:27px;transition:transform .3s var(--spring);background:#fff;border-radius:50%;position:absolute;inset-inline-start:2px;box-shadow:0 3px 8px #00000040}.toggle-row input:checked+.switch{background:var(--gold-gradient)}.toggle-row input:checked+.switch:after{transform:translate(20px)}[dir=rtl] .toggle-row input:checked+.switch:after{transform:translate(-20px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:2px}.select-row{cursor:pointer;align-items:center;gap:12px;padding:12px 18px;display:flex;position:relative}.select-row__text{flex-direction:column;flex:1;gap:3px;display:flex}.select-row__text small{color:var(--sand);font-size:12px}.select-row__text em{color:var(--gold-light);font-size:12px;font-style:normal}.select-row select{opacity:0;cursor:pointer;position:absolute;inset:0}.select-row:focus-within{background:#d4af6a0d}.ornament-divider{color:#d4af6ab3;align-items:center;gap:10px;padding:0 30px;display:flex}.ornament-divider span{background:#d4af6a4d;flex:1;height:.6px}.divider-label{width:100%;color:var(--sand);align-items:center;gap:12px;font-size:13px;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--divider);flex:1;height:.5px}.slider{appearance:none;background:linear-gradient(90deg, var(--gold) var(--fill,0%), #f5eee126 var(--fill,0%));outline-offset:6px;border-radius:999px;width:100%;height:4px}[dir=rtl] .slider{background:linear-gradient(270deg, var(--gold) var(--fill,0%), #f5eee126 var(--fill,0%))}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 2px 8px #0006}.slider::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:26px;height:26px}.shell{min-height:100dvh}.sidebar,.now-playing{display:none}.main{padding:max(20px, env(safe-area-inset-top)) 20px calc(110px + env(safe-area-inset-bottom));container:main/inline-size}.shell.has-audio .main{padding-bottom:calc(190px + env(safe-area-inset-bottom))}.main__inner{max-width:1080px;margin:0 auto}.page{animation:.35s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.bottom-bar{inset-inline:0;z-index:20;padding:0 14px calc(6px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0}.bottom-bar>*{pointer-events:auto;width:100%;max-width:640px;margin:0 auto}.tab-bar{-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#0b1513d9;border-radius:999px;gap:4px;padding:5px;display:flex;position:relative;box-shadow:0 10px 30px #0000008c}.tab-bar__item{color:var(--sand);border:.6px solid #0000;border-radius:999px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:9px 4px;font-size:11px;font-weight:600;transition:background .3s,color .3s;display:flex}.tab-bar__item.is-active{color:var(--gold-light);background:#d4af6a21;border-color:#d4af6a59}.tab-bar__item.is-active svg{color:var(--gold)}.mini-player{-webkit-backdrop-filter:blur(20px)saturate(1.4);animation:rise .4s var(--spring) both;background:#0b1513d1;border-radius:24px;align-items:center;gap:10px;padding:10px 8px 10px 10px;display:flex;position:relative;box-shadow:0 10px 30px #0009}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.mini-player__info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mini-player__text{flex-direction:column;gap:2px;min-width:0;display:flex}.mini-player__text strong{font-size:16px}.mini-player__text small{color:var(--sand);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-player__skip{width:36px;height:44px;color:var(--ivory);place-items:center;display:grid}.mini-player__progress{inset-inline:24px;position:absolute;bottom:1px}.surah-cover{flex:none;display:block;box-shadow:inset 0 0 0 1px #d4af6a66}.mobile-only{display:block}@media (min-width:1024px){.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);display:grid}.sidebar{border-inline-end:.6px solid var(--divider);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#0a262073,#060a0999);flex-direction:column;gap:34px;height:100dvh;padding:28px 18px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.main{padding:36px 40px 48px}.shell.has-audio .main{padding-bottom:120px}.tab-bar,.mobile-only{display:none}.bottom-bar{padding-bottom:16px;inset-inline-start:var(--sidebar)}}@media (min-width:1280px){.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr) var(--panel)}.now-playing{border-inline-start:.6px solid var(--divider);background:linear-gradient(#0a262059,#060a0980);height:100dvh;padding:26px 24px 20px;display:flex;position:sticky;top:0}.bottom-bar{display:none}.shell.has-audio .main{padding-bottom:48px}}@media (min-width:1600px){:root{--panel:440px;--sidebar:276px}}.brand{align-items:center;gap:12px;padding:0 6px;display:flex}.brand__emblem{filter:drop-shadow(0 4px 12px #d4af6a40);width:44px;height:44px}.brand strong{font-family:var(--font-display);color:var(--ivory);font-size:23px;font-weight:600;display:block}.brand small{color:var(--gold);font-size:11.5px;line-height:1.3;display:block}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__link{color:var(--sand);border:.6px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:11px 14px;font-weight:600;transition:background .2s,color .2s;display:flex}.sidebar__link:hover{color:var(--ivory);background:#d4af6a0d}.sidebar__link.is-active{color:var(--gold-light);background:#d4af6a21;border-color:#d4af6a59}.sidebar__link.is-active svg{color:var(--gold)}.sidebar__footer{flex-direction:column;gap:18px;margin-top:auto;display:flex}.app-card{border-radius:18px;gap:12px;padding:16px;display:flex}.app-card span{flex-direction:column;gap:4px;display:flex}.app-card small{color:var(--sand);font-size:12px}.app-card em{color:var(--gold-light);font-size:12.5px;font-style:normal;font-weight:600}.sidebar__links{color:var(--sand);flex-direction:column;gap:8px;padding:0 8px;font-size:12.5px;display:flex}.sidebar__links a{align-items:center;gap:6px;display:inline-flex}.sidebar__links a:hover{color:var(--gold-light)}.player{flex-direction:column;gap:16px;width:100%;min-height:0;display:flex}.now-playing .player{height:100%}.player__top{align-items:center;gap:10px;display:flex;position:relative}.player__top .eyebrow{flex:1}.player--compact .player__top .eyebrow{text-align:center}.player.is-fullscreen{isolation:isolate;background:radial-gradient(900px 600px at 50% 0, #134b3e99, transparent 70%), radial-gradient(500px 400px at 90% 0, #d4af6a1a, transparent 70%), var(--ink);gap:22px;height:100%;padding:32px max(40px,50% - 560px) 28px;position:relative;overflow:hidden}.player.is-fullscreen--fallback{z-index:100;position:fixed;inset:0}.player:fullscreen{width:100vw;height:100vh}.player__pattern{z-index:-1;-webkit-mask-image:linear-gradient(#000,#00000040 70%,#0000);mask-image:linear-gradient(#000,#00000040 70%,#0000)}.player.is-fullscreen .player__heading h2{font-size:32px}.player.is-fullscreen .player__heading p{font-size:15px}.player.is-fullscreen .ayah-card{border-radius:34px}.player.is-fullscreen .ayah-card__content{gap:30px;padding:40px 56px}.player.is-fullscreen .ayah-card__content>*{max-width:1000px}.player.is-fullscreen .ayah-card__arabic{font-size:clamp(34px,3.4vw,64px);line-height:2.05}.player.is-fullscreen .ayah-card__latin{font-size:clamp(17px,1.35vw,24px)}.player.is-fullscreen .ayah-card__meaning{font-size:clamp(20px,1.7vw,30px)}.player.is-fullscreen .ayah-card__meaning.is-rtl{font-size:clamp(23px,1.9vw,34px)}.player.is-fullscreen .ayah-card .ornament-divider{width:min(100%,420px)}.player.is-fullscreen .player__controls{gap:64px}.player.is-fullscreen .narration{align-self:center;width:min(100%,520px)}.rate-select{width:42px;height:42px;color:var(--gold-light);font-variant-numeric:tabular-nums;background:#0b1513cc;border:.8px solid #d4af6a59;border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative}.rate-select select{opacity:0;cursor:pointer;position:absolute;inset:0}.player__header{align-items:center;gap:14px;display:flex}.player__heading{flex:1;min-width:0}.player__heading h2{font-size:24px;line-height:1.2}.player__heading p{color:var(--sand);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.player__error{color:#ff8a80;align-items:center;gap:6px;font-size:13px;display:flex}.player__progress{flex-direction:column;gap:8px;display:flex}.player__progress-labels{color:var(--sand);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.player__controls{justify-content:center;align-items:center;gap:46px;display:flex}.control{width:52px;height:52px;color:var(--ivory);border-radius:50%;place-items:center;display:grid}.control:hover{background:#f5eee10f}.player__shortcuts{color:#a59d8cb3;text-align:center;font-size:11.5px}.player--compact .player__shortcuts{display:none}@media (hover:none){.player__shortcuts{display:none}}.player__empty{color:var(--sand);font-family:var(--font-display);opacity:.85;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:20px;display:flex}.player__empty svg{opacity:.5}.player__empty .capsule-button{width:auto;font-family:var(--font-body);padding:11px 20px;font-size:14px}.ayah-card{isolation:isolate;background:var(--card-gradient);border-radius:28px;flex:1;min-height:240px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .8px #d4af6a4d}.player--compact .ayah-card{flex:none;height:clamp(200px,100dvh - 500px,440px)}.icon-button--large{width:42px;height:42px}.ayah-card__share{top:12px;z-index:2;width:38px;height:38px;color:var(--gold-light);background:#060a098c;border:.6px solid #d4af6a59;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px}.ayah-card__scroll{scrollbar-width:none;flex:1;position:relative;overflow-y:auto}.ayah-card__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100%;padding:22px 20px;animation:.35s both ayah-in;display:flex}@keyframes ayah-in{0%{opacity:0;transform:translateY(18px)}}.ayah-card__arabic{color:var(--gold-light);font-size:30px;line-height:2;transition:opacity .3s}.ayah-card__latin{font-family:var(--font-display);color:#d4af6ad9;font-size:16px;font-style:italic;line-height:1.5;transition:opacity .3s}.ayah-card__meaning{font-family:var(--font-display);color:#f5eee1e6;font-size:18px;line-height:1.55;transition:opacity .3s}.ayah-card__meaning.is-rtl{font-family:var(--font-arabic);font-size:21px}.ayah-card__source{color:#a59d8cb3;font-size:11px}.ayah-card .ornament-divider{width:100%}.share{flex-direction:column;gap:14px;display:flex}.share__preview{--preview-height:min(46dvh, 440px);justify-content:center;display:flex}.share__preview canvas{border-radius:14px;max-width:100%;display:block;box-shadow:0 14px 40px #00000080}.share__preview--story canvas{height:var(--preview-height);width:auto}.share__preview--message canvas{width:100%;height:auto;max-height:var(--preview-height);object-fit:contain}.share__formats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.share__format{color:var(--ivory);background:#0b1513b3;border:.6px solid #d4af6a4d;border-radius:16px;align-items:center;gap:10px;padding:11px 14px;transition:background .25s,color .25s;display:flex}.share__format span{flex-direction:column;gap:1px;min-width:0;display:flex}.share__format strong{font-size:14px}.share__format small{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.share__format.is-selected{color:var(--ink);background:var(--gold-gradient);border-color:#0000}.share__options{flex-wrap:wrap;gap:10px;display:flex}.share__option{color:var(--sand);background:#0b1513b3;border:.6px solid #d4af6a40;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.share__option.is-on{color:var(--gold-light);border-color:#d4af6a99}.share__secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.share__secondary .capsule-button{padding:11px 14px;font-size:14px}.capsule-button:disabled{opacity:.5}.narration{border-radius:18px;grid-template-columns:repeat(3,1fr);gap:0;padding:4px;display:grid;position:relative}.narration__thumb{background:var(--gold-gradient);width:calc(33.3333% - 2.66667px);transition:inset-inline-start .35s var(--spring);border-radius:14px;position:absolute;top:4px;bottom:4px}.narration__option{z-index:2;color:var(--sand);flex-direction:column;align-items:center;gap:3px;padding:10px 4px;transition:color .25s,opacity .25s;display:flex;position:relative}.narration__option.is-selected{color:var(--ink)}.narration__option:disabled{opacity:.35}.narration__badge{height:24px;font-family:var(--font-arabic);font-size:19px;font-weight:700;line-height:24px}.narration__badge--latin{font-family:var(--font-display);font-size:15px}.narration__title{white-space:nowrap;font-size:11px;font-weight:500}.translation-link{--card-fill:#0b151399;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.translation-link__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.translation-link__text strong{font-size:14.5px}.translation-link__text small{color:var(--sand);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.translation-link__action{color:var(--gold-light);font-size:12px;font-weight:600}.modal{width:min(560px,100% - 32px);max-width:none;max-height:88dvh;color:var(--ivory);background:0 0;border:0;padding:0;overflow:visible}.modal--wide{width:min(640px,100% - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(6px);background:#0009}.modal[open]{animation:modal-in .3s var(--spring)}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.modal__body{background:radial-gradient(420px 300px at 50% 0, #134b3e80, transparent 70%), var(--ink);border-radius:28px;flex-direction:column;gap:18px;max-height:88dvh;padding:18px 22px 24px;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal__header{z-index:3;background:linear-gradient(180deg, var(--ink) 70%, transparent);justify-content:space-between;align-items:center;gap:12px;margin:-18px -22px 0;padding:18px 22px 10px;display:flex;position:sticky;top:-18px}.modal__title{font-family:var(--font-display);font-size:19px;font-weight:600}@media (max-width:640px){.modal,.modal--wide{width:100%;max-height:94dvh;margin:auto 0 0}.modal__body{max-height:94dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.modal[open]{animation:sheet-in .35s var(--spring)}@keyframes sheet-in{0%{opacity:0;transform:translateY(40%)}}}.home-header{flex-direction:column;gap:22px;display:flex}.home-header__brand p{font-size:15px;font-weight:500}.bismillah{color:var(--gold);direction:ltr;align-items:center;gap:14px;display:flex}.bismillah__text{white-space:nowrap;font-size:clamp(22px,4.6cqi,32px);font-weight:700;line-height:1.6}.bismillah__line{flex:1;align-items:center;gap:6px;display:flex}.bismillah__line:after,.bismillah__line--start:before{content:"";flex:1;height:.7px}.bismillah__line--start{flex-direction:row-reverse}.bismillah__line--start:before{background:linear-gradient(90deg,#0000,#d4af6a99)}.bismillah__line--end:after{background:linear-gradient(90deg,#d4af6a99,#0000)}.bismillah__line--start:after{display:none}.home-hero{gap:30px;display:grid}@container main (min-width:720px){.home-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}.home-hero__narration{justify-content:center}}.continue-card{text-align:start;min-height:262px}.continue-card__watermark{top:-40px;color:#d4af6a12;white-space:nowrap;pointer-events:none;font-size:120px;font-weight:700;line-height:1.6;position:absolute;inset-inline-end:-30px}.continue-card__body{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;display:flex}.continue-card__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.continue-card__arabic{font-size:26px;font-weight:700;line-height:1.5}.continue-card__name{color:var(--ivory);font-size:32px;line-height:1.15}.continue-card__ayah{color:#f5eee1b3;font-size:15px}.continue-card__progress{flex-direction:column;gap:8px;margin-top:2px;display:flex}.continue-card__labels{color:var(--sand);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.favorites{scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;margin:0 -20px;padding:2px 20px 6px;display:flex;overflow-x:auto}.favorites::-webkit-scrollbar{display:none}@container main (min-width:560px){.favorites{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;display:grid;overflow:visible}}@container main (min-width:940px){.favorites{grid-template-columns:repeat(8,minmax(0,1fr))}}.favorite-card{isolation:isolate;background:var(--card-gradient);scroll-snap-align:start;width:138px;height:176px;transition:transform .25s var(--spring), box-shadow .25s;border-radius:22px;flex-direction:column;flex:none;padding:14px;display:flex;position:relative;overflow:hidden}@container main (min-width:560px){.favorite-card{width:auto}}.favorite-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000073}.favorite-card.is-current:before{background:var(--gold-gradient);padding:1.2px}.favorite-card__top{justify-content:space-between;align-items:center;display:flex}.favorite-card__arabic{white-space:nowrap;flex:1;place-items:center;font-size:30px;font-weight:700;display:grid;overflow:hidden}.favorite-card__name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.favorite-card small{color:var(--sand);font-size:11px}.surah-tools{gap:12px;display:grid}@container main (min-width:700px){.surah-tools{grid-template-columns:minmax(240px,.6fr) 1fr;align-items:center}}.surah-list{padding:4px 0;display:grid}@container main (min-width:700px){.surah-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}}.surah-row{border-radius:16px;align-items:center;gap:14px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.surah-row:after{content:"";bottom:0;background:var(--divider);height:.5px;position:absolute;inset-inline:72px 0}.surah-row:hover{background:#d4af6a0f}.surah-row:hover:after{opacity:0}.surah-row__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.surah-row__name{font-size:18px;line-height:1.25}.surah-row.is-current .surah-row__name{color:var(--gold-light)}.surah-row__meta{color:var(--sand);white-space:nowrap;gap:5px;font-size:12px;display:flex;overflow:hidden}.surah-row__arabic{color:#d4af6ad9;white-space:nowrap;font-size:22px}.surah-row__secondary{font-family:var(--font-display);color:var(--sand);font-size:13px}.back-link{color:var(--gold);align-items:center;gap:4px;margin-bottom:18px;font-size:14px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--gold-light)}.surah-page__layout{gap:32px;display:grid}@container main (min-width:760px){.surah-page__layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:40px}.surah-page__aside{position:sticky;top:24px}}.surah-header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.surah-header .surah-cover{margin-top:8px;box-shadow:0 10px 40px #d4af6a2e,inset 0 0 0 1px #d4af6a66}.surah-header__names{flex-direction:column;display:flex}.surah-header__arabic{font-size:34px;font-weight:700;line-height:1.6}.surah-header__name{font-size:30px;line-height:1.15}.ayah-picker{flex-direction:column;gap:18px;padding:18px;display:flex}.ayah-picker__stepper{justify-content:space-between;align-items:center;display:flex}.ayah-picker__value{flex-direction:column;align-items:center;display:flex}.ayah-picker__value strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:44px;font-weight:500;line-height:1.1}.ayah-picker__value small{color:var(--sand);font-size:12px}.step-button{width:48px;height:48px;color:var(--gold-light);background:#060a0980;border:.8px solid #d4af6a73;border-radius:50%;place-items:center;display:grid}.step-button:disabled{color:#a59d8c66;border-color:#d4af6a26}.ayah-list{padding:6px 0;overflow:hidden}.ayah-list ol{margin:0;padding:0;list-style:none}.ayah-list__basmala{text-align:center;border-bottom:.5px solid var(--divider);padding:18px 20px 14px;font-size:28px;font-weight:700;line-height:1.8}.ayah-list__basmala.is-current{background-color:#d4af6a14}.ayah-item{grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 20px 22px;scroll-margin:120px;transition:background .3s;display:grid}.ayah-item+.ayah-item{border-top:.5px solid var(--divider)}.ayah-item.is-current{background:#d4af6a12}.ayah-item__side{flex-direction:column;align-items:center;gap:10px;display:flex}.ayah-item__play{width:32px;height:32px;color:var(--gold);opacity:.75;background:#060a0980;border:.6px solid #d4af6a59;border-radius:50%;place-items:center;transition:opacity .2s;display:grid}.ayah-item:hover .ayah-item__play,.ayah-item.is-current .ayah-item__play,.ayah-item__play:focus-visible{opacity:1}.ayah-item__texts{flex-direction:column;gap:12px;display:flex}.ayah-item__arabic{color:var(--gold-light);font-size:27px;line-height:2.05}.ayah-item__latin{font-family:var(--font-display);color:#d4af6ad9;font-size:15px;font-style:italic;line-height:1.5}.ayah-item__meaning{font-family:var(--font-display);color:#f5eee1e0;font-size:17px;line-height:1.6}.ayah-item__meaning.is-rtl{font-family:var(--font-arabic);font-size:20px}.page-header{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.page-header__row{justify-content:space-between;align-items:baseline;gap:12px;width:100%;display:flex}.page-header__hijri{font-size:18px;font-weight:700}.page-header__date{color:var(--sand);font-size:13px}.place-button{background:#0b1513b3;border:.8px solid #d4af6a59;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:500;display:inline-flex}.place-button span{white-space:nowrap;text-overflow:ellipsis;max-width:60vw;overflow:hidden}.prayer-layout{gap:30px;display:grid}@container main (min-width:720px){.prayer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.prayer-list{padding:4px 0;overflow:hidden}.prayer-row{align-items:center;gap:14px;padding:12px 16px;transition:opacity .3s;display:flex;position:relative}.prayer-row+.prayer-row:before{content:"";top:0;background:var(--divider);height:.5px;position:absolute;inset-inline:68px 0}.prayer-row.is-current{background:#d4af6a14}.prayer-row.is-passed{opacity:.55}.prayer-row__icon{width:38px;height:38px;color:var(--gold);background:#060a0980;border:.6px solid #d4af6a4d;border-radius:50%;flex:none;place-items:center;display:grid}.prayer-row.is-current .prayer-row__icon{color:var(--ink);background:var(--gold-gradient);border-color:#0000}.prayer-row__names{flex-direction:column;flex:1;min-width:0;display:flex}.prayer-row__names strong{font-family:var(--font-display);font-size:18px;font-weight:600}.prayer-row.is-current .prayer-row__names strong,.prayer-row.is-current .prayer-row__time{color:var(--gold-light)}.prayer-row__names small{color:var(--sand);font-size:14px;line-height:1.3}.prayer-row__time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:21px;font-weight:500}.bell{color:#a59d8cb3;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.bell.is-on{color:var(--gold)}.bell:hover{background:#d4af6a14}.notice{border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.notice span{flex-direction:column;gap:2px;display:flex}.notice small{color:var(--sand);font-size:12.5px}.prayer-footer{text-align:center;flex-direction:column;gap:6px;display:flex}.location-prompt{text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;display:flex}.location-prompt>p{max-width:460px}.location-prompt .capsule-button{max-width:360px}.location-prompt__icon{color:var(--emerald-deep);filter:drop-shadow(0 0 .8px var(--gold)) drop-shadow(0 0 .8px var(--gold));place-items:center;display:grid;position:relative}.location-prompt__icon>:last-child{color:var(--gold);position:absolute}.location-prompt__search{text-align:start;width:100%;max-width:460px}.mini-times{align-items:center;margin-top:4px;display:flex}.mini-times>span:not(.mini-times__divider){flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.mini-times small{color:var(--sand);font-size:11px}.mini-times strong{font-variant-numeric:tabular-nums;font-size:15px}.mini-times__divider{background:#d4af6a40;width:.6px;height:30px}.timetable{padding:4px 0;overflow:hidden}.timetable__head,.timetable__row{grid-template-columns:40px minmax(0,1fr) 70px 70px;align-items:center;gap:10px;padding:10px 16px;display:grid}.timetable__head{color:var(--gold);font-size:11px;font-weight:600}.timetable__head span:nth-child(n+3),.timetable__time{text-align:end}.timetable__row{width:100%}.timetable__day{position:relative}.timetable__day:after{content:"";bottom:0;background:var(--divider);height:.5px;position:absolute;inset-inline:56px 0}.timetable__day.is-today{background:#d4af6a14}.timetable__date{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.timetable__day.is-today .timetable__date{color:var(--gold-light);font-weight:600}.timetable__time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:16px}.timetable__all{text-align:center;background:#060a0959;border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 16px 12px;padding:8px 0;animation:.25s both page-in;display:grid}.timetable__all span{flex-direction:column;gap:3px;display:flex}.timetable__all small{color:var(--sand);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.timetable__all strong{font-variant-numeric:tabular-nums;font-size:12.5px}.settings{flex-direction:column;gap:28px;display:flex}.settings__grid{gap:30px;display:grid}@container main (min-width:760px){.settings__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.legal{flex-direction:column;gap:24px;max-width:720px;display:flex}.legal__section{flex-direction:column;gap:8px;display:flex}.legal__section h2{font-family:var(--font-display);font-size:19px;font-weight:600}.legal__section p{color:var(--sand);line-height:1.6}.legal__contact a{color:var(--gold);align-items:center;gap:8px;font-weight:600;display:inline-flex}.support-mail{border-radius:20px;align-items:flex-start;gap:14px;padding:18px;display:flex}.support-mail span{flex-direction:column;gap:6px;display:flex}.support-mail a{font-family:var(--font-display);color:var(--gold-light);font-size:20px;font-weight:600}.support-mail small{color:var(--sand);font-size:13px;line-height:1.5}.support-path{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.support-path span{align-items:center;gap:6px;display:inline-flex}.source-card{border-radius:20px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.source-card p{color:var(--sand);font-size:13px;line-height:1.5}.source-card small{font-size:12px}.source-card__links{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.source-card__links a{color:var(--gold);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.credit-list__row{justify-content:space-between;gap:16px;padding:10px 18px;font-size:14px;display:flex}.credit-list__row small{color:var(--sand);text-align:end}.not-found{text-align:center;align-items:center;padding-top:12vh}.not-found .capsule-button{max-width:280px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}