.compact-card.svelte-5lrs1y{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface);box-shadow:0 1px 4px #00000014;transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.compact-card.svelte-5lrs1y:hover,.compact-card.svelte-5lrs1y:focus-within{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.compact-card.svelte-5lrs1y:hover .img-wrap:where(.svelte-5lrs1y) img:where(.svelte-5lrs1y){transform:scale(1.05)}.compact-card.svelte-5lrs1y:hover .icon:where(.svelte-5lrs1y),.compact-card.svelte-5lrs1y:focus-within .icon:where(.svelte-5lrs1y){animation:shake .6s}.card-link.svelte-5lrs1y{position:absolute;inset:0;z-index:1}.img-wrap.svelte-5lrs1y{aspect-ratio:3 / 2;overflow:hidden}.img-wrap.svelte-5lrs1y img:where(.svelte-5lrs1y){display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;border-radius:var(--radius-card) var(--radius-card) 0 0}.info.svelte-5lrs1y{position:relative;padding:.5em .6em;flex:1}.name.svelte-5lrs1y{font-size:.85rem;font-weight:600;line-height:1.3;margin:0}@media (min-width: 600px){.info.svelte-5lrs1y{padding:.8em .9em .7em}.name.svelte-5lrs1y{font-size:1.1rem}}.tags.svelte-5lrs1y{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.5em;position:relative;z-index:2}.tag.svelte-5lrs1y{font-size:.7rem;padding:.1rem .4rem;border-radius:var(--radius-pill);background-color:var(--color-bg-elevated);color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);box-shadow:none;border:none;display:inline-block}.tag.svelte-5lrs1y:hover,.tag.svelte-5lrs1y:focus-visible{transform:scale(1.05);background-color:var(--color-primary);box-shadow:var(--shadow-hover);color:var(--color-text-on-primary)}@media (min-width: 600px){.tag.svelte-5lrs1y{font-size:.9rem;padding:.15rem .55rem}}.icon.svelte-5lrs1y{position:absolute;top:-1.2em;right:.6em;width:2em;height:2em;font-size:1rem;background-color:var(--nord0);color:#fff;z-index:3}@media (min-width: 600px){.icon.svelte-5lrs1y{font-size:1.2rem}}.favorite.svelte-5lrs1y{position:absolute;top:.5em;left:.5em;font-size:1.1rem;font-family:"Noto Color Emoji","Noto Color Emoji Subset",emoji,sans-serif;filter:drop-shadow(0 0 3px rgba(0,0,0,.8));z-index:2;pointer-events:none}