.letter-nav.svelte-1wreffe{z-index:1;border-bottom:1px solid #8b6f5c1a;padding:1.5rem 0;position:relative}.letter-link.svelte-1wreffe{width:38px;height:38px;font-family:var(--font-title);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.letter-link.svelte-1wreffe:hover{background:var(--color-gold);color:var(--color-surface-950);border-color:var(--color-gold);box-shadow:var(--shadow-card);transform:translateY(-2px)}@media (width<=768px){.letter-link.svelte-1wreffe{width:32px;height:32px;font-size:.75rem}}.ingredient-card.svelte-1mf1h44{box-shadow:var(--shadow-card)}.ingredient-card.svelte-1mf1h44:hover,.ingredient-card.expanded.svelte-1mf1h44{border-color:var(--color-secondary-300);box-shadow:var(--shadow-hover)}.ingredient-recipes.svelte-1mf1h44{border-top:1px solid #8b6f5c1a;padding:.5rem 0;animation:.25s forwards svelte-1mf1h44-expandDown}@keyframes svelte-1mf1h44-expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.recipe-link.svelte-1mf1h44{border-left:3px solid #0000}.recipe-link.svelte-1mf1h44:hover{border-left-color:var(--color-gold);padding-left:1.5rem}@media (width<=768px){.ingredient-trigger.svelte-1mf1h44{padding:.875rem 1rem}.recipe-link.svelte-1mf1h44{flex-wrap:wrap;padding:.625rem 1rem}}.letter-section.svelte-57xdrc{margin-bottom:var(--space-section);scroll-margin-top:2rem}.letter-badge.svelte-57xdrc{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-light) 100%);width:48px;height:48px;color:var(--color-surface-950);font-family:var(--font-title);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:inline-flex}.fade-in.svelte-57xdrc{animation:.6s forwards svelte-57xdrc-fadeIn}@keyframes svelte-57xdrc-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.letter-badge.svelte-57xdrc{border-radius:8px;width:40px;height:40px;font-size:1.25rem}}.pattern-overlay.svelte-1204u6n{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%238B6F5C' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}