@font-face{font-family:MeQuran;src:url(/Fonts/AlMushafQuran.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Al Mushaf Quran;src:local(Al Mushaf Quran),url(/Fonts/AlMushafQuran.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:local(KFGQPC Uthman Taha Naskh),url(/Fonts/KFGQPCUthmanTahaNaskhRegular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jameel Noori Nastaleeq;src:local(Jameel Noori Nastaleeq),url(/Fonts/JameelNooriNastaleeqRegular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Nastaliq Urdu;src:url(/Fonts/JameelNooriNastaleeqRegular.woff2)format("woff2");font-weight:400;font-style:normal}
:root{--color-primary:#0a4d68;--color-primary-light:#088395;--color-primary-soft:#e8f5f5;--color-primary-contrast:#fff;--color-surface:#fff;--color-background:#f8fafc;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-text-strong:#37474f;--color-gold:#d4a574;--color-gold-soft:#fef3c7;--color-gold-contrast:#1a1a1a;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-shadow:#0000001a;--color-shadow-soft:#0000000d;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0891b2;--color-nav-bg:var(--color-primary);--color-nav-text:var(--color-primary-contrast);--color-nav-hover:var(--color-primary-light);--color-nav-border:var(--color-primary-light);--color-nav-shadow:#0a4d6833;--color-prayer-bg:var(--color-primary);--color-prayer-text:var(--color-primary-contrast);--color-prayer-accent:var(--color-gold);--color-prayer-next:var(--color-gold-soft);--color-hover-overlay:#0a4d680d;--color-focus-ring:#0a4d684d;--color-active-shadow:#0a4d6833;--color-btn-primary-hover:#088395;--color-btn-secondary-hover:#e8f5f5;--color-btn-ghost-hover:#0a4d681a;--color-btn-danger-hover:#dc2626;--color-btn-success-hover:#16a34a;--color-card-hover-bg:#f8fafc;--color-card-hover-shadow:#0a4d6826;--color-card-hover-border:#088395;--color-card-hover-transform:translateY(-5px);--color-link-hover:#088395;--color-link-visited:#6b7280;--color-link-active:#0a4d68;--color-nav-item-hover:#088395;--color-nav-dropdown-hover:#0a4d681a;--color-nav-mobile-hover:#e8f5f5;--color-input-hover-border:#088395;--color-input-hover-bg:#fff;--color-input-focus-border:#0a4d68;--color-input-focus-shadow:#0a4d6833;--color-text-hover:#088395;--color-text-muted-hover:#37474f;--color-heading-hover:#0a4d68;--color-interactive-hover:#0a4d681a;--color-interactive-active:#0a4d6833;--color-interactive-disabled:#e5e7eb;--color-verse-action-id:#64748b;--color-verse-action-text:#4a4a4a;--color-verse-tooltip-bg:#1fa3a7;--color-verse-tooltip-text:#fff;--color-verse-word-hover:#1fa3a7;--color-verse-word-pulse:#2dd4d8;--color-verse-active-border:#1fa3a7;--color-verse-marker:#dcb158;--color-verse-translation:#1f2937;--color-verse-urdu:#333;--color-verse-english:#333;--color-verse-meta:#6b7280;--color-verse-tafsir:#333;--color-verse-progress-bg:#eee;--color-verse-progress-fill:#008f91;--color-verse-player-hover:#008f91;--color-verse-player-time:#555;--color-verse-player-close:#888;--color-verse-player-close-hover:#d00;--color-card-bg:#fff;--color-card-shadow:#0000000d;--color-card-title:#1f2937;--color-card-description:#4b5563;--color-card-link:#059669;--color-card-link-hover:#047857;--color-search-header:#5bb3b9;--color-search-meta:#7ba3af;--color-search-text:#f1f5f9;--color-search-tag-bg:#5bb3b926;--color-search-tag-text:#5bb3b9;--color-search-tag-hover:#5bb3b94d;--color-search-input-border:#e0e0e0;--color-search-icon:#aaa;--color-search-spinner-border:#fff;--color-search-dropdown-border:#e0e0e0;--color-seerat-card-bg:#fff;--color-seerat-card-border:#e0f7fa;--color-seerat-card-hover:#00838f;--color-seerat-sidebar-gradient:linear-gradient(135deg,#05bfdb,#00a8c5);--color-seerat-sidebar-hover:linear-gradient(135deg,#00acc1,#00838f);--color-seerat-hero-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--color-seerat-title:#fff;--color-seerat-meta:#e0e0e0;--color-seerat-button-text:#fff;--color-typography-arabic-hover:#38bdf8;--color-animation-spinner-border:#e0e0e0;--color-animation-status-dot:#10b981;--color-animation-status-glow:#10b981;--color-sepia-surface:#efebe9;--color-sepia-surface-soft:#f4f0e8;--color-sepia-surface-hover:#e8e0d0;--color-sepia-text:#5b4636;--color-sepia-text-muted:#795548;--color-sepia-accent:#00838f;--color-sepia-accent-hover:#6b513f;--color-sepia-border:#d7ccc8;--color-sepia-border-hover:#8b7355;--color-sepia-scrollbar-track:#efebe9;--color-sepia-scrollbar-thumb:#8a5a44;--color-sepia-scrollbar-thumb-hover:#6d4c41;--color-sepia-hero-gradient:linear-gradient(135deg,#8b7355 0%,#6b513f 100%);--color-sepia-hero-text:#fdf6e3;--color-form-border:#e2e8f0;--color-form-bg:#f1f5f9;--color-form-text:#64748b;--color-form-text-muted:#64748b;--color-form-stepper-border:#e2e8f0;--color-form-stepper-bg:#fff;--color-form-stepper-hover:#f1f5f9;--color-form-checkbox-border:#e2e8f0;--color-form-checkbox-checked:#00838f;--color-form-divider:#e2e8f0;--color-content-header-gradient:linear-gradient(135deg,var(--primary-color,#00838f),var(--secondary-color,#00acc1));--color-content-tag-bg:#f1f5f9;--color-content-tag-text:#64748b;--color-content-tag-active:#fff;--color-content-tag-active-bg:var(--primary-color,#00838f)}.quran-content{--color-accent:var(--color-primary);--color-accent-contrast:var(--color-primary-contrast)}.prayer-content{--color-accent:var(--color-gold);--color-accent-contrast:var(--color-gold-contrast)}.study-content,.community-content{--color-accent:var(--color-primary);--color-accent-contrast:var(--color-primary-contrast)}.reading-mode{--color-surface:#fff!important;--color-text:#000!important;--color-border:#d1d5db!important;--color-text-muted:#374151!important}@media (prefers-contrast:high){:root{--color-border:#000;--color-text:#000;--color-surface:#fff;--color-text-muted:#000}}:root{--color-animation-green:#10b981;--color-animation-cyan:#05bfdb;--color-animation-gold:#fbbf24;--color-animation-orange:#f59e0b;--color-animation-sky:#0a4d68;--color-shadow-medium:#00000026;--color-shadow-light:#00000014;--color-shadow-dark:#0006;--color-shadow-subtle:0 1px 3px #00000005;--color-focus-teal:#0d94884d;--color-focus-green:#10b98159;--color-focus-sky:0 0 0 3px #0a4d680f;--color-focus-gold:0 0 15px #daa52080;--color-white-overlay:#fff3;--color-black-overlay:#0000004d;--color-dark-blue-shadow:#0f172a29;--color-glow-cyan-medium:#05bfdb80;--color-glow-cyan-light:#05bfdb4d;--color-glow-cyan-bright:#05bfdbcc;--color-glow-cyan-pulse:#05bfdb66;--color-glow-gold-medium:#fbbf244d;--color-glow-gold-bright:#fbbf2480;--color-spinner-green-light:#10b98140;--color-spinner-green-medium:#10b9812e;--color-spinner-green-dark:#10b98133;--color-spinner-green-heavy:#10b9814d;--color-spinner-orange-light:#f59e0b29;--color-spinner-sky-light:#0a4d681a;--color-text-shadow-black:#00000080;--color-text-shadow-black-light:#0000004d;--color-text-shadow-black-dark:#0003;--color-base-primary:#0f5132;--color-base-primary-light:#0a7c4e;--color-base-primary-dark:#0d3520;--color-base-secondary:#088395;--color-base-accent:#05bfdb;--color-base-light:#f8fafc;--color-base-dark:#1e293b;--color-base-darker:#0f172a;--color-base-gray:#94a3b8;--color-base-light-gray:#e2e8f0;--color-base-white:#fff;--color-base-black:#000;--color-base-gold:#fbbf24;--color-base-green:#37dc67;--color-base-red:#ef4444;--color-base-text-light:#6b7280;--color-layout-surface:#f8fafc;--color-layout-white:#fff;--color-layout-border-light:#f1f5f9;--color-layout-gradient-sky:linear-gradient(135deg,#0a4d68 0%,#05bfdb 100%);--color-layout-gradient-dark:#1e293b;--color-layout-gradient-sepia:linear-gradient(135deg,#5b463614,#78350f1f);--color-layout-pattern:#ffffff0a;--color-shadow-sm:0 1px 2px 0 #0000000d;--color-shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--color-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--color-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--color-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--color-shadow-2xl:0 25px 50px -12px #00000040;--color-shadow-legacy:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--color-shadow-tooltip:0 3px 8px #00000026;--color-shadow-tooltip-medium:0 4px 10px #00000026;--color-shadow-footer:0 -4px 10px #00000014;--color-shadow-dropdown:0 10px 25px #00000026;--color-shadow-card:0 10px 30px #0000001a;--color-shadow-card-heavy:0 18px 40px #0f172a14;--color-shadow-focus-large:0 8px 40px #0006;--color-shadow-focus-medium:0 18px 40px #0f172a29;--color-shadow-responsive:0 2px 4px #0000000d;--color-focus-large:0 0 0 3px #10b98159;--color-focus-medium:0 0 0 1px #0d94884d;--color-focus-small:0 0 0 4px #10b98126;--color-border-green-full:#10b981;--color-border-green-medium:#10b98173;--color-border-teal:#0d94884d;--color-border-sky:#0a4d681a;--color-border-layout:#f1f5f9;--color-overlay-black:#0000004d;--color-overlay-white:#fff3;--color-overlay-pattern:#ffffff0a;--color-overlay-sepia:#5b463614;--color-overlay-sepia-dark:#78350f1f;--color-solid-black:#000;--color-solid-white:#fff;--color-solid-orange:#f59e0b;--color-solid-crimson:#dc2626;--color-solid-gold:#d4af37;--color-solid-light-gold:#fbbf24}
body{padding-top:76px}main{padding-top:64px}.namaz-ticker-bar{background:linear-gradient(135deg,var(--color-nav-bg),var(--color-nav-hover));border-bottom:1px solid var(--color-nav-border);z-index:999;box-shadow:var(--color-nav-shadow);justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.ticker-label{color:var(--color-nav-text);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.ticker-label i{color:var(--color-warning)}.ticker-label button{background:var(--primary,var(--color-success));color:var(--color-nav-text);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:all .2s}.ticker-label button:hover{background:var(--color-nav-hover);box-shadow:0 2px 8px var(--color-nav-shadow);transform:translateY(-1px)}.ticker-label button:active{transform:translateY(0)}.ticker-wrapper{flex:1;height:40px;position:relative;overflow:hidden}.ticker-content{white-space:nowrap;align-items:center;gap:40px;height:100%;padding:0;animation:30s linear infinite ticker-scroll;display:flex;position:absolute;top:0;left:0}.ticker-content:hover{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:var(--color-nav-text);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;transition:all .2s;display:flex}.ticker-item i{font-size:.9rem}.ticker-item span{color:var(--color-warning);font-weight:600}.ticker-item[style*=orange],.ticker-item[style*=crimson]{background:var(--warning-bg,var(--color-warning-surface));color:var(--warning-text,var(--color-warning));border:1px solid var(--warning-border,var(--color-warning-border))}.ticker-item[style*=orange] i,.ticker-item[style*=crimson] i{color:var(--warning-icon,var(--color-warning))}.ticker-item .fa-sun{color:var(--color-warning-alt)!important}.ticker-item .fa-cloud-sun{color:var(--color-warning)!important}.ticker-item .fa-cloud-moon{color:var(--color-purple)!important}.ticker-item .fa-moon{color:var(--color-indigo)!important}.ticker-item .fa-exclamation-triangle{color:var(--color-warning)!important}.ticker-item .fa-triangle-exclamation{color:var(--color-danger)!important}html[data-theme=light] .ticker-item .fa-sun{color:var(--color-warning-alt)!important}.ticker-label button{background:var(--color-success);color:var(--color-nav-text);cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:all .2s}.ticker-label button:hover{background:var(--color-nav-hover);transform:translateY(-1px)}@media (max-width:1024px){.namaz-ticker-bar{gap:15px;padding:10px 18px}.ticker-item{gap:5px;padding:3px 10px;font-size:.8rem}}@media (max-width:768px){.namaz-ticker-bar{flex-direction:row;align-items:center;gap:8px;min-height:auto;padding:6px 10px}.ticker-label{flex-shrink:0;justify-content:flex-start;gap:4px;width:auto;padding:0;font-size:.55rem}.ticker-label i{margin-right:3px;font-size:.6rem}.ticker-label button{padding:1px 4px;font-size:.5rem}.ticker-wrapper{flex:1;height:32px;overflow:hidden}.ticker-wrapper:before,.ticker-wrapper:after{width:25px}.ticker-content{animation:20s linear infinite ticker-scroll}.ticker-item{gap:2px;padding:1px 5px;font-size:.6rem}.ticker-item i{font-size:.65rem}}@media (max-width:640px){.namaz-ticker-bar{gap:5px;padding:6px 10px}.ticker-label{font-size:.5rem}.ticker-label i{margin-right:2px;font-size:.55rem}.ticker-label button{padding:1px 3px;font-size:.45rem}.ticker-wrapper{height:32px}.ticker-content{animation:15s linear infinite ticker-scroll}.ticker-item{gap:2px;padding:1px 4px;font-size:.55rem}.ticker-item i{font-size:.6rem}}@media (max-width:480px){.namaz-ticker-bar{gap:4px;padding:5px 8px}.ticker-label{font-size:.45rem}.ticker-label i{display:none}.ticker-label button{padding:1px 3px;font-size:.4rem}.ticker-wrapper{height:28px}.ticker-content{animation:12s linear infinite ticker-scroll}.ticker-item{gap:1px;padding:1px 3px;font-size:.5rem}.ticker-item i{font-size:.55rem}.ticker-item span{font-size:.5rem}}@media (max-width:360px){.namaz-ticker-bar{gap:3px;padding:4px 6px}.ticker-label{font-size:.4rem}.ticker-label button{padding:1px 2px;font-size:.35rem}.ticker-label button i{display:none}.ticker-wrapper{width:100%;height:24px}.ticker-content{animation:10s linear infinite ticker-scroll}.ticker-item{gap:1px;padding:1px 2px;font-size:.45rem}.ticker-item i{font-size:.5rem}.ticker-item span{font-size:.45rem}}html[data-theme=sepia] .namaz-ticker-bar{background:linear-gradient(135deg,var(--color-sepia-accent),var(--color-sepia-accent-2));border-bottom-color:var(--color-sepia-overlay-light);box-shadow:0 2px 10px #5b463626}html[data-theme=sepia] .ticker-label{color:var(--color-sepia-accent-contrast)}html[data-theme=sepia] .ticker-label i{color:var(--color-warning)}html[data-theme=sepia] .ticker-label button{background:var(--color-sepia-success);color:var(--color-sepia-accent-contrast)}html[data-theme=sepia] .ticker-label button:hover{background:var(--color-sepia-success-dark);box-shadow:0 2px 8px #5b463633}html[data-theme=sepia] .ticker-item{color:var(--color-sepia-accent-contrast)}html[data-theme=sepia] .ticker-item span{color:var(--color-warning)}html[data-theme=sepia] .ticker-item[style*=orange],html[data-theme=sepia] .ticker-item[style*=crimson]{background:var(--color-sepia-warning-surface);color:var(--color-sepia-warning);border-color:var(--color-sepia-warning-border)}html[data-theme=sepia] .ticker-item[style*=orange] i,html[data-theme=sepia] .ticker-item[style*=crimson] i{color:var(--color-sepia-warning)}html[data-theme=sepia] .ticker-item .fa-sun{color:var(--color-warning-alt)!important}html[data-theme=sepia] .ticker-item .fa-cloud-sun{color:var(--color-warning)!important}html[data-theme=sepia] .ticker-item .fa-cloud-moon{color:var(--color-sepia-purple)!important}html[data-theme=sepia] .ticker-item .fa-moon{color:var(--color-sepia-indigo)!important}html[data-theme=sepia] .ticker-item .fa-exclamation-triangle{color:var(--color-sepia-warning)!important}html[data-theme=sepia] .ticker-item .fa-triangle-exclamation{color:var(--color-sepia-danger)!important}
.hero-bg-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-bg-layer{opacity:0;background-size:120px;width:100%;height:100%;transition:opacity 1.5s ease-in-out;animation:90s linear infinite pan-background;position:absolute;top:0;left:0}@keyframes pan-background{0%{background-position:0 0}to{background-position:120px 120px}}html[data-theme=light] .hero-bg-container{background:0 0}html[data-theme=light] .hero-bg-layer{opacity:.5}html[data-theme=sepia] .hero-bg-container{background:linear-gradient(#f4f0e8 0%,#e8e0d0 100%)}html[data-theme=sepia] .hero-bg-layer{opacity:.4}@media (max-width:1024px){.hero-bg-layer{background-size:100px}@keyframes pan-background{0%{background-position:0 0}to{background-position:100px 100px}}}@media (max-width:768px){.hero-bg-layer{background-size:80px}@keyframes pan-background{0%{background-position:0 0}to{background-position:80px 80px}}}@media (max-width:640px){.hero-bg-layer{background-size:60px}@keyframes pan-background{0%{background-position:0 0}to{background-position:60px 60px}}}@media (max-width:480px){.hero-bg-layer{background-size:50px}@keyframes pan-background{0%{background-position:0 0}to{background-position:50px 50px}}}@media (max-width:360px){.hero-bg-layer{background-size:40px}@keyframes pan-background{0%{background-position:0 0}to{background-position:40px 40px}}}
.daily-inspiration{background-color:var(--light);padding:0}.daily-inspiration-container{min-height:500px;display:flex}.inspiration-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.inspiration-label{text-transform:uppercase;letter-spacing:2px;opacity:.9;margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.inspiration-arabic{margin-bottom:1.5rem;font-family:Amiri,serif;font-size:2.2rem;font-weight:700;line-height:1.8}.inspiration-translation{opacity:.95;max-width:500px;font-size:1.1rem;font-style:italic;line-height:1.6}.inspiration-reference{opacity:.8;margin-top:1.5rem;font-size:.9rem;font-weight:600}.inspiration-arabic,.inspiration-translation,.inspiration-reference{color:var(--color-layout-white)}.daily-inspiration-container{background-color:var(--color-layout-surface)}.inspiration-panel--ayat{background:var(--color-layout-gradient-sky);color:var(--color-layout-white)}.inspiration-panel--hadith{background-color:var(--color-layout-gradient-dark);color:var(--color-layout-white)}@media (max-width:1024px){.daily-inspiration-container{flex-direction:column;min-height:auto;padding:2rem 1rem}.inspiration-panel{min-height:300px;padding:2rem 1.5rem}.inspiration-arabic{margin-bottom:1.5rem;font-size:1.8rem}.inspiration-translation{margin-bottom:.8rem;font-size:1.1rem}.inspiration-reference{letter-spacing:.8px;margin-top:1rem;font-size:.8rem}}@media (max-width:768px){.daily-inspiration-container{padding:1.5rem .75rem}.inspiration-panel{min-height:280px;padding:1.5rem 1rem}.inspiration-arabic{margin-bottom:1.2rem;font-size:1.6rem;line-height:1.6}.inspiration-translation{margin-bottom:.6rem;font-size:1rem;line-height:1.5}.inspiration-reference{letter-spacing:.6px;margin-top:.8rem;font-size:.75rem}}@media (max-width:480px){.daily-inspiration-container{padding:1rem .5rem}.inspiration-panel{min-height:260px;padding:1.25rem .75rem}.inspiration-arabic{margin-bottom:1rem;font-size:1.4rem;line-height:1.5}.inspiration-translation{margin-bottom:.5rem;font-size:.95rem;line-height:1.4}.inspiration-reference{letter-spacing:.5px;margin-top:.6rem;font-size:.7rem}}@media (max-width:360px){.daily-inspiration-container{padding:.75rem .5rem}.inspiration-panel{min-height:240px;padding:1rem .5rem}.inspiration-arabic{margin-bottom:.8rem;font-size:1.2rem;line-height:1.4}.inspiration-translation{margin-bottom:.4rem;font-size:.85rem;line-height:1.3}.inspiration-reference{letter-spacing:.4px;margin-top:.5rem;font-size:.65rem}}
.footer{background-color:var(--color-nav-bg);color:var(--color-nav-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100' height='100'%3E%3Cpath d='M50 0 L100 50 L50 100 L0 50 Z' fill='rgba(255,255,255,0.02)'/%3E%3C/svg%3E");background-size:200px;margin-top:auto;padding:5rem 1rem 2rem;position:relative}.footer-container{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;max-width:1400px;margin:0 auto;display:grid}.footer-column h3{color:var(--color-gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600;position:relative}.footer-column h3:after{content:"";background-color:var(--color-gold);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-column p{margin-bottom:1.5rem;line-height:1.8}.footer-brand{flex-direction:column;align-items:flex-start;margin-bottom:1rem;display:flex}.footer-brand-inner{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.footer-logo{object-fit:cover;border-radius:50%;width:50px;height:50px}.footer-title{color:var(--color-gold);font-family:Ubuntu,sans-serif;font-size:1.8rem;font-weight:700}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.85rem}.footer-links a{color:var(--color-nav-text);align-items:center;gap:.75rem;text-decoration:none;transition:all .3s;display:flex}.footer-links a:hover{color:var(--color-gold);transform:translate(5px)}.footer-links a .fa-fw{text-align:center;width:20px}.footer-socials{gap:1rem;margin-top:1.5rem;display:flex}.social-link{color:var(--color-nav-text);font-size:1.5rem;transition:all .3s}.social-link:hover{color:var(--color-gold);transform:translateY(-3px)}.footer-bottom{text-align:center;border-top:1px solid var(--color-gold-soft);margin-top:3rem;padding-top:3rem;font-size:.9rem}@media (max-width:1024px){.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.footer-container{text-align:center;grid-template-columns:1fr}.footer-column h3:after{left:50%;transform:translate(-50%)}.footer-brand{align-items:center}.footer-socials{justify-content:center}}
.section-card{background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.section-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.section-card__image{object-fit:cover;width:100%;height:180px}.section-card__content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.section-card__title{color:#1f2937;margin:0 0 .75rem;font-size:1.3rem;font-weight:700;transition:color .3s}.section-card__description{color:#4b5563;opacity:.8;margin-bottom:1.25rem;line-height:1.6;transition:color .3s}.section-card__link{color:#059669;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.section-card__link:hover{color:var(--color-card-link-hover);transform:translate(5px)}.section-card__link i{transition:transform .3s}.section-card__link:hover i{transform:translate(3px)}html[data-theme=light] .section-card{background:#fff!important;border-color:#0000000d!important;box-shadow:0 4px 20px #0000000d!important}html[data-theme=light] .section-card:hover{background:#fff!important;box-shadow:0 10px 30px #0000001a!important}html[data-theme=light] .section-card__title{color:#1f2937!important}html[data-theme=light] .section-card__description{color:#4b5563!important}html[data-theme=light] .section-card__footer{border-top-color:#0000000d!important}html[data-theme=light] .section-card__link{color:#059669!important}html[data-theme=light] .section-card__link:hover{color:var(--color-card-link-hover)!important}html[data-theme=sepia] .section-card{background:#efebe9!important;border-color:#5b463626!important;box-shadow:0 4px 20px #5b46361a!important}html[data-theme=sepia] .section-card:hover{background:#e7d6c2!important;box-shadow:0 10px 30px #5b463626!important}html[data-theme=sepia] .section-card__title{color:#4a3829!important}html[data-theme=sepia] .section-card__description{color:#5b4636!important}html[data-theme=sepia] .section-card__footer{border-top-color:#5b463626!important}html[data-theme=sepia] .section-card__link{color:#8b7355!important}html[data-theme=sepia] .section-card__link:hover{color:var(--color-sepia-accent-hover)!important}@media (max-width:1024px){.section-card__content{padding:1.25rem}.section-card__title{font-size:1.2rem}.section-card__image{height:160px}}@media (max-width:768px){.section-card__content{padding:1rem}.section-card__title{font-size:1.1rem}.section-card__description{font-size:.9rem}.section-card__image{height:140px}}@media (max-width:640px){.section-card__content{padding:.875rem}.section-card__title{font-size:1rem}.section-card__description{margin-bottom:1rem;font-size:.85rem}.section-card__footer{padding-top:.75rem}}@media (max-width:480px){.section-card:hover{transform:none}.section-card:active{transform:scale(.98)}.section-card__image{height:120px}}
.more-links-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:2rem auto;display:grid}.more-link-card{z-index:1;background-color:#fff;border-radius:6px;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.more-link-card:before{content:"";background-color:var(--color-nav-bg);z-index:-1;border-radius:6px 0 0 6px;width:25%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.more-link-card:hover:before{background-color:var(--color-nav-hover);border-radius:6px;width:100%}.more-link-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a}.more-link-card:hover .more-link-card__text{color:#fff}.more-link-card__content{align-items:center;width:100%;padding:.5rem;display:flex}.more-link-card__icon{width:60px;height:60px;color:var(--color-nav-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-right:1rem;font-size:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.more-link-card:hover .more-link-card__icon{color:var(--color-gold);transform:scale(1.1)rotate(5deg)}.more-link-card__text{color:#0f172a;padding:.75rem 1.25rem .75rem .5rem;font-size:1.1rem;font-weight:600;transition:color .4s cubic-bezier(.4,0,.2,1)}html[data-theme=light] .more-link-card{border:1px solid #0000000d;background-color:#fff!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}html[data-theme=light] .more-link-card:hover{background-color:#fff!important;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a!important}html[data-theme=light] .more-link-card__text{color:#0f172a!important}html[data-theme=light] .more-link-card:hover .more-link-card__text{color:#fff!important}html[data-theme=light] .more-link-card__icon{color:var(--color-nav-text)!important}html[data-theme=light] .more-link-card:hover .more-link-card__icon{color:var(--color-gold)!important}html[data-theme=sepia] .more-link-card{border:1px solid #5b463626;background-color:#efebe9!important;box-shadow:0 10px 15px -3px #5b463626,0 4px 6px -2px #5b46361a!important}html[data-theme=sepia] .more-link-card:hover{background-color:var(--color-sepia-accent-hover)!important;box-shadow:0 20px 25px -5px #5b463633,0 10px 10px -5px #5b463626!important}html[data-theme=sepia] .more-link-card__text{color:#4a3829!important}html[data-theme=sepia] .more-link-card:hover .more-link-card__text{color:#fff!important}html[data-theme=sepia] .more-link-card__icon{color:var(--color-nav-text)!important}html[data-theme=sepia] .more-link-card:hover .more-link-card__icon{color:var(--color-gold)!important}@media (max-width:1024px){.more-links-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.more-link-card{padding:1.25rem}.more-link-card__icon{width:50px;height:50px;font-size:1.2rem}.more-link-card__text{font-size:1rem}}@media (max-width:768px){.more-links-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.more-link-card__icon{width:45px;height:45px;font-size:1.1rem}.more-link-card__text{font-size:.95rem}}@media (max-width:640px){.more-links-container{grid-template-columns:1fr;gap:.875rem}.more-link-card__content{padding:.375rem}.more-link-card__icon{width:40px;height:40px;margin-right:.75rem;font-size:1rem}.more-link-card__text{padding:.5rem 1rem .5rem .25rem;font-size:.9rem}}@media (max-width:480px){.more-link-card:hover{transform:translateY(-4px)scale(1.01)}.more-link-card:active{transform:scale(.98)}.more-link-card__icon{width:38px;height:38px;font-size:.95rem}.more-link-card__text{font-size:.85rem}}
:root{--sidebar-width:350px;--bg-color:var(--color-surface);--text-primary:var(--color-text-strong);--text-secondary:var(--color-text-muted);--hover-bg:var(--color-surface-soft);--input-bg:var(--color-surface-soft);--border-color:var(--color-border)}html.sepia{--bg-color:var(--color-sepia-surface);--text-primary:var(--color-sepia-text);--text-secondary:var(--color-sepia-text-muted);--hover-bg:var(--color-sepia-surface-soft);--input-bg:var(--color-sepia-surface-soft);--border-color:var(--color-sepia-border)}body{background-color:var(--hover-bg);transition:background-color .3s}#sidebar{height:100vh;width:var(--sidebar-width);background-color:var(--bg-color);z-index:1001;box-shadow:2px 0 10px var(--color-shadow-soft);flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0}#sidebar.closed{transform:translate(-100%)}#sidebar.open{transform:translate(0)}@media (max-width:640px){body #sidebar,html body #sidebar,body #sidebar.closed,html body #sidebar.closed,body #sidebar:not(.open),html body #sidebar:not(.open){width:200px!important;max-width:65vw!important;transition:transform .3s ease-in-out!important;transform:translate(-100%)!important}body #sidebar.open,html body #sidebar.open{transition:transform .3s ease-in-out!important;transform:translate(0)!important}}@media (max-width:375px){body #sidebar,html body #sidebar,body #sidebar.closed,html body #sidebar.closed,body #sidebar:not(.open),html body #sidebar:not(.open){width:180px!important;max-width:70vw!important;transition:transform .3s ease-in-out!important;transform:translate(-100%)!important}body #sidebar.open,html body #sidebar.open{transition:transform .3s ease-in-out!important;transform:translate(0)!important}}@media (max-width:320px){body #sidebar,html body #sidebar,body #sidebar.closed,html body #sidebar.closed,body #sidebar:not(.open),html body #sidebar:not(.open){width:160px!important;max-width:75vw!important;transition:transform .3s ease-in-out!important;transform:translate(-100%)!important}body #sidebar.open,html body #sidebar.open{transition:transform .3s ease-in-out!important;transform:translate(0)!important}}@media (max-width:640px){.translation-text{font-family:Noto Nastaliq Urdu,Amiri Quran,Arial Unicode MS,sans-serif!important;font-size:1.5rem!important;line-height:1.8!important}}@media (max-width:375px){.translation-text{font-family:Noto Nastaliq Urdu,Amiri Quran,Arial Unicode MS,sans-serif!important;font-size:1.625rem!important;line-height:1.9!important}}@media (max-width:320px){.translation-text{font-family:Noto Nastaliq Urdu,Amiri Quran,Arial Unicode MS,sans-serif!important;font-size:1.75rem!important;line-height:2!important}}.qv-menu-container{flex-direction:column;height:100%;display:flex}.qv-controls-wrapper{border-bottom:1px solid var(--border-color);padding:1.25rem}.qv-current-selection{cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem;display:flex}.qv-current-selection:hover{background-color:var(--color-nav-hover)}.qv-current-text-wrapper{color:var(--text-primary);font-size:1.125rem;font-weight:700}.qv-tabs-container{gap:.5rem;margin-bottom:1rem;display:flex}.qv-tabs-bg{background-color:#0000;border-radius:.5rem;flex:1;padding:.25rem;display:flex}.qv-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.375rem;font-size:.875rem}.qv-tab-btn.active{color:var(--text-primary);box-shadow:0 1px 2px var(--color-shadow-soft);background-color:#0000}.qv-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.qv-close-btn:hover{background-color:var(--color-nav-hover);color:var(--text-primary)}.qv-search-input{background-color:var(--input-bg);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:.5rem;outline:none;padding:.75rem 1rem;transition:border-color .2s}.qv-search-input:focus{border-color:var(--text-primary)}.qv-search-input::placeholder{color:var(--text-secondary)}.qv-controls-bar{border-bottom:1px solid var(--border-color);background-color:#0000;padding:1rem}.qv-translation-meta{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.qv-meta-label{color:var(--text-secondary);font-size:.875rem}.qv-change-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;transition:all .2s}.qv-change-btn:hover{background-color:var(--color-nav-hover);color:var(--text-primary)}.qv-action-group{gap:.5rem;display:flex}.qv-top-action{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.qv-top-action:hover{background-color:var(--color-nav-hover);color:var(--text-primary);border-color:var(--text-primary)}.qv-top-action.play{color:var(--text-primary);background-color:#0000;border:none}.qv-top-action.play:hover{color:var(--text-secondary);background-color:#0000;border:none}.qv-list-container{flex:1;padding:.5rem;overflow-y:auto}.qv-list-item{cursor:pointer;border-radius:.5rem;align-items:center;padding:.75rem;text-decoration:none;display:flex}.qv-list-item:hover{background-color:var(--color-nav-hover)}.qv-number{width:2.5rem;color:var(--text-secondary);font-size:.875rem}.qv-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.qv-list-container::-webkit-scrollbar{width:6px}.qv-list-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:20px}#overlay{background-color:var(--color-overlay-strong);z-index:1000;transition:opacity .3s;position:fixed;inset:0}#overlay.hidden{opacity:0;display:none}#overlay.visible{opacity:1;display:block}html.sepia .qv-meta-label,html.sepia .qv-change-btn{color:var(--color-sepia-text-muted)}html.sepia .qv-change-btn:hover{background-color:var(--color-sepia-surface-soft);color:var(--color-sepia-text)}html.sepia .qv-top-action{color:var(--color-sepia-text-muted);border:none}html.sepia .qv-top-action:hover,html.sepia .qv-top-action.play{color:var(--color-sepia-text);background-color:#0000;border:none}html.sepia .qv-top-action.play:hover{color:var(--color-sepia-text-muted);background-color:#0000;border:none}html.sepia .qv-list-container::-webkit-scrollbar-thumb{background-color:var(--color-sepia-border)}html.sepia #overlay{background-color:var(--color-sepia-overlay-strong)}
.settings-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.75rem;font-size:1.1rem;transition:all .3s;display:flex;position:relative}.settings-button:hover{background:var(--color-nav-hover);transform:rotate(90deg)}.settings-button:active{transform:rotate(90deg)scale(.95)}.settings-button i{font-size:1.2rem;transition:transform .3s}.settings-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#000c;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;transition:all .3s;position:absolute;bottom:-35px;right:0}.settings-tooltip:after{content:"";border-bottom:4px solid #000c;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:-4px;right:10px}.settings-button:hover .settings-tooltip{opacity:1;visibility:visible;bottom:-40px}@media (max-width:768px){.settings-button{padding:.6rem;font-size:1rem}.settings-button i{font-size:1.1rem}.settings-tooltip{display:none}}@media (max-width:640px){.settings-button{min-width:40px;min-height:40px;padding:.5rem}.settings-button i{font-size:1rem}}html[data-theme=sepia] .settings-button:hover{background:var(--color-sepia-accent-hover)}.settings-button:focus{outline-offset:2px;outline:2px solid #ffffff80}.settings-button:focus:not(:focus-visible){outline:none}
.mobile-settings-item{border-top:1px solid #ffffff1a;align-items:center;margin-top:.5rem;padding:.75rem 1rem;display:none}.mobile-settings-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;font-size:.9rem;transition:all .3s;display:flex}.mobile-settings-button:hover{background:var(--color-nav-hover);transform:translate(4px)}.mobile-settings-button:active{transform:translate(4px)scale(.98)}.mobile-settings-button i{text-align:center;min-width:16px;font-size:1rem}.mobile-settings-text{white-space:nowrap;font-size:.85rem;font-weight:500}@media (max-width:768px){.mobile-settings-item{display:flex}}@media (max-width:640px){.mobile-settings-item{margin-top:.25rem;padding:.6rem .75rem}.mobile-settings-button{padding:.4rem .6rem;font-size:.85rem}.mobile-settings-text{font-size:.8rem}.mobile-settings-button i{font-size:.9rem}}html[data-theme=sepia] .mobile-settings-button:hover{background:var(--color-sepia-accent-hover)}html[data-theme=sepia] .mobile-settings-item{border-top-color:#5b463633}.mobile-settings-button:focus{outline-offset:2px;outline:2px solid #ffffff80}.mobile-settings-button:focus:not(:focus-visible){outline:none}.mobile-settings-item{animation:.3s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}
.global-settings-overlay{z-index:9999;background:#00000059;justify-content:flex-end;align-items:stretch;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.global-settings-sidebar{background:#fff;border-left:1px solid #94a3b859;flex-direction:column;width:min(380px,92vw);height:100%;padding:1rem;animation:.3s ease-out slideInRight;display:flex;overflow:auto;box-shadow:0 20px 40px #00000026}.global-settings-header{border-bottom:1px solid #94a3b859;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.global-settings-title{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:700}.global-settings-close{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.6rem;line-height:1;transition:all .2s}.global-settings-close:hover{background:#0000001a}.global-settings-content{flex:1;padding-top:1rem;overflow-y:auto}.global-settings-section{margin-bottom:.5rem}.global-settings-section:last-child{margin-bottom:0}.global-settings-section-title{color:var(--color-text);margin-bottom:.6rem;font-weight:700}.global-settings-segmented{background-color:#94a3b82e;border-radius:999px;gap:4px;padding:4px;display:flex}.global-settings-segmented button{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:999px;flex:1;padding:.45rem .25rem;font-size:.85rem;font-weight:500;transition:all .2s}.global-settings-segmented button:hover{opacity:.8}.global-settings-segmented button.active{background-color:var(--color-surface);box-shadow:0 1px 3px var(--color-shadow-soft);font-weight:700}.global-settings-divider{background-color:#94a3b859;border:0;height:1px;margin:1rem 0}.global-settings-note{opacity:.85;margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.global-settings-action{cursor:pointer;width:100%;color:inherit;background-color:#94a3b82e;border:none;border-radius:.6rem;padding:.75rem .85rem;font-weight:700;transition:all .2s}.global-settings-action:hover{background-color:#94a3b847}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}html[data-theme=sepia] .global-settings-sidebar{background:var(--color-sepia-surface);color:var(--color-sepia-accent)}html[data-theme=sepia] .global-settings-title{color:var(--color-sepia-accent)}html[data-theme=sepia] .global-settings-close{color:var(--color-sepia-text-muted)}html[data-theme=sepia] .global-settings-close:hover{background:var(--color-sepia-overlay);color:var(--color-sepia-accent)}html[data-theme=sepia] .global-settings-section-title{color:var(--color-sepia-accent)}html[data-theme=sepia] .global-settings-segmented{background-color:#8b73552e}html[data-theme=sepia] .global-settings-segmented button{color:var(--color-sepia-text-muted)}html[data-theme=sepia] .global-settings-segmented button.active{background-color:var(--color-sepia-warning-surface);color:var(--color-sepia-accent)}html[data-theme=sepia] .global-settings-divider{background-color:#8b73552e}html[data-theme=sepia] .global-settings-note{color:var(--color-sepia-text-muted)}html[data-theme=sepia] .global-settings-action{background-color:var(--color-sepia-surface-soft);color:var(--color-sepia-accent)}html[data-theme=sepia] .global-settings-action:hover{background-color:#8b735547}@media (max-width:640px){.global-settings-sidebar{width:100vw}.global-settings-header,.global-settings-content{padding:.75rem}.global-settings-title{font-size:1rem}.global-settings-segmented button{padding:.4rem .2rem;font-size:.8rem}}
.verse-footer-links{border-top:1px solid var(--color-border-light);border-bottom:1px solid;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem 0;display:flex}.verse-footer-link{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;color:var(--color-verse-action-text)!important;background:0 0!important;border:none!important}.verse-footer-link:before{content:"";background:0 0;width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.verse-footer-link:hover{transform:translateY(-2px);color:var(--color-verse-player-hover)!important;box-shadow:none!important;background:0 0!important;border:none!important}.verse-footer-link:hover:before{left:100%}.verse-footer-link i{font-size:1rem;transition:transform .3s;color:var(--color-verse-action-text)!important}.verse-footer-link:hover i{transform:scale(1.1);color:var(--color-verse-player-hover)!important}html[data-theme=sepia] .verse-footer-links{border-top-color:var(--color-sepia-border)}html[data-theme=sepia] .verse-footer-link{color:var(--color-verse-action-text)!important;background:0 0!important;border:none!important}html[data-theme=sepia] .verse-footer-link:hover{color:var(--color-verse-player-hover)!important;box-shadow:none!important;background:0 0!important;border:none!important}@media (max-width:768px){.verse-footer-links{gap:1rem;padding:1rem 0}.verse-footer-link{gap:.4rem;padding:.6rem 1rem;font-size:.85rem}.verse-footer-link i{font-size:.9rem}}@media (max-width:480px){.verse-footer-links{flex-direction:column;align-items:stretch;gap:.75rem}.verse-footer-link{justify-content:center;padding:.75rem 1rem}}
.v-cont{border-radius:12px;width:100%;max-width:1800px;margin-bottom:12px;margin-left:auto;margin-right:auto;padding:12px 32px;box-shadow:none!important;border:none!important}.v-act-bar{justify-content:space-between!important;align-items:center!important;margin-bottom:.75rem!important;padding-bottom:.5rem!important;display:flex!important}.v-act-left,.v-act-right{align-items:center!important;gap:.5rem!important;display:flex!important}@media (min-width:768px){.v-act-left,.v-act-right{gap:1rem!important}}.v-act-id{color:var(--color-verse-action-id)!important;border-radius:.375rem!important;margin-right:.5rem!important;padding:.25rem .5rem!important;font-size:.875rem!important;font-weight:600!important}button.v-act-btn,.v-cont button.v-act-btn,.v-act-btn{appearance:none!important;color:var(--color-verse-action-text)!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}button.v-act-btn:hover,.v-cont button.v-act-btn:hover,.v-act-btn:hover{color:var(--color-verse-player-hover)!important;box-shadow:none!important;background:0 0!important;border:none!important}button.v-act-btn:focus,.v-cont button.v-act-btn:focus,.v-act-btn:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}button.v-act-btn:active,.v-cont button.v-act-btn:active,.v-act-btn:active{background:0 0!important;border:none!important;transform:none!important}.verse-action-btn{appearance:none!important;color:var(--text-secondary)!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:.375rem!important;outline:none!important;justify-content:center!important;align-items:center!important;width:2.5rem!important;height:2.5rem!important;margin:.25rem 0!important;padding:.5rem!important;transition:all .2s!important;display:flex!important}.verse-action-btn:hover{color:var(--color-verse-player-hover)!important;transform:scale(1.1)!important}.verse-action-btn:focus{box-shadow:none!important;outline:none!important}.verse-action-btn:active{transform:scale(.95)!important}.verse-action-btn i,.verse-action-btn .fas,.verse-action-btn .far{font-size:1.1rem!important}.verse-action-btn .sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.v-act-btn i,.v-act-btn .fas,.v-act-btn .far{font-size:1.3rem;box-shadow:none!important;border:none!important;outline:none!important}.reading-mode-container{text-align:justify;text-align-last:right;text-justify:inter-word;letter-spacing:.05em;word-spacing:.15em;text-indent:0;hanging-punctuation:last;text-wrap:balance;text-justify:newspaper;overflow-wrap:break-word;word-break:normal;background-color:var(--color-surface);direction:rtl;width:100%;max-width:900px;padding:1rem 2rem;font-family:MeQuran,KFGQPC Uthman Taha Naskh,Amiri,serif;font-size:2rem;line-height:2.8;color:var(--color-primary)!important}.reading-mode-container .reading-verse{text-align:justify;text-align-last:right;text-justify:inter-word;white-space:normal;word-wrap:break-word;direction:rtl;width:auto;margin-bottom:0;margin-right:.3rem;line-height:2.8;display:inline}.reading-mode-container .quran-word{vertical-align:baseline;white-space:nowrap;cursor:pointer;text-align:center;margin:0 .06em;padding:0 .12em;transition:color .2s;display:inline-block;position:relative;color:var(--color-primary)!important}.reading-mode-container:after{content:"";width:100%;height:0;display:inline-block}.reading-mode-container{text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;--first-word-width:3.5em;--last-word-width:3.5em}.reading-mode-container{text-align:justify;text-align-last:right;text-justify:inter-word;text-justify:newspaper}.reading-mode-container:before{content:"";vertical-align:baseline;width:0;height:100%;display:inline-block}.reading-mode-container:after{content:"";vertical-align:baseline;width:100%;height:0;display:inline-block}.reading-mode-container .quran-word-tooltip{background-color:var(--color-verse-tooltip-bg);white-space:nowrap;z-index:100;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--color-shadow-tooltip);letter-spacing:-.3px;border-radius:4px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%);color:var(--color-verse-tooltip-text)!important}.reading-mode-container .quran-word-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--color-verse-tooltip-bg)transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.reading-mode-container .quran-word:hover .quran-word-tooltip{opacity:1;visibility:visible}.reading-mode-container .quran-word:hover{color:var(--color-verse-word-hover)!important}.reading-mode-container .verse-end-symbol{vertical-align:baseline!important;color:var(--color-primary)!important;font-family:MeQuran,KFGQPC Uthman Taha Naskh,Amiri,serif!important;font-size:2rem!important;line-height:2.8!important}.reading-mode-container .verse-end-symbol.verse-number-arabic,.quran-viewer-page .reading-mode-container .verse-end-symbol.verse-number-arabic{vertical-align:baseline!important;color:var(--color-primary)!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-family:Amiri,serif!important;font-size:2rem!important;font-weight:400!important;line-height:2.8!important;text-decoration:none!important;display:inline!important}.reading-mode-container .quran-word{margin:0 .06em}@media (min-width:768px){.reading-mode-container{max-width:900px;margin:0 auto;padding:1rem 2rem}.reading-mode-container .quran-word{margin:0 .08em;padding:0 .15em}}@media (max-width:767px){.reading-mode-container{padding:.75rem 1rem;font-size:1.5rem;line-height:2.2}.reading-mode-container .quran-word{margin:0 .04em;padding:0 .08em}.reading-mode-container .quran-word-tooltip{padding:4px 8px;font-size:.75rem}}.mushaf-page{background-color:var(--color-surface);direction:rtl;width:100%;max-width:800px;margin:0 auto;padding:20px 40px}.content-area{margin-bottom:20px}.arabic-text{color:var(--color-primary);text-align:justify;text-justify:inter-word;direction:rtl;margin-bottom:40px;font-size:38px;line-height:2;font-family:Amiri,serif!important;line-height:2.3!important}.arabic-text .quran-word{color:var(--color-primary);cursor:pointer;margin:0 1px;padding:0 1px;transition:color .2s;display:inline-block;position:relative}.arabic-text .quran-word:hover{color:var(--color-verse-word-hover)!important}.arabic-text .quran-word-tooltip{background-color:var(--color-verse-tooltip-bg);white-space:nowrap;z-index:100;opacity:0;visibility:hidden;pointer-events:none;box-shadow:var(--color-shadow-tooltip-medium);letter-spacing:-.5px;border-radius:6px;padding:8px 14px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%);color:var(--color-verse-tooltip-text)!important}.arabic-text .quran-word-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--color-verse-tooltip-bg)transparent transparent transparent;margin-left:-6px;position:absolute;top:100%;left:50%}.arabic-text .quran-word:hover .quran-word-tooltip{opacity:1;visibility:visible}@keyframes wordPulse{0%,to{color:var(--color-verse-word-hover)}50%{color:var(--color-verse-word-pulse)}}.v-cont.playing,.v-cont.active{border-left:3px solid var(--color-verse-active-border)}.verse-marker{vertical-align:middle;color:var(--color-verse-marker);border:1px solid var(--color-verse-marker);text-align:center;border-radius:50%;min-width:35px;margin:0 6px;font-family:sans-serif;font-size:.65em;line-height:1.6;display:inline-block;position:relative}.verse-marker .ayah-symbol{color:var(--color-verse-marker);font-family:sans-serif;font-size:1.1em}.verse-marker .ayah-number{color:var(--color-verse-marker);font-size:.45em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.translations-area{flex-direction:column;gap:16px;display:flex}.translation-block{padding:.75rem}.translation-text{color:var(--color-verse-translation);margin-bottom:.3rem;font-weight:500;line-height:1.6;word-spacing:.34em!important;font-size:2.15rem!important}.translation-block.urdu{text-align:right!important;direction:rtl!important}.translation-block.urdu .translation-text{color:var(--color-verse-urdu)!important;margin-bottom:8px!important;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif!important;font-size:22px!important;line-height:2!important}.translation-block.english{margin-bottom:20px!important}.translation-block.english .translation-text{color:var(--color-verse-urdu)!important;margin-bottom:8px!important;font-size:18px!important;line-height:1.5!important}.translator-meta{color:var(--color-verse-meta)}.tafsir-container{background-color:var(--color-surface);gap:1rem!important;width:100%!important;max-width:1800px!important;margin-left:auto!important;margin-right:auto!important;padding:12px 32px!important;display:flex!important}.tafsir-sidebar{flex-direction:column!important;flex-shrink:0!important;align-items:center!important;gap:.5rem!important;width:3rem!important;padding-top:.5rem!important;display:flex!important}.tafsir-verse-number{color:var(--text-secondary)!important;margin-bottom:.5rem!important;font-size:.875rem!important;font-weight:700!important}.tafsir-content{flex:1!important;min-width:0!important}.tafsir-arabic{text-align:right!important;color:var(--color-primary)!important;direction:rtl!important;margin-bottom:1.5rem!important;font-family:Amiri,MeQuran,serif!important;font-size:2.5rem!important;line-height:2!important}.tafsir-section{margin-top:1rem!important}.tafsir-title{color:var(--color-verse-urdu)!important;margin-bottom:.75rem!important;font-size:1.125rem!important;font-weight:600!important}.tafsir-text{color:var(--color-verse-urdu)!important;text-align:right!important;direction:rtl!important;margin-bottom:8px!important;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif!important;font-size:22px!important;line-height:2!important}@media (max-width:768px){.tafsir-container{padding:12px 16px!important}.tafsir-sidebar{width:2.5rem!important}.tafsir-arabic{font-size:1.75rem!important}.tafsir-text{font-size:.95rem!important}}.audio-player-bar{background:var(--bg-primary);width:100%;box-shadow:var(--color-shadow-footer);z-index:1000;flex-direction:column;padding:0 20px 15px;transition:bottom .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;bottom:-150px;left:0}.audio-player-bar.show{bottom:0}.progress-line-container{background:var(--color-verse-progress-bg);cursor:pointer;width:100%;height:4px;margin-bottom:15px;position:relative}.progress-fill{background:var(--color-verse-progress-fill);width:0%;height:100%;transition:width .3s linear;position:relative}.progress-fill:after{content:"";background:var(--color-verse-progress-fill);border-radius:50%;width:12px;height:12px;display:block;position:absolute;top:-4px;right:-6px}.player-controls{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.player-center-buttons{align-items:center;gap:30px;display:flex}.player-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:color .2s;display:flex}.player-btn:hover{color:var(--color-verse-player-hover)}.player-btn.play-pause-main{font-size:28px}.player-time-display{color:var(--text-secondary);font-size:14px;font-weight:500}.player-close-btn{color:var(--text-secondary);font-size:24px}.player-close-btn:hover{color:var(--color-verse-player-close-hover)}
:root{--theme-bg-primary:var(--color-surface);--theme-bg-secondary:var(--color-background);--theme-bg-tertiary:var(--color-primary-soft);--theme-text-primary:var(--color-text);--theme-text-secondary:var(--color-text-strong);--theme-text-tertiary:var(--color-text-muted);--theme-border:var(--color-border);--theme-accent:var(--color-primary);--theme-accent-hover:var(--color-primary-light);--theme-shadow:var(--color-shadow)}body,main,.container,.content,.hadith-view-page{color:var(--theme-text-primary)}.card,.section,.box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border);color:var(--theme-text-primary)}a:hover{color:var(--theme-accent-hover)}input,textarea,select{background-color:var(--theme-bg-secondary);color:var(--theme-text-primary);border-color:var(--theme-border)}.global-settings-segmented button{transition:none!important}
@font-face{font-family:Mehr Nastaliq Web;src:url(/Fonts/JameelNooriNastaleeqRegular.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Noto Nastaliq Urdu;src:url(/Fonts/JameelNooriNastaleeqRegular.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:MeQuran;src:url(/Fonts/AlMushafQuran.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:url(/Fonts/KFGQPCUthmanTahaNaskhRegular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--border-radius-md:16px;--border-radius-sm:10px;--transition-speed:.4s}.seerat-details-page,.page{text-align:right;direction:rtl;max-width:1400px;margin:0 auto;padding:2.5rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;transition:all .3s}.details-layout{direction:rtl;gap:2rem;display:flex}.details-content-area{flex-grow:1;min-width:0}.details-sidebar{background:var(--surface-color,var(--color-surface));border-radius:var(--border-radius-md);border:1px solid var(--border-color,var(--color-border));flex-shrink:0;width:350px;height:calc(100vh - 5rem);padding:1.5rem;position:sticky;top:2.5rem;overflow-y:auto}.details-sidebar-title{text-align:center;border-bottom:2px solid var(--border-color,var(--color-border));color:var(--primary-color,var(--color-accent-alt));margin-bottom:1.5rem;padding-bottom:1rem;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:2.8rem;font-weight:700;transition:all .3s}.section-list{flex-direction:column;gap:.5rem;display:flex}.section-button{width:100%;color:var(--text-muted-color,var(--color-text-muted-strong));cursor:pointer;border-radius:var(--border-radius-sm);text-align:right;background-color:#0000;border:none;padding:1rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.3rem;font-weight:600;line-height:1.6;transition:all .3s}.section-button:hover{background-color:var(--border-color,var(--color-border));color:var(--primary-color,var(--color-accent-alt));transform:translate(-5px)}.section-button.active{background-color:var(--primary-color,var(--color-accent-alt));color:var(--color-accent-contrast);box-shadow:0 4px 12px var(--color-accent-highlight);transform:translate(-5px)}.section-card{background-color:var(--surface-color,var(--color-surface));border-radius:var(--border-radius-md);border:1px solid var(--border-color,var(--color-border));box-shadow:0 5px 20px var(--shadow-color,var(--color-shadow-accent));margin-bottom:2rem;padding:2.5rem}.section-card:hover{box-shadow:0 10px 30px var(--shadow-color,#0000001a);transform:translateY(-5px)}.section-heading{color:var(--primary-color,var(--color-accent-alt));border-bottom:1px solid var(--border-color,var(--color-border));margin-bottom:2.5rem;padding-bottom:1rem;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:3.2rem;font-weight:700;position:relative}.section-heading:after{content:"";background:linear-gradient(90deg,var(--secondary-color,var(--color-accent-alt-2)),var(--primary-color,var(--color-accent-alt)));border-radius:3px;width:120px;height:3px;position:absolute;bottom:-1px;right:0}.section-paragraphs{margin-bottom:1.5rem}.paragraph{color:var(--text-color,var(--color-text-strong));opacity:.95;text-align:justify;margin-bottom:1.5rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.25rem;line-height:2.2}.points-list{margin:1.5rem 0}.points-title{color:var(--primary-color,#00838f);margin-bottom:1.5rem;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:1.8rem;font-weight:600}.points{padding:0;list-style:none}.highlight-point{color:var(--text-color,var(--color-text-strong));margin-bottom:1rem;padding-right:2.5rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.2rem;line-height:2.1;list-style-type:none;position:relative}.highlight-point:before{content:"❖";color:var(--secondary-color,var(--color-accent-alt-2));font-size:1.3em;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sub-sections{margin-top:2.5rem}.sub-section-container{background-color:var(--background-color,var(--color-surface-soft));border-radius:var(--border-radius-sm);border-right:4px solid var(--secondary-color,var(--color-accent-alt-2));margin-top:2.5rem;padding:1.5rem}.sub-section-heading{color:var(--text-muted-color,var(--color-text-muted-strong));margin-bottom:1rem;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:2.2rem;font-weight:600}.mobile-tab-bar{background-color:var(--surface-color,var(--color-surface));box-shadow:0 4px 12px -2px var(--shadow-color,var(--color-shadow-accent));white-space:nowrap;z-index:990;-webkit-overflow-scrolling:touch;gap:.5rem;padding:.5rem .25rem;display:none;position:sticky;top:0;overflow-x:auto}.mobile-tab-bar::-webkit-scrollbar{display:none}.tab-button{color:var(--text-muted-color,var(--color-text-muted-strong));cursor:pointer;background-color:#0000;border:none;border-radius:30px;margin:0 .25rem;padding:.75rem 1.25rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.2rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.tab-button:hover{color:var(--primary-color,var(--color-accent-alt));background-color:var(--border-color,var(--color-border))}.tab-button.active{color:var(--color-accent-contrast);background-color:var(--primary-color,var(--color-accent-alt));box-shadow:0 4px 10px var(--color-accent-highlight);transform:translateY(-2px)}.word{cursor:pointer;transition:color .2s;display:inline}.text-ar .word:hover,html[data-theme=sepia] .word:hover{color:var(--color-info)!important}.reading-word{cursor:pointer;border:1px solid #0000;border-radius:.375rem;margin:0 .0625rem;padding:.125rem .3125rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.reading-word:hover{background-color:color-mix(in srgb,var(--color-info)15%,transparent);border-color:color-mix(in srgb,var(--color-info)35%,transparent);color:var(--color-info)}html[data-theme=sepia] .reading-word{color:#78350f;background-color:#0000;border-color:#0000}html[data-theme=sepia] .reading-word:hover{background-color:color-mix(in srgb,var(--color-sepia-text)15%,transparent);border-color:color-mix(in srgb,var(--color-sepia-text)35%,transparent);color:var(--color-sepia-text)}.reading-word:focus{outline:2px solid var(--color-info);outline-offset:2px;border-radius:.5rem}html[data-theme=sepia] .reading-word:focus{outline-color:var(--color-sepia-accent)}.content-fade-in{animation:.6s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html[data-theme=light] .seerat-details-page,html[data-theme=light] .page{color:var(--text-color,var(--color-text-strong))}html[data-theme=light] .details-sidebar-title{color:var(--primary-color,var(--color-accent-alt))!important;border-bottom-color:var(--border-color,var(--color-border))!important}html[data-theme=light] .section-button{color:var(--text-muted-color,var(--color-text-muted-strong))!important}html[data-theme=light] .section-button:hover{background-color:var(--border-color,var(--color-border))!important;color:var(--primary-color,var(--color-accent-alt))!important}html[data-theme=light] .section-button.active{background-color:var(--primary-color,var(--color-accent-alt))!important;color:var(--color-accent-contrast)!important}html[data-theme=light] .section-card{background:var(--surface-color,var(--color-surface))!important;border-color:var(--border-color,var(--color-border))!important}html[data-theme=light] .section-heading,html[data-theme=light] .points-title,html[data-theme=light] .sub-section-heading{color:var(--primary-color,var(--color-accent-alt))!important;border-bottom-color:var(--border-color,var(--color-border))!important}html[data-theme=light] .paragraph,html[data-theme=light] .highlight-point{color:var(--text-color,var(--color-text-strong))!important}html[data-theme=light] .sub-section-container{background-color:var(--background-color,var(--color-surface-soft))!important;border-color:var(--border-color,var(--color-border-strong))!important}html[data-theme=light] .tab-button{border-color:var(--border-color,var(--color-border))!important;color:var(--text-muted-color,var(--color-text-muted-strong))!important;background:0 0!important}html[data-theme=light] .tab-button.active{color:var(--primary-color,var(--color-accent-alt))!important;background:0 0!important;border:none!important}html[data-theme=sepia] .seerat-details-page,html[data-theme=sepia] .page{color:var(--text-color,var(--color-sepia-text))}html[data-theme=sepia] .details-sidebar-title{color:var(--primary-color,var(--color-sepia-accent))!important;border-bottom-color:var(--border-color,#d7ccc8)!important}html[data-theme=sepia] .section-button{color:var(--text-muted-color,var(--color-text-muted-strong))!important}html[data-theme=sepia] .section-button:hover{background-color:var(--border-color,#d7ccc8)!important;color:var(--primary-color,var(--color-sepia-accent))!important}html[data-theme=sepia] .section-button.active{background-color:var(--primary-color,var(--color-sepia-accent))!important;color:var(--color-accent-contrast)!important}html[data-theme=sepia] .section-card{background:var(--surface-color,#efebe9)!important;border-color:var(--border-color,#d7ccc8)!important;box-shadow:0 5px 20px var(--shadow-color,#5b463626)!important}html[data-theme=sepia] .section-heading,html[data-theme=sepia] .points-title,html[data-theme=sepia] .sub-section-heading{color:var(--primary-color,var(--color-sepia-accent))!important;border-bottom-color:var(--border-color,#d7ccc8)!important}html[data-theme=sepia] .paragraph,html[data-theme=sepia] .highlight-point{color:var(--text-color,var(--color-sepia-text))!important}html[data-theme=sepia] .sub-section-container{background-color:var(--background-color,#f4f0e8)!important;border-color:#5b463633!important}html[data-theme=sepia] .tab-button{color:var(--text-muted-color,#795548)!important;background:0 0!important;border:none!important}html[data-theme=sepia] .tab-button.active{color:var(--primary-color,#00838f)!important;background:0 0!important;border:none!important}@media (max-width:768px){.details-layout{flex-direction:column}.details-sidebar{display:none}.mobile-tab-bar{display:block}.page{padding:1rem}.section-heading{margin-bottom:2rem;font-size:2.6rem}.sub-section-heading{font-size:1.9rem}.paragraph{font-size:1.15rem;line-height:2.1}.highlight-point{font-size:1.1rem}.section-card{padding:1.5rem}.tab-button{font-size:1.1rem}}@media (max-width:480px){.page{padding:.75rem}.section-card{margin-bottom:1rem;padding:1rem}.section-heading{padding-bottom:.5rem;font-size:2.2rem}.paragraph{font-size:1.1rem}.highlight-point{font-size:1rem}.sub-section-container{margin-bottom:1rem;padding:.75rem}.sub-section-heading{font-size:1.6rem}.tab-button{padding:.6rem 1rem;font-size:1rem}}@media (min-width:768px) and (max-width:1024px){.page{padding:1.5rem}.details-sidebar{width:280px}.section-card{padding:2rem}.section-heading{font-size:3rem}.paragraph{font-size:1.2rem}}@media (min-width:1400px){.page{max-width:1600px}.details-sidebar{width:380px}.section-card{padding:3rem}.section-heading{font-size:3.5rem}.paragraph{font-size:1.35rem}}.seerat-hero-section{text-align:center;background-image:url(https://jadeednooraniqaida.com/Ranjha1214/picc.jpg);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex;position:relative;overflow:hidden}.seerat-hero-section:before{content:"";background:linear-gradient(to top,var(--color-overlay-dark-strong),var(--color-overlay-dark-soft));z-index:1;position:absolute;inset:0}.seerat-hero-title{text-align:center;color:var(--color-accent-contrast);text-shadow:2px 2px 10px #000000b3;z-index:2;margin-bottom:0;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:5rem;font-weight:700;position:relative}.section-wrapper{max-width:1400px;margin:0 auto;padding:2rem 1rem}.section-title{color:var(--primary-color,var(--color-accent-alt));text-align:center;margin-bottom:1.5rem;font-family:Mehr Nastaliq Web,Noto Nastaliq Urdu,serif;font-size:2.2rem;font-weight:700}.seerat-books-grid{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:1rem;padding:1rem .5rem;display:flex;overflow-x:auto}.seerat-books-grid::-webkit-scrollbar{height:8px}.seerat-books-grid::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:4px}.seerat-books-grid::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.seerat-books-grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.seerat-books-grid article{flex:0 0 220px;min-width:220px}.seerat-book-card{cursor:pointer;border-radius:12px;height:280px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.seerat-book-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #00000059}.seerat-card{background-color:var(--color-surface);box-shadow:0 4px 12px var(--color-shadow-accent);cursor:pointer;border:1px solid var(--color-border);border-radius:10px;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.seerat-card:hover{box-shadow:0 20px 35px var(--color-shadow-accent);transform:translateY(-10px)scale(1.04)}.seerat-card-overlay{z-index:1;background:linear-gradient(#0006 0%,#0009 100%);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.seerat-card-body{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.seerat-card-title{color:var(--color-accent-contrast);text-shadow:2px 2px 4px #000c;margin:0 0 8px;font-family:Noto Nastaliq Urdu,serif;font-size:1.3rem;font-weight:600;line-height:1.5;transition:color .3s}.seerat-card-meta{color:var(--color-text-subtle);text-shadow:1px 1px 2px #000c;margin:0;font-size:1rem;font-weight:400}.seerat-card-actions{justify-content:center;gap:10px;margin-top:15px;display:flex}.seerat-card-actions a{border:1px solid var(--color-overlay-light);background:var(--color-overlay-light);color:var(--color-accent-contrast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s}.seerat-card-actions a:hover{background:var(--color-overlay-lighter);border-color:var(--color-overlay-lighter);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:1rem 0;display:grid}.container-card,.chapter-container{background-color:var(--color-surface);width:100%;min-height:80px;box-shadow:0 4px 12px var(--color-shadow-accent);cursor:pointer;border:1px solid var(--color-border);border-radius:10px;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.container-card:hover,.chapter-container:hover{box-shadow:0 20px 35px var(--color-shadow-accent);transform:translateY(-10px)scale(1.04)}.side-bar{background:linear-gradient(135deg,var(--color-accent-alt),var(--color-accent-strong));color:var(--color-accent-contrast);text-align:center;border-radius:0 8px 8px 0;justify-content:center;align-items:center;min-width:60px;padding:20px 15px;font-family:Ubuntu,sans-serif;font-size:1.4rem;font-weight:700;transition:all .3s;display:flex}.container-card:hover .side-bar,.chapter-container:hover .side-bar{background:linear-gradient(135deg,var(--color-accent-alt-2),var(--color-accent-alt));transform:scale(1.1)}.card-body{flex-direction:column;flex-grow:1;justify-content:center;padding:20px 25px;display:flex}.card-body h3{color:var(--color-text-strong);margin:0;font-family:Noto Nastaliq Urdu,serif;font-size:1.1rem;font-weight:600;line-height:1.5;transition:color .3s,transform .3s}.container-card:hover .card-body h3,.chapter-container:hover .card-body h3{color:var(--color-accent-alt);transform:translate(-5px)}@media (max-width:768px){.seerat-hero-title{font-size:2.5rem}.chapters-grid{grid-template-columns:1fr}.seerat-book-card{flex:0 0 85%}.section-title{font-size:1.8rem}.seerat-card-title{font-size:1.2rem}}@media (max-width:480px){.seerat-hero-title{padding-bottom:8px;font-size:2rem}.seerat-books-grid article{flex:0 0 90%}.seerat-card-title{font-size:1.1rem}.seerat-card-meta{font-size:.8rem}.seerat-card-actions a{padding:6px 12px;font-size:.8rem}.card-body h3{font-size:1rem}.side-bar{min-width:50px;padding:15px 10px;font-size:1.2rem}}html[data-theme=sepia] .seerat-hero-section{background-image:url(https://jadeednooraniqaida.com/Ranjha1214/picc.jpg)}html[data-theme=sepia] .seerat-hero-title{color:#fff}html[data-theme=sepia] .section-wrapper{color:var(--text-color,#5b4636)}html[data-theme=sepia] .section-title{color:var(--primary-color,#00838f)}html[data-theme=sepia] .seerat-books-grid::-webkit-scrollbar-track{background:#efebe9}html[data-theme=sepia] .seerat-books-grid::-webkit-scrollbar-thumb{background:#8a5a44}html[data-theme=sepia] .seerat-books-grid::-webkit-scrollbar-thumb:hover{background:#6d4c41}html[data-theme=sepia] .seerat-card{background-color:var(--color-sepia-surface);border-color:var(--color-sepia-border);box-shadow:0 4px 12px #5b463626}html[data-theme=sepia] .seerat-card:hover{box-shadow:0 20px 35px #5b463640}html[data-theme=sepia] .container-card,html[data-theme=sepia] .chapter-container{background-color:var(--color-sepia-surface);border-color:var(--color-sepia-border);box-shadow:0 4px 12px #5b463626}html[data-theme=sepia] .container-card:hover,html[data-theme=sepia] .chapter-container:hover{box-shadow:0 20px 35px #5b463640}html[data-theme=sepia] .card-body h3{color:var(--color-sepia-text)}html[data-theme=sepia] .container-card:hover .card-body h3,html[data-theme=sepia] .chapter-container:hover .card-body h3{color:var(--color-sepia-accent)}