:root{--bg: #fbfafc;--ink: #000;--ink2: #1c1c1e;--muted: #6d6d72;--sep: #dcdce0;--btn: #dfedf8;--btn-border: #b7cde1;--band: #e2ecf7;--accent: #0e62a1;--toggle: #1d6595;--mk: #196297;--mkfill: #e9f4fa;--hl: #dceaf6;--card: #fff;--ui: -apple-system, BlinkMacSystemFont, "SF Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--quran: "KFGQPC HAFS", serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}html.night{--bg: #000;--ink: #e8e6e1;--ink2: #ecebe8;--muted: #9a9aa0;--sep: #2c2c2e;--btn: #1c2733;--btn-border: #2f4152;--band: #16202a;--card: #1c1c1e;--hl: #1d3347;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;height:100dvh}body{background:var(--bg);color:var(--ink);font-family:var(--ui);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#f4efe3}html.night .splash{background:#111410;color:#cfe3c8}.splash img,.splash .spinner{animation:splashIn .5s ease .35s both}.splash .spinner{width:22px;height:22px;border-width:2px;border-color:#c9a24e40;border-top-color:#b8913f;animation:splashIn .5s ease .35s both,spin 1.4s linear infinite}@keyframes splashIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.splash img,.splash .spinner{animation:none}}.splash img{border-radius:20px;box-shadow:0 6px 24px #0000001f}.splash-title{font:700 28px Amiri,serif}.spinner{width:28px;height:28px;border:3px solid #cfe0ee;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.app{position:fixed;inset:0;height:100%;height:100dvh;max-height:100dvh;background:var(--bg)}.topbar-wrap{position:absolute;top:0;left:0;right:0;z-index:20}.app.is-framed .topbar-wrap{background-color:#f7f2e8;background-image:var(--frame-floral, none);background-size:14px 14px;background-repeat:repeat-x;background-position:left bottom;background-clip:content-box;padding-top:var(--safe-t, 0px);box-sizing:border-box}.topbar{position:relative;display:flex;align-items:center;gap:6px;padding:calc(var(--safe-t) + 5px) 8px 5px;min-height:calc(var(--safe-t) + 42px)}.app.is-framed .topbar{padding-top:5px;min-height:42px}.tb-clean{background:#fbfafcdb;-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}html.night .tb-clean{background:#000000c7}.tb-framed{background:transparent}html.night .tb-framed{filter:brightness(.55)}.sq-btn{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--btn);border:1px solid var(--btn-border);color:var(--ink2);box-shadow:0 1px 2px #113c6414}.tb-label{flex:1;font:700 10.5px Amiri,serif;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.tb-pill{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:20px;height:31px;padding:0 15px 0 12px;min-width:112px;background:var(--btn);border:1px solid var(--btn-border);border-radius:16px;font-size:14.5px;font-weight:500;color:var(--ink2)}.tb-labels{flex:1;display:flex;align-items:center;gap:0;height:22px;cursor:pointer;min-width:0}.tb-plate{flex:1;min-width:0;height:20px;padding:1px;background:var(--fa, #1b4f7a);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%)}.tb-plate span{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background:#fff;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);box-shadow:inset 0 0 0 1.5px #fff,inset 0 0 0 2.5px var(--fb, #5fa7b5);font:700 10.5px Amiri,serif;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-knot{flex:none;width:12px;height:12px;margin:0 -2px;transform:rotate(45deg);background:var(--fb, #5fa7b5);border:1.5px solid var(--fa, #1b4f7a);box-shadow:0 0 0 1px #fff;z-index:1}html.night .tb-plate span{background:#111;color:#eee}.pop-scrim{position:fixed;inset:0;z-index:1}.pop-menu{position:absolute;z-index:2;top:calc(100% - 4px);left:50%;transform:translate(-50%);min-width:200px;background:var(--card);border-radius:13px;box-shadow:0 10px 40px #0000002e,0 0 0 .5px #00000014;overflow:hidden}.pop-menu button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 16px;font-size:16px;color:var(--ink2)}.pop-menu button+button{border-top:.5px solid var(--sep)}.pop-menu svg{color:var(--accent)}.reader{position:absolute;inset:0;touch-action:pan-x pan-y}.vreader{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-anchor:none}.vr-inner{position:relative}.vr-slot{position:absolute;left:0;right:0;display:flex;justify-content:center}.hreader{position:absolute;inset:0}.hreader>.flipbook{top:var(--top-h)}.pg{position:relative;margin:0 auto}.pg-box{position:relative;background:var(--bg)}.pg.framed .pg-box{background:#fff}html.night .pg.framed .pg-box{background:#050505}.chain{position:absolute;inset:0;overflow:hidden;pointer-events:none}.chain i{position:absolute;background-repeat:round;pointer-events:none}.chain .c-r,.chain .c-l{top:var(--cw);bottom:var(--cw);width:var(--cw);background-size:var(--cw) calc(var(--cw) * 1.2);z-index:1}.chain .c-r{right:0}.chain .c-l{left:0}.chain .c-t,.chain .c-b{left:0;right:0;height:var(--cw);background-size:calc(var(--cw) * 1.2) var(--cw);z-index:2}.chain:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1.25px var(--fa, #08365e);pointer-events:none;z-index:2}.chain .c-t{top:0}.chain .c-b{bottom:0}html.night .chain i{opacity:.55}.lines{font-family:var(--quran);color:var(--ink);direction:rtl;position:relative}.ln{height:var(--pitch);display:flex;align-items:center;white-space:nowrap;line-height:1}.ln-a{justify-content:space-between;transform-origin:right center}.ln-a.c{justify-content:center;gap:.26em}.ln-s,.ln-b{justify-content:center}.ln .w,.ln .mk{display:inline-block;padding-top:.18em}.lines.qcf .ln .w{padding-top:0}.lines.qcf .mk,.flow.qcf .mk{font-family:var(--quran);font-size:1.28em;padding-top:.1em}.flow.qcf .mk{padding-top:0;margin:0 .05em}.lines.qcf,.flow.qcf{-webkit-text-stroke:.014em currentColor}.lines.qcf .mk,.flow.qcf .mk{-webkit-text-stroke:.01em currentColor}.lines.qcf .ln-a.c{gap:0}.flow .mk{display:inline-block;line-height:1;vertical-align:middle}.mk{color:var(--mk);font-family:var(--quran);background:radial-gradient(ellipse 40% 42% at 50% 55%,var(--mkfill) 0 92%,transparent 100%)}.hl{background-color:var(--hl);border-radius:3px;box-shadow:0 0 0 .12em var(--hl)}.masked{cursor:pointer}.masked .w{color:transparent!important;background:none;box-shadow:none;-webkit-text-stroke:0;-webkit-text-fill-color:transparent!important}.ln-a.masked{background:#e6edf2!important;border-radius:4px;box-shadow:inset 0 0 0 1px #c5d3de}.masked .mk{visibility:hidden}.ln-a.masked.c{background-size:auto}.flow.masked{color:transparent!important;-webkit-text-fill-color:transparent!important;background:#e6edf2;border-radius:4px;padding:.15em .25em;text-decoration:none;-webkit-text-stroke:0}.reflow .flow{margin:0;text-align:center;line-height:2.25;word-spacing:.02em;font-family:var(--quran);color:var(--ink)}.reflow .flow .mk{padding:0 .04em}.reflow .flow.qcf{line-height:2.35;word-spacing:-.22em}.reflow .flow.qcf .w{margin-inline:-.02em}.surah-banner{position:relative;display:block;flex:none}.surah-banner svg{position:absolute;inset:0}.sb-name{position:absolute;inset:0;text-align:center;font-family:SuraNames;color:#1a1a1a;direction:rtl;white-space:nowrap;padding-top:.04em}html.night .surah-banner svg{filter:brightness(.6) saturate(.8)}html.night .sb-name{color:#f0f0f0}.basmala{font-family:QCF Basmala;color:var(--ink);line-height:1;white-space:nowrap;padding-top:.1em}.pg.special .pg-box{padding:0}.illum{position:absolute;inset:0;display:block}html.night .illum{filter:brightness(.62) saturate(.85)}.special-field{position:absolute;left:12%;right:12%;display:flex;align-items:center;justify-content:center}.special-field .lines{width:100%;color:#000}.special-field .ln-a.c{justify-content:center}html.night .special-field .lines{color:#f2f2f2}.pg-foot{position:relative;min-height:30px;height:auto;padding:0;display:flex;align-items:center;justify-content:center;direction:rtl;background-size:20px 20px;overflow:visible}.foot-center{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:3px;width:100%;height:100%;min-height:26px;padding:0;direction:rtl}.pg-foot.margin-foot{background:#fff}html.night .pg-foot.margin-foot{background:#050505}.pg-foot.margin-foot .pnum{font-size:13.5px;color:#2f5a2ad9}.pg-foot.margin-foot .book-side{opacity:.45}html.night .pg-foot.margin-foot .pnum{color:#9fc49ad9}html.night .pg-foot.margin-foot .eye-btn:before{background:transparent;box-shadow:0 0 0 1px #9fc49a59}.pg-foot.margin-foot .eye-btn{width:28px;height:28px;margin:-2px 0}.pg-foot.margin-foot .eye-btn:before{inset:6px;background:transparent;box-shadow:0 0 0 1px #2f5a2a4d}.tb-spacer{flex:1}.pg-hizb{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--muted);direction:rtl}.eye-btn{position:relative;z-index:5;justify-self:start;width:32px;height:32px;margin:-3px 0;border:0;padding:0;display:grid;place-items:center;background:transparent;color:#2f5a2a;flex:none;pointer-events:auto;touch-action:manipulation}.eye-btn:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fcfcfaeb;box-shadow:0 0 0 1px #2f5a2a73;transition:background .15s,box-shadow .15s}.eye-btn svg{position:relative}.eye-btn.off{color:#8a4b12}.eye-btn.off:before{background:#fbf1e2;box-shadow:0 0 0 1px #b07028cc}html.night .eye-btn{color:#9fc49a}html.night .eye-btn:before{background:#1c1f1c;box-shadow:0 0 0 1px #9fc49a73}html.night .eye-btn.off{color:#e0b070}html.night .eye-btn.off:before{background:#2a2116;box-shadow:0 0 0 1px #e0b07099}html.night .pg.madani .eye-btn{color:#2f5a2a}html.night .pg.madani .eye-btn:before{background:#fcfcfabf;box-shadow:0 0 0 1px #2f5a2a73}html.night .pg.madani .eye-btn.off{color:#8a4b12}.book-num .book-side{justify-self:end;width:12px;height:9px;color:#2f5a2a;opacity:.6}.pnum{grid-column:2;font:400 15px/1 Amiri,Noto Naskh Arabic,serif;color:#2f5a2a;padding-top:2px;pointer-events:none;white-space:nowrap}.foot-center .eye-btn{grid-column:3}.foot-center .book-side{grid-column:1}html.night .pnum,html.night .book-num .book-side{color:#9fc49a}html.night .pg.madani .pnum,html.night .pg.madani .book-num .book-side{color:#2f5a2a}.pg-sep{margin:2px 0 4px;border:0;height:1.5px;background:#3a3a3c;width:100vw;position:relative;left:50%;transform:translate(-50%)}html.night .pg-sep{background:#48484a}.flipbook{position:absolute;inset:0;perspective:2200px;touch-action:pan-y}.flipbook.curl{perspective:none}.curl-canvas{position:absolute;inset:0;z-index:6;pointer-events:none;width:100%;height:100%;opacity:0;transition:none}.curl-canvas.on{opacity:1}.flipbook.is-curling .half.under{visibility:hidden}.curl-ghost{position:absolute;left:-10000px;top:0;width:var(--ghost-w, 390px);pointer-events:none;opacity:0;z-index:-1;overflow:hidden}.flipbook.st-flip{perspective:none;background:#f4efe3}.flipbook.st-flip .st-shell,.flipbook.st-flip .st-host{position:absolute;inset:0}.flipbook.st-flip .stf__parent{width:100%!important;height:100%!important;max-width:none!important}.flipbook.st-flip .stf__wrapper{height:100%!important;padding-bottom:0!important}.flipbook.st-flip .stf__canvas{background:#f4efe3}.flipbook.st-flip .st-eye{position:absolute;z-index:20;bottom:calc(12px + env(safe-area-inset-bottom,0));left:50%;transform:translate(calc(-50% - 36px))}.book{position:absolute;inset:0;display:flex;justify-content:center}.half{position:absolute;top:0;bottom:0;overflow:hidden;background:var(--bg)}.flipbook.single .half,.flipbook.single .leaf{left:0;right:0}.flipbook.spread .half.right,.flipbook.spread .leaf.on-right{right:0;width:50%}.flipbook.spread .half.left,.flipbook.spread .leaf.on-left{left:0;width:50%}.hpage{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start}.hpage .pg{margin:auto}.hpage.no-scroll{overflow:hidden;align-items:stretch;justify-content:stretch;touch-action:none}.hpage.no-scroll .pg.madani{width:100%!important;height:100%;margin:0}.flipbook.img-pages{touch-action:pan-x;background:#f4efe3}.flipbook.img-pages .hpage{background:#f4efe3}.is-reflow{min-height:100%}.leaf{position:absolute;top:0;bottom:0;transform-style:preserve-3d;z-index:5}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--bg)}.face.back{transform:rotateY(180deg)}.paper-back{position:absolute;inset:0;background:linear-gradient(90deg,#ecebe6,#f9f8f5)}html.night .paper-back{background:#111}.leaf-shade,.under-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000040,#0000 60%)}.spine{position:absolute;top:0;bottom:0;left:50%;width:26px;transform:translate(-50%);pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000,#0000001a 45%,#00000029,#0000001a 55%,#0000)}.toast{position:fixed;z-index:60;left:50%;bottom:calc(var(--safe-b) + 9vh);transform:translate(-50%) translateY(6px);background:#3a3a3cf0;color:#fff;font-size:13px;padding:9px 15px;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;direction:rtl}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.sheet-layer{position:fixed;inset:0;z-index:40;background:#0000008c;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.slider-card{position:absolute;left:16px;right:16px;bottom:calc(var(--safe-b) + 36px);max-width:560px;margin:0 auto;background:var(--card);border-radius:10px;padding:11px 9px 12px;animation:rise .22s ease}@keyframes rise{0%{transform:translateY(20px);opacity:0}}.sc-labels{display:flex;justify-content:space-between;align-items:baseline;padding:0 26px 6px;font-size:12px;font-weight:600;color:var(--ink2)}.sc-labels b{font-size:15px;font-weight:700}.sc-track{position:relative;height:22px;display:flex;align-items:center;touch-action:none;cursor:pointer;overflow:hidden;padding:0 2px}.sc-ticks{position:relative;display:flex;gap:5.5px;align-items:center;height:100%;margin-right:auto}.sc-track i{flex:none;width:9.5px;height:16px;border-radius:2px;background:#e4e4e8}html.night .sc-track i{background:#3a3a3c}.sc-thumb{position:absolute;top:0;width:10px;height:22px;border-radius:4px;background:var(--accent);box-shadow:0 1px 3px #00000040;pointer-events:none}.return-dock{position:fixed;z-index:25;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;height:22px;padding:0 2px 0 3px;border-radius:11px;background:#fcfcfa;border:1px solid rgba(42,90,58,.45);box-shadow:0 1px 3px #0000001f;direction:rtl;white-space:nowrap;transition:opacity .45s ease,visibility 0s linear 0s}.return-dock.gone{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}.rd-go{display:flex;align-items:center;gap:4px;height:100%;padding:0 6px 0 4px;color:#1f4a2c;font-size:12px;line-height:1;font-family:inherit}.rd-go svg{transform:scaleX(-1);opacity:.8}.rd-x{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#555;background:#0000000f}.ed-scan .return-dock{border-color:#2e2e2c66}.ed-scan .rd-go{color:#2e2e2c}html.night .return-dock{background:#1c1c1e;border-color:#2f4f3a}html.night .rd-go{color:#cfe3d4}html.night .rd-x{color:#bbb;background:#ffffff14}.auto-bar{position:fixed;z-index:35;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 20px);display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--card);border-radius:18px;box-shadow:0 6px 24px #00000029,0 0 0 .5px #0000000f}.ab-play{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.ab-speed{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink2)}.ab-speed button,.ab-close{width:34px;height:34px;border-radius:50%;background:var(--btn);display:grid;place-items:center;color:var(--ink2)}@keyframes slidein{0%{transform:translate(30px);opacity:0}}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 14px var(--ui);direction:ltr;background:radial-gradient(circle at 35% 30%,#7fa7b8,#2f5361 70%);box-shadow:0 0 0 1px #0000000f}.avatar.big{width:56px;height:56px;font-size:19px}.screen{position:fixed;inset:0;z-index:55;background:var(--bg);display:flex;flex-direction:column;animation:slidein .2s ease}.screen-head{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-t) + 14px) 16px 12px}.screen-head h1{margin:0;font-size:19px;font-weight:700;color:var(--ink2)}.sh-btns{display:flex;gap:18px}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--safe-b) + 20px);position:relative}.segmented{display:flex;margin:4px 16px 10px;border:1px solid #d1d1d6;border-radius:10px;padding:2px;background:var(--card);position:sticky;top:0;z-index:3}.segmented button{flex:1;height:31px;border-radius:8px;font-size:15px;font-weight:600;color:var(--ink2)}.segmented button.on{background:var(--accent);color:#fff}.list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:10px;padding:8px 16px;min-height:65px;text-align:right;width:100%;color:var(--ink2);position:relative}.row:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:.5px;background:#c6c6c8}html.night .row:after{background:#38383a}.row-main{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.35}.row-title{font-size:17px;font-weight:500}.row-sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;line-height:1.3}.row-sub .pin{color:#e2a33f}.row-page{flex:none;font-size:15px;display:flex;align-items:center;gap:6px;color:var(--ink2)}.row-click{display:flex;flex:1;align-items:center;gap:10px;text-align:right}.juz-band{position:sticky;top:0;z-index:2;background:var(--band);text-align:center;font-size:13px;font-weight:700;padding:6px 0;color:var(--ink2)}.hizb-head{padding:8px 16px 0;font-size:14px;color:var(--ink2);line-height:1.3}.list.juz{padding-left:26px}.list.juz .row:after{left:10px;right:56px}.rub-row{min-height:65px}.rub-row .row-title{font-size:16px}.rub-star{flex:none;display:grid;place-items:center}.juz-strip{position:absolute;right:4px;top:120px;bottom:16px;width:22px;display:flex;flex-direction:column;justify-content:space-between;background:var(--band);border-radius:4px;padding:2px 0;z-index:4}.juz-strip button{font-size:12.5px;color:var(--ink2);height:20px}.index-screen .screen-body{display:flex;flex-direction:column;overflow:hidden}.index-screen .list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.index-screen .list.juz{padding-left:0;padding-right:26px}.index-screen .juz-strip{top:64px}.search-box{display:flex;align-items:center;gap:8px;margin:4px 16px 10px;padding:0 12px;height:40px;background:#eeeef0;border-radius:11px;color:var(--muted)}html.night .search-box{background:#1c1c1e}.search-box input{flex:1;border:0;outline:0;background:none;font:16px var(--ui);color:var(--ink);min-width:0}.clear-btn{width:22px;height:22px;border-radius:50%;background:#c7c7cc;color:#fff;display:grid;place-items:center}.search-count{padding:0 16px 6px;color:var(--muted);font-size:13px}.hit-text,.verse-text{display:block;text-align:start}.hit-text{font-size:16px;line-height:1.7;color:var(--ink)}.empty{padding:30px 24px;text-align:center;color:var(--muted);line-height:1.8}.verse-row{align-items:flex-start;padding-top:12px;padding-bottom:12px}.verse-text{font-family:var(--quran);font-size:22px;line-height:2;color:var(--ink)}.verse-text .mk{font-size:1em}.screen-note{margin:0 16px 6px;color:var(--muted);font-size:13.5px;line-height:1.7}.card{margin:8px 16px;padding:18px;background:var(--card);border-radius:14px;box-shadow:0 1px 3px #0000000d,0 0 0 .5px #0000000d;line-height:1.8}.card h2{margin:0 0 6px;font-size:18px}.prose p{margin:0 0 12px;font-size:15px}.muted{color:var(--muted)}.small{font-size:13px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:8px 16px;height:46px;border-radius:12px;background:var(--accent);color:#fff;font-size:16px;font-weight:600}.card .primary-btn{width:100%;margin:12px 0 0}.primary-btn:disabled{opacity:.55}.primary-btn.gold{background:linear-gradient(270deg,#9d7a2b,#c9a842)}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:12px;background:var(--btn);color:var(--accent);font-weight:600;padding:0 14px;flex:1}.btn-row{display:flex;gap:10px;margin-top:12px}.btn-row .primary-btn{margin:0;flex:1;width:auto}.link-btn{display:block;margin:14px auto 0;color:var(--accent);font-size:14px}.link-btn.danger{color:#c4342d}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.icon-btn.danger{color:#c4342d}.bm-icon{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.chip{padding:7px 13px;border-radius:16px;background:var(--btn);font-size:14px}.chip.on{background:var(--accent);color:#fff}.field{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;margin:8px 0}.field input{width:90px;height:36px;border-radius:9px;border:1px solid var(--sep);background:var(--bg);color:var(--ink);text-align:center;font:16px var(--ui)}.summary{margin-top:8px;font-size:15px}.summary.center{text-align:center}.ring{--p: 0;width:120px;height:120px;margin:4px auto 10px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 1%),#e4e9ee 0)}.ring span{width:96px;height:96px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:24px;font-weight:700}.wird{margin:12px 0;padding:12px;background:var(--btn);border-radius:10px}.wird-title{font-weight:700;margin-bottom:4px}.done-box{display:flex;gap:8px;align-items:center;justify-content:center;color:#1e7a45;font-weight:600;margin:12px 0}.soon{text-align:center;padding:20px 6px}.soon-badge{display:inline-block;padding:5px 16px;border-radius:14px;background:var(--btn);color:var(--accent);font-weight:700}.soon p{color:var(--muted)}.gold-card{margin:16px;padding:28px 20px;border-radius:16px;text-align:center;color:#fff;background:linear-gradient(160deg,#c9a842,#9d7a2b);line-height:1.8}.gold-card h2{margin:10px 0 6px}.gold-card .primary-btn{background:#fff;color:#8a6a23;width:100%;margin:14px 0 0}.about-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}.about-head h2{margin:0;font:700 24px Amiri,serif}.account-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.icon-choice{display:flex;align-items:center;gap:14px;padding:10px;border-radius:12px;border:2px solid var(--accent);margin-bottom:10px}.icon-choice span{display:flex;align-items:center;gap:6px;font-weight:600}.faq{padding:0 16px}.faq-item{border-bottom:.5px solid #c6c6c8}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:16px;font-weight:500;text-align:right;color:var(--ink2)}.faq-item.open button svg{transform:rotate(-90deg)}.faq-item p{margin:0 0 14px;color:var(--muted);line-height:1.8;font-size:14.5px}@media (min-width: 700px){.slider-card{left:0;right:0}}.w.mean,.special-field .w.mean,.lines .w.mean{color:#1a6ea8!important;cursor:pointer}.night .w.mean{color:#6eb6e0}.w.mean:active{opacity:.7}.mk{cursor:pointer}.ln-a .w.hl,.ln-a .mk.hl,.flow .w.hl,.flow .mk.hl{background:#1962972e;border-radius:4px;box-shadow:0 0 0 3px #1962972e}.night .ln-a .w.hl,.night .ln-a .mk.hl{background:#7fb2d638;box-shadow:0 0 0 3px #7fb2d638}.mean-pop{position:fixed;z-index:70;width:200px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 8px 28px #0000002e;direction:rtl;pointer-events:auto;animation:pop .15s ease}.night .mean-pop{background:#1c242c;color:#e8eef3}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.mean-ar{font:700 18px var(--quran),serif;margin-bottom:4px}.mean-en{font:500 14px var(--ui);color:var(--ink2);line-height:1.35}.mean-ref{font-size:11px;color:var(--muted);margin-top:4px}.ayah-layer{position:fixed;inset:0;z-index:55;background:#00000073;display:flex;align-items:flex-end;animation:fade .15s ease}.ayah-sheet,.mean-pop,.tr-panel{font-size:calc(1em * var(--panel-font, 100%) / 100)}.ayah-sheet{width:100%;max-height:78vh;overflow:auto;background:var(--card, #fff);border-radius:18px 18px 0 0;padding:8px 16px calc(16px + var(--safe-b));color:var(--ink2)}.night .ayah-sheet{background:#151b22}.ayah-handle{width:42px;height:4px;border-radius:2px;background:#c9cdd3;margin:4px auto 10px}.ayah-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.ayah-title{font-size:17px;font-weight:700}.ayah-sub{font-size:12px;color:var(--muted)}.ayah-arabic{font:400 22px var(--quran),serif;line-height:1.9;margin:0 0 12px;text-align:right}.ayah-tabs{display:flex;gap:6px;margin-bottom:12px;background:var(--band, #eef3f7);border-radius:10px;padding:3px}.ayah-tabs button{flex:1;height:34px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink2);background:transparent}.ayah-tabs button.on{background:#097dab;color:#fff}.ayah-actions{display:flex;flex-direction:column;gap:4px}.ayah-actions button{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 8px;border-radius:10px;font-size:16px;font-weight:500;color:var(--ink2);background:transparent}.ayah-actions button:active{background:#0000000a}.ayah-body{font-size:15.5px;line-height:1.7;padding:4px 2px 12px;white-space:pre-wrap;max-height:42vh;overflow:auto}.audio-bar{position:fixed;z-index:45;left:12px;right:12px;bottom:calc(var(--safe-b) + 12px);display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#14202bf0;color:#fff;box-shadow:0 8px 24px #00000040}.ab-info{flex:1;min-width:0}.ab-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-sub{font-size:12px;opacity:.75}.ab-controls{display:flex;align-items:center;gap:4px}.ab-controls button{width:36px;height:36px;border-radius:50%;color:#fff;font-size:22px;line-height:1}.ab-play{background:#097dab!important}.ab-close{width:28px;height:28px;border-radius:50%;color:#fffc}.tr-panel{position:fixed;z-index:35;left:10px;right:10px;bottom:calc(var(--safe-b) + 70px);max-height:28vh;overflow:auto;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 6px 20px #00000024;color:#222}.night .tr-panel{background:#1c242c;color:#e8eef3}.tr-panel header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:6px}.tr-panel p{margin:0;font-size:14.5px;line-height:1.55}.lib-intro{margin:8px 16px 14px;font-size:13.5px;color:var(--muted);line-height:1.5}.lib-row{display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:64px;border-bottom:1px solid rgba(0,0,0,.06)}.lib-row.on{background:#097dab0f}.lib-main{flex:1;text-align:start;background:transparent;color:inherit;min-width:0}.lib-title{font-size:16px;font-weight:600}.lib-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.lib-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lib-btn{height:34px;padding:0 14px;border-radius:8px;background:#097dab;color:#fff;font-size:13.5px;font-weight:600}.lib-btn:disabled{opacity:.6}.lib-btn.ghost{background:transparent;color:var(--muted);padding:0 8px}.lib-btn.wide{width:calc(100% - 32px);margin:16px;height:44px}.lib-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#097dab;font-weight:600}.lib-prefetch{padding-bottom:24px}.pg.madani .pg-box{background:#f4efe3;overflow:hidden}.pg.madani{max-height:none}.pg.madani .pg-box{position:relative;width:100%;overflow:hidden;background:#f4efe3}.pg.madani .madani-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none;-webkit-user-drag:none;background:#f4efe3}.pg.madani .madani-art.missing{opacity:0}.pg.madani .madani-hit{position:absolute;inset:0;z-index:2;pointer-events:auto}.pg.madani .madani-hit.is-hiding .ln-a{pointer-events:auto;touch-action:manipulation}.pg.madani .madani-hit .lines,.pg.madani .madani-hit .w,.pg.madani .madani-hit .mk{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:0!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}.pg.madani .madani-hit .ln-s,.pg.madani .madani-hit .ln-b{visibility:hidden}.pg.madani .madani-hit .w.hl,.pg.madani .madani-hit .mk.hl{background:#1962974d!important;border-radius:5px;box-shadow:0 0 0 2px #19629738!important}.pg.madani .madani-hit .w.mean{cursor:pointer}.pg.madani .madani-hit .ln-a.masked{background:#f0ebe0!important;box-shadow:inset 0 0 0 1px #5a462824;border-radius:4px;z-index:3;margin-block:-1px;min-height:calc(var(--pitch) - 2px)}.pg.madani .madani-hit .ln-a.masked:after{content:"";position:absolute;left:6%;right:6%;top:52%;height:2px;border-radius:1px;background:repeating-linear-gradient(90deg,#c4b59a 0 7px,transparent 7px 12px);opacity:.5;pointer-events:none}.pg.madani .madani-hit .ln-a{position:relative}.pg.madani .madani-hit .ln-a.masked .w,.pg.madani .madani-hit .ln-a.masked .mk{visibility:hidden!important}.pg.madani .pg-foot{background:transparent}.pg.madani .foot-center{position:relative;z-index:5}html.night .pg.madani .madani-art{filter:brightness(.88) contrast(1.05)}html.night .pg.madani .pg-box{background:#0a0a0a}.hpage .pg.madani{margin:0 auto}.vr-slot .pg.madani{margin-left:auto;margin-right:auto}.app.is-framed.mode-horizontal .flipbook.img-pages{background:#f4efe3}.edition-list{display:flex;flex-direction:column;gap:8px;padding:4px 14px 14px}.edition-chip{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;text-align:start;background:var(--card);border:1.5px solid var(--sep);color:var(--ink)}.edition-chip.on{border-color:var(--accent);box-shadow:0 0 0 2px #0e62a126}.edition-swatch{flex:none;width:42px;height:56px;border-radius:8px;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px #ffffff59}.edition-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.edition-meta b{font-size:14.5px;font-weight:700}.edition-meta small{font-size:11.5px;color:var(--muted);line-height:1.35}.edition-check{flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;display:grid;place-items:center}.pg.madani{position:relative}.pg.madani .pg-foot.madani-overlay-foot{position:absolute;left:0;right:0;bottom:0;height:26px;min-height:0;pointer-events:none;z-index:12;background:transparent}.pg.madani .pg-foot.madani-overlay-foot .foot-center,.pg.madani .pg-foot.madani-overlay-foot .eye-btn{pointer-events:auto}.vreader.img-pages{overscroll-behavior-y:contain;background:#f4efe3}.vreader.img-pages .vr-slot.img-slot{display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}.vreader.img-pages .vr-slot.img-slot .pg.madani{width:100%!important;max-width:none;margin:0}:root{--menu-cream: #f7f2e8;--menu-paper: #fbf7ef;--menu-card: #ffffff;--menu-band: #ebe3d4;--menu-ink: #1a2330;--menu-muted: #7a7368;--menu-navy: #0b3d5c;--menu-navy-deep: #083049;--menu-green: #4f7a28;--menu-green-soft: #6a9a3e;--menu-gold: #c4a35a;--menu-gold-soft: #e0c98a;--menu-badge: #e8d9b8;--menu-accent: var(--menu-navy);--menu-accent-2: var(--menu-green);--menu-w: min(82vw, 360px)}.app{overflow:hidden}.reader-shift{position:absolute;inset:0;transition:transform .32s cubic-bezier(.22,.8,.22,1);will-change:transform}.app.menu-open .reader-shift{transform:translate(calc(-1 * var(--menu-w)))}.menu-layer{position:fixed;inset:0;z-index:80;pointer-events:none}.menu-layer.open{pointer-events:auto}.menu-scrim{position:absolute;inset:0;border:0;padding:0;background:#0c1c286b;opacity:0;transition:opacity .28s}.menu-layer.open .menu-scrim{opacity:1}.menu-drawer{position:absolute;top:0;right:0;bottom:0;width:var(--menu-w);background:var(--menu-cream);color:var(--menu-ink);display:flex;flex-direction:column;transform:translate(105%);transition:transform .32s cubic-bezier(.22,.8,.22,1);box-shadow:-6px 0 28px #08283c29;font-family:"Noto Sans Arabic",var(--ui)}.menu-layer.open .menu-drawer{transform:translate(0)}.menu-head{display:flex;align-items:center;justify-content:flex-start;padding:12px 10px 8px;gap:2px;flex:none;min-height:52px}.menu-head-actions{display:flex;align-items:center;gap:0}.menu-head h1{margin:0;font:800 22px var(--ui);color:var(--menu-navy-deep);letter-spacing:0;margin-inline-end:4px}.menu-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--menu-navy);background:transparent}.menu-head-end{margin-inline-start:auto}.menu-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 6px;border-bottom:1px solid #ddd4c4;flex:none}.menu-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;color:#9a9184;font:600 11px var(--ui);border-bottom:3.5px solid transparent;margin-bottom:-1px}.menu-tabs button.on{color:var(--menu-navy);border-bottom-color:var(--menu-green)}.menu-tabs button.on svg{color:var(--menu-green)}.menu-search{margin:10px 12px 8px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:11px 14px;color:var(--menu-muted);flex:none;box-shadow:inset 0 0 0 1px #ddd4c4}.menu-search input{flex:1;border:0;outline:0;background:none;font:15px var(--ui);color:var(--menu-ink);min-width:0}.menu-clear{color:var(--menu-muted);display:grid;place-items:center}.menu-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 12px 14px}.m-sec-head{display:flex;align-items:center;justify-content:space-between;background:var(--menu-band);color:#5a5348;font:700 13px var(--ui);padding:7px 12px;margin:10px 0 8px;border-radius:0}.m-band{display:flex;align-items:center;justify-content:space-between;background:var(--menu-band);color:var(--menu-navy-deep);font:700 13px var(--ui);padding:8px 12px;margin:14px -12px 0;border-radius:0}.m-card{width:100%;display:flex;align-items:center;gap:12px;background:var(--menu-card);border-radius:14px;padding:12px 14px;margin-bottom:7px;box-shadow:inset 0 0 0 1px #e4dccf;text-align:right;color:inherit}.m-card.current{box-shadow:inset 0 0 0 2px var(--menu-green)}.m-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.m-card-title{font:700 20px Amiri,SuraNames,serif;color:var(--menu-navy-deep);line-height:1.3}.m-card-meta{font:500 11.5px var(--ui);color:var(--menu-muted)}.m-badge{width:38px;height:38px;border-radius:50%;flex:none;background:var(--menu-badge);color:var(--menu-navy-deep);display:grid;place-items:center;font:700 12px var(--ui);box-shadow:inset 0 0 0 1px #8c6e3238}.menu-bottom{flex:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd4c4;background:var(--menu-paper);padding:4px 4px calc(6px + env(safe-area-inset-bottom,0))}.menu-bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;color:#9a9184;font:600 11px var(--ui);border-top:3.5px solid transparent;margin-top:-1px}.menu-bottom button.on{color:var(--menu-navy);border-top-color:var(--menu-green)}.menu-bottom button.on svg{color:var(--menu-green)}.menu-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--menu-gold);padding:48px 28px;text-align:center}.menu-empty p{margin:0;color:var(--menu-muted);font:500 14px var(--ui);max-width:230px;line-height:1.65}.m-settings{padding-bottom:28px}.m-row{width:100%;display:flex;align-items:center;gap:10px;padding:13px 6px;border-bottom:1px solid #e5ddd0;text-align:right;color:inherit;background:none}.m-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.m-row-label{font:600 15px var(--ui);color:var(--menu-ink)}.m-row-sub{font:500 12px var(--ui);color:var(--menu-muted)}.m-chev{color:var(--menu-green);flex:none}.m-hint{margin:8px 6px;font:500 12px var(--ui);color:var(--menu-muted)}.m-hint.tight{margin-top:4px}.m-swatches{display:flex;flex-wrap:wrap;gap:10px;padding:12px 6px 10px;align-items:center}.m-swatch{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:inset 0 0 0 1px #00000014}.m-swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--menu-navy)}.m-swatch.gear{background:#e6dfd2;color:var(--menu-navy)}.m-font-block{padding:8px 6px 12px}.m-font-block input[type=range]{width:100%;accent-color:var(--menu-green);height:4px}.m-font-preview{margin-top:12px;text-align:center;color:var(--menu-navy-deep);font-family:Amiri,serif;line-height:1.5}.m-toggle{-webkit-appearance:none;appearance:none;box-sizing:border-box;margin:0;padding:0;border:0;font:inherit;line-height:0;width:51px;height:31px;min-width:51px;border-radius:999px;background:#d3cdc4;position:relative;flex:none;overflow:hidden;cursor:pointer;transition:background-color .22s ease;-webkit-tap-highlight-color:transparent}.m-toggle span{position:absolute;top:2px;inset-inline-start:2px;width:27px;height:27px;border-radius:50%;margin:0;background:#fff;box-shadow:0 2px 4px #0000002e,0 0 0 .5px #0000000f;transition:inset-inline-start .22s ease,right .22s ease,left .22s ease}[dir=rtl] .m-toggle span{right:2px;left:auto}[dir=ltr] .m-toggle span{left:2px;right:auto}.m-toggle.on{background:var(--menu-green)}.m-toggle.on span{inset-inline-start:22px}[dir=rtl] .m-toggle.on span{right:22px}[dir=ltr] .m-toggle.on span{left:22px}.m-edition-list{display:flex;flex-direction:column;gap:8px;padding:8px 0 4px}.m-edition{display:flex;align-items:center;gap:10px;text-align:right;background:var(--menu-card);border-radius:14px;padding:10px 12px;color:inherit;box-shadow:0 0 0 1px #14283c0d}.m-edition.on{box-shadow:0 0 0 2px var(--menu-green)}.m-edition span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.m-edition b{font:700 14px var(--ui);color:var(--menu-navy-deep)}.m-edition small{font:500 11px var(--ui);color:var(--menu-muted)}.m-ed-swatch{width:28px;height:28px;border-radius:8px;flex:none}.m-seg{display:inline-flex;border-radius:10px;overflow:hidden;background:#e6dfd2;flex:none}.m-seg button{padding:6px 12px;font:600 12px var(--ui);color:#5c554c}.m-seg button.on{background:var(--menu-navy);color:#fff}html.night .menu-drawer{background:#141a1f;color:#eef2f5}html.night .menu-search{background:#1e262c;box-shadow:inset 0 0 0 1px #2a343c}html.night .m-card,html.night .m-edition{background:#1a2228}html.night .m-band,html.night .m-sec-head{background:#243038;color:#a8b4bc}html.night .menu-bottom{background:#10161a;border-top-color:#243038}html.night .m-row{border-bottom-color:#243038}html.night .menu-head h1{color:#e8eef4}html.night .menu-tabs button.on,html.night .menu-bottom button.on{color:var(--menu-gold-soft)}html.night .menu-tabs button.on{border-bottom-color:var(--menu-gold)}html.night .menu-bottom button.on{border-top-color:var(--menu-gold)}html.night .m-toggle.on{background:var(--menu-green-soft)}.chrome-layer{position:fixed;inset:0;z-index:45;pointer-events:none}.chrome-scrim{position:absolute;inset:0;border:0;background:transparent;pointer-events:auto}.chrome-top,.chrome-bottom,.chrome-panel{position:absolute;left:0;right:0;pointer-events:auto;background:var(--menu-paper, #fbf7ef);color:var(--menu-ink, #1a2330);font-family:"Noto Sans Arabic",var(--ui)}.chrome-top{top:0;padding:calc(6px + env(safe-area-inset-top,0)) 10px 0;box-shadow:0 2px 12px #08283c14;z-index:2}.chrome-top-row{display:flex;align-items:center;gap:8px}.chrome-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--menu-navy, #0b3d5c);position:relative;background:transparent}.chrome-dot{position:absolute;top:8px;left:8px;width:7px;height:7px;border-radius:50%;background:var(--menu-green, #4f7a28)}.chrome-search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:8px 12px;box-shadow:inset 0 0 0 1px #ddd4c4;color:var(--menu-muted, #7a7368)}.chrome-search input{flex:1;border:0;outline:0;background:none;min-width:0;font:15px var(--ui);color:var(--menu-ink, #1a2330)}.chrome-clear{color:var(--menu-muted);display:grid;place-items:center}.chrome-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;border-bottom:1px solid #ddd4c4}.chrome-tabs button{padding:10px 4px 9px;font:600 13px var(--ui);color:#9a9184;border-bottom:3px solid transparent;margin-bottom:-1px}.chrome-tabs button.on{color:var(--menu-navy, #0b3d5c);border-bottom-color:var(--menu-green, #4f7a28)}.chrome-panel{top:calc(96px + env(safe-area-inset-top,0));bottom:calc(118px + env(safe-area-inset-bottom,0));overflow:hidden;display:flex;flex-direction:column;border-block:1px solid #e5ddd0;z-index:1}.chrome-panel-body{flex:1;overflow-y:auto;padding:8px 12px 16px;-webkit-overflow-scrolling:touch}.chrome-hint{text-align:center;color:var(--menu-muted);font:500 13px var(--ui);padding:24px 12px}.chrome-row,.chrome-mean{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 8px;border-bottom:1px solid #eee6da;text-align:right;color:inherit;background:none}.chrome-row-main{flex:1;display:flex;flex-direction:column;gap:2px;text-align:right;background:none;color:inherit}.chrome-meta{font:500 12px var(--ui);color:var(--menu-muted)}.chrome-mean{flex-direction:column;align-items:stretch;gap:4px}.chrome-mean b{font:700 16px Amiri,serif;color:var(--menu-navy-deep, #083049)}.chrome-mean span{font:500 13px var(--ui);color:#4a5560}.chrome-waqfa-add{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.chrome-waqfa-add textarea{width:100%;border-radius:12px;border:1px solid #ddd4c4;padding:10px 12px;font:14px var(--ui);resize:vertical;background:#fff}.chrome-primary{align-self:flex-start;background:var(--menu-navy, #0b3d5c);color:#fff;border-radius:12px;padding:10px 18px;font:700 14px var(--ui)}.chrome-primary:disabled{opacity:.45}.chrome-bottom{bottom:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0));box-shadow:0 -2px 14px #08283c14;z-index:2}.chrome-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.chrome-pager{display:flex;align-items:center;gap:14px;color:var(--menu-navy);font:700 18px var(--ui)}.chrome-pager button{color:var(--menu-navy);display:grid;place-items:center;padding:6px}.chrome-pager button:disabled{opacity:.3}.chrome-scrub{display:flex;align-items:center;gap:8px;margin-top:6px;font:600 11px var(--ui);color:var(--menu-muted)}.chrome-scrub input[type=range]{flex:1;accent-color:var(--menu-green, #4f7a28);height:4px;direction:ltr}.chrome-toast-banner{margin-top:8px;text-align:center;background:#0b3d5ceb;color:#f5f0e6;border-radius:10px;padding:8px 12px;font:600 12.5px var(--ui)}.fs-layer{position:fixed;inset:0;z-index:70;background:#0c1c2873;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.fs-sheet{width:min(100%,480px);max-height:min(86vh,720px);background:var(--menu-cream, #f7f2e8);border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 32px #0000002e}.fs-sheet.wide{max-height:min(92vh,860px)}.fs-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:12px 10px;background:var(--menu-band, #ebe3d4)}.fs-head h2{margin:0;text-align:center;font:700 17px var(--ui);color:var(--menu-navy-deep, #083049)}.fs-x,.fs-head-slot{width:40px;height:40px;display:grid;place-items:center;color:var(--menu-navy)}.fs-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0)}.fs-list{list-style:none;margin:0;padding:0;background:#fff}.fs-list-row{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #eee6da;text-align:right;color:inherit;background:none}.fs-list-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.fs-list-text b{font:700 15px var(--ui);color:var(--menu-ink)}.fs-list-text small{font:500 12px var(--ui);color:var(--menu-muted)}.fs-check{color:var(--menu-green, #4f7a28);flex:none}.fs-spin{width:18px;height:18px;border-radius:50%;border:2px solid #ddd;border-top-color:var(--menu-green);animation:spin .7s linear infinite}.fs-cards{display:flex;flex-direction:column;gap:10px;padding:12px}.fs-cards.pad{padding:12px 16px 24px}.fs-card{display:flex;gap:12px;background:#fff;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 1px #e4dccf;text-align:right}.fs-card.on{box-shadow:inset 0 0 0 2px var(--menu-green)}.fs-card.rowish{align-items:center}.fs-card-preview{width:56px;height:72px;border-radius:8px;flex:none;box-shadow:inset 0 0 0 1px #00000014}.fs-card-preview.stub-swatch{background:linear-gradient(135deg,#c4a35a,#ebe3d4);opacity:.55}.fs-card.stub{opacity:.85}.fs-card-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.fs-card-body b{font:700 15px var(--ui);color:var(--menu-navy-deep)}.fs-card-body small{font:500 12px var(--ui);color:var(--menu-muted)}.fs-card-actions{display:flex;align-items:center;gap:10px;margin-top:6px}.fs-link{background:none;color:var(--menu-navy);font:700 13px var(--ui);padding:4px 0}.fs-link:disabled{opacity:.4}.fs-dl{display:inline-flex;align-items:center;gap:4px;color:var(--menu-green);background:none;font:700 13px var(--ui)}.fs-dl:disabled{opacity:.45}.fs-badge{font:600 11px var(--ui);color:var(--menu-navy);background:var(--menu-badge, #e8d9b8);border-radius:999px;padding:3px 10px}.fs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.fs-thumb{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:10px;padding:6px;box-shadow:inset 0 0 0 1px #e4dccf;color:var(--menu-navy);font:700 12px var(--ui)}.fs-thumb.on{box-shadow:inset 0 0 0 2px var(--menu-green)}.fs-thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:#f4efe3}.fs-more{display:block;width:calc(100% - 24px);margin:0 12px 16px;padding:10px;text-align:center;background:var(--menu-band);border-radius:10px;font:600 13px var(--ui);color:var(--menu-navy)}.fs-download-surah{padding:20px 16px 28px;display:flex;flex-direction:column;gap:14px}.fs-download-surah p{margin:0;font:500 14px var(--ui);color:var(--menu-ink);line-height:1.6}.fs-colour{padding:16px;display:flex;flex-direction:column;gap:14px}.fs-colour label{display:flex;align-items:center;justify-content:space-between;font:600 14px var(--ui);color:var(--menu-ink)}.fs-colour input[type=color]{width:48px;height:36px;border:0;background:none;padding:0}.fs-colour-presets{display:flex;flex-wrap:wrap;gap:8px}.fs-swatch-btn{border-radius:10px;padding:8px 12px;font:700 12px var(--ui);border:1.5px solid}.fs-colour-preview{border-radius:12px;padding:18px;text-align:center;font:700 18px Amiri,serif;box-shadow:inset 0 0 0 1px #0000000f}.fs-colour-actions{display:flex;gap:12px;align-items:center}.app.custom-ink .pg.clean,.app.custom-ink .pg.clean .line,.app.custom-ink.is-clean .reader{color:var(--custom-ink)}.app.custom-paper{--bg: var(--custom-paper)}.app.custom-paper .pg.clean .pg-box{background:var(--custom-paper)}:root{--cream: #f7f2e8;--cream-deep: #efe6d4;--navy: #1a3654;--navy-soft: #2a4a6a;--madani-green: #1e6b4f;--madani-green-soft: #2d8a66;--madani-ring: rgba(30, 107, 79, .22)}.ln-a .w.hl,.ln-a .mk.hl,.flow .w.hl,.flow .mk.hl{background:#1e6b4f33!important;border-radius:4px;box-shadow:0 0 0 3px #1e6b4f2e!important}.night .ln-a .w.hl,.night .ln-a .mk.hl{background:#50aa8247!important;box-shadow:0 0 0 3px #50aa8238!important}.pg.madani .madani-hit .w.hl,.pg.madani .madani-hit .mk.hl{background:#1e6b4f52!important;border-radius:5px;box-shadow:0 0 0 2px #1e6b4f3d!important}.w.tappable{cursor:pointer}.audio-dock{position:fixed;z-index:46;left:10px;right:10px;bottom:calc(var(--safe-b) + 10px);padding:10px 12px 12px;border-radius:18px;background:linear-gradient(165deg,#fbf7ef 0%,var(--cream) 55%,#efe8d8 100%);border:1.5px solid rgba(26,54,84,.22);box-shadow:0 10px 32px #1a36542e,inset 0 1px #ffffffb3;color:var(--navy)}.night .audio-dock{background:linear-gradient(165deg,#1a2430,#121a22);border-color:#2c4256;color:#e8eef3;box-shadow:0 10px 28px #00000073}.ad-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.ad-icon{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--navy);background:#1a36540f;border:1px solid rgba(26,54,84,.12);flex:none}.ad-icon.on{color:var(--madani-green);border-color:#1e6b4f59;background:#1e6b4f1a}.ad-badge{position:absolute;top:-4px;left:-4px;font-size:9px;font-weight:700;background:var(--madani-green);color:#fff;border-radius:8px;padding:1px 4px;line-height:1.2}.ad-reciter{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 8px;border-radius:999px;background:#fff;border:1px solid rgba(26,54,84,.16);box-shadow:0 1px 2px #1a36540f}.night .ad-reciter{background:#1c2833;border-color:#33485c}.ad-reciter-av,.reciter-av,.madani-av{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700;background:linear-gradient(145deg,var(--madani-green),var(--navy));color:#f7f2e8;letter-spacing:-.02em}.ad-reciter-name{flex:1;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.ad-reciter-chev{color:var(--muted);font-size:11px}.ad-info{display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 4px 8px;text-align:center}.ad-title{font-size:13.5px;font-weight:700}.ad-sub{font-size:11px;color:var(--muted)}.ad-controls{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 2px}.ad-speed,.ad-repeat{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--navy);background:#fff;border:1.5px dashed rgba(26,54,84,.28)}.night .ad-speed,.night .ad-repeat{background:#1c2833;border-color:#3a5268;color:#d7e6f4}.ad-skip{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--navy-soft)}.ad-play{width:58px;height:58px;border-radius:50%;padding:3px;display:grid;place-items:center;flex:none}.ad-play-inner{width:100%;height:100%;border-radius:50%;background:var(--madani-green);color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #1e6b4f59}.ad-play-inner:active{transform:scale(.96)}.audio-bar{display:none!important}.madani-sheet .fs-head h2{color:var(--navy)}.speed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px 4px 12px}.speed-chip{height:44px;border-radius:12px;font-weight:700;font-size:15px;background:var(--cream);color:var(--navy);border:1px solid rgba(26,54,84,.16)}.speed-chip.on{background:var(--madani-green);color:#fff;border-color:var(--madani-green)}.speed-hint{text-align:center;font-size:12.5px;color:var(--muted);margin:4px 8px 12px}.fs-check-dot{width:10px;height:10px;border-radius:50%;background:var(--madani-green)}.madani-search,.fs-search{margin:0 12px 10px;padding:0 12px;height:40px;border-radius:12px;background:var(--cream);border:1px solid rgba(26,54,84,.14);display:flex;align-items:center}.fs-search input,.madani-search input,.aud-search input{flex:1;border:0;outline:0;background:transparent;font:15px var(--ui);color:var(--ink);min-width:0}.reciter-list .reciter-row{gap:12px}.reciter-list .reciter-row.on{background:#1e6b4f14}.fs-empty{padding:24px;text-align:center;color:var(--muted)}.ayah-tabs button.on{background:var(--madani-green)!important;color:#fff}.aud-tabs{display:flex;gap:8px;margin:8px 16px 12px;padding:4px;background:var(--cream-deep);border-radius:12px}.aud-tabs button{flex:1;height:36px;border-radius:9px;font-size:14.5px;font-weight:700;color:var(--navy);background:transparent}.aud-tabs button.on{background:var(--navy);color:#f7f2e8}.aud-search{margin:0 16px 10px;padding:0 12px;height:40px;border-radius:12px;background:var(--cream);border:1px solid rgba(26,54,84,.14);display:flex;align-items:center}.aud-band{margin:4px 16px;padding:6px 12px;border-radius:8px;background:#1e6b4f1a;color:var(--madani-green);font-size:13px;font-weight:700;text-align:center}.aud-row{display:flex;align-items:center;gap:8px;padding:8px 16px;min-height:64px;border-bottom:1px solid rgba(26,54,84,.06)}.aud-row.on{background:#1e6b4f0f}.aud-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:right;background:transparent;color:inherit}.aud-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.aud-dl{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--madani-green);background:#1e6b4f14}.aud-surah-panel{padding-bottom:24px}.aud-surah-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px}.aud-surah-btn{height:42px;border-radius:10px;font-size:13.5px;font-weight:600;background:var(--cream);color:var(--navy);border:1px solid rgba(26,54,84,.12)}.aud-surah-btn:disabled{opacity:.5}.aud-empty{text-align:center;padding:48px 24px;color:var(--navy)}.aud-empty .chrome-primary{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;border-radius:12px;background:var(--madani-green);color:#fff;font-weight:700}.aud-create{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 16px 12px;height:44px;border-radius:12px;background:#1e6b4f1a;color:var(--madani-green);font-weight:700}.tr-panel{bottom:calc(var(--safe-b) + 148px)}.app.is-madani{--mad-paper: #fcfcfa;--mad-green: #428a36;--mad-deep: #2f5a2a;--mad-line: #38382f;--mad-sage: #ccd4c4;--mad-pink: #e660aa;--mad-ink: #1a1a1a;--mad-band-h: 11px;--mad-band: url(../madani/header-band.png)}.app.is-madani .topbar-wrap{background:var(--mad-paper);padding-top:var(--safe-t, 0px);padding-bottom:var(--mad-band-h)}.app.is-madani .topbar-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--mad-band-h);background:var(--mad-band) center bottom / auto var(--mad-band-h) repeat-x;pointer-events:none}.app.is-madani .topbar.tb-madani{padding:2px 7px 1px;min-height:0;height:27px;gap:5px;background:transparent}.tb-madani .sq-btn{width:24px;height:24px;border-radius:50%;background:var(--mad-paper);color:var(--mad-deep);border:1px solid rgba(66,138,54,.55);box-shadow:inset 0 0 0 1.5px var(--mad-paper),inset 0 0 0 2px #ccd4c4e6}.tb-mad-labels{flex:1;min-width:0;height:22px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.tb-cart{flex:0 1 132px;min-width:0;height:21px;box-sizing:border-box;border-style:solid;border-width:0 16px;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='22' viewBox='0 0 52 22'%3E %3Cpath d='M16 1H36C41 1 43.5 5 46 8L51 11L46 14C43.5 17 41 21 36 21H16C11 21 8.5 17 6 14L1 11L6 8C8.5 5 11 1 16 1Z' fill='%23fcfcfa' stroke='%2338382f' stroke-width='.9'/%3E %3Cpath d='M16 3.1H36C40 3.1 42.2 6.4 44.3 9L46.7 11L44.3 13C42.2 15.6 40 18.9 36 18.9H16C12 18.9 9.8 15.6 7.7 13L5.3 11L7.7 9C9.8 6.4 12 3.1 16 3.1Z' fill='%23ccd4c4' fill-opacity='.22' stroke='%23428a36' stroke-width='1.1'/%3E %3Cpath d='M1.6 11L4.4 9.2L4.4 12.8Z M50.4 11L47.6 9.2L47.6 12.8Z' fill='%23e660aa'/%3E %3Ccircle cx='9.6' cy='11' r='1' fill='%23428a36'/%3E%3Ccircle cx='42.4' cy='11' r='1' fill='%23428a36'/%3E %3C/svg%3E") 0 16 fill / 0 16px stretch;display:flex;align-items:center;justify-content:center}.tb-cart>span{white-space:nowrap;overflow:hidden;color:var(--mad-ink);margin:0 -7px;line-height:1}.tb-juz{font:400 12.5px/1 KFGQPC HAFS,Amiri,serif;padding-top:4px;-webkit-text-stroke:.012em currentColor;text-overflow:ellipsis}.tb-cart>.tb-sura{font:400 17px/21px SuraNames,Amiri,serif;height:21px;padding-top:1px;overflow:visible;direction:rtl}.tb-rosette{flex:none;display:block}html.night .app.is-madani .topbar-wrap{filter:brightness(.88) contrast(1.05)}.app.is-madani.ed-scan .topbar-wrap{filter:grayscale(1)}html.night .app.is-madani.ed-scan .topbar-wrap{filter:grayscale(1) brightness(.88) contrast(1.05)}.chrome-madani .chrome-top,.chrome-madani .chrome-bottom,.chrome-madani .chrome-panel{background:#fcfcfa;color:#1a1a1a}.chrome-madani .chrome-top{padding-bottom:11px;box-shadow:0 4px 10px #283c1e14}.chrome-madani .chrome-top:after,.chrome-madani .chrome-bottom:before{content:"";position:absolute;left:0;right:0;height:11px;pointer-events:none;background:url(../madani/header-band.png) center bottom / auto 11px repeat-x}.chrome-madani .chrome-top:after{bottom:0}.chrome-madani .chrome-bottom{padding-top:17px;box-shadow:0 -4px 10px #283c1e14}.chrome-madani .chrome-bottom:before{top:0;transform:scaleY(-1)}.chrome-madani .chrome-icon,.chrome-madani .chrome-pager,.chrome-madani .chrome-pager button{color:#2f5a2a}.chrome-madani .chrome-search{background:#fcfcfa;box-shadow:inset 0 0 0 1px #428a3673}.chrome-madani .chrome-tabs{border-bottom-color:#ccd4c4}.chrome-madani .chrome-tabs button.on{color:#2f5a2a;border-bottom-color:#428a36}.chrome-madani .chrome-dot{background:#e660aa}.chrome-madani .chrome-scrub input[type=range]{accent-color:#428a36}.chrome-madani .chrome-toast-banner{background:#2f5a2aeb;color:#fcfcfa}html.night .chrome-madani .chrome-top,html.night .chrome-madani .chrome-bottom{filter:brightness(.88) contrast(1.05)}.pg.madani.opening,.pg.madani.opening .pg-box,.pg.madani.opening .madani-art{background:#fcfcfa}html.night .pg.madani.opening,html.night .pg.madani.opening .pg-box{background:#dddddb}.pg.madani.opening .madani-hit .lines{clip-path:var(--open-clip, none)}.pg.madani.leaded,.pg.madani.leaded .pg-box{background:#fcfcfa}.pg.madani.leaded .pg-foot.madani-overlay-foot{bottom:0}.pg.madani .madani-art.leaded-art{object-fit:initial;background:#fcfcfa}html.night .pg.madani.leaded,html.night .pg.madani.leaded .pg-box{background:#dddddb}.pg.madani.strip{background:#fcfcfa;box-shadow:0 1px 3px #463a1e38}.pg.madani.strip .pg-box{background:#fcfcfa}.pg.madani.strip .pg-foot.madani-overlay-foot{bottom:0}html.night .pg.madani.strip,html.night .pg.madani.strip .pg-box{background:#dddddb}.vreader.img-pages{background:#ebe5d5}.vreader.img-pages .vr-slot.img-slot .pg.madani.opening{box-shadow:0 1px 3px #463a1e38}html.night .vreader.img-pages{background:#141414}.pg.zoom-card{background:#fcfcfa;margin:8px auto 14px;box-shadow:0 1px 4px #463a1e40}.pg.zoom-card .pg-box{background:#fcfcfa;border-style:solid;border-width:6px 7px;border-image:url(../madani/page-frame.png) 12 15 fill / 6px 7px / 0 stretch round}.pg.zoom-card .pg-foot{background:#fcfcfa;min-height:26px;padding:0}.vreader:has(.pg.zoom-card),.hpage:has(.pg.zoom-card){background:#ebe5d5}html.night .pg.zoom-card,html.night .pg.zoom-card .pg-box,html.night .pg.zoom-card .pg-foot{background:#0b0b0b}html.night .pg.zoom-card .pg-box{border-image-source:url(../madani/page-frame-night.png)}html.night .vreader:has(.pg.zoom-card),html.night .hpage:has(.pg.zoom-card){background:#141414}.zoom-strip{display:flex;align-items:center;justify-content:center;gap:10px;height:30px;padding:0 10px;direction:rtl;background:#fcfcfa;color:#1f4a2c;border-bottom:1px solid rgba(42,90,58,.35);font:600 12.5px/1 Amiri,Noto Naskh Arabic,serif;pointer-events:auto}.zoom-reset{height:22px;padding:0 12px;border-radius:11px;border:0;font:700 12px/1 Amiri,Noto Naskh Arabic,serif;background:#2a5a3a;color:#fcfcfa;box-shadow:0 0 0 1px #1f4a2c}html.night .zoom-strip{background:#1c1c1e;color:#cfe3d4;border-bottom-color:#2f4f3a}.pg.zoom-card{--mk: #2f4f22;--mkfill: #f5eed4}html.night .pg.zoom-card{--mk: #b9d3a8;--mkfill: #1d2418}.pg.madani.scanpg,.pg.madani.scanpg .pg-box{background:#fbfaf6}.vreader.img-pages .pg.madani.scanpg{box-shadow:0 1px 3px #28282438}html.night .pg.madani.scanpg,html.night .pg.madani.scanpg .pg-box{background:#dddddb}.pg.zoom-card[data-edition=scan] .pg-box{border-image-source:url(../madani/page-frame-mono.png)}html.night .pg.zoom-card[data-edition=scan] .pg-box{border-image-source:url(../madani/page-frame-mono-night.png)}.pg.zoom-card[data-edition=scan]{--mk: #2e2e2c;--mkfill: #efefea}html.night .pg.zoom-card[data-edition=scan]{--mk: #cfcfca;--mkfill: #222}.pg[data-edition=scan] .pnum,.pg[data-edition=scan] .book-num .book-side,.pg[data-edition=scan] .eye-btn:not(.off){color:#2e2e2c}.pg[data-edition=scan] .eye-btn:not(.off):before{box-shadow:0 0 0 1px #2e2e2c73}html.night .pg.zoom-card[data-edition=scan] .pnum,html.night .pg.zoom-card[data-edition=scan] .book-side,html.night .pg.zoom-card[data-edition=scan] .eye-btn:not(.off){color:#cfcfca}.pg.madani .scan-hit .scan-lines{position:absolute;inset:0}.pg.madani .scan-hit .scan-ln{position:absolute;margin:0;min-height:0}.pg.madani .scan-hit .scan-ln .w,.pg.madani .scan-hit .scan-ln .mk{position:absolute;top:0;bottom:0;display:block}.pg.madani .scan-hit .ln-a.scan-ln.masked{margin:0;min-height:0;background:#ecebe6!important;box-shadow:inset 0 0 0 1px #28282421;border-radius:3px}.pg.madani .scan-hit .ln-a.scan-ln.masked:after{background:repeating-linear-gradient(90deg,#b9b8b2 0 7px,transparent 7px 12px)}html.night .pg.madani .scan-hit .ln-a.scan-ln.masked{background:#cfcfcc!important}.vreader.paged{overscroll-behavior-y:contain;background:#d9d1bd;scroll-snap-type:none;-webkit-overflow-scrolling:touch}html.night .vreader.paged{background:#050505}.vreader.paged .vr-slot{align-items:flex-start;box-shadow:0 1px 3px #3c2d1447,0 4px 10px #3c2d141f}html.night .vreader.paged .vr-slot{box-shadow:0 0 0 1px #262626,0 3px 8px #0009}.ln-a.hiding{position:relative;cursor:pointer}.ln-a.hiding .w.hid,.ln-a.hiding .mk.hid{visibility:hidden!important}.seg-mask{position:absolute;top:-1px;bottom:-1px;z-index:3;display:block;background:#e6edf2;border-radius:4px;box-shadow:inset 0 0 0 1px #c5d3de;cursor:pointer;touch-action:manipulation;pointer-events:auto}.seg-mask:after{content:"";position:absolute;left:8%;right:8%;top:52%;height:2px;border-radius:1px;background:repeating-linear-gradient(90deg,#a9bccb 0 7px,transparent 7px 12px);opacity:.5;pointer-events:none}html.night .seg-mask{background:#26323b;box-shadow:inset 0 0 0 1px #3a4b58}html.night .seg-mask:after{background:repeating-linear-gradient(90deg,#5d7486 0 7px,transparent 7px 12px)}.pg.madani .madani-hit .seg-mask{background:#f0ebe0;box-shadow:inset 0 0 0 1px #5a462824}.pg.madani .madani-hit .seg-mask:after{background:repeating-linear-gradient(90deg,#c4b59a 0 7px,transparent 7px 12px)}html.night .pg.madani .madani-hit .seg-mask{background:#e3ddd0}.pg.madani .scan-hit .seg-mask{top:0;bottom:0;background:#ecebe6;box-shadow:inset 0 0 0 1px #28282421;border-radius:3px}.pg.madani .scan-hit .seg-mask:after{background:repeating-linear-gradient(90deg,#b9b8b2 0 7px,transparent 7px 12px)}html.night .pg.madani .scan-hit .seg-mask{background:#cfcfcc}.lines.tj,.flow.tj,.lines.tj .mk,.flow.tj .mk{-webkit-text-stroke:0!important}.lines.tj .ln .w{padding-top:0}.lines.tj .mk,.flow.tj .mk{font-family:inherit;font-size:1em;padding-top:0;background:none}.flow.tj .mk{margin:0}.pg.madani .madani-hit.tj .lines,.pg.madani .madani-hit.tj .w,.pg.madani .madani-hit.tj .mk{color:#000!important;-webkit-text-fill-color:currentColor!important}.pg.madani .madani-hit.tj .w.hid,.pg.madani .madani-hit.tj .mk.hid{visibility:hidden!important}.pg.madani .tj-paper{position:absolute;inset:0;z-index:1;pointer-events:none}.pg.madani .tj-paper i{position:absolute;display:block;background:#fcfcfc}html.night .pg.madani .tj-paper{filter:brightness(.88) contrast(1.05)}.m-row-tj .m-info{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--accent);margin-inline-start:6px;flex:none}.tj-legend{display:flex;flex-direction:column;gap:2px;padding:4px 16px 18px;direction:rtl}.tj-legend .tj-row{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--sep)}.tj-legend .tj-row:last-child{border-bottom:0}.tj-legend .tj-sw{width:22px;height:22px;border-radius:6px;flex:none;box-shadow:inset 0 0 0 1px #0000001f}.tj-legend .tj-txt{display:flex;flex-direction:column;gap:1px;min-width:0}.tj-legend .tj-txt b{font-size:15px;font-weight:700;color:var(--ink2)}.tj-legend .tj-txt small{font-size:12.5px;color:var(--ink3, #6b6b70);line-height:1.45}.tj-legend .tj-ex{margin-inline-start:auto;font-family:var(--quran);font-size:21px;color:var(--ink2);white-space:nowrap}.tj-legend-note{margin:0 16px 14px;font-size:12.5px;color:var(--ink3, #6b6b70);line-height:1.6}.chrome-icon.tj-on{color:#1e7b4b}.curl-ghost.tj-capture .lines.tj .w,.curl-ghost.tj-capture .lines.tj .mk,.curl-ghost.tj-capture .flow.tj .w,.curl-ghost.tj-capture .flow.tj .mk{visibility:hidden!important}.tj-legend .tj-ex.glyph{font-size:25px;line-height:1.5;-webkit-text-stroke:0}.tj-legend .tj-ex.glyph.dark{background:#111;border-radius:8px;padding:0 8px}.lines.tj.spr .w,.lines.tj.spr .mk,.flow.tj.spr .w,.flow.tj.spr .mk,.pg.madani .madani-hit.tj .lines.tj.spr .w,.pg.madani .madani-hit.tj .lines.tj.spr .mk{color:transparent!important;-webkit-text-fill-color:transparent!important;position:relative}.tja{display:inline-block;width:0;height:0;position:relative;vertical-align:baseline;pointer-events:none}.tja>b{position:absolute;display:block;background-repeat:no-repeat;pointer-events:none}.audio-mini{position:fixed;z-index:46;right:8px;bottom:calc(var(--safe-b, 0px) + 6px);display:flex;flex-direction:row-reverse;align-items:center;gap:4px;transition:opacity .35s ease,transform .25s ease;animation:am-in .25s ease;-webkit-tap-highlight-color:transparent}@keyframes am-in{0%{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}.audio-mini.idle{opacity:.5}.audio-mini:active{opacity:1}.am-play{position:relative;width:46px;height:46px;border-radius:50%;padding:0;border:0;display:grid;place-items:center;background:#fcfbf7f5;box-shadow:0 3px 12px #14322340,0 0 0 1px #1e6b4f2e;color:#fff;touch-action:manipulation}.am-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.am-ring circle{fill:none;stroke-width:2.5}.am-track{stroke:#1e6b4f29}.am-prog{stroke:var(--madani-green, #1e6b4f);stroke-linecap:round;transition:stroke-dashoffset .3s linear}.am-ico{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--madani-green, #1e6b4f);color:#fff}.am-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:am-spin .8s linear infinite}@keyframes am-spin{to{transform:rotate(360deg)}}.am-open{display:flex;align-items:center;gap:2px;height:20px;min-width:34px;padding:0 6px;border:0;border-radius:10px;background:#fcfbf7f5;color:var(--madani-green, #1e6b4f);box-shadow:0 1px 5px #14322333,0 0 0 1px #1e6b4f2e;font:700 11px/1 inherit;font-family:inherit;touch-action:manipulation}.am-open{position:relative}.am-open:after{content:"";position:absolute;inset:-12px -6px}html.night .am-play,html.night .am-open{background:#1c2228f2;box-shadow:0 3px 12px #00000080,0 0 0 1px #7ec9a840}html.night .am-open{color:#9fd3b9}html.night .am-track{stroke:#7ec9a833}html.night .am-prog{stroke:#6fbf98}.ad-fold svg{display:block}.follow-chip{position:fixed;z-index:30;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;height:26px;padding:0 11px 0 9px;border:0;border-radius:13px;background:var(--madani-green, #1e6b4f);color:#fff;direction:rtl;font:600 12.5px/1 inherit;font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px #1432234d;animation:am-in .2s ease}.follow-chip svg{opacity:.9}html.night .follow-chip{background:#2f6f53}.lines.tj,.flow.tj{font-synthesis:none;-webkit-font-smoothing:antialiased}.pg.pg .pg-box .w.hl.hl,.pg.pg .pg-box .mk.hl.hl{background:transparent!important;box-shadow:none!important}.hl-layer{position:absolute;inset:0;pointer-events:none}.hl-band{position:absolute;pointer-events:none;background:#1e785033;mix-blend-mode:multiply;box-shadow:0 0 2px 1px #1e78501f}.pg.madani .hl-band{background:#1e78503d}html.night .pg:not(.madani) .hl-band{background:#46aa7d42;box-shadow:0 0 2px 1px #46aa7d24;mix-blend-mode:screen}.pen-layer{position:absolute;inset:0;pointer-events:none}.pen-band{position:absolute;background:#1e78504d;mix-blend-mode:multiply;box-shadow:0 0 0 1px #1e785038}html.night .pg:not(.madani) .pen-band{background:#46aa7d57;mix-blend-mode:screen}.note-ul{position:absolute;border-radius:1px;opacity:.9}.note-dot{position:absolute;border-radius:50%;box-shadow:0 0 0 1.2px #fcfcfa}html.night .pg:not(.madani) .note-dot{box-shadow:0 0 0 1.2px #050505}.pen-fab{position:fixed;z-index:46;left:8px;bottom:calc(var(--safe-b, 0px) + 6px);width:44px;height:44px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;cursor:pointer;background:#428a36;color:#f7f2e8;opacity:.55;box-shadow:0 2px 8px #14321447,inset 0 0 0 2px #f7f2e859;transition:opacity .25s ease,transform .15s ease,background .2s ease;-webkit-tap-highlight-color:transparent;animation:am-in .25s ease}.pen-fab:hover,.pen-fab:active{opacity:1}.pen-fab:active{transform:scale(.94)}.pen-fab.on{opacity:1;background:#f7f2e8;color:#2f5a2a;box-shadow:0 2px 10px #1432144d,inset 0 0 0 2px #428a36}.pen-head{position:fixed;z-index:48;top:0;left:0;right:0;min-height:var(--top-h, 48px);box-sizing:border-box;padding:calc(var(--safe-t, 0px) + 3px) 10px 3px;display:flex;align-items:center;gap:8px;direction:rtl;background:#fcfcfa;color:#1a2330;border-bottom:1.5px solid #428a36;box-shadow:0 1px #ccd4c4,0 3px 10px #0000000f;font-family:Noto Sans Arabic,system-ui,sans-serif;animation:fade .18s ease}.ph-ic{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#428a36;color:#f7f2e8}.ph-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.ph-txt b{font-size:13.5px;font-weight:700;color:#2f5a2a}.ph-txt small{font-size:10.5px;color:#6c6a60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-done{flex:none;height:28px;padding:0 14px;border-radius:14px;cursor:pointer;background:#428a36;color:#fff;border:0;font:600 13px/1 Noto Sans Arabic,system-ui,sans-serif}html.night .pen-head{background:#141a1f;color:#eef2f5;border-bottom-color:#3f8a4a;box-shadow:none}html.night .ph-txt b{color:#8fd09a}html.night .ph-txt small{color:#9aa6ae}.app.pen-on .topbar-wrap{visibility:hidden}.ns-layer{position:fixed;inset:0;z-index:72;background:#0c1c2852;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.ns-sheet{width:min(100%,480px);max-height:min(84vh,760px);background:#f7f2e8;color:#1a2330;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;direction:rtl;box-shadow:0 -8px 32px #0003;animation:ns-up .22s ease;font-family:Noto Sans Arabic,system-ui,sans-serif}@keyframes ns-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}.ns-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:10px 10px 6px;border-bottom:1px solid #e6dccb}.ns-x{width:34px;height:34px;border-radius:50%;border:0;background:#ebe3d4;color:#0b3d5c;display:grid;place-items:center;cursor:pointer}.ns-title{text-align:center;line-height:1.2}.ns-title small{display:block;font-size:11px;color:#4f7a28;font-weight:600;letter-spacing:.2px}.ns-title h2{margin:0;font-size:17px;color:#0b3d5c;font-weight:700}.ns-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px calc(var(--safe-b, 0px) + 18px);display:flex;flex-direction:column;gap:14px}.ns-label{display:block;font-size:12.5px;font-weight:700;color:#0b3d5c;margin-bottom:7px}.ns-label em{font-style:normal;font-weight:500;color:#7a7368}.ns-sel{text-align:center;padding:6px 0 2px}.ns-words{font-family:var(--quran);font-size:34px;line-height:1.7;color:#1a2330;display:flex;justify-content:center;gap:.35em;flex-wrap:wrap}.ns-words span{padding:0 .12em;border-radius:8px;transition:background .15s,color .15s;box-shadow:inset 0 -2px #428a3680}.ns-words span.on,.ns-ayah span.on{background:#428a3633;color:#2f5a2a}.ns-card{background:#fbf7ef;border:1px solid #e6dccb;border-radius:14px;padding:10px 12px}.ns-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ns-ref{font-size:12px;color:#4f7a28;font-weight:600}.ns-ayah{margin:2px 0 0;font-family:var(--quran);font-size:21px;line-height:2;text-align:justify;color:#1a2330}.ns-ayah span{border-radius:5px;transition:background .15s}.ns-ayah span.sel{box-shadow:inset 0 -2px #428a368c}.ns-mk{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;margin-inline-start:.2em;border-radius:50%;border:1.5px solid #428a36;color:#2f5a2a;font-size:.62em;vertical-align:middle;font-family:Noto Sans Arabic,sans-serif}.ns-plays{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ns-play{display:flex;align-items:center;gap:9px;min-width:0;text-align:start;cursor:pointer;padding:9px 10px;border-radius:14px;border:1px solid #e0d5c1;background:#fff;color:#1a2330;font:inherit;-webkit-tap-highlight-color:transparent}.ns-play.playing,.ns-play.loading{border-color:#428a36;box-shadow:0 0 0 1.5px #428a3659}.ns-play-ic{flex:none;width:36px;height:36px;border-radius:50%;background:#428a36;color:#fff;display:grid;place-items:center}.ns-play.playing .ns-play-ic{background:#2f5a2a}.ns-play-txt{min-width:0;display:flex;flex-direction:column;line-height:1.3}.ns-play-txt b{font-size:13px;font-weight:700;color:#0b3d5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-play-txt b.q{font-family:var(--quran);font-size:19px;font-weight:400;color:#1a2330;line-height:1.5}.ns-play-txt small{font-size:11px;color:#7a7368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}.ns-src{margin:6px 2px 0;font-size:11px;color:#4f7a28}.ns-src.err{color:#b3261e}.ns-rules{display:flex;flex-wrap:wrap;gap:7px}.ns-rule{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:16px;cursor:pointer;border:1px solid #ddd2bd;background:#fff;color:#1a2330;font:600 13px/1 Noto Sans Arabic,system-ui,sans-serif}.ns-rule i{width:9px;height:9px;border-radius:50%;background:var(--rc)}.ns-rule.on{background:var(--rc);border-color:var(--rc);color:#fff}.ns-rule.on i{background:#fff}.ns-text{width:100%;box-sizing:border-box;resize:vertical;min-height:92px;padding:10px 12px;border-radius:12px;border:1px solid #ddd2bd;background:#fff;color:#1a2330;font:400 14.5px/1.7 Noto Sans Arabic,system-ui,sans-serif}.ns-text:focus{outline:none;border-color:#428a36;box-shadow:0 0 0 2px #428a3633}.ns-warn{margin:-6px 0 0;font-size:12px;color:#b3261e;text-align:center}.ns-save{width:100%;height:46px;border:0;border-radius:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#428a36;color:#fff;font:700 15px/1 Noto Sans Arabic,system-ui,sans-serif;box-shadow:0 2px 8px #2f5a2a40}.ns-save:active{background:#2f5a2a}.ns-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:-4px}.ns-new,.ns-del{border:0;background:none;cursor:pointer;font:600 12.5px/1 Noto Sans Arabic,system-ui,sans-serif;padding:8px 4px;display:inline-flex;align-items:center;gap:5px}.ns-new{color:#0b3d5c}.ns-del{color:#a0463c}.ns-del.sure{color:#fff;background:#b3261e;border-radius:10px;padding:8px 12px}.ns-tabs{display:flex;gap:6px;justify-content:center}.ns-tabs button{border:1px solid #ddd2bd;background:#fff;border-radius:12px;padding:5px 12px;font:600 12px/1 Noto Sans Arabic,sans-serif;color:#0b3d5c;cursor:pointer}.ns-tabs button.on{background:#0b3d5c;color:#fff;border-color:#0b3d5c}html.night .ns-sheet{background:#141a1f;color:#eef2f5}html.night .ns-head{border-bottom-color:#26313a}html.night .ns-x{background:#222c34;color:#dfe7ee}html.night .ns-title h2,html.night .ns-label,html.night .ns-play-txt b{color:#dfe9f2}html.night .ns-title small,html.night .ns-ref,html.night .ns-src{color:#8fd09a}html.night .ns-card{background:#1b2329;border-color:#2a353e}html.night .ns-words,html.night .ns-ayah,html.night .ns-play-txt b.q{color:#eef2f5}html.night .ns-play,html.night .ns-rule,html.night .ns-text,html.night .ns-tabs button{background:#1e272e;border-color:#2e3a44;color:#eef2f5}html.night .ns-rule.on{background:var(--rc);border-color:var(--rc)}html.night .ns-words span.on,html.night .ns-ayah span.on{background:#6ec88238;color:#bfeac6}html.night .ns-new{color:#9cc3e6}.nb{display:flex;flex-direction:column;gap:10px;padding-bottom:8px;direction:rtl;font-family:Noto Sans Arabic,system-ui,sans-serif}.nb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 18px;color:#7a7368}.nb-empty svg{color:#428a36}.nb-empty p{margin:0;font-weight:700;color:#0b3d5c}.nb-empty small{font-size:12.5px;line-height:1.7;margin-bottom:6px}.nb-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.nb-filters button{flex:none;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:15px;cursor:pointer;border:1px solid #ddd2bd;background:#fff;color:#1a2330;font:600 12.5px/1 Noto Sans Arabic,sans-serif}.nb-filters button i{width:8px;height:8px;border-radius:50%;background:var(--rc)}.nb-filters button b{font-weight:500;color:#7a7368}.nb-filters button.on{background:#0b3d5c;border-color:#0b3d5c;color:#fff}.nb-filters button.on b{color:#cfe0ee}.nb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nb-item{display:flex;align-items:stretch;background:#fff;border:1px solid #e6dccb;border-radius:14px;overflow:hidden}.nb-main{flex:1;min-width:0;text-align:start;border:0;background:none;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font:inherit;color:inherit}.nb-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.nb-words{font-family:var(--quran);font-size:22px;line-height:1.6;color:#1a2330}.nb-pill{flex:none;font-size:11.5px;font-weight:700;color:#fff;background:var(--rc);border-radius:10px;padding:3px 9px}.nb-ref{font-size:12px;color:#4f7a28;font-weight:600}.nb-snip{font-size:13px;color:#4a4f57;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nb-del{flex:none;width:48px;border:0;border-inline-start:1px solid #efe7d8;background:#fbf7ef;color:#a0463c;cursor:pointer;display:grid;place-items:center;font:700 11px/1 Noto Sans Arabic,sans-serif}.nb-del.sure{background:#b3261e;color:#fff}.nb-actions{display:flex;gap:8px;margin-top:4px}.nb-share{flex:1;height:40px;border-radius:12px;border:1px solid #c9d8c4;background:#fff;color:#2f5a2a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 13px/1 Noto Sans Arabic,sans-serif}.menu-notes .mn-btn{margin-top:6px;min-width:180px;height:40px;border:0;border-radius:12px;background:#428a36;color:#fff;font:700 14px/1 Noto Sans Arabic,sans-serif;cursor:pointer}.menu-notes .mn-btn.alt{background:#fff;color:#0b3d5c;border:1px solid #ddd2bd}.ns-body>*{flex-shrink:0}.ns-mk{border-radius:1em;padding:0 .3em}.rm-layer{position:absolute;inset:0;pointer-events:none;z-index:3;--rm-navy: #13294b;--rm-navy2: #1f3f6e;--rm-gold: #c9a55a;--rm-cream: #f8efd8;--rm-gold-hi: #e6c67e}html.night .rm-layer{--rm-navy: #29497a;--rm-navy2: #3a63a0;--rm-gold: #e0bf72;--rm-cream: #fff7e4;--rm-gold-hi: #f3d68e}.rm-med{position:absolute;overflow:visible;filter:drop-shadow(0 .6px 1.2px rgba(10,25,50,.35))}.rm-s0{stop-color:var(--rm-navy2)}.rm-s1{stop-color:var(--rm-navy)}.rm-body{stroke:var(--rm-gold);stroke-width:.9}.rm-ring{fill:none;stroke:var(--rm-cream);stroke-width:1.05;opacity:.95}.rm-ring2{fill:none;stroke:var(--rm-gold);stroke-width:.55;opacity:.75}.rm-dot{fill:var(--rm-gold)}.rm-num{fill:var(--rm-cream);font-family:Amiri,Noto Naskh Arabic,serif;font-weight:700;letter-spacing:-.4px}.rm-glyph{position:absolute;display:block;text-align:center;white-space:nowrap;box-sizing:border-box}.rm-glyph>b{position:relative;font-weight:inherit;color:var(--rm-cream);-webkit-text-fill-color:var(--rm-cream);-webkit-text-stroke:.01em var(--rm-cream)}.rm-glyph-bg{position:absolute;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,var(--rm-navy2),var(--rm-navy) 70%);box-shadow:inset 0 0 0 1px var(--rm-gold),0 .6px 1.5px #0a193259}.rm-med.appear,.rm-glyph.appear{animation:rm-appear .55s cubic-bezier(.2,1.4,.4,1) both;transform-box:fill-box;transform-origin:50% 50%}.rm-med.pulse,.rm-glyph.pulse{animation:rm-pulse 1.1s ease-in-out 2;transform-box:fill-box;transform-origin:50% 50%}@keyframes rm-appear{0%{transform:scale(.4);opacity:0;filter:drop-shadow(0 0 0 rgba(201,165,90,0))}60%{transform:scale(1.12);opacity:1;filter:drop-shadow(0 0 6px rgba(201,165,90,.85))}to{transform:scale(1)}}@keyframes rm-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.16);filter:drop-shadow(0 0 7px rgba(201,165,90,.9))}}.rm-ribbon{position:absolute;top:-1px;height:38px;display:block;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 30%,transparent 70%,rgba(0,0,0,.22)),linear-gradient(180deg,var(--rm-navy),var(--rm-navy2));box-shadow:inset 1px 0 0 var(--rm-gold),inset -1px 0 0 var(--rm-gold),0 1px 2px #0a193259;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);animation:rm-drop .45s ease-out both}@keyframes rm-drop{0%{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}.rm-card{display:flex;align-items:center;gap:12px;width:calc(100% - 24px);margin:10px 12px 4px;padding:11px 14px;box-sizing:border-box;border:0;border-radius:14px;cursor:pointer;text-align:start;direction:rtl;background:linear-gradient(135deg,#13294b,#23477c);color:#f8efd8;box-shadow:inset 0 0 0 1px #c9a55a8c,0 3px 10px #13294b40;font-family:Noto Sans Arabic,system-ui,sans-serif}.rm-card .rmc-ic{flex:none;width:30px;height:38px;display:grid;place-items:center}.rm-card .rmc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35}.rm-card .rmc-k{font-size:11px;color:#e0c98a;font-weight:700;letter-spacing:.2px}.rm-card .rmc-t{font-size:13.5px;font-weight:700;color:#fff7e4;line-height:1.4}.rm-card .rmc-s{font-size:11px;color:#c8d3e3}.rm-card.empty{background:#fbf7ef;color:#0b3d5c;box-shadow:inset 0 0 0 1px #e0d5c1;cursor:default}.rm-card.empty .rmc-k{color:#4f7a28}.rm-card.empty .rmc-t{color:#0b3d5c;font-weight:600;font-size:12.5px;white-space:normal}.return-dock.rm-chip,html.night .return-dock.rm-chip{background:#13294b;border-color:#c9a55abf;box-shadow:0 2px 8px #13294b4d}.return-dock.rm-chip .rd-go,html.night .return-dock.rm-chip .rd-go{color:#f8efd8}.return-dock.rm-chip .rd-x{color:#e0c98a;background:#ffffff1a}.rd-rib{width:7px;height:11px;background:#c9a55a;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);margin-inline-start:2px}.toast.rm-toast{background:#13294b;color:#f8efd8;box-shadow:inset 0 0 0 1px #c9a55a8c,0 6px 18px #00000040}.ayah-actions button.aa-rm{background:linear-gradient(135deg,#13294b,#23477c);color:#f8efd8;border-radius:12px;font-weight:700;box-shadow:inset 0 0 0 1px #c9a55a8c}.ayah-actions button.aa-rm.on{background:#fbf7ef;color:#13294b;box-shadow:inset 0 0 0 1px #c9a55a}.rm-med.latest{filter:drop-shadow(0 .6px 1.2px rgba(10,25,50,.35)) drop-shadow(0 0 2.2px rgba(214,178,98,.55))}.rm-med.latest .rm-body{stroke:var(--rm-gold-hi);stroke-width:1.25}.rm-med.latest .rm-ring2{stroke:var(--rm-gold-hi);opacity:.95}.rm-glyph.latest .rm-glyph-bg{box-shadow:inset 0 0 0 1.3px var(--rm-gold-hi),0 0 3px #d6b2628c,0 .6px 1.5px #0a193259}.rm-ribbon.faint{height:24px;opacity:.5;animation-name:rm-drop-faint}@keyframes rm-drop-faint{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:.5}}.mk-list{margin:10px 0 4px;direction:rtl}.mkl-h{display:flex;align-items:center;justify-content:space-between;margin:0 4px 6px;font-size:13px;font-weight:700;color:#13294b}.mkl-h b{font-size:11px;font-weight:700;color:#8a6d2f;background:#c9a55a29;border-radius:999px;padding:1px 8px}.mk-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mkl-row{position:relative;border-radius:12px;overflow:hidden;transition:opacity .18s,transform .18s}.mkl-row.gone{opacity:0;transform:scale(.96)}.mkl-del-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#a8433a;color:#fff}.mkl-del-bg:after{content:""}.mkl-fg{position:relative;display:flex;align-items:center;background:#fbf7ef;box-shadow:inset 0 0 0 1px #e6dccb;border-radius:12px;transition:transform .2s ease;touch-action:pan-y}.mkl-row.latest .mkl-fg{box-shadow:inset 0 0 0 1px #c9a55ab3;background:#fdf8ec}.mkl-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 12px;text-align:start}.mkl-med{flex:none;width:26px;height:32px;display:grid;place-items:center;color:#f8efd8;font:700 11px/1 Amiri,Noto Naskh Arabic,serif;background:radial-gradient(ellipse at 50% 42%,#1f3f6e,#13294b 70%);border-radius:50%/46%;box-shadow:inset 0 0 0 1px #c9a55a,inset 0 0 0 2.6px #13294b,inset 0 0 0 3.3px #f8efd8cc}.mkl-row.latest .mkl-med{box-shadow:inset 0 0 0 1.3px #e6c67e,inset 0 0 0 2.8px #13294b,inset 0 0 0 3.5px #f8efd8e6,0 0 4px #d6b26280}.mkl-txt{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.35}.mkl-t{font-size:14px;font-weight:700;color:#13294b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkl-s{font-size:11.5px;color:#6c7686}.mkl-x{flex:none;width:40px;align-self:stretch;display:grid;place-items:center;color:#9a8f7c}.mkl-x:active{color:#a8433a}html.night .mkl-fg{background:#1d2430;box-shadow:inset 0 0 0 1px #2f3a4b}html.night .mkl-row.latest .mkl-fg{background:#1f2735;box-shadow:inset 0 0 0 1px #e0bf728c}html.night .mkl-t,html.night .mkl-h{color:#e8edf5}html.night .mkl-s{color:#9aa6b8}.acct-av{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1.5px #c9a55a}.acct-av.ini{background:radial-gradient(circle at 50% 40%,#1f3f6e,#13294b);color:#f8efd8;font:700 13px/1 var(--ui);letter-spacing:.5px}.acct-av.ghost{background:#f4efe3;color:#13294b;box-shadow:0 0 0 1.3px #d9cfbb}.acct-layer{display:flex;align-items:flex-end;justify-content:center;z-index:90}.acct-sheet{position:relative;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;direction:rtl;background:#fbf7ef;border-radius:22px 22px 0 0;padding:10px 22px calc(var(--safe-b, 0px) + 22px);box-shadow:0 -10px 34px #13294b38,inset 0 3px #4f7a28;animation:acct-up .28s cubic-bezier(.2,.9,.3,1)}@keyframes acct-up{0%{transform:translateY(40px);opacity:.4}}.acct-grab{display:block;width:40px;height:4px;border-radius:4px;background:#d9cfbb;margin:2px auto 8px}.acct-x{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#6c7686;background:#13294b0d}.acct-hero{text-align:center;padding:8px 6px 4px}.acct-emblem{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;color:#f8efd8;background:radial-gradient(circle at 50% 40%,#1f3f6e,#13294b);box-shadow:0 0 0 2px #fbf7ef,0 0 0 3.2px #c9a55a,0 6px 16px #13294b40}.acct-hero h2{margin:12px 0 6px;font-size:22px;color:#13294b;font-weight:800}.acct-hero p{margin:0 auto;max-width:330px;font-size:14px;line-height:1.75;color:#4b5566}.acct-soon{margin:14px 0 0;padding:9px 12px;border-radius:12px;background:#eef3e4;color:#3d5f1f;font-size:12.5px;line-height:1.6;text-align:center}.acct-soon b{display:inline-block;margin-inline-end:6px;padding:1px 9px;border-radius:999px;background:#4f7a28;color:#fff;font-size:11.5px}.acct-err{margin:12px 0 0;padding:8px 12px;border-radius:10px;background:#fbeceb;color:#9a3a33;font-size:13px;text-align:center}.acct-btns{display:flex;flex-direction:column;gap:12px;margin-top:18px}.gsi-btn,.apple-btn,.ms-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:50px;border-radius:12px;font:600 15.5px/1 var(--ui);padding:0 18px}.gsi-btn{background:#fff;color:#1f1f1f;border:1px solid #747775}.gsi-btn:active:not(:disabled){background:#f2f2f2}.apple-btn{background:#000;color:#fff;border:1px solid #000}.apple-btn:active:not(:disabled){background:#222}.ms-btn{background:#fff;color:#5e5e5e;border:1px solid #8c8c8c}.ms-btn:active:not(:disabled){background:#f3f3f3}.ms-btn:disabled>:not(em){opacity:.55}.ms-btn em{position:absolute;inset-inline-end:12px;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#c9a55a;color:#13294b}.gsi-btn:disabled,.apple-btn:disabled{cursor:default}.gsi-btn:disabled>:not(em),.apple-btn:disabled>:not(em){opacity:.55}.gsi-btn em,.apple-btn em{position:absolute;inset-inline-end:12px;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#c9a55a;color:#13294b}.acct-guest{display:block;margin:16px auto 0;padding:8px 14px;color:#4f7a28;font-size:14.5px;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#4f7a2866}.acct-privacy{margin:10px auto 0;max-width:360px;text-align:center;font-size:11.5px;line-height:1.7;color:#8a8f99}.acct-note{margin:10px auto 0;max-width:340px;text-align:center;font-size:12px;line-height:1.7;color:#6f7682}.acct-prof{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 6px;text-align:center}.acct-prof .acct-av{box-shadow:0 0 0 2.5px #fbf7ef,0 0 0 4px #c9a55a,0 6px 16px #13294b33;margin-bottom:6px}.acct-prof .acct-av.ini{font-size:22px}.acct-name{font-size:19px;color:#13294b;font-weight:800}.acct-mail{font-size:13px;color:#6c7686}.acct-sync{display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:5px 12px;border-radius:999px;background:#eef3e4;color:#3d5f1f;font-size:12.5px;font-weight:600}.acct-sync i{width:7px;height:7px;border-radius:50%;background:#4f9a3a;box-shadow:0 0 0 3px #4f9a3a2e}.acct-sync.syncing i{animation:acct-blink 1s ease-in-out infinite}.acct-sync.offline,.acct-sync.error{background:#f6efe0;color:#8a6d2f}.acct-sync.offline i,.acct-sync.error i{background:#c9a55a;box-shadow:0 0 0 3px #c9a55a33}@keyframes acct-blink{50%{opacity:.3}}.acct-what{list-style:none;margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #e6dccb;display:flex;flex-direction:column;gap:7px}.acct-what li{position:relative;padding-inline-start:18px;font-size:13.5px;color:#334}.acct-what li:before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:7px;height:9px;border-radius:50%/45%;background:#13294b;box-shadow:0 0 0 1px #c9a55a}.acct-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:16px}.acct-actions.row{flex-direction:row}.acct-actions.row>*{flex:1}.acct-btn{height:46px;border-radius:12px;font:700 14.5px/1 var(--ui)}.acct-btn.line{background:#fff;color:#13294b;box-shadow:inset 0 0 0 1.2px #13294b}.acct-btn.danger{background:#a8433a;color:#fff}.acct-del{align-self:center;padding:8px 12px;color:#a8433a;font-size:13.5px;font-weight:600}.acct-confirm{margin-top:16px;padding:14px;border-radius:14px;background:#fbeceb;box-shadow:inset 0 0 0 1px #efc9c4;text-align:center}.acct-confirm b{color:#8e2f28;font-size:15px}.acct-confirm p{margin:6px 0 0;font-size:13px;line-height:1.7;color:#6b3a35}.menu-acct{width:40px;height:40px;display:grid;place-items:center;border-radius:50%}html.night .acct-sheet{background:#1a212c;box-shadow:0 -10px 34px #00000080,inset 0 3px #4f7a28}html.night .acct-hero h2,html.night .acct-name{color:#eef2f8}html.night .acct-hero p,html.night .acct-mail{color:#a9b3c3}html.night .acct-what{background:#222b38;box-shadow:inset 0 0 0 1px #2f3a4b}html.night .acct-what li{color:#d5dce6}html.night .acct-btn.line{background:transparent;color:#e8edf5;box-shadow:inset 0 0 0 1.2px #8da2c0}.flipbook.hover-next,.flipbook.hover-prev{cursor:pointer}.flipbook.is-curling{cursor:grabbing}.flipbook:before,.flipbook:after{content:"";position:absolute;top:0;bottom:0;width:27%;z-index:5;pointer-events:none;opacity:0;transition:opacity .25s ease}.flipbook:before{left:0;width:var(--edge-l, 20%);background:linear-gradient(90deg,#2f5a2a1a,#2f5a2a00 70%)}.flipbook:after{right:0;width:var(--edge-r, 20%);background:linear-gradient(270deg,#2f5a2a1a,#2f5a2a00 70%)}.flipbook.hover-next:not(.is-curling):before,.flipbook.hover-prev:not(.is-curling):after{opacity:1}.flip-nav{position:absolute;z-index:7;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;color:#2f5a2a;background:#fcfcf7d1;border:1px solid rgba(66,138,54,.38);box-shadow:0 2px 10px #1e321929;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transform:scale(.88);transition:opacity .35s ease,transform .25s ease,background .2s}.flip-nav.show{opacity:.9;pointer-events:auto;transform:scale(1)}.flip-nav.hot,.flip-nav:hover{opacity:1;background:#fcfcf7;transform:scale(1.06)}.flip-nav:focus-visible{outline:2px solid #428a36;outline-offset:2px;opacity:1}html.night .flip-nav{color:#cfe3c8;background:#181e18c7;border-color:#a0c8964d}.flip-coach{position:absolute;z-index:8;left:50%;bottom:8px;transform:translate(-50%);max-width:94%;white-space:nowrap;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;direction:rtl;text-align:center;background:#2f5a2aed;color:#fcfcf7;font:600 13px/1.5 "Noto Sans Arabic",var(--ui);box-shadow:0 6px 22px #14281247;animation:flipCoachIn .45s ease both}.flip-coach-hand{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(252,252,247,.9);position:relative;animation:flipCoachSwipe 1.6s ease-in-out infinite}.flip-coach-sep{opacity:.6}.flip-coach>span{white-space:nowrap}.flip-coach-hand{margin-inline-start:2px;margin-inline-end:4px}@media (max-width: 420px){.flip-coach{font-size:12px;padding:8px 12px;gap:6px}}@media (max-width: 480px){.chrome-layer.slim .chrome-x{display:none}.chrome-layer.slim .chrome-tabs button{font-size:12.5px;padding:6px 2px}.chrome-layer.slim .chrome-tabs button svg{display:none}}@keyframes flipCoachIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes flipCoachSwipe{0%{transform:translate(8px);opacity:.4}50%{transform:translate(-8px);opacity:1}to{transform:translate(8px);opacity:.4}}@media (prefers-reduced-motion: reduce){.flip-coach,.flip-coach-hand{animation:none}}.chrome-layer.slim .chrome-top,.chrome-layer.slim .chrome-bottom{background:#fbf9f3db;background:color-mix(in srgb,var(--menu-paper, #fbf9f3) 86%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);animation:chromeIn .22s ease both}.chrome-layer.slim .chrome-top{padding:calc(3px + env(safe-area-inset-top,0)) 8px 3px;animation-name:chromeInTop}.chrome-layer.slim .chrome-bottom{padding:3px 8px calc(3px + env(safe-area-inset-bottom,0));animation-name:chromeInBottom}@keyframes chromeInTop{0%{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}@keyframes chromeInBottom{0%{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}.chrome-layer.slim.leaving,.chrome-layer.slim.leaving *{pointer-events:none!important}.chrome-layer.slim.leaving .chrome-top{animation:chromeOutTop .26s ease-in both}.chrome-layer.slim.leaving .chrome-bottom{animation:chromeOutBottom .26s ease-in both}.chrome-layer.slim.leaving .chrome-panel,.chrome-layer.slim.leaving .chrome-scrim{opacity:0;transition:opacity .2s}@keyframes chromeOutTop{to{transform:translateY(-100%);opacity:0}}@keyframes chromeOutBottom{to{transform:translateY(100%);opacity:0}}@media (prefers-reduced-motion: reduce){.chrome-layer.slim .chrome-top,.chrome-layer.slim .chrome-bottom{animation:none}}.chrome-layer.slim .chrome-top-row{gap:4px;min-height:40px}.chrome-layer.slim .chrome-icon{width:38px;height:38px;flex:none}.chrome-layer.slim .chrome-x{width:32px;height:32px;opacity:.7}.chrome-layer.slim .chrome-tabs{flex:1;max-width:460px;margin:0 auto;border:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#428a3614;border-radius:999px;padding:3px}.chrome-layer.slim .chrome-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 4px;margin:0;border:0;border-radius:999px;font:600 13px var(--ui);color:#6f6a5e;white-space:nowrap;transition:background .18s,color .18s}.chrome-layer.slim .chrome-tabs button.on{background:#fff;color:#2f5a2a;box-shadow:0 1px 4px #1e3c1929}.chrome-layer.slim .chrome-panel{top:calc(52px + env(safe-area-inset-top,0));bottom:auto;left:auto;right:8px;width:min(420px,calc(100vw - 16px));max-height:min(68vh,calc(100% - 130px));border:1px solid rgba(66,138,54,.22);border-radius:16px;box-shadow:0 14px 40px #14281238;animation:chromeIn .2s ease both}html[dir=ltr] .chrome-layer.slim .chrome-panel{right:auto;left:8px}@keyframes chromeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.chrome-layer.slim .chrome-panel .chrome-search{margin:4px 0 6px}.chrome-layer.slim .chrome-scrim{background:#141e121f}.chrome-layer.slim .chrome-bottom-row{gap:6px;min-height:40px}.chrome-layer.slim .chrome-pager{gap:4px;font-size:16px;flex:none}.chrome-layer.slim .chrome-pager b{min-width:34px;text-align:center}.chrome-layer.slim .chrome-scrub{flex:1;margin:0 4px;min-width:0}.chrome-layer.slim .chrome-scrub input[type=range]{min-width:0}.chrome-layer.slim.chrome-madani .chrome-top,.chrome-layer.slim.chrome-madani .chrome-bottom{background-color:#fcfcf7e0}.chrome-layer.slim.chrome-madani .chrome-top{padding-bottom:9px}.chrome-layer.slim.chrome-madani .chrome-bottom{padding-top:10px}.chrome-layer.slim.chrome-madani .chrome-top:after,.chrome-layer.slim.chrome-madani .chrome-bottom:before{height:8px;background-size:auto 8px}html.night .chrome-layer.slim .chrome-tabs button.on{background:#2a3328;color:#cfe3c8}.med-btn:after,.chrome-layer.slim .chrome-icon:after,.chrome-layer.slim .chrome-pager button:after,.chrome-layer.slim .chrome-tabs button:after,.fm-close:after,.eye-btn:after{content:"";position:absolute;border-radius:12px}.med-btn:after{inset:-4px -3px}.chrome-layer.slim .chrome-icon:after{inset:-3px}.chrome-layer.slim .chrome-x:after{inset:-6px}.chrome-layer.slim .chrome-pager button{position:relative}.chrome-layer.slim .chrome-pager button:after{inset:-7px -6px}.chrome-layer.slim .chrome-tabs button{position:relative}.chrome-layer.slim .chrome-tabs button:after{inset:-4px -1px}.fm-close{position:relative}.fm-close:after{inset:-7px;border-radius:50%}.eye-btn:after{inset:-6px;border-radius:50%}.chrome-layer.slim .chrome-scrub input[type=range]{height:32px;margin:-6px 0;cursor:pointer;touch-action:none}@media (hover: hover) and (pointer: fine){.med-btn{transition:transform .12s ease-out,filter .18s ease}.med-btn:hover{filter:brightness(1.04) drop-shadow(0 1px 3px rgba(120,90,30,.22));transform:translateY(-1px)}.hb-center{border-radius:10px;transition:background .18s}.hb-center:hover{background:color-mix(in srgb,var(--c-gold, #c9a24a) 9%,transparent)}.chrome-layer.slim .chrome-icon{transition:background .18s,color .18s}.chrome-layer.slim .chrome-icon:hover{background:#428a361a}.chrome-layer.slim .chrome-tabs button:not(.on):hover{background:#ffffff8c;color:#2f5a2a}.chrome-layer.slim .chrome-pager button{border-radius:50%;transition:background .18s}.chrome-layer.slim .chrome-pager button:not(:disabled):hover{background:#428a361a}.chrome-row:hover,.chrome-row-main:hover{background:#428a360d}.eye-btn:hover:before{box-shadow:0 0 0 1.4px #2f5a2ab3}.edge-tab{transition:transform .25s ease,filter .2s}.edge-tab.left.shown:hover{transform:translate(2px)}.edge-tab.right.shown:hover{transform:translate(-2px)}html.night .chrome-layer.slim .chrome-icon:hover,html.night .chrome-layer.slim .chrome-pager button:not(:disabled):hover{background:#cfe3c81a}html.night .chrome-layer.slim .chrome-tabs button:not(.on):hover{background:#ffffff0f;color:#cfe3c8}}.med-btn:focus-visible,.hb-center:focus-visible{outline:1.5px solid #b8913f;outline-offset:1px;border-radius:12px}.chrome-layer.slim .chrome-icon:focus-visible,.chrome-layer.slim .chrome-tabs button:focus-visible,.chrome-layer.slim .chrome-pager button:focus-visible,.eye-btn:focus-visible,.edge-tab:focus-visible,.chrome-scrub input:focus-visible{outline:1.5px solid #428a36;outline-offset:2px;border-radius:10px}.med-btn:focus:not(:focus-visible),.chrome-layer.slim button:focus:not(:focus-visible){outline:none}.app .hb,.chrome-layer.slim .chrome-top,.chrome-layer.slim .chrome-bottom{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}.chrome-layer.slim .chrome-panel{right:max(8px,env(safe-area-inset-right,0px))}html[dir=ltr] .chrome-layer.slim .chrome-panel{left:max(8px,env(safe-area-inset-left,0px))}.folio-menu .fm-scroll{padding-right:calc(30px + env(safe-area-inset-right,0px))}@media (orientation: landscape) and (max-height: 500px) and (pointer: coarse){.app .hb{height:calc(40px + env(safe-area-inset-top));margin-bottom:2px}.hb .hb-center{flex-direction:row;justify-content:center;gap:10px}.hb .hb-sub,.hb .hb-return{margin-top:0}}.art-offline{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 18%;text-align:center;font-family:"Noto Sans Arabic",var(--ui)}.madani-art.missing~.art-offline{display:flex}.art-offline span{font:600 14px/1.7 "Noto Sans Arabic",var(--ui);color:#2f5a2a}.art-offline small{font:500 12px/1.6 "Noto Sans Arabic",var(--ui);color:#7a7368}.art-offline:before{content:"";width:34px;height:34px;border-radius:50%;border:1px solid rgba(66,138,54,.35);background:radial-gradient(circle,rgba(66,138,54,.18) 0 3px,transparent 4px);margin-bottom:4px}:root{--ui-font: "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;--title-font: "Amiri", "Noto Naskh Arabic", serif;--medal-fill: var(--c-cream);--f-icon-fill: #FBF4E3;--med-fill: rgba(255, 255, 255, .75);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}html.night{--medal-fill: var(--c-night-deep);--f-icon-fill: #0E1E33;--med-fill: var(--c-navy-soft)}.sym{display:block;flex:none}.hb{position:relative;display:flex;align-items:center;gap:6px;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;margin-bottom:4px;color:var(--c-ink);font-family:var(--ui-font);z-index:30}.hb-bg{position:absolute;inset:0;background:var(--c-surface);opacity:.97;pointer-events:none}.hb-pattern{position:absolute;inset:0;background-image:var(--t-head-pattern);background-size:auto}.hb-line{position:absolute;left:0;right:0;bottom:0;height:.7px;background:var(--c-gold);opacity:.75}.hb-knot{position:absolute;left:50%;bottom:-6.5px;transform:translate(-50%);width:13px;height:13px;display:grid;place-items:center}.hb-knot svg{display:block}.hb-knot.round{width:20px;height:20px;bottom:-10px;border-radius:50%;background:var(--c-surface)}.hb-knot.round svg{width:18px;height:18px}.med-btn{position:relative;width:36px;height:36px;flex:none;display:grid;place-items:center;border:0;background:none;padding:0;color:var(--c-ink);cursor:pointer;transition:transform .12s ease-out;-webkit-tap-highlight-color:transparent}.med-btn>svg:first-child{position:absolute;inset:0}.med-btn .med-sym{position:relative}.med-btn:active{transform:scale(.97)}.hb-center{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:0;border:0;background:none;color:inherit;cursor:pointer;padding:0;position:relative}.hb-title{display:flex;align-items:center;gap:6px;height:30px}.hb-motif{display:inline-grid;place-items:center}.hb-motif svg{width:100%;height:100%}.hb-sura{font-family:SuraNames;font-size:25px;line-height:30px;color:var(--c-ink);white-space:nowrap}.hb-sub{font-size:9.5px;font-weight:500;color:var(--c-gold);line-height:13px;margin-top:-2px;white-space:nowrap}.hb-return{display:inline-flex;align-items:center;gap:3px;height:15px;padding:0 8px;border-radius:99px;background:var(--c-gold-light);color:var(--c-navy);font-size:9.5px;font-weight:600;margin-top:-2px}.hb-pop{position:absolute;top:calc(46px + env(safe-area-inset-top));right:46px;z-index:60;min-width:220px;padding:6px 0;border-radius:14px;background:color-mix(in srgb,var(--f-raised) 96%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000038,0 0 0 .5px var(--f-hair);color:var(--f-ink);font-family:var(--ui-font)}.hb-pop button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border:0;background:none;color:inherit;font:500 15px var(--ui-font);cursor:pointer;text-align:right}.hb-pop button:active{background:var(--f-gold-soft)}.hb-pop-sec{padding:6px 16px 2px;font-size:12px;color:var(--f-ink-soft)}.hb-pop-div{height:6px;background:var(--f-gold-soft);margin:4px 0}.folio-menu{position:fixed;inset:0;z-index:80;direction:ltr;perspective:1400px}.fm-scrim{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .3s ease}.folio-menu.open .fm-scrim{opacity:.32}.fm-sheet{position:absolute;top:0;bottom:0;right:0;transform-origin:100% 50%;opacity:0;transition:transform .55s cubic-bezier(.2,.9,.25,1.04),opacity .3s ease;box-shadow:-6px 0 18px #00000047;touch-action:pan-y;overflow:hidden}.folio-menu.open .fm-sheet{opacity:1}.folio-menu:not(.open) .fm-sheet{transition:transform .24s ease-in,opacity .24s ease-in}.fm-sheet.dragging{transition:none}.fm-paper{position:absolute;inset:0;background:var(--grain),linear-gradient(90deg,transparent,rgba(0,0,0,.06)),var(--c-cream)}html.night .fm-paper{background:var(--grain),linear-gradient(90deg,transparent,rgba(0,0,0,.25)),#0c1828;background-blend-mode:soft-light,normal,normal}.illum{position:absolute;pointer-events:none;top:calc(10px + env(safe-area-inset-top)*.4);bottom:calc(10px + env(safe-area-inset-bottom)*.4);left:10px;right:10px}.illum i{position:absolute;display:block}.illum-1{inset:0;border:1px solid color-mix(in srgb,var(--t-gold) 85%,transparent)}.illum-2{inset:3.5px;border:.8px solid color-mix(in srgb,var(--t-green) 75%,transparent)}.illum-3{inset:6px;border:.5px solid color-mix(in srgb,var(--t-gold) 45%,transparent)}.illum-corner{position:absolute;display:block}.fm-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top) + 14px) 30px calc(env(safe-area-inset-bottom) + 28px);display:flex;flex-direction:column;gap:16px;font-family:var(--title-font);color:var(--t-navy);scrollbar-width:none}.fm-scroll::-webkit-scrollbar{display:none}.fm-close-row{display:flex;justify-content:flex-start;direction:ltr}.fm-close{width:30px;height:30px;border-radius:50%;border:.8px solid color-mix(in srgb,var(--t-gold) 60%,transparent);background:none;color:var(--t-ink-soft);display:grid;place-items:center;cursor:pointer}.fm-card{position:relative;border-radius:18px;background:#fffbf2eb;border:.8px solid color-mix(in srgb,var(--t-gold) 55%,transparent);box-shadow:inset 0 0 0 3px transparent;color:inherit;font:inherit;text-align:inherit}.fm-card:after{content:"";position:absolute;inset:3px;border-radius:inherit;border:.6px solid color-mix(in srgb,var(--t-green) 18%,transparent);pointer-events:none}html.night .fm-card{background:color-mix(in srgb,var(--c-night-deep) 90%,transparent)}button.fm-card{cursor:pointer;transition:transform .12s ease-out;-webkit-tap-highlight-color:transparent}button.fm-card:active{transform:scale(.97)}.fm-head{border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0}.fm-ring{position:relative;width:168px;height:168px}.fm-ring svg{position:absolute;inset:0}.fm-arc{transition:stroke-dashoffset 1.1s ease-out .25s}.fm-ring-in{position:absolute;inset:0 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.fm-sura{font-family:SuraNames;font-size:54px;line-height:1;color:#1f4a2e;white-space:nowrap}html.night .fm-sura{color:var(--c-cream-deep)}.fm-pct{font-family:var(--title-font);font-size:11.5px;color:var(--t-ink-soft);margin-top:-4px}.fm-meta{display:flex;align-items:center;gap:8px}.fm-meta b{font:700 13px var(--title-font);color:var(--t-navy);white-space:nowrap}html.night .fm-meta b{color:var(--t-ink)}.fm-continue{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;overflow:hidden}.fm-continue .ribbon{margin-top:-20px;flex:none}.fm-cont-text{flex:1;display:flex;flex-direction:column;gap:2px;text-align:right}.fm-cont-text b{font:700 16px var(--title-font);color:var(--t-navy)}.fm-cont-text span{font-size:13.5px;color:var(--t-ink-soft)}.fm-cont-text small{font-size:11.5px;color:var(--t-ink-soft);opacity:.8}.fm-gold{color:var(--t-gold)}.fm-prayer{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:16px}.fm-prayer-main{flex:1;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:right}.fm-prayer-ic{width:38px;height:38px;border-radius:50%;background:var(--c-navy);box-shadow:0 0 0 .9px var(--t-gold) inset;color:var(--c-gold-light);display:grid;place-items:center;flex:none}.fm-prayer-text{display:flex;flex-direction:column;gap:1px;min-width:0}.fm-prayer-text b{font:700 15.5px var(--title-font);color:var(--t-navy)}.fm-prayer-text span{font-size:12px;color:var(--t-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-qibla{width:48px;height:44px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font:11px var(--title-font);color:var(--t-ink-soft)}.fm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.fm-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px}.fm-tile b{font:700 15.5px var(--title-font);color:var(--t-navy);line-height:1.25}.fm-tile small{font:11px var(--title-font);color:var(--t-ink-soft);height:13px;line-height:13px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 6px}html.night .fm-tile b,html.night .fm-prayer-text b,html.night .fm-cont-text b,html.night .fm-acct-text b{color:var(--t-ink)}.fm-tile,.fm-fade{opacity:0;transform:translateY(14px);transition:opacity .4s ease-out,transform .5s cubic-bezier(.2,.9,.3,1.1)}.fm-fade{transform:none}.folio-menu.open .fm-tile,.folio-menu.open .fm-fade{opacity:1;transform:none}.folio-menu.open .fm-tile:active{transform:scale(.97);transition-delay:0s!important}.k-medal{position:relative;display:grid;place-items:center;flex:none}.k-medal>svg:first-child{position:absolute;inset:0}.k-medal-sym{position:relative;color:var(--t-navy)}.fm-account{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px}.fm-av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:#efe5cf;box-shadow:0 0 0 .9px var(--t-gold) inset;color:var(--t-navy);overflow:hidden}html.night .fm-av{background:#162b43}.fm-av img{width:100%;height:100%;object-fit:cover}.fm-av b{font:700 18px var(--title-font)}.fm-acct-text{flex:1;display:flex;flex-direction:column;gap:1px;text-align:right}.fm-acct-text b{font:700 15.5px var(--title-font);color:var(--t-navy)}.fm-acct-text span{font-size:12px;color:var(--t-ink-soft)}.fm-quick{display:flex;gap:10px}.fm-quick button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border:0;background:none;cursor:pointer;font:12px var(--title-font);color:var(--t-ink-soft);white-space:nowrap}@media (prefers-reduced-motion: reduce){.fm-sheet,.fm-tile,.fm-fade{transition:opacity .2s!important}}.f-sheet-layer{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;font-family:var(--ui-font)}.f-sheet-scrim{position:absolute;inset:0;background:#00000047;opacity:0;transition:opacity .3s ease}.f-sheet-layer.in .f-sheet-scrim{opacity:1}.f-sheet{position:relative;width:100%;max-width:640px;height:calc(100% - env(safe-area-inset-top) - 10px);border-radius:22px 22px 0 0;display:flex;flex-direction:column;color:var(--f-ink);transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.9,.25,1);box-shadow:0 -8px 30px #0000002e;overflow:hidden}.f-sheet-layer.in .f-sheet{transform:none}@media (min-width: 900px) and (min-height: 600px){.f-sheet-layer{align-items:center}.f-sheet{height:min(860px,calc(100% - 60px));border-radius:22px}}.f-paper{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.05)),var(--grain),var(--f-paper)}html.night .f-paper{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.25)),var(--f-paper)}.f-sheet-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;padding:18px 60px 8px;text-align:center}.f-sheet-title{margin:0;font:700 23px/1.3 var(--title-font);color:var(--f-ink)}.f-sheet-sub{margin:0;font-size:12.5px;color:var(--f-ink-soft)}.f-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);background:var(--f-card);color:color-mix(in srgb,var(--f-ink) 75%,transparent);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px var(--f-shadow)}.f-close:active{transform:scale(.96)}.f-rule{display:flex;align-items:center;gap:8px}.f-rule-l,.f-rule-r{flex:1;height:1px}.f-rule-l{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--f-gold) 80%,transparent))}.f-rule-r{background:linear-gradient(90deg,color-mix(in srgb,var(--f-gold) 80%,transparent),transparent)}.f-sheet-rule{margin:0 40px 6px}.f-sheet-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.f-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 18px calc(40px + env(safe-area-inset-bottom));scrollbar-width:none}.f-scroll::-webkit-scrollbar{display:none}.f-sec{display:flex;align-items:center;gap:8px;margin:0;padding:18px 6px 8px;font:700 17.5px var(--title-font);color:var(--f-green)}html.night .f-sec{color:var(--f-gold)}.f-sec span{white-space:nowrap}.f-sec i{flex:1;min-width:14px;height:.6px;background:linear-gradient(270deg,color-mix(in srgb,var(--f-gold) 55%,transparent),transparent)}.f-group{position:relative;border-radius:20px;background:var(--f-card);border:.7px solid var(--f-hair);box-shadow:0 3px 10px var(--f-shadow);overflow:hidden}.f-group:after{content:"";position:absolute;inset:3px;border-radius:17px;border:.5px solid color-mix(in srgb,var(--f-gold) 12%,transparent);pointer-events:none}.f-top-gap{margin-top:14px}.f-div{height:.5px;background:var(--f-hair);opacity:.6;margin:0 64px 0 16px}.f-row{width:100%;display:flex;align-items:center;gap:13px;min-height:60px;padding:12px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:right;position:relative}button.f-row{cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent}button.f-row:active{background:var(--f-gold-soft)}.f-icon{position:relative;display:grid;place-items:center;flex:none}.f-icon>svg:first-child{position:absolute;inset:0}.f-icon-sym{position:relative;color:var(--f-navy)}html.night .f-icon-sym{color:var(--c-cream-deep)}.f-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.f-row-title{font-size:15.5px;font-weight:500;color:var(--f-ink)}.f-row-sub{font-size:12px;color:var(--f-ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.f-row-value{font-size:13px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.f-chev{color:var(--f-gold)}.f-chev-down{color:var(--f-gold);transition:transform .3s}.f-chev-down.up{transform:rotate(180deg)}.f-switch{position:relative;width:50px;height:30px;flex:none;border-radius:99px;border:.7px solid var(--f-hair);background:#e6dcc6;cursor:pointer;padding:0;direction:ltr;transition:background .25s}html.night .f-switch{background:#23395a}.f-switch span{position:absolute;top:2.5px;left:2.5px;width:25px;height:25px;border-radius:50%;background:#fffdf7;box-shadow:0 0 0 .9px color-mix(in srgb,var(--f-gold) 85%,transparent) inset,0 1px 2px #0000002e;transition:transform .32s cubic-bezier(.3,1.4,.5,1)}.f-switch.on{background:var(--f-green);border-color:color-mix(in srgb,var(--f-green) 40%,transparent)}.f-switch.on span{transform:translate(20px)}html.night .f-switch span{background:#f1e9d6}.f-stepper{display:inline-flex;align-items:center;gap:10px;flex:none}.f-stepper button{width:30px;height:30px;border-radius:50%;border:.8px solid color-mix(in srgb,var(--f-gold) 70%,transparent);background:var(--f-gold-soft);color:var(--f-gold);display:grid;place-items:center;cursor:pointer;padding:0}.f-stepper button:active{transform:scale(.95)}.f-stepper b{min-width:64px;text-align:center;font-size:14px;font-weight:600;color:var(--f-ink)}.f-chips{display:inline-flex;gap:2px;padding:2.5px;border-radius:99px;background:var(--f-gold-soft);border:.6px solid var(--f-hair);flex:none}.f-chips button{height:30px;padding:0 12px;border-radius:99px;border:0;background:transparent;font:400 13px var(--ui-font);color:var(--f-ink-soft);cursor:pointer;transition:background .25s,color .25s;white-space:nowrap}.f-chips button.on{background:var(--f-green);color:#fff;font-weight:600}html.night .f-chips button.on{background:var(--f-gold);color:var(--c-night-deep)}.f-tabs{display:flex;padding:8px 6px 0;border-bottom:.5px solid var(--f-hair)}.f-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;cursor:pointer;font:400 15px var(--ui-font);color:var(--f-ink-soft);padding:0}.f-tabs button.on{color:var(--f-ink);font-weight:600}.f-tabs i{display:block;width:100%;height:2.5px;border-radius:2px}.f-tabs button.on i{background:linear-gradient(90deg,color-mix(in srgb,var(--f-gold) 60%,transparent),var(--f-gold),color-mix(in srgb,var(--f-gold) 60%,transparent))}.check-seal{position:relative;display:grid;place-items:center;flex:none;color:#fff}.check-seal>svg:first-child{position:absolute;inset:0}.check-seal .sym{position:relative}html.night .check-seal{color:var(--c-night-deep)}.f-btn{flex:1;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 14.5px var(--ui-font);cursor:pointer;border:1px solid color-mix(in srgb,var(--f-gold) 90%,transparent);background:transparent;color:var(--f-gold);transition:transform .15s}.f-btn:active{transform:scale(.97)}.f-btn.navy{background:linear-gradient(var(--c-navy-soft),var(--c-navy));color:#f7ebcb;border:.8px solid color-mix(in srgb,var(--f-gold) 70%,transparent);box-shadow:0 3px 6px color-mix(in srgb,var(--c-navy) 25%,transparent)}.f-btn.quiet{background:var(--f-gold-soft);color:var(--f-ink-soft);border-color:color-mix(in srgb,var(--f-gold) 30%,transparent)}.f-btn.soon{background:color-mix(in srgb,var(--f-gold-soft) 60%,transparent);color:var(--f-ink-soft);border:0;cursor:default;font-size:13.5px}.wird-bar{height:5px;border-radius:99px;background:var(--f-gold-soft);overflow:hidden}.wird-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(270deg,var(--f-green),var(--f-gold));margin-right:0;margin-left:auto;float:right}.f-wird{padding:0 65px 14px 16px}.f-trail-2{display:inline-flex;align-items:center;gap:12px}.f-gear,.f-icon-btn{width:32px;height:32px;border-radius:50%;border:0;background:var(--f-gold-soft);color:var(--f-gold);display:grid;place-items:center;cursor:pointer;flex:none}.f-icon-btn{background:none}.f-motif svg{display:block}.f-swatches{display:inline-flex;gap:8px}.f-swatches button{width:22px;height:22px;border-radius:50%;border:0;cursor:pointer;box-shadow:0 0 0 1.8px transparent;outline-offset:3.5px}.f-swatches button.on{outline:1.8px solid var(--f-gold)}.f-account{display:flex;align-items:center;gap:14px;width:100%;margin-top:8px;padding:16px;border-radius:22px;background:var(--f-raised);border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);box-shadow:0 4px 12px var(--f-shadow),inset 0 0 0 4px var(--f-raised),inset 0 0 0 4.6px color-mix(in srgb,var(--f-green) 45%,transparent);cursor:pointer;color:inherit;font:inherit;text-align:right}.f-account:active{transform:scale(.98)}.f-acc-av{width:58px;height:58px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(var(--c-navy-soft),var(--c-navy));color:var(--c-cream-deep);box-shadow:inset 0 0 0 2px transparent,inset 0 0 0 3.2px var(--f-gold);overflow:hidden}.f-acc-av img{width:100%;height:100%;object-fit:cover}.f-acc-av b{font:700 24px var(--title-font)}.f-acc-text{flex:1;display:flex;flex-direction:column;gap:3px}.f-acc-text b{font:700 20px var(--title-font);color:var(--f-ink)}.f-acc-text span{font-size:12.5px;color:var(--f-ink-soft)}.f-choice{padding-bottom:6px}.f-choice-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 64px 9px 16px;border:0;background:none;cursor:pointer;text-align:right;font:inherit;color:var(--f-ink)}.f-choice-row:active{background:var(--f-gold-soft)}.f-choice-name{flex:1;font-size:14.5px}.f-choice-lang{font-size:11px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.f-choice-empty{margin:0;padding:10px 64px 14px 16px;font-size:12.5px;color:var(--f-ink-soft)}.f-version{text-align:center;font-size:11.5px;color:color-mix(in srgb,var(--f-ink-soft) 80%,transparent);padding:22px 0 0;margin:0}.f-pct{font-size:13px;font-weight:600;color:var(--f-gold)}.f-dl-ok{color:var(--f-green)}.tg-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;padding:10px 16px calc(40px + env(safe-area-inset-bottom));align-content:start}@media (min-width: 700px){.tg-grid{grid-template-columns:repeat(3,1fr)}}.tg-card{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;padding:0;cursor:pointer;color:inherit;font:inherit}.tg-frame{position:relative;width:100%;height:178px;border-radius:14px;overflow:hidden;box-shadow:0 2px 3px var(--f-shadow),0 0 0 .8px var(--f-hair);transition:box-shadow .2s}.tg-card.on .tg-frame{box-shadow:0 2px 8px var(--f-shadow),0 0 0 2.4px var(--f-gold)}.tg-card:active .tg-frame{transform:scale(.98)}.tg-check{position:absolute;top:7px;left:7px;width:20px;height:20px;border-radius:50%;background:var(--f-gold);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px var(--f-card)}.tg-card b{font:700 17px var(--title-font);color:var(--f-ink);white-space:nowrap}.tg-card small{font-size:11.5px;color:var(--f-ink-soft);margin-top:-6px}.tg-thumb{position:absolute;inset:0;direction:ltr;display:flex;flex-direction:column;align-items:center}.tg-pat{position:absolute;inset:0;background-repeat:repeat;pointer-events:none}.tg-head{position:relative;width:100%;height:22px;flex:none;display:flex;align-items:center;padding:0 6px;gap:4px;border-bottom:.6px solid}.tg-ring{width:11px;height:11px;border-radius:50%;border:.8px solid;flex:none;position:relative}.tg-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.tg-mid i{width:30px;height:4px;border-radius:2px}.tg-mid span{display:block;width:7px;height:7px}.tg-mid svg{display:block}.tg-page{position:relative;width:80%;flex:1;margin:7px 0;display:grid;place-items:center;background:#fcfcfa;box-shadow:0 1px 2px #0000002e;overflow:hidden}.tg-page img{width:100%;height:100%;object-fit:contain;display:block}.tg-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:#00000073;animation:spin 1s linear infinite}.tg-tab{position:absolute;top:62%;width:6px;height:20px}.tg-tab.l{left:0;border-radius:0 4px 4px 0}.tg-tab.r{right:0;border-radius:4px 0 0 4px}.ml-list{padding-top:16px;display:flex;flex-direction:column;gap:16px}.ml-card{position:relative;padding:16px;border-radius:22px;background:var(--f-card);border:.7px solid var(--f-hair);box-shadow:0 3px 10px var(--f-shadow);display:flex;flex-direction:column;gap:12px}.ml-card.on{border:1.4px solid var(--f-gold);box-shadow:0 0 16px color-mix(in srgb,var(--f-gold) 40%,transparent)}.ml-top{display:flex;align-items:flex-start;gap:10px}.ml-titles{flex:1;display:flex;flex-direction:column;gap:4px}.ml-titles h3{margin:0;font:700 21px var(--title-font);color:var(--f-ink)}.ml-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--f-ink-soft)}.ml-badge{display:inline-flex;align-items:center;height:21px;padding:0 9px;border-radius:99px;background:var(--f-gold-soft);border:.7px solid color-mix(in srgb,var(--f-gold) 60%,transparent);color:var(--f-gold);font-size:11px;font-weight:600;white-space:nowrap}.ml-seal{position:relative;width:34px;height:34px;display:grid;place-items:center;color:#fff}.ml-seal>svg:first-child{position:absolute;inset:0}.ml-seal .sym{position:relative}.ml-soon{height:22px;padding:0 10px;border-radius:99px;border:.8px solid var(--f-hair);font-size:11.5px;font-weight:600;color:var(--f-ink-soft);display:inline-flex;align-items:center}.ml-plate{border-radius:6px;padding:6px;background:#fdfbf4;border:1.2px solid color-mix(in srgb,var(--f-gold) 70%,transparent);box-shadow:inset 0 0 0 3px #fdfbf4,inset 0 0 0 3.6px color-mix(in srgb,var(--f-gold) 50%,transparent)}.ml-plate img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain}.ml-plate.dim{opacity:.45;filter:grayscale(.6)}.ml-btns{display:flex;gap:10px}.ml-about-layer{position:absolute;inset:0;z-index:3;background:#00000059;display:grid;place-items:center;padding:30px}.ml-about{width:100%;max-width:420px;max-height:80%;overflow-y:auto;padding:22px;border-radius:18px;background:var(--f-raised);border:1px solid color-mix(in srgb,var(--f-gold) 80%,transparent);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 6px 16px #00000040}.ml-about h3{margin:0;font:700 20px var(--title-font);color:var(--f-ink)}.ml-about p{margin:0;font-size:13.5px;line-height:1.7;color:var(--f-ink-soft)}.ml-about .f-btn{flex:none;width:100%;margin-top:6px}.app.themed .reader{background-color:var(--t-reader-bg);background-image:var(--t-pattern)}.page-frame{position:absolute;inset:0;pointer-events:none;z-index:2}.page-frame canvas{width:100%;height:100%;display:block}.edge-tab{position:fixed;z-index:40;width:18px;height:64px;border:.8px solid var(--c-gold);background:var(--c-navy);color:var(--c-gold-light);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 0 3px #00000038}.edge-tab.left{left:0;border-left:0;border-radius:0 10px 10px 0}.edge-tab.right{right:0;border-right:0;border-radius:10px 0 0 10px}.page-frame-canvas{position:absolute;left:0;top:0;pointer-events:none;z-index:0}.half>.hpage.framed-sheet{z-index:1}.app.themed .flipbook.img-pages .half:has(.page-frame-canvas){background:var(--f-paper, #fcfbf6)}.app.themed .topbar-wrap,.app.themed.is-madani .topbar-wrap,.app.themed.is-framed .topbar-wrap{background:none;padding:0;filter:none}.app.themed .topbar-wrap:after{display:none}.app.themed .topbar-wrap .hb{margin-bottom:0}.app.tone-sepia .hpage,.app.tone-sepia .vreader .pg,.app.tone-sepia .curl-canvas{filter:sepia(.38) saturate(1.08) brightness(.97)}.lang-scroll{padding:0 18px 40px}.lang-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;margin-top:12px;border-radius:99px;background:var(--f-card);border:.7px solid var(--f-hair);color:var(--f-gold)}.lang-search input{flex:1;min-width:0;border:0;background:none;outline:none;font:14px var(--ui-font);color:var(--f-ink)}.lang-scroll .f-group{margin-top:12px}.lang-row{display:flex;width:100%;align-items:center;gap:13px;min-height:54px;padding:10px 16px;border:0;background:none;cursor:pointer;text-align:start;color:var(--f-ink)}.lang-row:active{background:var(--f-gold-soft)}.lang-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.lang-text b{font:500 15.5px var(--ui-font)}.lang-text small{font:12px var(--ui-font);color:var(--f-ink-soft);text-align:start}.lang-check{width:22px;height:22px;border-radius:50%;background:var(--f-gold);color:#fff;display:grid;place-items:center;flex:none}.lang-note{margin:12px 0 0;font:11.5px var(--ui-font);color:var(--f-ink-soft)}.madani-art.art-wait{opacity:0}.edge-tab{position:fixed;z-index:40;width:18px;height:64px;padding:0;border:0;background:none;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .42s cubic-bezier(.3,1.35,.5,1);filter:drop-shadow(1px 0 3px rgba(0,0,0,.22))}.edge-tab.right{filter:drop-shadow(-1px 0 3px rgba(0,0,0,.22))}.edge-tab.left:not(.shown){transform:translate(-22px)}.edge-tab.right:not(.shown){transform:translate(22px)}.edge-tab:before{content:"";position:absolute;inset:-12px}.edge-tab svg{position:absolute;inset:0;display:block}.edge-tab-glyph{position:absolute;inset:0;display:grid;place-items:center;color:var(--c-gold-light)}.edge-tab.left .edge-tab-glyph{transform:translate(-1px)}.edge-tab.right .edge-tab-glyph{transform:translate(1px)}.eq-bars{display:flex;align-items:flex-end;gap:1.5px;height:12px;width:11px}.eq-bars i{flex:1;background:var(--c-gold-light);border-radius:1px;animation:eqb .9s ease-in-out infinite alternate}.eq-bars i:nth-child(2){animation-delay:-.3s}.eq-bars i:nth-child(3){animation-delay:-.6s}@keyframes eqb{0%{height:25%}to{height:100%}}.edge-panel-wrap{position:fixed;inset:0;z-index:90;pointer-events:none}.edge-panel-wrap.open{pointer-events:auto}.edge-scrim{position:absolute;inset:0;background:#0000001f;opacity:0;transition:opacity .35s}html.night .edge-scrim{background:#00000047}.edge-panel-wrap.open .edge-scrim{opacity:1}.edge-panel{position:absolute;top:50%;padding:18px 0;background:var(--c-surface);border:1px solid var(--c-gold);box-shadow:4px 0 14px #00000047;transition:transform .42s cubic-bezier(.3,1.2,.5,1);touch-action:pan-y;max-height:92vh;overflow:auto}.edge-panel:after{content:"";position:absolute;inset:4px;border:.6px solid color-mix(in srgb,var(--c-gold) 35%,transparent);pointer-events:none}.edge-panel-wrap.left .edge-panel{left:0;border-left:0;border-radius:0 24px 24px 0;translate:0 -50%}.edge-panel-wrap.left .edge-panel:after{left:-2px;border-left:0;border-radius:0 20px 20px 0}.edge-panel-wrap.right .edge-panel{right:0;border-right:0;border-radius:24px 0 0 24px;translate:0 -50%;box-shadow:-4px 0 14px #00000047}.edge-panel-wrap.right .edge-panel:after{right:-2px;border-right:0;border-radius:20px 0 0 20px}.edge-panel-wrap.left:not(.open) .edge-panel{transform:translate(-110%)}.edge-panel-wrap.right:not(.open) .edge-panel{transform:translate(110%)}.edge-panel-wrap.open .edge-panel{animation:none}.pen-panel{display:flex;flex-direction:column;gap:10px;color:var(--c-ink);font-family:var(--ui-font)}.pp-head{display:flex;align-items:center;gap:12px;padding:0 16px}.pp-medal{position:relative;width:58px;height:58px;display:grid;place-items:center;flex:none}.pp-medal svg:first-child{position:absolute;inset:0}.pp-medal .sym{position:relative;color:var(--c-gold-light)}.pp-title{display:flex;flex-direction:column;gap:1px;min-width:0}.pp-title b{font-family:var(--title-font);font-size:24px;font-weight:700;line-height:1.15}.pp-title small{font-size:12px;opacity:.65}.pp-row{display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-height:48px;font-size:16px;font-weight:600}.pp-rule{width:150px;margin:2px auto}.panel-action{display:flex;align-items:center;gap:12px;padding:0 14px;min-height:52px;border:0;background:none;color:var(--c-ink);font:inherit;text-align:start;cursor:pointer;width:100%}.panel-action:active{transform:scale(.97)}.panel-action:disabled{opacity:.38;cursor:default}.pa-text{display:flex;flex-direction:column;min-width:0}.pa-text b{font-size:16px;font-weight:600}.pa-text small{font-size:11.5px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-sheet{position:fixed;left:8px;right:8px;bottom:0;z-index:45;padding:0 16px calc(14px + env(safe-area-inset-bottom));color:var(--c-ink);font-family:var(--ui-font);transition:transform .42s cubic-bezier(.3,1.15,.5,1);filter:drop-shadow(0 -2px 14px rgba(0,0,0,.18));max-width:560px;margin:0 auto}html.night .player-sheet{filter:drop-shadow(0 -2px 14px rgba(0,0,0,.5))}.player-sheet:not(.open){transform:translateY(115%)}.ps-notch-bg{position:absolute;inset:0;z-index:-1;overflow:visible}.ps-notch{display:flex;flex-direction:column;align-items:center;gap:1px;width:80px;height:26px;margin:0 auto;padding:0;border:0;background:none;color:var(--c-ink);cursor:pointer}.ps-row1{display:flex;align-items:center;gap:10px}.ps-row2{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.ps-circle{display:grid;place-items:center;flex:none;border-radius:50%;border:.7px solid color-mix(in srgb,var(--c-gold) 45%,transparent);background:var(--c-cream-deep);color:var(--c-navy);padding:0;cursor:pointer}html.night .ps-circle{background:#ffffff12;color:var(--c-gold-light)}.ps-circle:disabled{opacity:.4;cursor:default}.ps-reciter{flex:1;min-width:0;max-width:210px;height:44px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:22px;border:1.2px solid var(--c-navy);background:none;color:var(--c-ink);cursor:pointer;font:inherit}html.night .ps-reciter{border-color:var(--c-gold-light)}.ps-rt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.ps-rt b{font-family:var(--title-font);font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ps-rt small{font-size:10px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ps-anchor{position:relative;display:inline-flex}.ps-badge{position:absolute;font-style:normal;font:700 9px/16px var(--ui-font);min-width:16px;height:16px;padding:0 4px;border-radius:8px;text-align:center;background:var(--c-gold-light);color:var(--c-navy);border:.5px solid rgba(0,0,0,.15);pointer-events:none}.ps-badge.sleep{top:-4px;left:-5px}.ps-badge.rep{top:-3px;right:-3px}.ps-dial{position:relative;width:54px;height:54px;padding:2px;border:0;background:none;cursor:pointer;display:grid;place-items:center}.ps-dial svg{position:absolute;inset:2px}.ps-dial-bg{fill:var(--c-cream-deep)}html.night .ps-dial-bg{fill:#ffffff12}.ps-dial b{position:relative;font:700 12px ui-rounded,system-ui,sans-serif;color:var(--c-navy)}html.night .ps-dial b{color:var(--c-gold-light)}.ps-play{position:relative;width:70px;height:70px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--c-gold) 50%,transparent))}.ps-play:active{transform:scale(.94)}.ps-play-star{position:absolute;inset:0}.ps-play .sym{position:relative;color:var(--c-navy)}.ps-play .sym.nudge{transform:translate(2px)}.ps-spin{position:relative;width:20px;height:20px;border-radius:50%;border:2.5px solid var(--c-navy);border-right-color:transparent;animation:spin .8s linear infinite}.mini-menu-scrim{position:fixed;inset:0;z-index:1}.mini-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:2;min-width:168px;padding:6px 0;border-radius:14px;background:var(--f-raised, #fff);color:var(--c-ink);border:.6px solid color-mix(in srgb,var(--c-gold) 50%,transparent);box-shadow:0 10px 30px #00000038}.ps-row2>.ps-anchor:last-child .mini-menu,.ps-row1 .mini-menu{left:auto;right:0}.ps-row1 .ps-anchor .mini-menu{top:calc(100% + 6px);bottom:auto;left:0;right:auto}.mini-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:0;background:none;color:inherit;font:15px var(--ui-font);cursor:pointer;text-align:start}.mini-menu button:not(.on) span{margin-inline-start:21px}.mini-menu button:hover{background:var(--f-gold-soft)}.trr{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--f-paper);color:var(--f-ink)}.trr-toolbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--f-paper);position:relative;z-index:2;font-family:var(--ui-font)}.trr-sp{flex:1}.trr-anchor{position:relative;display:inline-flex;min-width:0}.trr-pack{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:16px;max-width:70vw;background:var(--f-card);border:.7px solid var(--f-hair);color:var(--f-ink);font:600 12.5px var(--ui-font);cursor:pointer}.trr-pack span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trr-aa{width:32px;height:32px;border-radius:50%;background:var(--f-card);border:.7px solid var(--f-hair);color:var(--f-ink);display:grid;place-items:center;cursor:pointer;padding:0}.trr-pack-menu{top:calc(100% + 6px);bottom:auto;max-height:60vh;overflow:auto}[dir=rtl]>.trr-anchor .trr-pack-menu{right:0;left:auto}.trr-page{position:relative;flex:1;min-height:0}.trr-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.trr-scroll::-webkit-scrollbar{display:none}.trr-frame,.trr-slim{position:absolute;inset:0;pointer-events:none}.trr-slim i{position:absolute;border:1.2px solid var(--f-gold);inset:3px;border-radius:2px}.trr-slim i+i{inset:8px;border-width:.6px;opacity:.6}.trr-row{position:relative;cursor:pointer;border-bottom:.6px solid color-mix(in srgb,var(--f-gold) 38%,transparent);-webkit-tap-highlight-color:transparent}html.night .trr-row{border-bottom-color:color-mix(in srgb,var(--f-gold) 30%,transparent)}.trr-row.lit{background:color-mix(in srgb,var(--f-gold) 13%,transparent)}html.night .trr-row.lit{background:color-mix(in srgb,var(--f-gold) 18%,transparent)}.trr-ar{font-family:KFGQPC HAFS,Amiri,serif;line-height:1.95;text-align:right;color:var(--f-ink);word-spacing:.04em}.trr-mk{display:inline-grid;place-items:center;vertical-align:middle;background:center / contain no-repeat;margin-inline-start:.08em;position:relative;top:-.06em}.trr-mk b{font-family:Amiri,serif;font-weight:400;line-height:1}.trr-mid-rule{display:block;height:.5px;margin:0 24px;background:color-mix(in srgb,var(--f-gold) 23%,transparent)}.trr-tr{color:var(--f-ink);text-align:start;overflow-wrap:anywhere}.trr-side{display:flex;align-items:stretch}.trr-side>.trr-ar{width:50%;flex:none}.trr-side>.trr-tr{flex:1;min-width:0}.trr-vrule{width:.6px;flex:none;background:color-mix(in srgb,var(--f-gold) 38%,transparent)}.trr-head{border-bottom:.6px solid color-mix(in srgb,var(--f-gold) 38%,transparent)}.trr-zoom{position:absolute;left:50%;bottom:calc(18px + var(--dock-h, 0px));transform:translate(-50%);z-index:3;height:30px;padding:0 14px;border-radius:15px;border:.7px solid var(--f-gold);background:var(--f-raised);color:var(--f-ink);font:600 12.5px var(--ui-font);box-shadow:0 4px 14px #00000026;cursor:pointer}.trr-opts-layer{position:fixed;inset:0;z-index:95}.trr-opts-scrim{position:absolute;inset:0;background:#00000040;animation:fadeIn .2s}.trr-opts{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;padding:10px 20px calc(24px + env(safe-area-inset-bottom));background:var(--f-paper);color:var(--f-ink);border-radius:22px 22px 0 0;box-shadow:0 -6px 24px #0000002e;display:flex;flex-direction:column;gap:14px;animation:sheetUp .32s cubic-bezier(.3,1.1,.5,1);font-family:var(--ui-font)}.trr-grab{width:36px;height:5px;border-radius:3px;background:var(--f-hair);margin:0 auto 4px}.trr-opt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;min-height:36px}.trr-step{display:inline-flex;align-items:center;gap:4px;color:var(--f-gold)}.trr-step button{width:34px;height:30px;border:0;background:none;color:inherit;cursor:pointer;font-family:Georgia,serif}.trr-step small{font-size:12px}.trr-step big{font-size:19px}.trr-step b{width:34px;text-align:center;font:600 13px var(--ui-font);color:var(--f-ink)}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}}.shp{display:flex;flex-direction:column;align-items:center;padding-bottom:10px;margin:0 auto}.shp-panel{position:relative;flex:none}.shp-field{position:absolute}.shp-frame{position:absolute;inset:0}.shp-row{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:4px}.shp-roundel{position:relative;display:grid;place-items:center;flex:none}.shp-roundel svg{position:absolute;inset:0}.shp-roundel b{position:relative;font-weight:600;color:var(--f-ink);text-align:center;line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shp-cart{position:relative;display:grid;place-items:center;flex:none;direction:rtl}.shp-cart svg{position:absolute;inset:0}.shp-cart b{position:relative;font-family:SuraNames;font-weight:400;color:var(--f-ink);white-space:nowrap}.shp-names{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.shp-names b{font-weight:600;color:var(--f-ink)}.shp-names span{color:color-mix(in srgb,var(--f-ink) 75%,transparent)}.shp-basmala{font-family:KFGQPC HAFS,serif;color:var(--f-ink);white-space:nowrap;overflow:hidden;text-align:center;line-height:1.7}.sdiv{display:flex;align-items:center;gap:8px;width:100%;padding:0 40px;box-sizing:border-box}.sdiv span{flex:1;height:.8px}.sdiv-l{background:linear-gradient(to right,transparent,var(--f-gold))}.sdiv-r{background:linear-gradient(to right,var(--f-gold),transparent)}.am-layer{position:fixed;inset:0;z-index:92}.am-card{position:absolute;padding:4px 0;border-radius:14px;background:var(--f-raised);border:1.1px solid color-mix(in srgb,var(--f-gold) 90%,transparent);box-shadow:0 5px 12px #0000002e;opacity:0;transition:opacity .12s;color:var(--f-ink)}html.night .am-card{box-shadow:0 5px 12px #00000080}.am-card.in{opacity:1}.am-card:after{content:"";position:absolute;inset:3px;border-radius:11px;border:.6px solid color-mix(in srgb,var(--f-gold) 35%,transparent);pointer-events:none}.am-head{display:flex;align-items:center;justify-content:center;gap:8px}.am-ht{display:flex;flex-direction:column;align-items:center;min-width:0}.am-ht b{font:700 15.5px var(--title-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;line-height:1.25}.am-ht small{font:500 11.5px var(--ui-font);color:var(--f-gold)}.am-rule{margin:0 22px 4px}.am-row{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:0 16px;border:0;background:none;color:var(--f-ink);font:400 15.5px var(--title-font);text-align:start;cursor:pointer}.am-row:active,.am-row:hover{background:var(--f-gold-soft)}.am-ic{width:22px;color:var(--c-navy);flex:none}html.night .am-ic{color:var(--f-gold)}.am-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-hair{position:absolute;left:14px;right:14px;bottom:0;height:.6px;background:color-mix(in srgb,var(--f-hair) 60%,transparent)}.share-prev{display:flex;flex-direction:column;gap:12px;padding:6px 18px 0}.share-prev img{width:100%;border-radius:12px;box-shadow:0 3px 6px #00000026;display:block}.share-wait{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:var(--f-card)}.share-ctl{display:flex;flex-direction:column;gap:10px;padding:12px 18px 14px;position:sticky;bottom:0;background:var(--f-paper)}.share-pack-wrap{display:flex}.share-pack{flex:1;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:10px;background:var(--f-card);border:0;color:var(--f-ink);font:600 14px var(--ui-font);cursor:pointer}.share-pack span{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-menu.up{bottom:calc(100% + 6px);top:auto;max-height:50vh;overflow:auto}.share-go{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;border:0;background:var(--f-green);color:#fff;font:600 16px var(--ui-font);cursor:pointer}html.night .share-go{background:var(--f-gold);color:#1a1408}.share-go:disabled{opacity:.5}.vr-sheet{position:relative;flex:none}.vr-sheet>.page-frame-canvas{position:absolute;inset:0;pointer-events:none}.vr-sheet-in{position:absolute;overflow:hidden;display:flex;justify-content:center;background:var(--bg, #fbfaf6)}.am-card[dir=ltr] .am-row,.am-card[dir=ltr] .am-ht b{font-family:-apple-system,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:15px}.am-card[dir=ltr] .am-ht b{font-size:15.5px}.trr-page,.trr-toolbar{width:100%;max-width:920px;margin:0 auto;box-sizing:border-box}@media (min-width: 960px){.trr-page{margin-bottom:10px}}.fm-close-row{position:relative;z-index:2;height:0;margin-bottom:-16px;padding:0 10px}.fm-close-row .fm-close{margin-top:10px;background:color-mix(in srgb,var(--c-cream) 70%,transparent);transition:background .15s,color .15s}.fm-close-row .fm-close:hover{color:var(--t-navy);background:var(--c-cream)}html.night .fm-close-row .fm-close{background:transparent}.fm-tile:focus-visible,.fm-close:focus-visible,.fm-quick button:focus-visible,.fm-qibla:focus-visible,.fm-prayer-main:focus-visible{outline:2px solid var(--t-gold);outline-offset:2px}@media (hover: hover){button.fm-card:hover{border-color:var(--t-gold);box-shadow:0 4px 14px #785a1e24}.fm-quick button:hover span{color:var(--t-navy)}}.app.themed .screen{--bg: var(--f-paper);--card: var(--f-card);--accent: var(--f-green);--ink: var(--f-ink);--ink2: var(--f-ink);--muted: var(--f-ink-soft);--btn: var(--f-gold-soft);--band: color-mix(in srgb, var(--f-gold) 12%, var(--f-paper));background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.05)),var(--grain),var(--f-paper);color:var(--f-ink);font-family:var(--ui-font)}html.night .app.themed .screen{background:var(--f-paper)}.app.themed .screen-head{position:relative;justify-content:center;padding-left:60px;padding-right:60px;min-height:58px}.app.themed .screen-head:after{content:"";position:absolute;left:40px;right:40px;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--f-gold) 80%,transparent),transparent)}.app.themed .screen-head h1{font:700 22px/1.3 var(--title-font);color:var(--f-ink);text-align:center}.app.themed .screen-head .sh-btns{position:absolute;left:14px;top:calc(var(--safe-t) + 12px);gap:10px}.app.themed .screen .sq-btn{width:34px;height:34px;border-radius:50%;border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);background:var(--f-card);color:color-mix(in srgb,var(--f-ink) 80%,transparent);box-shadow:0 1px 4px var(--f-shadow);display:grid;place-items:center}.app.themed .screen .sq-btn svg{width:18px;height:18px}.app.themed .screen .card{background:var(--f-card);border:.7px solid var(--f-hair);box-shadow:0 3px 10px var(--f-shadow);border-radius:18px}.app.themed .screen .primary-btn{background:var(--f-green);border-radius:14px;box-shadow:0 2px 8px var(--f-shadow)}.app.themed .screen .chip{background:var(--f-gold-soft);color:var(--f-ink)}.app.themed .screen .chip.on{background:var(--f-green);color:#fff}.app.themed .screen .row:after{background:var(--f-hair)}.app.themed .screen .segmented{border-color:var(--f-hair);background:var(--f-card)}.app.themed .screen .search-box{background:var(--f-card);border:.7px solid var(--f-hair)}.screen-scrim{display:none}@media (min-width: 900px) and (min-height: 600px){.app.themed .screen-scrim{display:block;position:fixed;inset:0;z-index:54;background:#00000047;animation:scrimIn .25s ease both}.app.themed .screen{inset:50% auto auto 50%;width:min(640px,calc(100vw - 48px));height:min(860px,calc(100vh - 60px));transform:translate(-50%,-50%);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #00000047,0 0 0 .8px color-mix(in srgb,var(--f-gold) 55%,transparent);animation:screenCardIn .32s cubic-bezier(.2,.9,.25,1) both}.app.themed .screen-head{padding-top:16px}.app.themed .screen-head .sh-btns{top:14px}}@keyframes scrimIn{0%{opacity:0}}@keyframes screenCardIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px))}}@media (prefers-reduced-motion: reduce){.app.themed .screen,.app.themed .screen-scrim{animation:none}}.app.themed .screen .lib-row{border-bottom-color:var(--f-hair)}.app.themed .screen .lib-row.on{background:var(--f-gold-soft);box-shadow:inset -3px 0 0 var(--f-gold)}.app.themed .screen .lib-btn:not(.ghost){background:var(--f-green);border-radius:12px}.app.themed .screen .lib-badge{color:var(--f-green)}html.night .app.themed .screen .lib-badge{color:var(--f-gold)}.app.themed .screen[dir=rtl] .screen-head .sh-btns{left:auto;right:14px;flex-direction:row-reverse}.app.themed .screen[dir=rtl] .screen-head .sh-btns .sq-btn:last-child svg{transform:scaleX(-1)}html.night .app.themed .screen .primary-btn,html.night .app.themed .screen .chip.on,html.night .app.themed .screen .lib-btn:not(.ghost){color:var(--f-paper)}.app.themed .screen .rm-card.empty{background:var(--f-card);color:var(--f-ink);box-shadow:inset 0 0 0 .7px var(--f-hair)}.app.themed .screen .rm-card.empty .rmc-t{color:var(--f-ink)}.app.themed .screen .rm-card.empty .rmc-s{color:var(--f-ink-soft)}.app.themed .screen .rm-card.empty .rmc-k{color:var(--f-green)}html.night .app.themed .screen .rm-card.empty .rmc-k{color:var(--f-gold)}.f-close{right:auto;inset-inline-start:18px}.st-layer{position:fixed;inset:0;z-index:110;display:flex;justify-content:center;align-items:flex-end;background:#0000;transition:background .3s;font-family:var(--ui-font)}.st-layer.in{background:#00000047}.st{position:relative;width:100%;max-width:1100px;height:calc(100% - env(safe-area-inset-top) - 10px);border-radius:22px 22px 0 0;display:flex;flex-direction:column;gap:10px;color:var(--f-ink);overflow:hidden;transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.9,.25,1);box-shadow:0 -8px 30px #0000002e}.st-layer.in .st{transform:none}@media (min-width: 900px) and (min-height: 600px){.st-layer{align-items:center}.st{height:min(900px,calc(100% - 50px));border-radius:22px}}.st-head{position:relative;padding:14px 16px 0;min-height:50px;display:flex;align-items:center;justify-content:center}.st-head .f-close{top:14px}.st-title{text-align:center;padding:0 60px}.st-title h1{margin:0;font:700 22px var(--title-font);line-height:1.3}.st-title p{margin:0;font-size:11.5px;color:var(--f-ink-soft)}.st-open{position:absolute;top:14px;inset-inline-end:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--f-card);color:var(--f-ink);border:.9px solid color-mix(in srgb,var(--f-gold) 70%,transparent);cursor:pointer}.st-ayah{position:relative;margin:0 14px;padding:12px 14px;border-radius:6px;background:var(--f-card);border:1.4px solid var(--f-gold);box-shadow:0 3px 8px var(--f-shadow);flex:none}.st-ayah:after{content:"";position:absolute;inset:4px;border:.6px solid color-mix(in srgb,var(--f-gold) 55%,transparent);border-radius:3px;pointer-events:none}.st-corner{position:absolute;z-index:1}.st-corner.c0{top:-4.5px;left:-4.5px}.st-corner.c1{top:-4.5px;right:-4.5px}.st-corner.c2{bottom:-4.5px;left:-4.5px}.st-corner.c3{bottom:-4.5px;right:-4.5px}.st-ref{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.st-ref span{flex:1;font:600 11.5px var(--ui-font);color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-ref button{width:26px;height:26px;border-radius:50%;border:0;background:var(--f-gold-soft);color:var(--f-gold);display:grid;place-items:center;cursor:pointer}.st-ref button:disabled{color:color-mix(in srgb,var(--f-ink-soft) 40%,transparent)}.st-q{margin:6px 0 2px;font:23px/1.9 KFGQPC HAFS,Amiri,serif;text-align:center;max-height:9.6em;overflow:auto}.st-end{font-family:KFGQPC HAFS,Amiri,serif;white-space:nowrap}.st-chips-wrap{flex:none;display:flex;flex-direction:column;gap:6px}.st-chips{display:flex;gap:8px;padding:0 14px;overflow-x:auto;scrollbar-width:none}.st-chips::-webkit-scrollbar{display:none}.st-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:var(--c-navy);color:var(--c-cream);border:.8px solid color-mix(in srgb,var(--c-gold) 60%,transparent)}.st-chip i{width:8px;height:8px;border-radius:50%}.st-chip b{font:600 13px var(--ui-font);white-space:nowrap}.st-chip button{border:0;background:none;color:color-mix(in srgb,var(--c-cream) 70%,transparent);padding:4px 0 4px 2px;cursor:pointer;display:grid}.st-add{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:16px;background:var(--f-card);color:var(--f-ink);border:.8px solid color-mix(in srgb,var(--f-gold) 70%,transparent);font:500 13px var(--ui-font);white-space:nowrap;cursor:pointer}.st-sync{display:flex;align-items:center;gap:5px;padding:0 18px;font-size:11px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden}.st-sync svg,.st-sync b{color:var(--f-green)}.st-sync b{font-weight:600}.st-cols{flex:1;min-height:0;display:flex;gap:10px;padding:0 14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.st-cols::-webkit-scrollbar{display:none}.st-col{flex:none;width:64%;max-width:420px;min-height:200px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--f-card);border:.8px solid var(--f-hair);box-shadow:0 2px 6px var(--f-shadow);scroll-snap-align:start}.st-cols.one .st-col{width:100%;max-width:none}@media (min-width: 900px){.st-col{width:calc((100% - 30px) / 3)}}.st-col-head{display:flex;align-items:flex-start;gap:8px}.st-badge{flex:none;height:17px;padding:0 5px;border-radius:4px;color:#fbf4e2;font:700 9.5px system-ui,sans-serif;display:grid;place-items:center;margin-top:2px}.st-col-t{display:flex;flex-direction:column;min-width:0}.st-col-t b{font:600 14px var(--ui-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-col-t b.ar{font:700 15px var(--title-font)}.st-col-t small{font-size:10.5px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-col-rule{height:.6px;background:color-mix(in srgb,var(--f-gold) 35%,transparent);flex:none}.st-col-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.st-covers{margin:0 0 6px;font:500 10.5px var(--ui-font);color:var(--f-gold)}.st-text{font:15px/1.75 var(--ui-font);color:var(--f-ink);white-space:pre-wrap;user-select:text;-webkit-user-select:text;text-align:start}.st-text.ar{font:17px/1.95 Amiri,serif;text-align:justify}.st-text mark{color:inherit;border-radius:3px;padding:1px 0;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone}.st-empty{margin:auto;padding:40px 0;text-align:center;font-size:13px;color:var(--f-ink-soft)}.st-bottom{position:absolute;left:0;right:0;bottom:calc(6px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;padding:0 16px;pointer-events:none;max-width:640px;margin:0 auto}.st-bottom>*{pointer-events:auto}.st-note{margin:0 2px;display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:14px;background:#fff6dc;border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);box-shadow:0 4px 10px var(--f-shadow);text-align:start;font:inherit;color:var(--f-ink);cursor:pointer}html.night .st-note{background:var(--f-raised)}.st-note-h{display:flex;align-items:center;gap:5px;font:600 10.5px var(--ui-font);color:var(--f-gold);letter-spacing:.02em}.st-note-t{font:14.5px/1.6 Amiri,var(--ui-font);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.st-note-f{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--f-ink-soft)}.st-note-f span{display:inline-flex;align-items:center;gap:4px}.st-note-f i{width:9px;height:9px;border-radius:2px}.st-note-f em{margin-inline-start:auto;font-style:normal}.st-bar{height:54px;display:flex;align-items:center;gap:14px;padding-inline:18px 8px;border-radius:27px;background:linear-gradient(var(--c-navy-soft),var(--c-navy));border:.9px solid color-mix(in srgb,var(--c-gold) 70%,transparent);box-shadow:0 4px 10px #00000040;color:var(--c-cream)}.st-inks{display:flex;gap:10px}.st-inks button{width:22px;height:22px;border-radius:50%;border:0;cursor:pointer;box-shadow:0 0 0 0 var(--c-cream);transition:box-shadow .15s}.st-inks button.on{box-shadow:0 0 0 2px var(--c-navy),0 0 0 4.2px var(--c-cream)}.st-bar-sep{width:.8px;height:22px;background:color-mix(in srgb,var(--c-cream) 25%,transparent)}.st-bar-ic{border:0;background:none;color:var(--c-cream);display:grid;place-items:center;cursor:pointer;padding:4px}.st-bar-ic.gold{color:var(--c-gold-light)}.st-bar-sp{flex:1}.st-export{height:38px;padding:0 16px;border-radius:19px;border:0;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(var(--c-gold-light),var(--c-gold));color:var(--c-navy);font:600 14.5px var(--ui-font);cursor:pointer;white-space:nowrap}.st-selbar{position:fixed;z-index:140;transform:translate(-50%);display:flex;align-items:center;height:38px;padding:0 4px;border-radius:19px;background:linear-gradient(var(--c-navy-soft),var(--c-navy));border:.8px solid color-mix(in srgb,var(--c-gold) 70%,transparent);box-shadow:0 6px 16px #0000004d;font-family:var(--ui-font)}.st-selbar button{border:0;background:none;color:var(--c-cream);font:600 13px var(--ui-font);padding:0 12px;height:100%;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.st-selbar button i{width:12px;height:12px;border-radius:50%}.st-selbar>span{width:.7px;height:18px;background:color-mix(in srgb,var(--c-cream) 30%,transparent)}.st-pick-layer,.st-act-layer{position:fixed;inset:0;z-index:135;background:#0003;display:flex;align-items:flex-end;justify-content:center;font-family:var(--ui-font)}.st-pick,.st-act{width:min(420px,calc(100% - 20px));margin-bottom:calc(10px + env(safe-area-inset-bottom));border-radius:18px;background:var(--f-card);border:.8px solid color-mix(in srgb,var(--f-gold) 60%,transparent);box-shadow:0 10px 30px #00000040;overflow:hidden;animation:st-up .28s cubic-bezier(.2,.9,.25,1)}@keyframes st-up{0%{transform:translateY(40px);opacity:0}}.st-pick button,.st-act button{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 16px;border:0;border-top:.6px solid var(--f-hair);background:none;color:var(--f-ink);font:500 15px var(--ui-font);cursor:pointer;text-align:start}.st-pick button:first-child{border-top:0}.st-pick button i,.st-act button i{width:12px;height:12px;border-radius:50%;flex:none}.st-pick button span{flex:1}.st-pick button small{color:var(--f-ink-soft);font-size:12px}.st-act-h{padding:14px 16px 12px;text-align:center}.st-act-h b{font-size:13px;color:var(--f-ink-soft)}.st-act-h p{margin:4px 0 0;font:13px/1.6 Amiri,serif;color:var(--f-ink-soft)}.st-act button.danger{color:#b3403a}.st-act button.cancel{justify-content:center;font-weight:600;color:var(--f-gold)}.st-note-ed{width:100%;min-height:170px;box-sizing:border-box;padding:12px;border-radius:14px;border:.8px solid color-mix(in srgb,var(--f-gold) 60%,transparent);background:var(--f-card);color:var(--f-ink);font:17px/1.7 Amiri,var(--ui-font);resize:vertical;outline:none;margin-top:10px}.st-link-row{width:100%;display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:0;background:none;color:var(--f-ink);cursor:pointer;text-align:start;font-family:var(--ui-font)}.st-link-row>i{width:12px;height:12px;border-radius:3px;margin-top:5px;flex:none}.st-link-row>span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.st-link-row b{font:400 13.5px/1.5 var(--ui-font);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.st-link-row small{font-size:11px;color:var(--f-ink-soft)}.st-link-row .on{color:var(--f-gold)}.st-link-row .off{color:var(--f-ink-soft);opacity:.5}.st-note-btns,.st-ex-btns{display:flex;gap:12px;margin:18px 0 30px}.f-btn.danger{color:#b3403a}.f-btn.gold-outline{background:transparent}.st-preview{position:relative;height:340px;border-radius:18px;background:var(--f-gold-soft);margin-top:10px;overflow:hidden;display:grid;place-items:center}.st-paper{position:absolute;width:595px;height:842px;border:0;background:#fffdf7;box-shadow:0 6px 18px #0000002e;transform:scale(.36);pointer-events:none}.st-paper.back1{transform:scale(.36) rotate(-2.5deg) translate(-14px,8px)}.st-paper.back2{transform:scale(.36) rotate(3deg) translate(16px,10px)}.st-pv-cap{text-align:center;font-size:11.5px;color:var(--f-ink-soft);margin:8px 0 12px}.st-opt{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border:0;background:none;color:var(--f-ink);cursor:pointer;font-family:var(--ui-font);text-align:start}.st-opt-ic{color:var(--f-gold);flex:none}.st-opt-t{font:600 16px var(--title-font)}.st-opt-s{flex:1;text-align:end;font-size:12.5px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-check{width:22px;height:22px;border-radius:5px;border:1.2px solid var(--f-hair);display:grid;place-items:center;flex:none;color:#fff}.st-check.on{background:#6e1e22;border-color:#6e1e22}.st-seg{display:flex;gap:4px;padding:4px;border-radius:13px;background:var(--f-gold-soft);margin-top:14px}.st-seg button{flex:1;height:34px;border:0;border-radius:10px;background:none;color:var(--f-ink-soft);font:400 13px var(--ui-font);cursor:pointer}.st-seg button.on{background:var(--f-card);color:var(--f-ink);font-weight:600;box-shadow:0 1px 3px var(--f-shadow)}.foot-center{position:relative;display:flex;justify-content:center;align-items:center}.book-num{display:contents}.book-num .book-side,.pnum{display:none}.bsi{display:block;width:38px;height:22px;overflow:visible;--bsi-ink: #262A33}html.night .pg:not(.madani) .bsi,html.night .margin-foot .bsi{--bsi-ink: #E3D9C2}.bsi-other{fill:none;stroke:var(--bsi-ink);stroke-opacity:.55;stroke-width:1}.bsi-active{fill:#c9a24e47;stroke:var(--bsi-ink);stroke-width:1.3}.bsi-spine{stroke:#c9a24e;stroke-width:1.2}.bsi-num{font:700 10.5px Amiri,serif;fill:var(--bsi-ink)}.foot-center .eye-btn{position:absolute;left:calc(50% - 64px);top:50%;margin:0;transform:translateY(-50%);color:var(--bsi-ink, #262A33)}.foot-center .eye-btn:before{inset:4px;background:#c9a24e1a;box-shadow:0 0 0 .8px #c9a24ee6}.foot-center .eye-btn.off:before{background:#c9a24e4d;box-shadow:0 0 0 1.2px #c9a24ee6}.pg-foot.margin-foot .eye-btn:before{inset:4px;background:#c9a24e1a;box-shadow:0 0 0 .8px #c9a24ee6}.framed-sheet.foot-out .madani-overlay-foot{transform:translateY(var(--band))}.sheet-foot-paper{position:absolute;left:0;right:0;bottom:0;background:#fcfcfa;pointer-events:none}html.night .sheet-foot-paper{background:#d3d3d1}.hpage.foot-out{overflow:visible}.half:has(>.hpage.foot-out)>.page-frame-canvas{z-index:2}.half:has(>.hpage.foot-out)>.sheet-foot-paper{z-index:0}.ps-hifz{position:relative;margin:8px 16px 0;text-align:center;font:500 11.5px var(--ui-font);color:var(--c-gold)}.fs-sheet.scaffold{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.05)),var(--grain),var(--f-paper);color:var(--f-ink);font-family:var(--ui-font)}html.night .fs-sheet.scaffold{background:var(--f-paper)}.fs-sheet.scaffold .fs-head{display:flex;align-items:center;gap:10px;padding:18px 18px 10px;border:0;background:none;min-height:0}.fs-sheet.scaffold .fs-titles{flex:1;min-width:0;display:flex;flex-direction:column;text-align:start}.fs-sheet.scaffold .fs-head h2{margin:0;text-align:start;font:700 21px/1.35 var(--title-font);color:var(--c-navy)}html.night .fs-sheet.scaffold .fs-head h2{color:var(--f-ink)}.fs-sheet.scaffold .fs-titles small{font:13px Amiri,var(--ui-font);color:var(--f-ink-soft)}.fs-sheet.scaffold .fs-x{width:30px;height:30px;border-radius:50%;border:0;background:var(--c-cream-deep);color:var(--f-ink-soft);display:grid;place-items:center;cursor:pointer;flex:none}html.night .fs-sheet.scaffold .fs-x{background:#ffffff14}.fs-rule{display:flex;align-items:center;gap:6px;padding:0 18px;flex:none}.fs-rule i{flex:1;height:.6px;background:color-mix(in srgb,var(--f-gold) 60%,transparent)}.tj-legend{gap:10px;padding:18px}.tj-legend .tj-row{padding:10px;border:0;border-radius:12px;background:var(--f-card);align-items:flex-start}.tj-legend .tj-sw{width:6px;height:44px;border-radius:3px;box-shadow:none}.tj-legend .tj-txt b{font:700 15.5px Amiri,serif}.tj-legend .tj-txt small{font:13px/1.5 Amiri,serif;color:var(--f-ink-soft)}.tj-legend .tj-ex{color:var(--f-ink);align-self:center}.sc-sec{display:flex;align-items:center;gap:8px;margin:16px 0 8px;font:700 14px Amiri,serif;color:var(--f-green)}.ns2,.nb2{padding:18px;display:flex;flex-direction:column;gap:12px}.ns2 .sc-sec{margin:4px 0 -2px}.ns2-words{margin:0;text-align:center;font:32px/1.8 KFGQPC HAFS,Amiri,serif;color:var(--f-ink)}.ns2-words .on{color:#1e5fc2}.ns2-plays{display:flex;gap:10px}.ns2-play{flex:1;height:38px;border-radius:19px;border:0;background:var(--c-navy);color:var(--c-cream);display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 14px Amiri,var(--ui-font);cursor:pointer}.ns2-play .ns-spin{width:14px;height:14px}.ns2-src{margin:-4px 0 0;font-size:11.5px;color:var(--f-ink-soft);text-align:center}.ns2-src.err{color:#b3403a}.ns2-tabs{display:flex;gap:6px;flex-wrap:wrap}.ns2-tabs button{height:30px;padding:0 12px;border-radius:15px;border:.7px solid var(--f-hair);background:var(--f-card);color:var(--f-ink);font:600 13px var(--ui-font);cursor:pointer}.ns2-tabs button.on{border-color:var(--f-green);color:var(--f-green)}.ns2-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.ns2-rules button{height:36px;border-radius:18px;border:.6px solid var(--f-hair);background:var(--f-card);color:var(--f-ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 14px Amiri,serif;cursor:pointer}.ns2-rules button i{width:9px;height:9px;border-radius:50%;background:var(--rc)}.ns2-rules button.on{border:1.4px solid var(--rc);background:color-mix(in srgb,var(--rc) 16%,var(--f-card))}.ns2-text{width:100%;box-sizing:border-box;min-height:92px;padding:10px;border-radius:12px;border:.6px solid var(--f-hair);background:var(--f-card);color:var(--f-ink);font:16px/1.7 Amiri,var(--ui-font);resize:vertical;outline:none}.ns2-warn{margin:0;font:13px Amiri,serif;color:#c0392b}.ns2-btns{display:flex;gap:10px;margin-top:6px}.ns2-save{flex:1;height:42px;border-radius:21px;border:0;background:var(--f-green);color:#fff;font:700 16px Amiri,var(--ui-font);cursor:pointer;padding:0 22px}.ns2-del{height:42px;padding:0 18px;border-radius:21px;background:none;border:1px solid rgba(192,57,43,.6);color:#c0392b;font:700 15px Amiri,serif;cursor:pointer}.ns2-new{align-self:center;border:0;background:none;color:var(--f-gold);font:600 13px var(--ui-font);cursor:pointer}.nb2-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:60px 30px;color:var(--f-gold)}.nb2-empty b{font:700 18px Amiri,serif;color:var(--f-ink)}.nb2-empty p{margin:0;font:14px/1.6 Amiri,serif;color:var(--f-ink-soft)}.nb2-empty .ns2-save{flex:none}.nb2-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.nb2-chips button{flex:none;height:30px;padding:0 12px;border-radius:15px;border:.7px solid var(--f-hair);background:var(--f-card);color:var(--f-ink);font:700 13px Amiri,serif;cursor:pointer}.nb2-chips button.on{border-color:var(--f-green);color:var(--f-green);background:color-mix(in srgb,var(--f-green) 15%,var(--f-card))}.nb2-row{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;border:.6px solid var(--f-hair);background:var(--f-card);color:var(--f-ink);text-align:start;cursor:pointer;font-family:var(--ui-font)}.nb2-top{display:flex;align-items:center;gap:8px}.nb2-words{flex:1;font:22px/1.6 KFGQPC HAFS,Amiri,serif;text-align:start}.nb2-pill{flex:none;padding:3px 8px;border-radius:10px;font:700 12px Amiri,serif}.nb2-text{font:15px/1.6 Amiri,serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nb2-ref{font:12px Amiri,serif;color:var(--f-ink-soft)}.nb2-share{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:8px;border:0;background:none;color:var(--f-green);font:700 15px Amiri,var(--ui-font);cursor:pointer}.pr-layer{position:fixed;inset:0;z-index:85;display:flex;flex-direction:column;color:var(--f-ink);font-family:var(--ui-font);transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.pr-layer.in{transform:none}.pr-top{position:relative;display:flex;align-items:center;gap:10px;padding:calc(16px + env(safe-area-inset-top)) 18px 0;min-height:34px;flex:none}.pr-top .f-close{position:static}.pr-top .pr-loc{margin-inline-start:auto}.pr-top .f-close{order:0}.pr-top .pr-loc{order:1}.pr-loc{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;background:var(--f-card);border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);box-shadow:0 1px 4px var(--f-shadow);color:var(--f-ink);font:500 14px var(--ui-font);cursor:pointer;max-width:60%}.pr-loc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-loc>svg:last-child{color:var(--f-ink-soft)}.fm-gold{color:var(--f-gold)}.pr-body{flex:1;min-height:0;display:flex;flex-direction:column;animation:prFade .25s ease}@keyframes prFade{0%{opacity:0;transform:translateY(6px)}}.pr-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px calc(104px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;box-sizing:border-box;scrollbar-width:none}.pr-scroll::-webkit-scrollbar{display:none}.pr-head{text-align:center;padding-top:4px;display:flex;flex-direction:column;align-items:center;gap:2px}.pr-head h1{margin:0;font:700 26px/1.3 var(--title-font);color:var(--f-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pr-head p{margin:0;font-size:12.5px;color:var(--f-ink-soft)}.pr-rule{width:180px}.pr-note{margin:0;text-align:center;font-size:11.5px;line-height:1.6;color:var(--f-ink-soft);padding:0 12px}.pr-green{color:var(--f-green)}.pr-hair{color:var(--f-hair)}.pr-tabs{position:absolute;left:50%;transform:translate(-50%);bottom:calc(6px + env(safe-area-inset-bottom));width:calc(100% - 36px);max-width:520px;display:flex;padding:0 8px;border-radius:999px;background:linear-gradient(var(--c-navy-soft),var(--c-navy));border:.9px solid color-mix(in srgb,var(--c-gold) 70%,transparent);box-shadow:0 4px 20px #00000040;box-sizing:border-box;z-index:3}.pr-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 5px;border:0;background:none;color:color-mix(in srgb,var(--c-cream) 78%,transparent);font:400 11.5px var(--ui-font);cursor:pointer}.pr-tabs button.on{color:var(--c-gold-light);font-weight:600}.pr-tabs button i{width:4px;height:4px;border-radius:50%}.pr-tabs button.on i{background:var(--c-gold-light)}.pr-prompt{padding:14px;border-radius:18px;background:var(--f-card);border:.8px solid color-mix(in srgb,var(--f-gold) 50%,transparent);display:flex;flex-direction:column;gap:10px}.pr-prompt-top{display:flex;align-items:center;gap:10px}.pr-prompt-top span{display:flex;flex-direction:column;gap:2px}.pr-prompt-top b{font-size:14.5px;font-weight:600}.pr-prompt-top small{font-size:12px;color:var(--f-ink-soft)}.pr-prompt-btns{display:flex;gap:10px}.pr-spin{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .8s linear infinite}.pr-hero{position:relative;flex:none;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}html.night .pr-hero{filter:drop-shadow(0 5px 12px rgba(0,0,0,.5))}.pr-hero-ground{position:absolute;border-radius:6px;background:linear-gradient(135deg,var(--c-navy-soft),var(--c-navy))}.pr-hero-frame{position:absolute;inset:0;pointer-events:none}.pr-hero-in{position:absolute;inset:0;display:flex;align-items:center;gap:14px}.pr-dial{position:relative;flex:none;display:grid;place-items:center}.pr-dial>*{grid-area:1 / 1}.pr-dial-face{border-radius:50%;background:var(--c-cream);box-shadow:inset 0 0 0 2px var(--c-cream),inset 0 0 0 3px var(--c-gold)}.pr-dial-text{display:flex;flex-direction:column;align-items:center;color:var(--c-navy);line-height:1.05}.pr-dial-text b{font-family:Amiri,serif;font-weight:700;white-space:nowrap}.pr-dial-text strong{font-family:"Noto Serif Mushaf",Georgia,serif;font-weight:600;white-space:nowrap}.pr-dial-text small{font-weight:600;color:var(--c-gold-deep)}.pr-hero-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:var(--c-cream)}.pr-hero-label{font-size:12px;font-weight:600;color:var(--c-gold-light);letter-spacing:1.2px;white-space:nowrap}.pr-hero-name{font:700 32px/1.1 var(--title-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pr-hero-cd{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.pr-hero-cd span{font-size:14px;opacity:.85}.pr-hero-cd b{font-size:19px;font-weight:600;color:var(--c-gold-light);font-variant-numeric:tabular-nums}.pr-hero-rule{align-self:stretch;height:.7px;background:color-mix(in srgb,var(--c-gold) 55%,transparent);margin:3px 0}.pr-hero-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;opacity:.9;white-space:nowrap;overflow:hidden;max-width:100%}.pr-list{padding:4px 0}.pr-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:16px;position:relative}.pr-row.on{margin:4px 6px;background:linear-gradient(to left,color-mix(in srgb,var(--f-gold) 28%,transparent),color-mix(in srgb,var(--f-gold) 12%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--f-gold) 80%,transparent)}[dir=ltr] .pr-row.on{background:linear-gradient(to right,color-mix(in srgb,var(--f-gold) 28%,transparent),color-mix(in srgb,var(--f-gold) 12%,transparent))}.pr-row-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--f-gold-soft);color:var(--f-gold);flex:none}.pr-row.on .pr-row-ic{background:var(--c-navy);color:var(--c-gold-light)}.pr-row.past .pr-row-ic{color:var(--f-ink-soft)}.pr-row-names{flex:1;min-width:0;display:flex;flex-direction:column}.pr-row-name{display:flex;align-items:center;gap:6px;font:700 19px/1.3 var(--title-font);color:var(--f-ink);white-space:nowrap}.pr-row.past .pr-row-name,.pr-row.past .pr-row-time b{color:var(--f-ink-soft)}.pr-row-name em{font:normal 600 10px var(--ui-font);color:var(--c-gold-light);background:var(--c-navy);padding:2px 7px;border-radius:10px}.pr-row-names small{font:12.5px Amiri,serif;color:var(--f-gold)}.pr-row-time{display:flex;align-items:baseline;gap:3px}.pr-row-time b{font:400 21px "Noto Serif Mushaf",Georgia,serif;color:var(--f-ink)}.pr-row.on .pr-row-time b{font-weight:600}.pr-row-time small{font-size:10.5px;font-weight:500;color:var(--f-ink-soft)}.pr-bell{width:34px;height:34px;display:grid;place-items:center;border:0;background:none;color:var(--f-gold);cursor:pointer;flex:none}.pr-bell.off{color:color-mix(in srgb,var(--f-ink-soft) 60%,transparent)}.pr-foot{text-align:center;display:flex;flex-direction:column;gap:4px;padding-top:2px}.pr-foot p{margin:0;font-size:11px;color:var(--f-ink-soft)}.pr-foot p.gold{color:var(--f-gold)}.pr-compass-box{height:340px;display:flex;justify-content:center;flex:none}.pr-compass{position:relative}.pr-compass .pr-ring{position:absolute;inset:0}.pr-dialrot{position:absolute;transition:transform .6s cubic-bezier(.3,1.3,.5,1)}.pr-dial-svg{position:absolute;inset:0;overflow:visible}.pr-c-face{fill:var(--f-card)}html.night .pr-c-face{fill:var(--c-night-deep)}.pr-c-rim{fill:none;stroke:color-mix(in srgb,var(--f-gold) 80%,transparent);stroke-width:1}.pr-dial-svg line.maj{stroke:var(--f-gold);stroke-width:1.6}.pr-dial-svg line.min{stroke:color-mix(in srgb,var(--f-ink-soft) 50%,transparent);stroke-width:.8}.pr-c-deg{font:10.5px var(--ui-font);fill:var(--f-ink-soft)}.pr-c-card{font:600 19px "Noto Serif Mushaf",Georgia,serif;fill:var(--f-ink)}.pr-c-card.n{fill:#c4402f}.pr-kaaba{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--f-raised);box-shadow:inset 0 0 0 1.2px var(--f-gold);display:grid;place-items:center}html.night .pr-kaaba{background:var(--c-night-raised)}.pr-c-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--f-card);box-shadow:0 0 0 1.2px var(--f-gold),inset 0 0 0 3px var(--f-card),inset 0 0 0 3.6px color-mix(in srgb,var(--f-gold) 40%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center}html.night .pr-c-center{background:var(--c-night-deep);box-shadow:0 0 0 1.2px var(--f-gold),inset 0 0 0 3px var(--c-night-deep),inset 0 0 0 3.6px color-mix(in srgb,var(--f-gold) 40%,transparent)}.pr-c-center b{font:600 22px "Noto Serif Mushaf",Georgia,serif;color:var(--f-ink)}.pr-c-center small{font-size:10.5px;font-weight:500;color:var(--f-ink-soft)}.pr-c-pointer{position:absolute;left:50%;top:-10px;width:0;height:0;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--f-gold)}.pr-enable{align-self:center;flex:none;padding:0 20px}.pr-instr{align-self:center;display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:var(--f-gold-soft);box-shadow:inset 0 0 0 .9px color-mix(in srgb,var(--f-gold) 70%,transparent);font-size:14.5px;font-weight:600;color:var(--f-ink);text-align:center}.pr-instr svg{color:var(--f-gold);flex:none}.pr-instr.ok{background:color-mix(in srgb,var(--f-green) 14%,transparent);box-shadow:inset 0 0 0 .9px color-mix(in srgb,var(--f-green) 70%,transparent)}.pr-instr.ok svg{color:var(--f-green)}.pr-stats{display:flex;gap:10px}.pr-stats div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:16px;background:var(--f-card);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 55%,transparent)}.pr-stats b{font:600 17px "Noto Serif Mushaf",Georgia,serif;color:var(--f-gold);white-space:nowrap}.pr-stats small{font-size:11px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pr-month{padding:14px;border-radius:22px;background:var(--f-card);box-shadow:0 3px 10px var(--f-shadow),inset 0 0 0 .9px color-mix(in srgb,var(--f-gold) 55%,transparent);display:flex;flex-direction:column;gap:10px}.pr-month-top{display:flex;align-items:flex-start;gap:6px}.pr-month-names{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pr-month-names b{font:700 21px var(--title-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-month-names small{font-size:11.5px;color:var(--f-ink-soft);white-space:nowrap}.pr-month-ar{font:700 24px Amiri,serif;color:var(--f-gold);white-space:nowrap}.pr-month-nav{display:flex;gap:4px}.pr-month-nav button{width:30px;height:30px;border-radius:50%;border:0;background:var(--f-gold-soft);color:var(--f-gold);display:grid;place-items:center;cursor:pointer}.pr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px 4px}.pr-gh{text-align:center;font-size:11px;font-weight:600;color:var(--f-ink-soft)}.pr-gh.fri{color:var(--f-gold)}.pr-cell{height:46px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.pr-cell b{font:600 17px/1 "Noto Serif Mushaf",Amiri,serif;color:var(--f-ink)}.pr-cell small{font-size:8.5px;color:var(--f-ink-soft);white-space:nowrap}.pr-cell i{width:4px;height:4px;border-radius:50%}.pr-cell i.ev{background:var(--f-green)}.pr-cell.fri{background:color-mix(in srgb,var(--f-gold) 12%,transparent)}.pr-cell.white{box-shadow:inset 0 0 0 1px var(--f-gold)}.pr-cell.today{background:linear-gradient(var(--c-gold-light),var(--f-gold));box-shadow:0 0 6px color-mix(in srgb,var(--f-gold) 45%,transparent)}.pr-cell.today b{color:var(--c-navy)}.pr-cell.today small{color:color-mix(in srgb,var(--c-navy) 80%,transparent)}.pr-legend{display:flex;gap:14px;flex-wrap:wrap}.pr-legend span{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--f-ink-soft)}.pr-legend i{width:10px;height:10px;border-radius:3px}.lg-white{box-shadow:inset 0 0 0 1px var(--f-gold)}.lg-fri{background:color-mix(in srgb,var(--f-gold) 35%,transparent)}.lg-ev{border-radius:50%!important;background:var(--f-green)}.pr-scroll>.f-sec{padding-bottom:0;margin-bottom:-6px}.pr-chips{display:flex;gap:6px;padding:10px 12px}.pr-chips.dim{opacity:.55}.pr-chips button{flex:1;min-width:0;height:52px;border-radius:12px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--f-raised);color:var(--f-ink);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 45%,transparent);font:600 11.5px var(--ui-font);cursor:pointer}.pr-chips button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pr-chips button.loud{background:linear-gradient(var(--c-navy-soft),var(--c-navy));color:var(--c-gold-light);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 60%,transparent)}.pr-chips button.off{color:color-mix(in srgb,var(--f-ink-soft) 70%,transparent)}.pr-select{position:relative;display:block}.pr-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.pr-credit{padding-top:0}.pr-today{padding:16px;border-radius:26px;background:linear-gradient(var(--c-navy-soft),var(--c-navy) 60%,color-mix(in srgb,var(--c-navy) 92%,transparent));box-shadow:0 5px 12px #00000038,inset 0 0 0 .9px color-mix(in srgb,var(--f-gold) 60%,transparent);display:flex;flex-direction:column;gap:12px;color:var(--c-cream)}.pr-today-label{font-size:11.5px;font-weight:600;color:var(--c-gold-light);letter-spacing:.6px}.pr-today>p{margin:0;font-size:11px;color:color-mix(in srgb,var(--c-cream) 75%,transparent);line-height:1.6}.pr-today-card{padding:12px;border-radius:20px;background:color-mix(in srgb,#000 22%,var(--c-navy));box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--c-gold) 50%,transparent);display:flex;flex-direction:column;gap:10px}.pr-today-top{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;font-weight:600}.pr-today-top span{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.pr-today-top .gold{color:var(--c-gold-light)}.pr-today-times{display:flex;gap:4px}.pr-today-times span{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;border-radius:10px}.pr-today-times span.on{background:color-mix(in srgb,var(--c-gold) 22%,transparent);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--c-gold) 70%,transparent)}.pr-today-times small{font-size:11px;opacity:.75;white-space:nowrap}.pr-today-times b{font:700 13.5px var(--ui-font);letter-spacing:-.4px;white-space:nowrap}@media (max-width: 360px){.pr-today-times b{font-size:12px}}.pr-today-next{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 8px;font-size:11.5px}.pr-today-next span{color:var(--c-gold-light);font-weight:600}.pr-today-next b{font-weight:600}.pr-today-next small{opacity:.75}.pr-today-next i{grid-column:1 / -1;height:4px;border-radius:2px;background:#ffffff26;overflow:hidden;display:block}.pr-today-next i em{display:block;height:100%;background:linear-gradient(to left,var(--c-gold-light),var(--c-gold));border-radius:2px}[dir=ltr] .pr-today-next i em{background:linear-gradient(to right,var(--c-gold),var(--c-gold-light))}.pr-pick{padding:4px 16px 30px;display:flex;flex-direction:column;gap:12px}.pr-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:14px;background:var(--f-card);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 50%,transparent)}.pr-search input{flex:1;min-width:0;border:0;background:none;outline:none;font:16px var(--ui-font);color:var(--f-ink)}.pr-cities{display:flex;flex-direction:column}.pr-cities button{display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;border-bottom:.6px solid var(--f-hair);background:none;color:inherit;text-align:start;cursor:pointer;font-family:var(--ui-font)}.pr-cities button span{flex:1;display:flex;flex-direction:column;gap:1px}.pr-cities b{font-size:15px;font-weight:500;color:var(--f-ink)}.pr-cities small{font-size:12px;color:var(--f-ink-soft)}.pr-cities .pr-note{padding:12px;font-size:10.5px}.pr-mrow{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:0;background:none;color:inherit;text-align:start;cursor:pointer;font-family:var(--ui-font)}.pr-mrow span{flex:1;display:flex;flex-direction:column;gap:2px}.pr-mrow b{font-size:15px;font-weight:500}.pr-mrow small{font-size:12px;color:var(--f-ink-soft);text-align:start}[dir=rtl] .pr-mrow small{text-align:right}@media (min-width: 900px){.pr-scroll{max-width:600px}}.pr-scroll>*{flex-shrink:0}[dir=ltr] .f-row{text-align:left}.pr-hero-in{gap:12px}.pr-hero-meta{font-size:12px}.pr-hero-meta,.pr-hero-name{text-overflow:ellipsis}.pr-month-names b{font-size:20px}[dir=ltr] .pr-head h1,[dir=ltr] .pr-hero-name,[dir=ltr] .pr-row-name,[dir=ltr] .pr-dial-text strong,[dir=ltr] .pr-row-time b,[dir=ltr] .pr-c-center b,[dir=ltr] .pr-c-card{font-family:var(--ui-font);letter-spacing:-.2px}[dir=ltr] .pr-head h1,[dir=ltr] .pr-hero-name{font-weight:700}[dir=ltr] .pr-row-name{font-weight:600}[dir=ltr] .pr-hero-meta{font-size:11.5px}[dir=ltr] .pr-head h1{font-size:24px}[dir=ltr] .pr-hero-name{font-size:30px}[dir=ltr] .pr-row-name{font-size:17.5px}.ad-home{padding:4px 16px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.ad-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;background:var(--f-card);color:var(--f-ink-soft)}.ad-search input{flex:1;min-width:0;border:0;background:none;outline:none;font:16px var(--ui-font);color:var(--f-ink)}.ad-empty{text-align:center;color:var(--f-ink-soft);font-size:14px;padding-top:20px;margin:0}.ad-result{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;border:0;background:var(--f-card);color:var(--f-ink);text-align:start;cursor:pointer;font-family:var(--ui-font)}.ad-result small{font-size:11px;font-weight:600;color:var(--f-gold)}.ad-result span{font:17px/1.7 Amiri,serif;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ad-result span.quran{font-family:KFGQPC HAFS,Amiri,serif}.ad-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:0;background:var(--f-raised);box-shadow:inset 0 0 0 .9px color-mix(in srgb,var(--f-gold) 60%,transparent);color:var(--f-ink);text-align:start;cursor:pointer;font-family:var(--ui-font);transition:transform .15s}.ad-hero:active,.ad-tile:active{transform:scale(.97)}.ad-hero-text{flex:1;display:flex;flex-direction:column;gap:3px}.ad-hero-text small{font-size:12px;font-weight:600;color:var(--f-gold)}.ad-hero-text b{font:700 20px var(--title-font)}.ad-hero-text span{font-size:12.5px;color:var(--f-ink-soft)}.ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ad-tile{min-height:96px;padding:8px;border-radius:14px;border:0;background:var(--f-card);box-shadow:inset 0 0 0 .7px var(--f-hair);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--f-ink);cursor:pointer;font-family:var(--ui-font);transition:transform .15s}.ad-tile b{font-size:13.5px;font-weight:600;text-align:center}.ad-tile span{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--f-ink-soft)}.ad-sources{margin:6px 0 0;text-align:center;font-size:11px;line-height:1.6;color:var(--f-ink-soft)}.ad-remind{padding:14px;border-radius:14px;background:var(--f-card);display:flex;flex-direction:column;gap:10px}.ad-rrow{display:flex;flex-direction:column;gap:6px}.ad-rrow-top,.ad-rrow-time{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.ad-rrow-time{font-size:13px;color:var(--f-ink-soft)}.time-cap{position:relative;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:15px;background:var(--f-gold-soft);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 60%,transparent);color:var(--f-gold);font:600 14.5px var(--ui-font);white-space:nowrap;cursor:pointer}.time-cap input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:16px}.ad-session{position:fixed;inset:0;z-index:140;display:flex;flex-direction:column;color:var(--f-ink);font-family:var(--ui-font);opacity:0;transform:translateY(24px);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}.ad-session.in{opacity:1;transform:none}.ad-s-head{display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 16px 0}.ad-s-btn{width:36px;height:36px;border-radius:50%;border:0;background:var(--f-card);color:var(--f-ink);display:grid;place-items:center;cursor:pointer;flex:none}.ad-s-btn.gold{color:var(--f-gold)}.ad-s-title{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}.ad-s-title b{font:700 18px var(--title-font);white-space:nowrap}.ad-s-title small{font-size:11.5px;color:var(--f-ink-soft)}.ad-s-menu{position:relative}.ad-pop{position:absolute;top:42px;inset-inline-end:0;z-index:3;min-width:210px;padding:6px 0;border-radius:14px;background:color-mix(in srgb,var(--f-raised) 96%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000038,0 0 0 .5px var(--f-hair);display:flex;flex-direction:column}.ad-pop button{display:flex;align-items:center;gap:10px;padding:11px 16px;border:0;background:none;color:var(--f-ink);font:15px var(--ui-font);text-align:start;cursor:pointer}.ad-pop button svg{color:var(--f-gold)}.ad-progress{margin:8px 16px 0;height:4px;border-radius:2px;background:color-mix(in srgb,var(--f-gold) 18%,transparent);overflow:hidden}.ad-progress i{display:block;height:100%;background:var(--f-gold);border-radius:2px;transition:width .3s}[dir=rtl] .ad-progress i{margin-inline-start:0}.ad-track{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ad-track::-webkit-scrollbar{display:none}.ad-page{flex:0 0 100%;scroll-snap-align:center;overflow-y:auto;padding:16px;box-sizing:border-box;display:flex;justify-content:center}.ad-card{width:100%;max-width:620px;align-self:flex-start;padding:22px;border-radius:20px;background:var(--f-card);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 45%,transparent);display:flex;flex-direction:column;align-items:center;gap:16px;box-sizing:border-box}.ad-ar{margin:0;font:25px/2 Amiri,serif;text-align:center;color:var(--f-ink)}.ad-ar.quran{font:26px/2.05 KFGQPC HAFS,Amiri,serif}.ad-tr{margin:0;font-size:14px;color:var(--f-ink-soft);text-align:center}.ad-en{margin:0;font-size:15px;line-height:1.6;color:var(--f-ink-soft);text-align:center}.ad-en-note{margin:-8px 0 0;font-size:10.5px;color:color-mix(in srgb,var(--f-ink-soft) 70%,transparent);text-align:center}.ad-note{margin:0;font-size:16px;line-height:1.7;color:var(--f-ink)}.ad-ref{margin:0;display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--f-gold);text-align:center}.ad-s-foot{display:flex;align-items:center;justify-content:center;gap:28px;padding:6px 0 calc(26px + env(safe-area-inset-bottom))}.ad-nav{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--f-gold);display:grid;place-items:center;cursor:pointer;opacity:.8}.ad-nav:disabled{opacity:.2;cursor:default}.ad-counter{position:relative;width:118px;height:118px;border:0;background:none;padding:0;cursor:pointer;transition:transform .12s;-webkit-tap-highlight-color:transparent}.ad-counter:active{transform:scale(.95)}.ad-counter svg{position:absolute;inset:0}.ad-counter .trk{fill:none;stroke:var(--f-hair);stroke-width:7}.ad-counter .val{fill:none;stroke:var(--f-gold);stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .2s ease-out}.ad-counter>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-counter b{font:700 30px/1 var(--title-font);color:var(--f-ink)}.ad-counter small{font-size:11px;color:var(--f-ink-soft)}.ad-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.ad-done b{font:700 22px var(--title-font)}.ad-done button{width:160px;height:44px;border-radius:22px;border:0;background:var(--f-green);color:#fff;font:600 16px var(--ui-font);cursor:pointer}.ac-body{padding:0 18px calc(40px + env(safe-area-inset-bottom))}.ad-home>*{flex-shrink:0}.ac-note{margin:0;padding:12px 8px 0;font-size:12px;line-height:1.7;color:var(--f-ink-soft)}.ac-warn{margin:0;padding:0 16px 12px;font-size:12.5px;font-weight:500;color:#b3403a}.st-streak{display:flex;align-items:center;gap:16px;padding:14px 0}.st-medal{position:relative;width:104px;height:104px;flex:none;display:grid;place-items:center}.st-medal>svg:first-child{position:absolute;inset:0}.st-medal>span{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}.st-medal b{font-size:30px;font-weight:600;color:var(--c-cream-deep)}.st-medal small{font-size:11px;color:#c9d3e0;margin-top:2px}.st-streak-text{display:flex;flex-direction:column;gap:6px}.st-streak-text b{font:700 21px var(--title-font)}.st-streak-text span{font-size:13px;color:var(--f-ink-soft)}.st-streak-text small{font-size:12px;color:var(--f-green)}.ac-bars{display:flex;align-items:flex-end;gap:10px;padding:16px;box-sizing:content-box}.ac-bar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.ac-bar small,.ac-bar em{font-size:10.5px;font-style:normal;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ac-bar small{font-weight:500}.ac-bar i{width:100%;border-radius:5px;background:linear-gradient(var(--f-gold),var(--f-green));transition:height .5s cubic-bezier(.3,1.2,.5,1)}.st-totals{display:flex;align-items:center;padding:16px 0}.st-totals span{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.st-totals b{font-size:22px;font-weight:600}.st-totals small{font-size:12px;color:var(--f-ink-soft)}.st-totals i{width:.6px;height:44px;background:var(--f-hair)}.rw-summary{display:flex;flex-direction:column;gap:10px;padding-top:8px}.rw-sum-title{font:700 20px var(--title-font)}.rw-cards{display:flex;gap:8px}.rw-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border-radius:12px;background:var(--f-card);box-shadow:inset 0 0 0 .6px var(--f-hair)}.rw-card b{font-size:20px;font-weight:600}.rw-card small{font-size:11px;color:var(--f-ink-soft);white-space:nowrap}.rw-streak{font-size:12.5px;color:var(--f-green)}.rw-chart{padding:14px;display:flex;flex-direction:column;gap:12px}.rw-chart .ac-bars{padding:0}.rw-heat{--rw-heat: var(--f-green);display:flex;gap:4px;padding:14px}html.night[data-theme=kaaba] .rw-heat{--rw-heat: var(--f-gold)}.rw-heat>span{flex:1;display:flex;flex-direction:column;gap:4px}.rw-heat i{aspect-ratio:1;border-radius:3px;background:var(--f-gold-soft)}.rw-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 10px;padding:6px 0}.rw-badges button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;color:var(--f-ink-soft);font:500 12.5px var(--ui-font);text-align:center}.rw-badges button.on{color:var(--f-ink)}.bm{position:relative;display:grid;place-items:center;flex:none}.bm svg{position:absolute;inset:0;overflow:visible}.bm.on{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--f-gold) 35%,transparent))}.bm .bm-ic{position:relative;color:color-mix(in srgb,var(--f-ink-soft) 70%,transparent)}.bm.on .bm-ic{color:var(--c-cream-deep)}.bm.on .bm-turn{animation:bmTurn 12s ease-in-out infinite alternate}@keyframes bmTurn{to{transform:rotate(30deg)}}@media (prefers-reduced-motion: reduce){.bm.on .bm-turn{animation:none}}.bd-layer{position:fixed;inset:0;z-index:150;display:flex;align-items:flex-end;justify-content:center;font-family:var(--ui-font);color:var(--f-ink)}.bd-scrim{position:absolute;inset:0;background:#00000047;opacity:0;transition:opacity .25s}.bd-layer.in .bd-scrim{opacity:1}.bd-sheet{position:relative;width:100%;max-width:640px;min-height:52vh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 24px calc(30px + env(safe-area-inset-bottom));box-sizing:border-box;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.9,.25,1)}.bd-layer.in .bd-sheet{transform:none}.bd-grab{width:36px;height:4px;border-radius:2px;background:var(--f-hair);margin:8px 0 10px}.bd-title{font:700 24px var(--title-font)}.bd-detail{margin:0;font-size:14px;color:var(--f-ink-soft);text-align:center}.bd-when{margin:0;font-size:13px;font-weight:500;color:var(--f-green)}.bd-bar{width:calc(100% - 80px)}.bd-prog{margin:0;font-size:13px;color:var(--f-ink-soft)}.wd-top{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0}.wd-top p{margin:0;font-size:13.5px;color:var(--f-ink-soft)}.gold-ring{position:relative;display:grid;place-items:center}.gold-ring svg{position:absolute;inset:0}.gold-ring .trk{fill:none;stroke:var(--f-gold-soft)}.gold-ring .val{fill:none;stroke:var(--f-gold);stroke-linecap:round;transition:stroke-dasharray .5s}.gold-ring>span{display:flex;flex-direction:column;align-items:center}.gold-ring b{font-size:28px;font-weight:600}.gold-ring small{font-size:12px;color:var(--f-ink-soft)}.f-sheet.half{height:min(520px,calc(100% - 60px))}[dir=ltr] .pr-month-names b{font:700 17px var(--ui-font)}[dir=ltr] .f-sec{font-family:var(--ui-font);font-weight:700}@media (hover: none){.ad-nav{visibility:hidden}}.f-sheet[dir=ltr],[dir=ltr] .f-sheet,[dir=ltr] .pr-layer,.pr-layer[dir=ltr],[dir=ltr] .ad-session,.ad-session[dir=ltr],[dir=ltr] .bd-layer,.bd-layer[dir=ltr]{--title-font: var(--ui-font)}@media (max-width: 700px){.bd-sheet{margin:0 8px calc(8px + env(safe-area-inset-bottom));border-radius:34px;padding-bottom:30px}}[dir=ltr] .wird-bar i{float:left;margin-left:0;background:linear-gradient(90deg,var(--f-green),var(--f-gold))}[dir=ltr] .fm-sheet,.fm-sheet[dir=ltr]{--title-font: var(--ui-font)}[dir=ltr] .rm-card{direction:ltr}.tp-layer{position:fixed;inset:0;z-index:86;display:flex;flex-direction:column;color:var(--f-ink);font-family:var(--ui-font);transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.tp-layer.in{transform:none}[dir=ltr] .tp-layer,.tp-layer[dir=ltr]{--title-font: var(--ui-font)}.tp-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 8px;flex:none}.tp-head .f-close{position:static}.tp-round{width:32px;height:32px;border-radius:50%;border:.9px solid color-mix(in srgb,var(--f-gold) 70%,transparent);background:var(--f-card);color:var(--f-ink);display:grid;place-items:center;cursor:pointer;flex:none}.tp-title{position:absolute;left:60px;right:60px;top:calc(14px + env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;pointer-events:none}.tp-title h1{margin:0;font:700 23px/1.3 var(--title-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tp-title p{margin:0;font-size:11.5px;color:var(--f-gold);white-space:nowrap}.tp-rule{width:120px;margin-top:4px}.tp-menu{position:relative}.tp-pop{top:40px}.tp-head{min-height:64px}.tp-body{flex:1;min-height:0;display:flex;flex-direction:column;animation:prFade .25s ease}.tp-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 calc(110px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;width:100%;max-width:640px;margin:0 auto;scrollbar-width:none}.tp-scroll::-webkit-scrollbar{display:none}.tp-scroll>*{flex-shrink:0}.tp-field{margin:0 16px;display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border-radius:16px;background:var(--f-card);box-shadow:inset 0 0 0 .9px color-mix(in srgb,var(--f-gold) 50%,transparent),0 2px 6px var(--f-shadow);color:var(--f-gold)}.tp-field:focus-within{box-shadow:inset 0 0 0 1.3px var(--f-gold),0 2px 6px var(--f-shadow)}.tp-field input{flex:1;min-width:0;border:0;outline:none;background:none;font:16px var(--ui-font);color:var(--f-ink)}.tp-field input::placeholder{color:color-mix(in srgb,var(--f-ink-soft) 75%,transparent)}.tp-clear{border:0;background:none;padding:0;color:var(--f-ink-soft);--sym-check: var(--f-card);cursor:pointer;display:grid}.tp-chips{display:flex;gap:8px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.tp-chips::-webkit-scrollbar{display:none}.tp-chip{flex:none;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 13px;border-radius:16px;border:.8px solid var(--f-hair);background:var(--f-card);color:var(--f-ink);font:400 13px var(--ui-font);white-space:nowrap;cursor:pointer}.tp-chip.on{background:var(--c-navy);color:var(--c-cream);border-color:color-mix(in srgb,var(--c-gold) 60%,transparent);font-weight:600}.tp-browse{display:flex;flex-direction:column;gap:12px}.tp-bhead{display:flex;align-items:center;justify-content:space-between;padding:0 18px}.tp-bhead>span{font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--f-gold)}.tp-bhead button{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--f-ink);font:600 12.5px var(--ui-font);cursor:pointer}.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}.tp-group{margin:4px 0 8px;padding:0 18px;font:700 16px var(--title-font)}.tp-card{display:flex;align-items:center;gap:8px;min-height:84px;padding:12px;border-radius:16px;border:.8px solid var(--f-hair);background:var(--f-card);box-shadow:0 2px 5px var(--f-shadow);color:var(--f-ink);text-align:start;cursor:pointer;font-family:var(--ui-font);animation:tpIn .35s both;transition:transform .15s}.tp-card:active{transform:scale(.97)}@keyframes tpIn{0%{opacity:0;transform:translateY(8px)}}.tp-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tp-card-text b{font:700 21px/1.35 Amiri,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-card-text strong{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-card-text small{font-size:11.5px;color:var(--f-ink-soft)}.tp-medal{position:relative;display:grid;place-items:center;flex:none}.tp-medal>svg{position:absolute;inset:0}.tp-medal>span{position:relative;display:grid}.tp-flow{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px}.tp-ask{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:15px;border:.7px solid color-mix(in srgb,var(--f-gold) 35%,transparent);background:var(--f-gold-soft);color:var(--f-ink);font:12.5px var(--ui-font);cursor:pointer}.tp-ask svg{color:var(--f-gold)}.tp-credit{margin:4px 0 0;padding:0 18px;font-size:10.5px;line-height:1.6;color:var(--f-ink-soft)}.tp-count{display:flex;align-items:center;gap:4px;padding:0 18px;font-size:12px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden}.tp-count b{font-size:12.5px;font-weight:600;color:var(--f-ink)}.tp-count span{overflow:hidden;text-overflow:ellipsis}.tp-spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--f-hair);border-top-color:var(--f-gold);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.tp-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 16px;color:var(--f-gold)}.tp-empty.saved{padding-top:60px}.tp-empty p{margin:0;font-size:13.5px;color:var(--f-ink-soft);text-align:center}.tp-list{display:flex;flex-direction:column;gap:12px;padding:0 16px}.tp-res{padding:14px;border-radius:18px;border:.8px solid var(--f-hair);background:var(--f-card);box-shadow:0 2px 6px var(--f-shadow);display:flex;flex-direction:column;gap:9px;animation:tpIn .25s both}.tp-res-top{display:flex;align-items:flex-start;gap:8px}.tp-res-ref{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tp-res-ref b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-res-ref small{font-size:11px;color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-match{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.tp-match small{font-size:11px;font-weight:600;color:var(--f-green);white-space:nowrap}.tp-match i{display:block;width:56px;height:3px;border-radius:2px;background:var(--f-hair);overflow:hidden}.tp-match em{display:block;height:100%;background:var(--f-green);border-radius:2px}[dir=rtl] .tp-match em{margin-inline-start:0}.tp-ar{margin:0;font:21px/2 KFGQPC HAFS,Amiri,serif;text-align:right;color:var(--f-ink)}.tp-ar mark,.tp-tr mark{background:color-mix(in srgb,var(--c-gold) 30%,transparent);color:inherit;border-radius:3px}.tp-tr mark{text-decoration:underline;text-underline-offset:2px}.tp-end{font-family:KFGQPC HAFS,serif}.tp-tr{margin:0;font-size:14.5px;line-height:1.65;text-align:left}.tp-tr.ar{font:16px/1.8 Amiri,serif;text-align:right}.tp-tafsir{margin:0;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--f-ink-soft)}.tp-actions{display:flex;align-items:center;gap:18px}.tp-actions button{border:0;background:none;padding:2px;color:var(--f-ink);cursor:pointer;display:inline-flex;align-items:center;gap:3px;font:600 12.5px var(--ui-font)}.tp-actions .tp-open{margin-inline-start:auto}.tp-langbadge{height:22px;padding:0 8px;border-radius:11px;background:var(--f-gold-soft);font-size:10.5px;font-weight:500;display:inline-flex;align-items:center;white-space:nowrap}.tp-detail-head{display:flex;align-items:center;gap:12px;padding:0 18px}.tp-detail-head>div{display:flex;flex-direction:column;gap:2px}.tp-detail-head b{font:700 26px/1.3 Amiri,serif}.tp-detail-head small{font-size:12.5px;color:var(--f-ink-soft)}.tp-more{margin:0 16px;height:44px;border-radius:22px;border:1px solid var(--f-gold);background:none;color:var(--f-gold);font:600 15px var(--ui-font);cursor:pointer}@media (min-width: 900px){.tp-grid{grid-template-columns:repeat(3,1fr)}}.kd-layer{--kd-font: ui-rounded, "SF Pro Rounded", "Nunito", var(--ui-font);--kd-navy: #23305A;--kd-top: 48px;position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:88;font-family:var(--kd-font);color:var(--f-ink);background:var(--f-paper) linear-gradient(var(--f-paper),color-mix(in srgb,#FCEFD6 90%,transparent));animation:kdIn .35s cubic-bezier(.2,.8,.2,1)}html.night .kd-layer{--kd-navy: var(--f-ink);background:var(--f-paper)}@keyframes kdIn{0%{opacity:0;transform:scale(.98)}}.kd-layer button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.kd-layer button:active{transform:scale(.96)}.kd-body{position:absolute;inset:0;display:flex;justify-content:center}.kd-scroll{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kd-scroll::-webkit-scrollbar{display:none}.kd-col{max-width:640px;margin:0 auto;padding:calc(env(safe-area-inset-top) + var(--kd-top) + 6px) 18px calc(env(safe-area-inset-bottom) + 130px);display:flex;flex-direction:column;gap:18px}.kd-sp{flex:1}.kd-tabs{position:absolute;left:50%;transform:translate(-50%);bottom:calc(max(env(safe-area-inset-bottom),8px) + 6px);width:calc(100% - 28px);max-width:560px;display:flex;gap:4px;padding:8px 10px;border-radius:26px;background:var(--f-raised);box-shadow:0 0 0 2px color-mix(in srgb,#F7C948 75%,transparent),0 3px 10px var(--f-shadow);z-index:2}.kd-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;padding:0;color:var(--f-ink-soft);font:600 12px var(--kd-font)}.kd-tabs button i{width:52px;height:34px;border-radius:12px;display:grid;place-items:center}.kd-tabs button.on{color:#1e9e8a}.kd-tabs button.on i{background:#1e9e8a29}html.night .kd-tabs button.on i{background:#1e9e8a47}.kd-hello{display:flex;align-items:flex-start;gap:10px}.kd-hello small{display:block;font:600 16px var(--kd-font);color:var(--f-ink-soft)}.kd-hello h1{margin:0;font:900 32px/1.15 var(--kd-font);color:var(--kd-navy);white-space:nowrap}.kd-moon{margin-top:4px;flex:none}.kd-hello-pills{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.kd-starpill{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:99px;background:var(--f-raised);color:#f7c948;box-shadow:0 0 0 2px color-mix(in srgb,#F7C948 85%,transparent),0 3px color-mix(in srgb,#D9A21B 35%,transparent);flex:none}.kd-starpill b{font:900 18px var(--kd-font);color:var(--f-ink)}.kd-streak{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:99px;background:var(--f-raised);color:#f06a5b;font:700 13px var(--kd-font);white-space:nowrap;box-shadow:0 0 0 1.5px color-mix(in srgb,#F7C948 80%,transparent)}.kd-tile{position:absolute;inset:5px;border-radius:22px;border:3px dashed color-mix(in srgb,#F7C948 70%,transparent);border-style:dotted;pointer-events:none}.kd-tile:after{content:"";position:absolute;inset:5px;border-radius:17px;border:1px solid color-mix(in srgb,#F7C948 42%,transparent)}.kd-tile.teal{inset:4px;border-color:color-mix(in srgb,#1E9E8A 75%,transparent)}.kd-tile.teal:after{border-color:color-mix(in srgb,#1E9E8A 45%,transparent)}.kd-tile.sun{border-color:#f7c948}.kd-today{position:relative;display:flex;align-items:center;gap:12px;padding:18px 20px;border:0;border-radius:26px;text-align:start;color:#fff;background:linear-gradient(135deg,#27a894,#157a6b);box-shadow:0 6px #157a6b59}.kd-today-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.kd-today-txt small{font:900 12px var(--kd-font);letter-spacing:1.2px;color:#f7c948}.kd-glyph{font:400 44px/1.1 SuraNames;color:#fff;white-space:nowrap;text-align:start}.kd-today-txt span{font:600 14px var(--kd-font);color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-caps{display:flex;gap:5px;max-width:190px;padding-top:2px}.kd-caps i{flex:1;height:6px;border-radius:3px;background:#ffffff47}.kd-caps i.on{background:#f7c948}.kd-today-play{width:96px;height:96px;flex:none;border-radius:50%;background:#ffffff2e;display:grid;place-items:center}.kd-today-play i{width:78px;height:78px;border-radius:50%;background:linear-gradient(#ffdf73,#d9a21b);color:var(--kd-navy);display:grid;place-items:center;box-shadow:0 4px 5px #00000038}html.night .kd-today-play i{color:#23305a}.kd-h2{margin:0;padding:0 4px;font:700 19px var(--kd-font);color:var(--f-ink);display:flex;align-items:baseline;gap:6px}.kd-h2 small{font:500 13px var(--kd-font);color:var(--f-ink-soft)}.kd-journey{position:relative;width:100%}.kd-journey>svg{position:absolute;inset:0;overflow:visible}.kd-road{fill:none;stroke:#f7c94873;stroke-width:24;stroke-linecap:round;stroke-linejoin:round}.kd-road-dash{fill:none;stroke:#ffffffe6;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 9}html.night .kd-road{stroke:#f7c94859}html.night .kd-road-dash{stroke:#ffffff59}.kd-node{position:absolute;border:0;background:none;padding:0}.kd-medal{position:relative;display:inline-block;flex:none}.kd-medal>svg{position:absolute;inset:0}.kd-medal>b{position:absolute;inset:0;display:grid;place-items:center;font-family:SuraNames;font-weight:400;white-space:nowrap;direction:rtl;line-height:1}.kd-medal>em{position:absolute;left:0;right:0;display:flex;justify-content:center;color:#8c8577}.kd-medal.cur{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--m) 55%,transparent))}.kd-node-label{position:absolute;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;pointer-events:none}.kd-node-label.l{align-items:flex-start;text-align:left}.kd-node-label.r{align-items:flex-end;text-align:right}.kd-node-label b{font:700 15px var(--kd-font);color:var(--f-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.kd-node-label.locked b{color:color-mix(in srgb,var(--f-ink-soft) 70%,transparent)}.kd-node-label em{font:900 12px var(--kd-font);font-style:normal;color:#fff;padding:0 10px;height:24px;line-height:24px;border-radius:99px;background:#f06a5b;box-shadow:0 2px #c94f42}.kd-mini-stars{display:inline-flex;gap:2px;color:color-mix(in srgb,var(--f-ink-soft) 40%,transparent)}.kd-mini-stars .on{color:#f7c948}.kd-big{margin:0;font:900 30px var(--kd-font);color:var(--kd-navy)}.kd-sub{margin:-6px 0 0;font:500 15px var(--kd-font);color:var(--f-ink-soft)}.kd-listen{gap:12px;padding-top:calc(env(safe-area-inset-top) + 14px)}.kd-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;background:var(--f-raised);box-shadow:0 2px 4px var(--f-shadow),0 0 0 .8px var(--f-hair)}.kd-row.on{box-shadow:0 2px 4px var(--f-shadow),0 0 0 2px #f06a5b99}.kd-row-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kd-row-t b{font:700 17px var(--kd-font);color:var(--f-ink)}.kd-row-t small{font:500 13px var(--kd-font);color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-round{width:46px;height:46px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1e9e8a;box-shadow:0 3px #157a6b}.kd-round.coral{background:#f06a5b;box-shadow:0 3px #c94f42}.kd-stars{gap:16px}.kd-bigstar{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:10px}.kd-bigstar>span{position:relative;color:#f7c948;filter:drop-shadow(0 5px 0 #D9A21B);display:grid;place-items:center}.kd-bigstar>span b{position:absolute;top:50%;left:50%;transform:translate(-50%,-38%);font:900 28px var(--kd-font);color:#6b4e08}.kd-bigstar h1{margin:0;font:900 28px var(--kd-font);color:var(--kd-navy)}.kd-bigstar small{font:700 15px var(--kd-font);color:#f06a5b}.kd-stats{display:flex;gap:10px}.kd-stats>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 0;border-radius:18px;background:var(--f-raised);box-shadow:0 2px 4px var(--f-shadow)}.kd-stats b{font:900 26px var(--kd-font)}.kd-stats small{font:600 13px var(--kd-font);color:var(--f-ink-soft)}.kd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:14px 12px;padding:14px;border-radius:22px;background:var(--f-raised);box-shadow:0 2px 5px var(--f-shadow)}.kd-grid>div{display:flex;flex-direction:column;align-items:center;gap:4px}.kd-grid small{font:600 11px var(--kd-font);color:var(--f-ink-soft);white-space:nowrap}.kd-parents{gap:14px;padding-top:calc(env(safe-area-inset-top) + 14px)}.kd-ph{display:flex;align-items:center;gap:10px}.kd-ph .sym{color:#1e9e8a}.kd-group{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--f-raised);box-shadow:0 2px 4px var(--f-shadow)}.kd-group hr{width:100%;margin:0;border:0;height:.7px;background:var(--f-hair)}.kd-lbl{font:700 14px var(--kd-font);color:var(--f-ink-soft);margin-bottom:-4px}.kd-input{height:44px;padding:0 12px;border:0;border-radius:12px;background:var(--f-paper);color:var(--f-ink);font:600 18px var(--kd-font);outline:none}.kd-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;font:600 15px var(--kd-font);color:var(--f-ink)}.kd-layer .f-switch.on{background:#1e9e8a;border-color:#1e9e8a66}.kd-stepper{display:inline-flex;align-items:center;gap:12px;font:700 16px var(--kd-font)}.kd-stepper>span{display:inline-flex;align-items:center;height:32px;border-radius:9px;background:color-mix(in srgb,var(--f-ink-soft) 14%,transparent)}.kd-stepper button{width:46px;height:32px;border:0;background:none;color:var(--f-ink);display:grid;place-items:center;padding:0}.kd-stepper button:disabled{opacity:.35}.kd-stepper i{width:1px;height:18px;background:color-mix(in srgb,var(--f-ink-soft) 30%,transparent)}.kd-priv{display:flex;align-items:center;gap:6px;font:700 15px var(--kd-font);color:#1e9e8a}.kd-group p{margin:0;font:500 14px/1.45 var(--kd-font);color:var(--f-ink-soft)}.kd-earned{display:flex;align-items:center;gap:8px;font:600 14px var(--kd-font);color:var(--f-ink)}.kd-earned .sym{color:#f7c948}.kd-reset{height:46px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:14px;border:1.5px solid rgba(240,106,91,.6);background:none;color:#f06a5b;font:700 15px var(--kd-font)}.kd-exit{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:0;background:var(--c-navy);color:#fff;font:900 16px var(--kd-font)}.kd-confirm{position:fixed;inset:0;z-index:5;background:#0000004d;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:0 10px calc(env(safe-area-inset-bottom) + 10px);animation:kdFade .2s}.kd-confirm-box,.kd-confirm-cancel{max-width:520px;width:100%;margin:0 auto;border-radius:14px;background:#faf8f3f5;backdrop-filter:blur(20px);overflow:hidden}html.night .kd-confirm-box,html.night .kd-confirm-cancel{background:#2c2c2ef5}.kd-confirm-head{padding:14px 16px;text-align:center;display:flex;flex-direction:column;gap:4px;border-bottom:.5px solid var(--f-hair)}.kd-confirm-head b{font:600 13px var(--ui-font);color:var(--f-ink-soft)}.kd-confirm-head small{font:400 13px var(--ui-font);color:var(--f-ink-soft)}.kd-confirm-box button{width:100%;height:56px;border:0;background:none;font:400 19px var(--ui-font);color:#ff3b30}.kd-confirm-cancel{height:56px;border:0;font:600 19px var(--ui-font);color:#007aff}@keyframes kdFade{0%{opacity:0}}.kd-gate-wrap{position:fixed;inset:0;z-index:6;background:#0006;display:flex;align-items:flex-end;justify-content:center;animation:kdFade .25s}.kd-gate{width:100%;max-width:560px;height:calc(100% - env(safe-area-inset-top) - 44px);border-radius:14px 14px 0 0;background:var(--f-paper);padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px;animation:kdUp .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto}@keyframes kdUp{0%{transform:translateY(100%)}}.kd-gate-x{align-self:stretch;display:flex;justify-content:flex-end}.kd-gate .f-close{position:static}.kd-gate-ic{color:#1e9e8a}.kd-gate h2{margin:0;font:900 24px var(--kd-font);color:var(--f-ink)}.kd-gate p{margin:0;font:500 15px var(--kd-font);color:var(--f-ink-soft)}.kd-gate h3{margin:0;font:900 30px var(--kd-font);color:var(--f-ink)}.kd-gate output{width:140px;height:56px;display:grid;place-items:center;border-radius:14px;background:var(--f-paper);box-shadow:0 0 0 1.5px var(--f-hair);font:900 34px var(--kd-font);color:#1e9e8a}.kd-gate output.shake{box-shadow:0 0 0 1.5px #f06a5b;animation:kdShake .12s 3 alternate}@keyframes kdShake{to{transform:translate(8px)}}.kd-keys{display:grid;grid-template-columns:repeat(3,78px);gap:12px}.kd-keys button{height:56px;border:0;border-radius:14px;background:var(--f-raised);color:var(--f-ink);font:700 24px var(--kd-font);box-shadow:0 1px 2px var(--f-shadow);display:grid;place-items:center}.kd-lesson{position:fixed;inset:0;z-index:4;display:flex;justify-content:center;background:var(--f-paper) linear-gradient(var(--f-paper),color-mix(in srgb,#FCEFD6 90%,transparent));animation:kdUp .38s cubic-bezier(.2,.8,.2,1)}html.night .kd-lesson{background:var(--f-paper)}.kd-lesson-col{width:100%;max-width:620px;display:flex;flex-direction:column;gap:14px;padding:calc(env(safe-area-inset-top) + 6px) 18px calc(env(safe-area-inset-bottom) + 10px);overflow-y:auto}.kd-ltop{display:flex;align-items:center;justify-content:space-between;gap:8px}.kd-back{width:48px;height:48px;border-radius:50%;border:0;background:var(--f-raised);color:var(--f-ink);display:grid;place-items:center;flex:none;box-shadow:0 0 0 2px color-mix(in srgb,#F7C948 80%,transparent),0 3px color-mix(in srgb,#D9A21B 30%,transparent)}.kd-ltitle{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.kd-ltitle b{font:900 19px var(--kd-font);color:var(--kd-navy);white-space:nowrap}.kd-ltitle span{display:flex;gap:5px}.kd-ltitle i{width:8px;height:8px;border-radius:4px;background:var(--f-hair);transition:width .3s}.kd-ltitle i.ok{background:#1e9e8a}.kd-ltitle i.cur{width:22px;background:#f06a5b}.kd-modes{display:flex}.kd-mode{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;padding:0;color:var(--f-ink-soft);font:700 14px var(--kd-font)}.kd-mode i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--f-raised);box-shadow:0 0 0 1.2px var(--f-hair)}.kd-mode.on{color:var(--k)}.kd-mode.on i{background:var(--k);color:#fff;box-shadow:0 0 0 1.2px color-mix(in srgb,var(--k) 35%,transparent)}.kd-mode.on.sel i{box-shadow:0 0 0 6px color-mix(in srgb,var(--k) 35%,transparent)}.kd-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 18px 26px;border-radius:22px;background:var(--f-raised);box-shadow:0 5px color-mix(in srgb,#D9A21B 35%,transparent);touch-action:pan-y;user-select:none;-webkit-user-select:none}.kd-card-h{font:900 13px var(--kd-font);letter-spacing:.6px;color:#1e9e8a;text-align:center}.kd-words{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.kd-words span{font-family:var(--quran);line-height:1.5;padding:2px 5px;border-radius:12px;color:var(--kd-navy);transition:background .15s,color .15s}.kd-words span.after{color:color-mix(in srgb,var(--f-ink-soft) 50%,transparent)}.kd-words span.cur{background:#f7c948bf}.kd-ayno{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;font:900 15px var(--kd-font);font-style:normal;color:#1e9e8a;box-shadow:0 0 0 2px #1e9e8a,inset 0 0 0 4px var(--f-raised),inset 0 0 0 5px #1e9e8a73}.kd-tr{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 5px}.kd-tr span{font:600 19px var(--kd-font);color:var(--f-ink);padding:0 4px;border-radius:6px}.kd-tr span.after{color:color-mix(in srgb,var(--f-ink-soft) 55%,transparent)}.kd-tr span.cur{font-weight:900;color:#d9a21b;background:#f7c9484d}.kd-mean{margin:0;font:500 15px/1.4 var(--kd-font);color:var(--f-ink-soft);text-align:center;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.kd-ear{position:absolute;bottom:12px;inset-inline-end:12px;width:40px;height:40px;border:0;border-radius:50%;background:#1e9e8a24;color:#1e9e8a;display:grid;place-items:center}.kd-turn{display:flex;flex-direction:column;align-items:center;gap:6px}.kd-turn h2{margin:0;font:900 30px var(--kd-font);color:#f06a5b}.kd-turn p{margin:0;font:600 15px var(--kd-font);color:var(--f-ink-soft)}.kd-turn small{font:600 13px var(--kd-font);color:color-mix(in srgb,var(--f-ink-soft) 80%,transparent)}.kd-say{position:relative;width:178px;height:178px;border:0;background:none;padding:0;display:grid;place-items:center}.kd-say i{position:absolute;border-radius:50%;background:#f06a5b1a;inset:0;animation:kdPulse 1.1s ease-in-out infinite alternate}.kd-say i+i{inset:15px;background:#f06a5b29;animation:none}.kd-say b{position:relative;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;color:#fffffff2;background:linear-gradient(#f7897b,#f06a5b);box-shadow:0 6px #c94f42;margin-top:-6px}@keyframes kdPulse{0%{transform:scale(.96)}to{transform:scale(1.06)}}.kd-wave{width:100%;max-width:300px;height:34px;display:flex;align-items:center;justify-content:center;gap:4px}.kd-wave i{width:5px;border-radius:3px;background:#f06a5b;animation:kdWave .7s ease-in-out infinite alternate}.kd-wave:not(.on) i{animation-duration:1.4s}@keyframes kdWave{0%{transform:scaleY(.55)}}.kd-lbottom{display:flex;align-items:center;gap:10px}.kd-checks{display:flex;gap:6px}.kd-checks i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--kd-font);font-style:normal;color:var(--f-ink-soft);background:var(--f-raised);box-shadow:0 0 0 1.5px var(--f-hair)}.kd-checks i.on{background:#1e9e8a;color:#fff;box-shadow:0 0 0 1.5px #157a6b}.kd-plus{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-radius:99px;background:#f7c94873;color:#7a5a0a;font:900 14px var(--kd-font);white-space:nowrap}html.night .kd-plus{color:#f7c948}.kd-slow{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-radius:99px;border:0;background:var(--f-raised);color:#1e9e8a;font:700 14px var(--kd-font);box-shadow:0 0 0 1.2px #1e9e8a80;white-space:nowrap}.kd-slow.on{background:#1e9e8a;color:#fff}.kd-burst{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:3}.kd-burst i{position:absolute;transform:rotate(var(--r)) translateY(-10px);animation:kdBurst 1s ease-out forwards}@keyframes kdBurst{to{transform:rotate(var(--r)) translateY(-150px);opacity:0}}.kd-burst b{font:900 28px var(--kd-font);color:#d9a21b;animation:kdPop 1s ease-out forwards}@keyframes kdPop{0%{transform:scale(.6)}to{transform:scale(1.2)}}.kd-done{position:fixed;inset:0;z-index:4;background:#00000059;display:grid;place-items:center;padding:30px;animation:kdFade .3s}.kd-done-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px;border-radius:28px;background:var(--f-raised);animation:kdZoom .45s cubic-bezier(.3,1.3,.5,1)}@keyframes kdZoom{0%{transform:scale(.9);opacity:0}}.kd-done-stars{display:flex;align-items:flex-end;gap:6px;color:#f7c948}.kd-done-stars .sym{filter:drop-shadow(0 3px 0 #D9A21B)}.kd-done-stars .sym:nth-child(2){transform:translateY(-10px)}.kd-done h2{margin:0;font:900 32px var(--kd-font);color:#f06a5b}.kd-done p{margin:0;font:600 17px var(--kd-font);color:var(--f-ink);text-align:center}.kd-done-box>span{display:flex;align-items:center;gap:5px;font:900 16px var(--kd-font);color:var(--f-ink)}.kd-done-box>span .sym{color:#f7c948}.kd-done-box>button{width:220px;max-width:100%;height:52px;border:0;border-radius:99px;background:#1e9e8a;color:#fff;font:900 18px var(--kd-font);box-shadow:0 4px #157a6b;position:relative}.hb-riwaya{flex:none;display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 9px;border-radius:99px;cursor:pointer;border:.7px solid color-mix(in srgb,var(--c-gold-deep) 60%,transparent);background:linear-gradient(var(--c-gold-light),var(--c-gold));color:var(--c-navy)}.hb-riwaya span{font:700 14px/1 Amiri,KFGQPC HAFS,serif;white-space:nowrap}.ry-reader{position:absolute;inset:0}.ry-h{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;touch-action:pan-y;overflow:hidden}.ry-slide{will-change:transform}.ry-v{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.ry-page{position:relative;flex:none;box-shadow:0 1px 6px #0000001f;user-select:none;-webkit-user-select:none}.ry-page canvas{display:block}.ry-banner{position:absolute;pointer-events:none}.ry-foot{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.ry-ribbon{position:absolute;left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 14px;max-width:calc(100% - 28px);border-radius:99px;border:.9px solid color-mix(in srgb,var(--f-gold) 80%,transparent);background:color-mix(in srgb,var(--f-card) 97%,transparent);box-shadow:0 1px 4px var(--f-shadow);color:var(--f-ink);font:500 11.5px var(--ui-font);cursor:pointer;white-space:nowrap}.ry-ribbon b{color:var(--f-gold);font:600 12px var(--ui-font)}.ry-ribbon b[lang=ar]{font:700 14px Amiri,serif}.ry-ribbon>i{width:.8px;height:14px;background:color-mix(in srgb,var(--f-gold) 60%,transparent);flex:none}.ry-ribbon span{overflow:hidden;text-overflow:ellipsis}.ry-count{display:inline-flex;align-items:center;gap:4px;font-weight:600}.ry-count em{width:9px;height:11px;border-radius:2px;background:color-mix(in srgb,var(--f-gold) 35%,transparent);box-shadow:0 0 0 .7px var(--f-gold) inset;flex:none}.ry-tip-layer,.ry-menu-layer{position:fixed;inset:0;z-index:80}.ry-tip{position:absolute;padding:14px;border-radius:18px;background:linear-gradient(#1f3a5c,#0e2440);box-shadow:0 0 0 .9px #c9a24eb3,0 6px 14px #00000059;color:#f5eedd;animation:kdFade .2s}.ry-tip-row{display:flex;align-items:center;gap:10px}.ry-tip-word{width:96px;flex:none}.ry-tip-row small{font:400 11px var(--ui-font);color:#f5eeddb3}.ry-tip-row b{font:400 22px KFGQPC HAFS,serif;color:#f5eedd;white-space:nowrap}.ry-tip p{margin:8px 0 0;font:400 12.5px/1.45 var(--ui-font);color:#f5eeddeb}.ry-tip p b{font:600 13px var(--ui-font);color:#e8cf8a}.ry-menu{position:absolute;left:50%;transform:translate(-50%);width:min(300px,calc(100% - 32px));padding:4px 0;border-radius:16px;background:var(--f-card);box-shadow:0 0 0 .8px var(--f-hair),0 10px 26px #0003;animation:kdFade .15s}.ry-menu-head{display:flex;flex-direction:column;align-items:center;padding:10px 14px;border-bottom:.7px solid var(--f-hair)}.ry-menu-head b{font:600 15.5px var(--title-font, var(--ui-font));color:var(--f-ink)}.ry-menu-head small{font:500 11.5px var(--ui-font);color:var(--f-gold)}.ry-menu-note{margin:0;padding:8px 14px;font:400 12px/1.4 var(--ui-font);color:var(--f-ink-soft);border-bottom:.7px solid var(--f-hair)}.ry-menu button{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;background:none;color:var(--f-ink);font:400 16px var(--ui-font);cursor:pointer}.ry-menu button+button{border-top:.7px solid var(--f-hair)}.ry-menu button .sym{color:var(--f-gold)}.ry-list{display:flex;flex-direction:column;gap:14px;padding:10px 16px 36px}.ry-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:22px;background:var(--f-card);box-shadow:0 0 0 .7px var(--f-hair),0 3px 8px var(--f-shadow);animation:ryIn .4s both cubic-bezier(.2,.8,.2,1)}.ry-card:after{content:"";position:absolute;inset:4px;border-radius:18px;border:.5px solid color-mix(in srgb,var(--f-gold) 10%,transparent);pointer-events:none}.ry-card.on{box-shadow:0 0 0 1.4px var(--f-gold),0 0 14px color-mix(in srgb,var(--f-gold) 35%,transparent)}.ry-card.on:after{border-color:color-mix(in srgb,var(--f-gold) 35%,transparent)}@keyframes ryIn{0%{opacity:0;transform:translateY(10px)}}.ry-card-top{display:flex;align-items:flex-start;gap:8px}.ry-card-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ry-card-name{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ry-card-name h3{margin:0;font:600 20px var(--title-font, var(--ui-font));color:var(--f-ink)}.ry-card-name span{font:700 16px Amiri,serif;color:var(--f-gold)}.ry-card-t small{font:400 12px var(--ui-font);color:var(--f-ink-soft)}.ry-now{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:99px;background:linear-gradient(var(--c-navy-soft),var(--c-navy));color:var(--c-gold-light);box-shadow:0 0 0 .8px color-mix(in srgb,var(--f-gold) 70%,transparent);font:600 13px var(--ui-font);white-space:nowrap}.ry-act{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 14px;border-radius:99px;border:1px solid var(--f-gold);background:none;color:var(--f-ink);font:600 13px var(--ui-font);cursor:pointer;white-space:nowrap}.ry-act svg{color:var(--f-gold)}.ry-err{color:#c0392b;font:500 12px var(--ui-font)}.ry-plate{position:relative;height:96px;display:flex;align-items:center;padding:6px 10px;border-radius:14px;background:#fffcf3;box-shadow:0 0 0 .8px color-mix(in srgb,var(--f-gold) 45%,transparent)}html.night .ry-plate{background:var(--c-night-deep)}.ry-plate:after{content:"";position:absolute;inset:3px;border-radius:11px;border:.5px solid color-mix(in srgb,var(--f-gold) 18%,transparent);pointer-events:none}.ry-meta{display:flex;gap:12px;font:400 11px var(--ui-font);color:var(--f-ink-soft);white-space:nowrap;overflow:hidden}.ry-meta span{display:inline-flex;align-items:center;gap:4px}.ry-more{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;border:0;background:var(--f-card);box-shadow:0 0 0 .7px var(--f-hair);cursor:pointer;text-align:start;color:var(--f-ink)}.ry-more>i{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--f-gold-soft);color:var(--f-gold)}.ry-more>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ry-more b{font:600 15.5px var(--ui-font)}.ry-more small{font:400 12px var(--ui-font);color:var(--f-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ry-chev{color:var(--f-gold)}.ry-src{margin:0;padding:0 8px;text-align:center;font:400 11px/1.5 var(--ui-font);color:var(--f-ink-soft)}.hz-body{padding:4px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;font-family:var(--ui-font)}.hz-label{display:flex;align-items:center;gap:8px;font:700 16px var(--ui-font);color:var(--f-ink);margin-top:6px}.hz-label svg{color:var(--f-gold)}.hz-row{display:flex;align-items:center;justify-content:space-between}.hz-reciter{height:56px;border-radius:28px;border:1.4px solid var(--c-navy);background:var(--f-card);color:var(--f-ink);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:600 17px Amiri,var(--ui-font);cursor:pointer;box-shadow:0 2px 6px var(--f-shadow)}.hz-reciter svg{color:var(--f-gold)}.hz-ranges{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hz-range{display:flex;flex-direction:column;gap:10px;padding:14px 12px;border-radius:16px;background:var(--f-card);border:.8px solid color-mix(in srgb,var(--f-gold) 45%,transparent);box-shadow:0 1px 5px var(--f-shadow)}.hz-range>b{font:700 18px Amiri,var(--ui-font);padding-inline:6px;color:var(--f-ink)}.hz-field{position:relative;height:46px;border-radius:23px;border:.9px solid color-mix(in srgb,var(--f-gold) 65%,transparent);background:var(--f-paper);color:var(--f-ink);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 15px var(--ui-font);cursor:pointer;overflow:hidden}.hz-field>svg{color:var(--f-gold);flex:none}.hz-field select{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:16px}.hz-glyph{font-family:SuraNames;font-size:25px;line-height:1;color:var(--c-green, #2f6b3a)}.hz-count{text-align:center;color:var(--f-ink-soft);font-size:12.5px;margin-top:-2px}.hz-helpbtn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:15px;border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);background:transparent;color:var(--f-gold-deep, #9a7a3a);font:600 13px var(--ui-font);cursor:pointer}.hz-help{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:var(--f-gold-soft);border:.7px solid color-mix(in srgb,var(--f-gold) 40%,transparent)}.hz-help div{display:flex;flex-direction:column;gap:3px}.hz-help b{font:700 14px var(--ui-font);color:var(--f-ink)}.hz-help small{font-size:13px;line-height:1.6;color:var(--f-ink-soft)}.hz-step{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:0 16px;border-radius:16px;background:var(--f-card);border:.8px solid color-mix(in srgb,var(--f-gold) 35%,transparent);box-shadow:0 1px 4px var(--f-shadow);font:600 15.5px var(--ui-font);color:var(--f-ink)}.hz-step .f-stepper b{min-width:72px}.hz-quiz{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--f-ink)}.hz-quiz>svg{color:var(--f-gold)}.hz-quiz b{font:700 16px var(--ui-font)}.hz-q{border:0;background:none;padding:2px;color:var(--f-gold);display:grid;cursor:pointer}.hz-start,.hz-stop{height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;font:700 16.5px var(--ui-font);cursor:pointer}.hz-start{border:.9px solid color-mix(in srgb,var(--f-gold) 70%,transparent);background:linear-gradient(var(--c-navy-soft),var(--c-navy));color:var(--c-cream);box-shadow:0 4px 12px #00000038}.hz-stop{border:1px solid color-mix(in srgb,#b3261e 60%,transparent);background:var(--f-card);color:#b3261e}.hz-picker .hz-search{margin:4px 20px 8px;height:42px;border-radius:21px;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--f-card);border:.8px solid color-mix(in srgb,var(--f-gold) 55%,transparent);color:var(--f-ink-soft)}.hz-search input{flex:1;border:0;background:none;outline:none;font:16px var(--ui-font);color:var(--f-ink)}.hz-list{padding:0 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.hz-list>button{display:flex;align-items:center;gap:12px;padding:8px 6px;border:0;border-bottom:.6px solid var(--f-hair);background:none;color:var(--f-ink);text-align:start;cursor:pointer}.hz-list>button.on{background:var(--f-gold-soft);border-radius:12px}.hz-list>button>svg{color:var(--f-gold)}.hz-num{position:relative;width:34px;height:34px;display:grid;place-items:center;flex:none}.hz-num>svg{position:absolute;inset:0}.hz-num b{position:relative;font:700 11.5px var(--ui-font)}.hz-nm{flex:1;display:flex;flex-direction:column}.hz-nm i{font: 30px/1.1 SuraNames;color:var(--f-ink)}.hz-nm small{color:var(--f-ink-soft);font-size:12px}.kd-topbar{position:absolute;top:0;left:0;right:0;z-index:3;height:calc(env(safe-area-inset-top) + var(--kd-top));padding:env(safe-area-inset-top) 14px 0;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;background:linear-gradient(var(--f-paper) 70%,color-mix(in srgb,var(--f-paper) 0%,transparent))}.kd-leave{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:18px;border:1.5px solid var(--kd-navy);background:var(--f-raised);color:var(--kd-navy);font:700 14px var(--kd-font);box-shadow:0 2px 6px var(--f-shadow)}.kd-leave svg{flex:none}.kd-exit-top{margin:0 0 4px}.kd-gate{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}@media (max-height: 720px){.kd-gate{gap:10px;padding-top:12px}.kd-gate-ic{width:34px;height:34px}.kd-gate h2{font-size:21px}.kd-gate h3{font-size:26px}.kd-gate output{height:48px;font-size:30px}.kd-keys{gap:9px}.kd-keys button{height:48px}}@media (max-height: 600px){.kd-gate-ic,.kd-gate p{display:none}.kd-keys button{height:44px}}.ayah-subtabs{display:flex;gap:18px;justify-content:flex-start;margin:-4px 4px 10px}.ayah-subtabs button{background:none;border:0;padding:4px 0;font:600 13px var(--title-font, var(--ui));color:var(--muted, #8a8172);border-bottom:1.5px solid transparent;cursor:pointer;letter-spacing:.01em}.ayah-subtabs button.on{color:var(--f-green, var(--madani-green, #1f5a44));border-bottom-color:var(--f-gold, #c9a55a)}.ayah-subtabs button:focus-visible{outline:2px solid var(--f-gold, #c9a55a);outline-offset:2px;border-radius:3px}.sb-quiet{color:var(--muted, #8a8172);font-size:13.5px;text-align:center;padding:14px 6px}.sb-asbab,.sb-mutash{white-space:normal}.sb-occ{margin:0 0 12px}.sb-occ header{display:flex;align-items:center;gap:6px;font:600 12px var(--title-font, var(--ui));color:var(--f-gold, #a8843f);margin-bottom:4px}.sb-occ p{margin:0;font-family:var(--title-font, "Amiri", serif);font-size:16px;line-height:1.95;white-space:pre-wrap;color:var(--f-ink, inherit)}.sb-attr{margin:6px 0 0;font-size:11.5px;color:var(--muted, #8a8172);text-align:start}.sb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sb-jump{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"ref ch" "q ch";gap:2px 10px;align-items:center;text-align:start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--f-gold, #c9a55a) 7%,transparent);border:.8px solid color-mix(in srgb,var(--f-gold, #c9a55a) 35%,transparent);color:inherit;cursor:pointer;font:inherit}.sb-jump:hover{background:color-mix(in srgb,var(--f-gold, #c9a55a) 13%,transparent)}.sb-jump:active{transform:scale(.99)}.sb-jump-ref{grid-area:ref;font:600 12.5px var(--title-font, var(--ui));color:var(--f-green, #1f5a44)}.sb-jump-q{grid-area:q;font:400 18px var(--quran),serif;line-height:1.8;color:var(--f-ink, inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-jump-ch{grid-area:ch;color:var(--f-gold, #c9a55a)}html.night .sb-jump{background:#ffffff08}.fm-books{padding:10px 12px 6px;display:flex;flex-direction:column}.fm-books-h{display:flex;align-items:center;justify-content:center;gap:8px;font:13px var(--title-font);color:var(--t-ink-soft);margin-bottom:4px}.fm-book{display:flex;align-items:center;gap:12px;padding:9px 2px;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;border-radius:10px}.fm-book:active{background:color-mix(in srgb,var(--t-gold) 10%,transparent)}.fm-book:focus-visible{outline:2px solid var(--t-gold);outline-offset:2px}.fm-book-spine{width:10px;height:34px;border-radius:2px 3px 3px 2px;background:linear-gradient(90deg,color-mix(in srgb,var(--t-green) 85%,#000),var(--t-green));box-shadow:inset -1.5px 0 0 var(--t-gold),inset 0 5px 0 -3px var(--t-gold),inset 0 -5px 0 -3px var(--t-gold);flex:none}.fm-book-spine.alt{background:linear-gradient(90deg,#6b2a2a,#8a3a34)}.fm-book-t{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.fm-book-t b{font:600 15px var(--title-font)}.fm-book-t small{font-size:11.5px;color:var(--t-ink-soft)}.fm-book-hair{display:block;height:.6px;margin:0 24px 0 0;background:color-mix(in srgb,var(--t-gold) 40%,transparent)}.sb-layer{position:fixed;inset:0;z-index:120;display:flex;justify-content:center;align-items:flex-end;background:#0000;transition:background .3s;font-family:var(--ui-font)}.sb-layer.in{background:#0000004d}.sb-book{position:relative;width:100%;max-width:980px;height:calc(100% - env(safe-area-inset-top) - 10px);border-radius:22px 22px 0 0;display:flex;flex-direction:column;gap:8px;color:var(--f-ink);overflow:hidden;transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.9,.25,1);box-shadow:0 -8px 30px #0000002e}.sb-layer.in .sb-book{transform:none}@media (min-width: 900px) and (min-height: 600px){.sb-layer{align-items:center}.sb-book{height:min(860px,calc(100% - 50px));border-radius:22px}}.sb-head{display:flex;align-items:center;gap:12px;padding:14px 16px 0}.sb-title{flex:1;text-align:center;padding-inline-end:34px}.sb-title h1{margin:0;font:700 22px var(--title-font);color:var(--f-green)}.sb-title p{margin:2px 0 0;font-size:12.5px;color:var(--f-ink-soft)}.sb-search{display:flex;align-items:center;gap:8px;margin:2px 16px 0;padding:0 12px;height:40px;border-radius:12px;background:var(--f-card);border:.8px solid color-mix(in srgb,var(--f-gold) 45%,transparent);color:var(--f-ink-soft)}.sb-search input{flex:1;min-width:0;border:0;background:transparent;font:15px var(--ui-font);color:var(--f-ink);outline:none}.sb-surahs{display:flex;gap:6px;overflow-x:auto;padding:4px 16px 2px;scrollbar-width:none;flex:none}.sb-surahs::-webkit-scrollbar{display:none}.sb-surahs button{flex:none;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;border:.8px solid color-mix(in srgb,var(--f-gold) 40%,transparent);background:transparent;color:var(--f-ink);font:13px var(--title-font);cursor:pointer;white-space:nowrap}.sb-surahs button b{font-weight:600;color:var(--f-gold);font-size:11.5px}.sb-surahs button.on{background:var(--f-green);color:#fff;border-color:var(--f-green)}.sb-surahs button.on b{color:var(--f-gold-soft, #f1dca6)}.sb-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:12px;padding:6px 16px 0}.sb-ayahs{overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-bottom:20px;scrollbar-width:thin}.sb-ayah{display:flex;flex-direction:column;align-items:stretch;gap:2px;text-align:start;padding:8px 10px;border-radius:10px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.sb-ayah:hover{background:color-mix(in srgb,var(--f-gold) 8%,transparent)}.sb-ayah.on{background:color-mix(in srgb,var(--f-green) 10%,transparent);box-shadow:inset -2.5px 0 0 var(--f-gold)}[dir=ltr] .sb-ayah.on{box-shadow:inset 2.5px 0 0 var(--f-gold)}.sb-ayah-n{font:600 12px var(--title-font);color:var(--f-green)}.sb-ayah-q{font:400 16px var(--quran),serif;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-detail{overflow-y:auto;padding:4px 4px 24px;border-radius:14px;background:var(--f-card);border:.8px solid color-mix(in srgb,var(--f-gold) 40%,transparent);box-shadow:0 2px 8px var(--f-shadow)}.sb-detail>.sb-quiet{padding-top:40px}.sb-detail-h{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 8px;background:var(--f-card);border-bottom:.6px solid color-mix(in srgb,var(--f-gold) 30%,transparent);z-index:1}.sb-detail-h b{font:700 15px var(--title-font);color:var(--f-green)}.sb-open-m{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;border:.8px solid var(--f-gold);background:transparent;color:var(--f-ink);font:12.5px var(--title-font);cursor:pointer}.sb-detail-body{padding:12px 16px}.sb-detail-q{margin:0 0 14px;font:400 23px var(--quran),serif;line-height:2;text-align:right;color:var(--f-ink)}.sb-h3{margin:4px 0 8px;font:700 14px var(--title-font);color:var(--f-gold)}.sb-foot{display:flex;justify-content:space-between;gap:10px;padding:6px 18px calc(10px + env(safe-area-inset-bottom));color:var(--f-ink-soft);border-top:.6px solid color-mix(in srgb,var(--f-gold) 25%,transparent)}.sb-foot small{font-size:11px}@media (max-width: 680px){.sb-split{grid-template-columns:1fr;grid-template-rows:minmax(130px,34%) 1fr}.sb-ayahs{padding-bottom:6px}}.sb-shared{margin:0 14px;flex:none}.sb-shared-h{display:flex;align-items:center;justify-content:center;gap:8px;font:12px var(--title-font);color:var(--f-ink-soft);margin-bottom:6px}.sb-shared-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sb-shared-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:.8px solid color-mix(in srgb,var(--f-gold) 40%,transparent);background:color-mix(in srgb,var(--f-card) 85%,transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.sb-shared-card:hover{background:var(--f-card)}.sb-shared-card span{display:flex;flex-direction:column;min-width:0}.sb-shared-card b{font:600 13.5px var(--title-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-shared-card small{font-size:11px;color:var(--f-ink-soft)}.sb-today{margin-top:6px;width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;border:0;border-radius:10px;background:color-mix(in srgb,var(--f-gold) 8%,transparent);color:var(--f-ink);font:inherit;cursor:pointer;text-align:start}.sb-today small{font:600 11px var(--title-font);color:var(--f-gold)}.sb-today span{flex:1;font-size:12.5px}.st-chip.sci{cursor:pointer;font:inherit;background:var(--f-card);color:var(--f-ink);border-color:color-mix(in srgb,var(--f-gold) 75%,transparent)}.st-chip.sci.on{background:color-mix(in srgb,var(--f-gold) 16%,var(--f-card))}.st-chip.sci:not(.on){opacity:.78;border-style:dashed}.st-chip.sci svg:last-child{color:var(--f-ink-soft)}.st-chip.sci:focus-visible{outline:2px solid color-mix(in srgb,var(--f-gold) 70%,transparent);outline-offset:2px}.st-col-sci{background:color-mix(in srgb,var(--f-gold) 5%,var(--f-card));border-color:color-mix(in srgb,var(--f-gold) 45%,transparent)}.st-badge.sci{background:var(--f-gold);padding:0 4px}.st-sci-body{display:flex;flex-direction:column;gap:10px}.st-sci-body>.f-rule{margin:2px 0;flex:none}.st-sci-sec{display:flex;flex-direction:column;gap:8px}.st-sci-h{margin:0;display:flex;align-items:center;gap:6px;font:700 13.5px var(--title-font);color:var(--f-green)}.st-sci-h svg{color:var(--f-gold);flex:none}.st-sci-h em{margin-inline-start:auto;font:400 10.5px var(--ui-font);font-style:normal;color:var(--f-ink-soft)}.st-sci-asbab .sb-occ{margin:0}.st-sci-asbab .sb-occ p{font-size:16px;line-height:1.95;text-align:justify;user-select:text;-webkit-user-select:text}.st-sci-jump{grid-template-areas:"ref ch" "q ch";padding:8px 10px}.st-sci-jump .sb-jump-q{white-space:normal;font-size:17px;line-height:1.9}.st-sci-book{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:14px;border:.8px solid color-mix(in srgb,var(--f-gold) 45%,transparent);background:transparent;color:var(--f-ink-soft);font:500 11.5px var(--ui-font);cursor:pointer}.st-sci-book:hover{color:var(--f-ink);background:color-mix(in srgb,var(--f-gold) 8%,transparent)}.st-sci-book svg{color:var(--f-gold)}html.night .st-col-sci{background:color-mix(in srgb,var(--f-gold) 6%,var(--f-card))}html{--f-primary: var(--f-green);--f-primary-ink: #fff;--f-primary-grad: linear-gradient(color-mix(in srgb, var(--f-primary) 88%, #fff), var(--f-primary));--f-rule: linear-gradient(90deg, transparent, color-mix(in srgb, var(--f-gold) 80%, transparent), transparent);--f-scrim: rgba(20, 16, 8, .34)}html.night{--f-primary: var(--c-green);--f-primary-ink: #F4EBD3;--f-scrim: rgba(0, 0, 0, .5)}.app.themed{--accent: var(--f-primary);--toggle: var(--f-primary);--card: var(--f-card);--sep: var(--f-hair);--btn: var(--f-gold-soft);--btn-border: var(--f-hair);--band: color-mix(in srgb, var(--f-gold) 12%, var(--f-paper));--menu-cream: var(--f-paper);--menu-paper: var(--f-paper);--menu-card: var(--f-card);--menu-band: color-mix(in srgb, var(--f-gold) 12%, var(--f-paper));--menu-ink: var(--f-ink);--menu-muted: var(--f-ink-soft);--menu-navy: var(--f-navy);--menu-navy-deep: var(--f-ink);--menu-green: var(--f-primary);--menu-green-soft: var(--f-primary);--menu-gold: var(--f-gold);--menu-gold-soft: var(--f-gold);--menu-badge: var(--f-gold-soft)}html.night .app.themed{--menu-navy: var(--f-gold)}.spinner{border-color:color-mix(in srgb,var(--f-gold) 25%,transparent);border-top-color:var(--f-gold)}@keyframes craftRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes craftFade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.ayah-sheet,.fs-sheet,.mean-pop,.tr-panel{animation:craftFade .2s ease both!important}}.ayah-layer{background:var(--f-scrim);justify-content:center;animation:craftFade .22s ease}.ayah-sheet{max-width:680px;margin:0 auto;border-radius:22px 22px 0 0;padding:6px 20px calc(18px + var(--safe-b));background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.04)),var(--grain),var(--f-paper);color:var(--f-ink);font-family:var(--ui-font);box-shadow:0 -8px 30px #0000002e,inset 0 0 0 .8px var(--f-hair);animation:craftRise .38s cubic-bezier(.2,.9,.25,1) both;scrollbar-width:thin;scrollbar-color:var(--f-hair) transparent}html.night .ayah-sheet,.night .ayah-sheet{background:var(--f-paper)}@media (min-width: 900px) and (min-height: 600px){.ayah-layer{align-items:center}.ayah-sheet{border-radius:22px;max-height:min(82vh,760px);box-shadow:0 18px 50px #00000038,inset 0 0 0 .8px var(--f-hair)}}.ayah-handle{width:38px;height:4px;background:color-mix(in srgb,var(--f-gold) 45%,transparent);margin:4px auto 8px}.ayah-head{position:relative;align-items:center;padding-bottom:10px;margin-bottom:12px}.ayah-head:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:var(--f-rule)}.ayah-title{font:700 19px/1.3 var(--title-font);color:var(--f-ink)}.ayah-sub{color:var(--f-gold);font-size:12px}.ayah-sheet .ayah-head .icon-btn{width:32px;height:32px;flex:none;border-radius:50%;border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);background:var(--f-card);color:color-mix(in srgb,var(--f-ink) 75%,transparent);box-shadow:0 1px 4px var(--f-shadow)}.ayah-arabic{color:var(--f-ink);font-size:23px;line-height:2;margin-bottom:14px}.ayah-arabic .mk{color:var(--f-gold)}.ayah-tabs{gap:2px;padding:3px;border-radius:99px;background:var(--f-gold-soft);border:.6px solid var(--f-hair);margin-bottom:14px}.ayah-tabs button{height:34px;border-radius:99px;font:500 14px var(--ui-font);color:var(--f-ink-soft);transition:background .25s,color .25s}.ayah-tabs button.on,.app .ayah-tabs button.on{background:var(--f-primary)!important;color:var(--f-primary-ink);font-weight:600;box-shadow:0 1px 3px var(--f-shadow)}@media (hover: hover){.ayah-tabs button:not(.on):hover{color:var(--f-ink)}}.ayah-subtabs button{color:var(--f-ink-soft)}.ayah-subtabs button.on{color:var(--f-primary)}html.night .ayah-subtabs button.on{color:var(--f-gold)}.ayah-actions{gap:0;border-radius:18px;background:var(--f-card);border:.7px solid var(--f-hair);box-shadow:0 3px 10px var(--f-shadow);overflow:hidden;padding:6px}.ayah-actions button{min-height:48px;padding:0 12px;border-radius:12px;font:500 15.5px var(--ui-font);color:var(--f-ink);transition:background .12s}.ayah-actions button svg{color:var(--f-gold);flex:none}.ayah-actions button:active{background:var(--f-gold-soft)}@media (hover: hover){.ayah-actions button:hover{background:var(--f-gold-soft)}}.ayah-actions button+button:not(.aa-rm){box-shadow:inset 0 .6px color-mix(in srgb,var(--f-hair) 55%,transparent)}.ayah-actions button.aa-rm{margin-bottom:6px;justify-content:center;background:var(--f-primary-grad);color:var(--f-primary-ink);border-radius:12px;font-weight:600;box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 70%,transparent),0 3px 8px var(--f-shadow)}.ayah-actions button.aa-rm svg{color:inherit}.ayah-actions button.aa-rm.on{background:var(--f-raised);color:var(--f-ink);box-shadow:inset 0 0 0 1px var(--f-gold)}.ayah-body{color:var(--f-ink);font-size:16px;line-height:1.85;padding:6px 4px 12px;scrollbar-width:thin;scrollbar-color:var(--f-hair) transparent}.mean-pop,.night .mean-pop{background:var(--f-raised);color:var(--f-ink);border:.9px solid color-mix(in srgb,var(--f-gold) 70%,transparent);box-shadow:0 8px 24px #0000002e}.mean-pop .mean-en{color:var(--f-ink);font-family:var(--ui-font)}.mean-pop .mean-ref{color:var(--f-gold)}.tr-panel,.night .tr-panel{background:var(--f-raised);color:var(--f-ink);border:.8px solid var(--f-hair);border-radius:16px;box-shadow:0 6px 20px var(--f-shadow);animation:craftRise .3s ease both}.tr-panel header{color:var(--f-gold)}.fs-layer{background:var(--f-scrim)}.fs-sheet{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.04)),var(--grain),var(--f-paper);color:var(--f-ink);font-family:var(--ui-font);border-radius:22px 22px 0 0;box-shadow:0 -8px 30px #0000002e,inset 0 0 0 .8px var(--f-hair);animation:craftRise .36s cubic-bezier(.2,.9,.25,1) both}html.night .fs-sheet{background:var(--f-paper)}.fs-sheet:not(.scaffold) .fs-head{position:relative;background:none;padding:14px 10px 12px}.fs-sheet:not(.scaffold) .fs-head:after{content:"";position:absolute;left:36px;right:36px;bottom:0;height:1px;background:var(--f-rule)}.fs-head h2{font:700 20px/1.3 var(--title-font);color:var(--f-ink)}.fs-sheet:not(.scaffold) .fs-x{width:32px;height:32px;margin:4px;border-radius:50%;border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);background:var(--f-card);color:color-mix(in srgb,var(--f-ink) 75%,transparent);box-shadow:0 1px 4px var(--f-shadow)}@media (min-width: 900px) and (min-height: 600px){.fs-layer{align-items:center}.fs-sheet{border-radius:22px;box-shadow:0 18px 50px #00000038,inset 0 0 0 .8px var(--f-hair)}}.fs-list{background:var(--f-card);margin:10px 12px;border-radius:18px;border:.7px solid var(--f-hair);overflow:hidden}.fs-list-row{border-bottom-color:color-mix(in srgb,var(--f-hair) 45%,transparent)}.fs-list-row:last-child{border-bottom:0}.fs-list-text b,.fs-card-body b{font-family:var(--title-font);font-size:16px;color:var(--f-ink)}.fs-list-text small,.fs-card-body small{color:var(--f-ink-soft);font-family:var(--ui-font)}.fs-card,.fs-thumb{background:var(--f-card);box-shadow:inset 0 0 0 .7px var(--f-hair)}.fs-card.on{box-shadow:inset 0 0 0 1.4px var(--f-gold),0 0 12px color-mix(in srgb,var(--f-gold) 25%,transparent)}.fs-check,.fs-dl{color:var(--f-primary)}html.night .fs-check,html.night .fs-dl{color:var(--f-green)}.fs-link{color:var(--f-gold)}.fs-badge{background:var(--f-gold-soft);color:var(--f-ink)}.fs-spin{border-color:var(--f-gold-soft);border-top-color:var(--f-gold)}.menu-scrim{background:var(--f-scrim)}.menu-drawer,html.night .menu-drawer{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.04)),var(--grain),var(--f-paper);color:var(--f-ink);font-family:var(--ui-font);box-shadow:-6px 0 24px #0003,inset .8px 0 0 var(--f-hair)}html.night .menu-drawer{background:var(--f-paper)}.menu-head h1,html.night .menu-head h1{font:700 23px/1.3 var(--title-font);color:var(--f-ink)}.menu-icon-btn{color:var(--f-ink-soft)}.menu-tabs,.menu-bottom{border-color:color-mix(in srgb,var(--f-hair) 70%,transparent)}.menu-tabs button,.menu-bottom button{color:var(--f-ink-soft);font-family:var(--ui-font)}.menu-tabs button.on,.menu-bottom button.on,html.night .menu-tabs button.on,html.night .menu-bottom button.on{color:var(--f-ink)}.menu-tabs button.on{border-bottom-color:var(--f-gold)!important}.menu-bottom button.on{border-top-color:var(--f-gold)!important}.menu-tabs button.on svg,.menu-bottom button.on svg{color:var(--f-gold)}.menu-bottom,html.night .menu-bottom{background:color-mix(in srgb,var(--f-card) 70%,var(--f-paper))}.menu-search,html.night .menu-search{background:var(--f-card);box-shadow:inset 0 0 0 .7px var(--f-hair)}.menu-search input{color:var(--f-ink);font-family:var(--ui-font)}.m-band,.m-sec-head,html.night .m-band,html.night .m-sec-head{position:relative;background:none;color:var(--f-gold);font:700 14px var(--title-font)}.m-band:after,.m-sec-head:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:.7px;background:var(--f-rule)}.m-card,.m-edition,html.night .m-card,html.night .m-edition{background:var(--f-card);box-shadow:inset 0 0 0 .7px var(--f-hair)}.m-card.current{box-shadow:inset 0 0 0 1.4px var(--f-gold),0 0 10px color-mix(in srgb,var(--f-gold) 22%,transparent)}.m-card-title{color:var(--f-ink)}.m-card-meta{color:var(--f-ink-soft)}.m-badge{background:var(--f-gold-soft);color:var(--f-ink);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 60%,transparent);font-family:var(--ui-font)}html.night .m-row{border-bottom-color:color-mix(in srgb,var(--f-hair) 40%,transparent)}.m-seg{background:var(--f-gold-soft)}.m-seg button{color:var(--f-ink-soft)}.m-seg button.on{background:var(--f-primary);color:var(--f-primary-ink)}.menu-notes .mn-btn{background:var(--f-primary-grad);color:var(--f-primary-ink);font-family:var(--ui-font);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 60%,transparent)}.menu-notes .mn-btn.alt{background:var(--f-card);color:var(--f-ink);border:.8px solid var(--f-hair);box-shadow:none}.lib-row{border-bottom-color:color-mix(in srgb,var(--f-hair) 40%,transparent)}.lib-row.on{background:var(--f-gold-soft)}.lib-btn{background:var(--f-primary-grad);color:var(--f-primary-ink);border-radius:10px;box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 55%,transparent)}.lib-btn.ghost{background:transparent;color:var(--f-ink-soft);box-shadow:none}.lib-badge{color:var(--f-primary)}html.night .lib-badge{color:var(--f-green)}.ab-play{background:var(--f-primary)!important}.f-btn.navy,.hz-start,.ns2-play{background:var(--f-primary-grad);color:var(--f-primary-ink);border:.8px solid color-mix(in srgb,var(--f-gold) 65%,transparent);box-shadow:0 3px 8px var(--f-shadow)}.share-go{background:var(--f-primary-grad);color:var(--f-primary-ink);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 60%,transparent),0 3px 8px var(--f-shadow)}.share-pack{box-shadow:inset 0 0 0 .7px var(--f-hair)}.toast{background:color-mix(in srgb,var(--f-raised) 96%,transparent);color:var(--f-ink);font-family:var(--ui-font);border-radius:99px;padding:9px 18px;box-shadow:0 6px 18px #00000029,inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 65%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ayah-sheet button:focus-visible,.fs-sheet button:focus-visible,.menu-drawer button:focus-visible{outline:2px solid var(--f-gold);outline-offset:2px}.ns2-plays .ns2-play+.ns2-play{background:var(--f-card);color:var(--f-ink);border:.8px solid color-mix(in srgb,var(--f-gold) 70%,transparent);box-shadow:0 1px 4px var(--f-shadow)}.ns2-words .on{color:var(--f-primary)}html.night .ns2-words .on{color:var(--f-green)}.app.themed .screen{--accent: var(--f-primary)}.app.themed .screen .primary-btn,html.night .app.themed .screen .primary-btn,.app.themed .screen .chip.on,html.night .app.themed .screen .chip.on,.app.themed .screen .lib-btn:not(.ghost),html.night .app.themed .screen .lib-btn:not(.ghost),.ns2-save,.ad-done button,.sb-surahs button.on{background:var(--f-primary-grad);color:var(--f-primary-ink);border-color:color-mix(in srgb,var(--f-gold) 55%,transparent)}.app.themed .screen .primary-btn,.ns2-save,.ad-done button{box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--f-gold) 60%,transparent),0 3px 8px var(--f-shadow)}.madani-sheet .fs-head h2{color:var(--f-ink)}.speed-chip{background:var(--f-card);color:var(--f-ink);border:.8px solid var(--f-hair);font-family:var(--ui-font);transition:background .2s,color .2s}.speed-chip.on{background:var(--f-primary-grad);color:var(--f-primary-ink);border-color:color-mix(in srgb,var(--f-gold) 60%,transparent)}.speed-hint{color:var(--f-ink-soft)}.fs-check-dot{background:var(--f-primary)}.madani-search,.fs-search{background:var(--f-card);border:.7px solid var(--f-hair)}.fs-search input,.madani-search input,.aud-search input{color:var(--f-ink);font-family:var(--ui-font)}.acct-layer{background:var(--f-scrim)}.acct-sheet,html.night .acct-sheet{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.04)),var(--grain),var(--f-paper);color:var(--f-ink);font-family:var(--ui-font);box-shadow:0 -10px 34px #0003,inset 0 0 0 .8px var(--f-hair);animation:craftRise .36s cubic-bezier(.2,.9,.25,1) both}html.night .acct-sheet{background:var(--f-paper)}@media (min-width: 900px) and (min-height: 600px){.acct-layer{align-items:center}.acct-sheet{border-radius:22px;box-shadow:0 18px 50px #0000003d,inset 0 0 0 .8px var(--f-hair)}}.acct-grab{background:color-mix(in srgb,var(--f-gold) 45%,transparent)}.acct-x{border:.9px solid color-mix(in srgb,var(--f-gold) 75%,transparent);background:var(--f-card);color:color-mix(in srgb,var(--f-ink) 75%,transparent);box-shadow:0 1px 4px var(--f-shadow)}.acct-hero{position:relative;padding-bottom:14px}.acct-hero:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:1px;background:var(--f-rule)}.acct-hero h2,.acct-name,html.night .acct-hero h2,html.night .acct-name{font-family:var(--title-font);font-weight:700;color:var(--f-ink)}.acct-hero p,.acct-mail,html.night .acct-hero p,html.night .acct-mail{color:var(--f-ink-soft)}.acct-soon,.acct-sync{background:color-mix(in srgb,var(--f-green) 10%,var(--f-card));color:var(--f-ink);box-shadow:inset 0 0 0 .7px color-mix(in srgb,var(--f-green) 30%,transparent)}.acct-soon b{background:var(--f-primary);color:var(--f-primary-ink)}.acct-sync.offline,.acct-sync.error{background:var(--f-gold-soft);color:var(--f-ink)}.acct-guest{color:var(--f-primary);text-decoration-color:color-mix(in srgb,var(--f-gold) 70%,transparent);font-family:var(--title-font);font-size:16px}html.night .acct-guest{color:var(--f-green)}.acct-privacy,.acct-note{color:var(--f-ink-soft)}.acct-what,html.night .acct-what{background:var(--f-card);box-shadow:inset 0 0 0 .7px var(--f-hair)}.acct-what li,html.night .acct-what li{color:var(--f-ink)}.acct-what li:before{background:var(--f-gold)}.acct-btn.line,html.night .acct-btn.line{background:var(--f-card);color:var(--f-ink);box-shadow:inset 0 0 0 .9px color-mix(in srgb,var(--f-gold) 75%,transparent)}.acct-emblem,.acct-av.ini{box-shadow:0 0 0 2px var(--f-paper),0 0 0 3.2px var(--f-gold),0 6px 16px #0000002e}.acct-prof .acct-av{box-shadow:0 0 0 2.5px var(--f-paper),0 0 0 4px var(--f-gold),0 6px 16px #0000002e}