:root{color-scheme:light;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-ui-rounded:ui-rounded, "SF Pro Rounded", var(--font-ui);--font-reader:var(--font-ui);--font-arabic-ui:"NaskhAr", "AmiriQuran", serif;--font-arabic-reader:var(--ar-font,"Mushaf"), "AmiriQuran", serif;--font-arabic-mushaf:var(--mushaf-page-font,var(--ar-font,"Mushaf")), "AmiriQuran", serif;--text-xs:11px;--text-sm:12px;--text-callout:13px;--text-body-sm:14px;--text-body:15px;--text-body-lg:17px;--text-title-sm:20px;--text-title:24px;--text-title-lg:30px;--text-display:42px;--fs-11:var(--text-xs);--fs-12:var(--text-sm);--fs-13:var(--text-callout);--fs-14:var(--text-body-sm);--fs-15:var(--text-body);--fs-16:16px;--fs-17:var(--text-body-lg);--fs-18:18px;--fs-20:var(--text-title-sm);--fs-22:22px;--fs-26:26px;--fs-30:var(--text-title-lg);--fs-34:34px;--lh-tight:1.14;--lh-ui:1.28;--lh-body:1.55;--lh-reader:1.66;--lh-arabic:1.95;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-strong:650;--weight-title:650;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sp-1:var(--space-1);--sp-2:var(--space-2);--sp-3:var(--space-3);--sp-4:var(--space-4);--sp-5:var(--space-5);--sp-6:var(--space-6);--sp-8:var(--space-8);--sp-10:var(--space-10);--radius-xxs:6px;--radius-xs:7px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-sheet:24px;--radius-pill:999px;--control-h-compact:30px;--control-h:32px;--control-h-comfort:36px;--touch-h:44px;--touch-h-comfort:48px;--toolbar-h:52px;--topbar-h:52px;--mobile-toolbar-h:62px;--tabbar-h:66px;--sidebar-w:292px;--inspector-w:clamp(360px, 31vw, 420px);--content-max:860px;--maxw:var(--content-max);--sys-bg:#f5f5f7;--sys-grouped-bg:#f2f2f7;--sys-secondary-grouped-bg:#fff;--sys-tertiary-grouped-bg:#f7f7fa;--sys-sidebar:#f6f7f9e0;--sys-toolbar:#ffffffd1;--sys-material:#ffffffbd;--sys-material-strong:#ffffffeb;--sys-label:#1d1d1f;--sys-secondary-label:#3c3c43b8;--sys-tertiary-label:#3c3c437a;--sys-quaternary-label:#3c3c4347;--sys-separator:#3c3c432e;--sys-opaque-separator:#d1d1d6;--sys-fill:#7878801f;--sys-fill-strong:#7878802e;--sys-fill-vibrant:#7878803d;--sys-accent:#596575;--sys-accent-contrast:#fff;--sys-green:#34c759;--sys-yellow:#fc0;--sys-red:#ff453a;--material-blur:blur(22px) saturate(180%);--shadow-card:0 1px 2px #0000000e;--shadow-popover:0 18px 48px -32px #00000052, 0 1px 0 #0000000a;--shadow-sheet:0 -18px 48px -34px #00000073;--shadow-accessory:0 16px 46px -28px #0000006b;--mushaf-vvh:100dvh;--mushaf-page-w:560px;--mushaf-qcf-size:27px;--mushaf-paper:#fbfaf6;--mushaf-ink:#1d2229;--mushaf-paper-line:#ddd8ca;--mushaf-ornament:#6a6f66;--mushaf-stage:color-mix(in srgb, var(--sys-bg) 84%, #aeb6c0);--bg:var(--sys-bg);--surface:var(--sys-secondary-grouped-bg);--surface-soft:var(--sys-grouped-bg);--panel-bg:var(--sys-secondary-grouped-bg);--panel-2:var(--sys-secondary-grouped-bg);--ink:var(--sys-label);--ink-soft:var(--sys-secondary-label);--ink-faint:var(--sys-tertiary-label);--line:var(--sys-separator);--hairline:var(--sys-separator);--accent:var(--sys-accent);--accent-ink:var(--sys-accent-contrast);--accent-soft:color-mix(in srgb, var(--sys-accent) 11%, transparent);--glass-bg:var(--sys-material);--glass-bg-strong:var(--sys-material-strong);--glass-border:#ffffff8a;--glass-active:var(--sys-fill-strong);--glass-shadow:#0000001f;--glass-spec:#ffffffb3;--glass-gloss:#ffffff47;--glass-elev:var(--shadow-popover);--glass-elev-sm:var(--shadow-card);--glass-blur:var(--material-blur);--shadow-pop:var(--shadow-popover);--seg-track:var(--sys-fill);--seg-thumb:var(--sys-secondary-grouped-bg);--seg-thumb-bd:var(--sys-separator);--knob:#fff;--hl:#ffcc003d;--good:var(--sys-green);--mid:var(--sys-yellow);--low:var(--sys-red);--ease:.18s cubic-bezier(.32, .72, 0, 1);--sans:var(--font-ui);--serif:"Georgia", "Iowan Old Style", "Times New Roman", serif;--radius-s:var(--radius-xs);--r-sm:var(--radius-sm);--r-md:var(--radius-md);--r-lg:var(--radius-lg)}:root[data-theme=dark]{color-scheme:dark;--sys-bg:#0f1115;--sys-grouped-bg:#111419;--sys-secondary-grouped-bg:#171a1f;--sys-tertiary-grouped-bg:#1c2027;--sys-sidebar:#181b21e0;--sys-toolbar:#16191ed1;--sys-material:#1c2027b8;--sys-material-strong:#1c2027f0;--sys-label:#f5f7faf0;--sys-secondary-label:#ebf0f7ad;--sys-tertiary-label:#ebf0f76b;--sys-quaternary-label:#ebf0f73d;--sys-separator:#ebf0f71f;--sys-opaque-separator:#383f49;--sys-fill:#7676802e;--sys-fill-strong:#76768042;--sys-fill-vibrant:#76768052;--sys-accent:#aeb8c6;--sys-accent-contrast:#101318;--glass-border:#ffffff1a;--glass-shadow:#0000007a;--seg-thumb:#ffffff29;--knob:#f5f7fa;--mushaf-paper:#171b20;--mushaf-ink:#f3f5f7;--mushaf-paper-line:#353b44;--mushaf-ornament:#b7c0c9;--mushaf-stage:#0f1115}:root[data-theme=sepia]{--sys-bg:#f5ead8;--sys-grouped-bg:#f1e3ce;--sys-secondary-grouped-bg:#fff8ec;--sys-tertiary-grouped-bg:#f8eddc;--sys-sidebar:#fbf1e0e6;--sys-toolbar:#fff8ecd6;--sys-material:#fff8ecbd;--sys-material-strong:#fff8ecf0;--sys-label:#30291f;--sys-secondary-label:#3f3426b8;--sys-tertiary-label:#3f342675;--sys-quaternary-label:#3f342640;--sys-separator:#5a462c26;--sys-fill:#5a462c1a;--sys-fill-strong:#5a462c29;--sys-fill-vibrant:#5a462c38;--sys-accent:#786b58;--mushaf-paper:#fbf5e8;--mushaf-ink:#241f18;--mushaf-paper-line:#ded0b7;--mushaf-ornament:#746244;--mushaf-stage:#f1e3ce}:root[data-type-scale=compact]{--ru-size:16px;--ar-size:28px;--lh:1.82}:root[data-type-scale=large]{--ru-size:20px;--ar-size:36px;--lh:2.04}:root[data-type-scale=accessibility]{--ru-size:23px;--ar-size:42px;--lh:2.16}@media (width<=820px){:root{--topbar-h:var(--mobile-toolbar-h);--toolbar-h:var(--mobile-toolbar-h)}}@media (prefers-reduced-motion:reduce){:root{--motion-duration:.01ms}}@font-face{font-family:Mushaf;src:url(/fonts/kfgqpc-hafs.woff2)format("woff2");font-display:swap}@font-face{font-family:AmiriQuran;src:url(/fonts/amiri-quran.woff2)format("woff2");font-display:swap}@font-face{font-family:NaskhAr;src:url(/fonts/noto-naskh.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 24px);max-width:100%;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--sys-bg);min-height:100vh;color:var(--sys-label);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}body:before{display:none}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.18;font-weight:var(--weight-title);letter-spacing:0}h3{font-weight:var(--weight-semibold)}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.wide{--maxw:1120px}.hide{display:none!important}.only-mobile{display:none}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:50;padding:10px 12px 0;position:sticky;top:0}.topbar-inner{isolation:isolate;max-width:1120px;min-height:var(--topbar-h);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);border-radius:26px;align-items:center;gap:8px;margin:0 auto;padding:8px 12px;display:flex;position:relative}.topbar-inner:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 46%);position:absolute;inset:0}.topbar-inner>.brand,.topbar-inner>.icon-btn,.topbar-inner>a.icon-btn,.topbar-inner>.menu-wrap,.topbar-inner>.btn{flex:none}.brand{background:color-mix(in srgb, var(--surface) 64%, transparent);font-weight:var(--weight-strong);letter-spacing:0;white-space:nowrap;border-radius:16px;align-items:center;gap:11px;min-width:0;padding:2px 8px 2px 2px;display:flex;overflow:hidden}.brand-mark{width:42px;height:42px;box-shadow:none;border-radius:999px;flex:none;place-items:center;display:grid;position:relative}.brand-mark img{width:42px;height:42px;display:block}html[data-theme=light] .brand-mark,html[data-theme=sepia] .brand-mark{background:var(--accent);box-shadow:0 1px 3px #14181e29}html[data-theme=light] .brand-mark img,html[data-theme=sepia] .brand-mark img{transform:scale(.82)}.brand-copy{gap:1px;min-width:0;line-height:1.05;display:grid}.brand .brand-name{color:var(--ink);font-size:15px;font-weight:var(--weight-strong);letter-spacing:0}.brand-domain{color:var(--ink-muted);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:none}.topbar .grow{flex:1}.quick{flex:auto;align-items:center;gap:6px;min-width:0;max-width:440px;display:flex}.quick input{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 70%, transparent);min-width:0;height:42px;color:var(--ink);font-size:15px;font-family:var(--sans);box-shadow:inset 0 1px 2px var(--glass-shadow);border-radius:14px;flex:1;padding:0 14px}.quick input::placeholder{color:var(--ink-faint)}.quick input:focus{outline:2px solid var(--accent);outline-offset:0;background:var(--glass-bg-strong)}@media (width<=820px){.desktop-only{display:none!important}.only-mobile{justify-content:center;align-items:center;display:inline-flex}.quick{max-width:none}.t-opt{display:none!important}}@media (width<=560px){.topbar{padding:8px 7px 0}.topbar-inner{border-radius:20px;gap:5px;padding:6px 8px}.topbar-inner .icon-btn{width:38px;height:38px}.topbar-inner .icon-btn svg{width:18px;height:18px}.topbar-inner .btn{height:38px;padding:0 11px}.quick{gap:5px}.quick input{height:38px;padding:0 11px;font-size:14px}.brand-mark,.brand-mark img{width:30px;height:30px}.brand-copy{display:none}}.theme-toggle{position:relative}.theme-toggle .th-ic{justify-content:center;align-items:center;display:none}.theme-toggle .th-ic svg{width:20px;height:20px}html[data-theme=dark] .theme-toggle .th-sun,html[data-theme=light] .theme-toggle .th-moon,html[data-theme=sepia] .theme-toggle .th-moon{display:inline-flex}.menu-reciter{flex-direction:column;max-height:min(70vh,480px);overflow:hidden}.menu-reciter.open{display:flex}.reciter-filter{border:1px solid var(--hairline);border-radius:var(--radius-s);background:var(--panel-bg);width:100%;height:34px;color:var(--ink);font:400 var(--fs-14) / 1 var(--sans);margin:2px 0 6px;padding:0 11px}.reciter-filter:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reciter-list{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.player{z-index:55;padding:0 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none;transition:transform .42s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(160%)}.player.show{transform:translateY(0)}.player-inner{isolation:isolate;pointer-events:auto;background:var(--glass-bg-strong);backdrop-filter:blur(30px)saturate(200%)brightness(1.1);border:1px solid var(--glass-border);max-width:720px;box-shadow:var(--glass-elev);border-radius:26px;align-items:center;gap:10px;margin:0 auto;padding:10px 12px;display:flex;position:relative}.player-inner:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 46%);position:absolute;inset:0}.player .now{flex:1;min-width:0;padding-left:6px}.player .now .t{font-weight:var(--weight-strong);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.player .now .s{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player .ctrls{align-items:center;gap:4px;display:flex}.player .ctrls .icon-btn{box-shadow:none;backdrop-filter:none;background:0 0;border:0}.player .ctrls .icon-btn:hover{background:var(--glass-bg)}.player .play{background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 75%, #000));width:48px;height:48px;color:var(--accent-ink);cursor:pointer;box-shadow:inset 0 1.5px 0 #ffffff73, 0 8px 20px -6px color-mix(in srgb, var(--accent) 65%, transparent);border:0;border-radius:50%;place-items:center;display:grid}.player .play:hover{filter:brightness(1.06)}.player .play svg{width:23px;height:23px}.player .play.loading{pointer-events:none}.player .play.loading svg{display:none}.player .play.loading:after{content:"";border:2px solid color-mix(in srgb, var(--accent-ink) 35%, transparent);border-top-color:var(--accent-ink);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite qspin}@keyframes qspin{to{transform:rotate(360deg)}}.player .extra{align-items:center;gap:4px;display:flex}.player .extra .icon-btn{box-shadow:none;backdrop-filter:none;background:0 0;border:0}.player .extra .icon-btn:hover{background:var(--glass-bg)}.player .speed{font:var(--weight-strong) 12px/1 var(--sans);color:var(--ink-soft);min-width:44px}.ayah-acts button.on,.player .icon-btn.on{color:var(--accent)}.drawer-backdrop{background:color-mix(in srgb, var(--bg) 40%, #0006);backdrop-filter:blur(3px);z-index:70;opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer{background:var(--panel-bg);width:min(86vw,350px);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);z-index:71;border-radius:26px;flex-direction:column;transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:10px;bottom:10px;left:10px;overflow:hidden;transform:translate(-115%)}.drawer.show{transform:translate(0)}.drawer .dh{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px;display:flex}.drawer .dh input{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 60%, transparent);height:42px;color:var(--ink);border-radius:13px;flex:1;padding:0 14px}.drawer .dlist{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;padding:8px;overflow-y:auto}.drawer .dlist a{border-radius:13px;align-items:center;gap:10px;padding:10px 11px;transition:background .15s;display:flex}.drawer .dlist a:hover,.drawer .dlist a.on{background:var(--glass-bg)}.drawer .dlist a.on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.drawer .dlist .n{width:26px;color:var(--ink-faint);text-align:center;font-size:13px}.drawer .dlist .nm{font-weight:var(--weight-semibold);flex:1;font-size:15px}.drawer .dlist .ar-name{font-family:var(--ar-font), serif;color:var(--ink-faint);direction:rtl}.drawer .dlist a.read .n{color:var(--accent)}.drawer .dlist a.read .n:after{content:" ✓";font-size:10px}.drawer-progress{border-bottom:1px solid var(--line);flex:none;padding:10px 14px}.drawer-progress:empty{display:none}.drawer-progress .prog-row{color:var(--ink-faint);justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:12.5px;display:flex}.drawer-progress .prog-row b{color:var(--accent);font-size:14px}.drawer-progress .prog-bar{background:var(--glass-bg);height:7px;box-shadow:inset 0 1px 2px var(--glass-shadow);border-radius:999px;overflow:hidden}.drawer-progress .prog-bar>span{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #9aa4b3));border-radius:999px;height:100%;transition:width .5s;display:block}.drawer-progress .prog-stats,.drawer-progress .prog-global{color:var(--ink-faint);justify-content:space-between;gap:10px;margin-top:7px;font-size:12px;display:flex}.drawer-progress .prog-global:empty{display:none}@media (width>=821px) and (width<=1119px){[data-act=drawer].only-mobile{display:inline-flex}}@media (width>=1120px){:root{--sidebar-w:300px;--sidebar-current-w:var(--sidebar-w)}:root[data-sidebar=closed]{--sidebar-current-w:0px}body{padding-left:var(--sidebar-current-w);transition:padding-left .28s cubic-bezier(.2,0,0,1),padding-right .24s cubic-bezier(.2,0,0,1)}.topbar-inner{width:fit-content;max-width:100%;margin-inline:auto}.topbar .seg.desktop-only[data-view-seg]{display:none}.topbar-inner [data-act=drawer].only-mobile{display:inline-grid}.quick{flex:none}.drawer{width:var(--sidebar-w);border:0;border-right:1px solid var(--hairline);box-shadow:none;visibility:visible;z-index:30;background:var(--panel-bg);border-radius:0;transition:transform .28s cubic-bezier(.2,0,0,1),visibility .28s;top:0;bottom:0;left:0;transform:translate(0)!important}:root[data-sidebar=closed] .drawer{visibility:hidden;transform:translate(calc(-100% - 1px))!important}.drawer-backdrop{display:none!important}.drawer .dh{border-bottom:1px solid var(--hairline);padding:12px}.drawer .dh [data-act=drawer-close]{border-radius:var(--radius-s);width:30px;height:30px;display:grid}.drawer .dh input{border-radius:var(--radius-s);height:30px;font-size:var(--fs-13)}.drawer-progress{border-bottom:1px solid var(--hairline)}.drawer .dlist{flex:none;min-height:0;padding:6px;overflow:visible}.drawer .dlist a{border-radius:var(--radius-s);gap:8px;padding:7px 9px}.drawer .dlist .nm{font-size:var(--fs-14)}.drawer .dlist a:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.drawer .dlist a.on{background:var(--accent);box-shadow:none}.drawer .dlist a.on .n,.drawer .dlist a.on .nm,.drawer .dlist a.on .ar-name{color:var(--accent-ink)}.drawer .dlist a.on .nm span{color:color-mix(in srgb, var(--accent-ink) 72%, transparent)!important}}@media (width>=1120px) and (width<=1879px){body.settings-panel-open{--sidebar-current-w:0px;padding-left:0}body.settings-panel-open .drawer{visibility:hidden;transform:translate(calc(-100% - 1px))!important}}@media (width>=1120px){.topbar-inner .icon-btn{border-radius:var(--radius-s);width:32px;height:32px;box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000}.topbar-inner .icon-btn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink);transform:none}.topbar-inner .btn{border-radius:var(--radius-s);height:32px;padding:0 12px}.topbar-inner .quick input{height:32px;font-size:var(--fs-14)}.topbar-inner .quick-submit{width:32px;height:32px;padding:0}}.dtabs{gap:2px;padding:8px 10px 2px;display:flex}.dtabs button{color:var(--ink-faint);font:var(--weight-semibold) var(--fs-13) / 1 var(--sans);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;flex:1;padding:7px;transition:background .12s,color .12s}.dtabs button.on{background:var(--seg-track);color:var(--ink)}.drawer[data-dtab-active=surah] [data-drawer-juz],.drawer[data-dtab-active=juz] [data-drawer-list],.drawer[data-dtab-active=juz] .drawer-progress{display:none}.drawer.sidebar{flex-direction:column;display:flex}.drawer .dscroll{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:6px;overflow-y:auto}.drawer .dgroup{padding:4px 10px}.drawer .dgroup-title{font:var(--weight-semibold) var(--fs-11) / 1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:10px 6px 6px}.drawer .dgt-list{margin-top:6px;padding:0 10px}.drawer .dgroup a,.drawer .dgroup .ui-list-row{border-radius:var(--radius-s);color:var(--ink);font:var(--weight-medium) var(--fs-14) / 1.2 var(--sans);align-items:center;gap:10px;padding:7px 9px;text-decoration:none;transition:background .12s;display:flex}.drawer .dgroup .ui-list-row-label,.drawer .dfoot .ui-list-row-label{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.drawer .dgroup .ui-list-row-label{line-height:1.2}.drawer .dgroup .ui-list-row-label>:not(.di),.drawer .dfoot .ui-list-row-label>:not(.di){min-width:0}.drawer .dgroup a:hover,.drawer .dgroup .ui-list-row:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.drawer .dgroup a.on,.drawer .dgroup .ui-list-row.on{background:var(--accent);color:var(--accent-ink)}.drawer .dgroup a.on .di,.drawer .dgroup .ui-list-row.on .di{color:var(--accent-ink);opacity:.9}.drawer .dgroup a .di,.drawer .dgroup .ui-list-row .di{width:20px;height:20px;color:var(--ink-faint);flex:none;place-items:center;display:inline-grid}.drawer .dgroup a .di svg,.drawer .dgroup .ui-list-row .di svg{width:18px;height:18px;display:block}.drawer .drawer-row-sub{color:var(--ink-faint);font-size:var(--fs-12);font-weight:var(--weight-regular);margin-top:2px;line-height:1.25;display:block}.drawer .dlist a.on .drawer-row-sub,.drawer .dgroup a.on .drawer-row-sub{color:color-mix(in srgb, var(--accent-ink) 74%, transparent)}.drawer .dfoot{border-top:1px solid var(--hairline);flex:none;gap:2px;padding:6px 10px;display:grid}.drawer .dfoot a,.drawer .dfoot .ui-list-row{border-radius:var(--radius-s);color:var(--ink-soft);font:var(--weight-medium) var(--fs-13) / 1.2 var(--sans);align-items:center;gap:10px;padding:7px 9px;text-decoration:none;display:flex}.drawer .dfoot a:hover,.drawer .dfoot .ui-list-row:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.drawer .dfoot a.on,.drawer .dfoot .ui-list-row.on{background:var(--accent);color:var(--accent-ink)}.drawer .dfoot a.on .di,.drawer .dfoot .ui-list-row.on .di{color:var(--accent-ink)}.drawer .dfoot a .di,.drawer .dfoot .ui-list-row .di{width:20px;height:20px;color:var(--ink-faint);flex:none;place-items:center;display:inline-grid}.drawer .dfoot a .di svg,.drawer .dfoot .ui-list-row .di svg{width:17px;height:17px;display:block}.drawer[data-dtab-active=juz] .drawer-progress{display:none}.drawer .dscroll .dlist{flex:none;min-height:0;padding:2px 6px 6px;overflow:visible}.drawer .dgroup a:focus-visible,.drawer .dgroup .ui-list-row:focus-visible,.drawer .dfoot a:focus-visible,.drawer .dfoot .ui-list-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width>=1120px){.drawer .dh [data-act=drawer-close]{display:none!important}.drawer .dh{gap:0}}@media (width<=820px){.drawer{width:min(100%,440px);height:min(86dvh, calc(100dvh - max(18px, env(safe-area-inset-top))));max-height:calc(100dvh - max(18px, env(safe-area-inset-top)));border-radius:24px 24px 0 0;margin-inline:auto;transition:transform .28s cubic-bezier(.2,.8,.2,1);inset:auto 0 0;overflow:hidden;transform:translateY(105%)}.drawer.show{transform:translateY(0)}.drawer:before{content:"";background:var(--line);opacity:.9;border-radius:999px;flex:none;width:42px;height:4px;margin:10px auto 2px}.drawer .dh{border-bottom:1px solid var(--hairline);flex:none;padding:10px 14px 12px}.drawer .dh input{border-radius:14px;height:44px}.drawer .dscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;padding-bottom:10px;overflow-y:auto}.drawer .dgroup{padding-inline:12px}.drawer .dfoot{padding:8px 14px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel-bg) 92%, transparent);flex:none}}*{-webkit-tap-highlight-color:transparent}button,a,label,summary,select,input,.switch,.seg button,[role=button]{touch-action:manipulation}html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}body.drawer-open,body.settings-panel-open,body.mushaf-sheet-open,body.image-editor-open{overflow:hidden}.topbar-inner{border-radius:18px;max-width:1080px;min-height:54px;padding:6px 10px}.topbar-title{min-width:0;color:var(--ink-soft);font-weight:var(--weight-semibold);flex:1}.quick-submit{width:42px;padding:0;font-size:18px}.topbar-inner.is-reader .quick{flex:0 0 220px;max-width:220px}.desktop-comfort{display:none}@media (width<=920px){.brand-domain,.topbar-inner.is-reader .brand-name{display:none}.topbar-inner.is-reader .quick{flex-basis:150px;max-width:150px}}@media (width<=820px){.topbar-inner{gap:6px}.brand{flex:none}.brand-mark,.brand-mark img{border-radius:14px;width:38px;height:38px}.quick{flex:120px}.quick input{font-size:14px}}@media (width<=560px){:root{--ar-size:26px;--ru-size:17px;--topbar-h:54px}.topbar{padding-inline:6px}.topbar-inner{border-radius:17px;gap:4px;padding-inline:6px}.topbar-inner .brand{padding:0}.topbar-inner .brand-mark,.topbar-inner .brand-mark img{width:30px;height:30px}.topbar-title{font-size:14px}.topbar-inner>a.icon-btn[aria-label=Поиск]{display:inline-grid}.topbar-inner.is-search>a.icon-btn[aria-label=Поиск],.topbar-inner.is-reader>.menu-wrap:not(.settings-menu-wrap){display:none}.quick input{padding:0 10px}.quick-submit{width:38px}}.topbar{padding-top:max(8px, env(safe-area-inset-top))}main{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.footer{padding-bottom:max(24px, env(safe-area-inset-bottom))}@media (width<=820px){.drawer-backdrop{backdrop-filter:blur(2px);background:#0f172075}.drawer{width:min(100%,440px);height:auto;max-height:min(86dvh, calc(100dvh - max(18px, env(safe-area-inset-top))));border-radius:24px 24px 0 0;margin-inline:auto;transition:transform .28s cubic-bezier(.2,.8,.2,1);inset:auto 0 0;transform:translateY(105%)!important}.drawer.show{transform:translateY(0)!important}.drawer .dlist{flex:none;min-height:0;padding:6px;overflow:visible}.drawer .dscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;overflow-y:auto}input,select,textarea{font-size:16px}.ayah-acts button,.ayah-acts a{min-width:42px;min-height:42px}.drawer .dlist a,.menu button.item{min-height:46px}.seg button{min-height:40px}}.menu[data-menu=settings]{overscroll-behavior:contain;border-radius:14px;width:min(380px,100vw - 24px);max-height:min(76vh,660px);padding:0;overflow-y:auto}.menu[data-menu=settings]::-webkit-scrollbar{width:9px}.menu[data-menu=settings]::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink) 22%, transparent);background-clip:padding-box;border:2.5px solid #0000;border-radius:9px}.settings-panel-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:14px 14px 12px;display:flex}.settings-panel-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-panel-head strong{color:var(--ink);font:var(--weight-strong) 16px/1.15 var(--sans)}.settings-panel-head span{color:var(--ink-faint);font:var(--weight-medium) 12px/1.25 var(--sans)}.settings-panel-close{width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.settings-panel-close:hover{background:var(--glass-bg);color:var(--ink)}.settings-panel-close svg{width:18px;height:18px}.settings-panel-backdrop{display:none}.settings-panel-body{gap:14px;padding:12px 12px 16px;display:grid}.settings-section{gap:8px;display:grid}.settings-section-head{justify-content:space-between;align-items:baseline;gap:10px;padding:0 2px;display:flex}.settings-section-head span,.settings-field>span{color:var(--ink-faint);font:var(--weight-semibold) 10.5px/1.15 var(--sans);letter-spacing:.055em;text-transform:uppercase}.settings-section-head small{min-width:0;color:color-mix(in srgb, var(--ink-faint) 70%, transparent);font:var(--weight-medium) 11px/1.2 var(--sans);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-group,.settings-choice-list,.settings-field{border:1px solid color-mix(in srgb, var(--hairline) 82%, transparent);background:color-mix(in srgb, var(--ink) 4%, var(--panel-bg));border-radius:11px;box-shadow:inset 0 1px #ffffff0d}.settings-group,.settings-choice-list{overflow:hidden}.settings-group-compact{margin-top:8px}.menu[data-menu=settings] .settings-row{border:0;border-bottom:1px solid color-mix(in srgb, var(--hairline) 68%, transparent);background:0 0;border-radius:0;width:100%;min-height:42px;padding:9px 10px}.menu[data-menu=settings] .settings-row:last-child{border-bottom:0}.menu[data-menu=settings] .settings-row:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.menu[data-menu=settings] .settings-row .it-label{color:var(--ink);font:var(--weight-semibold) 13.5px/1.25 var(--sans)}.menu[data-menu=settings] .settings-row .it-label small{color:var(--ink-faint);margin-top:1px;font-size:11.5px}.settings-choice-list{gap:2px;padding:4px;display:grid}.menu[data-menu=settings] .settings-choice{width:100%;min-height:34px;color:var(--ink);background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.menu[data-menu=settings] .settings-choice:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.menu[data-menu=settings] .settings-choice.on{background:var(--seg-thumb);box-shadow:0 1px 2px #0000001f}.settings-choice-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.settings-choice-label small{color:var(--ink-faint);font:var(--weight-semibold) 11px/1 var(--sans)}.menu[data-menu=settings] .settings-choice .tick{opacity:0}.menu[data-menu=settings] .settings-choice.on .tick{opacity:1}.settings-field{gap:8px;padding:10px;display:grid}.settings-field-select{grid-template-columns:72px minmax(0,1fr);align-items:center}.settings-field-select>span{color:var(--ink-soft);font:var(--weight-semibold) 13px/1.2 var(--sans);letter-spacing:0;text-transform:none}.settings-sliders{display:grid}.settings-sliders .settings-field{border:0;border-bottom:1px solid color-mix(in srgb, var(--hairline) 68%, transparent);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:76px minmax(0,1fr);align-items:center}.settings-sliders .settings-field:last-child{border-bottom:0}.settings-sliders .settings-field>span{color:var(--ink-soft);font:var(--weight-semibold) 13px/1.2 var(--sans);letter-spacing:0;text-transform:none}.settings-field-stack .seg{margin-top:1px}.menu h4{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:var(--weight-semibold);margin:13px 6px 6px}.menu h4:first-child{margin-top:4px}.menu .seg{background:var(--seg-track);border:1px solid var(--seg-thumb-bd);border-radius:9px;gap:2px;width:100%;padding:2px;display:flex;box-shadow:inset 0 1px 1.5px #0000000f}.menu .seg.seg-grid3{grid-template-columns:repeat(3,1fr);display:grid}.menu .seg.seg-grid2{grid-template-columns:repeat(2,1fr);display:grid}.menu .seg button{min-width:0;color:var(--ink-soft);font:var(--weight-semibold) 12.5px/1 var(--sans);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;box-shadow:none;background:0 0;border:0;border-radius:7px;flex:1 1 0;padding:6px;transition:background .12s,color .12s;overflow:hidden}.menu .seg button:hover{color:var(--ink)}.menu .seg button.on{background:var(--seg-thumb);color:var(--ink);box-shadow:0 1px 2.5px #00000029, 0 0 0 .5px var(--seg-thumb-bd)}.menu button.item{font:var(--weight-medium) 13.5px/1.3 var(--sans);border-radius:8px;gap:8px;padding:7px 10px}.menu button.item.on{background:var(--accent-soft);color:var(--ink);font-weight:var(--weight-semibold)}.menu button.item .tick{font-size:13px}.menu select.sel{border:1px solid var(--seg-thumb-bd);background:var(--seg-thumb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%238a90a0' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;width:100%;height:32px;font:var(--weight-medium) 13.5px/1 var(--sans);border-radius:8px;padding:0 30px 0 11px;box-shadow:0 1px 2px #00000014}.menu input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:2px 2px 6px}.menu input[type=range]::-webkit-slider-runnable-track{background:var(--seg-track);border-radius:3px;height:4px}.menu input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--knob);border:.5px solid var(--seg-thumb-bd);border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 1px 3px #0000004d}.menu input[type=range]::-moz-range-track{background:var(--seg-track);border-radius:3px;height:4px}.menu input[type=range]::-moz-range-thumb{background:var(--knob);border:.5px solid var(--seg-thumb-bd);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}@media (width<=1023px){body.settings-panel-open{overflow:hidden}.settings-panel-backdrop{inset:calc(var(--topbar-h) + 8px) 0 0;z-index:58;opacity:0;pointer-events:none;backdrop-filter:blur(2px);background:#04080c38;border:0;transition:opacity .18s;display:block;position:fixed}body.settings-panel-open .settings-panel-backdrop{opacity:1;pointer-events:auto}.menu[data-menu=settings]{top:calc(var(--topbar-h) + 8px);bottom:max(10px, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:auto;min-width:0;max-height:none;padding-bottom:max(18px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;visibility:hidden;touch-action:pan-y;z-index:70;transition:transform .18s cubic-bezier(.2,0,0,1),opacity .16s,visibility .16s;display:block;position:fixed;left:12px;right:12px;overflow-y:auto;transform:translateY(8px)scale(.98)}.menu[data-menu=settings] .settings-panel-head{z-index:2;background:color-mix(in srgb, var(--panel-bg) 96%, transparent);backdrop-filter:var(--glass-blur);margin:0;padding:12px 14px 10px;position:sticky;top:0}.menu[data-menu=settings].open{opacity:1;pointer-events:auto;visibility:visible;animation:none;transform:none}}@media (width>=1024px) and (width<=1119px){body.settings-panel-open{overflow:hidden}.settings-panel-backdrop{inset:calc(var(--topbar-h) + 8px) 0 0;z-index:58;opacity:0;pointer-events:none;backdrop-filter:blur(2px);background:#04080c29;border:0;transition:opacity .18s;display:block;position:fixed}body.settings-panel-open .settings-panel-backdrop{opacity:1;pointer-events:auto}.menu[data-menu=settings]{top:calc(var(--topbar-h) + 12px);z-index:82;overscroll-behavior:contain;border-radius:var(--radius-xl);opacity:0;pointer-events:none;visibility:hidden;width:min(400px,100vw - 24px);max-height:none;transition:transform .2s cubic-bezier(.2,0,0,1),opacity .16s,visibility .16s;display:block;position:fixed;bottom:12px;left:auto;right:12px;overflow:hidden auto;transform:translate(14px)scale(.98)}.menu[data-menu=settings].open{opacity:1;pointer-events:auto;visibility:visible;transform:none}.menu[data-menu=settings] .settings-panel-head{z-index:2;background:color-mix(in srgb, var(--panel-bg) 96%, transparent);backdrop-filter:var(--glass-blur);margin:0;position:sticky;top:0}}@media (width>=1120px){.settings-menu-wrap{position:static}.settings-panel-backdrop{display:none!important}body.settings-panel-open{padding-right:var(--inspector-w)}.menu[data-menu=settings]{width:var(--inspector-w);background:var(--panel-bg);min-width:0;max-height:none;box-shadow:none;opacity:0;pointer-events:none;visibility:hidden;z-index:70;border-width:0 0 0 1px;border-radius:0;padding:0;transition:transform .24s cubic-bezier(.2,0,0,1),opacity .18s,visibility .18s;display:block;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(102%)}.menu[data-menu=settings].open{opacity:1;pointer-events:auto;visibility:visible;animation:none;transform:translate(0)}.menu[data-menu=settings] .settings-panel-head{z-index:1;background:color-mix(in srgb, var(--panel-bg) 96%, transparent);backdrop-filter:var(--glass-blur);margin:0;padding:15px 16px 13px;position:sticky;top:0}.menu[data-menu=settings] .settings-panel-body{padding:12px 16px 18px}.menu[data-menu=settings] h4:first-of-type{margin-top:12px}}.menu .item-toggle{align-items:center}.menu .item-toggle .it-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.menu .item-toggle .it-label small{font-size:var(--fs-11);color:var(--ink-faint);font-weight:var(--weight-medium)}.menu .item-toggle .switch{margin-left:auto}.menu button.item-toggle.on{color:var(--ink);font-weight:var(--weight-medium);background:0 0}.menu button.item-toggle.on .switch{background:var(--accent);border-color:#0000}.menu button.item-toggle.on .switch:after{transform:translate(16px)}.page{padding:30px 0 90px}.page h1{color:var(--sys-label);font-size:clamp(28px,3.5vw,38px);font-weight:var(--weight-title);line-height:var(--lh-tight);letter-spacing:0;margin:0 0 10px}.page h2{margin:28px 0 8px;font-size:21px}.page p,.page li{color:var(--ink-soft);line-height:1.72}.page p{color:var(--sys-secondary-label);font-family:var(--font-reader)}.page a.link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.page-center{text-align:center}.page-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.shortcut-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:8px;display:grid}.shortcut-row{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:10px;padding:8px 12px;display:flex}.shortcut-row kbd{border:1px solid var(--line);background:var(--surface-2);font:var(--weight-semibold) 12px / 1 var(--sans);border-radius:6px;padding:4px 8px}.shortcut-row span{color:var(--ink-soft)}.inline-tools{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.inline-control-md{min-width:200px}.inline-control-lg{min-width:220px}.page-spaced{margin-top:20px}.page-head{max-width:760px;margin-bottom:18px}.container.page{padding-left:16px;padding-right:16px}.crumb{color:var(--ink-faint);align-items:center;gap:8px;padding:18px 0 0;font-size:13px;display:flex}.crumb a:hover{color:var(--accent)}.eyebrow{color:var(--accent);font:var(--weight-semibold) 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.footer{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:30px;padding:28px 0 44px;font-size:13px}.footer .fnav{flex-wrap:wrap;gap:16px;margin-bottom:10px;display:flex}.footer .fnav a:hover{color:var(--accent)}.toast{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--ink);font-size:14px;font-weight:var(--weight-semibold);box-shadow:var(--glass-elev);opacity:0;pointer-events:none;z-index:90;border-radius:999px;padding:11px 20px;transition:opacity .25s,transform .25s;position:fixed;bottom:104px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hero{text-align:center;padding:56px 16px 30px}.hero h1{background:linear-gradient(180deg, var(--ink), color-mix(in srgb, var(--ink) 62%, var(--accent)));color:#0000;background-clip:text;margin:0 0 16px;font-size:clamp(32px,5.4vw,50px)}.hero .verse{font-family:var(--ar-font), "AmiriQuran", serif;color:var(--accent);direction:rtl;margin:8px 0;font-size:clamp(24px,5.5vw,34px);line-height:2.1}.hero .verse-tr{color:var(--ink-soft);max-width:560px;margin:0 auto 26px;font-size:16px}.hero .cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.list-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 16px;display:flex}.list-tools .filter{border:1px solid var(--glass-border);background:var(--glass-bg);min-width:180px;height:46px;color:var(--ink);box-shadow:var(--glass-elev-sm);border-radius:16px;flex:1;padding:0 16px;font-size:15px}.list-tools .filter:focus{outline:2px solid var(--accent);outline-offset:0}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding-bottom:70px;display:grid}.surah-card{cursor:pointer;align-items:center;gap:13px;display:flex}.surah-card .num{flex:none;place-items:center;font-size:15px;display:grid}.surah-card .card-body{flex:1;min-width:0}.surah-card .row1,.surah-card .row2{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.surah-card .row2{margin-top:3px}.surah-card .r{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.surah-card .m{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;overflow:hidden}.surah-card .ar-name{font-family:var(--ar-font), "AmiriQuran", serif;white-space:nowrap;direction:rtl;flex:none;font-size:20px}.surah-card .acts{flex:none;gap:2px;max-width:100%;display:flex}.surah-card .acts a{width:32px;height:32px;color:var(--ink-faint);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.surah-card .acts a:hover{background:var(--accent-soft);color:var(--accent)}.surah-card .acts svg{width:16px;height:16px}.home-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding-top:40px;padding-bottom:22px;display:grid}.home-copy h1{margin:0 0 10px;font-size:clamp(34px,6vw,52px)}.home-copy .verse{color:var(--accent);font-family:var(--ar-font), "AmiriQuran", serif;direction:rtl;font-size:clamp(23px,4.4vw,32px);line-height:1.9}.home-copy .verse-tr{max-width:560px;color:var(--ink-soft);margin:4px 0 0}.home-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.quick-surahs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:4px 0 18px;display:grid}.quick-surah{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:10px;min-width:0;padding:12px;display:flex;overflow:hidden}.quick-surah>span:last-child{flex:auto;min-width:0;display:grid}.quick-surah:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--line))}.quick-surah-num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);font-weight:var(--weight-strong);border-radius:10px;flex:none;place-items:center;display:grid}.quick-surah strong,.quick-surah small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.quick-surah small{color:var(--ink-faint);font-size:12px}.hero{padding:34px 16px 20px}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.surah-card{min-width:0;overflow:hidden}.surah-card .row1,.surah-card .row2{min-width:0}.surah-card .r,.surah-card .m{flex:auto}.surah-card .ar-name{text-overflow:ellipsis;min-width:0;max-width:42%;overflow:hidden}@media (width<=820px){.home-head{text-align:center;padding-top:34px;display:block}.home-actions{justify-content:center;margin-top:20px}.quick-surahs{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-surahs .quick-surah:first-child{grid-column:1/-1}}@media (width<=560px){.home-copy h1{font-size:34px}.home-copy .verse-tr{margin-left:auto;margin-right:auto}.home-actions .btn{min-width:138px}.quick-surahs{grid-template-columns:1fr}.list-tools{margin-top:14px}.surah-card{gap:10px;width:100%;padding:13px 12px}.surah-card .ar-name{max-width:34%;font-size:18px}.surah-card .acts{gap:0}.surah-card .acts a{width:28px}.surah-card .acts a:nth-child(n+2){display:none}.surah-grid{grid-template-columns:1fr}}.list-tools .filter{box-shadow:var(--glass-elev-sm)}.home-copy h1,.hero h1{color:var(--sys-label);font-size:clamp(32px,5.2vw,52px);font-weight:var(--weight-title);line-height:var(--lh-tight);letter-spacing:0}.hero .cta,.home-actions{gap:var(--space-2)}.search-form{grid-template-columns:minmax(260px,1fr) auto auto auto auto;align-items:center;gap:8px;margin:18px 0;display:grid}.search-input-wrap{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:8px;min-width:0;height:46px;padding:0 14px;display:flex}.search-input-wrap .ui-inline-icon{color:var(--ink-faint)}.search-input-wrap input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search-exact{cursor:pointer;user-select:none}.search-exact input{accent-color:var(--accent)}.search-status{color:var(--ink-faint);font-size:var(--fs-14);margin-bottom:12px}.search-empty{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.search-empty h2{margin:0 0 4px;font-size:20px}.search-empty p{margin:0}.example-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.search-example{border:1px solid var(--line);cursor:pointer}.search-results{gap:10px;display:grid}.search-result{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:16px;display:block}.search-result-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-result .translation{display:block}.search-result p{color:var(--sys-secondary-label);font-family:var(--font-reader)}@media (width<=920px){.search-form{grid-template-columns:1fr 1fr}.search-input-wrap{grid-column:1/-1}}@media (width<=560px){.search-form{grid-template-columns:1fr}.search-form .btn{width:fit-content}.search-empty{display:block}.example-row{justify-content:flex-start;margin-top:14px}}.audio-selectors{grid-template-columns:minmax(240px,1fr) minmax(220px,.75fr);gap:10px;margin:18px 0;display:grid}.audio-selectors label span{color:var(--ink-faint);font-size:13px;font-weight:var(--weight-semibold);margin:0 0 6px;display:block}.audio-selectors select{width:100%}.audio-now{z-index:10;top:calc(var(--topbar-h) + 14px);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 12px 28px -24px var(--glass-shadow);align-items:center;gap:14px;padding:16px;display:flex;position:sticky}.audio-now .now{flex:1;min-width:0}.audio-now .t{font-size:18px;font-weight:var(--weight-strong)}.audio-now .s{color:var(--ink-faint);font-size:13px}.audio-controls{align-items:center;gap:6px;display:flex}.audio-main-play{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);border:0;border-radius:50%}.speed{font:var(--weight-strong) 12px/1 var(--sans)}.audio-list{gap:6px;margin-top:14px;display:grid}.audio-row{border-radius:var(--r-md);border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;display:flex}.audio-row:hover,.audio-row.active{border-color:var(--line);background:var(--surface)}.audio-row-text{flex:1;min-width:0}.audio-row-text b,.audio-row-text small{display:block}.audio-row-text small{color:var(--ink-faint)}@media (width<=560px){.audio-selectors{grid-template-columns:1fr}.audio-now{top:calc(var(--topbar-h) + 10px);flex-direction:column;align-items:stretch}.audio-controls{justify-content:space-between}}.stats-grid{gap:var(--space-3);margin:var(--space-3) 0 var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-tile{padding:var(--space-4)}.stat-tile span{color:var(--sys-secondary-label);font-size:var(--text-caption);font-weight:var(--weight-medium);margin-bottom:var(--space-2);display:block}.stat-tile b{color:var(--sys-label);font-size:var(--text-title);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:0}.stat-tile p{color:var(--sys-secondary-label);font-family:var(--font-reader)}.stats-table-wrap{border:1px solid var(--sys-separator);border-radius:var(--radius-lg);background:var(--sys-secondary-grouped-bg);overflow-x:auto}.stats-table{border-collapse:collapse;background:0 0;width:100%;min-width:620px}.stats-table th,.stats-table td{border-bottom:1px solid var(--sys-separator);text-align:left;font-size:var(--text-body-sm);padding:12px 14px}.stats-table th{color:var(--sys-secondary-label);font-weight:var(--weight-semibold)}.stats-table tr:last-child td{border-bottom:0}@media (width<=760px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-table-wrap{border:0;border-radius:0;overflow:visible}.stats-table,.stats-table thead,.stats-table tbody,.stats-table tr,.stats-table td{width:100%;min-width:0;display:block}.stats-table{border-collapse:separate;background:0 0}.stats-table thead{display:none}.stats-table tr{border:1px solid var(--sys-separator);border-radius:var(--radius-lg);background:var(--sys-secondary-grouped-bg);box-shadow:var(--shadow-card);margin-bottom:10px;overflow:hidden}.stats-table td{border-bottom:1px solid var(--sys-separator);text-align:right;font-size:var(--text-body-sm);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 12px;display:flex}.stats-table td:before{content:attr(data-label);color:var(--sys-secondary-label);font-weight:var(--weight-semibold);text-align:left;flex:none}.stats-table td:first-child{text-align:left;font-weight:var(--weight-semibold);flex-direction:column;align-items:flex-start;gap:4px}.stats-table td:first-child:before{letter-spacing:.03em;text-transform:uppercase;font-size:11px}.stats-table td:last-child{border-bottom:0}.stats-table td[colspan]{text-align:left;display:block}.stats-table td[colspan]:before{content:none}}.prog [hidden]{display:none!important}.prog{padding-bottom:90px}.prog-head h1{margin:0 0 6px}.prog-note{color:var(--ink-faint);font-size:var(--fs-13);max-width:640px;margin:0 0 20px}.prog-card{background:var(--panel-bg);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-5);margin-bottom:var(--sp-4)}.card-h{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.card-h h2{font-size:var(--fs-16);font-weight:var(--weight-semibold);letter-spacing:0;margin:0}.mini-btn{border:1px solid var(--hairline);color:var(--accent);border-radius:var(--radius-pill);font:var(--weight-semibold) var(--fs-13) / 1 var(--sans);cursor:pointer;background:0 0;padding:5px 12px}.prog-hero{align-items:center;gap:var(--sp-5);background:var(--panel-bg);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-5);margin-bottom:var(--sp-4);display:flex}.ring-wrap{flex:none;width:132px;height:132px;position:relative}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--seg-track);stroke-width:9px}.ring-fill{fill:none;stroke:var(--accent);stroke-width:9px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .8s cubic-bezier(.32,.72,0,1)}.ring-c{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring-c b{font-size:28px;font-weight:var(--weight-strong);letter-spacing:0}.ring-c span{font-size:var(--fs-12);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.hero-info{flex-direction:column;gap:6px;min-width:0;display:flex}.hero-read{font-size:var(--fs-18)}.hero-read b{font-size:22px;font-weight:var(--weight-strong)}.hero-khatm{color:var(--ink-soft);font-size:var(--fs-14)}.hero-finish{align-self:flex-start;margin-top:8px}.hero-continue{align-self:flex-start;margin-top:2px}.plan-set label{color:var(--ink-soft);font-size:var(--fs-13);margin-bottom:8px;display:block}.plan-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-row input{border:1px solid var(--hairline);border-radius:var(--radius-s);background:var(--seg-thumb);width:84px;height:34px;color:var(--ink);font:var(--weight-semibold) var(--fs-15) / 1 var(--sans);text-align:center;padding:0 10px}.plan-presets{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.plan-presets button{border:1px solid var(--hairline);color:var(--ink-soft);border-radius:var(--radius-pill);font:var(--weight-semibold) var(--fs-13) / 1 var(--sans);cursor:pointer;background:0 0;padding:6px 12px}.plan-view{gap:12px;display:grid}.plan-target{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.plan-target b{font-size:22px;font-weight:var(--weight-strong)}.plan-bar{background:var(--seg-track);border-radius:999px;height:8px;overflow:hidden}.plan-bar>span{background:var(--accent);border-radius:999px;height:100%;transition:width .6s;display:block}.plan-bar.expected{position:relative}.plan-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.plan-fact{background:var(--seg-track);border-radius:var(--radius-md);padding:10px 12px}.plan-fact span{color:var(--ink-faint);font-size:var(--fs-12);margin-bottom:3px;display:block}.plan-fact b{font-size:var(--fs-16);font-weight:var(--weight-semibold)}.plan-fact.ok b{color:var(--good)}.plan-fact.behind b{color:var(--low)}.tiles{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.tile{background:var(--panel-bg);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px 16px}.tile span{color:var(--ink-faint);font-size:var(--fs-12);margin-bottom:6px;display:block}.tile b{font-size:24px;font-weight:var(--weight-strong);letter-spacing:0;font-variant-numeric:tabular-nums}.goal-row{align-items:center;gap:var(--sp-4);display:flex}.goal-ring{flex:none;width:80px;height:80px;position:relative}.goal-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.goal-ring .ring-track{stroke-width:7px}.goal-ring .ring-fill{stroke-width:7px;stroke:var(--good)}.goal-ring b{font-size:20px;font-weight:var(--weight-strong);font-variant-numeric:tabular-nums;place-content:center;display:grid;position:absolute;inset:0}.goal-info{font-size:var(--fs-15)}.goal-set{color:var(--ink-soft);font-size:var(--fs-13);margin-top:8px}.goal-set input{border:1px solid var(--hairline);border-radius:var(--radius-s);background:var(--seg-thumb);width:64px;height:30px;color:var(--ink);text-align:center;font:var(--weight-semibold) var(--fs-14) / 1 var(--sans);padding:0 8px}.cal-wrap{overflow-x:auto}.cal{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;min-width:min-content;display:grid}.cal i{background:var(--cal0);border-radius:3px;width:13px;height:13px}.cal i.l1{background:var(--cal1)}.cal i.l2{background:var(--cal2)}.cal i.l3{background:var(--cal3)}.cal i.l4{background:var(--cal4)}.cal-legend{font-size:var(--fs-12);color:var(--ink-faint);justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;display:flex}.cal-legend .lv{border-radius:3px;width:12px;height:12px}.lv0{background:var(--cal0)}.lv1{background:var(--cal1)}.lv2{background:var(--cal2)}.lv3{background:var(--cal3)}.lv4{background:var(--cal4)}:root{--cal0:color-mix(in srgb, var(--ink) 8%, transparent);--cal1:color-mix(in srgb, var(--accent) 28%, transparent);--cal2:color-mix(in srgb, var(--accent) 50%, transparent);--cal3:color-mix(in srgb, var(--accent) 74%, transparent);--cal4:var(--accent)}.map-legend{font-size:var(--fs-12);color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin-bottom:12px;display:flex}.map-legend span{align-items:center;gap:6px;display:inline-flex}.map-legend .sw{border-radius:3px;width:12px;height:12px}.sw0{background:var(--cal0)}.sw1{background:var(--cal2)}.sw2{background:var(--accent)}.map{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.map a{aspect-ratio:1;border-radius:var(--radius-s);font:var(--weight-semibold) var(--fs-13) / 1 var(--sans);color:var(--ink-soft);background:var(--cal0);font-variant-numeric:tabular-nums;place-content:center;text-decoration:none;display:grid;position:relative}.map a.p{background:var(--cal2);color:var(--ink)}.map a.f{background:var(--accent);color:var(--accent-ink)}.map a:after{content:attr(data-nm);background:var(--panel-2,#222);color:var(--ink);border:1px solid var(--hairline);font:var(--weight-medium) var(--fs-12) / 1.2 var(--sans);white-space:nowrap;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;z-index:5;border-radius:8px;padding:4px 8px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.map a:hover:after{opacity:1}@media (hover:none),(width<=760px){.map a:after{display:none}}.juz{gap:8px;display:grid}.juz-row{grid-template-columns:54px 1fr 44px;align-items:center;gap:10px;display:grid}.juz-row .jn{font-size:var(--fs-13);color:var(--ink-soft);font-weight:var(--weight-semibold)}.juz-bar{background:var(--seg-track);border-radius:999px;height:9px;overflow:hidden}.juz-bar>span{background:var(--accent);border-radius:999px;height:100%;display:block}.juz-row .jp{text-align:right;font-size:var(--fs-12);color:var(--ink-faint);font-variant-numeric:tabular-nums}@media (width<=560px){.prog-hero{text-align:center;flex-direction:column}.hero-info{align-items:center}.hero-finish,.hero-continue{align-self:center}}.backup{max-width:640px;padding-bottom:90px}.backup h1{margin:0 0 6px}.backup>header p{color:var(--ink-faint);font-size:var(--fs-13);margin:0 0 18px;line-height:1.5}.bk-card{margin-bottom:14px}.bk-card h2{font-size:var(--fs-16);font-weight:var(--weight-semibold);margin:0 0 8px}.bk-card p{color:var(--ink-soft);font-size:var(--fs-14);margin:0 0 12px}.bk-card code{background:var(--seg-track);font-size:var(--fs-13);border-radius:5px;padding:1px 6px}.bk-list{color:var(--ink-soft);font-size:var(--fs-14);margin:0;padding-left:18px;line-height:1.7}.bk-import{cursor:pointer}.bk-msg{font-size:var(--fs-13);color:var(--good);margin-left:10px;display:inline-block}.bk-msg.err{color:var(--low)}.gloss{max-width:720px;padding-bottom:90px}.gl-head h1{margin:0 0 6px}.gl-head p{color:var(--ink-faint);font-size:var(--fs-13);margin:0 0 14px}.gl-head input{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--seg-thumb);width:100%;height:40px;color:var(--ink);font:var(--weight-medium) 16px / 1 var(--sans);padding:0 14px}.gl-list{gap:10px;margin-top:18px;display:grid}.gl-term{padding:14px 16px}.gl-t{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.gl-t b{font-size:var(--fs-16);font-weight:var(--weight-semibold)}.gl-ar{font-family:var(--ar-font), serif;color:var(--ink-faint);font-size:var(--fs-16)}.gl-term p{color:var(--ink-soft);font-size:var(--fs-14);margin:0;line-height:1.55}.gl-empty{text-align:center;color:var(--ink-faint);margin-top:24px}.topics{max-width:880px;padding-bottom:90px}.tp-head h1{margin:0 0 6px}.tp-head p{color:var(--ink-faint);font-size:var(--fs-13);margin:0 0 18px}.tp-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tp-card{padding:16px 18px}.tp-card h2{font-size:var(--fs-16);font-weight:var(--weight-semibold);letter-spacing:0;margin:0 0 3px}.tp-card p{color:var(--ink-faint);font-size:var(--fs-13);margin:0 0 12px}.tp-ayahs{flex-wrap:wrap;gap:6px;display:flex}.tp-ayahs a{border:1px solid var(--hairline);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);border-radius:var(--radius-s);font:var(--weight-semibold) var(--fs-13) / 1 var(--sans);font-variant-numeric:tabular-nums;padding:5px 11px;text-decoration:none}.tp-ayahs a:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.bmp{max-width:760px;padding-bottom:90px}.bmp-head h1{margin:0 0 6px}.bmp-head>p{color:var(--ink-faint);font-size:var(--fs-13);margin:0 0 14px}.bmp-new{gap:8px;margin-bottom:22px;display:flex}.bmp-new input{border:1px solid var(--sys-separator);border-radius:var(--radius-md);background:var(--sys-fill);height:38px;color:var(--sys-label);font:var(--weight-medium) 16px / 1 var(--font-ui);flex:1;padding:0 12px}.bmp-col{margin-bottom:20px}.bmp-col-h{align-items:center;gap:10px;margin:0 2px 8px;display:flex}.bmp-col-h h2{font-size:var(--fs-15);font-weight:var(--weight-semibold);margin:0}.bmp-col-h .cnt{color:var(--ink-faint);font-size:var(--fs-13);font-variant-numeric:tabular-nums}.bmp-col-h .del{min-height:28px;color:var(--low);font-size:var(--fs-12);margin-left:auto;padding:0 8px}.bmp-items{gap:8px;display:grid}.bmp-item{align-items:center;gap:10px;padding:10px 12px;display:flex}.bmp-item .ref{min-width:52px;color:var(--accent);font:var(--weight-strong) var(--fs-14) / 1 var(--font-ui);font-variant-numeric:tabular-nums;flex:none;text-decoration:none}.bmp-item .nm{min-width:0;color:var(--sys-label);font-size:var(--fs-14);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bmp-item select{border:1px solid var(--sys-separator);border-radius:var(--radius-s);background:var(--sys-fill);min-width:0;max-width:140px;height:30px;color:var(--sys-label);font:var(--weight-medium) var(--fs-13) / 1 var(--font-ui);flex:0 auto;padding:0 6px}.bmp-item .rm{width:30px;height:30px;color:var(--ink-faint);background:0 0;border-color:#0000;flex:none;font-size:16px;line-height:1}.bmp-empty{color:var(--ink-faint);text-align:center;padding:30px 0}.bmp-empty.is-compact{padding:10px}@media (width<=640px){.bmp-new{flex-direction:column}.bmp-new .ui-button{width:100%}.bmp-item{flex-wrap:wrap;align-items:flex-start}.bmp-item .nm{flex-basis:calc(100% - 72px)}.bmp-item select{flex-basis:calc(100% - 40px);max-width:none}}.tasbih{text-align:center;max-width:520px;padding-bottom:90px}.tb-head h1{margin:0 0 6px}.tb-head p{color:var(--ink-faint);font-size:var(--fs-13);margin:0 0 18px}.tb-dhikr{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:22px;display:flex}.tb-dhikr .tb-dhikr-btn{border-color:var(--sys-separator);border-radius:var(--radius-pill);min-height:32px;color:var(--ink-soft);font-size:var(--fs-13);font-weight:var(--weight-semibold)}.tb-dhikr .tb-dhikr-btn.on{border-color:var(--sys-accent);background:var(--sys-accent);color:var(--sys-accent-contrast)}.tb-count{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:inline-block}.tb-count:active{transform:scale(.97)}.tb-ring{place-items:center;width:min(74vw,300px);height:min(74vw,300px);display:inline-grid;position:relative}.tb-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.tb-track{fill:none;stroke:var(--seg-track);stroke-width:10px}.tb-fill{fill:none;stroke:var(--sys-accent);stroke-width:10px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .25s}.tb-num{font-size:clamp(56px,18vw,84px);font-weight:var(--weight-strong);letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1}.tb-of{color:var(--ink-faint);font-size:var(--fs-14);margin-top:6px}.tb-targets{justify-content:center;gap:4px;margin:22px 0 18px;display:inline-flex}.tb-targets button{min-width:56px;height:34px;font-size:var(--fs-16)}.tb-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.tb-stats .ui-stat-tile{text-align:center;padding:12px 18px}.tb-stats .ui-stat-tile b{font-size:22px}.tb-count.done .tb-fill{stroke:var(--good)}@media (width<=520px){.tb-stats{grid-template-columns:1fr}}.btn{min-height:var(--control-h);cursor:pointer;white-space:nowrap;appearance:none;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn.ghost{box-shadow:none;backdrop-filter:none;background:0 0;border-color:#0000}.icon-btn{width:var(--control-h);height:var(--control-h);cursor:pointer;appearance:none;place-items:center;padding:0;display:inline-grid;position:relative}.icon-btn svg{display:block}.ui-inline-icon,.ui-inline-icon svg{width:18px;height:18px}.ui-inline-icon-sm,.ui-inline-icon-sm svg{width:16px;height:16px}.ui-inline-icon-xs,.ui-inline-icon-xs svg{width:14px;height:14px}.ui-toolbar{align-items:center;gap:var(--space-2);display:flex}.ui-reader-card{border:1px solid var(--sys-separator);border-radius:var(--radius-lg);background:var(--sys-secondary-grouped-bg);box-shadow:none}.menu-wrap{position:relative}.menu{z-index:60;min-width:244px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0}.menu.open{animation:.16s cubic-bezier(.32,.72,0,1) pop;display:block}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.menu h4{margin:10px 8px 6px}.menu .row{border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.menu button.item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.menu button.item .tick{opacity:0;margin-left:auto}.menu button.item.on .tick{opacity:1}.menu-empty{color:var(--ink-faint);font-size:var(--fs-13);padding:10px}.menu-empty-note{color:var(--ink-faint);font-size:var(--fs-12)}.seg{gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;padding:7px 12px}.chip{border-radius:999px;align-items:center;gap:6px;padding:6px 13px;display:inline-flex}.chip.mecca{color:#b4791f}.chip.medina{color:var(--accent)}:root[data-theme=dark] .chip.mecca{color:#e0ad51}select.sel{height:var(--control-h);cursor:pointer;appearance:none;padding:0 34px 0 14px}input[type=range]{width:100%;accent-color:var(--accent)}button,input,select,textarea{font:inherit}.btn,.icon-btn,.quick input,select.sel,.mushaf-nav-sel,.mushaf-jump input,.reciter-filter,.drawer .dh input,.list-tools .filter,.ui-button,.ui-icon-button{font-family:var(--font-ui);letter-spacing:0}.btn,.icon-btn,.ui-button,.ui-icon-button{border:1px solid var(--sys-separator);background:var(--sys-fill);color:var(--sys-secondary-label);box-shadow:none;transition:background .14s,color .14s,border-color .14s,transform 80ms}.btn,.ui-button{min-height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-callout);font-weight:var(--weight-strong);line-height:1}.btn.primary,.ui-button.is-primary{background:var(--sys-accent);color:var(--sys-accent-contrast);border-color:#0000}.icon-btn,.ui-icon-button{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);place-items:center;padding:0;display:inline-grid}.icon-btn svg,.ui-icon-button svg{stroke-width:1.9px;width:19px;height:19px}.icon-btn:hover,.btn:hover,.ui-button:hover,.ui-icon-button:hover{background:var(--sys-fill-strong);color:var(--sys-label);filter:none;transform:none}.icon-btn.on,.ui-icon-button.is-selected{border-color:color-mix(in srgb, var(--sys-accent) 18%, var(--sys-separator));background:color-mix(in srgb, var(--sys-accent) 12%, var(--sys-fill));color:var(--sys-label)}.icon-btn:active,.btn:active,.ui-button:active,.ui-icon-button:active{transform:scale(.985)}.btn.disabled,.icon-btn.disabled,.ui-button:disabled,.ui-icon-button:disabled,button:disabled{opacity:.42;pointer-events:none;box-shadow:none}.quick input,.drawer .dh input,.list-tools .filter,.reciter-filter,select.sel,.mushaf-nav-sel{border:1px solid var(--sys-separator);background:var(--sys-fill);color:var(--sys-label);box-shadow:inset 0 1px 1px color-mix(in srgb, var(--sys-label) 5%, transparent)}select.sel,select.mushaf-nav-sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238a90a0' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:32px}body[data-page-mode=mushaf] select.mushaf-nav-sel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238a90a0' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:11px 11px;padding-right:28px}.quick input{height:var(--control-h);border-radius:var(--radius-md);font-size:var(--text-body-sm)}.quick-submit{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-md);font-size:17px}.menu,.ui-popover{border:1px solid var(--sys-separator);background:var(--sys-material-strong);backdrop-filter:var(--material-blur);box-shadow:var(--shadow-popover);border-radius:12px}.menu h4,.settings-section-head span,.settings-field>span,.drawer .dgroup-title,.ui-section-title{color:var(--sys-tertiary-label);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.055em;text-transform:uppercase}.menu button.item,.settings-choice,.settings-row,.ui-list-row{color:var(--sys-label);font-weight:var(--weight-medium)}.menu button.item:hover,.menu[data-menu=settings] .settings-row:hover,.menu[data-menu=settings] .settings-choice:hover,.ui-list-row:hover{background:var(--sys-fill)}.menu button.item.on,.menu[data-menu=settings] .settings-choice.on,.ui-list-row.is-selected{background:var(--sys-fill-strong);color:var(--sys-label);box-shadow:none}.settings-panel-head{border-bottom-color:var(--sys-separator)}.settings-panel-head strong{color:var(--sys-label);font-size:var(--text-body-lg);font-weight:var(--weight-semibold)}.settings-panel-head span,.settings-section-head small{color:var(--sys-tertiary-label);font-weight:var(--weight-medium)}.settings-group,.settings-choice-list,.settings-field,.ui-group,.ui-inspector-section{border:1px solid var(--sys-separator);border-radius:var(--radius-md);background:var(--sys-secondary-grouped-bg);box-shadow:none}.seg,.menu .seg,.ui-segmented{border:1px solid var(--sys-separator);background:var(--sys-fill);box-shadow:none;border-radius:9px}.seg button,.menu .seg button,.ui-segmented button{color:var(--sys-secondary-label);font-weight:var(--weight-semibold)}.seg button.on,.menu .seg button.on,.ui-segmented button[aria-selected=true]{background:var(--seg-thumb);color:var(--sys-label);box-shadow:0 1px 1px color-mix(in srgb, var(--sys-label) 10%, transparent)}.switch{background:var(--sys-fill-strong);border:0;width:42px;height:26px}.switch:after{background:var(--knob);width:22px;height:22px;top:2px;left:2px}.switch.on{background:var(--sys-green)}.chip,.ayah-no,.ui-chip{border:1px solid var(--sys-separator);background:var(--sys-fill);color:var(--sys-secondary-label);box-shadow:none;font-weight:var(--weight-strong)}.surah-card,.quick-surah,.search-result,.stat-tile,.audio-now,.ui-card{border:1px solid var(--sys-separator);border-radius:var(--radius-md);background:var(--sys-secondary-grouped-bg);box-shadow:var(--shadow-card)}.surah-card{padding:13px 14px}.surah-card .num{background:var(--sys-fill);width:34px;height:34px;color:var(--sys-secondary-label);box-shadow:none;font-weight:var(--weight-semibold);border:0;border-radius:9px;transform:none}.surah-card .num span{transform:none}.surah-card .r{font-size:var(--text-body);font-weight:var(--weight-semibold)}.surah-card .m,.surah-card .ar-name{color:var(--sys-tertiary-label)}.ui-page{gap:var(--space-5);display:grid}.ui-page-narrow{max-width:760px}.ui-page-header{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.ui-page-kicker,.eyebrow{color:var(--sys-tertiary-label);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase}.ui-page-title{color:var(--sys-label);font-size:clamp(27px,3.4vw,38px);font-weight:var(--weight-title);line-height:var(--lh-tight);letter-spacing:0;margin:0}.ui-page-subtitle{max-width:62ch;color:var(--sys-secondary-label);font-size:var(--text-body-lg);line-height:var(--lh-body);margin:0}.ui-card-padded{padding:var(--space-5)}.ui-section{gap:var(--space-3);display:grid}.ui-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:30px;display:flex}.ui-section-header>div{min-width:0}.ui-section-title{color:var(--sys-label);font-size:var(--text-title-sm);font-weight:var(--weight-semibold);letter-spacing:0;text-transform:none;margin:0}.ui-section-description{max-width:62ch;margin:var(--space-1) 0 0;color:var(--sys-secondary-label);font-size:var(--text-body-sm);line-height:var(--lh-body)}.ui-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-toolbar>*{min-width:0}.ui-inset-list{border:1px solid var(--sys-separator);border-radius:var(--radius-lg);background:var(--sys-secondary-grouped-bg);overflow:hidden}.ui-inset-list>*+*{border-top:1px solid var(--sys-separator)}.ui-empty{padding:var(--space-6);border:1px solid var(--sys-separator);border-radius:var(--radius-lg);background:var(--sys-secondary-grouped-bg);color:var(--sys-secondary-label)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.icon-btn:focus-visible,.btn:focus-visible,.ayah-acts button:focus-visible,.ayah-acts a:focus-visible,.toolbar-context [href]:focus-visible,.dgroup a:focus-visible,.drawer .dgroup a:focus-visible,.drawer .dfoot a:focus-visible,.mushaf-nav-sel:focus-visible,.reciter-filter:focus-visible,.ayah-note textarea:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--sys-accent) 16%, transparent)!important;outline:0!important}.quick input:focus,.drawer .dh input:focus,.list-tools .filter:focus{border-color:color-mix(in srgb, var(--sys-label) 22%, var(--sys-separator))!important;background:color-mix(in srgb, var(--sys-secondary-grouped-bg) 82%, transparent)!important;box-shadow:inset 0 1px 1px color-mix(in srgb, var(--sys-label) 5%, transparent), 0 0 0 2px color-mix(in srgb, var(--sys-accent) 10%, transparent)!important;outline:0!important}@media (width<=820px){.btn,.ui-button{min-height:var(--touch-h);font-size:var(--text-body);border-radius:14px}.icon-btn,.ui-icon-button{width:var(--touch-h);height:var(--touch-h);border-radius:15px}.settings-group,.settings-choice-list,.settings-field,.ui-group,.ui-inspector-section{border-radius:var(--radius-lg)}}.ie-overlay{z-index:100;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--sys-bg) 38%, #00000094);backdrop-filter:saturate(150%)blur(18px);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.ie-overlay.show{animation:.18s ieFade;display:flex}@keyframes ieFade{0%{opacity:0}to{opacity:1}}.ie-modal{width:min(980px,100%);max-height:min(760px, calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:1px solid var(--sys-separator);border-radius:var(--radius-xl);background:var(--sys-grouped-bg);box-shadow:var(--shadow-popover);grid-template-columns:minmax(0,1fr) 360px;display:grid;position:relative;overflow:hidden}.ie-close{z-index:3;border:1px solid var(--sys-separator);background:var(--sys-fill);width:36px;height:36px;color:var(--sys-secondary-label);cursor:pointer;font-size:var(--fs-14);border-radius:50%;position:absolute;top:12px;right:12px}.ie-preview{background:repeating-conic-gradient(color-mix(in srgb, var(--sys-label) 5%, transparent) 0% 25%, transparent 0% 50%) 50% / 24px 24px, var(--sys-secondary-grouped-bg);place-items:center;min-width:0;padding:24px;display:grid}.ie-preview canvas{border-radius:var(--radius-md);width:auto;max-width:100%;height:auto;max-height:62vh;box-shadow:var(--shadow-card)}.ie-panel{border-left:1px solid var(--sys-separator);background:var(--sys-secondary-grouped-bg);flex-direction:column;min-width:0;min-height:0;display:flex}.ie-controls{overscroll-behavior:contain;flex:1;padding:18px 18px 8px;overflow-y:auto}.ie-section{margin-bottom:15px}.ie-section h5{color:var(--sys-tertiary-label);font:var(--weight-strong) var(--text-xs) / 1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}.ie-row{flex-wrap:wrap;gap:6px;display:flex}.ie-chip{border-color:var(--sys-separator);border-radius:var(--radius-pill);background:var(--sys-fill);min-height:32px;color:var(--sys-secondary-label);font-size:var(--fs-13);padding:0 12px}.ie-chip.on{background:var(--sys-accent);color:var(--sys-accent-contrast);border-color:#0000}.ie-bgs{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.ie-bg{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;box-shadow:inset 0 0 0 1px #00000024}.ie-bg.on{border-color:var(--sys-accent);box-shadow:0 0 0 2px var(--sys-accent)}.ie-foot{border-top:1px solid var(--sys-separator);background:color-mix(in srgb, var(--sys-secondary-grouped-bg) 92%, transparent);flex:none}.ie-actions{gap:8px;padding:14px 18px;display:flex}.ie-actions .btn,.ie-actions .ui-button{flex:1}.ie-hint{color:var(--sys-tertiary-label);font:var(--weight-medium) var(--fs-12) / 1.4 var(--font-ui);text-align:center;padding:0 18px 14px}.ie-hint b{color:var(--sys-label);font-weight:var(--weight-semibold);white-space:nowrap}.ie-toast{z-index:5;border-radius:var(--radius-md);background:color-mix(in srgb, var(--sys-label) 92%, transparent);max-width:82%;color:var(--sys-bg);box-shadow:var(--shadow-popover);font:var(--weight-semibold) var(--fs-13) / 1.35 var(--font-ui);text-align:center;opacity:0;pointer-events:none;padding:10px 16px;transition:opacity .2s,transform .2s;position:absolute;bottom:84px;left:50%;transform:translate(-50%,10px)}.ie-toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.ie-overlay{padding:env(safe-area-inset-top) 0 0;align-items:flex-end}.ie-modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;border-bottom:0;border-left:0;border-right:0;grid-template-columns:1fr}.ie-close{width:44px;height:44px}.ie-preview{min-height:260px;padding:14px}.ie-preview canvas{max-height:36vh}.ie-panel{border-top:1px solid var(--sys-separator);border-left:0}.ie-controls{max-height:38vh;padding-bottom:12px}.ie-chip{min-height:36px}.ie-bgs{grid-template-columns:repeat(7,minmax(34px,1fr))}.ie-actions{padding-bottom:max(14px, env(safe-area-inset-bottom))}}html{background:var(--sys-bg)}body{background:var(--sys-bg);color:var(--sys-label);font-family:var(--font-ui);letter-spacing:0;font-size:16px}body:before,body:after{display:none}main[role=main]{min-width:0}.container,main:not(.wide){max-width:var(--content-max)}main[role=main]:not(.wide){width:min(100%, var(--content-max));margin-inline:auto}main[role=main]:not(.wide)>.container{width:100%;max-width:100%}.topbar{background:0 0;padding:0}.topbar-inner{width:100%;max-width:none;min-height:var(--toolbar-h);border:0;border-bottom:1px solid var(--sys-separator);background:var(--sys-toolbar);backdrop-filter:var(--material-blur);box-shadow:none;border-radius:0;gap:10px;margin:0;padding:0 14px}.topbar-inner:before{display:none}.brand{background:0 0;border-radius:10px;gap:9px;padding:0}.brand-mark,.brand-mark img{width:34px;height:34px}.toolbar-context{flex:0 auto;gap:1px;min-width:0;line-height:1.08;display:grid}.brand .brand-name,.toolbar-context .tc-t{color:var(--sys-label);font-size:13.5px;font-weight:var(--weight-semibold);letter-spacing:0}.brand-domain,.toolbar-context .tc-s{color:var(--sys-tertiary-label);font-size:11.5px;font-weight:var(--weight-medium);letter-spacing:0}.quick{max-width:300px}.drawer{background:var(--sys-sidebar);backdrop-filter:var(--material-blur);border-color:var(--sys-separator);box-shadow:none}.drawer[role=navigation]{outline:none}.drawer .dh{border-bottom-color:var(--sys-separator)}.drawer .dh input{border-color:var(--sys-separator);background:var(--sys-fill);color:var(--sys-label)}.drawer .dgroup a,.drawer .dfoot a,.drawer .dlist a{border-radius:var(--radius-sm);color:var(--sys-label);font-weight:var(--weight-medium)}.drawer .dgroup a:hover,.drawer .dfoot a:hover,.drawer .dlist a:hover{background:var(--sys-fill)}.drawer .dlist a.on,.drawer .dgroup a.on,.drawer .dfoot a.on,.dtabs button.on{background:var(--sys-fill-strong)!important;color:var(--sys-label)!important}.drawer .dlist a.on:before{background:var(--sys-accent)}.drawer-progress{border-bottom-color:var(--sys-separator)}.drawer-progress .prog-bar{background:var(--sys-fill);height:5px;box-shadow:none}.drawer-progress .prog-bar>span{background:var(--sys-accent)}.footer{border-top:1px solid var(--sys-separator);background:color-mix(in srgb, var(--sys-bg) 92%, transparent)}.player{z-index:57}.player-inner{border-color:var(--sys-separator);border-radius:var(--radius-xl);background:var(--sys-material-strong);max-width:760px;backdrop-filter:var(--material-blur);box-shadow:var(--shadow-popover)}.player-inner:before{display:none}.player .play{background:var(--sys-accent);color:var(--sys-accent-contrast);box-shadow:none}.player .now .t{font-weight:var(--weight-semibold)}.player .now .s{color:var(--sys-tertiary-label)}.mobile-tabbar{display:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,.icon-btn:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}.btn:active,.icon-btn:active,.seg button:active,.tafsir-toggle:active,.chip:active{transform:scale(.96)}.ayah-no,.drawer .dlist .n,.chip{font-variant-numeric:tabular-nums}.switch{background:var(--seg-track);border:1px solid var(--seg-thumb-bd);cursor:pointer;width:40px;height:24px;transition:background var(--ease);border-radius:999px;flex:none;display:inline-block;position:relative}.switch:after{content:"";background:var(--knob);width:18px;height:18px;transition:transform var(--ease);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch.on{background:var(--accent);border-color:#0000}.switch.on:after{transform:translate(16px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-transparency:reduce){.topbar-inner,.menu,.drawer,.player-inner,.ie-modal{backdrop-filter:none!important;background:var(--panel-bg)!important}}@media (width>=1120px){html[data-sidebar=open] body{padding-left:var(--sidebar-w)}body.settings-panel-open{padding-right:var(--inspector-w)}@media (width<=1879px){html[data-sidebar=open] body.settings-panel-open{padding-left:0}body.settings-panel-open .drawer{transform:translateX(calc(-1 * var(--sidebar-w) - 1px));visibility:hidden}}html[data-sidebar=open] .drawer{transform:translate(0)}html[data-sidebar=closed] .drawer{transform:translateX(calc(-1 * var(--sidebar-w) - 1px))}.drawer{width:var(--sidebar-w);background:var(--sys-sidebar);top:0;bottom:0;left:0}.drawer .dh{padding:10px 12px}.drawer .dh input{height:var(--control-h-compact);border-radius:var(--radius-sm);font-size:var(--text-callout)}.drawer .dgroup{padding:8px 12px 2px}.drawer .dgroup a,.drawer .dfoot a,.drawer .dlist a{min-height:var(--control-h-compact);padding:6px 8px;font-size:13.5px}.drawer .dlist .n{width:24px}.drawer .dlist .nm{font-size:13.5px}.topbar-inner{min-height:var(--toolbar-h);padding-inline:16px}.topbar-inner .brand-mark,.topbar-inner .brand-mark img{width:32px;height:32px}.topbar-inner .quick input,.topbar-inner .quick-submit,.topbar-inner .btn,.topbar-inner .icon-btn{height:var(--control-h-compact)}.topbar-inner .icon-btn,.topbar-inner .quick-submit{width:var(--control-h-compact)}.topbar-inner{min-width:0}.quick{flex:0 320px;min-width:180px}.topbar-inner .reader-tool .btn{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}.menu[data-menu=settings]{width:var(--inspector-w);background:var(--sys-grouped-bg);max-height:none;box-shadow:none;border-top:0;border-bottom:0;border-right:0;border-radius:0;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%)}.menu[data-menu=settings].open{transform:translate(0)}.menu[data-menu=settings] .settings-panel-head{z-index:1;background:var(--sys-material-strong);border-bottom-color:var(--sys-separator);position:sticky;top:0}.menu[data-menu=settings] .settings-panel-body{overscroll-behavior:contain;gap:18px;height:calc(100dvh - 66px);padding:14px 16px 22px;overflow:auto}.settings-panel-backdrop{display:none!important}main:not(.wide),.container{max-width:var(--content-max)}.player-inner{border-radius:var(--radius-md);box-shadow:var(--shadow-popover)}@media (width<=1380px){.brand-copy,.topbar-inner .desktop-comfort{display:none}}}@media (width>=821px) and (width<=1119px){.topbar-inner{min-height:var(--toolbar-h)}.drawer{width:min(420px,86vw)}}@media (width<=820px){body{background:var(--sys-grouped-bg);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}body.drawer-open,body.settings-panel-open,body.mushaf-sheet-open,body.image-editor-open{touch-action:none}body[data-page-mode=mushaf]{padding-bottom:0}.topbar{padding:max(8px, env(safe-area-inset-top)) 8px 0}.topbar-inner{border:1px solid var(--sys-separator);border-radius:var(--radius-xl);background:var(--sys-material-strong);gap:6px;min-height:52px;padding:6px;box-shadow:0 10px 28px -24px #00000052}.topbar-inner .brand,.topbar-title,.toolbar-context{display:none!important}.topbar-inner .only-mobile{display:inline-grid}.topbar-inner>a.icon-btn[aria-label=Поиск],.topbar-inner>a.icon-btn[aria-label=Мусхаф],.theme-toggle,.topbar-inner>.menu-wrap:not(.settings-menu-wrap){display:none!important}.quick{flex:auto;min-width:0;max-width:none}.quick input{border-radius:14px;height:42px;padding-inline:14px;font-size:16px}.quick-submit,.topbar-inner .icon-btn{width:var(--touch-h);height:var(--touch-h);border-radius:15px}.mobile-tabbar{z-index:56;min-height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:7px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--sys-separator);background:var(--sys-material-strong);backdrop-filter:var(--material-blur);grid-template-columns:repeat(5,minmax(0,1fr));transition:transform .22s;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar a,.mobile-tabbar button{min-width:0;color:var(--sys-tertiary-label);font:var(--weight-strong) 10.5px / 1 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;gap:2px;text-decoration:none;display:grid}.mobile-tabbar span,.mobile-tabbar svg{width:22px;height:22px}.mobile-tabbar b{max-width:100%;font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-tabbar .active{color:var(--sys-accent);background:color-mix(in srgb, var(--sys-accent) 10%, transparent)}body[data-page-mode=mushaf] .mobile-tabbar,body.player-open .mobile-tabbar,.player.show+.mobile-tabbar{transform:translateY(110%)}.drawer-backdrop{z-index:80;backdrop-filter:blur(7px);background:#00000047}.drawer{z-index:81;width:min(100%,440px);max-height:min(88dvh, calc(100dvh - max(16px, env(safe-area-inset-top))));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--sys-secondary-grouped-bg);box-shadow:var(--shadow-sheet);inset:auto 0 0}.drawer:before{background:var(--sys-quaternary-label)}.drawer .dh{padding:10px 14px 12px}.drawer .dh input{height:var(--touch-h);border-radius:14px;font-size:16px}.drawer .dscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:calc(88dvh - 122px);padding-bottom:16px;overflow-y:auto}.drawer .dgroup a,.drawer .dlist a,.drawer .dfoot a{min-height:var(--touch-h);border-radius:12px;font-size:16px}.menu[data-menu=settings]{z-index:82;max-height:min(88dvh, calc(100dvh - max(16px, env(safe-area-inset-top))));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--sys-secondary-grouped-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:fixed;inset:auto 0 0;overflow:hidden auto;transform:translateY(105%)}.menu[data-menu=settings].open{transform:translateY(0)}.menu[data-menu=settings] .settings-panel-head{background:var(--sys-material-strong);padding:16px 18px 13px}.menu[data-menu=settings] .settings-panel-body{max-height:none;padding:14px 16px calc(22px + env(safe-area-inset-bottom));gap:18px;overflow:visible}.menu[data-menu=settings] .settings-row,.menu[data-menu=settings] .settings-choice{min-height:var(--touch-h-comfort);font-size:16px}.settings-sliders .settings-field{grid-template-columns:86px minmax(0,1fr);min-height:52px}.player{padding-inline:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:58;bottom:1px}.player-inner{background:var(--sys-material-strong);border-radius:22px;grid-template-columns:minmax(0,1fr) auto minmax(70px,auto);padding:10px 12px;display:grid}.player .play{width:54px;height:54px}.player .ctrls .icon-btn{width:42px;height:42px}.player .extra .desktop-only{display:none!important}.footer{padding-bottom:calc(var(--tabbar-h) + 28px + env(safe-area-inset-bottom))}.container.page,.container{padding-inline:16px}}@media (width<=420px){.topbar{padding-inline:6px}.quick input{padding-inline:11px}.topbar-inner .icon-btn,.quick-submit{width:42px;height:42px}.mobile-tabbar{padding-inline:6px}.mobile-tabbar b{font-size:10px}.player-inner{grid-template-columns:minmax(0,1fr) auto}.player .extra{display:none}}@media (prefers-reduced-motion:no-preference){.settings-panel-backdrop,.menu[data-menu=settings],.drawer,.mobile-tabbar{transition:opacity .22s,transform .22s}}@media (prefers-reduced-motion:reduce){*{transition-duration:.05ms!important;animation-duration:.001ms!important}}.surah-head{text-align:center;padding:36px 16px 10px}.surah-head .kicker{color:var(--ink-faint);letter-spacing:.04em;font-size:13px}.surah-head h1{margin:8px 0 4px;font-size:clamp(28px,5.5vw,40px)}.surah-head .ar{font-family:var(--ar-font), "AmiriQuran", serif;color:var(--accent);direction:rtl;margin:6px 0;font-size:32px}.surah-head .meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.surah-desc{isolation:isolate;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);color:var(--ink-soft);box-shadow:var(--glass-elev-sm);margin:16px 0;padding:16px 18px;font-size:15px;position:relative}.surah-desc:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 42%);position:absolute;inset:0}.bism{text-align:center;font-family:var(--ar-font), "AmiriQuran", serif;color:var(--ink);direction:rtl;padding:20px 0 8px;font-size:28px}.juz-sep{color:var(--accent);font:var(--weight-semibold) var(--fs-13) / 1 var(--sans);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 4px 6px;display:flex}.juz-sep:before,.juz-sep:after{content:"";background:var(--hairline);flex:1;height:1px}.page-sep{text-align:right;font-size:var(--fs-11);color:var(--ink-faint);font-variant-numeric:tabular-nums;margin:6px 4px -4px}.ayahs{isolation:isolate;background:var(--glass-bg-strong);border:1px solid var(--glass-border);min-width:0;max-width:100%;box-shadow:var(--glass-elev);border-radius:26px;margin:6px 0 130px;padding:8px 20px;position:relative}.ayahs:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg, var(--glass-gloss) 0%, transparent 100%);height:160px;position:absolute;top:0;left:0;right:0}.ayah{border-bottom:1px solid var(--line);min-width:0;max-width:100%;scroll-margin-top:calc(var(--topbar-h) + 24px);content-visibility:auto;contain-intrinsic-size:auto 640px;border-radius:16px;padding:22px 4px 20px;transition:background .3s}.ayah:last-child{border-bottom:0}.ayah.active{background:color-mix(in srgb, var(--accent-soft) 90%, transparent);box-shadow:inset 3px 0 0 var(--accent), inset 0 1px 0 var(--glass-spec);padding-left:14px;padding-right:14px}.ayah-top{align-items:center;gap:8px;margin-bottom:14px;display:flex}.ayah-no{font:var(--weight-strong) 13px/1 var(--sans);color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;transition:filter .15s,transform .12s;display:inline-flex}.ayah-no:hover{filter:brightness(1.08);transform:translateY(-1px)}.ayah-acts{gap:2px;margin-left:auto;display:flex}.ayah-acts button,.ayah-acts a{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;transition:background .15s,color .15s;display:grid}.ayah-acts button:hover,.ayah-acts a:hover{background:var(--glass-bg);color:var(--accent)}.ayah-acts button.on{background:var(--accent-soft);color:var(--accent)}.ayah-acts svg{width:18px;height:18px}.ar{font-family:var(--ar-font), "AmiriQuran", "NaskhAr", serif;text-align:right;font-size:var(--ar-size);line-height:var(--lh);color:var(--ink);direction:rtl}.translit{color:var(--ink-faint);font-style:italic;font-size:calc(var(--ru-size) - 2px);margin-top:12px;line-height:1.6}.translation{min-width:0;max-width:100%;font-size:var(--ru-size);color:var(--ink-soft);overflow-wrap:anywhere;word-break:break-word;margin-top:12px;line-height:1.72}.tafsir{min-width:0;max-width:100%;font-size:var(--ru-size);color:var(--ink-soft);white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;margin-top:14px;line-height:1.78}.tafsir-passage{background:color-mix(in srgb, var(--accent-soft) 55%, transparent);border:1px solid var(--line);border-radius:16px;min-width:0;max-width:100%;margin:6px 0;padding:16px 16px 18px}.tafsir-label{font:var(--weight-semibold) 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;display:inline-block}.tafsir-details{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 45%, transparent);border-radius:16px;margin-top:12px;overflow:hidden}.tafsir-details>summary{cursor:pointer;font:var(--weight-semibold) 11px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);user-select:none;padding:12px 16px;list-style:none}.tafsir-details>summary::-webkit-details-marker{display:none}.tafsir-details>summary:before{content:"▸  "}.tafsir-details[open]>summary:before{content:"▾  "}.tafsir-details>.tafsir{margin-top:0;padding:0 16px 16px}.tafsir-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 40%, transparent);color:var(--accent);font:var(--weight-semibold) 13px/1 var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:9px 14px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tafsir-toggle:hover{background:color-mix(in srgb, var(--accent-soft) 72%, transparent)}.tafsir-toggle .tt-ic,.tafsir-toggle .tt-caret{display:inline-flex}.tafsir-toggle .tt-ic{width:17px;height:17px}.tafsir-toggle .tt-caret{width:14px;height:14px;margin-left:2px;transition:transform .2s}.tafsir-toggle .tt-ic svg,.tafsir-toggle .tt-caret svg{width:100%;height:100%}.tafsir-toggle .tt-sub{color:var(--ink-faint);font-weight:var(--weight-semibold);font-size:12px}.tafsir-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tafsir-toggle.on .tt-caret{transform:rotate(180deg)}.tafsir-toggles{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tafsir-toggles .tafsir-toggle{margin-top:0}.taf-src+.taf-src{margin-top:12px}.ayah-tafsir{gap:12px;margin-top:12px;animation:.22s tafsirIn;display:grid}.ayah-tafsir:not(.open){display:none}@keyframes tafsirIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tafsir-src{border:1px solid var(--line);border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 38%, transparent);border-radius:14px;min-width:0;max-width:100%;padding:14px 16px 16px}.tafsir-src+.tafsir-src{border-left-color:color-mix(in srgb, var(--accent) 55%, var(--ink-faint))}.tafsir-src-h{font:var(--weight-semibold) 11px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.tafsir-src-sub{color:var(--ink-faint);font-weight:var(--weight-semibold)}.tafsir-src-b{min-width:0;max-width:100%;font-size:var(--ru-size);color:var(--ink-soft);white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;line-height:1.8}.tafsir-loading{color:var(--ink-faint);font:var(--weight-semibold) 13px/1 var(--sans);padding:12px 4px;animation:1.1s ease-in-out infinite tafsirPulse}@keyframes tafsirPulse{0%,to{opacity:.5}50%{opacity:1}}.tafsir-empty{color:var(--ink-faint);padding:12px 4px;font-size:14px}.ayahs[data-view=arabic] .tafsir-toggle,.ayahs[data-view=arabic] .ayah-tafsir,body.memorize-on .ayahs .tafsir-toggle,body.memorize-on .ayahs .ayah-tafsir{display:none}.ayah-note-btn.has{color:var(--accent);opacity:1!important}.ayah-note{gap:6px;margin-top:12px;animation:.18s ayahNoteIn;display:grid}@keyframes ayahNoteIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ayah-note textarea{border:1px solid var(--hairline);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 5%, var(--panel-bg));width:100%;min-height:64px;color:var(--ink);font:var(--weight-regular) var(--fs-15) / 1.55 var(--sans);resize:vertical;padding:11px 13px}.ayah-note textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ayah-note-meta{color:var(--ink-faint);font-size:var(--fs-12);justify-content:space-between;align-items:center;display:flex}.ayah-note-del{color:var(--low);cursor:pointer;font:var(--weight-semibold) var(--fs-12) / 1 var(--sans);background:0 0;border:0;padding:4px 6px}.ayahs.hide-ar .ar,.ayahs.hide-tl .translit,.ayahs.hide-tr .tr-block,.ayahs.hide-tr .translation,.ayahs[data-view=arabic] .translit,.ayahs[data-view=arabic] .translation,.ayahs[data-view=arabic] .tafsir,.ayahs[data-view=arabic] .tafsir-passage,.ayahs[data-view=arabic] .tafsir-details,.ayahs[data-view=translation] .ar,.ayahs[data-view=translation] .translit,.ayahs[data-view=translation] .tafsir,.ayahs[data-view=translation] .tafsir-passage,.ayahs[data-view=translation] .tafsir-details,.ayahs[data-view=translit] .translation,.ayahs[data-view=translit] .tafsir,.ayahs[data-view=translit] .tafsir-passage,.ayahs[data-view=translit] .tafsir-details,.ayahs[data-view=tafsir] .translit,.tr-lbl,.ayahs[data-primary=kuliev] .tr-abuadel,.ayahs[data-primary=abuadel] .tr-kuliev,.ayahs[data-view=compare] .translit,.ayahs[data-view=compare] .tafsir,.ayahs[data-view=compare] .tafsir-passage,.ayahs[data-view=compare] .tafsir-details{display:none}.ayahs[data-view=compare] .tr-block{grid-template-columns:1fr 1fr;gap:4px 20px;margin-top:12px;display:grid}.ayahs[data-view=compare] .tr-block .translation{margin-top:0;display:block!important}.ayahs[data-view=compare] .tr-lbl{font:var(--weight-semibold) 11px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:block}@media (width<=640px){.ayahs[data-view=compare] .tr-block{grid-template-columns:1fr;gap:12px}}body.memorize-on .ayahs .translit,body.memorize-on .ayahs .tr-block,body.memorize-on .ayahs .tafsir,body.memorize-on .ayahs .tafsir-passage,body.memorize-on .ayahs .tafsir-details{display:none!important}mark.hit{color:inherit;font-weight:inherit;background:0 0;border-radius:0;padding:0}.ctx-menu{z-index:200;background:var(--panel-bg);border:1px solid var(--hairline);min-width:232px;box-shadow:var(--shadow-pop);border-radius:12px;flex-direction:column;gap:1px;padding:5px;animation:.12s cubic-bezier(.2,0,0,1) ctxIn;display:none;position:fixed}.ctx-menu.open{display:flex}@keyframes ctxIn{0%{opacity:0;transform:scale(.97)translateY(-4px)}to{opacity:1;transform:none}}.ctx-item{width:100%;color:var(--ink);font:var(--weight-medium) var(--fs-14) / 1.2 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:8px 10px;display:flex}.ctx-item:hover{background:var(--accent);color:var(--accent-ink)}.ctx-item:hover .ctx-ic{color:var(--accent-ink)}.ctx-ic{width:17px;height:17px;color:var(--ink-faint);flex:none;display:inline-flex}.ctx-ic svg{width:100%;height:100%}.ctx-sep{background:var(--hairline);height:1px;margin:4px 6px}[data-ayahs][data-tr-kuliev="0"] .tr-kuliev,[data-ayahs][data-tr-abuadel="0"] .tr-abuadel{display:none!important}.ar .tj-n{color:#cf5b47}.ar .tj-p{color:#d97b2f}.ar .tj-o{color:#c9432b}.ar .tj-m{color:#b01f1f}.ar .tj-a{color:#2f9e57}.ar .tj-f,.ar .tj-c{color:#2596a8}.ar .tj-w{color:#3b6fd6}.ar .tj-q{color:#8e44ad}.ar .tj-u,.ar .tj-d,.ar .tj-g,.ar .tj-i,.ar .tj-y{color:#7c8896}.ar .tj-h,.ar .tj-s,.ar .tj-l{color:#9aa0aa}.tj-legend{font-size:var(--fs-12);color:var(--ink-soft);grid-template-columns:1fr 1fr;gap:5px 10px;padding:8px 6px 2px;display:grid}[data-tajweed]:not(.on)+.tj-legend{display:none}.tj-legend span{align-items:center;gap:6px;display:inline-flex}.tj-dot{border-radius:3px;flex:none;width:10px;height:10px}.tj-dot.d-madd{background:#c0392b}.tj-dot.d-ghunna{background:#2f9e57}.tj-dot.d-ikhfa{background:#2596a8}.tj-dot.d-iqlab{background:#3b6fd6}.tj-dot.d-qalqala{background:#8e44ad}.tj-dot.d-silent{background:#9aa0aa}.surah-head{padding:22px 16px 8px}.surah-head .ar{font-size:28px;line-height:1.5}.surah-desc{border-color:var(--line);background:var(--surface);padding:0;overflow:hidden}.surah-desc summary{cursor:pointer;color:var(--ink);font-weight:var(--weight-semibold);padding:13px 16px;list-style:none}.surah-desc summary::-webkit-details-marker{display:none}.surah-desc summary:before{color:var(--accent);content:"▸";margin-right:8px;display:inline-block}.surah-desc[open] summary:before{content:"▾"}.surah-desc p{margin:0;padding:0 16px 16px}.ayahs{border-color:var(--line);background:var(--surface);box-shadow:0 14px 34px -30px var(--glass-shadow);border-radius:18px;padding:6px 20px}.ayah{border-radius:12px}.ayah.active{background:color-mix(in srgb, var(--accent-soft) 46%, var(--surface))}.ayah-acts{opacity:.72}.ayah:hover .ayah-acts,.ayah.active .ayah-acts{opacity:1}.tafsir-passage,.tafsir-details{background:var(--surface-soft)}.surah-desc:before,.ayahs:before{display:none}.ayah-nav{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:24px 0;display:flex}@media (width<=560px){.surah-head{padding-top:18px}.surah-head h1{font-size:30px}.surah-desc{margin:12px 0}.ayahs{border-radius:18px;margin-bottom:96px;padding:6px 14px}.ayah{padding:18px 0}.ayah.active{padding-left:10px;padding-right:10px}.ayah-acts{opacity:1;gap:1px}.ayah-acts .secondary-action{place-items:center;display:grid}.ayah-acts button,.ayah-acts a{width:32px}}.surah-head h1{color:var(--sys-label);font-weight:var(--weight-title);letter-spacing:0;font-size:clamp(28px,3.4vw,38px);line-height:var(--lh-tight)}.surah-head .meta{gap:var(--space-2)}.translation,.tafsir,.tafsir-src-b,.translit{color:var(--sys-secondary-label);font-family:var(--font-reader)}.translation,.tafsir,.tafsir-src-b{font-size:var(--ru-size);line-height:var(--lh-reader);font-weight:var(--weight-regular)}.translit{line-height:1.5}.ar,.ayah-ar,.bism{font-family:var(--font-arabic-reader);line-height:var(--lh-arabic)}.ayahs{border:1px solid var(--sys-separator);border-radius:var(--radius-lg);background:var(--sys-secondary-grouped-bg);width:100%;min-width:0;box-shadow:none}.ayah{border-bottom-color:var(--sys-separator);border-radius:0;flex-direction:column;min-width:0;display:flex}.ayah-top,.tr-block,.translation,.translit,.tafsir-toggles,.tafsir-passage,.tafsir-details,.ayah-note{width:100%;min-width:0}.ayah .ar{text-align:right;width:100%;min-width:0;max-width:100%}.tr-block{gap:10px;display:grid}.ayah.active{border-color:var(--sys-separator);background:color-mix(in srgb, var(--sys-fill) 34%, transparent);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--sys-accent) 68%, transparent)}.ayah.active .ayah-acts{opacity:.58}.ayah-acts button,.ayah-acts a,.tafsir-toggle{color:var(--sys-tertiary-label)}.tafsir-toggle{border-color:var(--sys-separator);background:color-mix(in srgb, var(--sys-fill) 76%, transparent);min-height:34px;color:var(--sys-secondary-label);font-size:var(--text-callout);font-weight:var(--weight-semibold);box-shadow:none}.tafsir-toggle:hover{background:var(--sys-fill-strong);color:var(--sys-label)}.tafsir-toggle.on{background:color-mix(in srgb, var(--sys-fill-strong) 78%, transparent);color:var(--sys-label)}.tafsir-toggle.on .tt-sub{color:var(--sys-tertiary-label)}.tafsir-src,.tafsir-passage,.tafsir-details{border-color:var(--sys-separator);background:var(--sys-fill);box-shadow:none}.tafsir-details summary,.tafsir-src h3,.tafsir-passage h3{font-weight:var(--weight-semibold);letter-spacing:.02em}.ayah-no{min-height:34px;padding-inline:11px}@media (width>=1120px){.ayahs{padding:0 20px}.ayah{padding-block:24px}.ayah-acts button,.ayah-acts a{opacity:.46;transition:opacity .15s}.ayah:hover .ayah-acts button,.ayah:hover .ayah-acts a,.ayah-acts button:focus-visible,.ayah-acts a:focus-visible{opacity:1}}@media (width<=820px){.surah-head{text-align:left;padding-top:22px}.surah-head h1{font-size:30px}.surah-head .ar,.bism{text-align:right}.ayahs{margin-inline:-16px;background:var(--sys-secondary-grouped-bg);border:0;border-radius:0;margin-bottom:104px;padding:0 20px 16px}.ayah{padding:22px 0}.ayah.active{box-shadow:inset 2px 0 0 color-mix(in srgb, var(--sys-accent) 62%, transparent);background:0 0}.ayah-top{min-height:42px;margin-bottom:10px}.translation,.tafsir,.tafsir-src-b{line-height:1.62}.tafsir-toggle{width:fit-content;max-width:100%;min-height:40px;font-size:var(--text-body-sm);border-radius:20px;padding-inline:14px}.tafsir-passage,.tafsir-details,.tafsir-src{background:0 0;border-radius:0}}@media (width<=650px){.ayahs{box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:0;padding:2px 16px 110px}.ayahs:before{display:none}.ayah{border-radius:0;padding:20px 0 22px}.ayah.active{border-radius:0;padding-inline:0}.tafsir-passage,.tafsir-details,.tafsir-src{border:0;border-top:1px solid color-mix(in srgb, var(--sys-separator) 88%, transparent);box-shadow:none;background:0 0;border-radius:0}.tafsir-passage{margin:14px 0 0;padding:14px 0 4px}.tafsir-details{margin-top:14px}.tafsir-details>summary{padding:14px 0 8px}.tafsir-details>.tafsir{padding:0 0 4px}.ayah-tafsir{gap:10px}.tafsir-src{padding:14px 0 4px}.tafsir-src+.tafsir-src{border-top-color:color-mix(in srgb, var(--sys-separator) 82%, transparent)}}@media (width<=560px){:root{--ar-size:26px;--ru-size:17px}.ayahs{padding:6px 14px}}.mas{z-index:210;display:none;position:fixed;inset:0}.mas.open{display:block}.mas-backdrop{backdrop-filter:blur(2px);background:#060a0e47;position:absolute;inset:0}.mas-card{left:50%;bottom:env(safe-area-inset-bottom);background:var(--panel-bg);border:1px solid var(--hairline);width:min(560px,100%);max-height:74vh;box-shadow:var(--shadow-pop);border-bottom:0;border-radius:20px 20px 0 0;padding:16px 18px 18px;animation:.22s cubic-bezier(.2,0,0,1) masIn;position:absolute;overflow-y:auto;transform:translate(-50%)}@keyframes masIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.mas-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mas-head b{font:var(--weight-semibold) var(--fs-15) / 1.2 var(--sans);color:var(--ink)}.mas-x{background:var(--seg-track);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid}.mas-x svg{width:16px;height:16px}.mas-tr{font:400 var(--fs-16) / 1.6 var(--sans);color:var(--ink);margin-bottom:12px}.mas-tafsir{font:400 var(--fs-14) / 1.6 var(--sans);color:var(--ink-soft);margin-bottom:12px}.mas-acts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mas-act{border:1px solid var(--hairline);background:var(--panel-bg);color:var(--ink);font:var(--weight-semibold) var(--fs-12) / 1.1 var(--sans);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;display:flex}.mas-act:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mas-act:hover .mas-ic{color:var(--accent-ink)}.mas-ic{width:20px;height:20px;color:var(--ink-faint);display:inline-flex}.mas-ic svg{width:100%;height:100%}.qcf-word.qcf-ayah-active{background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:4px}.mushaf-toolbar,.mushaf-bottom{justify-content:center;align-items:center;gap:12px;display:flex}.mushaf-bottom{margin-top:18px}.mushaf-jump{border:1px solid var(--glass-border);background:var(--glass-bg-strong);min-height:42px;color:var(--ink-soft);box-shadow:var(--glass-elev-sm);font-size:13px;font-weight:var(--weight-semibold);border-radius:14px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.mushaf-jump input{border:1px solid var(--line);background:var(--panel-bg);width:72px;height:30px;color:var(--ink);font:var(--weight-strong) 15px/1 var(--sans);text-align:center;border-radius:9px}.mushaf-nav-sel{border:1px solid var(--glass-border);background:var(--glass-bg-strong);max-width:168px;height:42px;color:var(--ink);font:var(--weight-semibold) 13px / 1 var(--sans);box-shadow:var(--glass-elev-sm);cursor:pointer;border-radius:14px;padding:0 10px}.mushaf-nav-sel:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mushaf-sheet{width:min(640px, calc(100vw - var(--sidebar-current-w,var(--sidebar-w,0px)) - 72px), 62dvh);aspect-ratio:704/1000;border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:linear-gradient(90deg, #00000006, transparent 10%, transparent 90%, #00000006), color-mix(in srgb, var(--panel-bg) 92%, #fbfaf6);box-shadow:0 18px 60px -34px var(--glass-shadow), 0 1px 2px #00000014;border-radius:8px;margin:18px auto 0;padding:30px 44px 42px;position:relative;overflow:hidden;container-type:inline-size}.mushaf-meta{color:var(--ink-faint);justify-content:space-between;align-items:center;gap:12px;font-size:11px;line-height:1.2;display:flex;position:absolute;inset:12px 28px auto}.mushaf-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mushaf-meta b{color:var(--ink-soft);font-size:13px;font-weight:var(--weight-strong)}.qcf-page{--mushaf-page-font:var(--ar);--mushaf-ink:#1d2229;--mushaf-paper:#fbfaf6;--mushaf-paper-line:#ddd8ca;--mushaf-ornament:#6a6f66;width:100%;height:100%;color:var(--mushaf-ink);direction:rtl;grid-template-rows:repeat(15,minmax(0,1fr));font-size:clamp(19px,5.25cqw,31px);display:grid}:root[data-theme=dark] .qcf-page{--mushaf-ink:#f3f5f7;--mushaf-paper:#171b20;--mushaf-paper-line:#353b44;--mushaf-ornament:#b7c0c9}:root[data-theme=sepia] .qcf-page{--mushaf-ink:#241f18;--mushaf-paper:#fbf5e8;--mushaf-paper-line:#ded0b7;--mushaf-ornament:#746244}@media (prefers-color-scheme:dark){:root:not([data-theme]) .qcf-page{--mushaf-ink:#f3f5f7;--mushaf-paper:#171b20;--mushaf-paper-line:#353b44;--mushaf-ornament:#b7c0c9}}.qcf-line{white-space:nowrap;direction:rtl;flex-direction:row;justify-content:center;align-items:center;gap:.025em;min-width:0;line-height:1;display:flex;overflow:visible}.qcf-line.center,.qcf-line-deco{justify-content:center}.qcf-line.is-empty{visibility:hidden}.qcf-word{font-family:var(--mushaf-page-font), var(--ar), serif;speak:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;flex:none;line-height:1;display:inline-block}.qcf-word[data-ayah-key]{cursor:default}.qcf-word[data-ayah-key]:hover{color:var(--accent)}.qcf-word-end{margin-inline-start:.01em}.qcf-surah-line{align-items:end}.qcf-surah-title{border:1px solid var(--mushaf-paper-line);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mushaf-paper-line) 32%, transparent), transparent), var(--mushaf-paper);min-width:min(58%,440px);min-height:1.85em;color:var(--mushaf-ornament);font-family:var(--ar), serif;font-size:.52em;font-weight:var(--weight-strong);border-radius:999px;justify-content:center;align-items:center;padding:.14em 1.2em;line-height:1.15;display:inline-flex;position:relative}.qcf-surah-title:before,.qcf-surah-title:after{content:"";background:var(--mushaf-paper-line);width:1.6em;height:1px;position:absolute;top:50%}.qcf-surah-title:before{right:calc(100% + .4em)}.qcf-surah-title:after{left:calc(100% + .4em)}.qcf-basmala{color:var(--mushaf-ink);font-family:var(--ar), serif;font-size:.68em;font-weight:var(--weight-semibold);line-height:1}.mushaf-start{text-align:center;padding:54px 16px 90px}.mushaf-start h1{margin:0;font-size:42px}.mushaf-start p:not(.eyebrow){max-width:640px;color:var(--ink-soft);margin:12px auto 0}.mushaf-start-actions{justify-content:center;margin-top:22px}.icon-btn.disabled,.btn.disabled{opacity:.38;pointer-events:none;transform:none}@media (width<=900px){.qcf-page{font-size:30px}.mushaf-sheet{padding-inline:36px}}@media (width<=650px){.mushaf-reader{padding-top:10px}.mushaf-toolbar{gap:8px}.mushaf-jump{flex:auto;justify-content:center;max-width:230px}.mushaf-jump input{width:58px}.mushaf-sheet{width:min(100vw - 16px,520px);padding:26px 18px 34px}.mushaf-meta{font-size:10px;inset-inline:18px}.qcf-page{font-size:22px}}@media (width<=420px){.qcf-page{font-size:18px}.mushaf-bottom{gap:8px}.mushaf-bottom .btn{padding-inline:11px}}.mushaf-toolbar .icon-btn.disabled,.mushaf-bottom .btn.disabled{opacity:.4;pointer-events:none}body[data-page-mode=mushaf]{height:var(--mushaf-vvh);background:var(--mushaf-stage);overflow:hidden}body[data-page-mode=mushaf] .footer,body[data-page-mode=mushaf] .player{display:none!important}body[data-page-mode=mushaf] main.wide{height:calc(var(--mushaf-vvh) - var(--toolbar-h));min-height:0;padding:0;overflow:hidden}body[data-page-mode=mushaf] .mushaf-reader{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:14px;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:14px 22px 18px;display:grid;overflow:auto}body[data-page-mode=mushaf] .mushaf-toolbar{z-index:5;border:1px solid var(--sys-separator);border-radius:var(--radius-lg);background:var(--sys-material-strong);width:min(100%,920px);backdrop-filter:var(--material-blur);box-shadow:none;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:sticky;top:0}body[data-page-mode=mushaf] .mushaf-nav-sel,body[data-page-mode=mushaf] .mushaf-jump,body[data-page-mode=mushaf] .mushaf-zoom,body[data-page-mode=mushaf] .mushaf-fit-btn{min-height:var(--control-h-comfort);border:1px solid var(--sys-separator);border-radius:var(--radius-md);background:var(--sys-fill);color:var(--sys-label);box-shadow:none}body[data-page-mode=mushaf] .mushaf-nav-sel{max-width:140px;padding-inline:10px 28px}body[data-page-mode=mushaf] .mushaf-jump{justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}body[data-page-mode=mushaf] .mushaf-jump input{border-radius:var(--radius-sm);text-align:center;font-variant-numeric:tabular-nums;width:58px;height:28px}body[data-page-mode=mushaf] .mushaf-zoom{align-items:center;gap:6px;padding:0 6px;display:inline-flex}body[data-page-mode=mushaf] .mushaf-zoom .icon-btn{width:28px;height:28px}body[data-page-mode=mushaf] .mushaf-zoom input{width:clamp(92px,12vw,150px)}body[data-page-mode=mushaf] .mushaf-fit-btn{min-width:52px;font:var(--weight-strong) var(--text-sm) / 1 var(--font-ui);padding:0 8px}body[data-page-mode=mushaf] .mushaf-sheet{width:var(--mushaf-page-w);aspect-ratio:.704;border:1px solid var(--mushaf-paper-line);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mushaf-paper-line) 28%, transparent), transparent), var(--mushaf-paper);max-width:none;color:var(--mushaf-ornament);box-shadow:0 0 0 1px color-mix(in srgb, var(--sys-label) 5%, transparent), 0 12px 34px -28px color-mix(in srgb, var(--sys-label) 42%, transparent);border-radius:8px;margin:0 auto;padding:clamp(16px,3.1%,28px) clamp(12px,2.4%,22px) clamp(20px,3.8%,34px);position:relative;overflow:hidden}body[data-page-mode=mushaf] .mushaf-meta{z-index:1;color:var(--mushaf-ornament);font:var(--weight-semibold) 10px / 1 var(--font-ui);opacity:.64;justify-content:space-between;display:flex;position:absolute;inset:11px 18px auto}body[data-page-mode=mushaf] .mushaf-meta b{font-size:12px}body[data-page-mode=mushaf] .qcf-page{height:100%;font-family:var(--font-arabic-mushaf);font-size:var(--mushaf-qcf-size);font-weight:var(--weight-medium);color:var(--mushaf-ink);text-align:justify;text-rendering:geometricprecision;direction:rtl;grid-template-rows:repeat(15,minmax(0,1fr));align-items:center;line-height:1;display:grid}body[data-page-mode=mushaf] .qcf-line{white-space:nowrap;text-align-last:justify;min-width:0}body[data-page-mode=mushaf] .qcf-line.center,body[data-page-mode=mushaf] .qcf-line-deco{text-align:center;text-align-last:center}body[data-page-mode=mushaf] .qcf-surah-title{border:1px solid color-mix(in srgb, var(--mushaf-paper-line) 70%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--mushaf-paper-line) 22%, transparent);min-width:min(58%,420px);color:var(--mushaf-ornament);font-family:var(--font-arabic-ui);justify-content:center;padding:.22em 1em;font-size:.78em;display:inline-flex}body[data-page-mode=mushaf] .qcf-basmala{color:var(--mushaf-ink);font-family:var(--font-arabic-ui);font-size:.86em}body[data-page-mode=mushaf] .mushaf-bottom{justify-content:center;gap:10px;display:flex}body[data-page-mode=mushaf].mushaf-zoomed .mushaf-sheet{cursor:grab}body[data-page-mode=mushaf].mushaf-zoomed .mushaf-sheet:active{cursor:grabbing}body[data-page-mode=mushaf].mushaf-zoomed .qcf-page{touch-action:none}body[data-page-mode=mushaf] .mushaf-zoom-fab{right:max(12px, env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));z-index:59;border:1px solid var(--sys-separator);background:var(--sys-material-strong);backdrop-filter:var(--material-blur);box-shadow:var(--shadow-accessory);border-radius:20px;flex-direction:column;align-items:stretch;gap:6px;padding:6px;display:none;position:fixed}body[data-page-mode=mushaf] .mushaf-zoom-fab .icon-btn{background:var(--sys-fill);width:44px;height:44px;color:var(--sys-label);border-radius:14px}body[data-page-mode=mushaf] .mushaf-zoom-fab .mushaf-fab-reset{min-height:30px;color:var(--sys-secondary-label);font:var(--weight-strong) var(--text-xs) / 1 var(--font-ui);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:10px}.mushaf-immersive-exit,.mushaf-imm-nav{display:none}body.mushaf-immersive{height:var(--mushaf-vvh);overflow:hidden}body.mushaf-immersive .topbar,body.mushaf-immersive .footer,body.mushaf-immersive .player,body.mushaf-immersive .drawer,body.mushaf-immersive .drawer-backdrop,body.mushaf-immersive .mobile-tabbar,body.mushaf-immersive .mushaf-bottom,body.mushaf-immersive .mushaf-zoom-fab{display:none!important}body.mushaf-immersive main.wide{height:var(--mushaf-vvh)!important}body.mushaf-immersive .mushaf-reader{height:var(--mushaf-vvh);background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--sys-fill-vibrant) 70%, transparent), transparent 42%), var(--mushaf-stage);grid-template-rows:minmax(0,1fr);padding:18px}body.mushaf-immersive .mushaf-toolbar{top:max(14px, env(safe-area-inset-top));opacity:0;pointer-events:none;width:min(720px,100vw - 120px);transition:opacity .18s;position:fixed;left:50%;transform:translate(-50%)}body.mushaf-immersive .mushaf-reader:hover .mushaf-toolbar,body.mushaf-immersive .mushaf-toolbar:focus-within{opacity:1;pointer-events:auto}body.mushaf-immersive .mushaf-meta{opacity:.3}body.mushaf-immersive .mushaf-immersive-exit,body.mushaf-immersive .mushaf-imm-nav{z-index:70;border:1px solid var(--sys-separator);border-radius:var(--radius-pill);background:var(--sys-material-strong);width:44px;height:44px;color:var(--sys-secondary-label);backdrop-filter:var(--material-blur);box-shadow:var(--shadow-card);place-items:center;display:grid;position:fixed}body.mushaf-immersive .mushaf-immersive-exit{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}body.mushaf-immersive .mushaf-imm-prev{left:max(14px, env(safe-area-inset-left));top:50%;transform:translateY(-50%)}body.mushaf-immersive .mushaf-imm-next{right:max(14px, env(safe-area-inset-right));top:50%;transform:translateY(-50%)}.mushaf-immersive-exit svg,.mushaf-imm-nav svg{width:20px;height:20px}@media (width<=900px){body[data-page-mode=mushaf] .mushaf-nav-sel{display:none}body[data-page-mode=mushaf] .mushaf-toolbar{justify-content:space-between}}@media (width<=650px){body[data-page-mode=mushaf]{height:var(--mushaf-vvh);overflow:hidden}body[data-page-mode=mushaf] .topbar{z-index:60;padding-bottom:0;position:relative}body[data-page-mode=mushaf] main.wide{height:calc(var(--mushaf-vvh) - var(--topbar-h));min-height:0;overflow:hidden}body[data-page-mode=mushaf] .mushaf-reader{height:100%;min-height:0;padding:4px 0 calc(82px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;grid-template-rows:minmax(0,1fr);place-items:start center;display:grid;overflow:auto}body[data-page-mode=mushaf] .mushaf-toolbar{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:58;width:auto;box-shadow:var(--shadow-accessory);border-radius:22px;gap:8px;padding:8px;position:fixed;top:auto}body[data-page-mode=mushaf] .mushaf-toolbar .icon-btn{width:var(--touch-h);height:var(--touch-h);border-radius:16px}body[data-page-mode=mushaf] .mushaf-jump{min-width:0;max-width:none;min-height:var(--touch-h);background:var(--sys-secondary-grouped-bg);flex:auto}body[data-page-mode=mushaf] .mushaf-jump label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}body[data-page-mode=mushaf] .mushaf-jump input{width:64px;height:32px;font-size:16px}body[data-page-mode=mushaf] .mushaf-zoom,body[data-page-mode=mushaf] .mushaf-fit-btn{display:none}body[data-page-mode=mushaf] .mushaf-zoom-fab{display:flex}body[data-page-mode=mushaf] .mushaf-sheet{width:min(calc(100vw - 12px), calc((var(--mushaf-vvh) - var(--topbar-h) - 128px) * .704));border-radius:5px;min-width:0;margin:0 auto;padding:18px 10px 24px}body[data-page-mode=mushaf] .mushaf-meta{font-size:9px;inset:9px 14px auto}body[data-page-mode=mushaf] .mushaf-meta b{font-size:11px}body[data-page-mode=mushaf] .qcf-page{font-size:var(--mushaf-qcf-size)}body[data-page-mode=mushaf] .mushaf-bottom{display:none}body.mushaf-immersive .mushaf-reader{padding:max(12px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom))}body.mushaf-immersive .mushaf-toolbar{display:none}body.mushaf-immersive .mushaf-imm-nav,body.mushaf-immersive .mushaf-immersive-exit{width:40px;height:40px}}