@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:KFGQPC Hafs;src:url(/assets/UthmanicHafs1Ver18-CvCt8iWg.woff2)format("woff2");font-display:swap}:root{--bg:#f3f4f7;--card:#fff;--card-2:#f7f8fb;--ink:#101828;--muted:#5b6478;--line:#e1e4ec;--line-2:#c9cfdc;--new:#dde1ea;--acc:#1d3a6e;--on-acc:#fff;--acc-soft:#e5ebf6;--warm:#8a5f06;--warm-soft:#fbf0d9;--gold:#b8860b;--err:#b42318;--ok:#15803d;--tint:color-mix(in oklab, var(--ink) 6%, transparent);--shadow-pop:0 2px 6px #10182829, 0 20px 44px -8px #10182873;--shadow-bar:0 -1px 0 var(--line), 0 -14px 30px -22px #10182866;--ease:cubic-bezier(.23, 1, .32, 1);--ff:"Inter", system-ui, sans-serif;--ff-cond:"Barlow Condensed", "Inter", sans-serif;--ff-ar:"KFGQPC Hafs", "Amiri Quran", "Noto Naskh Arabic", serif;--ar-size:1.875rem;--gutter:clamp(12px, 2.4vw, 28px);--tj-ghunnah:#15803d;--tj-ikhfa:#c2410c;--tj-idghaam:#0f766e;--tj-idghaam-plain:#64748b;--tj-iqlab:#2563eb;--tj-qalqalah:#7c3aed;--tj-madd2:#b45309;--tj-madd246:#be185d;--tj-madd45:#d97706;--tj-madd6:#b91c1c;--tj-silent:#9ca3af;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1019;--card:#131a27;--card-2:#0f1520;--ink:#e8ecf3;--muted:#98a2b5;--line:#232c3c;--line-2:#34405a;--new:#3a4660;--acc:#8fb0ea;--on-acc:#0b1019;--acc-soft:#1a2741;--warm:#e5b45a;--warm-soft:#33270f;--gold:#d9ab45;--err:#f97066;--ok:#4ade80;--tint:color-mix(in oklab, var(--ink) 8%, transparent);--shadow-pop:0 4px 10px #0000004d, 0 22px 48px -18px #000c;--shadow-bar:0 -1px 0 var(--line), 0 -14px 30px -22px #000c;--tj-ghunnah:#4ade80;--tj-ikhfa:#fb923c;--tj-idghaam:#2dd4bf;--tj-idghaam-plain:#94a3b8;--tj-iqlab:#60a5fa;--tj-qalqalah:#a78bfa;--tj-madd2:#fbbf24;--tj-madd246:#f472b6;--tj-madd45:#fcd34d;--tj-madd6:#f87171;--tj-silent:#6b7280;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1019;--card:#131a27;--card-2:#0f1520;--ink:#e8ecf3;--muted:#98a2b5;--line:#232c3c;--line-2:#34405a;--new:#3a4660;--acc:#8fb0ea;--on-acc:#0b1019;--acc-soft:#1a2741;--warm:#e5b45a;--warm-soft:#33270f;--gold:#d9ab45;--err:#f97066;--ok:#4ade80;--tint:color-mix(in oklab, var(--ink) 8%, transparent);--shadow-pop:0 4px 10px #0000004d, 0 22px 48px -18px #000c;--shadow-bar:0 -1px 0 var(--line), 0 -14px 30px -22px #000c;--tj-ghunnah:#4ade80;--tj-ikhfa:#fb923c;--tj-idghaam:#2dd4bf;--tj-idghaam-plain:#94a3b8;--tj-iqlab:#60a5fa;--tj-qalqalah:#a78bfa;--tj-madd2:#fbbf24;--tj-madd246:#f472b6;--tj-madd45:#fcd34d;--tj-madd6:#f87171;--tj-silent:#6b7280;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-size="1"]{--ar-size:1.375rem}html[data-size="2"]{--ar-size:1.625rem}html[data-size="3"]{--ar-size:1.875rem}html[data-size="4"]{--ar-size:2.25rem}html[data-size="5"]{--ar-size:2.75rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:color-mix(in oklab, var(--muted) 45%, transparent) transparent}body{background:var(--bg);color:var(--ink);font:400 .90625rem/1.5 var(--ff);-webkit-font-smoothing:antialiased;margin:0}::selection{background:color-mix(in oklab, var(--acc) 22%, transparent)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}a{color:inherit;text-decoration:none}h1,p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}[lang=ar]{font-family:var(--ff-ar);font-weight:400}.muted{color:var(--muted)}.tab{font-variant-numeric:tabular-nums}.grow{flex:1}.err{color:var(--err);font-size:.8125rem}.warn{color:var(--warm)}.ok{color:var(--ok)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.logo{background:url(/icon.svg) 50%/contain no-repeat;flex:none;width:22px;height:22px;display:inline-block}.btn{border:1px solid var(--line);background:var(--card);white-space:nowrap;height:34px;transition:background-color .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line-2)}.btn:active:not(:disabled){transform:scale(.98)}.btn.sm{height:30px;padding:0 10px;font-size:.8125rem}.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}.btn.primary:hover:not(:disabled){background:color-mix(in oklab, var(--acc) 86%, var(--ink))}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--tint)}.link{color:var(--acc);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.icon-btn{width:34px;height:34px;color:var(--muted);transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:inline-grid}@media (hover:hover){.icon-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--tint);color:var(--ink)}}.icon-btn[aria-disabled=true]{opacity:.35;pointer-events:none}.icon-btn.sm{border-radius:6px;width:28px;height:28px}.seg{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:2px;display:inline-flex}.seg button{height:28px;color:var(--muted);transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:7px;padding:0 11px;font-size:.8125rem;font-weight:500}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--acc);color:var(--on-acc)}kbd{font:500 .6875rem var(--ff);color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:5px;padding:0 6px}.pick,.lnk{white-space:nowrap;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex;position:relative}.pick{border:1px solid var(--line);background:var(--card);border-radius:8px;height:32px;padding:0 10px}.pick:hover{border-color:var(--line-2)}.lnk{height:26px;color:var(--acc);background:0 0;border:0;border-radius:7px;padding:0 8px;font-weight:500}.lnk:hover{background:var(--acc-soft)}.pick.sm{height:30px}.menu{display:inline-flex;position:relative}.menu-btn{cursor:pointer}.menu-btn .muted{font-size:.75rem}.menu-caret{color:var(--muted);transition:transform .15s var(--ease)}.menu-btn[aria-expanded=true]{border-color:var(--acc)}.menu-btn[aria-expanded=true] .menu-caret{transform:rotate(180deg)}.menu-chip{color:var(--ink);gap:6px;padding:0 8px;font-weight:500}.menu-btn.split{gap:0;padding:0;overflow:hidden}.split-main{height:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0 6px 0 9px;font-weight:500;display:inline-flex}.split-caret{border:0;border-left:1px solid var(--line);height:100%;color:var(--muted);background:0 0;place-items:center;padding:0 6px;display:grid}.split-main:hover,.split-caret:hover{background:var(--tint)}.split-main:active{transform:scale(.97)}.menu-list{z-index:50;background:var(--card);border:1px solid var(--line-2);min-width:190px;max-height:340px;box-shadow:var(--shadow-pop);animation:pop-in .14s var(--ease);border-radius:11px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.menu-list.up{top:auto;bottom:calc(100% + 6px)}.menu-list.right{left:auto;right:0}.menu-list.wide{min-width:240px}.menu-list li{cursor:pointer;white-space:nowrap;color:var(--ink);border-radius:7px;align-items:center;gap:9px;padding:7px 10px;font-size:.8125rem;display:flex}.menu-list li.hi{background:color-mix(in oklab, var(--ink) 9%, transparent)}.menu-list li[aria-selected=true]{color:var(--acc);font-weight:600}.menu-l{flex:1}.menu-h{color:var(--muted);font-size:.75rem;font-weight:400}.menu-tick{color:var(--acc);flex:none}.menu-title,.pop-h{background:color-mix(in oklab, var(--acc) 7%, var(--card));border-bottom:1px solid var(--line);gap:1px;margin:-5px -5px 5px;padding:9px 14px 8px;display:grid;cursor:default!important}.menu-list .menu-title{white-space:normal;border-radius:10px 10px 0 0;align-items:start;gap:1px;padding:9px 14px 8px;display:grid}.menu-title b,.pop-h{font:600 .8125rem/1.3 var(--ff);color:var(--ink);letter-spacing:-.005em}.menu-title span{color:var(--muted);font-size:.72rem}.pop-h{color:var(--acc);margin:0 -8px 4px;padding:8px 16px 7px}.pop-h:first-child{border-radius:11px 11px 0 0;margin-top:-8px}.pop-h:not(:first-child){border-top:1px solid var(--line);margin-top:6px}.fl{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.fl svg{color:var(--muted);flex:none}.mdot{border:1.5px solid var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.mdot.st-1{border-color:var(--warm);background:linear-gradient(90deg, var(--warm) 50%, transparent 50%)}.mdot.st-2{border-color:var(--acc);background:var(--acc)}.top{z-index:20;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0}.top-in{max-width:1440px;padding:0 var(--gutter);align-items:center;gap:14px;height:56px;margin:0 auto;display:flex}.brand{font:700 1rem var(--ff-cond);letter-spacing:.18em;color:var(--acc);align-items:center;gap:10px;display:inline-flex}.tabs{align-self:stretch;gap:2px;margin-left:6px;display:flex}.tabs a{color:var(--muted);transition:color .15s var(--ease);border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:0 12px;font-weight:500;display:inline-flex}.tabs a:hover{color:var(--ink)}.tabs a[aria-current=page]{color:var(--acc);border-bottom-color:var(--acc)}.tab-pct{font:600 .75rem var(--ff);background:var(--acc-soft);color:var(--acc);border-radius:6px;padding:1px 6px}.search{border:1px solid var(--line);background:var(--bg);width:min(340px,28vw);height:36px;color:var(--muted);border-radius:9px;align-items:center;gap:8px;margin-left:auto;padding:0 10px;display:flex}.search:focus-within{outline:2px solid var(--acc);outline-offset:1px}.search input{min-width:0;box-shadow:none;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:.875rem}.search input::placeholder{color:var(--muted)}.top-actions{gap:2px;display:flex}.sync.pending{width:auto;color:var(--warm);background:var(--warm-soft);align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.sync.done{width:auto;color:var(--ok);background:color-mix(in oklab, var(--ok) 12%, transparent);animation:tip-in .15s var(--ease);align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:600;display:inline-flex}.sync.pending:hover{color:var(--warm);background:color-mix(in oklab, var(--warm) 22%, var(--warm-soft))}.pop{inset:60px auto auto;right:max(var(--gutter), calc((100vw - 1440px) / 2 + var(--gutter)));border:1px solid var(--line-2);background:var(--card);width:340px;color:var(--ink);box-shadow:var(--shadow-pop);border-radius:12px;margin:0;padding:8px;position:fixed}.pop:popover-open{animation:pop-in .16s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}.toggle,.field{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px;font-size:.875rem;display:flex}.toggle:hover{background:var(--tint)}.toggle input{appearance:none;background:var(--line-2);cursor:pointer;width:34px;height:20px;transition:background-color .15s var(--ease);border-radius:10px;flex:none;margin:0;position:relative}.toggle input:after{content:"";width:16px;height:16px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.toggle input:checked{background:var(--acc)}.toggle input:checked:after{transform:translate(14px)}.size-seg button{place-items:center;width:34px;height:32px;padding:0;display:grid}.theme-seg button{height:28px;padding:0 12px}.install{background:var(--acc-soft);color:var(--ink);border-radius:10px;align-items:center;gap:10px;margin:6px 0 0;padding:9px 10px;font-size:.8125rem;display:flex}.install svg{color:var(--acc);flex:none}.install .btn{margin-left:auto}.pop-foot{border-top:1px solid var(--line);background:color-mix(in oklab, var(--ink) 5%, var(--card));border-radius:0 0 11px 11px;justify-content:space-between;align-items:center;gap:8px;margin:6px -8px -8px;padding:9px 12px 9px 16px;font-size:.8125rem;display:flex}.signout{color:var(--err);border-color:color-mix(in oklab, var(--err) 30%, var(--line));background:var(--card)}.signout:hover:not(:disabled){background:color-mix(in oklab, var(--err) 10%, var(--card));border-color:var(--err)}.tooltip{z-index:100;background:var(--ink);width:max-content;max-width:280px;color:var(--card);pointer-events:none;text-wrap:pretty;animation:tip-in .14s var(--ease);border-radius:8px;padding:6px 10px;font-size:.75rem;line-height:1.45;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px -8px #10182873}@keyframes tip-in{0%{opacity:0}}.followbtn{z-index:26;background:var(--acc);height:36px;color:var(--on-acc);animation:pop-in .2s var(--ease);border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex;position:fixed;bottom:112px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px -8px #10182880}.followbtn .tab{opacity:.8;font-weight:500}@media (width<=700px){.followbtn{bottom:150px}}.update{z-index:60;background:var(--card);border:1px solid var(--acc);box-shadow:var(--shadow-pop);animation:pop-in .2s var(--ease);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:7px 8px 7px 14px;font-size:.8125rem;display:flex;position:fixed;top:66px;left:50%;transform:translate(-50%)}.update>svg{color:var(--acc)}.scrollbtns{z-index:25;gap:8px;display:grid;position:fixed;bottom:24px;right:max(16px,50vw - 776px)}.scrollbtns.above-player{bottom:calc(var(--player-h,96px) + 16px)}.tooltip.left{transform:translateY(-50%)}.sbtn{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--acc);transition:background-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);animation:tip-in .15s var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 18px -8px #10182866}.sbtn:hover{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}.sbtn:active{transform:scale(.94)}.splash{background:var(--bg);place-content:center;justify-items:center;gap:18px;min-height:100dvh;display:grid}.splash .logo.big{width:52px;height:52px;margin:0;animation:1.6s ease-in-out infinite breathe}.splash-bar{background:var(--line);border-radius:2px;width:140px;height:3px;overflow:hidden}.splash-bar i{background:var(--acc);width:40%;height:100%;animation:slide 1.1s var(--ease) infinite;border-radius:2px;display:block}@keyframes breathe{50%{opacity:.8;transform:scale(.94)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.skel{pointer-events:none}.sk{background:linear-gradient(90deg, var(--line) 30%, color-mix(in oklab, var(--line) 40%, var(--card)) 50%, var(--line) 70%);background-size:300% 100%;border-radius:6px;height:12px;animation:1.4s linear infinite shimmer;display:block}.sk.ar{justify-self:end;width:70%;height:34px;margin-bottom:6px}.sk.w40{width:40%}.sk.w60{width:60%}.sk.w70{width:70%}.sk.w90{width:90%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.tjkey{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin:10px 0 0;padding:6px 6px 6px 12px;font-size:.78rem;display:flex}.tjkey-h{white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tjkey-h svg{color:var(--acc)}.tjkey-chips{flex:1;gap:4px;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.tjkey.open .tjkey-chips{flex-wrap:wrap;-webkit-mask-image:none;mask-image:none}.tjkey-acts{align-items:center;gap:2px;display:flex}.tjchip{white-space:nowrap;border:1px solid color-mix(in oklab, currentColor 30%, var(--line));background:color-mix(in oklab, currentColor 8%, var(--card));height:26px;transition:opacity .15s var(--ease), background-color .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 9px 0 8px;font-size:.75rem;font-weight:500;display:inline-flex}.tjchip i{background:currentColor;border-radius:50%;width:8px;height:8px}.tjchip[aria-pressed=false]{opacity:.45;background:0 0;border-style:dashed;text-decoration:line-through}.tjchip[aria-pressed=false] i{background:0 0;border:1.5px solid}.tjpick{flex-wrap:wrap;gap:4px;padding:4px 8px 8px;display:flex}.tjneed{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.wrap{max-width:1440px;padding:0 var(--gutter) 40px;margin:0 auto}.wrap.with-player{padding-bottom:150px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 10px;display:flex}.ptool{flex-wrap:wrap;align-items:stretch;gap:10px;margin:14px 0 0;display:flex}.ptool .resume{margin-left:auto}.vtabs{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:0 auto;gap:4px;padding:4px;display:flex}.vtabs button{height:36px;color:var(--muted);transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:.875rem;font-weight:500;display:inline-flex}.vtabs button:hover{color:var(--ink);background:var(--tint)}.vtabs button[aria-selected=true]{background:var(--acc);color:var(--on-acc);box-shadow:0 4px 12px -6px color-mix(in oklab, var(--acc) 70%, transparent)}.resume{background:var(--card);border:1px solid color-mix(in oklab, var(--gold) 45%, var(--line));min-width:0;box-shadow:0 0 0 3px color-mix(in oklab, var(--gold) 10%, transparent);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:6px 16px 6px 6px;display:flex}.resume:hover{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in oklab, var(--gold) 18%, transparent)}.resume-ic{background:var(--acc);width:38px;height:38px;color:var(--on-acc);border-radius:9px;flex:none;place-items:center;display:grid}.resume-t{min-width:0;line-height:1.2;display:grid}.resume-t>span{color:var(--muted);font-size:.72rem}.resume-t b{white-space:nowrap;font-weight:600}.resume-t b .tab{color:var(--acc)}.resume-ar{color:var(--gold);border-left:1px solid var(--line);padding-left:12px;font-size:1.4rem;line-height:1}.fchips{flex-wrap:wrap;gap:6px;display:flex}.fchips button{border:1px solid var(--line);background:var(--card);height:32px;color:var(--muted);transition:all .15s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 6px 0 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.fchips button span{background:var(--card-2);min-width:22px;height:22px;color:var(--muted);border-radius:999px;place-items:center;padding:0 6px;font-size:.72rem;display:grid}.fchips button:hover{border-color:var(--line-2);color:var(--ink)}.fchips button[aria-pressed=true]{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}.fchips button[aria-pressed=true] span{background:var(--acc);color:var(--on-acc)}@media (width<=700px){.vtabs button{gap:5px;font-size:.8125rem}.resume{flex:1}}.empty{color:var(--muted);text-align:center;padding:40px 0}.legend{color:var(--muted);align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.legend2{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:3px;font-size:.75rem;display:inline-flex}.lg{height:26px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:500;display:inline-flex}.lg b{color:var(--ink);font-weight:600}.lg .dot{border:1.5px solid;border-radius:50%;width:9px;height:9px}.lg.st-2{color:var(--acc);background:var(--acc-soft)}.lg.st-2 .dot{background:currentColor}.lg.st-1{color:var(--warm);background:var(--warm-soft)}.lg.st-1 .dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.lg.st-0 .dot{border-color:var(--line-2);background:var(--new)}@media (width<=700px){.legend2{display:none}}.k{border-radius:3px;width:10px;height:10px;margin-left:8px}.k.m{background:var(--acc)}.k.l{background:var(--warm)}.k.n{background:var(--new)}.prompt{background:var(--acc-soft);border:1px solid color-mix(in oklab, var(--acc) 22%, var(--line));border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 0;padding:9px 12px;font-size:.8125rem;display:flex}.prompt>svg{color:var(--acc);flex:none}.selgroup{--selbg:color-mix(in oklab, var(--acc) 6%, var(--bg));background:var(--selbg);border:1.5px solid color-mix(in oklab, var(--acc) 55%, var(--line));border-radius:16px;gap:6px;margin:0 -7px;padding:6px;display:grid}.selbar{z-index:6;background:var(--acc);color:var(--on-acc);animation:pop-in .16s var(--ease);box-shadow:0 -6px 0 var(--selbg), 0 6px 16px -10px #10182880;border-radius:11px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:7px 8px 7px 14px;font-size:.8125rem;display:flex;position:sticky;top:62px}.selgroup .rdiv.inside{z-index:auto;box-shadow:none;margin-top:4px;position:static}.selbar .muted{color:color-mix(in oklab, var(--on-acc) 75%, transparent)}.selbar .lnk{color:var(--on-acc)}.selbar .lnk:hover{background:color-mix(in oklab, var(--on-acc) 16%, transparent)}.selbar .menu-btn[aria-expanded=true]{background:color-mix(in oklab, var(--on-acc) 16%, transparent);border-color:#0000}.selbar .menu-caret{color:inherit}.bar{background:var(--new);border-radius:3px;flex:none;width:120px;height:6px;display:inline-flex;overflow:hidden}.bar.w{width:100%}.bar.mini{width:70px;height:4px}.bar .m{background:var(--acc)}.bar .l{background:var(--warm)}.num{width:28px;height:28px;color:var(--muted);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--line);flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid}.kpis{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(300px,2fr) repeat(4,minmax(110px,1fr));margin:16px 0 0;display:grid;overflow:hidden}.kpi{border-left:1px solid var(--line);align-content:center;gap:4px;padding:14px 20px;font-size:.8125rem;display:grid}.kpi:first-child{border-left:0}.kpi .big{font:600 2.5rem/1 var(--ff-cond);color:var(--acc);letter-spacing:.01em}.kpi b{font:600 1.625rem/1.1 var(--ff-cond);letter-spacing:.02em}.kpi b .muted{font-size:1.125rem}.kpi .bar{margin-top:6px}.kpi{position:relative}.kpi-ic{background:var(--card-2);width:30px;height:30px;color:var(--muted);border-radius:9px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.kpi-ic.m{background:var(--acc-soft);color:var(--acc)}.kpi-ic.l{background:var(--warm-soft);color:var(--warm)}.kpi-sub{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:.75rem;display:inline-flex}.kpi-sub svg{color:var(--ok)}.kpi-top{align-items:center;gap:14px;display:flex}.kpi-top .muted{font-size:.78rem;line-height:1.35}.juzstrip{grid-template-columns:repeat(30,1fr);gap:3px;margin-top:10px;display:grid}.jz{background:linear-gradient(0deg, var(--acc) var(--m), var(--warm) var(--m) var(--l), var(--new) var(--l));height:24px;transition:transform .15s var(--ease);border-radius:3px;position:relative;overflow:hidden}.juzscale{color:var(--muted);grid-template-columns:1fr 2fr 2fr 1fr;margin-top:3px;font-size:.65rem;display:grid}.juzscale span:nth-child(2){text-align:center;padding-left:10%}.juzscale span:nth-child(3){text-align:center;padding-left:40%}.juzscale span:last-child{text-align:right}.jz:hover{outline:2px solid var(--acc);outline-offset:1px;transform:translateY(-2px)}@media (width<=700px){.jz{height:18px}.juzstrip{gap:2px}}.grid{grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--line);height:100%;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:10px 12px;display:grid}.card:hover{border-color:var(--line-2);box-shadow:0 1px 2px #1018280a,0 10px 24px -18px #1018284d}.card-main{min-width:0;display:grid}.card-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-title b{font-weight:600}.card-title .muted{font-size:.8125rem}.card-short{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;grid-column:2/-1;gap:3px;display:flex}.card-meta .tag{padding:0 5px;font-size:.6875rem}.card-ar{font-size:1.5rem;line-height:1.2}.card-prog{grid-column:2/-1;align-items:center;gap:10px;display:flex}.card-prog .bar{flex:1;width:auto}.pc{font:600 .9375rem var(--ff-cond);color:var(--acc);text-align:right;min-width:3ch}.plist{gap:6px;display:grid}.prow{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:30px 170px 90px minmax(0,1fr);align-items:start;gap:14px;padding:12px 14px;display:grid}.pname{display:grid}.pname b{font-weight:600}.pname a:hover b,a.pname:hover b{color:var(--acc)}.pname .muted{font-size:.75rem}.ppct{gap:6px;display:grid}.big2{font:600 1.5rem/1 var(--ff-cond);color:var(--acc)}.chips{flex-wrap:wrap;gap:5px;display:flex}.rc{border:1px solid var(--line);white-space:nowrap;height:28px;transition:border-color .15s var(--ease);background:linear-gradient(90deg, var(--acc-soft) var(--m), var(--warm-soft) var(--m) var(--l), var(--card) var(--l));border-radius:7px;align-items:baseline;gap:5px;padding:0 8px;font-size:.75rem;line-height:26px;display:inline-flex}.rc b{font:700 .78rem var(--ff-cond);letter-spacing:.06em;color:var(--acc)}.rc span{color:var(--muted)}.rc em{color:var(--muted);font-size:.7rem;font-style:normal;font-weight:600}.rc.part{border-color:var(--line-2)}.rc.done{background:var(--acc);border-color:var(--acc)}.rc.done b,.rc.done span,.rc.done em{color:var(--on-acc)}.rc.done span{opacity:.75}.rc:hover{border-color:var(--acc)}.cells{flex-wrap:wrap;gap:3px 8px;padding-top:4px;display:flex}.cg{flex-wrap:wrap;gap:3px;display:inline-flex}.cells a{background:var(--new);border-radius:3px;width:12px;height:12px}.cells a.c1{background:var(--warm)}.cells a.c2{background:var(--acc)}.cells a:hover{outline:2px solid var(--ink);outline-offset:1px}.shead{margin:0 calc(-1 * var(--gutter));padding:12px var(--gutter);background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 26px;display:flex}.sw{align-items:center;gap:14px;min-width:0;display:flex}.snav-btns{border:1px solid var(--line);border-radius:9px;flex:none;display:inline-flex;overflow:hidden}.snav-btns .icon-btn{border-radius:0;width:32px;height:32px}.snav-btns .icon-btn+.icon-btn{border-left:1px solid var(--line)}.sbadge{width:40px;height:40px;font:700 .9375rem var(--ff-cond);letter-spacing:.02em;background:var(--acc);color:var(--on-acc);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none;place-items:center;display:grid}.stitle{gap:1px;min-width:0;display:grid}.stitle h1{letter-spacing:-.015em;white-space:nowrap;font-size:1.25rem;font-weight:600;line-height:1.25}.smeta{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:3px;font-size:.75rem;display:flex}.smeta>.muted{margin-right:2px}.tag{height:20px;color:var(--muted);background:var(--card-2);border:1px solid var(--line);white-space:nowrap;border-radius:6px;align-items:center;gap:3px;padding:0 7px;font-size:.71875rem;display:inline-flex}.tag b{color:var(--ink);font-weight:600}.tag.mecca{color:#8a5a00;background:color-mix(in oklab, #b8860b 12%, var(--card));border-color:color-mix(in oklab, #b8860b 30%, var(--line))}.tag.medina{color:#0f6b5a;background:color-mix(in oklab, #0f766e 11%, var(--card));border-color:color-mix(in oklab, #0f766e 28%, var(--line))}.tag.juz{color:var(--acc);background:var(--acc-soft);border-color:color-mix(in oklab, var(--acc) 25%, var(--line))}.tag.juz b{color:var(--acc)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tag.mecca{color:#f0c86a}:root:not([data-theme=light]) .tag.medina{color:#5fd3bd}}:root[data-theme=dark] .tag.mecca{color:#f0c86a}:root[data-theme=dark] .tag.medina{color:#5fd3bd}.sar{color:var(--acc);border-left:1px solid var(--line);white-space:nowrap;padding-left:14px;font-size:1.75rem;line-height:1}.sprog{border-left:1px solid var(--line);align-items:center;gap:12px;padding-left:24px;display:flex}.sprog .big{font:600 1.75rem/1 var(--ff-cond);color:var(--acc)}.sprog div{gap:5px;min-width:200px;font-size:.75rem;display:grid}.sact{flex-wrap:wrap;flex:1 0 auto;justify-content:flex-start;align-items:center;gap:6px;display:flex}.list{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px 0 14px;display:grid}.basmala{text-align:center;background:radial-gradient(80% 140% at 50% 0%, color-mix(in oklab, var(--gold) 9%, var(--card)), var(--card));border:1px solid var(--line);border-radius:14px;margin:2px 0 4px;padding:16px 20px 14px;position:relative}.basmala:before{content:"";border:1px solid color-mix(in oklab, var(--gold) 38%, transparent);pointer-events:none;border-radius:10px;position:absolute;inset:5px}.basmala .ar{text-align:center;font-size:calc(var(--ar-size) * 1.05);line-height:1.7}.basmala figcaption{color:var(--muted);letter-spacing:.01em;font-size:.75rem}.ruku{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.rdiv{z-index:7;background:var(--card);border:1px solid color-mix(in oklab, var(--acc) 30%, var(--line));box-shadow:0 -9px 0 var(--bg), 0 6px 16px -12px #10182859;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;padding:6px 8px 6px 14px;font-size:.8125rem;display:flex;position:sticky;top:64px}.rdiv:before{content:"";background:var(--bg);pointer-events:none;height:14px;position:absolute;bottom:100%;left:-16px;right:-16px}.selgroup .rdiv.inside:before{display:none}.rdiv>b{font:700 .8125rem var(--ff-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}.surah-nav{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.snav{background:var(--card);border:1px solid var(--line);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:14px;align-items:center;gap:16px;padding:16px 18px;display:flex}.snav.next{text-align:right;flex-direction:row-reverse;grid-column:2}.snav:hover{border-color:color-mix(in oklab, var(--acc) 45%, var(--line));box-shadow:0 1px 2px #1018280a,0 14px 30px -20px #10182859}.snav-arrow{background:var(--acc-soft);width:44px;height:44px;color:var(--acc);transition:background-color .18s var(--ease), color .18s var(--ease), transform .25s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.snav:hover .snav-arrow{background:var(--acc);color:var(--on-acc)}.snav.prev:hover .snav-arrow{transform:translate(-3px)}.snav.next:hover .snav-arrow{transform:translate(3px)}.snav-body{flex:1;gap:3px;min-width:0;display:grid}.snav-dir{font:700 .72rem var(--ff-cond);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.snav-title{align-items:baseline;gap:10px;display:flex}.snav.next .snav-title{justify-content:flex-end}.snav-title b{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.snav-ar{color:var(--acc);font-size:1.375rem;line-height:1}.snav-meta{color:var(--muted);font-size:.75rem}.snav-short{color:var(--ink);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.snav-p{align-items:center;gap:10px;margin-top:6px;display:flex}.snav.next .snav-p{flex-direction:row-reverse}.snav-p .bar{flex:1;width:auto;max-width:260px}.snav.next .snav-p .bar{transform:scaleX(-1)}@media (width<=700px){.surah-nav{grid-template-columns:1fr}.snav.next{grid-column:1}}.ayah{background:var(--card);border:1px solid var(--line);content-visibility:auto;contain-intrinsic-height:auto 120px;transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease);border-radius:12px;grid-template-columns:160px minmax(0,1fr) 30px;gap:4px 14px;padding:10px 14px;scroll-margin:160px 0;display:grid}.ayah.in-range{background:color-mix(in oklab, var(--acc) 3.5%, var(--card));border-color:color-mix(in oklab, var(--acc) 25%, var(--line))}.ayah.live{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.ayah.flash{animation:flash 1.8s var(--ease)}@keyframes flash{0%,30%{box-shadow:0 0 0 4px color-mix(in oklab, var(--gold) 45%, transparent);border-color:var(--gold)}}.juzmark{align-items:center;gap:10px;margin:8px 0 2px;display:flex}.juzmark:before,.juzmark:after{content:"";background:color-mix(in oklab, var(--gold) 45%, var(--line));flex:1;height:1px}.juzmark .lnk{color:var(--gold)}.juzmark .lnk:hover{background:color-mix(in oklab, var(--gold) 12%, transparent)}.juzplay{justify-self:start;margin:4px 0 0 -8px}.juzmark span{font:700 .75rem var(--ff-cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:color-mix(in oklab, var(--gold) 12%, var(--card));border:1px solid color-mix(in oklab, var(--gold) 40%, var(--line));border-radius:999px;padding:3px 12px}.side{flex-direction:column;align-items:flex-start;gap:6px;padding-top:5px;display:flex}.ref{color:var(--muted);border-radius:6px;margin-left:-7px;padding:0 7px;font-size:.75rem;line-height:20px}.ref.in{background:var(--acc);color:var(--on-acc);margin-left:0;font-weight:600}.acts .sel.on{color:var(--acc)}.acts .sel.on svg{fill:var(--acc-soft)}.body{gap:3px;min-width:0;display:grid}.ar{font-size:var(--ar-size);text-align:right;overflow-wrap:anywhere;line-height:1.95}.ar .end{color:var(--gold);margin-inline-start:4px;font-size:.65em}.tr{color:var(--muted);text-wrap:pretty;font-size:.84375rem;font-style:italic}.en{text-wrap:pretty;font-size:.90625rem}.acts{flex-direction:column;align-items:center;gap:2px;padding-top:2px;display:flex}.reps{color:var(--acc);font-size:.6875rem;font-weight:600}.w{cursor:pointer;transition:background-color .12s var(--ease), box-shadow .12s var(--ease);border-radius:5px}.w:hover{background:var(--tint)}.w.now{background:color-mix(in oklab, var(--acc) 15%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--acc) 15%, transparent)}::highlight(tj-ghunnah){color:var(--tj-ghunnah)}::highlight(tj-ikhfa){color:var(--tj-ikhfa)}::highlight(tj-idghaam){color:var(--tj-idghaam)}::highlight(tj-idghaam-plain){color:var(--tj-idghaam-plain)}::highlight(tj-iqlab){color:var(--tj-iqlab)}::highlight(tj-qalqalah){color:var(--tj-qalqalah)}::highlight(tj-madd2){color:var(--tj-madd2)}::highlight(tj-madd246){color:var(--tj-madd246)}::highlight(tj-madd45){color:var(--tj-madd45)}::highlight(tj-madd6){color:var(--tj-madd6)}::highlight(tj-silent){color:var(--tj-silent)}.tj-ghunnah{color:var(--tj-ghunnah)}.tj-ikhfa{color:var(--tj-ikhfa)}.tj-idghaam{color:var(--tj-idghaam)}.tj-idghaam-plain{color:var(--tj-idghaam-plain)}.tj-iqlab{color:var(--tj-iqlab)}.tj-qalqalah{color:var(--tj-qalqalah)}.tj-madd2{color:var(--tj-madd2)}.tj-madd246{color:var(--tj-madd246)}.tj-madd45{color:var(--tj-madd45)}.tj-madd6{color:var(--tj-madd6)}.tj-silent{color:var(--tj-silent)}.stseg{background:var(--card-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.stseg button{min-width:24px;height:24px;color:var(--muted);transition:background-color .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-size:.71875rem;font-weight:600;display:inline-flex}.stseg button:hover{background:var(--tint)}.stseg .dot{border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.stseg .st-1{color:var(--warm)}.stseg .st-1 .dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.stseg .st-2{color:var(--acc)}.stseg .st-2 .dot{background:currentColor}.stseg .st-0[aria-checked=true]{background:var(--card);color:var(--ink);padding-right:9px;box-shadow:0 1px 2px #1018281f}.stseg .st-1[aria-checked=true]{background:var(--warm-soft);padding-right:9px}.stseg .st-2[aria-checked=true]{background:var(--acc-soft);padding-right:9px}.status{border:1px solid var(--line);background:var(--card);height:22px;color:var(--muted);transition:background-color .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);border-radius:11px;align-items:center;gap:6px;padding:0 9px 0 7px;font-size:.71875rem;font-weight:500;display:inline-flex}.status:hover{border-color:var(--line-2)}.status .dot{border:1.5px solid;border-radius:50%;width:7px;height:7px}.status.st-1{color:var(--warm);background:var(--warm-soft);border-color:#0000}.status.st-1 .dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.status.st-2{color:var(--acc);background:var(--acc-soft);border-color:#0000}.status.st-2 .dot{background:currentColor}@media (width>=1000px){.body{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;column-gap:26px}.body .ar{grid-area:1/2/span 2}.body .tr{grid-area:1/1;padding-top:6px}.body .en{grid-area:2/1}.body:not(:has(.tr,.en)){grid-template-columns:1fr}.body:not(:has(.tr,.en)) .ar{grid-column:1}}.tjpop{z-index:40;background:var(--card);border:1px solid var(--line-2);width:360px;max-height:min(560px,80vh);box-shadow:var(--shadow-pop);animation:pop-in .16s var(--ease);border-radius:14px;gap:8px;padding:14px 14px 10px;display:grid;position:fixed;overflow:auto}.tjx{position:absolute;top:8px;right:8px}.tjhero{background:color-mix(in oklab, var(--acc) 6%, var(--card-2));border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;place-items:center;min-height:86px;margin:-14px -14px 2px;padding:14px;display:grid}.tjword{font-family:var(--ff-ar);color:var(--ink);font-size:2.6rem;line-height:1.6}::highlight(tjhero){color:var(--tj);-webkit-text-decoration:underline 3px color-mix(in oklab, var(--tj) 55%, transparent);text-decoration:underline 3px color-mix(in oklab, var(--tj) 55%, transparent);text-underline-offset:10px}.tjmark{font-family:var(--ff-ar);color:var(--gold);font-size:5.5rem;line-height:1.1}.tjname{grid-template-columns:auto 1fr auto;align-items:center;gap:2px 8px;padding-right:28px;display:grid}.tjname b{font-size:.9375rem;font-weight:600}.tjname span{font-family:var(--ff-ar);color:var(--muted);white-space:nowrap;text-align:right;font-size:1.2rem}.tjname .sw{background:currentColor;border-radius:50%;flex:none;width:10px;height:10px}.tjwhat{color:var(--ink);font-size:.84rem;line-height:1.5}.tjacts{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.tjcount{font-size:.75rem}.tjall{color:var(--acc);background:0 0;border:0;justify-self:start;align-items:center;gap:4px;padding:2px 0;font-size:.78rem;font-weight:500;display:inline-flex}.tjall[aria-expanded=true] svg{transform:rotate(180deg)}.rguide{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rguide li{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 10px}.rguide li.on{background:color-mix(in oklab, currentColor 7%, var(--card));border-color:currentColor}.rguide li.hidden{opacity:.5}.rg-h{align-items:center;gap:8px;display:flex}.rg-h b{color:var(--ink);font-size:.8125rem}.rg-h span{color:currentColor;white-space:nowrap;margin-left:auto;font-size:1.1rem;line-height:1.3}.rg-h .sw{background:currentColor;border-radius:50%;flex:none;width:9px;height:9px}.rguide p{color:var(--muted);margin:3px 0 0 17px;font-size:.78rem;line-height:1.45}.rg-subs{flex-wrap:wrap;gap:4px;margin:6px 0 0 17px;display:flex}.rg-subs>span{color:var(--ink);background:var(--card-2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:.72rem}.rg-subs [lang=ar]{color:var(--muted);font-size:.9rem}.rguide-card{background:var(--card);border:1px solid var(--line);animation:pop-in .16s var(--ease);border-radius:12px;margin:8px 0 0;padding:12px}.rguide-card header{align-items:baseline;gap:10px;margin-bottom:10px;font-size:.8125rem;display:flex}.rguide-card header .icon-btn{margin-left:auto}.rguide-card .rguide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.rguide-card header{flex-wrap:wrap}.rg-eye{color:currentColor;margin-left:2px}.rguide li.hidden .rg-eye{opacity:1;color:var(--muted)}.rg-sec{margin:14px 2px 8px;font-size:.8125rem;font-weight:600}.rguide.stops li{color:var(--gold)}.rg-mark{width:34px;height:26px;font-family:var(--ff-ar);color:var(--gold);place-items:center;padding-top:.55em;font-size:2.8rem;line-height:0;display:grid;overflow:visible}.tjnote{color:var(--muted);font-size:.6875rem}.tjname .sw{color:var(--tj)}.w.stop{color:var(--gold);position:relative}.w.stop:after{content:"";position:absolute;inset:-.35em -.55em}.g-ghunnah{--tj:var(--tj-ghunnah)}.g-ikhfa{--tj:var(--tj-ikhfa)}.g-idghaam{--tj:var(--tj-idghaam)}.g-idghaam-plain{--tj:var(--tj-idghaam-plain)}.g-iqlab{--tj:var(--tj-iqlab)}.g-qalqalah{--tj:var(--tj-qalqalah)}.g-madd2{--tj:var(--tj-madd2)}.g-madd246{--tj:var(--tj-madd246)}.g-madd45{--tj:var(--tj-madd45)}.g-madd6{--tj:var(--tj-madd6)}.g-silent{--tj:var(--tj-silent)}.player{z-index:30;background:var(--card);box-shadow:var(--shadow-bar);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.player-in{max-width:1440px;padding:0 var(--gutter) 8px;margin:0 auto}.scrub{cursor:pointer;touch-action:none;height:18px;position:relative}.scrub:focus-visible{outline-offset:0}.track{transition:inset .12s var(--ease);gap:2px;display:flex;position:absolute;inset:7px 0}.track span{background:color-mix(in oklab, var(--ink) 12%, transparent);border-radius:2px;min-width:2px}.track.dense{gap:0}.track.dense span{border-radius:0;min-width:0}.fill{background:var(--acc);pointer-events:none;transition:top .12s var(--ease), bottom .12s var(--ease);border-radius:2px;position:absolute;top:7px;bottom:7px;left:0}.knob{background:var(--acc);width:14px;height:14px;box-shadow:0 0 0 3px var(--card);transition:transform .12s var(--ease);pointer-events:none;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;transform:scale(0)}.scrub:hover .track,.scrub.drag .track{inset:6px 0}.scrub:hover .fill,.scrub.drag .fill{top:6px;bottom:6px}.scrub:hover .knob,.scrub.drag .knob,.scrub:focus-visible .knob{transform:scale(1)}.tip{background:var(--ink);color:var(--card);pointer-events:none;white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:.75rem;font-weight:600;position:absolute;bottom:22px;transform:translate(-50%)}.prow-p{align-items:center;gap:14px;display:flex}.pc{align-items:center;gap:2px;display:flex}.play-btn{background:var(--acc);width:42px;height:42px;color:var(--on-acc);transition:transform .12s var(--ease), background-color .15s var(--ease);border:0;border-radius:50%;place-items:center;margin:0 2px;display:grid}.play-btn:hover{background:color-mix(in oklab, var(--acc) 86%, var(--ink))}.play-btn:active{transform:scale(.95)}.play-btn.buf{position:relative}.play-btn.buf:after{content:"";border:2px solid #0000;border-top-color:var(--gold);border-radius:50%;animation:.8s linear infinite spin;position:absolute;inset:-4px}.pnow{min-width:0;line-height:1.25;display:grid}.pnow b{font-size:1rem}.pnow .muted{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.saving{border:1px solid color-mix(in oklab, var(--acc) 35%, var(--line));min-width:210px;height:32px;color:var(--acc);background:linear-gradient(90deg, var(--acc-soft) var(--p), var(--card) var(--p));border-radius:8px;align-items:center;gap:8px;padding:0 4px 0 10px;font-size:.78rem;transition:background .3s linear;display:inline-flex;position:relative;overflow:hidden}.saving:after{content:"";height:2px;width:var(--p);background:var(--acc);transition:width .3s linear;position:absolute;bottom:0;left:0}.saving-t{flex:1;align-items:baseline;gap:8px;display:flex}.saving-t b{font-weight:600}.saving-t span{color:var(--muted);font-size:.72rem}.saving-x{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.saving-x:hover{background:var(--tint);color:var(--ink)}.count{color:var(--muted);gap:12px;font-size:.78rem;display:flex}.count span{align-items:center;gap:4px;display:inline-flex}.count b{color:var(--acc)}.pchips{align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--line);height:32px;color:var(--muted);background:var(--bg);border-radius:8px;align-items:center;gap:4px;padding:0 6px 0 9px;font-size:.78rem;display:inline-flex}.chip input{color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;outline:none;width:44px;padding:0 2px;font-size:.8125rem;font-weight:500}.chip input::-webkit-inner-spin-button{display:none}.gear-wrap,.range-wrap{position:relative}.range-chip{gap:0;padding:0;overflow:hidden}.range-chip.set{border-color:color-mix(in oklab, var(--acc) 45%, var(--line));background:var(--acc-soft)}.range-btn{height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px 0 10px;font-weight:500;display:inline-flex}.range-x{border:0;border-left:1px solid color-mix(in oklab, var(--acc) 30%, var(--line));height:100%;color:var(--acc);background:0 0;place-items:center;padding:0 8px;display:grid}.range-btn:hover,.range-x:hover{background:var(--tint)}.range-btn .muted{font-size:.72rem;font-weight:400}.range-wrap{align-items:center;gap:2px;display:flex}.rpop{z-index:5;background:var(--card);border:1px solid var(--line-2);width:340px;box-shadow:var(--shadow-pop);animation:pop-in .16s var(--ease);border-radius:12px;gap:12px;padding:12px;display:grid;position:absolute;bottom:44px;right:0}.rpop-h{justify-content:space-between;align-items:baseline;font-size:.8125rem;display:flex}.dual{height:22px;position:relative}.dual-track{background:var(--line);border-radius:2px;height:4px;position:absolute;top:9px;left:9px;right:9px}.dual-track i{left:var(--a);right:calc(100% - var(--b));background:var(--acc);border-radius:2px;position:absolute;top:0;bottom:0}.dual input{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.dual input::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:var(--card);border:2px solid var(--acc);cursor:grab;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #10182833}.dual input::-moz-range-thumb{pointer-events:auto;background:var(--card);border:2px solid var(--acc);cursor:grab;border-radius:50%;width:14px;height:14px}.dual input::-moz-range-track{background:0 0}.dual input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--acc);outline-offset:2px}.steppers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rpop{overflow-x:hidden}.rpop>*{min-width:0}.stepper{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-items:center;gap:2px;padding:3px 4px 3px 10px;font-size:.78rem;display:flex}.stepper .muted{margin-right:auto}.stepper input{text-align:center;width:44px;min-width:24px;color:var(--ink);-moz-appearance:textfield;background:0 0;border:0;outline:none;flex:0 44px;font-size:.875rem;font-weight:600}.stepper input::-webkit-inner-spin-button{display:none}.stepper:focus-within{outline:2px solid var(--acc);outline-offset:1px}.presets{flex-wrap:wrap;gap:6px;display:flex}.gpop{background:var(--card);border:1px solid var(--line-2);width:320px;box-shadow:var(--shadow-pop);animation:pop-in .16s var(--ease);border-radius:12px;gap:4px;padding:8px;display:grid;position:absolute;bottom:44px;right:0}.opt{justify-content:space-between;align-items:center;gap:10px;padding:4px 6px;font-size:.8125rem;display:flex}@media (width<=1100px){.shead{grid-template-columns:1fr;display:grid}.sprog{border-left:0;padding-left:0}.sact{grid-column:1/-1;justify-content:flex-start}.kpis{grid-template-columns:repeat(2,1fr)}.kpi.main{grid-column:1/-1}.kpi{border-left:0;border-top:1px solid var(--line)}.kpi.main{border-top:0}.prow{grid-template-columns:30px 1fr 80px}.prow .chips,.prow .cells{grid-column:1/-1}.search{flex:1;width:auto;max-width:340px}.prow-p{flex-wrap:wrap;row-gap:6px}.prow-p .grow{display:none}.pchips{width:100%}}@media (width<=700px){.brand{letter-spacing:.1em}.tabs a{padding:0 8px}.tab-pct,.search kbd,.brand-name{display:none}.top-in{gap:6px}.search{min-width:0;margin-left:4px;padding:0 8px}.tabs{margin-left:0}.ayah{grid-template-columns:minmax(0,1fr) auto;padding:10px}.side{flex-direction:row;grid-column:1;align-items:center;padding-top:0}.acts{flex-direction:row;grid-area:1/2}.body{grid-column:1/-1}.sprog div{min-width:0}.count{display:none}.pchips{flex-wrap:wrap}}.login{background:radial-gradient(55% 45% at 30% 38%,#5078c859,#0000 70%),radial-gradient(40% 35% at 78% 30%,#b8860b24,#0000 70%),linear-gradient(#213f7a 0%,#172f62 45%,#0f2149 100%);grid-template-columns:minmax(400px,56%) 1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden}.login-side{color:#eef2fa;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(24px,3.6vw,52px);display:flex;position:relative}.ayah-field{width:100%;height:100%;position:absolute;inset:0}.login-side .brand{color:#f3d48a}.login-verse{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(620px,100%);animation:rise-in 1s var(--ease) .2s both;background:linear-gradient(#142854c7,#0e1e42a8);border:1px solid #f3d48a29;border-radius:18px;margin:0 auto;padding:26px 30px 22px;box-shadow:inset 0 1px #f3d48a47,0 30px 60px -30px #000000b3}.login-verse .ar{color:#fff;text-align:center;text-wrap:balance;font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.95}.login-verse figcaption{border-top:1px solid #f3d48a38;justify-items:center;gap:10px;margin-top:14px;padding-top:14px;display:grid}.login-verse figcaption p{color:#d5deef;text-wrap:balance;max-width:34em;font-size:1rem;line-height:1.55}.login-verse figcaption span{font:600 .8125rem var(--ff-cond);letter-spacing:.16em;text-transform:uppercase;color:#f3d48a;align-items:center;gap:8px;display:inline-flex}.login-verse figcaption i{background:#f3d48a;width:7px;height:7px;transform:rotate(45deg)}.login-count{font:600 .875rem var(--ff-cond);letter-spacing:.14em;text-transform:uppercase;color:#f3d48a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1530d1;border:1px solid #f3d48a4d;border-radius:999px;place-self:flex-start start;padding:7px 14px}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}.login-main{padding:32px var(--gutter);place-items:center;display:grid;position:relative}.login-form{background:var(--card);width:min(400px,100%);animation:rise-in .8s var(--ease) .1s both;border:1px solid #fff9;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:16px;padding:30px 30px 26px;display:grid;box-shadow:0 0 0 6px #ffffff0f,0 40px 80px -30px #0009}.login-form.shake{animation:.32s ease-out shake}@keyframes shake{20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}to{transform:none}}.login-h{gap:4px;margin-bottom:6px;display:grid}.logo.big{width:38px;height:38px;margin-bottom:10px}.login-side .logo{border-radius:6px;box-shadow:0 0 0 1px #f3d48a59}.login-h h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.login-h .muted{font-size:.875rem}.lf{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;font-size:.8125rem;font-weight:500;display:grid}.lf-box{border:1px solid var(--line-2);background:var(--card);height:46px;color:var(--muted);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:11px;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.lf-box:hover{border-color:color-mix(in oklab, var(--acc) 35%, var(--line-2))}.lf-box:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft);color:var(--acc)}.lf-box{min-width:0}.lf-box input{width:100%;min-width:0;height:100%;box-shadow:none;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.lf-box input[name=pin]{letter-spacing:.25em}:-webkit-any(.lf-box input:autofill,.lf-box input:-webkit-autofill){-webkit-box-shadow:0 0 0 40px var(--card) inset;-webkit-text-fill-color:var(--ink)}:is(.lf-box input:autofill,.lf-box input:autofill){-webkit-box-shadow:0 0 0 40px var(--card) inset;-webkit-text-fill-color:var(--ink)}.lf-eye{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.lf-eye:hover{background:var(--tint);color:var(--ink)}.lf.bad .lf-box{border-color:var(--err);box-shadow:0 0 0 3px color-mix(in oklab, var(--err) 14%, transparent);color:var(--err)}.lf-msg{color:var(--err);animation:rise-in .25s var(--ease);gap:6px;font-size:.78rem;font-weight:500;display:flex}.login-err{color:color-mix(in oklab, var(--err) 80%, var(--ink));background:color-mix(in oklab, var(--err) 8%, var(--card));border:1px solid color-mix(in oklab, var(--err) 30%, var(--line));animation:rise-in .3s var(--ease);border-radius:11px;align-items:flex-start;gap:10px;padding:11px 13px;font-size:.84rem;line-height:1.45;display:flex}.login-err svg{color:var(--err);flex:none;margin-top:1px}.login-err b{font-weight:600;display:block}.login-err span b.tab{display:inline}.login-go{border-radius:11px;justify-content:center;gap:8px;height:48px;margin-top:4px;font-size:.9375rem}.login-go svg{transition:transform .2s var(--ease)}.login-go.ok,.login-go.ok:disabled{opacity:1;color:#fff;transition:background-color .25s var(--ease);background:#15803d;border-color:#15803d}.tick path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;animation:draw .45s var(--ease) .1s forwards}@keyframes draw{to{stroke-dashoffset:0}}.login.leaving .login-form{animation:leave .45s var(--ease) .65s forwards}.login.leaving .login-side>:not(.brand){animation:leave .45s var(--ease) .6s forwards}@keyframes leave{to{opacity:0;transform:translateY(-8px)scale(.98)}}.shell-in{animation:fade-in .5s var(--ease)}@keyframes fade-in{0%{opacity:0}}.login-go:hover:not(:disabled) svg:last-child{transform:translate(3px)}@media (width<=860px){.login{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-side{min-height:360px;padding:18px var(--gutter) 22px;gap:16px}.login-verse{padding:16px 18px}.login-verse .ar{font-size:1.6rem}.login-verse figcaption p{font-size:.875rem}.login-main{padding:6px var(--gutter) 28px;place-items:start center}.login-form{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1560px){.wrap{padding-right:calc(var(--gutter) + 50px)}.scrollbtns{right:12px}.shead{margin-right:calc(-1 * (var(--gutter) + 50px));padding-right:calc(var(--gutter) + 50px)}}@media (width<=700px){.wrap{padding-right:var(--gutter)}.rpop,.gpop,.menu-list.up{bottom:calc(118px + env(safe-area-inset-bottom));width:auto;max-height:60vh;position:fixed;overflow:auto;left:8px!important;right:8px!important}.scrollbtns{right:6px}.sbtn{opacity:.85;width:34px;height:34px}.stseg button{min-width:32px;height:32px}.acts .icon-btn.sm{width:38px;height:38px}.prompt{gap:6px 8px;padding:8px 10px}.prompt>span:first-of-type{flex:60%;font-size:.78rem}.ptool .resume{margin-left:0}.vtabs{width:100%}.vtabs button{flex:1;padding:0 6px}.player:has(.rpop,.gpop,.menu-list.up):before{content:"";animation:fade-in .15s var(--ease);background:#080e1c61;position:fixed;inset:0}.menu-chip .muted{display:none}.pchips{gap:4px}.range-btn .muted{display:none}.pchips{flex-wrap:nowrap;gap:3px}.pchips .chip{height:32px;font-size:.75rem}.pchips .range-btn{gap:4px;padding:0 6px}.split-main{gap:4px;padding:0 4px 0 6px}.split-caret{padding:0 3px}.pchips>.gear-wrap .icon-btn{width:30px}.shead{margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.sync-word{display:none}.sync.pending,.sync.done{justify-content:center;width:34px;padding:0;position:relative}.sync-n{background:var(--warm);min-width:15px;height:15px;color:var(--card);text-align:center;border-radius:8px;padding:0 3px;font-size:.625rem;line-height:15px;position:absolute;top:1px;right:1px}.tjkey{flex-wrap:wrap}.tjkey-chips{flex-basis:100%;order:3}.tjkey-acts{margin-left:auto}}.wrap{overflow-x:clip}html{overflow-x:hidden}@media (hover:none) and (width<=1560px){.wrap{padding-right:var(--gutter)}.shead{margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.scrollbtns{opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.scrollbtns.moving{opacity:1;pointer-events:auto}}.search{flex:0 340px;min-width:0}.top-in{min-width:0}.range-btn,.menu-btn,.pick{white-space:nowrap}.noscroll-x{scrollbar-width:none}@media (width<=860px){.top-in{gap:8px}.tabs a{padding:0 9px}.search kbd{display:none}}@media (width<=700px){.shead{gap:8px;padding-top:10px;padding-bottom:10px}.sw{gap:8px}.sbadge{width:32px;height:32px;font-size:.8125rem}.stitle h1{font-size:1.0625rem}.sar{padding-left:8px;font-size:1.35rem}.smeta,.sact,.fchips{flex-wrap:wrap}.smeta>.muted{display:none}.sprog{gap:8px}.sprog .big{font-size:1.4rem}.prompt{grid-template-columns:auto 1fr auto auto;align-items:center;display:grid}.prompt>span:first-of-type{grid-column:2}.prompt .btn{height:28px;padding:0 9px}.prompt .err{grid-column:1/-1}.basmala{padding:10px 12px 8px}.basmala .ar{font-size:calc(var(--ar-size) * .85)}.basmala figcaption{font-size:.6875rem}.rdiv{flex-wrap:nowrap;gap:8px;padding:5px 6px 5px 12px}.rdiv .lnk{gap:0;height:30px;padding:0 7px;font-size:0}.rdiv .bar{width:48px}.kpi{padding:10px 14px}.kpi .big{font-size:2rem}.legend{display:none}.toolbar .fchips{flex:100%;min-width:0}}@media (width<=480px){.search{flex:none;justify-content:center;width:36px;padding:0;position:relative}.search input{opacity:0;width:100%;position:absolute;inset:0}.search:focus-within{z-index:3;background:var(--card);justify-content:flex-start;width:auto;padding:0 10px;position:absolute;left:8px;right:8px}.search:focus-within input{opacity:1;position:static}.top-in{position:relative}}@media (width<=380px){.pchips .range-btn>.tab:first-child{text-overflow:ellipsis;max-width:74px;overflow:hidden}.tabs a{gap:5px;padding:0 7px;font-size:.8125rem}}@media (width<=700px){.prompt .grow{display:none}.toolbar{flex-wrap:wrap}.toolbar .fchips{flex:100%}}.rguide p bdi,.tjwhat bdi,.tjpop bdi{vertical-align:-.12em;background:color-mix(in oklab, currentColor 9%, transparent);height:1.3em;color:var(--ink);white-space:nowrap;border-radius:5px;margin:0 .1em;padding:0 .32em;font-family:Noto Naskh Arabic,Noto Sans Arabic,Segoe UI,system-ui,sans-serif;font-size:1.25em;font-weight:600;line-height:1.25;display:inline-block;overflow:hidden}.rguide li p bdi{color:var(--ink)}.rg-mark{transform-origin:50%;place-items:center;width:36px;height:30px;padding:0;font-size:1.6rem;line-height:1;display:grid;transform:scale(1.9)translateY(.55em)}.tjmark{display:inline-block;transform:scale(1.5)translateY(.25em)}:root{--ar-rel:1}html[data-size="1"]{--ar-rel:.8}html[data-size="2"]{--ar-rel:.9}html[data-size="4"]{--ar-rel:1.15}html[data-size="5"]{--ar-rel:1.35}.rg-h span[lang=ar],.tjname span[lang=ar],.rg-subs [lang=ar]{font-family:var(--ff-ar)}.rg-h span[lang=ar]{font-size:calc(1.15rem * var(--ar-rel))}.tjname span[lang=ar]{font-size:calc(1.25rem * var(--ar-rel))}.rg-subs [lang=ar]{font-size:calc(.95rem * var(--ar-rel))}.card-ar{font-size:calc(1.5rem * var(--ar-rel))}.sar{font-size:calc(1.75rem * var(--ar-rel))}.snav-ar{font-size:calc(1.375rem * var(--ar-rel))}.resume-ar{font-size:calc(1.4rem * var(--ar-rel))}.rguide p bdi,.tjwhat bdi,.tjpop bdi{font-family:var(--ff-ar);font-weight:400;font-size:calc(1.3em * var(--ar-rel));vertical-align:middle;border-radius:6px;height:auto;margin:0 .1em;padding:0 .32em;line-height:1.45;display:inline-block;overflow:visible}.rmodal{border:1px solid var(--line);background:var(--bg);width:min(1180px,100vw - 32px);max-height:min(86vh,900px);color:var(--ink);border-radius:18px;padding:0;overflow:hidden;box-shadow:0 30px 80px -20px #00000080}.rmodal[open]{animation:pop-in .2s var(--ease);flex-direction:column;display:flex}.rmodal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080e1c73}.rmodal header{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;display:flex}.rmodal header>div{display:grid}.rmodal header b{font-size:1.0625rem}.rmodal header .muted{font-size:.8125rem}.rmodal header .toggle{padding:4px 8px}.rm-ic{background:var(--acc-soft);width:38px;height:38px;color:var(--acc);border-radius:11px;flex:none;place-items:center;display:grid}.rm-body{padding:14px 16px 18px;overflow:auto}.rmodal .rguide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (width<=700px){.rmodal{border-radius:18px 18px 0 0;width:100vw;max-width:100vw;height:92dvh;max-height:92dvh;margin:auto 0 0}.rmodal header .muted{display:none}.rmodal .rguide{grid-template-columns:1fr}}.pick.c-rules{color:#6d35d6;background:color-mix(in oklab, #7c3aed 9%, var(--card));border-color:color-mix(in oklab, #7c3aed 28%, var(--line))}.pick.c-save{color:#0f6b5a;background:color-mix(in oklab, #0f766e 9%, var(--card));border-color:color-mix(in oklab, #0f766e 28%, var(--line))}.pick.c-saved{color:var(--ok);background:color-mix(in oklab, var(--ok) 9%, var(--card));border-color:color-mix(in oklab, var(--ok) 28%, var(--line))}.pick.c-mark{color:var(--acc);background:var(--acc-soft);border-color:color-mix(in oklab, var(--acc) 25%, var(--line))}.pick.c-ruku{color:#8a5a00;background:color-mix(in oklab, var(--gold) 10%, var(--card));border-color:color-mix(in oklab, var(--gold) 30%, var(--line))}.rdiv .lnk:first-of-type{color:var(--acc)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pick.c-rules{color:#b9a0ff}:root:not([data-theme=light]) .pick.c-save{color:#5fd3bd}:root:not([data-theme=light]) .pick.c-ruku{color:#f0c86a}}:root[data-theme=dark] .pick.c-rules{color:#b9a0ff}:root[data-theme=dark] .pick.c-save{color:#5fd3bd}:root[data-theme=dark] .pick.c-ruku{color:#f0c86a}.login-side{position:static}.login-side>.login-count{z-index:2;position:absolute;bottom:clamp(14px,3vh,32px);right:clamp(14px,3vw,40px)}@media (width<=860px){.login-main{padding-bottom:72px}}.login-side>.login-verse{margin:auto}@media (width<=700px){.menu-list,.menu-list.up{z-index:80;width:auto;max-height:70vh;animation:sheet-up .22s var(--ease);border-radius:16px;padding:6px;top:auto!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;position:fixed!important;translate:none!important}.menu-list li{padding:12px;font-size:.9375rem}.menu-scrim{display:block}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.menu-list{z-index:80}.menu-scrim{z-index:79;animation:fade-in .15s var(--ease);background:#080e1c61;display:none;position:fixed;inset:0}.tjpop{width:min(360px,100vw - 16px)}@media (width<=700px){.menu-scrim{display:block}}.reciter-chip .rc-name{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.reciter-chip svg:first-child{color:var(--acc)}@media (width<=1100px){.reciter-chip .rc-name{max-width:110px}}@media (width<=700px){.reciter-chip .rc-name{display:none}}.pnow{overflow:hidden}.preciter{color:var(--acc);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:inline-flex;overflow:hidden}.nobr{white-space:nowrap}@media (width<=700px){.scrollbtns{opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.scrollbtns.moving{opacity:1;pointer-events:auto}.login-side{gap:10px;min-height:0;padding-top:14px;padding-bottom:14px}.login-verse{padding:12px 14px}.login-verse .ar{font-size:1.35rem;line-height:1.8}.login-verse figcaption{gap:6px;margin-top:6px;padding-top:8px}.login-verse figcaption p{font-size:.8125rem}.login-main{padding-top:4px}.tag,.card-meta .tag,.tjnote,.basmala figcaption,.stl,.snav-dir,.rc em,.juzscale{font-size:.75rem}.acts .icon-btn,.pc .icon-btn,.player .icon-btn{min-width:40px;min-height:40px}.icon-btn.sm{width:36px;height:36px}.btn.sm,.pick,.lnk,.chip,.split-main,.split-caret,.range-btn,.rc{min-height:36px}.split-caret{min-width:30px}.tjall{padding:8px 0}.scrub{height:26px}.track{inset:11px 0}.fill{top:11px;bottom:11px}.stseg button{min-width:34px;height:34px}.cells a{width:16px;height:16px}.prompt{grid-template-columns:auto 1fr}.prompt .btn{grid-row:2}.prompt .btn.primary{grid-column:2;justify-self:start}.prompt .btn.ghost{grid-column:2;justify-self:end}.rmodal header b{white-space:nowrap}}:root{--end:#8a6400}.ar .end{color:var(--end)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--end:var(--gold)}}:root[data-theme=dark]{--end:var(--gold)}@media (hover:none){.tooltip{display:none}}.pneed{white-space:nowrap;background:var(--warm-soft);border:1px solid color-mix(in oklab, var(--warm) 35%, var(--line));animation:pop-in .2s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:3px 3px 3px 12px;font-size:.78rem;display:inline-flex}.pneed-t{color:var(--warm);align-items:center;gap:6px;margin-right:4px;display:inline-flex}.pneed-t b{color:var(--ink);font-weight:600}.pneed .btn{border-radius:999px;height:28px}.pneed .btn.ghost{color:var(--ink)}@media (width<=1320px){.pneed-for{display:none}}.prow-p{flex-wrap:wrap}@media (width<=700px){.pneed{flex:100%;order:5;justify-content:space-between}}.pnow{flex:none;min-width:140px}@media (width<=700px){.pneed-for{display:none}.pneed{white-space:nowrap;order:4}.pchips{order:6}.pnow{flex:auto;min-width:0}}.pc{flex:none}.here{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px;scroll-margin:120px 0 160px}.card.here,.prow.here{border-radius:12px}.more{align-items:center;gap:8px;margin:2px 0;display:flex}.more:before,.more:after{content:"";background:var(--line-2);flex:1;height:1px}.more .btn{border-radius:999px}.keepgoing{text-align:center;color:var(--muted);margin:10px 0 0;font-size:.75rem}@media (hover:none){.acts .icon-btn,.player .icon-btn{min-width:40px;min-height:40px}.icon-btn.sm{width:36px;height:36px}.btn.sm,.pick,.lnk,.chip,.split-main,.split-caret,.range-btn,.rc,.menu-btn{min-height:36px}.split-caret{min-width:30px}.stseg button{min-width:34px;height:34px}.toggle input{border-radius:12px;width:40px;height:24px}.toggle input:after{width:20px;height:20px}.toggle input:checked:after{transform:translate(16px)}.seg button{min-height:34px}}.juzmark .lnk,.juzmark span{color:var(--end)}.keepgoing.up{margin:0 0 2px}.keepgoing:after{content:"";background:linear-gradient(var(--acc), var(--acc)) left / calc(var(--pull-down,0) * 100%) 100% no-repeat var(--line);border-radius:2px;width:120px;height:3px;margin:6px auto 0;display:block}.keepgoing.up:after{background-size:calc(var(--pull-up,0) * 100%) 100%}