.recipe-teaser.svelte-74zygq{background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;width:100%;max-width:225px;height:225px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin:0}.recipe-teaser.svelte-74zygq:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.recipe-teaser.svelte-74zygq:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.recipe-teaser-image-container.svelte-74zygq{width:100%;height:100px;overflow:hidden;background-color:var(--color-surface-muted);flex-shrink:0}.recipe-teaser-image.svelte-74zygq{width:100%;height:100%;object-fit:cover;display:block}.recipe-teaser-content.svelte-74zygq{padding:var(--space-2);flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.recipe-teaser-title.svelte-74zygq{font-size:var(--font-size-h3);font-weight:var(--font-weight-heading-h3);font-family:var(--font-family-heading);line-height:1.2;margin:0 0 var(--space-2);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-align:center}.recipe-teaser-meta.svelte-74zygq{display:flex;gap:var(--space-1);flex-wrap:wrap}.recipe-teaser-meta-item.svelte-74zygq{display:flex;flex-direction:column;gap:0;padding:var(--space-1) var(--space-2);background-color:var(--color-surface-muted);border-radius:var(--radius-sm);flex:1;min-width:0;align-items:center;text-align:center}.recipe-teaser-meta-item--highlight.svelte-74zygq{background-color:var(--color-primary);color:var(--color-surface)}.recipe-teaser-meta-item--highlight.svelte-74zygq .recipe-teaser-meta-label:where(.svelte-74zygq),.recipe-teaser-meta-item--highlight.svelte-74zygq .recipe-teaser-meta-value:where(.svelte-74zygq){color:var(--color-surface)}.recipe-teaser-meta-label.svelte-74zygq{font-size:.625rem;color:var(--color-text-muted);font-weight:var(--font-weight-body);text-transform:uppercase;letter-spacing:.05em;line-height:1;text-align:center}.recipe-teaser-meta-value.svelte-74zygq{font-size:var(--font-size-small);font-weight:var(--font-weight-heading-h3);color:var(--color-text);line-height:1.2;text-align:center}.recipe-teaser--loading.svelte-74zygq{background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle);width:200px;height:200px}.recipe-teaser-skeleton.svelte-74zygq{display:flex;flex-direction:column;height:100%}.recipe-teaser-skeleton-image.svelte-74zygq{width:100%;height:100px;background-color:var(--color-surface-muted);animation:svelte-74zygq-pulse 1.5s ease-in-out infinite;flex-shrink:0}.recipe-teaser-skeleton-content.svelte-74zygq{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.recipe-teaser-skeleton-title.svelte-74zygq{height:1.5rem;background-color:var(--color-surface-muted);border-radius:var(--radius-sm);animation:svelte-74zygq-pulse 1.5s ease-in-out infinite;width:80%}.recipe-teaser-skeleton-meta.svelte-74zygq{height:2.5rem;background-color:var(--color-surface-muted);border-radius:var(--radius-sm);animation:svelte-74zygq-pulse 1.5s ease-in-out infinite;width:100%}@keyframes svelte-74zygq-pulse{0%,to{opacity:1}50%{opacity:.5}}.recipe-teaser--error.svelte-74zygq{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-soft);border:1px solid var(--color-border-subtle);width:200px;height:200px;display:flex;align-items:center;justify-content:center}.recipe-teaser-error-message.svelte-74zygq{color:var(--color-text);margin:0;font-size:var(--font-size-small);text-align:center}