.track.svelte-162f542{border-bottom:1px solid var(--border-1);transition:background-color var(--duration-normal) var(--ease-out);align-items:center;display:flex;position:relative}.track.svelte-162f542:hover{background:color-mix(in srgb, var(--color-foreground) calc(var(--state-hover) * 100%), transparent)}.track.svelte-162f542:active{background:color-mix(in srgb, var(--color-foreground) calc(var(--state-press) * 100%), transparent)}.track.svelte-162f542:active .track-link:where(.svelte-162f542){translate:0 1px}.track-active.svelte-162f542{background:var(--teal-faded-10)}.track-spine.svelte-162f542{inset-inline-start:0;width:2px;height:max(.5rem, var(--spine));border-radius:var(--radius-full);background:var(--fg-accent);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.track-spine-makkah.svelte-162f542{background:var(--fg-gold-text)}.track-link.svelte-162f542{min-width:0;color:var(--fg-1);flex:1;align-items:center;gap:.75rem;padding-block:.5rem;padding-inline:.5rem;text-decoration:none;display:flex;position:relative}.track-actions.svelte-162f542{flex-shrink:0;align-items:center;gap:.25rem;padding-inline-end:.25rem;display:flex;position:relative}.track-mark.svelte-162f542{flex-direction:column;flex-shrink:0;align-items:center;gap:.125rem;width:3.5rem;display:flex}.track-mark.svelte-162f542 .track-glyph{font-size:1.625rem;line-height:1.1}.track-num.svelte-162f542{height:1rem;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-wide);color:var(--fg-3);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.track-num-play.svelte-162f542{color:var(--brand-teal);opacity:0;display:inline-flex;position:absolute}.track.svelte-162f542:hover .track-num-text:where(.svelte-162f542),.track-active.svelte-162f542 .track-num-text:where(.svelte-162f542){opacity:0}.track.svelte-162f542:hover .track-num-play:where(.svelte-162f542),.track-active.svelte-162f542 .track-num-play:where(.svelte-162f542){opacity:1}@media (pointer:coarse){.track.svelte-162f542:hover .track-num-text:where(.svelte-162f542){opacity:1}.track.svelte-162f542:hover .track-num-play:where(.svelte-162f542){opacity:0}}.track-text.svelte-162f542{flex:1;min-width:0}.track-title-row.svelte-162f542{align-items:flex-start;gap:.5rem;display:flex}.track-title.svelte-162f542{-webkit-line-clamp:2;line-clamp:2;font-family:var(--font-latin-serif);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9375rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.track-sajdah.svelte-162f542{border-radius:var(--radius-full);background:color-mix(in srgb, var(--warning) 15%, transparent);font-family:var(--font-sans);font-size:var(--text-3xs);font-weight:var(--fw-medium);letter-spacing:var(--tracking-wide);color:var(--warning);flex-shrink:0;margin-top:.125rem;padding:.0625rem .375rem;line-height:1.5}.track-meta.svelte-162f542{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;line-height:1.4;display:block;overflow:hidden}.track-place.svelte-162f542{font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--fw-medium);color:color-mix(in srgb, var(--fg-accent) 80%, var(--fg-3));flex-shrink:0;line-height:1.4}.track-place-makkah.svelte-162f542{color:color-mix(in srgb, var(--fg-gold-text) 80%, var(--fg-3))}