:root{--mocha:#a98b76;--sand:#bfa28c;--cream:#f3e4c9;--green:#6b8f5e;--ink:#1f1a16;--muted:#6d6157;--radius:14px;--shadow:0 8px 24px #1f1a161f;--transition:.25s ease}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background-color:var(--cream);font-family:Lato,sans-serif;line-height:1.65}body:before{content:"";pointer-events:none;opacity:.13;z-index:-1;background-image:radial-gradient(circle,#422d1d29 0 2px,#0000 2px),linear-gradient(45deg,#422d1d1f 25%,#0000 25% 75%,#422d1d1f 75%),linear-gradient(-45deg,#422d1d1f 25%,#0000 25% 75%,#422d1d1f 75%);background-size:40px 40px,32px 32px,32px 32px;position:fixed;inset:0}h1,h2,h3,h4{margin:0 0 .55em;font-family:Playfair Display,serif}p{margin:0 0 1em}a{color:inherit;transition:color var(--transition), background-color var(--transition), border-color var(--transition), transform var(--transition);text-decoration:none}.container{width:min(1120px,92%);margin-inline:auto}.section{padding:4rem 0}.dark-section{color:var(--cream);position:relative}.dark-section:before{content:"";opacity:.14;pointer-events:none;background-image:radial-gradient(circle,#ffffff24 0 2px,#0000 2px),linear-gradient(45deg,#ffffff1c 25%,#0000 25% 75%,#ffffff1c 75%),linear-gradient(-45deg,#ffffff1c 25%,#0000 25% 75%,#ffffff1c 75%);background-size:40px 40px,32px 32px,32px 32px;position:absolute;inset:0}.dark-section>*{position:relative}.site-header{z-index:20;background:#fff;border-bottom:1px solid #f3e4c966;position:sticky;top:0}.site-header:before{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(circle,#ffffff2e 0 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:86px;display:flex;position:relative}.nav-links{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#000;border-radius:999px;padding:.45rem .7rem;font-weight:700}.nav-links a:hover,.nav-links a.active{color:var(--mocha);background:var(--cream)}.logo{color:var(--cream);flex-direction:column;gap:.2rem;line-height:1.1;display:inline-flex}.logo[aria-label]{align-items:center}.logo-image{object-fit:contain;background:0 0;width:clamp(180px,22vw,280px);height:auto;display:block}.site-header .logo-image{filter:none}.site-footer .logo-image{filter:invert();opacity:.92;width:clamp(180px,26vw,300px)}.hero{background:var(--mocha)}.hero-inner{text-align:center;padding:4.8rem 0}.bismillah{direction:rtl;margin-bottom:.6rem;font-family:Amiri,serif;font-size:clamp(1.65rem,4vw,2.8rem)}.divider{opacity:.95;justify-content:center;align-items:center;gap:.65rem;margin:.8rem 0 1rem;display:flex}.divider:before,.divider:after{content:"";background:currentColor;width:65px;height:1px}.hero h1{font-size:clamp(2rem,6vw,3.8rem)}.hero-subtitle{max-width:720px;margin:0 auto 1.8rem;font-size:clamp(1.04rem,2vw,1.25rem)}.button-row{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;padding:.78rem 1.25rem;font-weight:700;display:inline-block}.btn-primary{background:var(--cream);color:var(--mocha)}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-outline{border-color:var(--cream);color:var(--cream)}.btn-outline:hover{background:var(--cream);color:var(--mocha)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:.9rem;font-size:.76rem;font-weight:700}.container>.eyebrow:has(+.daily-box){text-align:right;text-transform:none;letter-spacing:normal;width:100%;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.verse-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffff73;border:1px solid #a98b7673;padding:1.6rem}.arabic{direction:rtl;font-family:Amiri,serif}.verse-arabic{color:var(--mocha);margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.35rem)}.verse-translation{font-style:italic}.verse-reference{color:var(--muted);margin-top:.8rem;font-weight:700}.daily-box{border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;text-align:center;padding:clamp(1.25rem,4vw,1.8rem);position:relative;overflow:hidden}.daily-box:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#fff3 0 1.6px,#0000 1.6px),linear-gradient(45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%),linear-gradient(-45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.daily-box>*{position:relative}.daily-box--ayah{background:#6b8f5e}.daily-box--dua,.daily-box--hadith{background:#a98b76}.hadith-of-day-ar{text-align:right;color:var(--cream);direction:rtl;margin:0 0 1rem;font-family:Amiri,serif;font-size:clamp(1.5rem,5vw,2.35rem);line-height:1.55}.hadith-of-day-en{color:#fff;max-width:42rem;margin:0 auto .85rem;font-family:Playfair Display,serif;font-size:clamp(1.1rem,3vw,1.35rem);font-style:italic;line-height:1.55}.hadith-of-day-source{color:var(--cream);margin:0;font-family:Lato,sans-serif;font-size:.82rem;font-weight:700}.daily-arabic{direction:rtl;margin:0 0 1rem;font-family:Amiri,serif;font-size:clamp(1.5rem,5vw,2.35rem);line-height:1.55}.daily-translation{margin:0;max-width:42rem;margin-inline:auto;font-family:Lato,sans-serif;font-size:clamp(1rem,2.8vw,1.15rem);font-style:italic;line-height:1.6}.daily-reference{letter-spacing:.04em;color:#ffffffc7;margin:.9rem 0 0;font-size:.82rem;font-weight:700}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.card{border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;position:relative;overflow:hidden}.card:before{content:"";opacity:.14;background-image:radial-gradient(circle,#ffffff2e 0 1.6px,#0000 1.6px);background-size:23px 23px;position:absolute;inset:0}.card>*{position:relative}.card-mocha{background:var(--mocha);color:#fff}.card-green{background:var(--green);color:#fff}.card-icon{font-size:1.4rem}.card h3{margin:.5rem 0}.card .btn{margin-top:.8rem}.hadith-highlight{background:var(--green)}.hadith-quote{max-width:830px;margin-bottom:.85rem;font-size:clamp(1.55rem,3.8vw,2.15rem);font-style:italic}.hadith-source{font-weight:700}.about-box{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffff8c;padding:1.7rem}.about-page-content{text-align:center;width:100%;max-width:none;margin-left:0;margin-right:0;padding:2.1rem clamp(1.75rem,4vw,2.75rem)}section:has(.about-page-content)>.container{width:min(1120px,97%)}.decorative-border{border-top:3px double var(--sand);border-bottom:3px double var(--sand);padding:1.2rem 0}.site-footer{background:var(--mocha);color:var(--cream);padding-top:2.2rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:1.3rem;display:grid}.footer-links a{padding:.25rem 0;display:block}.footer-links a:hover{color:#fff}.footer-quote{direction:rtl;font-family:Amiri,serif;font-size:1.15rem}.footer-favourites{flex-direction:column;display:flex}.footer-favourite-label{text-transform:uppercase;letter-spacing:.12em;color:#f3e4c9a6;margin:0 0 .35rem;font-size:.85rem;font-weight:700}.footer-favourite-ar{color:var(--cream);direction:rtl;margin:0 0 .3rem;font-family:Amiri,serif;font-size:1.6rem;line-height:1.45}.footer-favourite-text{color:var(--cream);margin:0;font-size:1rem;font-style:italic;font-weight:700;line-height:1.45}.footer-favourite-ref{color:#f3e4c994;margin:.3rem 0 0;font-size:.9rem;font-weight:600}.footer-favourite-divider{background:#f3e4c94d;border:0;height:1px;margin:.7rem 0}.footer-bottom{text-align:center;border-top:1px solid #f3e4c959;margin-top:1.7rem;padding:.95rem 0;font-size:.9rem}.page-hero{background:var(--mocha);color:var(--cream);padding:3.9rem 0}.page-hero h1{margin-bottom:.3rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quran-search-wrap{margin-bottom:1.25rem}.quran-search{max-width:32rem;position:relative}.quran-search-icon{width:1.125rem;height:1.125rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.quran-search-input{width:100%;color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border:1px solid #bfa28c;border-radius:999px;outline:none;padding:.75rem 1.1rem .75rem 2.75rem;font-family:Lato,sans-serif;font-size:1rem;line-height:1.4}.quran-search-input::placeholder{color:var(--muted)}.quran-search-input:focus{border-color:#a98b76;box-shadow:0 0 0 3px #a98b7633}.quran-search-empty{text-align:center;color:var(--muted);margin:0 0 1rem;font-size:.95rem}.quran-search-empty[hidden]{display:none}.quran-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.surah-card.is-hidden{display:none}.surah-card{text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--sand);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);cursor:pointer;background:#ffffff9e;border-radius:12px;padding:.95rem;display:block}.surah-card:hover{border-color:var(--mocha);box-shadow:var(--shadow);transform:translateY(-3px)}.surah-card.active{border-color:var(--mocha);box-shadow:var(--shadow);background:#ffffffd9}.back-link{color:var(--mocha);margin-bottom:1rem;font-weight:700;display:inline-block}.back-link:hover{text-decoration:underline}.surah-page{padding-bottom:82px}.reciter-picker-box{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffffbf;margin-bottom:1.5rem;padding:1rem 1.2rem}.reciter-picker-title{color:var(--mocha);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1rem;font-weight:700;display:block}.custom-select{width:100%;display:block;position:relative}.custom-select--picker{max-width:22rem}.custom-select-native{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-select-trigger{border:1px solid var(--sand);width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.95rem;line-height:1.35;display:flex}.custom-select-trigger:after{content:"";border-right:2px solid var(--mocha);border-bottom:2px solid var(--mocha);width:.45rem;height:.45rem;transition:transform var(--transition);flex-shrink:0;transform:rotate(45deg)translateY(-2px)}.custom-select.is-open .custom-select-trigger:after{transform:rotate(-135deg)translateY(1px)}.custom-select-trigger:hover{border-color:var(--mocha);background-color:#f3e4c959}.custom-select-trigger:focus,.custom-select-trigger:focus-visible{outline:2px solid var(--mocha);outline-offset:1px;border-color:var(--mocha);box-shadow:0 0 0 3px #a98b7640}.custom-select-menu{z-index:50;border:1px solid var(--sand);max-height:14rem;box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:0;padding:.25rem 0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.custom-select--picker .custom-select-menu{top:calc(100% + 4px);bottom:auto}.custom-select--dock .custom-select-menu{top:auto;bottom:calc(100% + 4px)}.custom-select-option{color:var(--ink);cursor:pointer;transition:background-color var(--transition), color var(--transition);padding:.45rem .65rem;font-size:.95rem}.custom-select-option:hover,.custom-select-option.is-selected{background-color:var(--mocha);color:#fff}.custom-select--dock .custom-select-trigger{border-color:#bfa28c;border-radius:8px;padding:.32rem .5rem;font-size:.82rem}.custom-select--dock .custom-select-option{padding:.35rem .5rem;font-size:.82rem}.reciter-picker-select{width:100%;max-width:22rem}.reciter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.reciter-btn{border:1px solid var(--sand);color:var(--ink);font:inherit;cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);background:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.88rem}.reciter-btn:hover{border-color:var(--mocha);color:var(--mocha)}.reciter-btn.active{background:var(--mocha);color:#fff;border-color:var(--mocha)}.follow-dock{z-index:30;background:#fff;border-top:1px solid #bfa28c;padding:.4rem 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1f1a161a}.follow-dock-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .9rem;display:flex}.follow-dock-info{flex:10rem;min-width:0}.follow-dock-info-text{flex-direction:column;gap:.05rem;display:flex}.follow-dock-surah{color:#a98b76;font-family:Playfair Display,serif;font-size:.92rem;font-weight:700;line-height:1.2;display:block}.follow-dock-ayah-line{color:var(--muted);font-size:.8rem;font-weight:600;display:block}.follow-dock-transport{font-variant-emoji:text;-webkit-font-feature-settings:"liga" off;font-feature-settings:"liga" off;flex-wrap:nowrap;flex:none;justify-content:center;align-items:center;gap:.25rem;display:flex}.follow-dock-btn{vertical-align:middle;box-sizing:border-box;appearance:none;color:#a98b76;-webkit-text-fill-color:#a98b76;cursor:pointer;width:2.15rem;height:2.15rem;transition:background-color var(--transition), color var(--transition), border-color var(--transition), -webkit-text-fill-color var(--transition), transform .15s ease;background-color:#fff;border:1px solid #a98b76;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Lato,sans-serif;font-size:.9rem;line-height:1;display:flex}.follow-dock-btn:hover,.follow-dock-btn:focus-visible{color:#fff;-webkit-text-fill-color:#fff;background-color:#a98b76;border-color:#a98b76;outline:none}.follow-dock-btn:active{transform:scale(.96)}.follow-dock-btn--primary{vertical-align:middle;color:#fff;-webkit-text-fill-color:#fff;background-color:#a98b76;border-color:#a98b76;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;margin:0;padding:0;line-height:1;display:flex}.follow-dock-btn--primary:hover,.follow-dock-btn--primary:focus-visible{color:#fff;-webkit-text-fill-color:#fff;background:#95735f;border-color:#95735f}.follow-dock-reciter-wrap{flex-direction:column;flex:11rem;gap:.12rem;min-width:10rem;display:flex}.follow-dock-reciter-label{text-transform:uppercase;letter-spacing:.04em;color:#a98b76;font-size:.68rem;font-weight:700}.follow-dock-select{width:100%}.follow-dock-reciter-wrap .custom-select{z-index:1}.follow-dock-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.reciter-picker-label{color:var(--mocha);align-self:center;font-size:.9rem;font-weight:700}.reciter-select{border:1px solid var(--sand);color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border-radius:999px;padding:.38rem .7rem}.reciter-select:focus,.reciter-select:focus-visible{outline:2px solid var(--mocha);outline-offset:1px;border-color:var(--mocha);box-shadow:0 0 0 3px #a98b7640}.follow-dock-status{text-align:center;max-width:48rem;margin:.3rem auto 0;padding:0 .5rem;font-size:.76rem;line-height:1.35}.surah-meta{color:var(--muted);font-size:.9rem}.surah-viewer{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffff9e;margin-top:2rem;padding:1.25rem}.recitation-box{background:#ffffffad;border:1px solid #a98b7659;border-radius:10px;margin:1rem 0 1.3rem;padding:1rem}.recitation-title{color:var(--mocha);margin-bottom:.6rem;font-weight:700}.recitation-player{width:min(560px,100%)}.recitation-hint{margin-top:.65rem}.bismillah-header{text-align:center;justify-content:center;align-items:center;gap:.85rem;margin:1.5rem 0 1.35rem;padding:.45rem .5rem;display:flex}.bismillah-rule{background:linear-gradient(90deg,#0000,#a98b7659 12%,#a98b76d9 50%,#a98b7659 88%,#0000);border-radius:1px;flex:2rem;align-self:center;min-width:1.25rem;height:1px}.bismillah-text{color:#a98b76;letter-spacing:.03em;flex:0 auto;font-family:Amiri,serif;font-size:clamp(1.45rem,3.8vw,2.15rem);font-weight:400;line-height:1.55}.bismillah-header.is-active-bismillah{background:#a98b7624;border-radius:12px;box-shadow:inset 0 0 0 1px #a98b7638}.recitation-actions{flex-wrap:wrap;gap:.6rem;margin:.75rem 0 .25rem;display:flex}.ayah{transition:background-color var(--transition), border-color var(--transition);border-bottom:1px solid #a98b7633;padding:1rem 0}.ayah:last-child{border-bottom:0}.ayah.active-ayah{background:#a98b762e;border-color:#a98b7680;border-radius:10px;padding-inline:.75rem}.surah-viewer .ayah-clickable{cursor:pointer;position:relative}.surah-viewer .ayah-clickable:hover{background:#a98b7614}.surah-viewer .ayah-clickable:hover:after{content:"▶ Read from here";color:var(--mocha);opacity:.92;pointer-events:none;white-space:nowrap;font-size:.78rem;font-weight:700;position:absolute;inset:2.17rem auto auto .65rem}.ayah-ar{color:var(--mocha);margin-bottom:.45rem;font-size:1.52rem}.ayah-actions{margin-top:.6rem}.ayah-play{border:1px solid var(--sand);color:var(--mocha);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);background:#fff;border-radius:999px;padding:.4rem .75rem;font-weight:700}.ayah-play:hover:not(:disabled){background:var(--mocha);color:#fff;border-color:var(--mocha)}.ayah-play:disabled{cursor:not-allowed;opacity:.5}.muted{color:var(--muted)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.entry-card{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffffa1;padding:1.2rem}.entry-source{color:var(--mocha);margin-top:.8rem;font-weight:700}.duas-container{max-width:56rem;margin-inline:auto}.dua-group{margin-bottom:1.8rem}.dua-group-heading{color:var(--mocha);margin:0 0 .85rem;font-family:Playfair Display,serif;font-size:1.35rem}.dua-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1rem;display:grid}.dua-card{flex-direction:column;height:100%;min-height:100%;display:flex}.dua-ar{text-align:right;direction:rtl;margin:0 0 .65rem;font-family:Amiri,serif;font-size:clamp(1.2rem,3vw,1.45rem);line-height:1.55}.dua-en{flex:1;margin:0 0 .65rem;font-family:Lato,sans-serif;font-size:.95rem;font-style:italic;line-height:1.55}.dua-source{color:var(--muted);margin:auto 0 0;font-size:.82rem;font-weight:700}.hadiths-container{max-width:56rem;margin-inline:auto}.hadith-group{margin-bottom:1.8rem}.hadith-group-heading{color:var(--mocha);margin:0 0 .85rem;font-family:Playfair Display,serif;font-size:1.35rem}.hadith-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1rem;display:grid}.hadith-card{border-left:3px solid #a98b76;flex-direction:column;height:100%;min-height:100%;display:flex}.hadith-text{flex:1;margin:0 0 .75rem;font-family:Lato,sans-serif;font-size:.98rem;line-height:1.6}.hadith-card-source{color:var(--mocha);margin:auto 0 0;font-family:Lato,sans-serif;font-size:.82rem;font-weight:700}@media (width<=940px){.quran-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.collection-grid,.footer-grid{grid-template-columns:1fr}}@media (width<=700px){.nav-wrap{flex-direction:column;justify-content:center;padding:.75rem 0}.logo-image{width:clamp(185px,55vw,300px)}.nav-links{flex-wrap:wrap;justify-content:center}.section{padding:3.3rem 0}.daily-box{padding:1.15rem 1rem}.daily-arabic,.hadith-of-day-ar{font-size:clamp(1.35rem,6vw,2rem)}.hadith-of-day-en{font-size:clamp(1rem,4.5vw,1.2rem)}.quran-grid{grid-template-columns:1fr}.follow-dock-inner{flex-direction:column;justify-content:center;align-items:center;gap:.35rem}.follow-dock-info{text-align:center;flex:none;width:100%}.follow-dock-info-text{align-items:center}.follow-dock-transport{flex:none;justify-content:center;width:100%}.follow-dock-reciter-wrap{text-align:center;flex:none;align-items:center;width:100%;max-width:22rem}.follow-dock-reciter-label{text-align:center;width:100%}}.prayer-times-hero{background:var(--mocha)}.prayer-times-section{background:var(--cream);position:relative}.prayer-times-section:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle,#a98b7624 0 1.6px,#0000 1.6px),linear-gradient(45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%),linear-gradient(-45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.prayer-times-container{max-width:40rem;margin-inline:auto;position:relative}.prayer-times-status{text-align:center;padding:1.5rem 0}.prayer-times-error{color:var(--ink);margin-bottom:.5rem;font-weight:700}.prayer-times-panel{flex-direction:column;align-items:center;padding:.5rem 0 1rem;display:flex}.prayer-hijri-date{text-align:center;color:var(--mocha);direction:rtl;margin:0 0 1rem;font-family:Amiri,serif;font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.5}.prayer-times-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.prayer-location{color:var(--ink);margin:0;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700}.prayer-refresh-btn{flex-shrink:0}.prayer-countdown{text-align:center;color:var(--green);margin:0 0 1.25rem;font-family:Playfair Display,serif;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700}.prayer-clock-toggle{border:1px solid var(--mocha);border-radius:999px;align-items:stretch;width:fit-content;max-width:100%;margin:0 auto 1rem;display:inline-flex;overflow:hidden}.prayer-times-meta,.prayer-hijri-date,.prayer-countdown{width:100%}.prayer-clock-toggle-btn{color:var(--mocha);font:inherit;cursor:pointer;transition:background-color var(--transition), color var(--transition);background:#fff;border:none;padding:.45rem 1.1rem;font-size:.88rem;font-weight:700}.prayer-clock-toggle-btn+.prayer-clock-toggle-btn{border-left:1px solid var(--mocha)}.prayer-clock-toggle-btn.is-active{background:var(--mocha);color:#fff}.prayer-clock-toggle-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px;z-index:1}.prayer-times-list{flex-direction:column;gap:.65rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.prayer-card{border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);background:#fff;border:1px solid #bfa28c8c;padding:1rem 1.15rem;position:relative;overflow:hidden}.prayer-card:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#a98b761f 0 1.4px,#0000 1.4px);background-size:20px 20px;position:absolute;inset:0}.prayer-card>*{position:relative}.prayer-card--next{background:var(--green);color:#fff;border-color:var(--green)}.prayer-card--next:before{opacity:.22;background-image:radial-gradient(circle,#fff3 0 1.4px,#0000 1.4px)}.prayer-card-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#ffffff38;border-radius:999px;margin-bottom:.45rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.prayer-card-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.prayer-card-name{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700}.prayer-card-time{font-variant-numeric:tabular-nums;font-family:Lato,sans-serif;font-size:1.1rem;font-weight:700}@media (width<=700px){.prayer-times-meta{text-align:center;flex-direction:column;align-items:stretch}.prayer-refresh-btn{text-align:center;width:100%}.prayer-card{padding:.85rem 1rem}.prayer-card-name{font-size:.98rem}.prayer-card-time{font-size:1rem}}.islamic-calendar-hero{background:var(--mocha)}.islamic-calendar-section{background:var(--cream);position:relative}.islamic-calendar-section:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle,#a98b7624 0 1.6px,#0000 1.6px),linear-gradient(45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%),linear-gradient(-45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.islamic-calendar-container{max-width:56rem;margin-inline:auto;position:relative}.islamic-calendar-status{text-align:center;padding:1.5rem 0}.islamic-calendar-dates{background:var(--mocha);color:var(--cream);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.35rem 1.25rem;position:relative;overflow:hidden}.islamic-calendar-dates:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#ffffff2e 0 1.6px,#0000 1.6px),linear-gradient(45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%),linear-gradient(-45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.islamic-calendar-dates>*{position:relative}.islamic-calendar-hijri{direction:rtl;margin:0 0 .45rem;font-family:Amiri,serif;font-size:clamp(1.4rem,4.5vw,2rem);line-height:1.45}.islamic-calendar-gregorian{opacity:.92;margin:0;font-family:Lato,sans-serif;font-size:1rem}.islamic-calendar-events{margin:0;padding:0;list-style:none}.calendar-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1rem;display:grid}.calendar-card--featured,.islamic-event-card--soon{grid-column:1/-1}.islamic-event-card{border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;height:100%;padding:1.15rem 1.2rem;display:flex;position:relative;overflow:hidden}.islamic-event-card:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(circle,#a98b761a 0 1.4px,#0000 1.4px);background-size:20px 20px;position:absolute;inset:0}.islamic-event-card>*{position:relative}.islamic-event-card--future{color:var(--ink);background:#fff;border:1px solid #bfa28ca6}.islamic-event-card--today{background:var(--mocha);color:#fff;border:1px solid var(--mocha)}.islamic-event-card--today:before{opacity:.2;background-image:radial-gradient(circle,#fff3 0 1.4px,#0000 1.4px)}.islamic-event-card--past{color:var(--muted);opacity:.85;background:#ffffff8c;border:1px solid #bfa28c66}.islamic-event-card--past .islamic-event-countdown{color:var(--muted)}.islamic-event-card--soon{background:var(--green);color:#fff;border:1px solid var(--green)}.islamic-event-card--soon:before{opacity:.2;background-image:radial-gradient(circle,#fff3 0 1.4px,#0000 1.4px)}.islamic-event-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#ffffff38;border-radius:999px;margin-bottom:.55rem;padding:.22rem .55rem;font-size:.68rem;font-weight:700;display:inline-block}.islamic-event-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:.35rem;display:flex}.islamic-event-name{flex:12rem;margin:0;font-family:Playfair Display,serif;font-size:1.15rem}.islamic-event-countdown{color:var(--mocha);white-space:nowrap;margin:0;font-family:Playfair Display,serif;font-size:clamp(1.15rem,3.5vw,1.45rem);font-weight:700}.islamic-event-countdown--today{color:var(--green)}.islamic-event-card--today .islamic-event-countdown,.islamic-event-card--soon .islamic-event-countdown{color:#fff}.islamic-event-card--today .islamic-event-countdown--today{color:#e8f5e4}.islamic-event-hijri-date{color:inherit;opacity:.9;margin:0 0 .2rem;font-size:.9rem;font-weight:700}.islamic-event-gregorian-date{opacity:.85;margin:0 0 .65rem;font-size:.88rem}.islamic-event-description{flex:1;margin:0;font-family:Lato,sans-serif;font-size:.95rem;line-height:1.6}@media (width<=700px){.calendar-grid{grid-template-columns:1fr}.calendar-card--featured,.islamic-event-card--soon{grid-column:auto}.islamic-event-card{padding:1rem}.islamic-event-head{flex-direction:column;align-items:flex-start}.islamic-event-countdown{white-space:normal}.dua-grid,.hadith-grid{grid-template-columns:1fr}}.fade-in-element{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in-element.is-visible{opacity:1;transform:translateY(0)}.fade-in-stagger>.fade-in-element:first-child{transition-delay:0s}.fade-in-stagger>.fade-in-element:nth-child(2){transition-delay:.1s}.fade-in-stagger>.fade-in-element:nth-child(3){transition-delay:.2s}.fade-in-stagger>.fade-in-element:nth-child(4){transition-delay:.3s}.fade-in-stagger>.fade-in-element:nth-child(5){transition-delay:.4s}.fade-in-stagger>.fade-in-element:nth-child(6){transition-delay:.5s}.fade-in-stagger>.fade-in-element:nth-child(7){transition-delay:.6s}.fade-in-stagger>.fade-in-element:nth-child(8){transition-delay:.7s}.fade-in-stagger>.fade-in-element:nth-child(9){transition-delay:.8s}.fade-in-stagger>.fade-in-element:nth-child(10){transition-delay:.9s}.fade-in-stagger>.fade-in-element:nth-child(11){transition-delay:1s}.fade-in-stagger>.fade-in-element:nth-child(12){transition-delay:1.1s}@media (prefers-reduced-motion:reduce){.fade-in-element{opacity:1;transition:none;transform:none}}