:root{--paper:#f7f6f2;--white:#fffefa;--ink:#172a25;--muted:#75817a;--line:#e9e7df;--green:#194d40;--green-2:#246450;--pale:#eaf0e8;--gold:#c7a567;--serif:'Geeza Pro','Noto Naskh Arabic','Arabic Typesetting',serif;--sans:'Geeza Pro','Noto Naskh Arabic','Arabic Typesetting',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,input,a{font:inherit}button{color:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1240px)/2),32px);background:rgba(255,254,250,.84);border-bottom:1px solid #e9e7df;position:relative;z-index:2}.brand,.about-link,.footer-brand{display:flex;align-items:center;text-decoration:none;color:inherit}.brand{gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--green);border-radius:12px}.brand-mark svg{width:29px}.brand-mark svg path:first-child{stroke:var(--gold);stroke-width:1.4;fill:none}.brand-mark svg path:last-child{stroke:#f7f5ef;stroke-width:1.5;stroke-linecap:round}.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.2;font-weight:700}.brand small{font-size:11px;color:var(--muted);line-height:1.3}.topbar-note{font-size:12px;color:#6c7871;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#4e9b6d;box-shadow:0 0 0 3px #e1eee2}.about-link{font-size:13px;gap:8px;color:#52645b}.about-link span{color:var(--gold);font-family:Arial,sans-serif}.hero{position:relative;max-width:1240px;margin:0 auto;padding:66px 0 38px;overflow:hidden}.hero-copy{position:relative;z-index:1;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--green-2);font-size:12px;font-weight:600}.eyebrow span{width:18px;height:1px;background:var(--gold)}h1{font-family:var(--serif);font-weight:700;font-size:42px;line-height:1.45;letter-spacing:-.5px;margin:13px 0 5px}h1 em{font-style:normal;color:var(--green-2)}.hero-copy p{margin:0;color:#738078;font-size:14px}.hero-ornament{position:absolute;width:184px;height:150px;top:50px;right:35px;opacity:.5}.ornament-ring{position:absolute;width:118px;height:118px;border:1px solid #dfd6c4;border-radius:50%;top:0;right:10px}.ornament-ring:before,.ornament-ring:after{content:'';position:absolute;inset:9px;border:1px solid #e6dfd0;border-radius:50%}.ornament-ring:after{inset:19px}.ornament-star{position:absolute;right:48px;top:25px;font-size:48px;color:#cbb990}.ornament-line{position:absolute;right:0;top:130px;width:170px;height:1px;background:linear-gradient(90deg,transparent,#d6c9ab,transparent)}.search-wrap{margin:31px auto 0;max-width:670px;height:56px;border:1px solid #e2e3da;background:var(--white);border-radius:10px;display:flex;align-items:center;gap:13px;padding:0 16px;box-shadow:0 7px 18px rgba(30,52,42,.045);position:relative;z-index:1;transition:border-color .2s,box-shadow .2s}.search-wrap:focus-within{border-color:#84a290;box-shadow:0 0 0 3px rgba(36,100,80,.1)}.search-icon{display:grid;place-items:center;color:#718178}.search-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.search-wrap input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:var(--ink);font-size:14px}.search-wrap input::placeholder{color:#a1a7a1}.search-wrap kbd{border:1px solid #e9e9e4;border-radius:5px;padding:3px 7px;color:#8a928c;font:11px Arial,sans-serif;direction:ltr}.hero-foot{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:15px;font-size:12px;color:#68776e}.hero-foot>span:first-child,.hero-foot>span:nth-child(3){font-weight:700;color:#40584c}.hero-foot-dot{color:#b6b5aa}.hero-foot-rule{height:1px;width:29px;background:#d5d4ca;margin:0 3px}.hero-foot-desc{font-size:11px;color:#92978e}.library{max-width:1240px;margin:0 auto 64px;display:grid;grid-template-columns:268px minmax(0,1fr);gap:45px;border-top:1px solid #e8e6de;padding-top:31px}.sidebar{border-left:1px solid var(--line);padding-left:27px;min-height:590px}.side-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 2px}.side-overline,.section-kicker{font-size:11px;color:#8c958d;letter-spacing:.7px}.side-count{font:11px Arial,sans-serif;color:#92978f;background:#eeede7;border-radius:10px;padding:3px 7px}.chapter-button{width:100%;border:0;background:transparent;text-align:right;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:7px;cursor:pointer;color:#647169;font-size:13px;transition:background .15s,color .15s}.chapter-button:hover{background:#efeee8;color:var(--green)}.chapter-button.is-active{background:var(--pale);color:var(--green);font-weight:700}.chapter-index{width:20px;height:20px;display:grid;place-items:center;color:#8d9b8e;font:13px Arial,sans-serif}.is-active .chapter-index{color:var(--green)}.chapter-count{margin-right:auto;font:10px Arial,sans-serif;color:#9da39a}.chapter-label{font-size:11px;color:#a0a49c;padding:23px 11px 6px}.chapter-list{display:grid;gap:2px}.chapter-list .chapter-button{align-items:flex-start;line-height:1.7;padding-block:8px}.chapter-list .chapter-index{flex:0 0 20px;padding-top:1px}.chapter-list .chapter-title{flex:1}.sidebar-note{margin-top:37px;background:#f0eee7;border:1px solid #e8e4da;border-radius:8px;padding:13px 12px;display:flex;gap:10px;color:#64746a}.note-icon{color:var(--gold);font-size:15px}.sidebar-note strong{font-size:12px;font-weight:600}.sidebar-note p{font-size:11px;line-height:1.9;color:#92958c;margin:4px 0 0}.results-area{min-width:0}.results-head{display:flex;justify-content:space-between;align-items:end;padding:1px 0 17px;border-bottom:1px solid var(--line)}.results-head h2{font-family:var(--serif);font-size:23px;margin:4px 0 0;font-weight:700}.view-meta{display:flex;align-items:center;gap:14px;color:#8a928a;font-size:11px}.sort-button{border:1px solid var(--line);background:var(--white);color:#657269;border-radius:5px;padding:5px 8px;font-size:11px;cursor:pointer}.sort-button:hover{border-color:#b7c5ba}.active-query{display:flex;align-items:center;gap:8px;background:#eef1e9;color:var(--green);border-radius:5px;padding:5px 9px;margin:12px 0 4px;font-size:12px;width:max-content}.active-query button{border:0;background:none;cursor:pointer;color:#7e8e81;font-size:17px;line-height:1;padding:0 2px}.results-list{display:grid}.hadith-card{display:grid;grid-template-columns:49px minmax(0,1fr) 28px;gap:15px;align-items:start;padding:20px 5px 18px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .16s;padding-inline:9px}.hadith-card:hover{background:rgba(255,254,250,.78)}.number-badge{width:42px;height:42px;border-radius:50%;border:1px solid #e4e1d7;background:#fbfaf6;color:#547065;display:grid;place-items:center;font:12px Arial,sans-serif;direction:ltr;margin-top:1px;transition:all .16s}.hadith-card:hover .number-badge{background:var(--green);border-color:var(--green);color:#fff}.hadith-card-content{min-width:0}.card-chapter{font-size:11px;color:#9a9d91;margin-bottom:6px;display:block}.card-translation{font-family:var(--serif);font-size:18px;line-height:1.95;margin:0;color:#263a31;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-reference{margin-top:8px;font:10px Arial,sans-serif;color:#aaa99f;direction:ltr;text-align:right}.card-arrow{margin-top:13px;color:#b4b6ac;font:17px Arial,sans-serif;transition:transform .16s,color .16s}.hadith-card:hover .card-arrow{color:var(--green);transform:translateX(-3px)}.results-tail{display:flex;align-items:center;justify-content:center;gap:16px;padding:27px 0;color:#96998f}.results-tail span{height:1px;width:38px;background:#dedbd1}.results-tail small{font-size:11px}.empty-state{text-align:center;padding:80px 15px;color:#77827a}.empty-state[hidden]{display:none}.empty-mark{width:49px;height:49px;border:1px solid #deddd3;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;color:#9aa398;font:25px Arial}.empty-state strong{display:block;font-family:var(--serif);font-size:21px;color:#41594c}.empty-state p{font-size:12px;margin:3px 0 13px}.empty-state button{border:0;background:none;text-decoration:underline;color:var(--green-2);cursor:pointer;font-size:12px}.footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:21px 0 33px;display:flex;align-items:center;gap:12px;color:#9a9c92}.footer-brand{gap:8px;color:#53685b;font-size:14px;font-weight:700}.small-mark{width:28px;height:28px;border-radius:8px}.small-mark svg{width:23px}.footer p{font-size:11px;margin:0}.footer>a{margin-right:auto;color:#748078;text-decoration:none;font-size:11px}.reader{border:0;border-radius:12px;padding:0;width:min(720px,calc(100% - 30px));max-height:min(850px,calc(100% - 30px));box-shadow:0 25px 90px rgba(15,34,27,.25);color:var(--ink);background:var(--white)}.reader::backdrop{background:rgba(16,31,25,.52);backdrop-filter:blur(3px)}.reader-top{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line);background:#fcfbf7}.reader-brand{display:flex;align-items:center;gap:12px}.reader-number{width:43px;height:43px;background:var(--green);border-radius:50%;display:grid;place-items:center;color:#fff;font:13px Arial,sans-serif;direction:ltr}.reader-brand>div{display:grid;gap:1px}.reader-kicker{font-size:11px;color:#97a096}.reader-chapter{font-family:var(--serif);font-size:14px;color:#40574b}.close-button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#78847a;cursor:pointer;font:22px Arial;line-height:1}.reader-content{padding:29px 34px 20px;overflow:auto;max-height:calc(100vh - 220px)}.reader-label{font-size:12px;color:#688071;display:flex;align-items:center;gap:8px;margin-bottom:10px}.label-ornament{color:var(--gold);font-size:17px}.reader-translation{font-family:var(--serif);font-size:23px;line-height:2.05;margin:0 0 25px;color:#21382e;white-space:pre-wrap}.arabic-block{border-top:1px solid var(--line);padding-top:20px}.reader-arabic{font-family:var(--serif);font-size:21px;line-height:2.1;color:#777368;margin:0;white-space:pre-wrap}.reader-bottom{border-top:1px solid var(--line);padding:12px 22px;display:flex;align-items:center;justify-content:space-between;background:#fcfbf7}.reader-nav{border:0;background:transparent;color:var(--green);cursor:pointer;font-size:12px;padding:5px}.reader-nav:disabled{opacity:.35;cursor:default}.reader-bottom>span{font:11px Arial,sans-serif;color:#9a9d95}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#243d32;color:#fff;border-radius:7px;padding:9px 16px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1320px){.hero,.library,.footer{margin-left:38px;margin-right:38px}.topbar{padding-inline:38px}}
@media(max-width:850px){.hero{padding-top:51px}.hero-ornament{right:-42px;opacity:.28}.library{grid-template-columns:220px minmax(0,1fr);gap:27px}.sidebar{padding-left:18px}.hadith-card{grid-template-columns:43px minmax(0,1fr) 20px;gap:10px}.number-badge{width:38px;height:38px}.card-translation{font-size:17px}}
@media(max-width:650px){.topbar{height:65px;padding-inline:18px}.topbar-note{display:none}.brand-mark{width:34px;height:34px}.about-link{font-size:12px}.hero{margin-inline:19px;padding:42px 0 27px}.hero-ornament{right:-95px;top:22px}.eyebrow{font-size:11px}h1{font-size:31px;line-height:1.55;margin-top:12px}.hero-copy p{font-size:12px;max-width:320px;margin:auto;line-height:1.9}.search-wrap{height:51px;margin-top:23px;padding-inline:12px;gap:9px}.search-wrap input{font-size:12px}.search-wrap kbd{display:none}.hero-foot{flex-wrap:wrap;font-size:11px;row-gap:2px}.hero-foot-desc{width:100%;text-align:center}.hero-foot-rule{display:none}.library{display:flex;flex-direction:column;margin:0 18px 43px;padding-top:18px;gap:15px}.sidebar{border:0;padding:0;min-height:0}.side-heading{margin-bottom:9px}.chapter-button[data-chapter="0"]{width:max-content;min-width:190px}.chapter-label{display:none}.chapter-list{display:flex;overflow-x:auto;gap:7px;padding:2px 0 7px;scrollbar-width:thin}.chapter-list .chapter-button{width:auto;min-width:max-content;background:#efeee8;padding:6px 10px;align-items:center;gap:6px;border-radius:6px;font-size:11px}.chapter-list .chapter-button.is-active{background:var(--pale)}.chapter-list .chapter-index{display:none}.chapter-count{display:none}.sidebar-note{display:none}.results-head{padding-bottom:11px}.results-head h2{font-size:20px}.view-meta{gap:8px;font-size:10px}.sort-button{font-size:10px}.sort-button span{display:none}.hadith-card{grid-template-columns:38px minmax(0,1fr) 15px;gap:9px;padding:15px 2px}.number-badge{width:35px;height:35px;font-size:11px}.card-translation{font-size:16px;line-height:1.9;-webkit-line-clamp:3}.card-chapter{font-size:10px}.footer{margin:0 19px;padding-top:16px;flex-wrap:wrap;gap:8px}.footer p{order:3;width:100%;line-height:1.8}.reader-content{padding:23px 20px 17px}.reader-translation{font-size:20px}.reader-arabic{font-size:19px}.reader-top{padding:14px 17px}.reader-bottom{padding:10px 12px}.reader-nav{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.footer>a.admin-access{margin-right:auto}.footer>a:last-child{margin-right:0}
.random-hadith{position:relative;margin:22px 0 0;padding:27px 29px 15px;background:var(--white);border:1px solid #e7e5dc;border-radius:9px;box-shadow:0 8px 24px rgba(29,48,39,.035)}.random-hadith[hidden]{display:none}.random-hadith:before{content:'';position:absolute;right:-1px;top:20px;bottom:20px;width:3px;border-radius:3px;background:var(--gold)}.random-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #efeee8}.random-head>div{display:grid;gap:3px}.random-kicker{font-size:11px;color:#a28b61}.random-chapter{font-family:var(--serif);font-size:14px;color:#536a5b}.random-number{margin:0;background:var(--green);border:0;color:#fff}.random-translation{font-family:var(--serif);font-size:23px;line-height:2.15;color:#253b30;margin:19px 0 20px;white-space:pre-wrap}.random-arabic{border-top:1px solid var(--line);padding:17px 0 3px}.random-arabic[hidden]{display:none}.random-arabic .reader-arabic{font-size:20px;line-height:2}.random-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #efeee8;padding-top:12px;gap:12px}.random-actions button{border:0;background:transparent;color:#5c7966;cursor:pointer;font-size:12px;padding:5px 0}.random-actions button:hover{color:var(--green)}.random-actions button span{color:#ad966b;margin-right:5px}.random-actions .random-next{color:#817d70}
@media(max-width:650px){.random-hadith{padding:20px 18px 13px;margin-top:14px}.random-hadith:before{top:15px;bottom:15px}.random-translation{font-size:19px;line-height:2.05;margin:15px 0 16px}.random-head{padding-bottom:12px}.random-kicker{font-size:10px}.random-chapter{font-size:13px}.random-actions button{font-size:11px}}
.reader-sharebar{display:flex;justify-content:flex-start;gap:16px;padding:8px 23px;border-top:1px solid var(--line);background:#fffefa}.reader-sharebar button{border:0;background:none;color:#62776a;font-size:11px;cursor:pointer;padding:4px 0}.reader-sharebar button:hover{color:var(--green);text-decoration:underline}
@media(max-width:650px){.reader-sharebar{padding:8px 15px}}
.search-highlight{background:#f3e6bf;color:inherit;border-radius:2px;padding:0 1px}.match-label{display:inline-block;font-size:10px;color:#64816c;margin-top:6px}.card-arabic-match{font-family:var(--serif);font-size:16px;line-height:1.9;color:#6f7166;margin:3px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reader-reading-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-reading-tools .reader-label{margin-bottom:0}.text-size-tools{display:flex;align-items:center;gap:6px;color:#879187;font:10px var(--sans)}.text-size-tools button{width:28px;height:27px;border:1px solid var(--line);border-radius:4px;background:#fffefa;color:#486352;font:12px Arial,sans-serif;cursor:pointer}.text-size-tools button:hover{border-color:#a8b8aa;background:#f6f7f1}.reader-translation{font-size:calc(23px * var(--reader-scale, 1))}.reader-arabic{font-size:calc(21px * var(--reader-scale, 1))}.reader-sharebar{flex-wrap:wrap;column-gap:14px;row-gap:5px}.reader-sharebar button{font-size:10px}
@media(max-width:650px){.reader-translation{font-size:calc(20px * var(--reader-scale, 1))}.reader-arabic{font-size:calc(19px * var(--reader-scale, 1))}.reader-reading-tools{align-items:flex-start;flex-direction:column;gap:8px}.reader-sharebar{column-gap:12px}}
.about-panel{max-width:1240px;margin:0 auto 0;padding:25px 28px;background:#efeee7;border:1px solid #e7e4da;border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);align-items:center;gap:35px}.about-copy h2{font:700 21px var(--serif);color:#31483b;margin:4px 0}.about-copy p{font-size:12px;color:#798278;line-height:1.9;margin:3px 0 6px}.about-copy small{font-size:10px;color:#97968b}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fbfaf6;border:1px solid #e8e5dc;border-radius:7px;overflow:hidden}.coverage-grid>div{display:grid;gap:2px;text-align:center;padding:13px 7px;border-left:1px solid #e8e5dc}.coverage-grid>div:last-child{border-left:0}.coverage-grid strong{font:700 18px Arial,sans-serif;color:#365545;direction:ltr}.coverage-grid span{font-size:10px;color:#8f958b}.footer{margin-top:0}
@media(max-width:1320px){.about-panel{margin-inline:38px}}
@media(max-width:650px){.about-panel{margin-inline:19px;padding:18px 16px;grid-template-columns:1fr;gap:16px}.coverage-grid strong{font-size:16px}.footer{margin-top:0}}

.reader-arabic{font-family:'KFGQPC Uthman Taha Naskh','DecoType Naskh','Noto Naskh Arabic','Amiri Quran',var(--serif);font-feature-settings:'rlig' 1,'calt' 1}
.footnotes{margin-top:22px;padding:15px 18px;background:#f4f2eb;border-inline-start:2px solid var(--gold);border-radius:5px}
.footnotes-heading{font-family:var(--serif);font-size:14px;color:#6b705f;margin-bottom:7px}
.footnotes-list{display:grid;gap:8px}
.footnote-text{font-family:var(--serif);font-size:14px;line-height:2;color:#66665d;margin:0;white-space:pre-wrap}
.hero{background:linear-gradient(90deg,rgba(247,246,242,.55),rgba(247,246,242,.86) 24%,rgba(247,246,242,.88) 76%,rgba(247,246,242,.55)),url('/hero-bg.webp') center 48%/cover no-repeat;border-radius:0 0 16px 16px}
.back-to-top{position:fixed;z-index:4;inset-inline-end:24px;bottom:24px;width:44px;height:44px;border:1px solid #d8d4c8;border-radius:50%;background:rgba(255,254,250,.96);color:var(--green);box-shadow:0 5px 18px rgba(23,42,37,.13);font:22px Arial,sans-serif;cursor:pointer;transition:opacity .2s,transform .2s}
.back-to-top:hover{background:var(--green);border-color:var(--green);color:white;transform:translateY(-2px)}
.back-to-top[hidden]{display:none}
@media(max-width:650px){.back-to-top{inset-inline-end:16px;bottom:16px;width:40px;height:40px}.footnotes{padding:12px 14px}}
#hadith-arabic,#preview-arabic{font-family:'KFGQPC Uthman Taha Naskh','DecoType Naskh','Noto Naskh Arabic','Amiri Quran',var(--serif);font-feature-settings:'rlig' 1,'calt' 1}
.reader-translation,.card-translation,.random-translation,.footnote-text,#hadith-uyghur{font-family:'UKIJ Tuz','UKIJ Nasq',var(--serif)}
.chapter-menu-heading{display:flex;align-items:center;justify-content:space-between;margin:13px 0 5px}
.chapter-menu-heading .chapter-label{padding:0 11px 0 0}
.chapter-toggle{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:#617268;font-size:11px;cursor:pointer}
.chapter-toggle:hover{border-color:#b7c5ba;color:var(--green)}
.chapter-toggle:disabled{opacity:.6;cursor:wait}
.chapter-list[hidden]{display:none}
.search-wrap select{max-width:105px;border:0;border-inline-start:1px solid #e7e6de;padding-inline:10px;background:transparent;color:#718178;font-size:11px;outline-color:#84a290}.resume-reading{display:block;margin:12px auto 0;border:1px solid #d9ddcf;border-radius:20px;padding:6px 13px;background:#fffefa;color:var(--green);font-size:11px;cursor:pointer}.resume-reading[hidden]{display:none}.saved-nav{width:100%;display:flex;align-items:center;gap:10px;margin-top:5px;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:#647169;text-align:right;font-size:13px;cursor:pointer}.saved-nav:hover,.saved-nav.is-active{background:var(--pale);color:var(--green)}.saved-nav .chapter-count{margin-right:auto}
@media(max-width:650px){.search-wrap select{max-width:77px;padding-inline:5px;font-size:10px}.resume-reading{margin-top:10px}}
.load-more-wrap{display:flex;justify-content:center;padding:20px 0}
.load-more-button{border:1px solid #dfe3d9;border-radius:7px;background:#fffefa;color:var(--green);padding:9px 17px;font-size:12px;cursor:pointer}
.load-more-button:hover{background:var(--pale);border-color:#b9c8bc}
.load-more-button:disabled{opacity:.65;cursor:wait}
.load-more-button[hidden]{display:none}
@media(max-width:650px){.chapter-menu-heading{margin-top:10px}.chapter-menu-heading .chapter-label{display:block;padding:0 0 0 9px}.chapter-toggle{padding:5px 8px}.load-more-wrap{padding:14px 0}}