.library.svelte-1uha8ag{max-width:var(--page-width);margin:0 auto;padding:clamp(1.5rem,5vw,4rem) clamp(1.1rem,4vw,3rem) 6rem}.intro.svelte-1uha8ag{animation:svelte-1uha8ag-rise .8s var(--ease-out) both;margin-bottom:clamp(2rem,6vw,4.5rem)}h1.svelte-1uha8ag{max-width:14ch;font-family:var(--font-display);letter-spacing:-.035em;font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 1;margin:.6rem 0 0;font-size:clamp(2.6rem,1.5rem + 5vw,5.6rem);font-weight:600;line-height:.95}h1.svelte-1uha8ag em:where(.svelte-1uha8ag){color:var(--accent);font-weight:400}.grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(1.4rem,3vw,2.4rem) clamp(1rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:grid}.grid.svelte-1uha8ag li:where(.svelte-1uha8ag){animation:svelte-1uha8ag-rise .7s var(--ease-out) both;animation-delay:var(--d)}.card.svelte-1uha8ag{gap:.85rem;text-decoration:none;display:grid}.art.svelte-1uha8ag{aspect-ratio:1;background:var(--ink-3);transition:transform .5s var(--ease-out), box-shadow .5s;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 20px 40px -22px #000000e6}.art.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out);display:block}.initial.svelte-1uha8ag{font-family:var(--font-display);color:var(--paper-dim);place-items:center;font-size:5rem;font-style:italic;display:grid;position:absolute;inset:0}.play.svelte-1uha8ag{background:var(--accent);width:48px;height:48px;color:var(--ink);opacity:0;transition:opacity .3s, transform .4s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.8rem;right:.8rem;transform:translateY(8px)scale(.9)}.play.svelte-1uha8ag svg:where(.svelte-1uha8ag){fill:currentColor;width:20px}.card.svelte-1uha8ag:hover .art:where(.svelte-1uha8ag),.card.svelte-1uha8ag:focus-visible .art:where(.svelte-1uha8ag){transform:translateY(-4px)rotate(-.6deg);box-shadow:0 30px 50px -20px #000000f2}.card.svelte-1uha8ag:hover .art:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){transform:scale(1.04)}.card.svelte-1uha8ag:hover .play:where(.svelte-1uha8ag),.card.svelte-1uha8ag:focus-visible .play:where(.svelte-1uha8ag){opacity:1;transform:none}.info.svelte-1uha8ag{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.75rem;display:grid}.index.svelte-1uha8ag,.duration.svelte-1uha8ag{color:var(--paper-faint);font-size:.72rem}.info.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-family:var(--font-display);font-variation-settings:"opsz" 48;overflow-wrap:anywhere;margin:0;font-size:1.2rem;font-weight:550;line-height:1.15}.info.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--paper-dim);margin:.15rem 0 0;font-size:.86rem}.empty.svelte-1uha8ag{text-align:center;justify-items:center;gap:.6rem;padding:4rem 1rem;display:grid}.empty.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-family:var(--font-display);margin:1.5rem 0 0;font-size:1.8rem;font-style:italic;font-weight:500}.empty.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--paper-dim);margin:0 0 1rem}.record.svelte-1uha8ag{aspect-ratio:1;background:radial-gradient(circle, var(--accent) 0 16%, var(--ink) 16.5% 18%, transparent 18.5%), repeating-radial-gradient(circle, #141312 0 2px, #1d1c1a 2px 4px);border-radius:50%;width:180px;animation:12s linear infinite svelte-1uha8ag-spin;box-shadow:0 30px 60px -20px #000000e6}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}@keyframes svelte-1uha8ag-rise{0%{opacity:0;transform:translateY(16px)}}