.row.svelte-ublmwi{display:grid;container-type:inline-size}.card.svelte-ublmwi{--pic:96px;grid-template-columns:var(--pic) minmax(0, 1fr) 44px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);color:var(--ink);align-items:center;gap:.75rem;padding:.5rem;display:grid}@media (hover:hover){.card.svelte-ublmwi:has(.text:where(.svelte-ublmwi):hover){border-color:var(--field-edge)}}.card.playing.svelte-ublmwi{background:var(--context)}@container (width<=400px){.card.svelte-ublmwi{--pic:80px;gap:.625rem}}.pic.svelte-ublmwi{width:var(--pic);aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--context);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.pic.svelte-ublmwi img:where(.svelte-ublmwi){object-fit:cover;width:100%;height:100%;transition:filter var(--dur-fade);display:block}@media (hover:hover){.pic.svelte-ublmwi:hover img:where(.svelte-ublmwi){filter:brightness(.85)}}.label.svelte-ublmwi{border-radius:var(--radius-pill);color:#fff;height:22px;font-size:var(--fs-2xs);white-space:nowrap;background:#141c1edb;align-items:center;gap:4px;padding:0 8px 0 7px;font-weight:600;line-height:1;display:flex;position:absolute;bottom:4px;left:4px}.label.round.svelte-ublmwi{justify-content:center;width:22px;padding:0}.playing.svelte-ublmwi .label:where(.svelte-ublmwi){background:var(--accent);color:var(--on-sel)}.mid.svelte-ublmwi{min-width:0}.text.svelte-ublmwi{min-width:0;color:inherit;flex-direction:column;gap:.15rem;text-decoration:none;display:flex}@media (hover:hover){.text.svelte-ublmwi:hover strong:where(.svelte-ublmwi){text-underline-offset:3px;text-decoration:underline}}strong.svelte-ublmwi{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.note.svelte-ublmwi{font-size:var(--fs-2xs);color:var(--muted);font-weight:400}.sub.svelte-ublmwi{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.foot.svelte-ublmwi{height:1.5em;font-size:var(--fs-2xs);align-items:center;gap:.5rem;margin-top:.2rem;line-height:1.5;display:flex}.pills.svelte-ublmwi{min-width:0;height:1.5em;color:var(--muted);flex-wrap:wrap;gap:0 .35rem;display:flex;overflow:hidden}.pills.svelte-ublmwi span:where(.svelte-ublmwi){border-radius:var(--radius-pill);background:var(--context);white-space:nowrap;padding:0 .45rem}.playing.svelte-ublmwi .pills:where(.svelte-ublmwi) span:where(.svelte-ublmwi){background:var(--surface)}.add.svelte-ublmwi{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);cursor:pointer;transition:background-color var(--dur-fade), color var(--dur-fade);background:0 0;border-radius:50%;place-items:center;display:grid}.add.hidden.svelte-ublmwi{visibility:hidden}@media (hover:hover){.add.svelte-ublmwi:not([aria-pressed=true]):hover{border-color:var(--field-edge);background:var(--context);color:var(--ink)}}.add[aria-pressed=true].svelte-ublmwi{border-color:var(--sel);background:var(--sel);color:var(--on-sel)}@media (prefers-reduced-motion:no-preference){.add.bump[aria-pressed=true].svelte-ublmwi svg{animation:svelte-ublmwi-pop .26s var(--ease-pop)}}@keyframes svelte-ublmwi-pop{0%{rotate:-20deg;scale:.4}}.pic.svelte-ublmwi:focus-visible,.text.svelte-ublmwi:focus-visible,.add.svelte-ublmwi:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.text.svelte-ublmwi:focus-visible{border-radius:4px}@media (prefers-reduced-motion:reduce){.pic.svelte-ublmwi img:where(.svelte-ublmwi),.add.svelte-ublmwi{transition:none}}