.ex-card.svelte-ld25m4{background:var(--color-surface);border:1px solid var(--color-border);min-width:0;min-height:100%;color:inherit;touch-action:manipulation;border-radius:1.25rem;flex-direction:column;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s;display:flex;overflow:hidden}.ex-card.svelte-ld25m4:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);outline:none}.ex-card.svelte-ld25m4:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.ex-card.svelte-ld25m4:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border));box-shadow:0 16px 32px -12px color-mix(in srgb, var(--color-primary) 14%, transparent);transform:translateY(-4px)}}.ex-media.svelte-ld25m4{aspect-ratio:1;background:var(--color-surface-elevated);position:relative;overflow:hidden}.ex-img.svelte-ld25m4{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.ex-gif.svelte-ld25m4{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}@media (hover:none){.ex-gif.svelte-ld25m4{display:none}}.ex-placeholder.svelte-ld25m4{background:linear-gradient(135deg, var(--color-surface-elevated) 0%, var(--color-surface) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ex-placeholder.svelte-ld25m4 svg:where(.svelte-ld25m4){width:2rem;height:2rem;color:var(--color-text-tertiary);opacity:.3}.ex-overlay.svelte-ld25m4{pointer-events:none;background:linear-gradient(#0000 50%,#00000040 100%);position:absolute;inset:0}.ex-badge.svelte-ld25m4{z-index:2;-webkit-backdrop-filter:blur(8px);border-radius:.5rem;padding:.3rem .7rem;font-size:.6875rem;font-weight:700;position:absolute}.ex-badge--cat.svelte-ld25m4{top:.625rem;color:#fff;background:#0000008c;inset-inline-end:.625rem}.ex-badge--gif.svelte-ld25m4{top:.625rem;background:color-mix(in srgb, var(--color-primary) 90%, transparent);color:#fff;letter-spacing:.05em;font-weight:900;inset-inline-start:.625rem}.ex-body.svelte-ld25m4{flex-direction:column;flex:1;gap:.25rem;min-height:6.75rem;padding:.75rem .75rem .875rem;display:flex}.ex-title.svelte-ld25m4{color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;font-weight:800;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.ex-subtitle.svelte-ld25m4{color:var(--color-text-tertiary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0;font-family:monospace;font-size:.625rem;font-weight:500;display:-webkit-box;overflow:hidden}.ex-meta.svelte-ld25m4{flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:auto;padding-top:.375rem;display:flex}.ex-pill.svelte-ld25m4{color:var(--color-text-tertiary);background:var(--color-surface-elevated);border-radius:.375rem;padding:.2rem .5rem;font-size:.625rem;font-weight:600}.ex-target.svelte-ld25m4{color:var(--color-text-tertiary);align-items:center;gap:.25rem;font-size:.6875rem;display:inline-flex}.ex-target.svelte-ld25m4 svg:where(.svelte-ld25m4){width:.75rem;height:.75rem;color:color-mix(in srgb, var(--color-primary) 70%, transparent)}@media (width>=640px){.ex-body.svelte-ld25m4{min-height:7.5rem;padding:1rem 1.125rem 1.125rem}.ex-title.svelte-ld25m4{font-size:1.0625rem}}@media (width>=640px) and (hover:hover) and (pointer:fine){.ex-card.svelte-ld25m4:hover .ex-img:where(.svelte-ld25m4){transform:scale(1.06)}.ex-card.svelte-ld25m4:hover .ex-gif:where(.svelte-ld25m4){opacity:1}.ex-card.svelte-ld25m4:hover .ex-title:where(.svelte-ld25m4){color:var(--color-primary)}}@media (prefers-reduced-motion:reduce){.ex-card.svelte-ld25m4,.ex-img.svelte-ld25m4,.ex-gif.svelte-ld25m4,.ex-title.svelte-ld25m4{transition:none}}