.sajdah-mark.svelte-7cvmsq{top:var(--mark-offset);z-index:1;border-radius:var(--radius-full);background:color-mix(in oklab, var(--color-ink-900) 62%, transparent);width:1.875rem;height:1.875rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-300) 45%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-gold-200);cursor:help;transition:box-shadow var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-start:var(--mark-offset)}.sajdah-mark.svelte-7cvmsq:hover,.sajdah-mark.svelte-7cvmsq:focus-visible{box-shadow:inset 0 0 0 1px var(--color-gold-200)}:root:not(.dark):not([data-theme=dark]) .sajdah-mark.svelte-7cvmsq{background:color-mix(in oklab, var(--color-ink-50) 78%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-500) 55%, transparent);color:var(--color-gold-700)}.sajdah-mark.mark-sm.svelte-7cvmsq{width:1.375rem;height:1.375rem}.mark-sm.svelte-7cvmsq .sajdah-icon:where(.svelte-7cvmsq){width:.8125rem;height:.8125rem}.sajdah-icon.svelte-7cvmsq{width:1.0625rem;height:1.0625rem;display:block}.sajdah-icon.svelte-7cvmsq svg,.tip-icon.svelte-7cvmsq svg{display:block}.tip-head.svelte-7cvmsq{align-items:baseline;gap:.5rem;display:flex}.tip-icon.svelte-7cvmsq{width:1rem;height:1rem;color:var(--fg-gold-text);align-self:center}.tip-title.svelte-7cvmsq{font-family:var(--font-latin-serif);color:var(--fg-1);font-size:.9375rem;font-weight:600}.tip-ar.svelte-7cvmsq{font-family:var(--font-quran);color:var(--fg-gold-text);font-size:1rem;line-height:1}.tip-body.svelte-7cvmsq{font-size:var(--text-caption);line-height:1.45}.tip-body.svelte-7cvmsq strong:where(.svelte-7cvmsq){color:var(--fg-1);font-weight:600}.tip-foot.svelte-7cvmsq{border-top:1px solid var(--border-1);font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-gold-text);margin-top:.125rem;padding-top:.3125rem}.num.svelte-dwfq35{top:var(--num-offset);z-index:1;border-radius:var(--radius-sm);min-width:1.75rem;font-family:var(--font-latin-serif);font-variant-numeric:lining-nums tabular-nums;color:var(--color-gold-100);text-align:end;text-shadow:0 1px 2px color-mix(in srgb, var(--color-ink-900) 85%, transparent), 0 0 10px color-mix(in srgb, var(--color-ink-900) 60%, transparent);cursor:help;padding:.125rem .25rem;font-size:.9375rem;font-weight:500;line-height:1;position:absolute;inset-inline-end:calc(var(--num-offset) + .125rem)}.num.svelte-dwfq35:hover{color:#fffdf7}:root:not(.dark):not([data-theme=dark]) .num.svelte-dwfq35{color:var(--color-ink-800);text-shadow:0 0 2px var(--color-ink-50), 0 0 10px color-mix(in srgb, var(--color-ink-50) 85%, transparent)}:root:not(.dark):not([data-theme=dark]) .num.svelte-dwfq35:hover{color:var(--color-ink-900)}.head.svelte-dwfq35{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem .875rem .625rem;display:flex}.head-text.svelte-dwfq35{flex-direction:column;min-width:0;display:flex}.kicker.svelte-dwfq35{font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-gold-text)}.name.svelte-dwfq35{font-family:var(--font-latin-serif);color:var(--fg-1);margin-top:.125rem;font-size:1.125rem;font-weight:600;line-height:1.2}.translation.svelte-dwfq35{font-family:var(--font-latin-serif);font-size:var(--text-caption);color:var(--fg-3);font-style:italic}.head-ar.svelte-dwfq35{font-family:var(--font-quran);color:var(--fg-gold-text);flex-shrink:0;padding-top:.25rem;font-size:1.75rem;line-height:1.1}.stats.svelte-dwfq35{border-block:1px solid var(--border-1);grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;display:grid}.stats.svelte-dwfq35+.theme:where(.svelte-dwfq35),.fact.svelte-dwfq35+.theme:where(.svelte-dwfq35){border-top:0}.stat.svelte-dwfq35{flex-direction:column;align-items:center;padding:.375rem .25rem .3125rem;display:flex}.stat.svelte-dwfq35+.stat:where(.svelte-dwfq35){border-inline-start:1px solid var(--border-1)}.stat.svelte-dwfq35 b:where(.svelte-dwfq35){font-family:var(--font-latin-serif);font-variant-numeric:lining-nums tabular-nums;color:var(--fg-1);font-size:1rem;font-weight:600;line-height:1.2}.stat.svelte-dwfq35 small:where(.svelte-dwfq35){font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.fact.svelte-dwfq35{border-bottom:1px solid var(--border-1);font-size:var(--text-caption);color:var(--fg-3);justify-content:space-between;align-items:center;gap:.75rem;padding:.375rem .875rem;display:flex}.fact.svelte-dwfq35 b:where(.svelte-dwfq35){color:var(--fg-1);font-weight:600}.fact.svelte-dwfq35 .fact-ar:where(.svelte-dwfq35){font-family:var(--font-quran);color:var(--fg-gold-text);font-size:1.375rem;font-weight:400;line-height:1.6}.theme.svelte-dwfq35{border-top:1px solid var(--border-1);font-family:var(--font-latin-serif);font-size:var(--text-caption);color:var(--fg-2);padding:.5rem .875rem .75rem;font-style:italic;line-height:1.45}.card-actions.svelte-m1f41q{inset-inline:0;background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--color-ink-900) 72%, transparent) 70%);pointer-events:none;border-end-end-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg);justify-content:center;align-items:center;gap:.375rem;padding:2.75rem .5rem .625rem;display:flex;position:absolute;bottom:0}.act.svelte-m1f41q{border-radius:var(--radius-full);background:color-mix(in oklab, var(--color-ink-900) 55%, transparent);width:2rem;height:2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-300) 45%, transparent);color:var(--color-gold-100);cursor:pointer;pointer-events:auto;transition:background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.act.svelte-m1f41q:hover{background:color-mix(in oklab, var(--color-ink-900) 80%, transparent);box-shadow:inset 0 0 0 1px var(--color-gold-300)}.act.svelte-m1f41q:active{scale:.94}@media (hover:none),(pointer:coarse){.act.svelte-m1f41q{position:relative}}.act-play.svelte-m1f41q{background:var(--color-primary-solid);width:2.5rem;height:2.5rem;box-shadow:0 4px 14px color-mix(in srgb, var(--color-ink-900) 45%, transparent);color:var(--color-primary-solid-foreground)}.act-play.svelte-m1f41q:hover{background:var(--color-teal-700);box-shadow:0 4px 14px color-mix(in srgb, var(--color-ink-900) 55%, transparent)}.narrow.svelte-m1f41q .act:where(.svelte-m1f41q){width:1.75rem;height:1.75rem}.narrow.svelte-m1f41q .act-play:where(.svelte-m1f41q){width:2.25rem;height:2.25rem}.narrow.svelte-m1f41q{padding-top:2rem;padding-bottom:.375rem}:root:not(.dark):not([data-theme=dark]) .card-actions.svelte-m1f41q:not(.rail){background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--color-ink-50) 70%, transparent) 70%)}:root:not(.dark):not([data-theme=dark]) .act.svelte-m1f41q:not(.act-play){background:color-mix(in oklab, var(--color-ink-50) 78%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-500) 50%, transparent);color:var(--color-ink-800)}:root:not(.dark):not([data-theme=dark]) .act.svelte-m1f41q:not(.act-play):hover{background:var(--color-ink-50);box-shadow:inset 0 0 0 1px var(--color-gold-500)}:root:not(.dark):not([data-theme=dark]) .act-play.svelte-m1f41q{box-shadow:0 4px 12px color-mix(in srgb, var(--color-teal-900) 30%, transparent)}.card-actions.rail.svelte-m1f41q{background:0 0;border-radius:0;padding:0;position:static}@property --lit-glint{syntax:"<angle>";inherits:false;initial-value:0deg}.lit.svelte-radygi{--band:color-mix(in oklab, var(--color-gold-300) 60%, transparent);--glint-tail:var(--color-gold-300);--glint-head:#fff6dc;--breath-from:0 6px 16px -6px color-mix(in oklab, var(--color-ink-900) 35%, transparent), 0 0 12px 0 color-mix(in oklab, var(--color-gold-400) 30%, transparent);--breath-to:0 12px 26px -8px color-mix(in oklab, var(--color-ink-900) 40%, transparent), 0 0 24px 2px color-mix(in oklab, var(--color-gold-400) 50%, transparent);z-index:2;border-radius:var(--lit-radius);pointer-events:none;animation:2.8s ease-in-out infinite alternate svelte-radygi-lit-breath;position:absolute;inset:0}:root:not(.dark):not([data-theme=dark]) .lit.svelte-radygi{--band:var(--color-gold-500);--glint-tail:var(--color-gold-300);--glint-head:#fffdf5}.dark .lit.svelte-radygi,[data-theme=dark] .lit.svelte-radygi{--breath-from:0 0 10px 0 color-mix(in oklab, var(--color-gold-300) 22%, transparent);--breath-to:0 0 22px 2px color-mix(in oklab, var(--color-gold-300) 42%, transparent)}.lit.svelte-radygi:before{content:"";border-radius:inherit;background:conic-gradient(from var(--lit-glint), var(--band) 0deg 220deg, var(--glint-tail) 310deg, var(--glint-head) 354deg, var(--band) 360deg);padding:2px;animation:3.6s linear infinite svelte-radygi-lit-glint;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes svelte-radygi-lit-glint{to{--lit-glint:360deg}}@keyframes svelte-radygi-lit-breath{0%{box-shadow:var(--breath-from)}to{box-shadow:var(--breath-to)}}@media (prefers-reduced-motion:reduce){.lit.svelte-radygi{box-shadow:var(--breath-to);animation:none}.lit.svelte-radygi:before{background:var(--band);animation:none}}.plate.svelte-1dkyggn{height:5.75rem;position:relative;container-type:inline-size}.art.svelte-1dkyggn{isolation:isolate;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.layer.svelte-1dkyggn{position:absolute;inset:0}.bloom.svelte-1dkyggn{background:radial-gradient(34% 120% at var(--bx) 108%, color-mix(in oklab, var(--color-gold-200) 70%, transparent) 0%, color-mix(in oklab, var(--color-gold-500) 24%, transparent) 45%, transparent 72%)}[dir=rtl] .bloom.svelte-1dkyggn{--bx:30%}.skyline.svelte-1dkyggn{bottom:0;object-fit:contain;object-position:bottom;filter:saturate(.74)contrast(1.06)brightness(.9);width:auto;max-width:72%;height:100%;position:absolute;inset-inline-end:.25rem;-webkit-mask-image:linear-gradient(270deg,#000 55%,#0000 100%);mask-image:linear-gradient(270deg,#000 55%,#0000 100%)}[dir=rtl] .skyline.svelte-1dkyggn{-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000 100%);mask-image:linear-gradient(90deg,#000 55%,#0000 100%)}.fade.svelte-1dkyggn{background:linear-gradient(to top, var(--color-ink-900) 0%, color-mix(in oklab, var(--color-ink-900) 70%, transparent) 10%, transparent 42%)}.vignette.svelte-1dkyggn{background:radial-gradient(120% 160% at 30% 40%, transparent 55%, color-mix(in oklab, var(--color-ink-900) 55%, transparent) 100%)}.hairline.svelte-1dkyggn{transition:box-shadow var(--duration-normal) var(--ease-out)}.plate.svelte-1dkyggn:hover .hairline:where(.svelte-1dkyggn){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-300) 70%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-gold-100) 24%, transparent)}.main.svelte-1dkyggn{border-radius:inherit;text-align:start;cursor:pointer;align-items:center;gap:.875rem;width:100%;height:100%;padding-inline:.5rem 1rem;display:flex;position:relative}.glyph-slot.svelte-1dkyggn{flex-shrink:0;justify-content:center;align-items:center;width:7.5rem;display:flex}.gold-leaf.svelte-1dkyggn{white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.v-plate.svelte-1dkyggn .glyph-slot:where(.svelte-1dkyggn){flex-direction:column;gap:.125rem}.v-plate.svelte-1dkyggn .glyph-slot:where(.svelte-1dkyggn) .glyph:where(.svelte-1dkyggn){font-size:2.625rem}.glyph-latin.svelte-1dkyggn{max-width:100%;font-family:var(--font-latin-serif);letter-spacing:.02em;color:var(--color-gold-100);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px color-mix(in srgb, var(--color-ink-900) 85%, transparent), 0 0 10px color-mix(in srgb, var(--color-ink-900) 60%, transparent);font-size:.875rem;font-weight:500;line-height:1.15;overflow:hidden}.glyph.svelte-1dkyggn{font-family:SurahNames,surahnames,serif;font-size:3.125rem;translate:-.14em}.glyph-fallback.svelte-1dkyggn{font-family:var(--font-quran);font-size:1.875rem}.actions.svelte-1dkyggn{bottom:.5rem;z-index:1;position:absolute;inset-inline-end:.5rem}@container (width<24rem){.glyph-slot.svelte-1dkyggn{width:5.25rem}.glyph.svelte-1dkyggn{font-size:2.25rem}.glyph-fallback.svelte-1dkyggn{font-size:1.375rem}.main.svelte-1dkyggn{gap:.625rem}}.v-plate.svelte-1dkyggn .glyph-slot:where(.svelte-1dkyggn){width:6.75rem}.v-plate.svelte-1dkyggn .actions:where(.svelte-1dkyggn){justify-content:center;display:flex;inset-inline:7.25rem 0}.plate.compact.svelte-1dkyggn{height:2.5rem}.v-plate.compact.svelte-1dkyggn .main:where(.svelte-1dkyggn){gap:.5rem;padding-inline:2rem 0}.plate.v-plate.plate-shell.compact.svelte-1dkyggn .num{top:50%;width:2rem;min-width:0;color:var(--color-muted-foreground);text-align:center;text-shadow:none;padding:0;font-size:.8125rem;inset-inline:0 auto;translate:0 -50%}.plate.v-plate.plate-shell.compact.is-active.svelte-1dkyggn .num{color:var(--color-primary)}.v-plate.compact.svelte-1dkyggn .sajdah-mark{top:calc(50% - .6875rem);inset-inline:auto 4.5rem}.v-plate.compact.svelte-1dkyggn .glyph-slot:where(.svelte-1dkyggn){flex-direction:row;gap:0;width:5.5rem}.v-plate.compact.svelte-1dkyggn .glyph-slot:where(.svelte-1dkyggn) .glyph:where(.svelte-1dkyggn){font-size:1.625rem}.v-plate.compact.svelte-1dkyggn .glyph-fallback:where(.svelte-1dkyggn){font-size:1.25rem}.v-plate.compact.svelte-1dkyggn .glyph-latin:where(.svelte-1dkyggn){letter-spacing:0;flex:1;min-width:0;font-size:.9375rem;font-weight:600}.v-plate.compact.svelte-1dkyggn .skyline:where(.svelte-1dkyggn){max-width:4.25rem}.v-plate.compact.svelte-1dkyggn .actions:where(.svelte-1dkyggn){display:none}.v-plate.plate.plate-shell.compact.svelte-1dkyggn{border-radius:var(--radius-md);box-shadow:none;transition:background-color var(--duration-normal) var(--ease-out);translate:none}.v-plate.plate.plate-shell.compact.svelte-1dkyggn:hover,.v-plate.plate.plate-shell.compact.svelte-1dkyggn:focus-within{background:var(--color-secondary)}.v-plate.plate.plate-shell.compact.is-active.svelte-1dkyggn{background:color-mix(in srgb, var(--color-primary) 9%, transparent)}.v-plate.compact.svelte-1dkyggn .layer:where(.svelte-1dkyggn),:root:not(.dark):not([data-theme=dark]) .v-plate.compact.svelte-1dkyggn .day:where(.svelte-1dkyggn){display:none}.v-plate.compact.svelte-1dkyggn .glyph-latin:where(.svelte-1dkyggn){color:var(--color-foreground);text-shadow:none}.v-plate.compact.is-active.svelte-1dkyggn .glyph-latin:where(.svelte-1dkyggn){color:var(--color-primary);font-weight:600}.ribbon.svelte-1dkyggn{top:0;z-index:1;pointer-events:none;color:var(--color-ink-900);background:linear-gradient(var(--color-gold-300), var(--color-gold-400));box-shadow:0 2px 6px -2px color-mix(in srgb, var(--color-ink-900) 50%, transparent);align-items:center;display:inline-flex;position:absolute;inset-inline-start:7.25rem}.ribbon-today.svelte-1dkyggn{letter-spacing:.08em;text-transform:uppercase;border-radius:0 0 .3rem .3rem;padding:.125rem .5rem .1875rem;font-size:.625rem;font-weight:700;line-height:1.2}.ribbon-heard.svelte-1dkyggn{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);justify-content:center;width:1.125rem;height:1.375rem;padding-bottom:.25rem}.day.svelte-1dkyggn{display:none}:root:not(.dark):not([data-theme=dark]) .day.svelte-1dkyggn{display:block}:root:not(.dark):not([data-theme=dark]) .night.svelte-1dkyggn{display:none}:root:not(.dark):not([data-theme=dark]) .bloom.svelte-1dkyggn{background:radial-gradient(34% 120% at var(--bx) 108%, oklab(99.3391% -.00096494 .0106876/.8) 0%, color-mix(in oklab, var(--color-gold-200) 26%, transparent) 45%, transparent 72%)}:root:not(.dark):not([data-theme=dark]) .skyline.svelte-1dkyggn{filter:saturate(.95)contrast(1.1)brightness(.93)}:root:not(.dark):not([data-theme=dark]) .fade.svelte-1dkyggn{background:linear-gradient(to top, var(--color-ink-150) 0%, color-mix(in oklab, var(--color-ink-150) 70%, transparent) 10%, transparent 42%)}:root:not(.dark):not([data-theme=dark]) .vignette.svelte-1dkyggn{background:radial-gradient(120% 160% at 30% 40%, transparent 60%, color-mix(in oklab, var(--color-ink-500) 16%, transparent) 100%)}:root:not(.dark):not([data-theme=dark]) .plate.svelte-1dkyggn:hover .hairline:where(.svelte-1dkyggn){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-500) 80%, transparent), inset 0 1px 0 #fffdf7b3}:root:not(.dark):not([data-theme=dark]) .glyph-latin.svelte-1dkyggn{color:var(--color-ink-800);text-shadow:0 0 2px var(--color-ink-50), 0 0 10px color-mix(in srgb, var(--color-ink-50) 85%, transparent)}