.card.svelte-n3ft5o{display:block;border-radius:var(--radius);transition:transform var(--dur) var(--ease)}.art.svelte-n3ft5o{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--elevated);border:1px solid var(--line);box-shadow:var(--shadow-1)}.art.svelte-n3ft5o img:where(.svelte-n3ft5o){width:100%;height:100%;object-fit:cover}.placeholder.svelte-n3ft5o{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--theme) 30%,transparent),transparent 60%),var(--surface);color:var(--muted)}.placeholder.svelte-n3ft5o .pixel:where(.svelte-n3ft5o){font-size:20px}.play.svelte-n3ft5o{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(0deg,rgba(11,13,18,.7),transparent 60%),color-mix(in srgb,var(--theme) 26%,transparent);opacity:0;transition:opacity var(--dur)}.card.svelte-n3ft5o:hover{transform:translateY(-4px)}.card.svelte-n3ft5o:hover .art:where(.svelte-n3ft5o){border-color:var(--theme);box-shadow:0 0 0 1px var(--theme),0 12px 34px color-mix(in srgb,var(--theme) 30%,transparent)}.card.svelte-n3ft5o:hover .play:where(.svelte-n3ft5o){opacity:1}.meta.svelte-n3ft5o{padding:8px 2px 0}.ttl.svelte-n3ft5o{display:block;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.list.svelte-n3ft5o{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:6px;border:1px solid transparent;border-radius:var(--radius)}.card.list.svelte-n3ft5o:hover{transform:none;border-color:var(--line);background:var(--surface)}.card.list.svelte-n3ft5o .art:where(.svelte-n3ft5o){aspect-ratio:1;width:56px}.card.list.svelte-n3ft5o .meta:where(.svelte-n3ft5o){padding:0}.card.list.svelte-n3ft5o .ttl:where(.svelte-n3ft5o){font-size:15px;white-space:normal}.card.list.svelte-n3ft5o .reg:where(.svelte-n3ft5o){font-size:11px;color:var(--muted)}