.surah.svelte-cjrzgt{position:relative;overflow:hidden;display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:var(--space-3);height:100%;min-height:4.5rem;padding:var(--space-3) var(--space-4);color:var(--color-primary-medium);text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.surah.svelte-cjrzgt:hover{border-color:var(--accent);box-shadow:var(--shadow-2);text-decoration:none}.surah.svelte-cjrzgt:active{transform:scale(.985)}.num.svelte-cjrzgt{display:grid;place-items:center;width:2.6rem;height:2.6rem;clip-path:polygon(50% 0%,63.4% 15%,85% 15%,85% 36.6%,100% 50%,85% 63.4%,85% 85%,63.4% 85%,50% 100%,36.6% 85%,15% 85%,15% 63.4%,0% 50%,15% 36.6%,15% 15%,36.6% 15%);background:var(--green-soft);color:var(--green-ink);font-family:var(--font-display);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.surah.svelte-cjrzgt:hover .num:where(.svelte-cjrzgt){background:var(--accent);color:var(--accent-contrast)}.names.svelte-cjrzgt{display:flex;flex-direction:column;min-width:0;line-height:var(--leading-snug)}.name.svelte-cjrzgt{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-lg)}.meaning.svelte-cjrzgt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side.svelte-cjrzgt{display:flex;flex-direction:column;align-items:flex-end;text-align:end;line-height:var(--leading-snug)}.side.svelte-cjrzgt .ar-name:where(.svelte-cjrzgt){color:var(--green-ink);font-size:var(--ar-name-md);line-height:1.3}.meta.svelte-cjrzgt{font-size:var(--text-xs)}.memo.svelte-cjrzgt{position:absolute;inset-inline:0;inset-block-end:0;height:3px;background:var(--color-background-elevated)}.memo-fill.svelte-cjrzgt{display:block;height:100%;background:var(--green-gradient)}.votd.svelte-1l9xxtu{padding:var(--space-5) var(--space-6);display:grid;gap:var(--space-3);border-color:var(--gold-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--gold-soft) 45%,var(--color-background-default)) 0%,var(--color-background-default) 40%)}.votd.svelte-1l9xxtu .eyebrow:where(.svelte-1l9xxtu){text-align:center}.votd.svelte-1l9xxtu .arabic:where(.svelte-1l9xxtu){text-align:center;font-size:calc(var(--ar-size) * .95)}.votd.svelte-1l9xxtu .translation:where(.svelte-1l9xxtu){font-family:var(--font-display);font-size:calc(var(--tr-size) * 1.08);text-align:center}.ref.svelte-1l9xxtu{text-align:center}.view-card.svelte-1l9xxtu{display:inline-flex;align-items:center;gap:4px;align-self:center;color:var(--color-text-faded)}.ref.svelte-1l9xxtu{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.actions.svelte-1l9xxtu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3)}.readnow.svelte-1815tp2{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label ar" "what ar" "why cta";gap:.2rem var(--space-4);padding:var(--space-4) var(--space-5);height:100%;color:var(--color-primary-medium);text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.readnow.svelte-1815tp2:hover{text-decoration:none;border-color:var(--accent);box-shadow:var(--shadow-2)}.eyebrow.svelte-1815tp2{grid-area:label}.what.svelte-1815tp2{grid-area:what;font-size:var(--text-xl);font-weight:var(--weight-bold)}.why.svelte-1815tp2{grid-area:why;align-self:center}.ar.svelte-1815tp2{grid-area:ar;align-self:center;color:var(--green-ink)}.cta.svelte-1815tp2{grid-area:cta;justify-self:end;align-self:end}.hero.svelte-1uha8ag{display:grid;gap:var(--space-6);padding-block:var(--space-5) var(--space-4)}.hero-text.svelte-1uha8ag{display:grid;gap:var(--space-3);align-content:start}.hero-text.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:calc(var(--text-4xl) * 1.15);font-weight:var(--weight-semibold)}.basmalah.svelte-1uha8ag{font-size:var(--ar-name-lg);line-height:1.6;color:var(--green-ink);text-align:center;margin-block-end:calc(-1 * var(--space-1))}.hero-text.svelte-1uha8ag .eyebrow:where(.svelte-1uha8ag){margin-block-start:var(--space-2)}.lede.svelte-1uha8ag{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-faded);max-width:34rem}.hero-jump.svelte-1uha8ag{margin-block-start:var(--space-1)}.hint.svelte-1uha8ag{margin-block-start:calc(-1 * var(--space-1))}.stats.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin-block-start:var(--space-2);color:var(--color-text-faded);font-family:var(--font-display);font-size:var(--text-md)}.stats.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--color-primary-medium);font-weight:var(--weight-semibold)}.sep.svelte-1uha8ag{color:var(--gold)}.hero-cards.svelte-1uha8ag{display:grid;gap:var(--space-4);align-content:start;container-type:inline-size}.duo.svelte-1uha8ag{display:grid;gap:var(--space-4)}@container (min-width: 36rem){.duo.svelte-1uha8ag{grid-template-columns:1fr 1fr}.duo.svelte-1uha8ag>*:only-child{grid-column:1 / -1}}@media(min-width:1025px){.hero.svelte-1uha8ag{grid-template-columns:1fr 1.1fr;align-items:start;padding-block:var(--space-10) var(--space-6)}.hero-text.svelte-1uha8ag{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-6))}}.browse.svelte-1uha8ag{padding-block:var(--space-6)}.toolbar.svelte-1uha8ag{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4)}.toolbar.svelte-1uha8ag h2:where(.svelte-1uha8ag){flex:1 0 100%;font-size:var(--text-2xl);display:flex;align-items:center;gap:var(--space-3)}.toolbar.svelte-1uha8ag h2:where(.svelte-1uha8ag):after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--gold) 0%,transparent 100%);opacity:.6}.search.svelte-1uha8ag{position:relative;flex:1 1 16rem;display:flex;align-items:center}.search.svelte-1uha8ag svg{position:absolute;inset-inline-start:14px;color:var(--color-text-faded);pointer-events:none}.search.svelte-1uha8ag .input:where(.svelte-1uha8ag){padding-inline-start:40px;border-radius:var(--radius-full)}.grid.svelte-1uha8ag{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));grid-auto-rows:1fr}.grid.svelte-1uha8ag>li:where(.svelte-1uha8ag){min-width:0}.empty.svelte-1uha8ag{padding-block:var(--space-8);text-align:center}.div.svelte-1uha8ag{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:var(--space-3);height:100%;min-height:4.5rem;padding:var(--space-3) var(--space-4);color:var(--color-primary-medium);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.div.svelte-1uha8ag:hover{text-decoration:none;border-color:var(--accent);box-shadow:var(--shadow-2)}.num.svelte-1uha8ag{display:grid;place-items:center;width:2.6rem;height:2.6rem;clip-path:polygon(50% 0%,63.4% 15%,85% 15%,85% 36.6%,100% 50%,85% 63.4%,85% 85%,63.4% 85%,50% 100%,36.6% 85%,15% 85%,15% 63.4%,0% 50%,15% 36.6%,15% 15%,36.6% 15%);background:var(--green-soft);color:var(--green-ink);font-family:var(--font-display);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;font-size:var(--text-sm)}.names.svelte-1uha8ag{display:flex;flex-direction:column;min-width:0;line-height:var(--leading-snug)}.name.svelte-1uha8ag{font-weight:var(--weight-semibold)}.page-form.svelte-1uha8ag{display:grid;gap:var(--space-1);max-width:24rem;margin-block-end:var(--space-5)}.page-row.svelte-1uha8ag{display:flex;gap:var(--space-2)}.pages.svelte-1uha8ag{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(3.2rem,1fr));gap:var(--space-1)}.pages.svelte-1uha8ag a:where(.svelte-1uha8ag){display:grid;place-items:center;min-height:var(--control-h);border-radius:var(--radius-sm);background:var(--color-background-default);border:1px solid var(--color-borders-hairline);color:var(--color-text-faded);font-variant-numeric:tabular-nums;font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pages.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{border-color:var(--accent);color:var(--color-primary-medium);text-decoration:none}