@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Regular.woff2);font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-Bold.woff2);font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal-ExtraBold.woff2);font-weight:800 900;font-display:swap}@font-face{font-family:ReemKufi;src:url(../fonts/ReemKufi-Bold.woff2);font-weight:700;font-display:swap}@font-face{font-family:Hafs;src:url(../fonts/UthmanicHafs18.woff2);font-display:block}@font-face{font-family:HafsSplash;src:url(../fonts/HafsSplash.woff2);font-display:block}:root{--bg: #000;--bg2: #121110;--surface: #0e0d0b;--card: rgba(255,255,255,.055);--line: rgba(226,194,117,.16);--ink: #fff;--muted: rgba(255,255,255,.62);--faint: rgba(255,255,255,.38);--gold: #e2c275;--gold2: #c9a44c;--red: #e5484d;--amber: #f5a524;--paper: #0a0908;--page-ink: #fff;--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--r: 22px;--gold-t: #f3d58a;--gold-d: #c08a2e;--emerald-t: #5ee3b0;--emerald-d: #0e9f6e;--sapphire-t: #8ab8ff;--sapphire-d: #2f62e0;--amethyst-t: #d3a6ff;--amethyst-d: #7c3aed;--rose-t: #ff9bb0;--rose-d: #e0365f;--amber-t: #ffcb6b;--amber-d: #ea7a12;--teal-t: #6be6da;--teal-d: #0f8f84;--sky-t: #9edcff;--sky-d: #168acf;--coral-t: #ffb199;--coral-d: #e2553a;--slate-t: #d5dbe5;--slate-d: #64748b}[data-theme=light]{--bg: #fcfaf5;--bg2: #f4eddf;--surface: #fff;--card: rgba(0,0,0,.04);--line: rgba(168,129,47,.22);--ink: #0e1b17;--muted: rgba(14,27,23,.64);--faint: rgba(14,27,23,.4);--gold: #a8812f;--gold2: #c9a44c;--paper: #fffdf8;--page-ink: #1b1408}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}html{touch-action:manipulation;background:var(--bg)}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:Tajawal,system-ui,sans-serif;font-size:15px;line-height:1.6;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select{font:inherit;color:var(--ink)}svg{width:24px;height:24px;fill:currentColor;flex:none}.hidden,[hidden]{display:none!important}.splash{position:fixed;inset:0;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#2a2010 0,#000 62%);transition:opacity .35s}.splash.out{opacity:0;pointer-events:none}.splash-mark{font-family:HafsSplash,Hafs,serif;font-size:72px;color:var(--gold);text-shadow:0 0 40px rgba(226,194,117,.45)}.splash-note{position:absolute;bottom:calc(52px + var(--safe-b));text-align:center;color:#f7e2a3bf;font-size:13px;padding:0 20px}.splash-by{position:absolute;bottom:calc(26px + var(--safe-b));color:var(--gold);letter-spacing:3px;font-weight:800;font-size:13px}.view{min-height:100%;padding:calc(var(--safe-t) + 8px) 16px calc(var(--nav-h) + var(--safe-b) + 24px);max-width:760px;margin:0 auto}.view.full{padding:0;max-width:none}.view.in{animation:viewIn .2s ease-out}.view.full.in{animation:fadeIn .18s ease-out}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}}@keyframes fadeIn{0%{opacity:0}}.spin{width:30px;height:30px;margin:30vh auto 0;border-radius:50%;border:3px solid var(--line);border-top-color:var(--gold);opacity:0;animation:spin .8s linear infinite,show 0s .25s forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes show{to{opacity:1}}a,button{-webkit-user-select:none;user-select:none}a,button,.card{transition:transform .14s ease,opacity .14s,background .2s,border-color .2s}a:active,button:active{transform:scale(.97)}.list>a:active,.list>button:active{transform:none;background:#e2c27514}.bar>i{transition:width .35s ease}.view.in .card,.view.in .section,.view.in .chips{animation:rise .38s backwards cubic-bezier(.2,.8,.2,1)}.view.in :nth-child(2).card{animation-delay:.04s}.view.in :nth-child(3).card{animation-delay:.08s}.view.in :nth-child(4).card{animation-delay:.12s}.view.in :nth-child(5).card{animation-delay:.16s}.view.in :nth-child(6).card{animation-delay:.2s}.view.in :nth-child(n+7).card{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.nav a{transition:background .15s,padding .15s}.nav{position:fixed;z-index:20;inset:auto 10px calc(8px + var(--safe-b)) 10px;height:var(--nav-h);max-width:740px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;border-radius:26px;padding:0 6px;background:#0e0d0bf5;border:1px solid var(--line);box-shadow:0 10px 30px #00000080}[data-theme=light] .nav{background:#fffffff7}.nav a{display:flex;align-items:center;gap:6px;height:46px;padding:0 10px;border-radius:18px;color:var(--muted);font-weight:800;font-size:13px}.nav a span{display:none}.nav a.on{color:#000;background:linear-gradient(135deg,var(--t, var(--gold-t)),var(--d, var(--gold-d)));padding:0 16px}.nav a.on span{display:inline}.nav.hide{transform:translateY(140%)}.nav{transition:transform .22s ease}.top{display:flex;align-items:center;gap:12px;padding:6px 0 14px}.top h1{margin:0;font-family:ReemKufi,Tajawal;font-size:26px;line-height:1.3;color:var(--gold)}.top p{margin:0;color:var(--muted);font-size:13px}.top .grow{flex:1;min-width:0}.back{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--gold);flex:none}.ticon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--t),var(--d));box-shadow:0 6px 18px color-mix(in srgb,var(--d) 40%,transparent)}.ticon svg{width:28px;height:28px}.section{display:flex;align-items:center;gap:8px;margin:22px 0 10px;font-family:ReemKufi,Tajawal;font-size:19px;color:var(--ink)}.section:before{content:"\2726";color:var(--gold);font-size:14px}.t-gold{--t: var(--gold-t);--d: var(--gold-d)}.t-emerald{--t: var(--emerald-t);--d: var(--emerald-d)}.t-sapphire{--t: var(--sapphire-t);--d: var(--sapphire-d)}.t-amethyst{--t: var(--amethyst-t);--d: var(--amethyst-d)}.t-rose{--t: var(--rose-t);--d: var(--rose-d)}.t-amber{--t: var(--amber-t);--d: var(--amber-d)}.t-teal{--t: var(--teal-t);--d: var(--teal-d)}.t-sky{--t: var(--sky-t);--d: var(--sky-d)}.t-coral{--t: var(--coral-t);--d: var(--coral-d)}.t-slate{--t: var(--slate-t);--d: var(--slate-d)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card+.card{margin-top:12px}.grid>.card,.grid3>.card,.grid>.card+.card,.grid3>.card+.card{margin-top:0}.solid{color:#fff;border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--t) 55%,var(--d)),var(--d) 60%,color-mix(in srgb,var(--d) 62%,#000))}.wash{background:linear-gradient(135deg,color-mix(in srgb,var(--t) 20%,transparent),color-mix(in srgb,var(--t) 4%,transparent));border-color:color-mix(in srgb,var(--t) 30%,transparent)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (min-width: 600px){.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.tile{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-height:112px}.tile b{font-size:16px}.tile small{color:var(--muted);font-size:12px}.solid small{color:#fffc}.qa{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;text-align:center;font-weight:800;font-size:13px}.qa .ticon{width:48px;height:48px}.row{display:flex;align-items:center;gap:12px}.row .grow{flex:1;min-width:0}.list>*{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06);width:100%;text-align:right}.list>*>.grow{flex:1;min-width:0}[data-theme=light] .list>*{border-bottom-color:#0000000f}.list>*:last-child{border-bottom:0}.num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:800;font-size:13px;color:var(--gold);background:#e2c2751f}.muted{color:var(--muted)}.small{font-size:12.5px}.gold{color:var(--gold)}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:16px;font-weight:800;background:linear-gradient(135deg,var(--gold-t),var(--gold-d));color:#1a1205}.btn.ghost{background:var(--card);color:var(--gold);border:1px solid var(--line)}.btn.block{display:flex;width:100%}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;font-weight:800;font-size:13px;color:var(--gold);background:#c9a44c24;border:1px solid rgba(226,194,117,.5);white-space:nowrap}.chip.on{background:var(--gold);color:#1a1205}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.field{width:100%;height:48px;border-radius:16px;border:1px solid var(--line);background:var(--card);padding:0 14px;outline:none}.bar{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.bar>i{display:block;height:100%;background:var(--gold);border-radius:3px}.solid .bar{background:#ffffff40}.solid .bar>i{background:#fff}.switch{position:relative;width:50px;height:30px;border-radius:15px;background:#fff3;flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:var(--gold2)}.switch.on:after{transform:translate(-20px)}.quran{font-family:Hafs,serif;font-size:23px;line-height:2.1}.toast{position:fixed;z-index:60;left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 24px);transform:translate(-50%);background:#1d1a14;color:#fff;padding:10px 18px;border-radius:14px;border:1px solid var(--line);font-size:14px;max-width:90vw}.sheet{position:fixed;inset:0;z-index:40;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s}.sheet.closing{animation:fadeOut .18s forwards}.sheet.closing .sheet-card{animation:down .18s ease-in forwards}@keyframes fadeOut{to{opacity:0}}@keyframes down{to{transform:translateY(30%)}}.sheet-card{width:100%;max-width:760px;max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border-radius:26px 26px 0 0;border:1px solid var(--line);border-bottom:0;padding-bottom:var(--safe-b);animation:up .22s ease}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#fff3;margin:10px auto 4px;flex:none}.sheet-body{overflow-y:auto;padding:8px 16px 18px;-webkit-overflow-scrolling:touch}.sheet h3{margin:6px 0 12px;text-align:center;font-size:18px}@keyframes up{0%{transform:translateY(40%);opacity:.4}}.hero{position:relative;overflow:hidden}.hero .big{font-size:34px;font-weight:900;line-height:1.2}.verse{font-family:Hafs,serif;font-size:22px;line-height:2;text-align:center;color:var(--ink)}.ptimes>div{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:18px;margin-bottom:8px;background:var(--card);border:1px solid var(--line);font-weight:800;font-size:17px}.ptimes>div.next{color:#fff;border:0;background:linear-gradient(135deg,var(--sapphire-t),var(--sapphire-d))}.ptimes span.t{font-variant-numeric:tabular-nums}.thikr{position:relative}.thikr .txt{font-size:19px;line-height:2;font-family:Tajawal,Hafs,serif}.thikr .count{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}.counter{min-width:120px;height:52px;border-radius:18px;font-size:20px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--rose-t),var(--rose-d))}.thikr{transition:opacity .35s,transform .35s}.thikr.done{opacity:.5;transform:scale(.98)}.thikr.done .counter{background:var(--emerald-d)}.counter.pop{animation:pop .28s ease}.bead{position:absolute;inset:16px;border-radius:50%;display:grid;place-items:center;overflow:hidden;touch-action:manipulation;font-size:64px;font-weight:900;color:#fff;user-select:none;background:radial-gradient(circle at 35% 30%,var(--teal-t),var(--teal-d) 70%);box-shadow:0 18px 50px #0f8f8473}.bead{transition:transform .12s}.bead:active{transform:scale(.96)}.beadwrap{position:relative;width:min(76vw,320px);aspect-ratio:1;margin:16px auto}.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3}.ring .rbg{stroke:#6be6da26}.ring .rfg{stroke:var(--teal-t);stroke-linecap:round;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 4px rgba(107,230,218,.6))}.ripple{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#ffffff73;pointer-events:none;animation:ripple .6s ease-out forwards}@keyframes ripple{to{transform:scale(18);opacity:0}}.bead.done{animation:doneGlow .7s ease}@keyframes doneGlow{30%{box-shadow:0 0 0 14px #6be6da59,0 18px 50px #0f8f8473;transform:scale(1.04)}}.tphrase{margin-top:16px;font-size:24px;font-weight:800;min-height:40px}.tphrase.swap{animation:swapIn .4s ease}@keyframes swapIn{0%{opacity:0;transform:translateY(-10px)}}.pop{display:inline-block;animation:pop .28s ease}@keyframes pop{40%{transform:scale(1.22)}}.compass{position:relative;width:min(80vw,320px);aspect-ratio:1;margin:20px auto;border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle,rgba(255,203,107,.08),transparent 70%)}.compass .dial,.compass .needle{position:absolute;inset:0;transition:transform .25s ease-out}.compass .needle:before{content:"";position:absolute;left:50%;top:8%;width:6px;height:42%;transform:translate(-50%);border-radius:3px;background:linear-gradient(var(--amber-t),var(--amber-d))}.compass .kaaba{position:absolute;left:50%;top:2%;transform:translate(-50%);font-size:26px}.compass .n{position:absolute;left:50%;top:6px;transform:translate(-50%);color:var(--red);font-weight:900}.player{position:fixed;z-index:19;left:10px;right:10px;bottom:calc(var(--nav-h) + var(--safe-b) + 14px);max-width:740px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:20px;background:#17140e;border:1px solid var(--line)}[data-theme=light] .player{background:#fff}.player .grow{flex:1;min-width:0}.player b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.player small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player{overflow:hidden;animation:up .25s ease}.player .pline{position:absolute;left:0;right:0;bottom:0;height:3px;background:#e2c27526}.player .pline>i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s linear}.live{color:var(--red);font-weight:800}.live:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-left:4px;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.2}}.fp{text-align:center}.fp-art{width:120px;height:120px;margin:6px auto 14px;border-radius:36px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--amethyst-t),var(--amethyst-d));box-shadow:0 14px 40px #7c3aed59;transition:transform .3s}.fp-art svg{width:56px;height:56px}.fp-art.on{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.06)}}.pbtn.big{width:70px;height:70px}.pbtn.big svg{width:34px;height:34px}.pbtn.big2 svg{width:30px;height:30px}.seek{width:100%;accent-color:var(--gold);margin-top:14px}.cnt{min-width:44px;text-align:center;font-size:17px}.pbtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1a1205;flex:none}.pbtn.ghost{background:transparent;color:var(--gold)}.mushaf{position:fixed;inset:0;background:var(--paper);z-index:5}.pages{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;direction:rtl}.pages::-webkit-scrollbar{display:none}.mpage{flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;position:relative;contain:strict}.mpage .inner{position:absolute;left:0;right:0;width:min(calc(100% - 12px),calc((100dvh - 16px)*.66));top:calc(var(--safe-t) + 8px);bottom:calc(var(--safe-b) + 8px);margin:0 auto}.mushaf:before,.mushaf:after{content:"";position:absolute;left:0;right:0;z-index:5;pointer-events:none;transition:opacity .22s}.mushaf:before{top:0;height:calc(var(--safe-t) + 70px);background:linear-gradient(var(--paper) 30%,color-mix(in srgb,var(--paper) 70%,transparent) 65%,transparent)}.mushaf:after{bottom:0;height:calc(var(--safe-b) + var(--nav-h) + 90px);background:linear-gradient(transparent,color-mix(in srgb,var(--paper) 75%,transparent) 35%,var(--paper) 70%)}.mushaf.immersive:before,.mushaf.immersive:after{opacity:0}#tm .mpage .inner{width:min(calc(100% - 16px),calc((100dvh - 190px)*.68));top:calc(var(--safe-t) + 52px)}#tm:before,#tm:after{display:none}.mbar.botb{bottom:calc(var(--safe-b) + var(--nav-h) + 18px)}body.playing .mushaf .mbar.botb{opacity:0;pointer-events:none}.mline{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mline{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;font-family:Hafs,serif;color:var(--page-ink);direction:rtl;transform-origin:right center}.mline.c{justify-content:center;gap:.3em}.mline span{padding:0 .02em;border-radius:.25em}.mline .n{color:var(--gold)}.mline span.hl{background:#e2c2753d}.mline span.sel{background:#c9a44c59}.banner{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}.banner>div{width:100%;height:80%;max-height:3.2em;border-radius:.7em;border:1.3px solid var(--gold);background:linear-gradient(90deg,#c9a44c47,#c9a44c1a,#c9a44c47);display:flex;align-items:center;justify-content:center;font-family:Hafs,serif;color:var(--page-ink);position:relative}.banner>div:before,.banner>div:after{content:"\2739";position:absolute;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.3em}.banner>div:before{right:.6em}.banner>div:after{left:.6em}.mbar{position:absolute;left:0;right:0;display:flex;align-items:center;gap:4px;padding:0 6px;z-index:6;transition:opacity .2s}.mbar.topb{top:calc(var(--safe-t) + 8px)}.mushaf.immersive .mbar{opacity:0;pointer-events:none}.mbar .sp{flex:1}.ibtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--gold);flex:none}.mushaf .nav-gap{height:0}.tz{position:absolute;left:0;right:0;height:2px;top:calc(var(--safe-t) + 50px);background:#e2c2751f}.tz>i{display:block;height:100%;background:var(--gold)}.mline span.hid{color:transparent;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0}[data-theme=light] .mline span.hid{border-bottom-color:#00000024}.mline span.hid .n{color:var(--gold)}.mline span.cur{background:#e2c27538}.mline span.cur.hid{border-bottom:2px solid var(--gold)}.mline span.bad{color:var(--red)}.mline span.bad.hid{color:transparent;border-bottom:2px solid var(--red)}.mline span.hint{color:var(--gold)}.mline span.flash{background:#e5484d40}.tctl{position:absolute;left:0;right:0;bottom:0;padding:4px 12px calc(var(--safe-b) + 8px);z-index:7;background:var(--paper)}.tctl .status{height:34px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.35}.tctl .row{justify-content:space-between}.mic{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#000;box-shadow:0 0 14px #e2c27559}.mic.on{background:var(--red);box-shadow:0 0 22px #e5484d8c}.hbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--gold);font-weight:700;font-size:12.5px;padding:6px}@media (min-width: 1000px){body{padding-right:236px}.view{max-width:1080px;padding:28px 32px 120px}.nav{inset:16px 16px 16px auto;width:204px;height:auto;max-width:none;margin:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;padding:18px 12px;border-radius:28px}.nav:before{content:"\627\644\647\62f\649";font-family:ReemKufi,Tajawal;font-size:30px;color:var(--gold);text-align:center;padding:4px 0 14px}.nav a{height:50px;padding:0 16px;font-size:15px}.nav a span{display:inline}.nav a.on{padding:0 16px}.nav.hide{transform:none}.player{right:252px;left:16px;bottom:16px;max-width:900px}.toast{bottom:32px}.mushaf,.mushaf .tctl{right:236px}.mushaf:after{height:80px}.mbar.botb,body.in-mushaf .player{bottom:12px}.sheet{padding-right:236px}.sheet-card{border-radius:26px;margin-bottom:24px;max-height:80vh}.top h1{font-size:32px}.bead{width:320px}}.seg{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);padding:4px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin-bottom:6px}.seg>i{position:absolute;top:4px;bottom:4px;right:4px;width:calc((100% - 8px) / var(--n));border-radius:14px;background:linear-gradient(135deg,var(--amethyst-t),var(--amethyst-d));transform:translate(calc(var(--i) * -100%));transition:transform .3s cubic-bezier(.2,.8,.2,1)}.seg button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;font-weight:800;font-size:13.5px;color:var(--muted)}.seg button.on{color:#fff}.seg button svg{width:20px;height:20px}.seg button:active{transform:none}.tabin{animation:fadeIn .25s ease}.hscroll{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;scroll-snap-type:x proximity}.hscroll::-webkit-scrollbar{display:none}.favr{flex:0 0 104px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;scroll-snap-align:start}.favr b{font-size:13px;line-height:1.35}.favr small{font-size:11.5px}.ava{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-family:ReemKufi,Tajawal;font-size:21px;background:linear-gradient(135deg,var(--t),var(--d));box-shadow:0 6px 16px color-mix(in srgb,var(--d) 35%,transparent)}.ava svg{width:24px;height:24px}.ava em{font-style:normal;font-size:15px;line-height:1.2;padding:0 6px;text-align:center}.ava.xl em{font-size:21px}.ava.lg{width:78px;height:78px;font-size:34px;border:3px solid rgba(255,255,255,.12)}.ava.xl{width:104px;height:104px;font-size:46px;margin:0 auto 10px;border:4px solid rgba(255,255,255,.15)}.rgrid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 600px){.rgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.card+.card.rcard,.rgrid>.card{margin-top:0}.rcard{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:right;width:100%}.rcard b{display:block;font-size:15px}.rcard small{display:block;font-size:12px}.rcard.playing,.radio-hero.playing{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.radio-hero{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:right;min-height:140px;width:100%}.radio-hero b{font-size:17px}.radio-hero .pbtn{background:#fffffff2}.eq{display:inline-flex;align-items:flex-end;gap:3px;height:20px;flex:none}.eq i{width:4px;background:var(--gold);border-radius:2px;animation:eq .9s ease-in-out infinite}.solid .eq i{background:#fff}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:5px}50%{height:20px}}.live-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 18px;margin-bottom:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--t) 22%,transparent),transparent 70%)}.live-hero b{font-size:22px;font-family:ReemKufi,Tajawal}.badge{position:absolute;top:14px;left:14px;padding:3px 10px;border-radius:10px;background:#e5484d26;font-size:12px}.video{position:relative;border-radius:20px;overflow:hidden;background:#000}.video video{display:block;width:100%;aspect-ratio:16/9}.rhead h2{margin:0;font-family:ReemKufi,Tajawal;font-size:26px;color:var(--ink)}.search{position:relative}.search svg{position:absolute;right:14px;top:12px;color:var(--muted)}.search .field{padding-right:46px}.list>.now{background:#e2c2751a;border-radius:14px}.mbar .chip{padding:0 11px}.mbar .ibtn{width:38px}.spine{display:none}.mushaf.spread .mpage{flex-basis:50%;scroll-snap-align:none;scroll-snap-stop:normal}.mushaf.spread .mpage:nth-child(odd){scroll-snap-align:start;scroll-snap-stop:always}.mushaf.spread .mpage .inner{width:min(calc(100% - 44px),calc((100dvh - 16px)*.66))}.mushaf.spread .mpage:nth-child(odd) .inner{margin-left:26px;margin-right:auto}.mushaf.spread .mpage:nth-child(2n) .inner{margin-right:26px;margin-left:auto}.mushaf.spread .spine{display:block;position:absolute;z-index:4;left:50%;width:56px;margin-left:-28px;pointer-events:none;top:calc(var(--safe-t) + 8px);bottom:calc(var(--safe-b) + 8px);background:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 38%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.28) 62%,transparent)}[data-theme=light] .mushaf.spread .spine{background:linear-gradient(90deg,transparent,rgba(80,55,10,.1) 38%,rgba(80,55,10,.22) 50%,rgba(80,55,10,.1) 62%,transparent)}.mushaf.spread .spine:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(transparent,var(--gold) 12%,var(--gold) 88%,transparent);opacity:.8}body.focus .player{display:none}@media (min-width: 1000px){body.focus{padding-right:0}body.focus .nav{display:none}body.focus .mushaf,body.focus .mushaf .tctl{right:0}}@media (max-height: 500px) and (max-width: 999px){body.in-mushaf .nav{transform:translateY(140%)}.mushaf:after{height:calc(var(--safe-b) + 64px)}.mbar.botb,body.in-mushaf .player{bottom:calc(var(--safe-b) + 8px)}}.mbar.botb{bottom:calc(var(--safe-b) + 8px)}.mushaf:after{height:calc(var(--safe-b) + 64px)}body.in-mushaf .player{bottom:calc(var(--safe-b) + 8px)}@media (min-width: 1000px){.mushaf:after{height:64px}}.nrow{display:flex;align-items:flex-end;gap:8px}.nrow b{font-family:ReemKufi,Tajawal;font-size:26px;line-height:1.25}.nrow em{font-style:normal;color:#ffe3a3;font-weight:800;padding-bottom:3px}.nring{position:relative;width:72px;height:72px;flex:none;display:grid;place-items:center}.nring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.nring circle{fill:none;stroke-width:4.5;stroke:#ffffff29}.nring #narc{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:201;transition:stroke-dashoffset .6s ease}.nring>span{display:flex;flex-direction:column;align-items:center;line-height:1.1}.nring b{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.nring small{font-size:10.5px;color:#ffffffb3}.today{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}.today:empty{display:none}.today a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 2px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.today small{color:var(--muted);font-size:11.5px}.today b{font-size:14px;font-variant-numeric:tabular-nums}.today a.past{opacity:.55}.today a.next{color:#1a1205;background:linear-gradient(135deg,var(--gold-t),var(--gold-d));border-color:transparent}.today a.next small{color:#1a1205bf}.banner-fri{display:flex;flex-direction:column;margin-top:12px;border-color:#ffcb6b66}.banner-fri small{color:var(--muted)}.athkar-now{display:flex;align-items:center;gap:12px;margin-top:12px}.athkar-now .grow{display:flex;flex-direction:column}.athkar-now .ticon{width:44px;height:44px}.ayah-day,.ayah-day .verse{margin:0}.ayah-day figcaption{text-align:center;color:var(--muted);font-size:13px;margin-top:4px}.ayah-actions{display:flex;justify-content:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.ayah-actions>*{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;font-weight:800;font-size:13.5px;color:var(--gold)}.ayah-actions svg{width:20px;height:20px}.dedication{text-align:center;color:var(--muted);font-size:13px;margin:26px 0 0}.list>*,.thikr,.rgrid>.rcard{content-visibility:auto;contain-intrinsic-size:auto 64px}.thikr{contain-intrinsic-size:auto 220px}.big{font-size:30px;font-weight:900;line-height:1.25;font-family:ReemKufi,Tajawal}.names{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.names .nm{display:flex;flex-direction:column;align-items:center;padding:10px 6px;margin:0}.names .nm b{font-family:Hafs,serif;font-size:25px;font-weight:400;line-height:1.6;color:var(--gold)}.num.done{background:var(--emerald-d);color:#fff}.num.done svg{width:18px;height:18px}.ell{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw}.ell2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticks{display:flex;justify-content:space-around;gap:6px;margin-top:12px}.tick{display:flex;flex-direction:column;align-items:center;gap:4px}.tick svg{width:46px;height:46px;padding:11px;border-radius:50%;border:2px solid var(--line);color:var(--faint);transition:.2s}.tick.on svg{background:linear-gradient(135deg,var(--sapphire-t),var(--sapphire-d));border-color:transparent;color:#fff}.tick small{font-weight:700}.plog{width:100%;border-collapse:collapse;text-align:center}.plog td,.plog th{padding:4px 2px}.plog td:first-child{text-align:right;white-space:nowrap}.dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);display:inline-grid;place-items:center}.dot.on{background:var(--emerald-d);border-color:transparent;color:#fff}.dot svg{width:16px;height:16px}.ramadan{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.rd{border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.rd.today{border:2px solid var(--amber)}.rd.on{background:linear-gradient(135deg,var(--amber-t),var(--amber-d));color:#fff}.rd>button:first-child{width:100%;padding:8px 0 2px;font-family:ReemKufi,Tajawal;font-size:17px}.rd .moon svg{width:16px;height:16px;opacity:.4;margin-bottom:4px}.rd .moon.on svg{opacity:1;color:#ffe3a3}.sim{display:block;padding:10px 6px;border-top:1px solid var(--line)}.sim.me{border:0}.sim .hl{color:var(--coral-t)}[data-theme=light] .sim .hl{color:var(--coral-d)}.sim-row{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 10px}.vprev{display:flex;justify-content:center;margin-bottom:12px}.vprev canvas,.vprev video{width:min(100%,300px);aspect-ratio:9 / 16;height:auto;border-radius:20px;background:#000;box-shadow:0 10px 40px #0006}.pbar{height:8px;border-radius:8px;background:var(--card);overflow:hidden;margin-bottom:12px}.pbar i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}.tjdot{width:16px;height:16px;border-radius:50%;flex:none;background:currentColor}i[class^=tj]{font-style:normal}.tj0,.tj1,.tj2{color:#8c8c8c}.tj3{color:#e2c275}.tj4{color:#ff9a3c}.tj5{color:#ff5c63}.tj6{color:#ff7aa8}.tj7{color:#6fb2ff}.tj8{color:#d99bff}.tj9{color:#d08cf0}.tj10{color:#69db7c}.tj11{color:#3bc9db}.tj12{color:#38d9a9}.tj13{color:#9dbb9d}.tj14,.tj15{color:#adb5bd}.tj16{color:#8ce99a}[data-theme=light] .tj0,[data-theme=light] .tj1,[data-theme=light] .tj2{color:#9a9a9a}[data-theme=light] .tj3{color:#b8860b}[data-theme=light] .tj4{color:#e8590c}[data-theme=light] .tj5{color:#b5121b}[data-theme=light] .tj6{color:#d6336c}[data-theme=light] .tj7{color:#1c6fd1}[data-theme=light] .tj8{color:#ae3ec9}[data-theme=light] .tj9{color:#9c36b5}[data-theme=light] .tj10{color:#2b8a3e}[data-theme=light] .tj11{color:#1098ad}[data-theme=light] .tj12{color:#087f5b}[data-theme=light] .tj13{color:#5c7a5c}[data-theme=light] .tj14,[data-theme=light] .tj15{color:#868e96}[data-theme=light] .tj16{color:#2f9e44}.ibtn.on{color:var(--gold);background:#e2c27529}.home{display:flex;flex-direction:column}.hcol{display:contents}.hmain>.sky{order:1}.hmain>.today{order:2}.hmain>#banners{order:3}.hside>.cont{order:4}.hside>.goals{order:5}.hside>.athkar-now{order:6}.hside>.hsec{order:7}.hmain>.hayah{order:8}#banners:empty{display:none}.cont{display:grid;gap:10px;margin-top:12px}.ccard{position:relative;display:flex;align-items:center;gap:12px;margin:0!important;overflow:hidden;width:100%;font:inherit;color:inherit;text-align:right;cursor:pointer}.ccard .grow{display:flex;flex-direction:column;min-width:0}.ccard .ticon{width:48px;height:48px}.ctitle{font-family:ReemKufi,Tajawal;font-size:21px;line-height:1.35}.ctitle.sm{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccard .ell{max-width:100%}.cbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#e2c2751f}.cbar i{display:block;height:100%;background:var(--gold)}.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.goals .card{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;text-align:center}.goals .card>span:last-child{display:flex;flex-direction:column}.goals .ticon{width:38px;height:38px;border-radius:13px}.goals .ticon svg{width:20px;height:20px}.goals b{font-size:14px;white-space:nowrap}.goals small{color:var(--muted);font-size:11.5px}.hsec{margin-top:4px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 6px;padding:16px 8px}.tools a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;font-weight:800;text-align:center}.tools .ticon{width:50px;height:50px;border-radius:17px}@media (min-width: 600px){.sky{margin:0;border-radius:28px}.cont.two{grid-template-columns:1fr 1fr}.goals .card{flex-direction:row;justify-content:center;gap:10px;text-align:right;padding:14px 10px}}@media (min-width: 1000px){.home{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}.hcol{display:flex;flex-direction:column}.hcol>*{order:0!important}.today{margin-top:12px}.cont{margin-top:0}.cont.two{grid-template-columns:1fr}.goals{margin-top:12px}.goals .card{flex-direction:column;text-align:center;gap:6px}.hayah .section{margin-top:18px}.dedication{margin-top:30px}}.amenu .ahead{display:flex;align-items:center;gap:12px}.amenu .ahead .grow{display:flex;flex-direction:column}.amenu .ahead b{font-family:ReemKufi,Tajawal;font-size:19px}.amenu .aprev{font-family:Hafs,serif;font-size:22px;line-height:2;text-align:center;margin:12px 0 6px;padding:10px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 6px;margin-top:14px}.agrid button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;font-weight:800}.agrid .ticon{width:52px;height:52px;border-radius:17px}.asim{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;text-align:right}.asim .grow{display:flex;flex-direction:column}.sky{position:relative;margin:calc(-8px - var(--safe-t)) -16px 0;border-radius:0 0 28px 28px;overflow:hidden;color:#fff;background:#07101d;border:1px solid rgba(255,255,255,.06);border-top:0}.skyart{position:relative;height:calc(230px + var(--safe-t))}.skyart canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.skyart:after{content:"";position:absolute;inset:0 0 auto;height:55%;background:linear-gradient(rgba(0,0,0,.38),transparent);pointer-events:none}.sky-top{position:absolute;z-index:1;top:calc(var(--safe-t) + 14px);left:16px;right:18px;display:flex;align-items:center;gap:8px}.sky-top .grow{display:flex;flex-direction:column;flex:1;min-width:0}.sky-top small{color:#ffffffc7;font-size:13px}.sky-top h1{margin:0;font-family:ReemKufi,Tajawal;font-size:34px;line-height:1.2;text-shadow:0 0 18px rgba(243,213,138,.35)}.skybtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0000002e;border:1px solid rgba(255,255,255,.3);flex:none;backdrop-filter:blur(4px)}.skybtn svg{width:21px;height:21px}.sky-date{position:absolute;z-index:1;top:calc(var(--safe-t) + 74px);right:18px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.sky-date b{color:#ffe3a3;font-size:13.5px}.sky-date small{color:#ffffffb8;font-size:12.5px}.sky-date b:not(:empty):after{content:"\2022";margin-inline-start:8px;color:#ffffff73;font-weight:400}.nextp{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0b1626,#07101d)}.nextp .grow{display:flex;flex-direction:column;min-width:0;flex:1}.nextp small{color:#ffffffb3;font-size:12px}.nextp>svg{width:20px;height:20px;opacity:.6}.nextp .nring{width:64px;height:64px}@media (min-width: 600px){.sky{border:1px solid rgba(255,255,255,.06)}.skyart{height:250px}.sky-top{top:16px}.sky-date{top:76px}}@media (min-width: 1000px){.skyart{height:280px}.sky-top h1{font-size:38px}.sky-date{top:88px}}