.c-wrap.svelte-cjrzgt{transition:translate var(--duration-normal) var(--ease-out);position:relative}.c-lit.svelte-cjrzgt,.c-actions-box.svelte-cjrzgt{inset-inline:0;aspect-ratio:1;pointer-events:none;position:absolute;top:0}.c-wrap.svelte-cjrzgt:hover{translate:0 -2px}@media (prefers-reduced-motion:reduce){.c-wrap.svelte-cjrzgt:hover,.c-actions-box.svelte-cjrzgt{transition:opacity var(--duration-normal) var(--ease-out);translate:none}}.c-card.svelte-cjrzgt{flex-direction:column;display:flex}.art.svelte-15cqi2m{isolation:isolate;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.layer.svelte-15cqi2m{position:absolute;inset:0}.bloom.svelte-15cqi2m{background:radial-gradient(130% 42% at 50% 104%, color-mix(in oklab, var(--color-gold-200) 70%, transparent) 0%, color-mix(in oklab, var(--color-gold-500) 24%, transparent) 45%, transparent 72%)}.skyline.svelte-15cqi2m{object-fit:cover;object-position:50% 100%;filter:saturate(.74)contrast(1.06)brightness(.9);width:100%;height:30%;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 45%);mask-image:linear-gradient(#0000 0%,#000 45%)}.wide.svelte-15cqi2m .skyline:where(.svelte-15cqi2m){object-fit:contain;height:38%}.fade.svelte-15cqi2m{background:linear-gradient(to top, var(--color-ink-900) 0%, color-mix(in oklab, var(--color-ink-900) 70%, transparent) 5%, transparent 22%)}.vignette.svelte-15cqi2m{background:linear-gradient(to right, color-mix(in oklab, var(--color-ink-900) 45%, transparent), transparent 20%, transparent 80%, color-mix(in oklab, var(--color-ink-900) 50%, transparent)), radial-gradient(160% 120% at 50% 40%, transparent 55%, color-mix(in oklab, var(--color-ink-900) 45%, transparent) 100%)}.num.svelte-15cqi2m{top:.45rem;font-family:var(--font-mono,ui-monospace);text-align:center;color:var(--color-gold-200);opacity:.85;font-size:.625rem;line-height:1;position:absolute;inset-inline:0}.face.svelte-15cqi2m{writing-mode:vertical-rl;text-orientation:sideways;justify-content:center;align-items:center;gap:.2rem;display:flex;position:absolute;inset:1.35rem 0 .75rem;overflow:hidden}.wide.svelte-15cqi2m .face:where(.svelte-15cqi2m){writing-mode:horizontal-tb;flex-direction:column;gap:.15rem;inset:1.5rem .35rem auto}.headroom.svelte-15cqi2m .face:where(.svelte-15cqi2m){top:var(--spine-head,2.25rem)}.headroom.svelte-15cqi2m:not(.wide) .face:where(.svelte-15cqi2m){bottom:var(--spine-foot,.75rem)}.gold-leaf.svelte-15cqi2m{white-space:nowrap;line-height:1}.glyph.svelte-15cqi2m{font-family:SurahNames,surahnames,serif;translate:0 -.14em}.wide.svelte-15cqi2m .glyph:where(.svelte-15cqi2m){translate:-.14em}.glyph-fallback.svelte-15cqi2m{font-family:var(--font-quran);font-size:1.25rem}.wide.svelte-15cqi2m .glyph-fallback:where(.svelte-15cqi2m){font-size:1.5rem;line-height:1.4}.latin.svelte-15cqi2m{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:.75rem;font-weight:500;line-height:1.15;overflow:hidden}.wide.svelte-15cqi2m .latin:where(.svelte-15cqi2m){font-size:var(--spine-latin,.75rem)}.day.svelte-15cqi2m{display:none}:root:not(.dark):not([data-theme=dark]) .day.svelte-15cqi2m{display:block}:root:not(.dark):not([data-theme=dark]) .night.svelte-15cqi2m{display:none}:root:not(.dark):not([data-theme=dark]) .bloom.svelte-15cqi2m{background:radial-gradient(130% 42% at 50% 104%, 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-15cqi2m{filter:saturate(.95)contrast(1.1)brightness(.93)}:root:not(.dark):not([data-theme=dark]) .fade.svelte-15cqi2m{background:linear-gradient(to top, var(--color-ink-150) 0%, color-mix(in oklab, var(--color-ink-150) 70%, transparent) 5%, transparent 22%)}:root:not(.dark):not([data-theme=dark]) .vignette.svelte-15cqi2m{background:linear-gradient(to right, color-mix(in oklab, var(--color-ink-500) 18%, transparent), transparent 20%, transparent 80%, color-mix(in oklab, var(--color-ink-500) 22%, transparent)), radial-gradient(160% 120% at 50% 40%, transparent 60%, color-mix(in oklab, var(--color-ink-500) 16%, transparent) 100%)}:root:not(.dark):not([data-theme=dark]) .num.svelte-15cqi2m{color:var(--color-gold-800)}:root:not(.dark):not([data-theme=dark]) .latin.svelte-15cqi2m{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)}.vplate.svelte-qi4h8x{width:100%;min-width:var(--vw);height:var(--vh,13rem);position:relative}.main.svelte-qi4h8x{border-radius:inherit;cursor:pointer;position:absolute;inset:0}.actions.svelte-qi4h8x{inset-inline:0;z-index:1;justify-content:center;display:flex;position:absolute;bottom:.5rem}.vplate.narrow.svelte-qi4h8x{--spine-head:2rem;--spine-foot:4.75rem;height:var(--vh,15rem)}.vplate.narrow.has-sajdah.svelte-qi4h8x{--spine-head:3.5rem}.vplate.narrow.svelte-qi4h8x .num{text-align:center;width:fit-content;margin-inline:auto;inset-inline:0}.vplate.narrow.svelte-qi4h8x .sajdah-mark{top:1.9rem;margin-inline:auto;inset-inline:0}.vplate.narrow.svelte-qi4h8x .actions:where(.svelte-qi4h8x) .card-actions{flex-direction:column}.case.svelte-13vr3rb{--row:17rem;--board:1.25rem;border-radius:var(--radius-lg);background:repeating-linear-gradient(to bottom, transparent 0 var(--row), var(--color-gold-700) var(--row) calc(var(--row) + 1px), #3a2717 calc(var(--row) + 1px) calc(var(--row) + .35rem), #24170d calc(var(--row) + .35rem) calc(var(--row) + var(--board))) 0 .75rem / 100% calc(var(--row) + var(--board)), radial-gradient(90% 60% at 50% 0%, color-mix(in oklab, var(--color-gold-300) 10%, transparent), transparent 70%), linear-gradient(to bottom, #120d09, #1b140e);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-500) 30%, transparent), inset 0 18px 40px -20px #000, 0 20px 50px -30px #000;padding:.75rem 1.25rem 0;position:relative}.shelf.svelte-13vr3rb{align-items:flex-end;column-gap:3px;row-gap:var(--board);flex-wrap:wrap;display:flex}.slot.svelte-13vr3rb{height:var(--row);align-items:flex-end;display:flex}.book.svelte-13vr3rb{isolation:isolate;width:100%;display:block;position:relative}.filler.svelte-13vr3rb{flex:1000 1 0}.ribbon.svelte-13vr3rb{top:calc(100% - .2rem);background:linear-gradient(var(--color-gold-300), var(--color-gold-500));clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);z-index:1;width:.3rem;height:.95rem;position:absolute;inset-inline-start:28%}.bookmark.svelte-13vr3rb{bottom:calc(100% - .4rem);background:linear-gradient(var(--color-teal-400,#2fb5a8), var(--color-teal-600,#13786f));width:.55rem;height:1.6rem;box-shadow:0 0 10px color-mix(in srgb, var(--color-teal-300,#5fd3c7) 60%, transparent);z-index:-1;animation:svelte-13vr3rb-bob 3.2s var(--ease-out) infinite;border-radius:2px 2px 0 0;position:absolute;inset-inline-end:22%}.bookmark-today.svelte-13vr3rb{opacity:.85;height:1rem;animation:none}@keyframes svelte-13vr3rb-bob{50%{translate:0 -.2rem}}.pulled.svelte-13vr3rb{width:100%;animation:svelte-13vr3rb-pull .42s var(--ease-out);margin-bottom:.25rem;padding-inline:.5rem}@keyframes svelte-13vr3rb-pull{0%{opacity:0;transform:perspective(700px)rotateY(-70deg)scale(.7)}}[dir=rtl] .pulled.svelte-13vr3rb{animation-name:svelte-13vr3rb-pull-rtl}@keyframes svelte-13vr3rb-pull-rtl{0%{opacity:0;transform:perspective(700px)rotateY(70deg)scale(.7)}}@media (prefers-reduced-motion:reduce){.pulled.svelte-13vr3rb,.bookmark.svelte-13vr3rb{animation:none}}:root:not(.dark):not([data-theme=dark]) .case.svelte-13vr3rb{background:repeating-linear-gradient(to bottom, transparent 0 var(--row), #fff8ea var(--row) calc(var(--row) + 1px), #d9b98c calc(var(--row) + 1px) calc(var(--row) + .35rem), #b8915f calc(var(--row) + .35rem) calc(var(--row) + var(--board))) 0 .75rem / 100% calc(var(--row) + var(--board)), linear-gradient(to bottom, #efe3cf, #f6eddd);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold-500) 35%, transparent), inset 0 18px 40px -24px color-mix(in srgb, var(--color-gold-800) 50%, transparent), 0 20px 50px -34px color-mix(in srgb, var(--color-gold-800) 60%, transparent)}.plate-list.svelte-3xbom9{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.75rem 1rem;padding-top:.75rem;display:grid}