@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;1,400&family=IBM+Plex+Sans+Arabic:wght@300;400;500&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg: #0f0e0d;--bg-2: #141312;--bg-3: #1a1917;--phosphor: #4a9e5c;--amber: #c8a94a;--cream: #d4c9a8;--blue: #3a8fc4;--orange: #d4622a;--muted: #4a4640;--border: #252320;--nav-bg: rgba(15, 14, 13, .92);--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-ar: "IBM Plex Sans Arabic", sans-serif;--transition: .12s ease;--radius: 0px}[data-theme=light]{--bg: #f5f0e8;--bg-2: #ede8de;--bg-3: #e4ddd0;--phosphor: #2d7a3a;--amber: #9a7a1a;--cream: #2c2620;--blue: #1f6a96;--orange: #b84a1a;--muted: #8a8070;--border: #d0c8b8;--nav-bg: rgba(245, 240, 232, .92)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--cream);font-family:var(--font-mono);line-height:1.7;min-height:100vh;transition:background .2s ease,color .2s ease;padding-top:72px;overflow-x:hidden}[lang=ar],.ar-content{font-family:var(--font-ar);direction:rtl;text-align:right}a{color:inherit;text-decoration:none;position:relative}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--blue);transition:width var(--transition)}.link-underline:hover:after{width:100%}[dir=rtl] .link-underline:after,.link-underline.rtl:after{left:auto;right:0}::selection{background:var(--phosphor);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.container{max-width:700px;margin:0 auto;padding:0 24px}.container--wide{max-width:960px;margin:0 auto;padding:0 24px}.section-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.tag-btn{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all var(--transition)}.tag-btn:hover{border-color:var(--cream);color:var(--cream)}.tag-btn.active{border-color:var(--blue);color:var(--blue);background:#3a8fc40f}.page-verse{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0 24px;margin:40px 0 48px;font-family:Amiri,serif;color:var(--amber);line-height:2.2}.verse-col{display:contents}.page-verse p{font-size:clamp(1rem,2vw,1.25rem);margin:0;text-align:center}.page-verse p:nth-child(1){grid-column:1;grid-row:1}.page-verse p:nth-child(2){grid-column:1;grid-row:2}.page-verse p:nth-child(3){grid-column:2;grid-row:1}.page-verse p:nth-child(4){grid-column:2;grid-row:2}.page-verse--single{grid-template-columns:1fr}.page-verse--single p{grid-column:1!important;grid-row:auto!important}@media (max-width: 540px){.page-verse{grid-template-columns:1fr;text-align:center}.page-verse p:nth-child(1){grid-column:1;grid-row:1}.page-verse p:nth-child(2){grid-column:1;grid-row:3}.page-verse p:nth-child(3){grid-column:1;grid-row:2}.page-verse p:nth-child(4){grid-column:1;grid-row:4}}footer{margin-top:120px;padding:32px 0 40px;border-top:1px solid var(--border)}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--muted)}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--muted);transition:color var(--transition)}.footer-links a:hover{color:var(--cream)}@media (max-width: 480px){.container{padding:0 18px}}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;padding:22px 0;transition:padding .2s ease,border-color .2s ease}nav.scrolled{padding:12px 0;border-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;position:relative}.nav-logo{font-size:.8rem;color:var(--phosphor);letter-spacing:.08em;font-weight:500}.nav-logo span{color:var(--orange)}.nav-links{display:flex;gap:28px;list-style:none;align-items:center}.nav-links a{font-size:.75rem;letter-spacing:.06em;color:var(--muted);transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--cream)}.theme-toggle{background:none;border:1px solid var(--border);cursor:pointer;color:var(--muted);font-size:.65rem;font-family:var(--font-mono);letter-spacing:.08em;padding:3px 10px;transition:color var(--transition),border-color var(--transition)}.theme-toggle:hover{color:var(--cream);border-color:var(--muted)}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:110}.nav-hamburger span{display:block;width:20px;height:1px;background:var(--muted);transition:all .16s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);background:var(--cream)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);background:var(--cream)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.nav-mobile{display:none;position:fixed;inset:0;background:var(--bg);z-index:105;flex-direction:column;align-items:center;justify-content:center;gap:32px}.nav-mobile.open{display:flex;animation:menuSlideIn .2s ease forwards}.nav-mobile a,.nav-mobile .theme-toggle{opacity:0;animation:menuSlideIn .22s ease forwards}.nav-mobile a:nth-child(2){animation-delay:60ms}.nav-mobile a:nth-child(3){animation-delay:.1s}.nav-mobile a:nth-child(4){animation-delay:.12s}.nav-mobile .theme-toggle{animation-delay:.14s}.nav-mobile a{font-size:1.1rem;letter-spacing:.08em;color:var(--muted);transition:color var(--transition)}.nav-mobile a:hover,.nav-mobile a.active{color:var(--cream)}.nav-mobile .theme-toggle{font-size:.85rem}.nav-mobile-close{position:absolute;top:28px;right:24px;background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.nav-mobile-close span{display:block;width:20px;height:1px;background:var(--muted);position:absolute}.nav-mobile-close span:nth-child(1){transform:rotate(45deg)}.nav-mobile-close span:nth-child(2){transform:rotate(-45deg)}.nav-mobile-close:hover span{background:var(--cream)}@media (max-width: 1254px){.nav-hamburger{display:flex}.nav-links{display:none}}@media (max-width: 480px){.nav-links{gap:18px}}.hero-wrapper{width:100%;background:#000;display:flex;justify-content:center;align-items:center;margin-bottom:64px;border-bottom:1px solid var(--border);overflow:hidden;position:relative}[data-theme=light] .hero-wrapper{background:#e8e0d0}.hero-image{display:block;max-width:100%;width:auto;max-height:540px;object-fit:contain;object-position:center center;filter:saturate(.95) contrast(1.02);position:relative;z-index:1;transition:opacity 60ms linear,transform 60ms linear;will-change:opacity,transform}.hero-text-bg{position:absolute;inset:0;padding:28px 48px;overflow:hidden;font-family:Amiri,serif;font-size:clamp(1.3rem,2.4vw,2.2rem);line-height:2;direction:rtl;text-align:justify;word-break:break-word;color:#c8a94a85;letter-spacing:.02em;mask-image:radial-gradient(ellipse 42% 55% at 50% 45%,transparent 0%,transparent 25%,rgba(0,0,0,.3) 45%,black 70%),linear-gradient(to bottom,black 55%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse 42% 55% at 50% 45%,transparent 0%,transparent 25%,rgba(0,0,0,.3) 45%,black 70%),linear-gradient(to bottom,black 55%,transparent 95%);mask-composite:intersect;-webkit-mask-composite:destination-in;pointer-events:none;user-select:none;z-index:0}[data-theme=light] .hero-text-bg{color:#64461459}.bio{margin-bottom:72px}.bio-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;margin-bottom:20px;filter:grayscale(.2);border:1px solid var(--border)}.bio-name{font-size:.7rem;color:var(--phosphor);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.bio-text{font-size:.9rem;color:var(--cream);line-height:1.8;max-width:560px}.bio-text a{color:var(--blue);border-bottom:1px solid transparent;transition:border-color var(--transition)}.bio-text a:hover{border-color:var(--blue)}.bio-top-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.bio-top-row .bio-avatar{margin-bottom:0;flex-shrink:0}@media (max-width: 768px){.hero-wrapper{margin-bottom:40px}.hero-image{max-height:300px}.hero-text-bg{font-size:clamp(1.1rem,4vw,1.5rem);padding:16px 20px;line-height:1.9}}.posts-list{list-style:none;display:flex;flex-direction:column;gap:0}.post-item{border-bottom:1px solid var(--border)}.post-link{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding:14px 0;transition:color var(--transition)}.post-link:hover,.post-link:hover .post-title{color:var(--blue)}.post-title{font-size:.875rem;color:var(--cream);font-weight:400;transition:color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-title-ar{font-family:var(--font-ar);font-size:.95rem}.post-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.post-date{font-size:.7rem;color:var(--muted);white-space:nowrap}.post-tag{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--phosphor);background:#4a9e5c14;padding:2px 7px;white-space:nowrap}.post-lang{font-size:.6rem;color:var(--amber);letter-spacing:.06em}.lang-block{margin-bottom:56px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;align-items:center}.filter-btn{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all var(--transition)}.filter-btn:hover,.filter-btn.active{border-color:var(--blue);color:var(--blue);background:#3a8fc40f}.filter-btn.active-ar{border-color:var(--amber);color:var(--amber);background:#c8a94a0f}.filter-sep{width:1px;height:14px;background:var(--border)}.post-page{display:grid;grid-template-columns:1fr 200px;gap:64px;align-items:start}.post-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border)}.post-header-lang{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}.post-header-title{font-size:1.6rem;font-weight:500;color:var(--cream);line-height:1.3;margin-bottom:16px;letter-spacing:-.01em}.post-header-title.ar{font-family:var(--font-ar);font-size:1.8rem}.post-header-meta{display:flex;gap:16px;font-size:.7rem;color:var(--muted);align-items:center;flex-wrap:wrap}.post-cover{width:100%;aspect-ratio:16/7;object-fit:cover;margin-bottom:40px;border:1px solid var(--border)}.toc{position:sticky;top:32px}.toc-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.toc-list{list-style:none;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--border);padding-left:14px}.toc-item a{font-size:.72rem;color:var(--muted);transition:color var(--transition);line-height:1.5;display:block}.toc-item a:hover,.toc-item a.active{color:var(--blue)}.toc-item--h3{padding-left:10px}.prose{font-size:.9rem;line-height:1.85;color:var(--cream)}.prose.ar{font-family:var(--font-ar);font-size:1rem}.prose h2{font-size:1.1rem;font-weight:500;color:var(--cream);margin:40px 0 14px;letter-spacing:-.01em}.prose h3{font-size:.95rem;font-weight:500;color:var(--amber);margin:28px 0 10px}.prose p{margin-bottom:18px}.prose a{color:var(--blue);border-bottom:1px solid rgba(58,143,196,.3);transition:border-color var(--transition)}.prose a:hover{border-color:var(--blue)}.prose code{background:var(--bg-3);color:var(--phosphor);padding:1px 6px;font-size:.85em;border:1px solid var(--border)}.prose pre{background:var(--bg-2);border:1px solid var(--border);padding:20px;overflow-x:auto;margin:24px 0;font-size:.82rem}.prose pre code{background:none;border:none;padding:0;color:var(--cream)}.prose blockquote{border-left:2px solid var(--orange);padding-left:16px;color:var(--muted);margin:24px 0;font-style:italic}.prose ul,.prose ol{padding-left:20px;margin-bottom:18px}.prose li{margin-bottom:6px}.prose hr{border:none;border-top:1px solid var(--border);margin:40px 0}.prose img{max-width:100%;height:auto;display:block;margin:24px 0;border:1px solid var(--border)}@media (max-width: 768px){.post-page{grid-template-columns:1fr}.toc{display:none}.post-link{grid-template-columns:1fr;gap:4px}.post-meta{justify-content:flex-start}.footer-inner{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.post-header-title{font-size:1.3rem}}.books-search-wrap{margin-bottom:28px}.books-search{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--cream);font-family:var(--font-mono);font-size:.78rem;padding:8px 0;letter-spacing:.04em;outline:none;transition:border-color var(--transition)}.books-search::placeholder{color:var(--muted)}.books-search:focus{border-bottom-color:var(--muted)}.books-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.books-tab{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;padding:8px 20px 10px;margin-bottom:-1px;transition:color var(--transition),border-color var(--transition);display:flex;align-items:center;gap:8px}.books-tab:hover{color:var(--cream)}.books-tab.active{color:var(--cream);border-bottom-color:var(--phosphor)}.books-tab-count{font-size:.58rem;color:var(--muted)}.books-tab.active .books-tab-count{color:var(--phosphor)}.books-topic-row{display:none;flex-wrap:wrap;gap:6px;margin-bottom:36px}.books-topic-row.active{display:flex}.books-cat-panel{display:none}.books-cat-panel.active{display:block}.books-empty{font-size:.78rem;color:var(--muted);padding:40px 0}.books-intro{font-size:.85rem;color:var(--muted);margin-bottom:32px;line-height:1.7}.books-section{margin-bottom:56px}.books-section-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px}.books-section-label:after{content:"";flex:1;height:1px;background:var(--border)}.books-count{font-size:.58rem;color:var(--muted);letter-spacing:.04em}.books-grid{display:flex;flex-direction:column}.book-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.book-card:first-child{border-top:1px solid var(--border)}.book-card.hidden{display:none}.book-card-cover{width:48px;height:64px;flex-shrink:0;overflow:hidden;border:1px solid var(--border)}.book-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-card-cover-placeholder{width:100%;height:100%;background:var(--bg-3);display:flex;align-items:center;justify-content:center}.book-card-cover-placeholder span{font-size:.65rem;color:var(--muted);letter-spacing:.06em}.book-card-body{min-width:0;display:flex;flex-direction:column;gap:3px}.book-card-title{font-size:.875rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition)}.book-card:hover .book-card-title{color:var(--blue)}.book-card-author{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-year{font-size:.65rem;color:var(--muted);opacity:.6}.book-card-rating{font-size:.62rem;color:var(--amber);letter-spacing:1px}.book-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.book-tag{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--phosphor);background:#4a9e5c14;padding:1px 5px}.book-card-arrow{font-size:.65rem;color:var(--border);flex-shrink:0}.book-back{margin-bottom:32px}.back-link{font-size:.72rem;color:var(--muted);letter-spacing:.04em;transition:color var(--transition)}.back-link:hover{color:var(--cream)}.book-detail{display:grid;grid-template-columns:120px 1fr;gap:32px;align-items:start;margin-bottom:56px;padding-bottom:40px;border-bottom:1px solid var(--border)}.book-cover-img{width:100%;display:block;border:1px solid var(--border)}.book-cover-placeholder{width:120px;height:160px;background:var(--bg-3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.book-cover-placeholder span{font-size:1.2rem;color:var(--muted);letter-spacing:.1em}.book-detail-title{font-size:1.4rem;font-weight:500;color:var(--cream);line-height:1.3;margin-bottom:6px;letter-spacing:-.01em}.book-detail-author{font-size:.8rem;color:var(--muted);margin-bottom:24px}.book-detail-fields{display:flex;flex-direction:column;gap:8px}.book-field{display:flex;align-items:baseline;gap:12px;font-size:.75rem}.book-field--tags{align-items:flex-start}.book-field-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-width:44px;flex-shrink:0}.book-field-value{color:var(--cream)}.book-rating{color:var(--amber);letter-spacing:1px}.book-detail-tags{display:flex;flex-wrap:wrap;gap:5px}.book-notes-section{margin-bottom:56px}.book-prose{max-width:600px}.book-related-section{margin-bottom:56px}@media (max-width: 600px){.book-detail{grid-template-columns:80px 1fr;gap:20px}.book-cover-placeholder{width:80px;height:110px}.book-detail-title{font-size:1.1rem}}@media (max-width: 480px){.book-card{grid-template-columns:40px 1fr auto;gap:12px}.book-card-cover{width:40px;height:54px}}