.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Tinos;src:url(/fonts/tinos-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Tinos;src:url(/fonts/tinos-latin-400-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Tinos;src:url(/fonts/tinos-latin-700-normal.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Yeseva One;src:url(/fonts/yeseva-one-latin-400-normal.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:AlQalamQuran;src:url(/fonts/hafs.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:KFGQPCAyah;src:url(/fonts/kfgqpc-ayah.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--color-background: #f5f1ea;--color-border: #d7c9b8;--color-accent: #b2967d;--color-secondary: #7d5a44;--color-primary: #4a342a;--shadow-soft: 0 18px 40px rgba(74, 52, 42, .08);--max-width: 48rem;--radius-large: 1.75rem;--radius-medium: 1.25rem;--font-body: "Tinos", Georgia, serif;--font-display: "Yeseva One", Georgia, serif;--font-arabic: "AlQalamQuran", serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--color-background);background-image:radial-gradient(circle at top,rgba(178,150,125,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.4),transparent 28%);color:var(--color-primary);font-family:var(--font-body);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.site-shell{padding:clamp(1rem,2vw,1.75rem)}.page{width:min(100%,var(--max-width));margin:0 auto}.page-home{padding-block:clamp(1.5rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}.decorative-divider{display:flex;align-items:center;gap:.8rem;width:min(100%,24rem);margin-inline:auto;color:var(--color-accent)}.decorative-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(125,90,68,.22),rgba(178,150,125,.5),transparent)}.decorative-divider__ornament{display:inline-flex;align-items:center;gap:.38rem}.decorative-divider__dot,.decorative-divider__diamond{display:block;flex:none;border:1px solid rgba(178,150,125,.72)}.decorative-divider__dot{width:.28rem;height:.28rem;border-radius:999px;background:#b2967d73}.decorative-divider__diamond{width:.56rem;height:.56rem;transform:rotate(45deg);border-radius:.08rem;background:#ffffff70}.hero{position:relative;border:1px solid rgba(215,201,184,.9);border-radius:var(--radius-large);background:linear-gradient(180deg,#ffffff9e,#ffffff6b);box-shadow:var(--shadow-soft);padding:clamp(1.75rem,5vw,3rem);text-align:center}.hero__eyebrow{margin:0;color:var(--color-secondary);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero__arabic{margin:.75rem 0 0;font-family:var(--font-arabic),serif;font-size:clamp(2.75rem,11vw,4rem);line-height:1.4;direction:rtl}.hero h1{margin:.4rem 0 0;font-family:var(--font-display),serif;font-weight:400;font-size:clamp(1.75rem,6.6vw,3rem);line-height:1.05;letter-spacing:-.01em;text-wrap:balance}.hero__lede{max-width:34rem;margin:1.1rem auto 0;color:var(--color-secondary);font-style:italic;font-size:clamp(1.02rem,3.4vw,1.2rem);line-height:1.5}.hero__lede strong{display:inline-block;margin-top:.4rem;font-style:normal;font-size:.92em}.hero__note{max-width:38rem;margin:1.75rem auto 0;color:var(--color-secondary);font-size:1rem}.index-section{margin-top:clamp(2rem,5vw,3rem)}.index-divider{margin-bottom:clamp(1.3rem,3vw,1.8rem)}.surah-list{display:grid;gap:.7rem;padding:0;margin:0;list-style:none}.surah-link{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.95rem;padding:.95rem 1.05rem;border:1px solid rgba(215,201,184,.9);border-radius:var(--radius-medium);background:#ffffff70;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.surah-link:hover,.surah-link:focus-visible{transform:translateY(-2px);border-color:#7d5a4470;background:#ffffffa8;outline:none}.surah-link__number{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border:1px solid rgba(178,150,125,.5);border-radius:999px;color:var(--color-secondary);font-size:.92rem;font-weight:700;background:#fff6}.surah-link__body{display:grid;gap:.1rem;min-width:0}.surah-link__name{font-family:var(--font-display),serif;font-size:1.25rem;line-height:1.15}.surah-link__meta{color:var(--color-secondary);font-size:.88rem}.page-surah{padding-block:clamp(1.25rem,3vw,2rem) clamp(4rem,10vw,6rem)}.back-link{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;color:var(--color-secondary);font-size:.92rem}.back-link:hover{color:var(--color-primary)}.back-link__icon{width:1rem;height:1rem;flex:none}.surah-header{position:relative;border:1px solid rgba(215,201,184,.9);border-radius:var(--radius-large);background:linear-gradient(180deg,#ffffff9e,#ffffff6b);box-shadow:var(--shadow-soft);padding:clamp(1.5rem,5vw,2.5rem);text-align:center}.surah-header__number{margin:0;color:var(--color-secondary);font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.surah-header__arabic{margin:.5rem 0 0;font-family:var(--font-arabic),serif;font-size:clamp(2.5rem,10vw,3.5rem);line-height:1.4;direction:rtl}.surah-header__name{margin:.35rem 0 0;font-family:var(--font-display),serif;font-weight:400;font-size:clamp(1.6rem,6vw,2.1rem);line-height:1.05}.surah-header__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.1rem}.surah-header__meta span{padding:.4rem .85rem;border:1px solid rgba(178,150,125,.5);border-radius:999px;color:var(--color-secondary);font-size:.85rem;background:#ffffff5c}.switcher{margin:1.5rem 0 .5rem}.switcher__label{display:block;margin-bottom:.55rem;color:var(--color-secondary);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:center}.switcher__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.switcher__button{min-width:0;padding:.6rem .7rem;border:1px solid rgba(178,150,125,.5);border-radius:999px;background:#ffffff6b;color:var(--color-secondary);font:inherit;font-size:.95rem;cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.switcher__button:hover,.switcher__button:focus-visible{border-color:#7d5a4480;color:var(--color-primary);outline:none}.switcher__button[aria-pressed=true]{border-color:#4a342ae6;background:#4a342aeb;color:var(--color-background)}.bismillah{margin:1.75rem auto 0;text-align:center;color:var(--color-secondary);font-style:italic;font-size:1.05rem}.bismillah--ar{display:none;font-family:var(--font-arabic),serif;font-style:normal;font-size:clamp(1.5rem,6vw,1.9rem);line-height:1.8;direction:rtl}.reading{margin-top:1.5rem}.verse-chunk{content-visibility:auto;contain-intrinsic-size:auto 800px;margin:0}.verse-chunk+.verse-chunk{margin-top:0}.v-ar{display:none}.verse__missing{color:var(--color-accent);font-style:italic;font-size:.85em}.v-num{margin-inline-start:.5rem;margin-inline-end:.12rem;color:var(--color-accent);font-family:var(--font-body),serif;user-select:none}.v-ayah-end{display:inline-block;margin-inline-start:.2rem;margin-inline-end:.35rem;font-family:"KFGQPCAyah",var(--font-arabic),serif;font-feature-settings:"rlig" 1,"calt" 1,"liga" 1;font-size:.82em;vertical-align:.08em;color:var(--color-secondary);user-select:none}:root{--tr-display: inline}.verse-chunk{font-size:clamp(1.18rem,4.4vw,1.4rem);line-height:2;text-align:left}.v{display:inline}html[data-mode=arabic]{--tr-display: none}html[data-mode=arabic] .verse-chunk{direction:rtl;text-align:right;font-family:var(--font-arabic),serif;font-size:clamp(1.7rem,7vw,2.2rem);line-height:2.4}html[data-mode=arabic] .v-ar{display:inline}html[data-mode=arabic] .v-num,html[data-mode=parallel] .v-num{display:none}html[data-mode=parallel]{--tr-display: block}html[data-mode=parallel] .verse-chunk{line-height:1.6;text-align:left}html[data-mode=parallel] .v{display:block;padding:1.25rem 0;border-top:1px solid rgba(178,150,125,.26)}html[data-mode=parallel] .v-ar{display:block;margin-bottom:.7rem;direction:rtl;text-align:right;font-family:var(--font-arabic),serif;font-size:clamp(1.6rem,6.5vw,2.05rem);line-height:2.2}html[data-mode=parallel] .v-tr{font-size:clamp(1.05rem,4vw,1.2rem);line-height:1.75;color:var(--color-primary)}html[data-mode=parallel] .bismillah--sq,html[data-mode=arabic] .bismillah--sq{display:none}html[data-mode=parallel] .bismillah--ar,html[data-mode=arabic] .bismillah--ar{display:block}html[data-mode=arabic] .switcher--edition{display:none}.surah-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2.5rem}.surah-pager__link{display:grid;gap:.25rem;padding:.95rem 1.1rem;border:1px solid rgba(215,201,184,.9);border-radius:var(--radius-medium);background:#ffffff80;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.surah-pager__link:hover,.surah-pager__link:focus-visible{transform:translateY(-2px);border-color:#7d5a4470;background:#ffffffb3;outline:none}.surah-pager__link--next{text-align:right}.surah-pager__link--spacer{border-color:transparent;background:transparent;pointer-events:none}.surah-pager__direction{color:var(--color-secondary);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.surah-pager__name{font-family:var(--font-display),serif;font-size:1.1rem;line-height:1.1}.site-footer{width:min(100%,var(--max-width));margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(178,150,125,.32);color:var(--color-secondary);font-size:.85rem;text-align:center;line-height:1.7}.site-footer a{text-decoration:underline;text-underline-offset:2px}.fab{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));z-index:50;display:grid;place-items:center;width:3.25rem;height:3.25rem;padding:0;border:1px solid rgba(178,150,125,.5);border-radius:999px;background:#f5f1eae6;color:var(--color-secondary);box-shadow:0 10px 26px #4a342a29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease,background-color .18s ease}.fab:hover,.fab:focus-visible{transform:translateY(-2px);border-color:#7d5a4480;background:#fffffff5;color:var(--color-primary);outline:none}.fab svg{width:1.4rem;height:1.4rem}.fab-cluster{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));z-index:50;display:flex;align-items:center;gap:.6rem}.fab-cluster .fab{position:static}.fab--disabled{opacity:.4;cursor:default;pointer-events:none}.fab--menu{right:max(1rem,env(safe-area-inset-right))}.fab--list{right:calc(max(1rem,env(safe-area-inset-right)) + 3.85rem)}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem}.modal__backdrop{position:absolute;inset:0;background:#4a342a3d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal__panel{position:relative;z-index:1;width:min(100%,28rem);max-height:min(100%,40rem);overflow-y:auto;padding:1.25rem;border:1px solid rgba(178,150,125,.42);border-radius:calc(var(--radius-large) - .15rem);background:linear-gradient(180deg,#ffffff80,#fff3),var(--color-background);box-shadow:0 26px 60px #4a342a2e}.modal__panel:focus{outline:none}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.modal__title{margin:0;font-family:var(--font-display),serif;font-weight:400;font-size:1.5rem;line-height:1}.modal__close{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid rgba(178,150,125,.42);border-radius:999px;background:#ffffff80;color:var(--color-secondary);cursor:pointer;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}.modal__close:hover,.modal__close:focus-visible{border-color:#7d5a4466;background:#ffffffb8;color:var(--color-primary);outline:none;transform:translateY(-1px)}.modal__close svg{width:1.1rem;height:1.1rem}.modal__body{display:grid;gap:.5rem}.modal .switcher{margin:.85rem 0 0}.modal .switcher__label{text-align:left}body.modal-open{overflow:hidden}.surah-nav{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.3rem}.surah-nav__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem .7rem;border:1px solid transparent;border-radius:.9rem;color:var(--color-primary);transition:background-color .16s ease,border-color .16s ease}.surah-nav__item:hover,.surah-nav__item:focus-visible{border-color:#b2967d66;background:#ffffff8c;outline:none}.surah-nav__item.is-current{border-color:#4a342aeb;background:#4a342aeb;color:var(--color-background)}.surah-nav__num{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(178,150,125,.5);border-radius:999px;color:var(--color-secondary);font-size:.8rem;font-weight:700}.surah-nav__item.is-current .surah-nav__num{border-color:#f5f1ea99;color:var(--color-background)}.surah-nav__name{min-width:0;font-family:var(--font-display),serif;font-size:1.05rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surah-nav__meta{color:var(--color-secondary);font-size:.8rem}.surah-nav__item.is-current .surah-nav__meta{color:#f5f1eacc}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}