/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.contents{display:contents}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lowercase{text-transform:lowercase}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Figtree;src:url(../../../fonts/figtree.ttf)format("truetype");font-weight:300 900;font-display:swap}@font-face{font-family:Amiri;src:url(../../../fonts/amiri.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(../../../fonts/scheherazade-new.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(../../../fonts/noto-naskh-arabic.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{color:var(--text);background:var(--background);font-synthesis:none;--text:#1f2e2b;--background:#f7f8f5;--surface:#fff;--action:#1f6a5c;--action-hover:#185548;--on-action:#fff;--hover:#dcebe3;--warning:#6b5426;--warning-background:#f9f5e9;--warning-border:#d8c9a6;--error:#913c2d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#1f6a5c;--secondary:#5e6e68;--border:#dce4df;--selection:#e8f1ed;--chain:#596c69;--commentary:#7b536f;--name:#006e73;font-family:Figtree,Helvetica Neue,Arial,sans-serif}:root[data-theme=sepia]{--text:#3e3629;--background:#f5eddd;--surface:#fff8e9;--accent:#4a6650;--action:#526f56;--action-hover:#405845;--secondary:#73654e;--border:#d8ceb7;--selection:#e9e0cd;--hover:#e1d6bc;--chain:#726148;--commentary:#7a4c69;--name:#285e59}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#e5eee9;--background:#13201b;--surface:#1b2924;--accent:#8dd4c0;--action:#286c5c;--action-hover:#327e6c;--secondary:#afbeb7;--border:#354940;--selection:#213a33;--hover:#2c4940;--warning:#e7c57c;--warning-background:#383322;--warning-border:#6f6040;--error:#f1aaa0;--chain:#adbdba;--commentary:#dec48c;--name:#6ad9d1}.hide-translation section[aria-label=English\ translation]{display:none}body{margin:0;font-size:17px;line-height:1.6}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--secondary) transparent}@supports (color:color-mix(in lab, red, red)){*{scrollbar-color:color-mix(in srgb, var(--secondary) 55%, var(--surface)) transparent}}::selection{background:var(--hover);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button,select{min-height:44px}button{border:0}button:disabled,input:disabled{cursor:default;opacity:.6}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input[type=checkbox],input[type=range]{accent-color:var(--accent)}h1,h2,p{margin:0}h1,h2{font-family:Figtree,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1.25}h1{letter-spacing:-.035em}button,.catalog-row{transition:background-color .12s,color .12s}.muted{color:var(--secondary)}.eyebrow{color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.5}.tabular,.time,.recording-number,.recording-duration{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ui-icon{vertical-align:-.15em;flex-shrink:0;display:inline-block}.skip-link{z-index:30;color:var(--on-action);background:var(--action);padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.app-shell{--collection-width:min(400px, calc(100vw - 40px));--collection-offset:0px;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.app-shell.collection-open{--collection-offset:var(--collection-width)}.page-content{flex-direction:column;flex:1;display:flex}#main-content{flex:1}.page-content,.reader-toolbar{margin-left:var(--collection-offset);transition:margin-left .16s}.collection-drawer{top:var(--site-header-height);z-index:16;width:var(--collection-width);height:calc(100dvh - var(--site-header-height));border:0;border-right:1px solid var(--border);background:var(--surface);max-width:none;max-height:none;color:var(--text);visibility:hidden;margin:0;padding-inline:16px;transition:transform .16s,visibility .16s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.collection-drawer[open]{flex-direction:column;display:flex}.collection-drawer::backdrop{background:#0b161b80}.collection-open .collection-drawer{visibility:visible;transform:translate(0)}.collection-drawer-heading{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;display:flex}.collection-drawer-heading h2{font-size:16px;font-weight:600}.sticky-headers{z-index:15;position:sticky;top:0}#main-content,#hadith-title,.additional-narration,.narration-variant,#collection{scroll-margin-top:calc(var(--site-header-height) + var(--reader-toolbar-height) + 24px)}.site-header{border-bottom:1px solid var(--border);background:var(--background)}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;min-height:80px;margin:auto;padding:0 40px;display:flex}.reader-toolbar{border-bottom:1px solid var(--border);background:var(--surface)}.reader-toolbar-inner{align-items:center;gap:20px;max-width:1280px;min-height:56px;margin:auto;padding:6px 40px;display:flex}.reader-toolbar-title{flex:1;align-items:baseline;gap:12px;min-width:0;font-size:14px;display:flex}.reader-toolbar-reference{max-width:35%;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.reader-toolbar-reference:hover{color:var(--accent);text-decoration:underline}.reader-toolbar-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.brand{flex:0 220px;align-items:center;min-width:0;min-height:44px;margin-right:auto;display:inline-flex}.brand img{width:220px;max-width:100%;height:auto;display:block}:root[data-theme=dark] .brand img,:root[data-theme=dark] .home-wordmark{filter:brightness(0)invert()}.header-link{min-height:44px;color:var(--secondary);align-items:center;gap:12px;font-size:15px;display:inline-flex}.navbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.icon-button{width:44px;height:44px;color:var(--text);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;display:inline-flex}.icon-button:hover,.icon-button[aria-expanded=true]{background:var(--selection);color:var(--accent)}.side-panel{border:0;border-left:1px solid var(--border);background:var(--surface);width:min(420px,100%);max-width:100%;height:100dvh;max-height:100dvh;color:var(--text);margin:0 0 0 auto;padding:0;position:fixed;inset:0 0 0 auto}.side-panel[open]{flex-direction:column;animation:.16s ease-out panel-enter;display:flex}.side-panel::backdrop{background:#0b161b80}@keyframes panel-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.panel-header h2{font-family:Figtree,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:600}.panel-body{overscroll-behavior:contain;flex:1;min-height:0;padding:22px 20px;overflow-y:auto}.panel-search input{border:1px solid var(--border);background:var(--background);width:100%;min-height:48px;color:var(--text);border-radius:12px;padding:10px 14px}.panel-search input::placeholder{color:var(--secondary);opacity:1}.panel-section-title{margin:24px 0 12px;font-size:15px;font-weight:600}.panel-results,.recent-searches{margin:0;padding:0;list-style:none}.panel-results li,.recent-searches li{border-top:1px solid var(--border)}.panel-results a{align-items:baseline;gap:12px;min-height:52px;padding:14px 4px;font-size:15px;display:flex}.panel-results a:hover,.recent-searches button:hover{background:var(--selection);color:var(--accent)}.panel-results small{color:var(--secondary);margin-top:5px;font-size:12px;display:block}.recent-searches li{align-items:center;display:flex}.recent-searches button:first-child{min-width:0;color:var(--text);text-align:left;overflow-wrap:anywhere;background:0 0;flex:1;padding:12px 4px}.panel-help{color:var(--secondary);margin-top:8px;font-size:13px;line-height:1.6}.settings-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.settings-tabs button{min-width:0;min-height:54px;color:var(--secondary);background:0 0;border-bottom:2px solid #0000;flex:1;padding:12px 6px;font-size:13px;font-weight:600}.settings-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.settings-tabs button:hover{background:var(--background)}.settings-body{padding:16px 14px 28px}.settings-preview{background:var(--background);border-radius:12px;margin-bottom:22px;padding:14px 16px 20px}.preview-caption{border-bottom:1px solid var(--border);color:var(--secondary);margin-bottom:20px;padding-bottom:10px;font-size:11px}.settings-preview .arabic,.settings-preview .translation{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.settings-preview .arabic{line-height:1.9}.settings-preview .translation{font-size:calc(17px * var(--translation-scale,1));line-height:1.65}.settings-preview .text-section+.text-section{border:0;margin-top:18px;padding-top:0}.font-choices{border:0;min-width:0;margin:0 0 18px;padding:0}.setting-label{margin-bottom:14px;font-size:14px;font-weight:500}.segmented-control{background:var(--background);border-radius:28px;padding:4px;display:flex}.segmented-control label{cursor:pointer;flex:1;min-width:0;position:relative}.segmented-control span{min-height:40px;color:var(--secondary);border-radius:24px;justify-content:center;align-items:center;padding:8px 6px;font-size:13px;display:flex}.segmented-control input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 5px #0000001a}.segmented-control input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:66px;font-size:14px;display:flex}.setting-stepper{flex-shrink:0;align-items:center;gap:4px;display:flex}.setting-stepper button{width:44px;height:44px;color:var(--text);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:23px;font-weight:400;display:inline-flex}.setting-stepper button:hover:not(:disabled){background:var(--background)}.setting-stepper button:disabled{opacity:.3}.setting-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:14px}.setting-checkbox{cursor:pointer}.setting-checkbox input{appearance:none;border:1px solid var(--border);background:var(--border);border-radius:20px;flex-shrink:0;width:40px;height:24px;transition:background-color .12s;position:relative}.setting-checkbox input:after{content:"";background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:3px;left:3px}.setting-checkbox input:checked{background:var(--action);border-color:var(--action)}.setting-checkbox input:checked:after{background:var(--on-action);transform:translate(16px)}.reset-settings{min-height:44px;color:var(--secondary);background:0 0;padding:8px 12px;font-size:14px;font-weight:600}.reset-settings:hover{color:var(--accent)}.panel-footer{padding:16px 20px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;gap:12px;display:flex}.header-link:hover,.back-link:hover{color:var(--accent)}.page-width{width:calc(100% - 64px);max-width:920px;margin-inline:auto}.home-intro{background:var(--selection);text-align:center;padding:40px 32px 30px}.home-intro h1{line-height:1}.home-wordmark{width:640px;max-width:100%;height:auto;margin-inline:auto;display:block}.home-intro>p{color:var(--secondary);margin-top:12px;font-size:17px}.search-field{border:1px solid var(--border);background:var(--surface);max-width:740px;color:var(--secondary);border-radius:36px;align-items:center;gap:14px;margin:26px auto 0;padding:0 22px;display:flex}.search-field:focus-within{border-color:var(--accent);outline:1px solid var(--accent)}.search-field svg{flex-shrink:0}.search-field input{width:100%;min-width:0;height:58px;color:var(--text);background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--secondary);opacity:1}.search-field input::-webkit-search-cancel-button{display:none}.clear-search{width:44px;color:var(--secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.clear-search:hover{background:var(--selection);color:var(--accent)}.browse-link{min-height:44px;color:var(--accent);align-items:center;gap:12px;margin-top:16px;font-size:14px;display:inline-flex}.home-content{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}.daily-section{margin-top:38px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.section-heading h2,.section-title{letter-spacing:.1em;text-transform:uppercase;font-family:Figtree,Helvetica Neue,Arial,sans-serif;font-size:17px;font-weight:600}.section-heading time{color:var(--secondary);font-size:13px}.daily-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}.daily-body{padding:28px 38px}.daily-title{margin:0 0 22px;font-family:Figtree,Helvetica Neue,Arial,sans-serif;font-size:clamp(23px,2.5vw,29px);font-weight:500;line-height:1.35}.daily-title a:hover{color:var(--accent)}.daily-card .arabic,.daily-card .translation{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.daily-card .arabic{font-size:calc(27px * var(--arabic-scale,1));line-height:1.9}.daily-card .translation{font-size:calc(18px * var(--translation-scale,1));line-height:1.75}.daily-card .text-section+.text-section{margin-top:20px;padding-top:20px}.daily-sources{color:var(--secondary);text-align:right;margin-top:18px;font-size:12px;line-height:1.7}.daily-sources a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.daily-actions{border-top:1px solid var(--border);background:var(--selection);grid-template-columns:1fr 1fr;display:grid}.daily-actions a,.daily-actions button{min-height:56px;color:var(--accent);background:0 0;justify-content:center;align-items:center;gap:12px;padding:10px 18px;font-size:15px;font-weight:600;display:flex}.daily-actions>:last-child{border-left:1px solid var(--border)}.daily-actions a:hover,.daily-actions button:hover{background:var(--hover)}.daily-listen-label{align-items:baseline;gap:inherit;display:inline-flex}.daily-actions .tabular{font-size:13px;font-weight:400}.catalog{scroll-margin-top:calc(var(--site-header-height) + 24px);padding-top:44px}.section-title{text-align:center}.catalog-heading{color:var(--secondary);justify-content:space-between;margin-top:24px;padding-bottom:12px;font-size:13px;display:flex}.catalog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.catalog-list li{min-width:0}.catalog-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:16px;height:100%;min-height:100px;padding:18px;display:grid}.catalog-row:hover,.catalog-row:focus-visible{background:var(--selection)}.recording-number{background:var(--selection);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.recording-info{min-width:0}.recording-title{font-size:16px;font-weight:600;line-height:1.4;display:block}.recording-reference{color:var(--secondary);overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.4;display:block}.recording-duration{color:var(--secondary);text-align:right;white-space:nowrap;font-size:12px}.catalog-note{color:var(--secondary);margin-top:22px;font-size:14px}.site-footer{border-top:1px solid var(--border);width:100%;max-width:1200px;color:var(--secondary);justify-content:space-between;gap:20px;margin:64px auto 0;padding:28px 32px;font-size:13px;display:flex}.site-footer>span:first-child{font-weight:600}.has-player{padding-bottom:calc(var(--audio-player-height,0px) + 24px)}.empty-state{border-block:1px solid var(--border);text-align:center;padding:55px 20px}.empty-state h2{font-size:28px}.empty-state p{color:var(--secondary);margin:12px 0 22px}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:10px 18px;font-size:15px;font-weight:600;display:inline-flex}.primary-button{background:var(--action);color:var(--on-action)}.primary-button:hover,.play-button:hover{background:var(--action-hover)}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--accent)}.secondary-button:hover{background:var(--selection)}.reader-layout{max-width:960px;margin:32px auto 0;padding:0 40px}.collection-nav{height:calc(100dvh - var(--site-header-height) - 76px);flex-direction:column;display:flex}.collection-nav>.back-link{flex-shrink:0}.back-link{min-height:44px;color:var(--secondary);align-items:center;gap:8px;font-size:15px;display:inline-flex}.collection-nav>ol{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;margin:0;padding:0 10px 0 0;list-style:none;overflow-y:auto}.collection-nav>ol>li+li{border-top:1px solid var(--border)}.collection-nav li a{border-radius:4px;gap:13px;padding:14px 10px;font-size:14px;line-height:1.4;display:flex}.collection-nav li a:hover{background:var(--hover)}.collection-nav li a[aria-current=page]{background:var(--selection);color:var(--accent);font-weight:600}.nav-number{color:var(--secondary);flex:0 0 20px;font-size:12px;font-weight:400}.collection-nav small{color:var(--secondary);margin-top:5px;font-size:12px;font-weight:400;display:block}.reader-main{min-width:0}.reading-surface{border:1px solid var(--border);background:var(--surface);overflow-wrap:break-word;border-radius:16px;padding:38px 40px 36px}.reader-heading{flex-wrap:wrap;align-items:start;gap:14px 24px;margin-bottom:32px;display:flex}.reader-heading-top{flex-basis:100%;justify-content:space-between;align-items:center;display:flex}.reader-heading h1{flex:280px;min-width:0;margin:0;font-size:clamp(30px,3vw,40px);line-height:1.25}.reader-heading .eyebrow>span{margin-left:4px}.listen-row{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.listen-row>span{font-size:14px}select{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;padding:6px 8px}.reference-notice{color:var(--secondary);margin-top:22px;font-size:13px;line-height:1.65}:is(.sources+footer .reference-notice,.additional-narration:not(:has(>.recording-notes))+footer .reference-notice){border-top:1px solid var(--border);padding-top:22px}.reference-notice p+p{margin-top:6px}.source-status{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:14px 0 8px;font-size:14px;display:flex}.source-status a,.translation-credit a,.sources a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.text-section+.text-section{border-top:1px solid var(--border);margin-top:34px;padding-top:28px}.arabic{font-family:var(--arabic-font,"Scheherazade New"), serif;font-size:calc(28px * var(--arabic-scale,1));text-align:start;white-space:pre-wrap;line-height:2.15}.translation{font-family:inherit;font-size:calc(19px * var(--translation-scale,1));text-align:start;white-space:pre-wrap;line-height:1.85}.corresponding{background:var(--selection);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.text-segment[data-role=chain],.text-segment[data-role=introduction]{color:var(--chain)}.text-segment[data-role=commentary]{color:var(--commentary)}.text-segment.person-name{color:var(--name)}.text-legend{border-top:1px solid var(--border);color:var(--secondary);margin-top:24px;padding-top:20px;font-size:12px}.text-legend ul{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.text-legend li:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.legend-narration{color:var(--text)}.legend-chain{color:var(--chain)}.legend-commentary{color:var(--commentary)}.legend-name{color:var(--name)}.translation-credit{text-align:right;color:var(--secondary);margin-top:22px;font-size:13px;line-height:1.65}.translation-credit p+p{margin-top:4px}.translation-caveat{color:var(--warning);font-weight:600}.sources{border-top:1px solid var(--border);margin-top:34px;padding-top:26px;font-size:14px}.sources h2{margin-bottom:10px;font-size:21px}.grades{margin:0;padding:0;list-style:none}.grades li{padding:10px 0}.grades li+li{border-top:1px solid var(--border)}.related-source>a{margin-block:8px;display:block}.related-source+.related-source{margin-top:24px}.recording-notes{border-block:1px solid var(--border);margin-top:24px;font-size:14px}.recording-notes summary{cursor:pointer;padding:14px 0;font-weight:600}.recording-notes summary span{color:var(--secondary);font-weight:400}.recording-notes ul{color:var(--secondary);margin:0 0 18px;padding-left:20px}.recording-notes li+li{margin-top:10px}.additional-narration{border-top:2px solid var(--border);margin-top:40px;padding-top:30px}.recording-notes+.additional-narration{border-top:0;margin-top:0;padding-top:24px}.additional-narration>.eyebrow{color:var(--accent)}.additional-narration>h2{margin:10px 0;font-size:27px}.additional-narration>p.muted{font-size:14px}.narration-variants{border-block:1px solid var(--border);margin-top:32px;padding-top:26px}:is(.recording-notes+.narration-variants,.additional-narration:has(>.recording-notes)+.narration-variants){border-top:0;margin-top:0}.narration-variants>h2{margin-bottom:16px;font-size:24px}.narration-variants>h2 span{color:var(--secondary);font-size:16px;font-weight:400}.narration-variant{border-top:1px solid var(--border)}.narration-variant>summary{cursor:pointer;align-items:flex-start;gap:12px;padding:20px 0;display:flex}.narration-variant>summary::-webkit-details-marker{display:none}.variant-chevron{color:var(--accent);flex-shrink:0;margin-top:2px}.narration-variant[open] .variant-chevron{transform:rotate(180deg)}.variant-summary{gap:6px;min-width:0;display:grid}.variant-reference{font-weight:600}.narration-variant[open]{padding-bottom:24px}.narration-variant>.recording-notes{border-bottom:0}.reader-pagination{grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;display:grid}.reader-pagination a{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-height:60px;padding:16px;font-size:15px;line-height:1.45;display:block}.reader-pagination a:hover{color:var(--accent)}.reader-pagination a>span{display:block}.reader-pagination a>.eyebrow{color:var(--accent);margin-bottom:6px}.reader-pagination>div:last-child{text-align:right}.mobile-back{display:none}.audio-bar{z-index:20;border-top:1px solid var(--border);background:var(--surface);padding:14px 32px max(14px, env(safe-area-inset-bottom));bottom:0;position:fixed;inset-inline:0;box-shadow:0 -4px 24px #1f2e2b0a}.audio-inner{grid-template-columns:minmax(160px,1fr) 46px minmax(180px,1.5fr) 72px 44px;align-items:center;gap:20px;max-width:1200px;margin:auto;display:grid}.audio-title{min-width:0}.audio-title .eyebrow{color:var(--accent);font-size:10px;display:block}.audio-title a{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;display:block;overflow:hidden}.play-button{background:var(--action);width:46px;height:46px;color:var(--on-action);border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:flex}.audio-progress{align-items:center;gap:12px;min-width:0;display:flex}.audio-progress input{appearance:none;background:0 0;width:100%;min-width:30px;height:44px}.audio-progress input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--progress), var(--border) var(--progress));border-radius:4px;height:4px}.audio-progress input::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:14px;height:14px;margin-top:-5px}.audio-progress input::-moz-range-track{background:var(--border);border-radius:4px;height:4px}.audio-progress input::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.audio-progress input::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.time{color:var(--secondary);white-space:nowrap;font-size:12px}.speed-control select{background:var(--background);border-color:#0000;width:72px;font-size:14px}.audio-error{color:var(--error);grid-column:1/-1;font-size:14px}.error-page{min-height:50vh;padding-block:70px}.error-page h1{margin:12px 0 18px;font-size:40px}.error-page>p{color:var(--secondary);margin-bottom:24px}@media (width<=1050px){.catalog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-layout{padding-inline:24px}.collection-open .catalog-list{grid-template-columns:1fr}.reading-surface{padding:30px 28px}}@media (width<=760px){select{font-size:16px}.app-shell.collection-open{--collection-offset:0px}.collection-drawer{width:min(400px,100vw - 24px);height:100dvh;padding-bottom:env(safe-area-inset-bottom);border-right:0;border-radius:0 20px 20px 0;top:0}.collection-drawer-heading{min-height:64px}.page-content,.reader-toolbar{width:100%}.catalog-list{grid-template-columns:1fr}.daily-body{padding:24px}.header-inner{min-height:64px;padding-inline:16px}.reader-toolbar-inner{min-height:50px;padding:3px 16px}.header-link{font-size:14px}.reader-layout{max-width:700px;margin-top:18px;display:block}.mobile-back{margin-bottom:14px;display:inline-flex}.reader-heading{gap:12px;margin-bottom:26px}.reader-heading h1{flex-basis:100%}.listen-row{flex-direction:row;align-items:center;gap:12px;width:100%;margin-left:0}.audio-inner{grid-template-columns:minmax(0,1fr) 44px 80px 44px;gap:0 8px}.audio-title{grid-area:1/1}.play-button{grid-area:1/2;width:44px;height:44px}.speed-control{grid-area:1/3}.speed-control select{width:80px;font-size:16px}.close-player{grid-area:1/4}.audio-progress{grid-area:2/1/auto/-1}.audio-bar{padding:10px 20px max(8px, env(safe-area-inset-bottom))}.audio-error{grid-row:3}.settings-preview .arabic,.settings-preview .translation{-webkit-line-clamp:2;line-clamp:2}}@media (width<=480px){.navbar-actions{gap:2px}.header-inner{gap:8px;padding-inline:12px}.reader-toolbar-inner{gap:12px;padding-inline:16px}.reader-toolbar-title{flex-direction:column;align-items:flex-start;gap:0;font-size:13px}.reader-toolbar-reference{max-width:100%;font-size:11px}.reader-toolbar-name{max-width:100%}.reader-toolbar-separator{display:none}.brand{flex-basis:144px}.header-link{gap:5px;font-size:12px}.page-width{width:calc(100% - 40px)}.home-intro{padding:32px 20px 24px}.home-intro>p{font-size:15px}.home-content{width:calc(100% - 32px)}.section-heading{flex-direction:column;align-items:start;gap:6px}.daily-body{padding:22px 20px}.daily-card .arabic{font-size:calc(25px * var(--arabic-scale,1))}.daily-actions a,.daily-actions button{gap:8px;padding-inline:8px;font-size:14px}.search-field{gap:10px;margin-top:26px;padding-inline:12px}.search-field input{height:54px;font-size:16px}.catalog-heading{font-size:12px}.catalog-row{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;min-height:90px;padding:16px}.site-footer{flex-direction:column;gap:4px;margin-top:42px;padding-inline:20px}.reader-layout{margin-top:12px;padding-inline:0}.reader-layout .reading-surface{border-inline:0;border-radius:0;padding:24px 20px}.mobile-back{margin-inline:20px}.listen-row .primary-button{flex:1}.reader-heading h1{font-size:30px}.reference-notice{font-size:12px}.arabic{font-size:calc(25px * var(--arabic-scale,1))}.translation{font-size:calc(18px * var(--translation-scale,1))}.reader-pagination{gap:12px;margin-inline:16px}.reader-pagination a{font-size:14px}.audio-bar{padding-inline:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.panel-search.svelte-1k0dwfc{border:1px solid var(--border);background:var(--background);border-radius:12px;align-items:center;padding-right:4px;display:flex}.panel-search.svelte-1k0dwfc:focus-within{border-color:var(--accent);outline:1px solid var(--accent)}.panel-search.svelte-1k0dwfc input:where(.svelte-1k0dwfc){background:0 0;border:0;outline:0}.panel-search.svelte-1k0dwfc input:where(.svelte-1k0dwfc)::-webkit-search-cancel-button{display:none}.panel-result-content.svelte-1k0dwfc{flex:1;min-width:0}.panel-search-excerpt.svelte-1k0dwfc{-webkit-line-clamp:4;line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:10px;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.panel-search-excerpt.arabic.svelte-1k0dwfc{font-size:22px;line-height:1.9}.panel-results.svelte-1k0dwfc strong{color:var(--accent);font-synthesis:weight;font-weight:700}.search-footer.svelte-1k0dwfc a:where(.svelte-1k0dwfc){width:100%}.view-switch.svelte-1l5ya81{flex-shrink:0;margin-block:16px 12px}.book-group.svelte-1l5ya81{padding-block:12px}.book-heading.svelte-1l5ya81{background:var(--selection);border-radius:10px;align-items:center;display:flex}.book-heading.svelte-1l5ya81 a:where(.svelte-1l5ya81){min-width:0;color:var(--accent);border-radius:10px;flex:1;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600}.book-count.svelte-1l5ya81{background:var(--surface);border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:500}.book-narrations.svelte-1l5ya81{margin:6px 0 0;padding:0;list-style:none}
