.page-main.svelte-id36qv{min-height:80vh}.page-container.svelte-id36qv{max-width:1200px;margin:0 auto;padding:0 var(--space-4) var(--space-4)}.surprise-me-content.svelte-id36qv{display:block;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.surprise-me-header.svelte-id36qv{text-align:center;margin-bottom:var(--space-4)}.surprise-me-header.svelte-id36qv h1:where(.svelte-id36qv){font-size:var(--font-size-h1);font-weight:var(--font-weight-heading-h1);font-family:var(--font-family-heading);margin-bottom:var(--space-2);color:var(--color-text)}.surprise-me-header.svelte-id36qv p:where(.svelte-id36qv){font-size:var(--font-size-body);color:var(--color-text-muted)}.loading-state.svelte-id36qv,.error-state.svelte-id36qv,.empty-state.svelte-id36qv{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-grid.svelte-id36qv{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:var(--space-4);width:100%;max-width:100%}.recipe-teaser-skeleton.svelte-id36qv{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:225px;height:225px;display:flex;flex-direction:column}.recipe-teaser-skeleton-image.svelte-id36qv{width:100%;height:100px;background-color:var(--color-surface-muted);animation:svelte-id36qv-pulse 1.5s ease-in-out infinite;flex-shrink:0}.recipe-teaser-skeleton-content.svelte-id36qv{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.recipe-teaser-skeleton-title.svelte-id36qv{height:1.5rem;background-color:var(--color-surface-muted);border-radius:var(--radius-sm);animation:svelte-id36qv-pulse 1.5s ease-in-out infinite;width:80%}.recipe-teaser-skeleton-meta.svelte-id36qv{height:2.5rem;background-color:var(--color-surface-muted);border-radius:var(--radius-sm);animation:svelte-id36qv-pulse 1.5s ease-in-out infinite;width:100%}@keyframes svelte-id36qv-pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message.svelte-id36qv,.empty-message.svelte-id36qv{font-size:var(--font-size-body);color:var(--color-text);margin-bottom:var(--space-4)}.featured-recipe-section.svelte-id36qv{margin-bottom:var(--space-3);max-width:600px;margin-left:auto;margin-right:auto}.recipe-teaser-section.svelte-id36qv{padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);margin-bottom:var(--space-3);margin-top:var(--space-3)}.recipe-teaser-section.svelte-id36qv p{font-size:var(--font-size-body);line-height:1.6;color:var(--color-text);margin:0;font-style:italic}.recipe-teaser-section--loading.svelte-id36qv{min-height:60px;display:flex;align-items:center}.recipe-teaser-skeleton-text.svelte-id36qv{height:1.5rem;background-color:var(--color-surface-muted);border-radius:var(--radius-sm);animation:svelte-id36qv-pulse 1.5s ease-in-out infinite;width:100%}.surprise-me-button-container.svelte-id36qv{display:flex;justify-content:center;margin-bottom:var(--space-3);margin-top:var(--space-3)}.surprise-me-header-title.svelte-id36qv{margin-top:0;margin-bottom:var(--space-2)}.surprise-me-button.svelte-id36qv{padding:var(--space-4) var(--space-8);background-color:var(--color-primary);color:var(--color-text);border:none;border-radius:var(--radius-pill);font-size:var(--font-size-body);font-weight:600;font-family:var(--font-family-heading);cursor:pointer;box-shadow:var(--shadow-soft);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;min-width:200px}.surprise-me-button.svelte-id36qv:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 40px #0000001f}.surprise-me-button.svelte-id36qv:active:not(:disabled){transform:translateY(0)}.surprise-me-button.svelte-id36qv:disabled{opacity:.5;cursor:not-allowed}.surprise-me-button.svelte-id36qv:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:640px){.page-container.svelte-id36qv{padding:0 var(--space-3) var(--space-3)}.loading-grid.svelte-id36qv{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.recipe-teaser-section.svelte-id36qv{padding:var(--space-3)}}