[data-theme=classic-light]{--ornament-gold:#a08042}[data-theme=classic-dark]{--ornament-gold:#bd985c}[data-theme=modern-light]{--ornament-gold:#928047}[data-theme=modern-dark]{--ornament-gold:#b9a46a}.reader-tool{border-radius:var(--radius);border-width:1px;border-color:var(--border-color);background-color:var(--bg-surface);color:var(--text-main);justify-content:center;align-items:center;gap:.5rem;padding:.625rem .75rem;font-family:Inter,sans-serif;font-size:12.5px;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.reader-tool:hover:not(:disabled):not([aria-disabled=true]){background:var(--bg-card);border-color:var(--accent)}.reader-tool:disabled,.reader-tool[aria-disabled=true]{opacity:.45;cursor:not-allowed}.reader-tool[aria-pressed=true],.reader-tool[data-state=open]{border-color:var(--accent);color:var(--accent)}.reader-input{border-radius:var(--radius);border-width:1px;border-color:var(--border-color);background-color:var(--bg-app);height:2.5rem;color:var(--text-main);outline-offset:2px;outline:2px solid #0000;padding-left:.75rem;padding-right:.75rem;font-size:1rem;line-height:1.5rem}@media (width>=640px){.reader-input{font-size:13px}}.reader-input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.reader-header{background:color-mix(in srgb, var(--bg-surface) 96%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader-toolgroup{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.reader-toolgroup>.tool-btn,.reader-toolgroup .tool-btn{border-radius:7px}.tool-btn{white-space:nowrap;border-radius:var(--radius);height:2.25rem;color:var(--text-main);justify-content:center;align-items:center;gap:.375rem;padding-left:.625rem;padding-right:.625rem;font-family:Inter,sans-serif;font-size:12.5px;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.tool-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--bg-surface);color:var(--accent)}.tool-btn[aria-disabled=true],.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-btn[aria-pressed=true],.tool-btn[data-state=open]{background:var(--bg-surface);color:var(--accent)}.icon-btn{border-radius:var(--radius);width:2.5rem;height:2.5rem;color:var(--text-main);flex-shrink:0;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.icon-btn:hover:not(:disabled),.icon-btn[data-state=open],.icon-btn[aria-pressed=true]{background:var(--bg-card);color:var(--accent)}.icon-btn:disabled{opacity:.45}.count-dot{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);border-radius:9999px;justify-content:center;align-items:center;padding-left:.25rem;padding-right:.25rem;font-family:Inter,sans-serif;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.reader-menu{border-width:1px;border-color:var(--border-color);background-color:var(--bg-surface);min-width:240px;color:var(--text-main);--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem;padding:.375rem;font-family:Inter,sans-serif;font-size:13px}.reader-menu [role=menuitem],.reader-menu [role=menuitemradio]{border-radius:8px;gap:10px;min-height:40px;font-size:13px}.reader-menu [role=menuitem]>svg{color:var(--accent);flex-shrink:0}.reader-menu-label{color:var(--text-muted);padding:.5rem .5rem .25rem}.selection-bar{z-index:40;border-width:1px;border-color:var(--border-color);background-color:var(--bg-surface);color:var(--text-main);box-shadow:0 10px 30px -10px color-mix(in srgb, var(--text-main) 35%, transparent);border-radius:.75rem;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.25rem;max-width:calc(100vw - 16px);padding:.25rem;font-family:Inter,sans-serif;display:flex;position:fixed}.selection-bar button{white-space:nowrap;border-radius:var(--radius);justify-content:center;align-items:center;gap:.375rem;min-height:40px;padding-left:.625rem;padding-right:.625rem;font-size:12.5px;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.selection-bar button>svg{color:var(--accent);flex-shrink:0}.selection-bar button:hover:not(:disabled){background:var(--bg-card);color:var(--accent)}.selection-bar button:disabled{opacity:.5}@media (width<=639px){.selection-bar{flex-wrap:nowrap;width:calc(100vw - 16px)}.selection-bar button{white-space:normal;text-align:center;flex-direction:column;flex:1 1 0;gap:3px;min-width:0;padding:6px 4px;font-size:11.5px;line-height:1.25}}.page-bar{border-width:1px;border-color:var(--border-color);background-color:var(--bg-surface);color:var(--text-main);justify-content:space-between;align-items:center;gap:.5rem;font-family:Inter,sans-serif;display:flex;position:relative}.page-bar-progress{inset-inline:0;background:color-mix(in srgb, var(--ornament-gold) 22%, transparent);height:2px;position:absolute;top:-1px;overflow:hidden}.page-bar-progress>span{background:var(--ornament-gold);height:100%;display:block}.page-bar-fixed{inset-inline:0;z-index:30;border-inline:0;padding:6px calc(8px + env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));background:color-mix(in srgb, var(--bg-surface) 96%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:0;position:fixed;bottom:0}.page-bar-dock{z-index:10;position:sticky;bottom:12px;container:page-bar/inline-size}.page-bar-sticky .page-bar-short{display:none}@container page-bar (width<=520px){.page-bar-sticky .page-bar-count{display:none}}@container page-bar (width<=470px){.page-bar-sticky .page-bar-long{display:none}.page-bar-sticky .page-bar-short{display:inline}}@container page-bar (width<=390px){.page-bar-sticky .page-bar-vol{display:none}}@container page-bar (width<=320px){.page-bar-sticky .page-bar-short{display:none}}.page-bar-sticky{box-shadow:0 8px 24px -14px color-mix(in srgb, var(--text-main) 40%, transparent);border-radius:14px;padding:6px}.page-bar-sticky .page-bar-progress{inset-inline:14px}.page-jump{border-radius:var(--radius);border-width:1px;border-color:var(--border-color);background-color:var(--bg-app);text-align:center;width:4.5rem;height:2.25rem;color:var(--text-main);outline-offset:2px;outline:2px solid #0000;padding-left:.5rem;padding-right:.5rem;font-size:1rem;line-height:1.5rem}@media (width>=640px){.page-jump{width:4rem;font-size:13px}}.page-jump{font-family:Inter,sans-serif}.field-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent)}.page-jump:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.illuminated-page{--page-frame:inset 0 0 0 4px var(--bg-surface), inset 0 0 0 5px var(--accent), inset 0 0 0 9px var(--bg-surface), inset 0 0 0 10px var(--ornament-gold);background:var(--bg-surface);border:1px solid var(--ornament-gold);box-shadow:var(--page-frame)}.illuminated-page:before{content:"";border:1px solid var(--border-color);pointer-events:none;border-radius:4px;position:absolute;inset:14px}@media (width<=639px){.illuminated-page{--page-frame:inset 0 0 0 3px var(--bg-surface), inset 0 0 0 4px var(--accent), inset 0 0 0 6px var(--bg-surface), inset 0 0 0 7px var(--ornament-gold)}.illuminated-page:before{inset:10px}}.reading-page-bare>.illuminated-page{box-shadow:var(--page-frame), var(--shadow-soft)}.reader-tree>summary::-webkit-details-marker{display:none}.reader-tree>summary>svg{flex-shrink:0;transition:transform .18s}.lib-body,.lib-body.ar-body{font-family:var(--ar-font,"Amiri", serif);font-size:calc(1.25rem * var(--ar-text-scale,1));text-align:start;overflow-wrap:break-word;line-height:2.3}@media (width>=640px){.lib-body,.lib-body.ar-body{text-align:justify}}@media (width>=768px){.lib-body,.lib-body.ar-body{font-size:calc(1.5625rem * var(--ar-text-scale,1));line-height:2.15}}.lib-body span[data-type=title]{color:var(--accent);margin:.6rem 0 .3rem;font-size:1.05em;display:block}.lib-body [data-noun]{border-bottom:1px dotted var(--accent)}.lib-body mark.qhl{scroll-margin-top:calc(var(--reader-header-h,72px) + 24px)}.lib-notes{font-family:var(--ar-font,"Amiri", serif);font-size:calc(1rem * var(--ar-text-scale,1));line-height:2}@media (width>=768px){.lib-notes{font-size:calc(1.0625rem * var(--ar-text-scale,1))}}.ar-heading{font-family:Amiri,serif}.ar-text{font-family:var(--ar-font,"Amiri", serif)}.toc-ar{font-family:var(--ar-font,"Amiri", serif);font-size:calc(.9375rem * min(var(--ar-text-scale,1), 1.3));line-height:1.75}.tkz-btn{border:1px solid var(--accent);background:var(--bg-surface);width:1.15rem;height:1.15rem;color:var(--accent);cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;margin-inline:.15rem;padding:0;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.tkz-btn:hover{background:var(--accent);color:var(--bg-surface)}.reader-tree:not([open])>summary>svg{transform:rotate(-90deg)}.reader-tree>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.manuscript-sheet{box-shadow:0 8px 30px -8px color-mix(in srgb, var(--text-main) 25%, transparent)}.reader-scroll{scrollbar-color:var(--border-color) var(--bg-app)}.reader-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reader-region{scroll-margin-top:calc(var(--reader-header-h,72px) + 12px)}.reader-page-slot{min-width:0;scroll-margin-top:calc(var(--reader-header-h,72px) + 12px)}.reader-spread{max-width:1640px;margin-inline:auto}.reader-spread-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.reader-spread-grid>.reader-page-slot{flex-direction:column;display:flex}.reader-spread-grid>.reader-page-slot>section{flex-direction:column;flex:auto;display:flex}.reader-spread-grid>.reader-page-slot>section>.reader-paper{flex:auto}html[data-reader-flow],html[data-reader-flow] body{overflow-anchor:none}.reader-flow{flex-direction:column;gap:18px;display:flex}.reader-flow .reader-paper{min-height:0}.reader-flow-end{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem;font-size:13px;display:flex}.reader-spread-blank{border:1px solid var(--border-color);background:var(--bg-surface);text-align:center;min-height:420px;color:var(--text-muted);border-radius:1rem;flex-direction:column;flex:auto;justify-content:center;align-items:center;padding:2rem;font-size:13px;display:flex}.thin-scroll{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (width<=1023px){.reader-dual{grid-template-columns:minmax(0,1fr)}}@media (width>=1024px){.reader-dual>.reader-pane-scroll{height:var(--pane-h,calc(100dvh - var(--reader-header-h,72px) - 24px));overscroll-behavior:contain;flex-direction:column;padding-bottom:12px;display:flex;overflow-y:auto}.reader-dual>.reader-pane-scroll>*{flex:none;width:100%}.reader-dual>.reader-pane-scroll>.reader-region{margin-bottom:.75rem}.reader-dual>.reader-pane-scroll>.page-bar-dock{margin-top:auto}.reader-dual>.reader-dual-side{max-height:var(--pane-h,calc(100dvh - var(--reader-header-h,72px) - 24px));overscroll-behavior:contain;overflow-y:auto}}.reader-dual .reader-pane-label,[data-vaul-drawer] .reader-pane-label{z-index:12;background:var(--bg-surface);position:sticky;top:0}:is(.reader-dual,[data-vaul-drawer]) .reader-pane-label:after{content:"";inset-inline:0;background:linear-gradient(var(--bg-surface), transparent);pointer-events:none;height:10px;position:absolute;top:100%}.reader-stack{height:calc(var(--pane-h,calc(100dvh - var(--reader-header-h,56px) - 16px)) - env(safe-area-inset-bottom,0px));--hadith-tools-pos:static;grid-template-columns:minmax(0,1fr);display:grid}.reader-stack>.reader-pane-scroll{overscroll-behavior:contain;outline:none;flex-direction:column;min-height:0;padding-bottom:4px;display:flex;overflow-y:auto}.reader-stack>.reader-pane-scroll>*{flex:none;width:100%}.reader-stack>.reader-pane-scroll>.reader-region{margin-bottom:.5rem}.reader-stack>.reader-pane-scroll>.page-bar-dock{margin-top:auto;bottom:4px}.reader-stack .reader-paper{min-height:0}.reader-stack .reader-pane-label{z-index:12;background:var(--bg-surface);position:sticky;top:0}.reader-stack .reader-pane-label:after{content:"";inset-inline:0;background:linear-gradient(var(--bg-surface), transparent);pointer-events:none;height:10px;position:absolute;top:100%}.reading-page-bare>.reader-pane-label{background:var(--bg-app)}.reading-page-bare>.reader-pane-label:after{background:linear-gradient(var(--bg-app), transparent)}.reader-stack .page-bar-sticky{border-radius:12px;padding:3px}.reader-stack .page-bar-sticky .reader-tool{height:2.25rem}.reader-stack .page-bar-sticky .page-jump{height:2rem}.reader-stack-divider{border-block:1px solid var(--border-color);background:var(--bg-app);align-items:center;gap:4px;min-width:0;padding:2px 0;display:flex}.stack-tool{min-width:2.25rem;height:2.25rem;color:var(--text-muted);border-radius:.5rem;justify-content:center;align-items:center;font-family:Inter,sans-serif;transition:background-color .15s,color .15s;display:inline-flex}.stack-tool:hover,.stack-tool[aria-pressed=true]{background:var(--bg-card);color:var(--accent)}.stack-tool:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stack-grip{cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;flex:auto;justify-content:center;align-self:stretch;align-items:center;min-width:48px;min-height:40px;display:flex}.stack-grip>span{background:var(--border-color);border-radius:999px;width:48px;height:5px;transition:background-color .15s}.stack-grip:hover>span,.stack-grip:focus-visible>span,.stack-grip[data-dragging]>span{background:var(--accent)}.stack-grip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.reader-menu [role=menuitemcheckbox]{border-radius:8px;gap:10px;min-height:40px;font-size:13px}::highlight(mizan-tap){background-color:color-mix(in srgb, var(--accent) 22%, transparent)}@media (prefers-reduced-motion:reduce){.stack-grip>span,.stack-tool{transition:none}}.library-search-panel{position:relative}:is([data-theme=classic-light],[data-theme=classic-dark]) .sidebar:before,:is([data-theme=classic-light],[data-theme=classic-dark]) .sidebar:after{content:"";z-index:41;border:3px double var(--ornament-gold);background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 3px var(--bg-app);pointer-events:none;position:fixed;inset-inline-start:calc(var(--sidebar-w,222px) - 5px);transform:rotate(45deg)}:is([data-theme=classic-light],[data-theme=classic-dark]) .sidebar:before{top:24px}:is([data-theme=classic-light],[data-theme=classic-dark]) .sidebar:after{bottom:24px}@media (prefers-reduced-motion:reduce){.reader-tree>summary>svg{transition:none}}@font-face{font-family:Mizan Quran;src:url(/ui/assets/amiri-quran-DIVe4dkD.woff2)format("woff2");font-display:swap}@font-face{font-family:"Mizan Silik 1";src:url(/ui/assets/silik-amiri-qZTqW2MK.woff2)format("woff2");font-display:swap}@font-face{font-family:"Mizan Silik 2";src:url(/ui/assets/silik-scheherazade-ea8mL6ov.woff2)format("woff2");font-display:swap}@font-face{font-family:"Mizan Silik 3";src:url(/ui/assets/silik-noto-naskh-8WDV9J-y.woff2)format("woff2");font-display:swap}@font-face{font-family:"Mizan Silik 4";src:url(/ui/assets/silik-lateef-BcpDdYLP.woff2)format("woff2");font-display:swap}@font-face{font-family:"Mizan Silik 5";src:url(/ui/assets/silik-amiri-quran-BK9OcRx-.woff2)format("woff2");font-display:swap}:is(.lib-body,.lib-notes) .ayah{color:var(--accent);font-family:"Mizan Quran", var(--ar-font,"Amiri"), serif;line-height:1.2}:is(.lib-body,.lib-notes) .quote{-webkit-text-stroke:.01em currentColor;paint-order:stroke fill}.lib-notes,.lib-body .lib-hamish{font-family:var(--ar-font,"Amiri", serif);font-size:calc(1rem * var(--ar-text-scale,1));color:var(--text-muted);text-align:start;margin-top:1.75rem;padding-top:.85rem;line-height:1.9;position:relative}@media (width>=640px){.lib-notes,.lib-body .lib-hamish{text-align:justify}}@media (width>=768px){.lib-notes,.lib-body .lib-hamish{font-size:calc(1.0625rem * var(--ar-text-scale,1));line-height:1.85}}.lib-notes:before,.lib-body .lib-hamish:before{content:"";top:0;border-top:1px solid color-mix(in srgb, var(--text-muted) 55%, transparent);width:min(33%,12rem);position:absolute;inset-inline-start:0}.lib-body a.fn-ref,:is(.lib-notes,.lib-hamish) a.fn-back{color:var(--accent);scroll-margin-top:calc(var(--reader-header-h,72px) + 24px);border-radius:3px;scroll-margin-bottom:96px;text-decoration:none}.lib-body a.fn-ref{padding-inline:.06em;font-size:.8em}.lib-body a.fn-ref:hover,:is(.lib-notes,.lib-hamish) a.fn-back:hover{text-underline-offset:.2em;text-decoration:underline}.lib-body a.fn-ref:focus-visible,:is(.lib-notes,.lib-hamish) a.fn-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fn-flash{background:color-mix(in srgb, var(--ornament-gold) 26%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color var(--motion-slow,.3s) ease;border-radius:4px}.running-head{border-bottom:1px solid color-mix(in srgb, var(--ornament-gold) 45%, var(--border-color));min-width:0;color:var(--text-muted);font-family:var(--font-theme,"Amiri", serif);white-space:nowrap;justify-content:center;align-items:baseline;gap:.5rem;margin:-.5rem auto .9rem;padding:0 .25rem .35rem;font-size:12.5px;line-height:1.5;display:flex}.running-head-title{text-overflow:ellipsis;min-width:0;font-family:Amiri,serif;font-size:14px;overflow:hidden}.running-head-sep{color:var(--ornament-gold)}.running-head-bab{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:55%;font-family:Amiri,serif;font-size:14px;overflow:hidden}.running-head:has(.running-head-bab) .running-head-title{white-space:nowrap;max-width:35%}.running-head-place{font-variant-numeric:tabular-nums;flex-shrink:0}@media (width>=640px){.running-head{margin-top:-.75rem;font-size:13px}.running-head-title{font-size:15px}}.running-head[data-action]{padding-inline:42px;position:relative}.running-head .page-card-menu{inset-inline-end:0;background:0 0;border-color:#0000;top:calc(50% - .175rem)}.running-head .page-card-menu:hover,.running-head .page-card-menu[data-state=open]{background:var(--fill-subtle);color:var(--accent);border-color:#0000}@media (pointer:coarse){.running-head[data-action]{padding-inline:48px}.running-head .page-card-menu{width:36px;height:36px}.running-head .page-card-menu:before{content:"";position:absolute;inset:-4px}}html[data-leading=compact] .lib-body{line-height:2.05}html[data-leading=loose] .lib-body{line-height:2.6}@media (width>=768px){html[data-leading=compact] .lib-body{line-height:1.95}html[data-leading=loose] .lib-body{line-height:2.45}}html[data-leading=compact] :is(.lib-notes,.lib-body .lib-hamish){line-height:1.75}html[data-leading=loose] :is(.lib-notes,.lib-body .lib-hamish){line-height:2.1}html[data-measure=narrow] .reader-measure{max-width:680px;margin-inline:auto}html[data-measure=wide] .reader-measure{max-width:1120px;margin-inline:auto}html[data-tashkeel=faded] :is(.lib-body,.lib-notes,.lib-body .lib-hamish){font-family:var(--ar-font-faded,"Mizan Silik 1"), var(--ar-font,"Amiri"), serif}html[data-tashkeel=faded] :is(.lib-body,.lib-notes) .ayah{font-family:"Mizan Silik 5",Mizan Quran,serif}html:is([data-paper=white],[data-paper=samua],[data-paper=sepia],[data-paper=night]) .reader-paper{--bg-surface:var(--paper-bg);--bg-app:var(--paper-bg);--bg-card:var(--paper-card);--text-main:var(--paper-ink);--text-muted:var(--paper-muted);--border-color:var(--paper-border);--accent:var(--paper-accent);--on-accent:var(--paper-on-accent);--ornament-gold:var(--paper-gold);background-color:var(--paper-bg);color:var(--paper-ink)}html[data-paper=white] .reader-paper{--paper-bg:#fff;--paper-card:#f6f3ee;--paper-ink:#1e1a17;--paper-muted:#5c524a;--paper-border:#e4dccf;--paper-accent:#8b261d;--paper-on-accent:#fffaf3;--paper-gold:#9c7c3e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-paper=samua] .reader-paper{--paper-bg:#f5ead3;--paper-card:#eee0c2;--paper-ink:#2a2019;--paper-muted:#65533f;--paper-border:#dfcca6;--paper-accent:#86241b;--paper-on-accent:#fffaf3;--paper-gold:#957436;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-paper=sepia] .reader-paper{--paper-bg:#e8d7b5;--paper-card:#dfcba4;--paper-ink:#33251a;--paper-muted:#584632;--paper-border:#cdb68a;--paper-accent:#7a2119;--paper-on-accent:#fffaf3;--paper-gold:#806330;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-paper=night] .reader-paper{--paper-bg:#1d1915;--paper-card:#26201b;--paper-ink:#d3c5ad;--paper-muted:#a8987f;--paper-border:#3a322a;--paper-accent:#d4a373;--paper-on-accent:#1d1915;--paper-gold:#b0915a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme^=modern][data-paper=white] .reader-paper{--paper-accent:#047857;--paper-on-accent:#fff}html[data-theme^=modern][data-paper=samua] .reader-paper{--paper-accent:#04684b;--paper-on-accent:#fff}html[data-theme^=modern][data-paper=sepia] .reader-paper{--paper-accent:#035c42;--paper-on-accent:#fff}html[data-theme^=modern][data-paper=night] .reader-paper{--paper-accent:#34c79a;--paper-on-accent:#1d1915}.reader-paper-swatch{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:999px;flex-shrink:0;width:14px;height:14px;display:inline-block}.reader-paper-swatch[data-swatch=white]{background:#fff;border-color:#d8d0c3}.reader-paper-swatch[data-swatch=samua]{background:#f5ead3;border-color:#d8c49c}.reader-paper-swatch[data-swatch=sepia]{background:#e8d7b5;border-color:#c8b085}.reader-paper-swatch[data-swatch=night]{background:#1d1915;border-color:#4a4036}.reader-segmented{border:1px solid var(--border-color);background:var(--bg-app);border-radius:10px;gap:3px;padding:3px;display:grid}.reader-segment{cursor:pointer;min-width:0;min-height:36px;color:var(--text-main);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:4px 6px;font-family:Inter,sans-serif;font-size:12.5px;line-height:1.2;transition:background-color .15s,color .15s;display:flex}html[dir=rtl] .reader-segment{font-family:Amiri,Inter,serif;font-size:14px}.reader-segment:hover{color:var(--accent)}.reader-segmented[data-stacked] .reader-segment{flex-direction:column;gap:4px;min-height:50px;padding:6px 2px;font-size:11.5px}html[dir=rtl] .reader-segmented[data-stacked] .reader-segment{font-size:13px}.reader-segment[data-active]{background:var(--bg-surface);color:var(--accent);box-shadow:0 1px 2px color-mix(in srgb, var(--text-main) 14%, transparent)}.reader-segment[data-disabled]{opacity:.55;cursor:not-allowed}.reader-segment[data-disabled]:hover{color:inherit}.reader-segment[data-active][data-disabled]{color:var(--text-muted)}html[data-reader-focus=book] .app-container>:not(.shell-main),html[data-reader-focus] .reader-focus-hide{display:none!important}.reader-focus-exit{top:calc(10px + env(safe-area-inset-top,0px));z-index:45;border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-surface) 88%, transparent);width:40px;height:40px;color:var(--text-muted);opacity:.55;border-radius:999px;justify-content:center;align-items:center;transition:opacity .15s,color .15s;display:inline-flex;position:fixed;inset-inline-end:10px}.reader-focus-exit:hover,.reader-focus-exit:focus-visible{opacity:1;color:var(--accent)}.reader-focus-exit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-reader-focus=hadith] .chh-focus-root{z-index:44;background:var(--bg-app);padding:16px 12px calc(24px + env(safe-area-inset-bottom,0px));position:fixed;inset:0;overflow-y:auto}@media (width>=640px){html[data-reader-focus=hadith] .chh-focus-root{padding:28px 24px 32px}}html[data-reader-focus=hadith] .chh-focus-root>*{max-width:920px;margin-inline:auto}@media (prefers-reduced-motion:reduce){.fn-flash,.reader-segment,.reader-focus-exit{transition:none}}.reader-segmented[data-stacked] .reader-paper-swatch{width:18px;height:18px}.note-mark{border:1px solid color-mix(in srgb, var(--ornament-gold) 60%, var(--border-color));background:color-mix(in srgb, var(--ornament-gold) 14%, transparent);width:1.25em;height:1.25em;color:var(--accent);vertical-align:super;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin-inline:.1em;font-family:system-ui,sans-serif;font-size:.62em;line-height:1;display:inline-flex}.note-mark:hover,.note-mark:focus-visible{background:color-mix(in srgb, var(--ornament-gold) 28%, transparent);outline:none}::highlight(mizan-notes){background-color:color-mix(in srgb, var(--ornament-gold) 22%, transparent)}.catalog-list{border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);background:var(--bg-surface);overflow:hidden}.catalog-list>*+*{border-top:1px solid var(--border-color)}:is([data-theme=classic-light],[data-theme=classic-dark]) .catalog-list{border-color:color-mix(in srgb, var(--ornament-gold) 45%, var(--border-color))}.catalog-row{transition:background-color var(--motion-base,.22s) var(--ease-out,ease);padding-block:10px;padding-inline:16px 12px;position:relative}.catalog-row:hover,.catalog-row[data-current]{background:var(--accent-softer)}.catalog-row-title{font-size:20px;line-height:1.8}.catalog-row-title .theme-font{font-size:18px}.catalog-row-title button:focus-visible:after{box-shadow:inset 0 0 0 2px var(--accent)}.catalog-row-author{color:var(--text-muted);font-size:14.5px;line-height:1.55}.catalog-row-meta{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.6}.catalog-row.is-compact{padding-block:6px}.catalog-row.is-compact .catalog-row-title{font-size:17px;line-height:1.7}.catalog-row.is-compact .catalog-row-title .theme-font{font-size:16px}.catalog-row.is-compact .catalog-row-meta{margin-top:0}.catalog-skeleton-row{align-items:center;min-height:92px;display:flex}html[data-density=compact] .catalog-skeleton-row{min-height:60px}.catalog-open{border-radius:var(--radius-md,8px);min-width:40px;height:40px;color:var(--accent);transition:border-color var(--motion-base,.22s) var(--ease-out,ease), background-color var(--motion-base,.22s) var(--ease-out,ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding-inline:10px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;display:inline-flex}@media (width>=640px){.catalog-open{height:36px}}.catalog-open:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-color));background:var(--bg-surface)}.catalog-open:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sort-chip{border:1px solid var(--border-color);background:var(--bg-surface);height:40px;color:var(--text-main);border-radius:999px;align-items:center;gap:6px;padding-inline:12px;font-family:Inter,sans-serif;font-size:12.5px;display:inline-flex}@media (width>=640px){.sort-chip{height:36px}}.work-rel{border:1px solid var(--border-color);background:var(--bg-surface);max-width:100%;min-height:36px;color:var(--text-muted);transition:border-color var(--motion-base,.22s) var(--ease-out,ease), color var(--motion-base,.22s) var(--ease-out,ease);border-radius:999px;align-items:center;gap:6px;padding-inline:10px;font-family:Inter,sans-serif;font-size:12px;display:inline-flex}.work-rel:hover{border-color:var(--accent);color:var(--accent)}.resume-bar{background:color-mix(in srgb, var(--ornament-gold) 22%, transparent);border-radius:999px;flex:auto;min-width:0;height:4px;display:block;position:relative;overflow:hidden}.resume-bar>span{border-radius:inherit;background:var(--ornament-gold);height:100%;display:block}.library-sections{--sections-fade:2rem}.library-sections[data-fade=end]{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--sections-fade)), transparent);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--sections-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--sections-fade)), transparent)}.library-sections[data-fade=start]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--sections-fade));-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--sections-fade));mask-image:linear-gradient(to right, transparent, #000 var(--sections-fade))}.library-sections[data-fade=both]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--sections-fade), #000 calc(100% - var(--sections-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--sections-fade), #000 calc(100% - var(--sections-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--sections-fade), #000 calc(100% - var(--sections-fade)), transparent)}[dir=rtl] .library-sections[data-fade=end]{-webkit-mask-image:linear-gradient(to left, #000 calc(100% - var(--sections-fade)), transparent);-webkit-mask-image:linear-gradient(to left, #000 calc(100% - var(--sections-fade)), transparent);mask-image:linear-gradient(to left, #000 calc(100% - var(--sections-fade)), transparent)}[dir=rtl] .library-sections[data-fade=start]{-webkit-mask-image:linear-gradient(to left, transparent, #000 var(--sections-fade));-webkit-mask-image:linear-gradient(to left, transparent, #000 var(--sections-fade));mask-image:linear-gradient(to left, transparent, #000 var(--sections-fade))}.century-head{top:var(--shell-top);z-index:6;background:linear-gradient(var(--bg-app) 80%, color-mix(in srgb, var(--bg-app) 0%, transparent));align-items:baseline;gap:12px;margin-bottom:10px;padding-block:8px 6px;display:flex;position:sticky}.author-group{padding-block:10px 8px;padding-inline:16px 12px}.author-head{flex-wrap:wrap;align-items:baseline;gap:0 4px;display:flex}.author-works{border-inline-start:2px solid color-mix(in srgb, var(--ornament-gold) 40%, var(--border-color));margin-top:2px;padding-inline-start:12px}.author-work{border-radius:var(--radius-md,8px);min-height:44px;transition:background-color var(--motion-base,.22s) var(--ease-out,ease);padding:2px 4px}.author-work:hover{background:var(--accent-softer)}.author-work>button:first-child:focus-visible:after{box-shadow:inset 0 0 0 2px var(--accent);border-radius:var(--radius-md,8px)}@media (prefers-reduced-motion:reduce){.catalog-row,.catalog-open,.work-rel,.author-work{transition:none}}.author-work[data-current]{background:var(--accent-softer)}@media (width>=768px) and (width<=1023.98px) and (height>=600px){.library-split{grid-template-columns:clamp(300px,38%,380px) minmax(0,1fr);align-items:start;display:grid}.library-split-detail{top:var(--shell-top);z-index:5;height:calc(100vh - var(--shell-top) - var(--shell-bottom-h,0px));height:calc(100dvh - var(--shell-top) - var(--shell-bottom-h,0px));overscroll-behavior:contain;border-inline-start:1px solid var(--border-color);background:var(--bg-app);transition:height var(--motion-base,.22s) var(--ease-out,ease);position:sticky;overflow-y:auto}html[data-bars=hidden] .library-split-detail{height:calc(100vh - var(--shell-top));height:calc(100dvh - var(--shell-top))}.library-split-empty{text-align:center;min-height:70%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:13.5px;line-height:1.6;display:flex}.library-split-empty>p{max-width:34ch}.library-split-list .catalog-open>span{display:none}}@media (width>=768px) and (width<=1023.98px) and (height>=600px) and (prefers-reduced-motion:reduce){.library-split-detail{transition:none}}.reader-strip{background:color-mix(in srgb, var(--bg-app) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);container:reader-strip/inline-size}@container reader-strip (width<=860px){.reader-strip .reader-strip-label,.reader-strip .reader-chip-meta{display:none}}@container reader-strip (width<=600px){.reader-strip .reader-chip-author,.reader-strip .reader-chip-sep{display:none}}.reader-strip-row{align-items:center;gap:6px;max-width:1700px;min-height:52px;margin-inline:auto;padding:4px 12px;display:flex}@media (width>=1024px){.reader-strip-row{gap:8px;min-height:56px;padding-inline:20px}}.reader-strip-title{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:0;min-width:0;display:flex}.reader-strip-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.reader-strip-icon:hover,.reader-strip-icon[data-state=open]{background:var(--fill-subtle);color:var(--accent)}.reader-strip-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);height:36px;color:var(--text-main);flex-shrink:0;align-items:center;gap:6px;padding-inline:10px;font-family:Inter,sans-serif;font-size:12.5px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.reader-strip-btn>svg{color:var(--accent)}.reader-strip-btn:hover{border-color:var(--accent);color:var(--accent)}.reader-strip-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.reader-strip :is(.reader-strip-icon,.reader-strip-btn):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reader-chip{border-radius:var(--radius-md);min-width:0;max-width:100%;color:var(--text-main);align-items:center;gap:.35rem;padding:1px 8px;transition:background-color .15s,color .15s;display:inline-flex}.reader-chip:hover,.reader-chip[data-state=open]{background:var(--fill-subtle);color:var(--accent)}.reader-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reader-chip-title{text-overflow:ellipsis;white-space:nowrap;font-family:Amiri,serif;font-size:20px;line-height:1.55;display:block;overflow:hidden}.reader-chip-author{color:var(--text-muted);white-space:nowrap;font-family:Amiri,serif;font-size:15px;line-height:1.6}.reader-chip-author .ui-font,.reader-chip-author :is(span[class*=text-]){white-space:nowrap}.reader-chip-meta{border:1px solid var(--border-color);color:var(--text-muted);border-radius:999px;flex-shrink:0;gap:4px;padding:0 8px;font-size:11.5px;line-height:22px}.reader-chip-sep{color:var(--text-faint);flex-shrink:0}.reader-strip h1{min-width:0;max-width:min(46ch,100%)}.reader-strip-phone .reader-chip-title{font-size:17px}.reader-strip-phone h1{max-width:100%}.reader-crumbs{min-width:0;max-width:100%;display:block}.reader-crumbs :is(ol,.reader-crumbs-line){white-space:nowrap;min-width:0;color:var(--text-muted);justify-content:center;align-items:center;gap:4px;font-family:Amiri,serif;font-size:13.5px;line-height:1.6;display:flex;overflow:hidden}.reader-crumbs :is(li,.reader-crumb){align-items:center;gap:4px;min-width:0;display:flex}.reader-crumbs :is(li,.reader-crumb)>:is(button,span:not(.reader-crumb-sep)){text-overflow:ellipsis;white-space:nowrap;border-radius:4px;min-width:0;max-width:24em;overflow:hidden}.reader-crumbs :is(li,.reader-crumb):not(:last-child){flex-shrink:2}.reader-crumbs button:hover{color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.reader-crumbs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reader-crumbs :is([aria-current],.reader-crumb-here){color:var(--text-main)}.reader-crumb-sep{color:var(--text-faint);flex-shrink:0;font-family:Inter,sans-serif;font-size:11px}.reader-strip-phone .reader-crumbs :is(ol,.reader-crumbs-line){font-size:12.5px}.reader-strip-phone .reader-crumbs :is(li,.reader-crumb):not(:last-child):not(:nth-last-child(2)){display:none}.reader-title-button{border-radius:var(--radius-md);min-width:0;max-width:100%;min-height:44px;color:inherit;flex-direction:column;justify-content:center;align-items:center;padding-inline:2px;transition:background-color .15s;display:flex}.reader-title-button:active,.reader-title-button[aria-expanded=true]{background:var(--fill-subtle)}.reader-title-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reader-title-button .reader-chip-title{max-width:100%}.reader-hits{scroll-margin-top:calc(var(--reader-header-h,72px) + 12px)}.reader-search-row{border-top:1px solid var(--border-color);align-items:center;gap:8px;max-width:1700px;margin-inline:auto;padding:6px 12px 8px;display:flex}@media (width>=1024px){.reader-search-row{padding-inline:20px}}.reader-tip:not(:empty){border-top:1px solid var(--border-color);background:var(--accent-softer)}.reader-tip-row{max-width:1700px;color:var(--text-main);align-items:center;gap:8px;margin-inline:auto;padding:4px 12px;font-size:12.5px;line-height:1.45;display:flex}@media (width>=1024px){.reader-tip-row{padding-inline:20px}}.reader-tip-row>svg{color:var(--accent);flex-shrink:0}@media (pointer:coarse){.reader-tip-row .reader-strip-btn{height:44px}.reader-tip-row .reader-strip-icon{width:44px;height:44px}}.reader-strip-phone{transition:transform var(--motion-base,.22s) var(--ease-out,ease)}.reader-strip-phone[data-hidden]{transform:translateY(calc(-100% - 2px))}.reader-bar{color:var(--text-main);font-family:Inter,sans-serif}.reader-bar-row{align-items:center;gap:2px;min-width:0;display:flex}.reader-bar-btn{border-radius:var(--radius-md);min-width:36px;height:36px;color:var(--text-main);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding-inline:8px;font-size:12.5px;transition:background-color .15s,color .15s;display:inline-flex}.reader-bar-btn>svg{flex-shrink:0}.reader-bar-btn:hover:not(:disabled),.reader-bar-btn[data-state=open]{background:var(--fill-subtle);color:var(--accent)}.reader-bar-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.reader-bar-btn:disabled{opacity:.4;cursor:not-allowed}.reader-bar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reader-bar-sep{background:var(--border-color);flex-shrink:0;width:1px;height:20px;margin-inline:4px}.reader-bar-gap{flex:1 1 0}.reader-page-form{min-width:0;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding-inline:4px;font-size:12.5px;display:flex}.reader-page-form .page-jump{height:32px}.reader-slider{flex:140px;align-items:center;min-width:72px;padding-inline:8px;display:flex;position:relative}.reader-slider input[type=range]{cursor:pointer;width:100%;height:24px;accent-color:var(--accent);background:0 0}.reader-slider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.reader-slider-tip{bottom:calc(100% + 4px);border-radius:var(--radius-sm);background:var(--text-main);color:var(--bg-app);white-space:nowrap;pointer-events:none;padding:2px 6px;font-size:11.5px;position:absolute;inset-inline-start:clamp(8px, var(--slider-pos,0%), calc(100% - 8px));translate:-50%}html[dir=rtl] .reader-slider-tip{translate:50%}.reader-bar-dock{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px -14px color-mix(in srgb, var(--text-main) 40%, transparent);padding:4px}@container page-bar (width<=760px){.reader-bar-dock .reader-bar-label{display:none}}@container page-bar (width<=600px){.reader-bar-dock :is(.reader-slider,.reader-page-count){display:none}.reader-bar-dock .reader-page-form{flex:auto}}@container page-bar (width<=430px){.reader-bar-dock .reader-page-vol{display:none}}.reader-bar-fixed{inset-inline:0;z-index:30;border-top:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-surface) 96%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 calc(4px + env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) calc(4px + env(safe-area-inset-left,0px));transition:transform var(--motion-base,.22s) var(--ease-out,ease);position:fixed;bottom:0}.reader-bar-fixed[data-hidden]{transform:translateY(calc(100% + 2px))}.reader-bar-fixed .reader-slider{min-width:0;padding:2px 6px 0}.reader-bar-fixed .reader-slider input[type=range]{height:22px}.reader-bar-fixed .reader-bar-btn{min-width:40px;height:40px;padding-inline:6px}.reader-bar-fixed .reader-bar-label{display:none}@media (width>=640px){.reader-bar-fixed .reader-bar-label{display:inline}}.reader-bar-fixed .page-jump{width:3.5rem}@media (width<=379px){.reader-bar-fixed .reader-page-vol{display:none}}.reader-bar-fixed .reader-page-form{flex-shrink:1}.reader-bar-fixed .reader-page-vol{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=359px){.reader-bar-fixed .reader-page-form>label{display:none}}.reader-bar-fixed[data-more] .reader-bar-row{gap:0}.reader-bar-fixed[data-more] .reader-page-form>label{display:none}@media (width<=359.98px){.reader-bar-fixed[data-more] .reader-page-form{gap:4px;padding-inline:2px}.reader-bar-fixed[data-more] .page-jump{width:3rem}.reader-bar-fixed[data-more] .reader-page-total{display:none}}.book-tool{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--text-main);text-align:start;align-items:center;gap:12px;padding-inline:12px;font-size:14px;line-height:1.35;transition:background-color .15s;display:flex}.book-tool>svg{color:var(--accent);flex-shrink:0}.book-tool:active{background:var(--bg-card)}@media (hover:hover){.book-tool:hover{background:var(--bg-card)}}.book-tool:disabled{opacity:.45}.book-tool:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.page-card-foot{min-height:40px;color:var(--text-muted);justify-content:center;align-items:center;margin-top:6px;padding-inline:48px;font-size:12.5px;display:flex;position:relative}.page-card-place{font-variant-numeric:tabular-nums}.page-card-menu{inset-inline-end:4px;border:1px solid var(--border-color);background:var(--bg-surface);width:36px;height:36px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex;position:absolute;top:50%;translate:0 -50%}.page-card-menu:hover,.page-card-menu[data-state=open]{border-color:var(--accent);color:var(--accent)}.page-card-menu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reader-paper{isolation:isolate}html[data-theme$=-light]:not([data-paper=night]) .reader-paper:after,html:is([data-paper=white],[data-paper=samua],[data-paper=sepia]) .reader-paper:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-color:var(--paper-ink,var(--text-main));opacity:var(--paper-grain,.035);-webkit-mask:var(--paper-fibre) 0 0 / 220px 220px repeat;-webkit-mask:var(--paper-fibre) 0 0 / 220px 220px repeat;mask:var(--paper-fibre) 0 0 / 220px 220px repeat;position:absolute;inset:0}.selection-bar-docked{top:auto;left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-wrap:nowrap;width:min(560px,100vw - 16px);translate:-50%}.selection-bar-docked button{white-space:normal;text-align:center;flex-direction:column;flex:1 1 0;gap:3px;min-width:0;padding:6px 4px;font-size:11.5px;line-height:1.25}.selection-bar .selection-bar-more{min-width:40px}.fn-preview{z-index:60;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);max-width:min(420px,100vw - 16px);box-shadow:var(--shadow-menu);pointer-events:none;padding:10px 14px;position:fixed}.fn-preview[data-pinned]{pointer-events:auto}.fn-preview-text{max-height:40vh;font-family:var(--ar-font,"Amiri"), serif;color:var(--text-main);text-align:start;font-size:17px;line-height:1.9;overflow-y:auto}.fn-preview-go{min-height:36px;color:var(--accent);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:inline-flex}.fn-preview-go:hover{text-underline-offset:.2em;text-decoration:underline}::highlight(mizan-vurgu){background-color:color-mix(in srgb, var(--ornament-gold) 38%, transparent)}.point-menu{z-index:60;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);min-width:220px;box-shadow:var(--shadow-menu);color:var(--text-main);padding:4px;font-size:13px;position:fixed}.point-menu button{border-radius:var(--radius-md);text-align:start;align-items:center;gap:10px;width:100%;min-height:40px;padding-inline:10px;display:flex}.point-menu button>svg{color:var(--accent);flex-shrink:0}.point-menu button:hover,.point-menu button:focus-visible{background:var(--fill-subtle);color:var(--accent);outline:none}.reader-note-quote{border-inline-start:3px solid color-mix(in srgb, var(--ornament-gold) 60%, transparent);padding-inline-start:8px}.lib-body .ravi-link{cursor:pointer;transition:color .15s}.lib-body .ravi-link:hover{color:var(--accent)}.lib-body .ravi-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.reader-theme-swatch{border:1px solid var(--border-color);border-radius:999px;flex-shrink:0;width:18px;height:18px;display:inline-block}.reader-theme-swatch[data-swatch=classic-light]{background:linear-gradient(135deg,#fbf7ee 0 55%,#8b261d 55% 100%)}.reader-theme-swatch[data-swatch=classic-dark]{background:linear-gradient(135deg,#1c1714 0 55%,#d4a373 55% 100%)}.reader-theme-swatch[data-swatch=modern-light]{background:linear-gradient(135deg,#f8fafc 0 55%,#047857 55% 100%)}.reader-theme-swatch[data-swatch=modern-dark]{background:linear-gradient(135deg,#09090b 0 55%,#10b981 55% 100%)}@media (prefers-reduced-motion:reduce){.reader-strip-phone,.reader-bar-fixed,.reader-strip-icon,.reader-strip-btn,.reader-chip,.reader-bar-btn,.page-card-menu{transition:none}}body:has([role=dialog],[role=menu],[data-vaul-drawer]) [data-sonner-toast].mizan-tip{display:none}@media (pointer:coarse){.tap-target{min-width:40px;min-height:40px}.reader-strip-icon{width:40px;height:40px}.reader-strip-btn{height:40px}.reader-bar-btn{min-width:40px;height:40px}.page-card-menu{width:44px;height:44px}.page-card-foot{min-height:44px}html [data-sonner-toaster] [data-sonner-toast][data-styled=true] [data-button]{height:44px}.stack-tool{min-width:2.5rem;height:2.5rem}.reader-stack .page-bar-sticky .reader-tool{height:2.5rem}.reader-page-form .page-jump,.catalog-open,.sort-chip{height:40px}.work-rel,.reader-strip .reader-chip-author{min-height:40px}.reader-strip .reader-chip-meta{position:relative}.reader-strip .reader-chip-meta:before{content:"";position:absolute;inset:-9px min(-2px,50% - 22px)}.sort-chip>select{align-self:stretch;margin-block:-1px}.lib-body :is(.note-mark,.tkz-btn,a.fn-ref){position:relative}.lib-body :is(.note-mark,.tkz-btn):after{content:"";position:absolute;inset:-12px 0}.lib-body a.fn-ref:after{content:"";position:absolute;inset:-8px 0}}:root{--motion-fast:.15s;--motion-base:.22s;--motion-slow:.3s;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}html[data-motion=reduce] *,html[data-motion=reduce] :before,html[data-motion=reduce] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-motion=reduce]::view-transition-group(*){animation:none!important}html[data-motion=reduce]::view-transition-old(*){animation:none!important}html[data-motion=reduce]::view-transition-new(*){animation:none!important}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}html[data-vt]::view-transition-group(*){animation-duration:var(--motion-base);animation-timing-function:var(--ease-out)}html[data-vt]::view-transition-old(*){animation-duration:var(--motion-base);animation-timing-function:var(--ease-out)}html[data-vt]::view-transition-new(*){animation-duration:var(--motion-base);animation-timing-function:var(--ease-out)}html[data-vt=section] .app-header{view-transition-name:mz-app-header}html[data-vt=section] aside.sidebar{view-transition-name:mz-sidebar}html[data-vt=section] .bottom-nav{view-transition-name:mz-bottom-nav}html[data-vt=section] .tab-bar{view-transition-name:mz-tab-bar}html[data-vt=section]::view-transition-group(mz-app-header){animation:none}html[data-vt=section]::view-transition-group(mz-sidebar){animation:none}html[data-vt=section]::view-transition-group(mz-bottom-nav){animation:none}html[data-vt=section]::view-transition-group(mz-support){animation:none}html[data-vt=section]::view-transition-group(mz-tab-bar){animation:none}html[data-vt=book]::view-transition-group(*){animation-duration:.26s}html[data-vt=book]::view-transition-old(*){block-size:100%;inline-size:auto}html[data-vt=book]::view-transition-new(*){block-size:100%;inline-size:auto}html[data-vt=book]::view-transition-old(root){animation-duration:var(--motion-base)}html[data-vt=book]::view-transition-new(root){animation-duration:var(--motion-base)}html[data-vt=theme]::view-transition-group(*){animation-duration:var(--motion-base);animation-timing-function:var(--ease-in-out)}html[data-vt=theme]::view-transition-old(*){animation-duration:var(--motion-base);animation-timing-function:var(--ease-in-out)}html[data-vt=theme]::view-transition-new(*){animation-duration:var(--motion-base);animation-timing-function:var(--ease-in-out)}.app-header{transition:transform var(--motion-base) var(--ease-out), background-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out)}.app-header>*{transition:transform var(--motion-base) var(--ease-out)}.app-header[data-compact]{background-color:color-mix(in srgb, var(--bg-app) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);box-shadow:0 8px 20px -16px color-mix(in srgb, var(--text-main) 35%, transparent);transform:translateY(-16px)}.app-header[data-compact]>*{transform:translateY(8px)}.station-nav{transition:top var(--motion-base) var(--ease-out)}@media (width<=639.98px){html[data-header=compact] .station-nav{top:calc(48px + env(safe-area-inset-top,0px))}}@media (width>=640px) and (width<=1023.98px){html[data-header=compact] .station-nav{top:calc(56px + env(safe-area-inset-top,0px))}}.has-indicator>.tab-indicator{z-index:0;pointer-events:none;opacity:0;transition:transform var(--motion-base) var(--ease-out), width var(--motion-base) var(--ease-out), height var(--motion-base) var(--ease-out);position:absolute;inset:0 auto auto 0}.has-indicator[data-indicator=ready]>.tab-indicator{opacity:1}.has-indicator>:not(.tab-indicator){z-index:1;position:relative}.tab-indicator-underline{background:var(--accent);border-radius:2px}.has-indicator[data-indicator=ready]>.search-tab.selected{border-bottom-color:#0000}.has-indicator[data-indicator=ready]>button[aria-pressed=true],.has-indicator[data-indicator=ready]>[role=tab][data-state=active]{background-color:#0000}.has-indicator[data-indicator=ready]>button[aria-pressed=true]:not(:focus-visible),.has-indicator[data-indicator=ready]>[role=tab][data-state=active]:not(:focus-visible){box-shadow:none}.has-indicator[data-indicator=ready]>[role=tab] .tab-mark{display:none}@media (width>=640px){.settings-tab-indicator:before{content:"";background:var(--accent);border-radius:9999px;width:3px;position:absolute;inset-block:10px;inset-inline-start:0}}.reading-progress{inset-inline:0;z-index:1;pointer-events:none;height:2px;position:absolute;bottom:-1px;overflow:hidden}.reading-progress.is-fixed{z-index:31;position:fixed;top:0;bottom:auto}.reading-progress[data-state=off]{visibility:hidden}.reading-progress>span{background:var(--ornament-gold);transform-origin:0;height:100%;display:block;transform:scaleX(0)}html[dir=rtl] .reading-progress>span{transform-origin:100%}.back-to-top{z-index:14;inset-inline-end:1rem;bottom:calc(5rem + env(safe-area-inset-bottom,0px));border:1px solid var(--border-color);background:var(--bg-surface);width:44px;height:44px;color:var(--accent);box-shadow:0 4px 18px -5px color-mix(in srgb, var(--text-muted) 24%, transparent);opacity:0;visibility:hidden;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), visibility 0s linear var(--motion-fast);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;transform:translateY(6px)}.back-to-top[data-shown]{opacity:1;visibility:visible;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), visibility 0s;transform:none}.back-to-top:hover{border-color:var(--accent)}@media (width>=1024px){.back-to-top{bottom:1.5rem;width:42px;height:42px;inset-inline-end:1.75rem}}@media (width<=1023px){:is(body:has([data-sonner-toast]) .back-to-top,body:has(#salawat-title) .back-to-top){opacity:0;visibility:hidden}}main#main[tabindex="-1"]:focus{outline:none}@media print{.back-to-top,.reading-progress{display:none!important}}:root{--paper-fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85 .62' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.9 0 0 0 -.78'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");--paper-ink:var(--text-main);--paper-grain:.035;--paper-vignette:color-mix(in srgb, var(--text-main) 5%, transparent);--card-hover-border:color-mix(in srgb, var(--ornament-gold) 72%, var(--border-color));--shadow-lift:0 1px 2px color-mix(in srgb, var(--text-main) 6%, transparent), 0 14px 30px -18px color-mix(in srgb, var(--text-main) 32%, transparent);--lamp-glow:0 8px 24px -14px color-mix(in srgb, var(--ornament-gold) 80%, transparent);--lamp-rim:0 0 0 1px color-mix(in srgb, var(--ornament-gold) 26%, transparent)}[data-theme=classic-dark]{--paper-grain:.028;--paper-vignette:#00000047}[data-theme$=-dark]{--shadow-lift:0 1px 2px #0000004d, 0 16px 32px -18px #000000bf;--lamp-glow:0 8px 26px -14px color-mix(in srgb, var(--ornament-gold) 55%, transparent);--lamp-rim:0 0 0 1px color-mix(in srgb, var(--ornament-gold) 22%, transparent)}html:is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) body,html:is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) .app-container,html:is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) .shell-sections:not([hidden]),html:is([data-theme=classic-light],[data-theme=classic-dark]):is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) aside.sidebar{background-color:#0000}html:is([data-theme=classic-light],[data-theme=classic-dark]):is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) body:before,html:is([data-theme=classic-light],[data-theme=classic-dark]):is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}html:is([data-theme=classic-light],[data-theme=classic-dark]):is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) body:before{background-color:var(--paper-ink);opacity:var(--paper-grain);-webkit-mask:var(--paper-fibre) 0 0 / 220px 220px repeat;-webkit-mask:var(--paper-fibre) 0 0 / 220px 220px repeat;mask:var(--paper-fibre) 0 0 / 220px 220px repeat}html:is([data-theme=classic-light],[data-theme=classic-dark]):is([data-section=home],[data-section=library],[data-section=hadith],[data-section=lexicon]) body:after{background:radial-gradient(ellipse 118% 100% at 50% 40%, transparent 56%, var(--paper-vignette) 100%)}html[data-section=library]{--section-tint:color-mix(in srgb, color-mix(in srgb, var(--text-muted) 75%, var(--accent)) 4.5%, transparent)}html[data-section=hadith]{--section-tint:color-mix(in srgb, color-mix(in srgb, var(--accent) 40%, var(--ornament-gold)) 5%, transparent)}html[data-section=lexicon]{--section-tint:color-mix(in srgb, var(--bg-card) 55%, transparent)}html[data-theme^=modern][data-section=library]{--section-tint:color-mix(in srgb, var(--text-muted) 3%, transparent)}html[data-theme^=modern][data-section=hadith]{--section-tint:color-mix(in srgb, var(--ornament-gold) 4%, transparent)}html[data-theme^=modern][data-section=lexicon]{--section-tint:color-mix(in srgb, var(--bg-card) 35%, transparent)}html:is([data-section=library],[data-section=hadith],[data-section=lexicon]) .app-container{position:relative}html:is([data-section=library],[data-section=hadith],[data-section=lexicon]) .app-container:before{content:"";inset-inline:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--section-tint) 0, var(--section-tint) 64%, transparent 100%);height:660px;position:absolute;top:0}@media (width>=1024px){html:is([data-section=library],[data-section=hadith],[data-section=lexicon]) .app-container:before{inset-inline-start:var(--sidebar-w,222px)}}html[data-section=hadith] .station-nav{background-image:linear-gradient(var(--section-tint), var(--section-tint))}html:is([data-theme=classic-light],[data-theme=classic-dark])[data-section=hadith] .station-nav:before{content:"";z-index:-1;pointer-events:none;background-color:var(--paper-ink);opacity:var(--paper-grain);-webkit-mask:var(--paper-fibre) 0 0 / 220px 220px repeat;-webkit-mask:var(--paper-fibre) 0 0 / 220px 220px repeat;mask:var(--paper-fibre) 0 0 / 220px 220px repeat;position:absolute;inset:0}:root .sidebar .nav-item{transition-property:color,background-color,border-color,box-shadow;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out)}:root .sidebar .nav-item.active-nav{box-shadow:var(--lamp-rim), var(--lamp-glow);background-image:radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, var(--ornament-gold) 11%, transparent), transparent 72%)}html[dir=rtl] .sidebar .nav-item.active-nav{background-image:radial-gradient(120% 140% at 100% 50%, color-mix(in srgb, var(--ornament-gold) 11%, transparent), transparent 72%)}.bottom-nav .bottom-nav-pill{transition-property:background-color,box-shadow;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out)}.bottom-nav [aria-current=page] .bottom-nav-pill{box-shadow:0 0 0 1px color-mix(in srgb, var(--ornament-gold) 24%, transparent), 0 3px 12px -4px color-mix(in srgb, var(--ornament-gold) 70%, transparent)}:root .search-panel{transition:border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out)}:root .search-panel:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent), 0 12px 34px -16px color-mix(in srgb, var(--ornament-gold) 85%, transparent)}[data-theme$=-dark] .search-panel:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent), 0 12px 36px -16px color-mix(in srgb, var(--ornament-gold) 60%, transparent)}:root .result-card{transition-property:border-color,box-shadow;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out)}:root .result-card[data-open]{box-shadow:var(--lamp-rim), var(--lamp-glow)}:root .result-card[data-flash]{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}:root .notebook-note-card[aria-current=page]{box-shadow:var(--lamp-rim), var(--lamp-glow)}:is([data-theme=classic-light],[data-theme=classic-dark]) .notebook-note-card[aria-current=page]{box-shadow:inset 0 -3px var(--bg-app), inset 0 -4px var(--border-color), var(--lamp-rim), var(--lamp-glow)}@media (hover:hover) and (pointer:fine){:root :is(.result-card,.continue-card,.feature-card){transition-property:border-color,box-shadow,translate,background-color,color;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out)}:root :is(.result-card,.continue-card,.feature-card):hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-lift)}:root :is(.continue-card,.feature-card):hover{translate:0 -2px}:root .result-card:hover{translate:0 -1px}:root .result-card[data-open]:hover{border-color:var(--accent);box-shadow:var(--lamp-rim), var(--lamp-glow)}}:root :is(.accent-button,.reader-tool,.tool-btn,.category-chip,.icon-button,.icon-btn){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,scale,translate;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-in-out)}:root :is(.accent-button,.reader-tool,.tool-btn,.category-chip):active:not(:disabled):not([aria-disabled=true]){scale:.98}:root :is(.icon-button,.icon-btn):active:not(:disabled):not([aria-disabled=true]){translate:0 1px}.done-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.done-icon[data-done]{color:var(--accent)}.done-icon[data-done]>svg{animation:done-in var(--motion-fast) var(--ease-out)}@keyframes done-in{0%{opacity:.2;scale:.6}}[data-saved-glow]{animation:saved-glow var(--motion-slow) var(--ease-out) 1}@keyframes saved-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ornament-gold) 0%, transparent)}35%{box-shadow:0 0 0 2px color-mix(in srgb, var(--ornament-gold) 55%, transparent), 0 0 14px 1px color-mix(in srgb, var(--ornament-gold) 40%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--ornament-gold) 0%, transparent)}}.classical-emblem[data-tezhip=draw]{border-color:#0000}.tezhip-arch{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;overflow:visible}.tezhip-arch path{stroke:var(--ornament-gold);stroke-width:1px;stroke-dasharray:1 2;animation:tezhip-draw .28s var(--ease-in-out) 20ms backwards}.classical-emblem[data-tezhip=draw] .tezhip-lines path{stroke-dasharray:1 2;animation:tezhip-draw .22s var(--ease-out) 80ms backwards}.classical-emblem[data-tezhip=draw]:before{animation:tezhip-fade .18s var(--ease-out) .12s backwards}.classical-emblem[data-tezhip=draw]>div:first-child{transform-origin:top;animation:tezhip-grow-y .14s var(--ease-out) backwards}.classical-emblem[data-tezhip=draw]>div:last-child{transform-origin:50%;animation:tezhip-grow-x .16s var(--ease-out) .14s backwards}@keyframes tezhip-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes tezhip-fade{0%{opacity:0}}@keyframes tezhip-grow-y{0%{transform:scaleY(0)}}@keyframes tezhip-grow-x{0%{transform:scaleX(0)}}.classical-emblem[data-depth]{will-change:translate}html[data-motion=reduce] :is(.result-card,.continue-card,.feature-card,.accent-button,.reader-tool,.tool-btn,.category-chip,.icon-button,.icon-btn){translate:none!important;scale:none!important}html[data-motion=reduce] .classical-emblem{translate:none!important}@media (prefers-reduced-motion:reduce){:is(.result-card,.continue-card,.feature-card,.accent-button,.reader-tool,.tool-btn,.category-chip,.icon-button,.icon-btn){translate:none!important;scale:none!important}.classical-emblem{translate:none!important}}@media print{body:before,body:after,.app-container:before,.tezhip-arch{display:none!important}.classical-emblem{translate:none!important}}@media (forced-colors:active){body:before,body:after,.app-container:before{display:none!important}}.react-flow__node.schema-hit{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.react-flow__node.schema-hit-active{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 22%, transparent);outline-width:3px}