html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-size:17px;line-height:1.47;color:hsl(var(--foreground));background:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;min-height:100vh}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:transparent;border:0;cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px;border-radius:4px}.nav{position:sticky;top:0;z-index:100;height:52px;display:flex;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right));background:hsl(var(--background)/.72);backdrop-filter:saturate(180%) blur(30px);border-bottom:.5px solid hsl(var(--separator))}.nav,.nav__inner{align-items:center}.nav__inner{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:16px}.nav__brand{font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.01em;color:hsl(var(--foreground));display:inline-flex;align-items:center;gap:8px}.nav__brand-mark{width:22px;height:22px;border-radius:6px;background:hsl(var(--accent));display:inline-grid;place-items:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:0}.nav__links{display:flex;justify-content:center;gap:4px}.nav__link{padding:6px 10px;font-size:14px;font-weight:500;color:hsl(var(--muted-foreground));border-radius:6px;transition:color .18s var(--spring),background .18s var(--spring)}.nav__link:hover{background:hsl(var(--muted)/.3)}.nav__link:hover,.nav__link[aria-current=page]{color:hsl(var(--foreground))}.nav__right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.icon-btn{width:32px;height:32px;min-width:32px;border-radius:999px;display:inline-grid;place-items:center;color:hsl(var(--foreground));transition:background .18s var(--spring)}.icon-btn:hover{background:hsl(var(--muted)/.3)}.icon-btn svg{width:18px;height:18px;stroke-width:1.75}@media (max-width:720px){.nav__links{display:none}.nav__inner{grid-template-columns:1fr auto}.nav__brand-full{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--r-lg);font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.01em;transition:transform .12s var(--spring),background .18s var(--spring),border-color .18s var(--spring),opacity .18s var(--spring);will-change:transform}.btn:active{transform:scale(.97)}.btn--primary{background:hsl(var(--accent));color:#fff}.btn--primary:hover{background:hsl(var(--accent)/.85)}.btn--secondary{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--separator))}.btn--secondary:hover,.btn--tertiary{background:hsl(var(--muted)/.3)}.btn--tertiary{color:hsl(var(--foreground));min-height:36px;padding:6px 14px;font-size:15px;border-radius:var(--r-lg)}.btn--tertiary:hover{background:hsl(var(--muted)/.5)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.container--narrow{max-width:760px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.section-title{font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.02em;margin:0 0 4px}.section-caption{font-size:15px;color:hsl(var(--muted-foreground));margin:0 0 20px}.footer{margin-top:80px;background:hsl(var(--muted));border-top:.5px solid hsl(var(--separator));padding:48px 0 32px}.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer__col h4{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.footer__col ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer__col a{font-size:14px;color:hsl(var(--foreground))}.footer__col a:hover{color:hsl(var(--accent))}.footer__copy{margin-top:32px;padding-top:20px;border-top:.5px solid hsl(var(--separator));font-size:12px;color:hsl(var(--muted-foreground)/.5);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}@media (max-width:720px){.footer__grid{grid-template-columns:repeat(2,1fr)}}.hstack{align-items:center}.hstack,.vstack{display:flex;gap:8px}.vstack{flex-direction:column}.spacer{flex:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero{position:relative;padding:96px 0 72px;overflow:hidden}.hero__bg{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}.hero__bg span{font-family:var(--font-amiri-quran),"Amiri",serif;font-size:clamp(180px,32vw,480px);color:hsl(var(--foreground));opacity:.06;line-height:1;white-space:nowrap;direction:rtl}.hero__inner{position:relative;z-index:1;max-width:820px;margin:0 auto;text-align:center}.hero__eyebrow{display:inline-block;margin-bottom:20px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.hero__title{font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-weight:700;font-size:clamp(54px,8vw,84px);line-height:1.02;letter-spacing:-.03em;margin:0 0 20px;color:hsl(var(--foreground))}.hero__subtitle{font-size:19px;line-height:1.5;color:hsl(var(--muted-foreground));margin:0 auto 32px;max-width:560px}.hero__ctas{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (max-width:520px){.hero{padding:64px 0 48px}.hero__title{font-size:44px}.hero__subtitle{font-size:17px}}.section{padding:56px 0;content-visibility:auto;contain-intrinsic-size:auto 600px}.section__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px}.section__head h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em}.section__head p{margin:4px 0 0;color:hsl(var(--muted-foreground));font-size:15px}.section__link{color:hsl(var(--accent));font-size:15px;font-weight:500}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,260px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 12px;margin:0 -20px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.surah-card{scroll-snap-align:start;background:hsl(var(--surface));border-radius:var(--r-2xl);padding:20px;display:flex;flex-direction:column;gap:8px;min-height:180px;border:.5px solid hsl(var(--separator));transition:transform .2s var(--spring)}.surah-card:hover{transform:translateY(-2px)}.surah-card__num{font-size:13px;font-weight:600;color:hsl(var(--accent));letter-spacing:.02em}.surah-card__arabic{font-family:var(--font-amiri-quran),"Amiri",serif;font-size:32px;color:hsl(var(--foreground));line-height:1;direction:rtl;margin:4px 0}.surah-card__name{font-size:17px;font-weight:600;letter-spacing:-.01em}.surah-card__meta{font-size:13px;color:hsl(var(--muted-foreground));margin-top:auto}.prayer-card{background:hsl(var(--surface));border:.5px solid hsl(var(--separator));border-radius:var(--r-2xl);padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.prayer-card__label{font-size:13px;color:hsl(var(--muted-foreground));font-weight:500}.prayer-card__next{margin-top:4px;font-size:32px;font-weight:600;letter-spacing:-.02em}.prayer-card__accent{color:hsl(var(--accent))}.prayer-card__sub{font-size:15px;color:hsl(var(--muted-foreground));margin-top:2px}.prayer-card__times{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}.prayer-card__tile{padding:10px 8px;border-radius:var(--r-xl);background:hsl(var(--muted)/.3);text-align:center;min-width:56px}.prayer-card__tile[aria-current=true]{background:hsl(var(--accent));color:#fff}.prayer-card__tile-name{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.prayer-card__tile[aria-current=true] .prayer-card__tile-name{color:rgba(255,255,255,.92)}.prayer-card__tile-time{font-size:13px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}@media (max-width:820px){.prayer-card{grid-template-columns:1fr}.prayer-card__times{grid-template-columns:repeat(3,1fr)}}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.how__item{padding:24px;background:hsl(var(--surface));border:.5px solid hsl(var(--separator));border-radius:var(--r-2xl)}.how__num{width:28px;height:28px;border-radius:999px;background:hsl(var(--muted)/.3);display:grid;place-items:center;font-size:13px;font-weight:600;color:hsl(var(--foreground));margin-bottom:12px}.how__title{font-size:17px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.how__body{font-size:15px;color:hsl(var(--muted-foreground));line-height:1.47;margin:0}@media (max-width:820px){.how{grid-template-columns:1fr}}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:820px){.features{grid-template-columns:repeat(2,1fr)}}.feature{padding:20px;background:hsl(var(--surface));border:.5px solid hsl(var(--separator));border-radius:var(--r-xl);display:flex;flex-direction:column;gap:10px;min-height:116px;transition:transform .2s var(--spring),background .2s var(--spring)}.feature:hover{transform:translateY(-1px);background:hsl(var(--muted))}.feature__icon{width:32px;height:32px;border-radius:8px;background:rgba(0,122,255,.1);color:hsl(var(--accent));display:grid;place-items:center}.feature__icon svg{width:18px;height:18px;stroke-width:1.75}.feature__title{font-size:15px;font-weight:600;letter-spacing:-.01em}.feature__caption{font-size:13px;color:hsl(var(--muted-foreground))}.gs-fab{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:999px;background:rgba(255,255,255,.05);color:hsl(var(--foreground));border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(19px);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.1);cursor:pointer;overflow:hidden;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,background .22s ease;font:inherit;font-weight:500;font-size:14px;letter-spacing:.01em}.gs-fab:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);pointer-events:none}.gs-fab:hover{background:rgba(255,255,255,.12);transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.14)}.gs-fab:active{transform:scale(.97)}.gs-fab svg{width:18px;height:18px;color:hsl(var(--accent))}.gs-fab__label{display:inline-block}.dark .gs-fab{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.04)}@media (max-width:480px){.gs-fab{padding:0 14px 0 12px;height:42px}}.gs-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.18);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px;animation:gs-fade .2s cubic-bezier(.22,1,.36,1)}@keyframes gs-fade{0%{opacity:0}to{opacity:1}}.gs-panel{width:min(720px,100%);max-height:calc(100vh - 20vh - 16px);background:rgba(255,255,255,.35);backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.4);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.22),0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.15);position:relative;display:flex;flex-direction:column;overflow:hidden;animation:gs-pop .26s cubic-bezier(.22,1,.36,1)}.gs-panel:before{right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.gs-panel:after,.gs-panel:before{content:"";position:absolute;top:0;left:0;pointer-events:none;z-index:1}.gs-panel:after{width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}.dark .gs-panel{background:rgba(30,30,35,.55);border-color:rgba(255,255,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.05)}.dark .gs-panel:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}.dark .gs-panel:after{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent,rgba(255,255,255,.08))}@keyframes gs-pop{0%{opacity:0;transform:translateY(-4px) scaleX(.35) scaleY(.7);transform-origin:center top}60%{transform:translateY(0) scaleX(1.02) scaleY(1)}to{opacity:1;transform:translateY(0) scaleX(1) scaleY(1)}}.gs-input-row{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.16);position:relative;z-index:2}.gs-input{flex:1;min-width:0;border:0;background:transparent;color:hsl(var(--foreground));font:inherit;font-size:18px;letter-spacing:.01em;outline:none}.gs-input::-moz-placeholder{color:hsl(var(--muted-foreground)/.85)}.gs-input::placeholder{color:hsl(var(--muted-foreground)/.85)}.gs-input-icon{width:20px;height:20px;color:hsl(var(--muted-foreground));flex-shrink:0}.gs-kbd{display:inline-flex;align-items:center;padding:2px 7px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:hsl(var(--foreground));background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.5);border-radius:6px;line-height:1}.gs-results{flex:1;overflow-y:auto;padding:6px 0 8px;-webkit-overflow-scrolling:touch;position:relative;z-index:2}.gs-empty{padding:32px 24px;text-align:center;color:hsl(var(--muted-foreground))}.gs-empty__title{font-size:15px;color:hsl(var(--foreground));font-weight:500;margin:0 0 6px}.gs-empty__sub{font-size:13.5px;line-height:1.5;margin:0 0 14px}.gs-empty__hint{font-size:12px;color:hsl(var(--muted-foreground)/.85);margin:0;display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.gs-group{padding:6px 8px}.gs-group__label{padding:6px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.gs-group__items{list-style:none;margin:0;padding:0}.gs-item{display:block;padding:10px 14px;border-radius:12px;text-decoration:none;color:hsl(var(--foreground));cursor:pointer;transition:background .12s ease,transform .12s ease}.gs-item--active,.gs-item:hover{background:rgba(255,255,255,.5);outline:none}.dark .gs-item--active,.dark .gs-item:hover{background:rgba(255,255,255,.1)}.gs-item__title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:500;line-height:1.35}.gs-item__arabic{font-family:var(--font-amiri-quran),"KFGQPC Uthmanic Hafs",serif;font-size:18px;color:hsl(var(--foreground)/.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%;direction:rtl}.gs-item__subtitle{display:block;margin-top:2px;font-size:12.5px;color:hsl(var(--muted-foreground));line-height:1.4}.gs-item__source{display:block;margin-top:4px;font-size:11px;color:hsl(var(--muted-foreground)/.85);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gs-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.16);font-size:11.5px;color:hsl(var(--muted-foreground));background:rgba(255,255,255,.03);position:relative;z-index:2}.gs-footer__hint{text-align:right}.gs-footer__link{color:hsl(var(--accent));text-decoration:none}.gs-footer__link:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.gs-overlay,.gs-panel{animation:none}.gs-fab,.gs-item{transition:none}}