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}}.duas-hero{padding:48px 0 16px}.duas-hero h1{font-size:clamp(40px,5.5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:0 0 12px}.duas-hero p{color:hsl(var(--muted-foreground));font-size:19px;margin:0;max-width:620px}.search-bar{position:sticky;top:52px;z-index:50;padding:12px 0;background:hsl(var(--background)/.72);backdrop-filter:saturate(180%) blur(24px);border-bottom:.5px solid hsl(var(--separator));margin-bottom:32px}.search-field{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;background:hsl(var(--muted)/.3);border-radius:10px}.search-field svg{width:16px;height:16px;color:hsl(var(--muted-foreground));stroke-width:2}.search-field input{flex:1;border:0;background:transparent;outline:none;font:inherit;color:inherit;font-size:15px}.search-field input::-moz-placeholder{color:hsl(var(--muted-foreground))}.search-field input::placeholder{color:hsl(var(--muted-foreground))}.section{padding:24px 0 40px}.section h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.section p.section__caption{color:hsl(var(--muted-foreground));font-size:15px;margin:0 0 20px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:820px){.categories{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.categories{grid-template-columns:1fr}}.cat{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:18px;background:hsl(var(--surface));border:.5px solid hsl(var(--separator));border-radius:var(--r-2xl);transition:transform .2s var(--spring),background .2s var(--spring)}.cat:hover{transform:translateY(-2px)}.cat__icon{width:40px;height:40px;border-radius:10px;background:rgba(0,122,255,.1);color:hsl(var(--accent));display:grid;place-items:center}.cat__icon svg{width:20px;height:20px;stroke-width:1.75}.cat__title{font-size:17px;font-weight:600;letter-spacing:-.01em}.cat__count{font-size:13px;color:hsl(var(--muted-foreground));margin-top:2px}.cat__chev{color:hsl(var(--muted-foreground)/.5)}.cat__chev svg{width:16px;height:16px;stroke-width:2.5}.featured-list{display:grid;gap:12px}.dua{background:hsl(var(--surface));border:.5px solid hsl(var(--separator));border-radius:var(--r-2xl);overflow:hidden}.dua>summary{list-style:none;padding:18px 20px;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;transition:background .18s var(--spring)}.dua>summary::-webkit-details-marker{display:none}.dua>summary:hover{background:hsl(var(--muted)/.3)}.dua__title{font-size:17px;font-weight:600;letter-spacing:-.01em}.dua__source{font-size:13px;margin-top:2px}.dua__chev,.dua__source{color:hsl(var(--muted-foreground))}.dua__chev{transition:transform .3s var(--spring)}.dua__chev svg{width:16px;height:16px;stroke-width:2.5}.dua[open]>summary .dua__chev{transform:rotate(180deg)}.dua__body{padding:8px 24px 24px;border-top:.5px solid hsl(var(--separator));display:grid;gap:16px}.dua__arabic{font-family:var(--font-amiri-quran),"Amiri",serif;direction:rtl;font-size:clamp(24px,3.4vw,34px);line-height:2.1;color:hsl(var(--foreground));text-align:right;margin:8px 0 0}.dua__translit{font-style:italic;color:hsl(var(--muted-foreground));font-size:15px;line-height:1.55;margin:0}.dua__translation{font-size:17px;line-height:1.5;color:hsl(var(--foreground));margin:0}.dua__cite{font-size:12px;color:hsl(var(--muted-foreground)/.5);margin:0}:where(.duas-hero){padding:88px 0 40px;position:relative}:where(.duas-hero) .container--narrow{position:relative;z-index:1}:where(.duas-hero):before{content:"";position:absolute;inset:0 auto auto 50%;width:720px;height:320px;transform:translate(-50%,-20%);background:radial-gradient(50% 60% at 50% 50%,hsl(var(--accent)/.14),transparent 70%),radial-gradient(40% 50% at 30% 40%,hsl(var(--accent)/.08),transparent 70%);filter:blur(20px);pointer-events:none;z-index:0}:where(.duas-hero) h1{background:linear-gradient(180deg,hsl(var(--foreground)) 0,hsl(var(--foreground)/.72) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(44px,6vw,68px)}:where(.duas-hero) p{font-size:20px;line-height:1.5;max-width:640px}:where(.duas-hero):after{content:"دُعَاء";position:absolute;top:50%;right:6%;transform:translateY(-50%);font-family:var(--font-amiri-quran),"Amiri",serif;font-size:clamp(96px,14vw,180px);color:hsl(var(--foreground));opacity:.05;direction:rtl;pointer-events:none;line-height:1;z-index:0}.dark :where(.duas-hero):after{opacity:.13}:where(.search-bar){background:hsl(var(--background)/.6);border-bottom-color:hsl(var(--separator)/.6)}:where(.search-field){height:46px;border-radius:14px;background:hsl(var(--surface)/.55);border:1px solid hsl(var(--separator)/.6);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.03),0 1px 2px rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;padding:0 16px}:where(.search-field):focus-within{border-color:hsl(var(--accent)/.5);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.05),0 0 0 4px hsl(var(--accent)/.14);background:hsl(var(--surface)/.85)}:where(.search-field) input{font-size:16px}.dark :where(.search-field){background:hsl(var(--surface)/.4);border-color:hsl(var(--separator)/.8)}:where(.container--narrow) .section h2,:where(.duas-hero)+* .section h2{position:relative;padding-left:14px;font-size:24px;margin-bottom:6px}:where(.container--narrow) .section h2:before,:where(.duas-hero)+* .section h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(180deg,hsl(var(--accent)),hsl(var(--accent)/.4))}:where(.container--narrow) .section p.section__caption{padding-left:14px;margin-bottom:24px}:where(.categories){gap:14px}:where(.cat).cat{position:relative;padding:22px 20px;background:linear-gradient(180deg,hsl(var(--surface)/.75) 0,hsl(var(--surface)/.45) 100%);border:1px solid hsl(var(--separator)/.55);border-radius:20px;box-shadow:inset 0 1px 0 hsl(var(--foreground)/.04),0 4px 14px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.02);overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .2s ease,background .2s ease}:where(.cat).cat:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,hsl(var(--accent)/0) 0,hsl(var(--accent)/.45) 50%,hsl(var(--accent)/0) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .26s ease;pointer-events:none}:where(.cat).cat:hover{transform:translateY(-3px);border-color:hsl(var(--separator));box-shadow:inset 0 1px 0 hsl(var(--foreground)/.06),0 14px 32px rgba(0,0,0,.06),0 4px 10px rgba(0,0,0,.04),0 0 0 4px hsl(var(--accent)/.06)}:where(.cat).cat:hover:before{opacity:1}:where(.cat).cat .cat__title{font-size:18px;font-weight:600;letter-spacing:-.01em;color:hsl(var(--foreground));transition:color .2s ease}:where(.cat).cat:hover .cat__title{color:hsl(var(--accent))}:where(.cat).cat .cat__count{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:hsl(var(--muted-foreground));margin-top:4px;font-variant-numeric:tabular-nums}.dark :where(.cat).cat{background:linear-gradient(180deg,hsl(var(--surface)/.7) 0,hsl(var(--surface)/.4) 100%);border-color:hsl(var(--separator)/.9);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.06),0 6px 18px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.25)}.dark :where(.cat).cat:hover{border-color:hsl(var(--accent)/.5);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.1),0 16px 40px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.35),0 0 0 4px hsl(var(--accent)/.14)}:where(.featured-list){gap:14px}:where(.dua).dua{background:linear-gradient(180deg,hsl(var(--surface)/.75) 0,hsl(var(--surface)/.45) 100%);border:1px solid hsl(var(--separator)/.55);border-radius:20px;box-shadow:inset 0 1px 0 hsl(var(--foreground)/.04),0 4px 14px rgba(0,0,0,.03);transition:box-shadow .24s ease,border-color .24s ease}:where(.dua).dua:hover{border-color:hsl(var(--separator));box-shadow:inset 0 1px 0 hsl(var(--foreground)/.06),0 8px 22px rgba(0,0,0,.05)}:where(.dua).dua[open]{border-color:hsl(var(--accent)/.4);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.06),0 12px 30px rgba(0,0,0,.06),0 0 0 4px hsl(var(--accent)/.08)}:where(.dua).dua>summary{padding:22px 24px}:where(.dua).dua .dua__title{font-size:18px}:where(.dua).dua .dua__source{display:inline-block;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:500;color:hsl(var(--accent));background:hsl(var(--accent)/.1);border:1px solid hsl(var(--accent)/.2);border-radius:999px}:where(.dua).dua .dua__body{padding:12px 28px 28px;gap:20px}:where(.dua).dua .dua__arabic{font-size:clamp(26px,3.6vw,38px);line-height:2.2;padding:20px 24px;background:linear-gradient(180deg,hsl(var(--accent)/.06) 0,hsl(var(--accent)/.02) 100%);border:1px solid hsl(var(--accent)/.12);border-radius:16px}.dark :where(.dua).dua .dua__arabic{background:linear-gradient(180deg,hsl(var(--accent)/.09) 0,hsl(var(--accent)/.03) 100%);border-color:hsl(var(--accent)/.2)}:where(.dua).dua .dua__translit{font-size:16px;line-height:1.6;padding:0 4px}:where(.dua).dua .dua__translation{font-size:18px;line-height:1.55;padding:0 4px;color:hsl(var(--foreground))}:where(.dua).dua .dua__cite{font-size:12px;color:hsl(var(--muted-foreground));padding-top:12px;border-top:1px dashed hsl(var(--separator)/.6)}.dark :where(.dua).dua{background:linear-gradient(180deg,hsl(var(--surface)/.7) 0,hsl(var(--surface)/.4) 100%);border-color:hsl(var(--separator)/.9);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.06),0 6px 18px rgba(0,0,0,.35)}.dark :where(.dua).dua[open]{border-color:hsl(var(--accent)/.5);box-shadow:inset 0 1px 0 hsl(var(--foreground)/.1),0 14px 36px rgba(0,0,0,.55),0 0 0 4px hsl(var(--accent)/.15)}:where(.dua).dua[open] .dua__body{animation:dua-reveal .32s cubic-bezier(.22,1,.36,1)}@keyframes dua-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:where(.dua).dua[open] .dua__body{animation:none}}