.layout{flex-direction:column;min-height:100dvh;display:flex}.header{background:var(--color-dark);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #0003}.header-logo{align-items:baseline;gap:.4rem;text-decoration:none;display:flex}.header-logo-ar{font-family:var(--font-display);color:var(--color-gold);font-size:1.5rem;font-weight:700}.header-logo-en{color:var(--color-text-muted);letter-spacing:.5px;font-size:.7rem}.header-nav-desktop{gap:.25rem;display:flex}.header-nav-link{color:var(--color-text-muted);transition:all var(--transition);border-radius:20px;padding:.4rem .75rem;font-size:.8rem;text-decoration:none}.header-nav-link:hover,.header-nav-link.active{color:var(--color-gold);background:#c4a44a1a}.header-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.header-hamburger span{background:var(--color-gold);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.header-hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.header-hamburger.open span:nth-child(2){opacity:0}.header-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu-overlay{z-index:99;background:#0009;animation:.2s fadeIn;position:fixed;inset:56px 0 0}.mobile-menu{background:var(--color-dark);flex-direction:column;gap:.25rem;padding:1rem;animation:.25s slideDown;display:flex}.mobile-menu-link{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:1rem;text-decoration:none;display:flex}.mobile-menu-link.active,.mobile-menu-link:hover{color:var(--color-gold);background:#c4a44a1a}.mobile-menu-icon{font-size:1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.main-content{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:2rem 1.25rem 3rem}.footer{background:var(--color-dark);text-align:center;margin-top:auto;padding:2rem 1.25rem}.footer-title{font-family:var(--font-display);color:var(--color-gold);font-size:1.3rem}.footer-author{color:var(--color-text-muted);margin-top:.25rem;font-size:.85rem}.footer-period{color:#fff3;margin-top:.5rem;font-size:.75rem}.home-hero{text-align:center;padding:3rem 0 2rem}.home-hero-ornament{color:var(--color-gold);opacity:.5;font-size:1.5rem;line-height:1}.home-title{font-family:var(--font-display);color:var(--color-accent);margin:.25rem 0;font-size:4.5rem;line-height:1.1}.home-title-en{color:var(--color-text-muted);letter-spacing:1px;margin-bottom:1rem;font-size:1.1rem;font-style:italic}.home-author{color:var(--color-text-light);font-size:1.05rem}.home-period{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.home-description{text-align:center;max-width:560px;color:var(--color-text-light);margin:1.5rem auto 2rem;padding:0 .5rem;font-size:.95rem;line-height:2.2}.home-quick-links{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.home-quick-link{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-light);transition:all var(--transition);box-shadow:var(--shadow-sm);border-radius:24px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.home-quick-link:hover{border-color:var(--color-gold);color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.home-quick-icon{font-size:1rem}.home-section-title{font-family:var(--font-display);color:var(--color-text-muted);text-align:center;margin-bottom:1.25rem;font-size:1.2rem;font-weight:400}.chapters-grid{flex-direction:column;gap:.75rem;display:flex}.chapter-card{background:var(--color-surface);border-radius:var(--radius);color:var(--color-text);transition:all var(--transition);box-shadow:var(--shadow-sm);text-decoration:none;animation:.4s both cardIn;display:flex;overflow:hidden}.chapter-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.chapter-card:active{transform:translateY(-1px)}.chapter-card-accent{flex-shrink:0;width:5px}.chapter-card-body{flex:1;padding:1rem 1.25rem}.chapter-card-top{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.chapter-card-icon{font-size:1.25rem}.chapter-card-number{color:var(--color-text-muted);font-size:.7rem}.chapter-card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1.5}.chapter-card-subtitle{color:var(--color-text-light);margin-top:.1rem;font-size:.8rem}.chapter-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:2.5rem;padding:2.5rem 0 2rem}.chapter-icon{margin-bottom:.75rem;font-size:3rem}.chapter-number{color:var(--color-text-muted);letter-spacing:.5px;font-size:.75rem}.chapter-title{font-family:var(--font-display);color:var(--color-accent);margin-top:.25rem;font-size:2.5rem;line-height:1.3}.chapter-title-en{color:var(--color-text-muted);margin-top:.25rem;font-size:.95rem;font-style:italic}.chapter-subtitle{color:var(--color-text-light);margin-top:.5rem;font-size:.9rem}.section{margin-bottom:3.5rem}.section-title{font-family:var(--font-display);color:var(--color-accent);border-bottom:1px solid var(--color-border);margin-bottom:.15rem;padding-bottom:.6rem;font-size:1.5rem}.section-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header .section-title{margin-bottom:0}.section-title-en{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.section-audio-btn{background:var(--color-dark);color:var(--color-gold);cursor:pointer;font-family:var(--font-arabic);white-space:nowrap;transition:all var(--transition);box-shadow:var(--shadow-sm);border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:.35rem;margin-top:.35rem;padding:.4rem .85rem;font-size:.75rem;display:flex}.section-audio-btn:hover{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.section-audio-btn.playing{background:var(--color-gold);color:var(--color-dark);animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #c4a44a66}50%{box-shadow:0 0 0 6px #c4a44a00}}.content-paragraph{margin-bottom:1.75rem;font-size:1rem;line-height:2.2}.content-verse{border-right:3px solid var(--color-gold);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-display);background:linear-gradient(135deg,#c4a44a0f 0%,#c4a44a05 100%);margin:1.75rem 0;padding:1.5rem 1.75rem;font-size:1.1rem;line-height:2.4}.content-quote{background:var(--color-surface);border-right:3px solid var(--color-accent);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-display);box-shadow:var(--shadow-sm);margin:1.75rem 0;padding:1.5rem 1.75rem;font-size:1.05rem;line-height:2.2;position:relative}.content-quote-attribution{color:var(--color-text-muted);margin-top:.75rem;font-size:.8rem}.content-teaching{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:1.5rem 0;padding:1.5rem}.content-teaching-title{color:var(--color-accent);margin-bottom:.6rem;font-size:1rem;font-weight:700}.content-teaching-text{white-space:pre-line;font-size:.95rem;line-height:2.1}.content-poem{text-align:center;color:var(--color-gold);border-radius:var(--radius);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);margin:2rem 0;padding:2.5rem 1.5rem}.content-poem-title{font-family:var(--font-display);color:#ffffffb3;margin-bottom:1.75rem;font-size:1.2rem}.content-poem-verse{font-family:var(--font-display);white-space:pre-line;margin-bottom:1.5rem;font-size:1.15rem;line-height:2.6}.content-poem-verse:last-child{margin-bottom:0}.poem-commentary-item{border-bottom:1px dashed var(--color-border);margin-bottom:2.25rem;padding-bottom:2rem}.poem-commentary-item:last-child{border-bottom:none}.poem-commentary-verse{font-family:var(--font-display);text-align:center;color:var(--color-gold);border-radius:var(--radius-sm);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);margin-bottom:1rem;padding:1.25rem;font-size:1.1rem;line-height:2.2}.poem-commentary-text{color:var(--color-text-light);padding:0 .5rem;font-size:.95rem;line-height:2.1}.content-story{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:2rem 0;padding:1.75rem}.content-story-title{font-family:var(--font-display);color:var(--color-accent);margin-bottom:1rem;font-size:1.15rem}.content-story-text{margin-bottom:1rem;font-size:.95rem;line-height:2.1}.content-story-quote{border-radius:var(--radius-sm);font-family:var(--font-display);text-align:center;color:var(--color-accent);background:#c4a44a0f;padding:1rem 1.25rem;font-weight:600;line-height:2.2}.calligraphy-style{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:1rem 0;padding:1.5rem}.calligraphy-style-name{font-family:var(--font-display);color:var(--color-accent);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.content-list{margin:1.5rem 0}.content-list-title{color:var(--color-accent);margin-bottom:.75rem;font-weight:700}.content-list ul{padding:0;list-style:none}.content-list li{padding:.6rem 1.5rem;font-size:.95rem;line-height:2;position:relative}.content-list li:before{content:"";background:var(--color-gold);border-radius:50%;width:6px;height:6px;position:absolute;top:1rem;right:0}.qa-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:.75rem 0;padding:1rem 1.25rem}.qa-question{color:var(--color-accent);margin-bottom:.2rem;font-size:1rem;font-weight:700}.qa-topic{color:var(--color-text-muted);font-size:.8rem}.chapter-nav{border-top:1px solid var(--color-border);justify-content:space-between;gap:.75rem;margin-top:3.5rem;padding-top:2rem;display:flex}.chapter-nav-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition);font-family:var(--font-arabic);box-shadow:var(--shadow-sm);flex-direction:column;gap:.2rem;padding:.85rem 1.25rem;font-size:.9rem;text-decoration:none;display:flex}.chapter-nav-btn:hover{border-color:var(--color-gold);color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.chapter-nav-label{color:var(--color-text-muted);font-size:.7rem}.back-home{color:var(--color-text-muted);transition:color var(--transition);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.8rem;display:inline-flex}.back-home:hover{color:var(--color-accent)}.gallery-page{max-width:100%}.gallery-header{text-align:center;margin-bottom:2rem}.gallery-title{font-family:var(--font-display);color:var(--color-accent);font-size:2.5rem}.gallery-subtitle{color:var(--color-text-light);margin-top:.25rem;font-size:.9rem}.gallery-count{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);background:var(--color-bg-alt);overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:scale(1.03)}.gallery-thumb{object-fit:cover;width:100%;height:100%;display:block}.gallery-lightbox{z-index:1000;cursor:pointer;background:#000000f5;flex-direction:column;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gallery-lightbox-close{color:#fff;cursor:pointer;z-index:1001;opacity:.7;background:0 0;border:none;font-size:2.5rem;line-height:1;transition:opacity .2s;position:absolute;top:1rem;left:1rem}.gallery-lightbox-close:hover{opacity:1}.gallery-lightbox-nav{align-items:center;gap:1rem;max-width:95vw;max-height:85vh;display:flex}.gallery-lightbox-prev,.gallery-lightbox-next{color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:#ffffff1a;border:none;flex-shrink:0;padding:.75rem 1rem;font-size:2rem}.gallery-lightbox-prev:hover,.gallery-lightbox-next:hover{background:#c4a44a4d}.gallery-lightbox-img{object-fit:contain;border-radius:var(--radius-sm);cursor:default;max-width:80vw;max-height:85vh}.gallery-lightbox-counter{color:#fff6;direction:ltr;margin-top:1rem;font-size:.8rem}.quran-page{max-width:100%}.quran-header{text-align:center;margin-bottom:2rem}.quran-title{font-family:var(--font-display);color:var(--color-accent);font-size:2.5rem}.quran-reciter{color:var(--color-text-light);margin-top:.25rem;font-size:.9rem}.quran-juz-selector{margin-bottom:1.5rem}.quran-juz-label{color:var(--color-text-muted);text-align:center;margin-bottom:.5rem;font-size:.8rem}.quran-juz-grid{grid-template-columns:repeat(10,1fr);gap:.35rem;display:grid}.quran-juz-btn{font-family:var(--font-arabic);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition);padding:.45rem 0;font-size:.8rem}.quran-juz-btn:hover{border-color:var(--color-gold);background:var(--color-bg-alt)}.quran-juz-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #8b69144d}.quran-juz-btn.unavailable{opacity:.35}.quran-juz-btn.unavailable.active{opacity:1;background:var(--color-text-muted)}.quran-player-wrapper{margin-bottom:1.5rem}.quran-player-container{border-radius:var(--radius);text-align:left;box-shadow:var(--shadow-md);direction:ltr;background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);padding:1rem 1.25rem .75rem;overflow:hidden}.quran-player-label{color:var(--color-gold);font-family:var(--font-display);text-align:center;direction:rtl;margin-bottom:.25rem;font-size:1rem}.quran-player-container .rhap_container{box-shadow:none!important;background:0 0!important;padding:0!important}.quran-player-container .rhap_time{color:#fff6!important;direction:ltr!important;font-size:.75rem!important}.quran-player-container .rhap_progress-bar{background:#ffffff1a!important;border-radius:3px!important;height:5px!important}.quran-player-container .rhap_progress-filled{background:var(--color-gold)!important;border-radius:3px!important}.quran-player-container .rhap_progress-indicator{background:var(--color-gold)!important;width:14px!important;height:14px!important;top:-5px!important;box-shadow:0 0 8px #c4a44a66!important}.quran-player-container .rhap_button-clear{color:var(--color-gold)!important}.quran-player-container .rhap_button-clear:hover{color:#fff!important}.quran-player-container .rhap_volume-bar{background:#ffffff1a!important}.quran-player-container .rhap_volume-filled{background:var(--color-gold)!important}.quran-player-container .rhap_volume-indicator{background:var(--color-gold)!important;box-shadow:0 0 4px #c4a44a66!important}.quran-player-container .rhap_repeat-button,.quran-player-container .rhap_volume-button{color:var(--color-gold)!important}.quran-speed-controls{border-top:1px solid #ffffff0f;justify-content:center;gap:.4rem;margin-top:.5rem;padding-top:.5rem;display:flex}.quran-speed-btn{font-family:var(--font-arabic);color:#fff6;cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #c4a44a40;border-radius:12px;padding:.2rem .6rem;font-size:.7rem}.quran-speed-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.quran-speed-btn.active{background:var(--color-gold);color:var(--color-dark);border-color:var(--color-gold)}.quran-player-unavailable-box{color:var(--color-text-muted);border-radius:var(--radius);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:.85rem;display:flex}.quran-text-container{margin-top:1.5rem}.quran-surah{margin-bottom:3rem}.quran-surah-header{text-align:center;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#1e1a14 0%,#2d2820 100%);margin-bottom:1.75rem;padding:1.25rem}.quran-surah-name{font-family:var(--font-display);color:var(--color-gold);font-size:1.8rem}.quran-surah-name-en{color:#ffffff4d;margin-top:.1rem;font-size:.75rem}.quran-ayahs{font-family:var(--font-display);text-align:justify;color:var(--color-text);padding:0 .25rem;font-size:1.4rem;line-height:3}.quran-ayah,.quran-ayah-text{display:inline}.quran-ayah-number{color:var(--color-gold);font-size:.8rem;font-family:var(--font-arabic);margin:0 .2rem;display:inline}.explore-header{text-align:center;margin-bottom:1rem}.explore-title{font-family:var(--font-display);color:var(--color-accent);font-size:2rem}.explore-subtitle{color:var(--color-text-muted);font-size:.85rem}.explore-filters{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.75rem;display:flex}.explore-filter-btn{font-family:var(--font-arabic);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-light);cursor:pointer;transition:all var(--transition);border-radius:20px;padding:.35rem .85rem;font-size:.8rem}.explore-filter-btn:hover{border-color:var(--color-gold)}.explore-filter-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.explore-legend{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.5rem;font-size:.65rem;display:flex}.explore-legend-item{align-items:center;gap:.2rem;display:flex}.explore-legend-dot{border-radius:50%;width:7px;height:7px}.explore-graph-container{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);box-shadow:var(--shadow-sm);overflow:hidden}.explore-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:1rem;padding:1.25rem;animation:.25s slideDown}.explore-detail-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.explore-detail-type{color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:10px;padding:.15rem .6rem;font-size:.7rem}.explore-detail-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.explore-detail-name{font-family:var(--font-display);color:var(--color-accent);font-size:1.25rem}.explore-detail-en{color:var(--color-text-muted);font-size:.8rem;font-style:italic}.explore-detail-connections{color:var(--color-gold);margin-top:.3rem;font-size:.75rem}.explore-detail-navigate{font-family:var(--font-arabic);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);border:none;margin-top:.75rem;padding:.45rem 1rem;font-size:.85rem}.explore-detail-navigate:hover{background:var(--color-accent-light)}.explore-stats{text-align:center;color:var(--color-text-muted);margin-top:.75rem;font-size:.7rem}@media (width<=768px){html{font-size:16px}.header-nav-desktop{display:none}.header-hamburger{display:flex}.main-content{padding:1.5rem 1rem 2.5rem}.home-title{font-size:3.5rem}.home-description{font-size:.9rem}.chapter-title{font-size:2rem}.section-title{font-size:1.3rem}.chapter-nav{flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.gallery-lightbox-prev,.gallery-lightbox-next{padding:.5rem .75rem;font-size:1.5rem}.quran-juz-grid{grid-template-columns:repeat(6,1fr)}.quran-ayahs{font-size:1.2rem;line-height:2.8}.quran-surah-name{font-size:1.5rem}.home-quick-links{gap:.4rem}.home-quick-link{padding:.4rem .8rem;font-size:.75rem}}@media (width>=769px){.header-hamburger,.mobile-menu-overlay{display:none}}@media (width<=380px){.home-title{font-size:2.8rem}.quran-juz-grid{grid-template-columns:repeat(5,1fr)}}:root{--color-bg:#faf8f4;--color-bg-alt:#f2ede5;--color-surface:#fff;--color-text:#1e1a14;--color-text-light:#7a6f62;--color-text-muted:#a89e90;--color-accent:#8b6914;--color-accent-light:#c4a44a;--color-border:#e2dbd0;--color-gold:#c4a44a;--color-dark:#1e1a14;--font-arabic:"Noto Naskh Arabic", "Amiri", serif;--font-display:"Amiri", serif;--max-width:720px;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 2px 6px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000d;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:17px}body{font-family:var(--font-arabic);background:var(--color-bg);color:var(--color-text);text-align:right;-webkit-font-smoothing:antialiased;direction:rtl;line-height:2;overflow-x:hidden}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-accent-light)}::selection{background:var(--color-gold);color:#fff}img{max-width:100%}