@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@500;600;700&display=swap";:root{--bg-1:#06080c;--bg-2:#100d0a;--panel:#0e1014eb;--panel-soft:#161311db;--line:#b1823a3d;--line-strong:#daab578f;--gold:#e2b86b;--gold-soft:#b8873f;--text-main:#f3e6cf;--text-soft:#b7a894}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-main);background:radial-gradient(circle at 10% 12%,#ba832f1f,#0000 26%),radial-gradient(circle at 86% 86%,#914e381a,#0000 28%),linear-gradient(#07090e,#090b10 36%,#100d0a 100%);margin:0;font-family:Manrope,sans-serif}.reader-shell{min-height:100vh;padding:1.25rem;position:relative;overflow:hidden}.site-bismillah{z-index:2;text-align:center;width:min(1320px,100% - 2.5rem);margin:.9rem auto .1rem;padding:0;position:relative}.site-bismillah img{object-fit:contain;opacity:.78;filter:drop-shadow(0 0 14px #e2b86b2e);width:min(240px,66vw);height:auto;margin:0 auto;display:block}.reader-backdrop{pointer-events:none;opacity:.7;background-image:radial-gradient(circle,#d7af630f,#0000 60%),repeating-linear-gradient(0deg,#0000 0 31px,#d2ac6706 32px),repeating-linear-gradient(90deg,#0000 0 31px,#d2ac6705 32px);position:absolute;inset:0}.reader-layout{z-index:1;grid-template-columns:260px minmax(0,1fr) 340px;gap:1rem;width:min(1320px,100%);margin:0 auto;animation:.6s ease-out rise-in;display:grid;position:relative}.reader-layout-no-commentary{grid-template-columns:260px minmax(0,1fr)}.reader-layout-no-commentary .reader-main{min-height:0;max-height:none}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:24px;box-shadow:inset 0 0 0 1px #ffd6800a,0 16px 40px #0202026b}.reader-main{grid-template-rows:auto minmax(0,1fr);gap:1rem;min-height:calc(100vh - 2.5rem);max-height:calc(100vh - 2.5rem);display:grid}.sidebar{background:radial-gradient(circle at 52% 78%,#b8792a33,#0000 36%),radial-gradient(circle at 18% 24%,#49372247,#0000 46%),linear-gradient(#070a10fa,#0a0b0ef5 52%,#130d0afa);border-color:#b5823852;flex-direction:column;min-height:calc(100vh - 2.5rem);padding:1.2rem 1rem 1.1rem;display:flex;position:relative;overflow:hidden}.sidebar:before,.sidebar:after{content:"";pointer-events:none;position:absolute}.sidebar:before{border:1px solid #bc883c38;border-radius:20px;inset:10px}.sidebar:after{opacity:.68;background:radial-gradient(circle,#bf7b256b,#0000 62%);height:180px;bottom:-40px;left:-20%;right:-20%}.sidebar-brand{border-bottom:1px solid #bc883c3d;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;margin-bottom:1.4rem;padding:.35rem .25rem 1rem;display:grid}.sidebar-brand-mark{width:2.2rem;height:2.2rem;color:var(--gold);background:radial-gradient(circle at 30% 30%,#d69e4c38,#ffffff03);border:1px solid #d69e4c75;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 22px #d69e4c29}.sidebar-kicker{color:#b98a43;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .2rem;font-size:.7rem}.sidebar-title{letter-spacing:.03em;color:var(--gold);text-transform:uppercase;margin:0;font-family:Cormorant Garamond,serif;font-size:2.35rem;line-height:.95}.sidebar-subtitle{color:var(--text-soft);margin:.45rem 0 0;font-size:.87rem;line-height:1.5}.sidebar-nav{z-index:1;flex-direction:column;gap:.55rem;display:flex;position:relative}.sidebar-mobile-toggle{display:none}.sidebar-mobile-content{display:contents}.sidebar-item{appearance:none;width:100%;color:var(--text-main);cursor:pointer;font:inherit;background:linear-gradient(#121214b3,#090b0f66);border:1px solid #bb88401f;border-radius:14px;align-items:center;gap:.75rem;padding:.88rem .95rem;text-decoration:none;transition:all .18s;display:flex}.sidebar-item:hover{background:linear-gradient(#231c13bf,#0d0f138a);border-color:#d69e4c5c}.sidebar-item.is-active{background:linear-gradient(135deg,#ddaa563d,#5f3d2066);border-color:#dfa9559e;box-shadow:inset 0 0 0 1px #ffdf961f,0 10px 24px #00000038}.sidebar-footer{isolation:isolate;min-height:170px;margin-top:auto;position:relative}.sidebar-footer-top-image{object-fit:contain;opacity:.9;filter:contrast(1.08)saturate(.92)sepia(.12)brightness(.94);mix-blend-mode:screen;border-radius:10px;width:min(90%,210px);height:auto;position:absolute;top:.2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #00000052}.sidebar-footer-bottom-image{object-fit:contain;opacity:.94;filter:contrast(1.1)saturate(.95)sepia(.15)brightness(.95);mix-blend-mode:screen;border-radius:12px;width:min(98%,250px);height:auto;position:absolute;bottom:.15rem;left:50%;transform:translate(-50%);box-shadow:0 14px 28px #00000061}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.35rem;display:flex}.topbar-brand{grid-template-columns:auto 1fr;align-items:start;gap:1.15rem;display:grid}.topbar-brand-mark{width:5.5rem;height:5.5rem;color:var(--gold);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.topbar-brand-image{object-fit:cover;width:100%;height:100%}.topbar-kicker{text-transform:uppercase;letter-spacing:.11em;color:var(--text-soft);margin:0;font-size:.72rem}.topbar-title{color:var(--gold);margin:0;font-family:Cormorant Garamond,serif;font-size:1.7rem;font-weight:600}.topbar-subtitle{color:var(--text-soft);margin:.15rem 0 0;font-size:.84rem}.topbar-section{color:var(--text-soft);background:#ffffff05;border:1px solid #e2b86b2e;border-radius:999px;margin:0;padding:.5rem .9rem;font-size:.92rem}.topbar-section span{color:var(--gold);font-weight:700}.topbar-controls{align-items:center;gap:.55rem;display:flex}.topbar-nav-button{appearance:none;width:2.2rem;height:2.2rem;color:var(--gold);cursor:pointer;background:#ffffff04;border:1px solid #dcb26747;border-radius:999px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.topbar-nav-button:hover:not(:disabled){background:#ddb76b1f;border-color:#dcb26799}.topbar-nav-button:disabled{cursor:not-allowed;opacity:.4}.topbar-home-link{color:inherit;cursor:pointer;text-decoration:none;transition:opacity .18s;display:block}.topbar-home-link:hover{opacity:.8}.mobile-commentary-modal{display:none}.reader-panel{height:100%;min-height:0;padding:1.35rem 1.45rem 1.7rem;overflow-y:auto}.reader-layout-no-commentary .reader-panel{height:auto;overflow-y:visible}.section-list{gap:1rem;display:grid}.section-card{background:radial-gradient(circle,#e2b86b09,#0000 58%),#ffffff03;border:1px solid #dcb26724;border-radius:22px;padding:1.15rem 1.15rem 1rem;box-shadow:inset 0 0 0 1px #ffdda306}.section-card.is-selected{background:radial-gradient(circle,#e2b86b13,#0000 58%),#ffffff05;border-color:#dfa9556b;box-shadow:inset 0 0 0 1px #ffdf960f,0 10px 24px #0000001f}.section-meta{margin-bottom:.7rem}.section-badge{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;border:1px solid #dcb26740;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.78rem;display:inline-flex}.reader-panel-head{margin-bottom:1.2rem}.reader-panel-title{letter-spacing:.03em;color:var(--gold);margin:0;font-family:Cormorant Garamond,serif;font-size:1.2rem}.reader-panel-note{color:var(--text-soft);margin:.25rem 0 0;font-size:.8rem}.reader-recitation{background:linear-gradient(#ffffff04,#ffffff08);border:1px solid #dcb2672e;border-radius:18px;gap:.7rem;margin-top:1rem;padding:.9rem 1rem;display:grid}.reader-recitation-label{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem}.reader-recitation-note{color:var(--text-soft);margin:.2rem 0 0;font-size:.84rem}.reader-recitation-note a,.reader-recitation-note a:hover,.reader-recitation-note a:focus,.reader-recitation-note a:visited{color:#fff;text-decoration:none}.reader-recitation-audio{width:100%;height:2.5rem}.reader-recitation-empty{color:var(--text-soft);background:#ffffff05;border:1px dashed #dcb26738;border-radius:12px;margin:0;padding:.7rem .85rem;font-size:.82rem}.arabic-block{border:1px solid var(--line);background:radial-gradient(circle at center, #e2b86b0d, transparent 58%), var(--panel-soft);border-radius:22px;margin-bottom:1rem;padding:.7rem 1.45rem}.arabic-block.is-selected{background:radial-gradient(circle,#e2b86b1c,#0000 62%),linear-gradient(#3e2f1eeb,#281f18eb);border-color:#e2b86b94;box-shadow:inset 0 0 0 1px #ffdf9614,0 0 24px #e2b86b1f}.arabic-line{color:#f7e9cb;text-align:center;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0;padding:0;font-family:Noto Naskh Arabic,serif;font-size:clamp(1.65rem,2.05vw,2.6rem);line-height:1.5;display:flex}.arabic-word{font:inherit;color:inherit;cursor:pointer;direction:rtl;background:0 0;border:1px solid #0000;border-radius:10px;padding:.03rem .35rem;transition:all .16s}.arabic-word:hover{color:#fff3d6;background:#ffffff08;border-color:#dcb26766}.arabic-word.is-selected{color:#fff8e6;background:#ddb76b2e;border-color:#dcb267e6;box-shadow:0 0 18px #ddb76b3d}.translation-block{gap:.6rem;display:grid}.translation-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;display:grid}.translation-line{color:var(--text-main);text-align:center;background:0 0;border:0;border-top:1px solid #dcb2672e;border-bottom:1px solid #dcb2671a;border-radius:0;margin:0;padding:1rem .25rem .9rem;font-family:Cormorant Garamond,serif;font-size:1.08rem;line-height:1.65;display:block}.translation-commentary-button{appearance:none;width:2rem;height:2rem;color:var(--gold);cursor:pointer;background:#ffffff08;border:1px solid #dfa95573;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.translation-commentary-button:hover{background:#dfa9551f;border-color:#dfa955ad}.line-index{color:var(--gold);min-width:1.2rem;font-weight:700}.commentary-panel{min-height:calc(100vh - 2.5rem);padding:1.3rem}.commentary-title{color:var(--gold);margin:0;font-family:Cormorant Garamond,serif;font-size:1.6rem}.commentary-intro{color:var(--text-soft);margin:.45rem 0 1rem;font-size:.93rem}.commentary-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.commentary-item{background:linear-gradient(#ffffff04,#ffffff02);border:1px solid #e5be7524;border-radius:18px;padding:.95rem 1rem}.expandable-item{cursor:pointer;background:linear-gradient(130deg,#ddb76b24,#914e3814);border-color:#dcb26759;transition:border-color .16s,transform .16s,box-shadow .16s}.expandable-item:hover{border-color:#dcb26799;transform:translateY(-1px);box-shadow:0 8px 18px #08060542}.expandable-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.expandable-cue{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid #dcb2678c;border-radius:999px;align-items:center;gap:.3rem;padding:.23rem .5rem;font-size:.72rem;display:inline-flex}.commentary-item h4{color:#f4deb4;margin:0;font-size:.95rem}.commentary-item p{color:var(--text-soft);margin:.35rem 0 0;font-size:.87rem;line-height:1.45}.meaning-result{background:#110c0a85;border:1px solid #dcb26740;border-radius:14px;margin-top:.6rem;padding:.7rem .8rem}.meaning-result p{color:var(--text-main);margin:.2rem 0}.meaning-result span{color:var(--gold);font-weight:600}.meaning-result-preview ul{margin-bottom:0}.more-indicator{color:#f1cf8de6;border:1px dashed #dcb26761;border-radius:999px;justify-content:center;align-items:center;margin-top:.45rem;padding:.18rem .45rem;display:inline-flex}.hadith-more{color:var(--text-soft);margin:.35rem 0 0;font-size:.82rem}.meaning-modal-overlay{z-index:1000;background:#0705048c;place-items:center;padding:1.1rem;display:grid;position:fixed;inset:0}.meaning-modal{background:#17110ef5;border:1px solid #dcb26759;border-radius:22px;width:min(700px,100vw - 2rem);max-height:min(78vh,780px);padding:1.15rem 1.2rem;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffd6800a,0 18px 44px #0000006b}.meaning-modal h4{color:var(--gold);margin:0;font-size:1.15rem}.meaning-result-expanded{border-color:#dcb26766;margin-top:.9rem;padding:.75rem .85rem}.meaning-result-expanded ul{gap:.3rem;margin:.45rem 0 0;padding-left:1.15rem;display:grid}.hadith-list-expanded{margin-top:.9rem}.hadith-list{gap:.65rem;margin-top:.6rem;display:grid}.hadith-entry{background:#110c0a73;border:1px solid #dcb26733;border-radius:10px;padding:.7rem}.hadith-arabic{color:#f7e6c3;margin:0;font-family:Noto Naskh Arabic,serif;font-size:1.15rem;line-height:1.8}.hadith-translation{color:var(--text-main);margin:.5rem 0 0}.hadith-reference{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin:.45rem 0 0;font-size:.82rem}.comparison-block{margin-top:.6rem}.comparison-reference{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .55rem;font-size:.83rem}.comparison-list{gap:.65rem;display:grid}.comparison-entry{background:#110c0a73;border:1px solid #dcb26733;border-radius:10px;padding:.7rem}.comparison-entry.is-missing{border-color:#ce705b59}.comparison-entry.is-addition{border-color:#81b17c59}.comparison-entry.is-change{border-color:#dcb26759}.comparison-type{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem}.comparison-phrase{color:#f7e6c3;margin:.45rem 0 0;font-family:Noto Naskh Arabic,serif;font-size:1.05rem}.comparison-alt{color:var(--text-main);margin:.45rem 0 0}.comparison-note{color:var(--text-soft);margin:.45rem 0 0}.highlights-panel{overflow:hidden}.highlights-banner{object-fit:contain;width:min(360px,82vw);height:auto;margin:0 auto .6rem;display:block}.highlights-table-wrap{background:radial-gradient(circle at 100% 0,#e2b86b0d,#0000 34%),#ffffff03;border:1px solid #dcb26724;border-radius:18px;overflow-x:auto}.highlights-table{border-collapse:collapse;width:100%;min-width:720px}.highlights-table thead th{z-index:1;text-align:left;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;background:#0e1014f5;border-bottom:1px solid #dcb26738;padding:.95rem 1rem;font-size:.8rem;position:sticky;top:0}.highlights-table tbody td{color:var(--text-main);vertical-align:top;border-bottom:1px solid #dcb2671a;padding:.95rem 1rem}.highlights-table tbody tr:nth-child(2n) td{background:#ffffff05}.highlights-table tbody tr:hover td{background:#ddb76b14}.highlights-date-cell{min-width:170px}.highlights-day{min-width:2.25rem;color:var(--gold);letter-spacing:.04em;background:#dfa95529;border:1px solid #dfa95557;border-radius:999px;justify-content:center;align-items:center;margin-right:.5rem;padding:.24rem .55rem;font-weight:700;display:inline-flex}.highlights-month{color:var(--text-main);font-family:Cormorant Garamond,serif;font-size:1.05rem}.highlights-year-cell{min-width:120px;color:var(--gold);letter-spacing:.04em;font-weight:600}.highlights-year-sep{opacity:.55;margin:0 .3rem}.about-panel{gap:1.35rem}.about-header{text-align:left}.about-header .reader-panel-title{text-align:center}.about-header p{max-width:74ch;color:var(--text-main);margin:.7rem auto 0;font-size:clamp(.98rem,1vw,1.06rem);line-height:1.78}.about-kicker{color:var(--gold-soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem}.about-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.about-card{background:linear-gradient(#ffffff04,#ffffff02);border:1px solid #dcb26724;border-radius:18px;grid-column:span 6;padding:1.15rem 1.2rem}.about-card h4{color:var(--gold);margin:0;font-family:Cormorant Garamond,serif;font-size:1.15rem}.about-card p{max-width:70ch;color:var(--text-main);overflow-wrap:break-word;margin:.55rem 0 0;font-size:1rem;line-height:1.74}.about-card p+p{margin-top:.85rem}.about-card-primary{grid-column:span 12}.about-card-contact{grid-column:span 5}.about-email{color:var(--text-main);border-bottom:1px solid #dcb26759;margin-top:.55rem;font-weight:700;text-decoration:none;display:inline-flex}.about-email:hover{color:var(--gold)}@media (width<=760px){.about-header p{max-width:none;margin-top:.55rem;font-size:.96rem;line-height:1.7}.about-card,.about-card-primary,.about-card-contact{grid-column:span 12}.about-grid{gap:.8rem}.about-card{padding:1rem}.about-card p{font-size:.97rem;line-height:1.68}}.highlights-event-cell{font-family:Cormorant Garamond,serif;font-size:1.08rem;line-height:1.35}@media (width<=760px){.highlights-table{min-width:640px}.highlights-table thead th,.highlights-table tbody td{padding:.8rem .85rem}.highlights-event-cell{font-size:1rem}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.reader-layout{grid-template-columns:240px minmax(0,1fr)}.reader-commentary-wrap{grid-column:1/-1}.commentary-panel{min-height:0}.reader-main{min-height:0;max-height:none}.reader-panel{height:auto}}@media (width<=760px){.reader-shell{padding:.75rem}.reader-layout{grid-template-columns:1fr}.sidebar,.commentary-panel,.reader-main{min-height:0;max-height:none}.sidebar{padding:1rem .9rem}.sidebar:after{display:none}.sidebar-mobile-toggle{appearance:none;width:2.2rem;height:2.2rem;color:var(--gold);background:#ffffff08;border:1px solid #dfa95573;border-radius:999px;justify-content:center;align-items:center;margin-top:.85rem;padding:0;display:inline-flex}.sidebar-mobile-content{gap:.8rem;display:grid}.sidebar.is-mobile-collapsed .sidebar-mobile-content{display:none}.sidebar-footer{min-height:0}.sidebar-footer-bottom-image{display:none}.reader-panel{height:auto}.reader-commentary-wrap{display:none}.mobile-commentary-modal{z-index:1200;background:#080706ad;padding:.7rem;position:fixed;inset:0}.mobile-commentary-modal.is-open{align-items:end;display:grid}.mobile-commentary-modal-panel{background:#0a0b0ef5;border:1px solid #dfa95557;border-radius:18px;max-height:88vh;padding:.55rem;overflow-y:auto;box-shadow:0 20px 38px #00000059}.mobile-commentary-close{appearance:none;color:var(--gold);font:inherit;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0a;border:1px solid #dfa95573;border-radius:999px;margin:0 0 .5rem auto;padding:.36rem .72rem;font-size:.78rem;display:block}.topbar{flex-direction:column;align-items:flex-start}.sidebar-title{font-size:2rem}.topbar-title{font-size:1.45rem}.arabic-line{text-align:right;justify-content:flex-start}.translation-line{text-align:left}.translation-row{grid-template-columns:1fr auto}}.faq-layout{grid-template-columns:260px minmax(0,1fr)}.faq-layout .reader-main{min-height:0;max-height:none}.faq-page{padding:1.2rem 1.3rem;position:relative}.faq-header{margin:0 0 1rem}.faq-header h1{color:var(--gold);letter-spacing:.02em;margin:0;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600}.faq-intro{color:var(--text-soft);margin:.45rem 0 0;font-size:.95rem}.faq-container{width:100%}.faq-list{gap:.7rem;display:grid}.faq-item{background:#ffffff05;border:1px solid #dcb26729;border-radius:18px;transition:border-color .18s,background .18s;overflow:hidden}.faq-item.is-expanded{background:#ddb76b14;border-color:#dcb2675c}.faq-question{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text-main);background:0 0;border:none;align-items:center;gap:.8rem;padding:.95rem 1rem;transition:background .16s;display:flex}.faq-question:hover{background:#ffffff08}.faq-number{width:1.8rem;height:1.8rem;color:var(--gold);letter-spacing:.03em;border:1px solid #dcb26747;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.faq-text{flex:1;font-size:.98rem;font-weight:600}.faq-toggle{color:var(--gold);flex-shrink:0;font-size:1.3rem;line-height:1;transition:transform .18s}.faq-item.is-expanded .faq-toggle{transform:rotate(180deg)}.faq-answer{border-top:1px solid #dcb2672e;padding:.95rem 1rem 1rem;animation:.18s faq-drop}@keyframes faq-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.6}@media (width<=760px){.faq-layout{grid-template-columns:1fr}.faq-page{padding:1rem}.faq-header h1{font-size:1.7rem}.faq-question{padding:.85rem .9rem}}