.card.svelte-n3ft5o{flex-direction:column;transition:transform .12s;display:flex}.card.svelte-n3ft5o:hover,.card.svelte-n3ft5o:focus-within{box-shadow:0 var(--pixel) 0 var(--plum-dark), 8px 16px 0 #3d214147;transform:translateY(-4px)}.cover-link.svelte-n3ft5o{border-bottom:var(--pixel) solid var(--plum-dark);display:block;position:relative}.play.svelte-n3ft5o{color:var(--cream-light);background:var(--plum);border:3px solid var(--plum-dark);box-shadow:0 3px 0 var(--plum-dark);opacity:0;padding:8px 18px;font-size:18px;font-weight:800;transition:opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-link.svelte-n3ft5o:hover .play:where(.svelte-n3ft5o),.cover-link.svelte-n3ft5o:focus-visible .play:where(.svelte-n3ft5o){opacity:1}.saved.svelte-n3ft5o{letter-spacing:.04em;text-transform:uppercase;color:var(--plum-dark);background:var(--orange);border:2px solid var(--plum-dark);padding:2px 8px;font-size:12px;position:absolute;top:8px;left:8px}.body.svelte-n3ft5o{grid-template-columns:1fr auto;align-items:center;gap:6px 8px;padding:10px 12px 12px;display:grid}.title.svelte-n3ft5o{min-width:0;text-decoration:none}.title.svelte-n3ft5o h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;line-height:1.1;overflow:hidden}.title.svelte-n3ft5o:hover h3{text-decoration:underline;text-decoration-thickness:3px}.info.svelte-n3ft5o{width:28px;height:28px;color:var(--plum-dark);background:var(--cream-light);border:2px solid var(--plum-dark);box-shadow:0 2px 0 var(--plum-dark);place-items:center;font-size:16px;font-style:italic;font-weight:900;text-decoration:none;display:grid}.info.svelte-n3ft5o:hover{background:var(--orange)}.chips.svelte-n3ft5o{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.chip.community.svelte-n3ft5o{color:var(--plum-dark);background:var(--pink)}@media (width<=560px){.body.svelte-n3ft5o{padding:8px 8px 10px}.title.svelte-n3ft5o h3{white-space:normal;font-size:18px}}@media (hover:none){.play.svelte-n3ft5o{opacity:1;padding:4px 10px;font-size:14px;inset:auto 8px 8px auto;transform:none}}section.svelte-1ewzqr7{margin-top:28px}h2.svelte-1ewzqr7{color:var(--plum);margin:0;font-size:26px;font-weight:900}.recent.svelte-1ewzqr7{margin-top:24px}.recent.svelte-1ewzqr7 h2:where(.svelte-1ewzqr7){letter-spacing:.04em;text-transform:uppercase;color:var(--plum-dark);font-size:18px}.recent.svelte-1ewzqr7 ul:where(.svelte-1ewzqr7){flex-wrap:wrap;gap:12px;margin:10px 0 0;padding:0;list-style:none;display:flex}.resume.svelte-1ewzqr7{background:var(--cream);border:3px solid var(--plum-dark);box-shadow:0 3px 0 var(--plum-dark);align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:20px;text-decoration:none;display:flex}.resume.svelte-1ewzqr7:hover{background:var(--hover)}.resume.svelte-1ewzqr7:active{box-shadow:none;transform:translateY(3px)}.resume.svelte-1ewzqr7 .play:where(.svelte-1ewzqr7){width:30px;height:30px;color:var(--cream-light);background:var(--plum);place-items:center;font-size:14px;display:grid}.resume.svelte-1ewzqr7 .genre:where(.svelte-1ewzqr7){letter-spacing:.06em;text-transform:uppercase;color:var(--orange-dark);font-size:12px}.genres.svelte-1ewzqr7{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.genre-btn.svelte-1ewzqr7{min-height:44px;font:inherit;color:var(--plum-dark);background:var(--cream);border:3px solid var(--plum-dark);box-shadow:0 3px 0 var(--plum-dark);cursor:pointer;border-radius:0;padding:8px 18px;font-size:17px;font-weight:800}.genre-btn.svelte-1ewzqr7:hover{background:var(--hover)}.genre-btn.svelte-1ewzqr7:active{box-shadow:none;transform:translateY(3px)}.genre-btn[aria-pressed=true].svelte-1ewzqr7{color:var(--cream-light);background:var(--plum)}.shelf-head.svelte-1ewzqr7{border-bottom:var(--pixel) solid var(--orange);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:14px;padding-bottom:6px;display:flex}.community.svelte-1ewzqr7 .shelf-head:where(.svelte-1ewzqr7){border-bottom-color:var(--pink)}.count.svelte-1ewzqr7{color:var(--plum-dark);opacity:.7;font-size:14px}.grid.svelte-1ewzqr7{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;display:grid}.empty.svelte-1ewzqr7{opacity:.7;margin:0}.howto.svelte-1ewzqr7{margin-top:44px;padding:18px 22px}.howto.svelte-1ewzqr7 h2:where(.svelte-1ewzqr7){font-size:20px}.howto.svelte-1ewzqr7 ol:where(.svelte-1ewzqr7){margin:10px 0 0;padding-left:22px}.howto.svelte-1ewzqr7 li:where(.svelte-1ewzqr7){margin:4px 0}@media (width<=560px){.grid.svelte-1ewzqr7{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.genre-btn.svelte-1ewzqr7{padding:6px 12px;font-size:15px}}