@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.mera-logo-mark[data-v-a7e88701]{display:block;flex-shrink:0;border-radius:12px;box-shadow:0 1px 3px #2826341c}.app-header[data-v-3f41ab09]{min-height:var(--header-h);padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);position:sticky;top:0;z-index:20}.header-bar[data-v-3f41ab09]{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--container-max);padding-top:2px;padding-bottom:2px}.header-left[data-v-3f41ab09]{display:flex;align-items:center;gap:4px;min-width:0}.brand[data-v-3f41ab09]{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;margin:0;border:none;border-radius:var(--radius);background:transparent;cursor:pointer;font:inherit;color:var(--text);min-height:var(--touch-min)}.brand[data-v-3f41ab09]:hover{background:var(--surface-2)}.brand-text[data-v-3f41ab09]{font-size:1.2rem;font-weight:800;letter-spacing:.06em;color:var(--primary);white-space:nowrap}@media(max-width:380px){.brand-text[data-v-3f41ab09]{font-size:1.05rem;letter-spacing:.04em}.brand[data-v-3f41ab09]{gap:6px;padding:6px 8px 6px 4px}}.bottom-nav[data-v-3bfd1644]{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:8px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-right));pointer-events:none}.bottom-nav-inner[data-v-3bfd1644]{pointer-events:auto;max-width:min(520px,100%);margin:0 auto;display:flex;justify-content:space-around;align-items:stretch;gap:4px;min-height:calc(var(--nav-h) - 16px);padding:6px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.nav-item[data-v-3bfd1644]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:calc(var(--touch-min) - 2px);padding:6px 4px;text-decoration:none;color:var(--text-muted);font-size:clamp(10px,2.8vw,12px);font-weight:700;letter-spacing:.02em;border-radius:var(--radius);touch-action:manipulation;transition:color .2s var(--ease-out),background .2s var(--ease-out),transform .15s}.nav-item.active[data-v-3bfd1644]{color:var(--primary);background:color-mix(in srgb,var(--primary-soft) 92%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}@media(min-width:768px){.bottom-nav-inner[data-v-3bfd1644]{max-width:480px;padding:8px 10px}}.nav-svg[data-v-3bfd1644]{flex-shrink:0}.nav-label[data-v-3bfd1644]{line-height:1.1}#app{min-height:100vh;min-height:100dvh;background:var(--page-bg);max-width:100%;overflow-x:clip}.app-main{min-height:calc(100dvh - var(--header-h));max-width:100%;overflow-x:clip}.app-main--nav{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px)}:root{--primary: #5a5f72;--primary-dark: #424654;--primary-soft: #e6e4ef;--accent: #7d7368;--accent-dark: #5f564d;--accent-soft: #f1ece4;--page-bg: #e2e0e8;--page-bg-mid: #ebe9f2;--surface: #fbfafe;--surface-2: #dcd8e4;--border: #c8c3d2;--text: #28262e;--text-muted: #55525e;--text-subtle: #757184;--error: #8a5558;--error-soft: color-mix(in srgb, var(--error) 10%, var(--surface));--radius-sm: 12px;--radius-md: 12px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgb(40 38 52 / .045);--shadow: 0 5px 18px rgb(40 38 52 / .06);--shadow-lg: 0 14px 36px rgb(40 38 52 / .08);--header-h: 56px;--nav-h: 84px;--touch-min: 44px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--container-max: 1180px;--white: var(--surface);--gray-50: var(--page-bg);--gray-100: var(--surface-2);--gray-200: var(--border);--gray-500: var(--text-muted);--gray-700: #45425a;--gray-900: var(--text);--primary-light: #6c7088;--recipe-strip-icon: color-mix(in srgb, var(--primary-dark) 82%, var(--text-muted));--recipe-strip-breakfast: linear-gradient( 165deg, color-mix(in srgb, var(--accent-soft) 78%, var(--surface)), color-mix(in srgb, var(--primary-soft) 88%, var(--border)) );--recipe-strip-lunch: linear-gradient( 165deg, color-mix(in srgb, var(--primary-soft) 94%, var(--surface)), color-mix(in srgb, var(--primary) 14%, var(--primary-soft)) );--recipe-strip-dinner: linear-gradient( 165deg, color-mix(in srgb, var(--surface-2) 48%, var(--surface)), color-mix(in srgb, var(--primary) 11%, var(--primary-soft)) );--recipe-strip-salad: linear-gradient( 165deg, color-mix(in srgb, var(--primary-soft) 82%, var(--surface-2)), color-mix(in srgb, var(--primary) 15%, var(--primary-soft)) );--recipe-strip-dessert: linear-gradient( 165deg, color-mix(in srgb, var(--accent-soft) 58%, var(--surface)), color-mix(in srgb, var(--accent) 11%, var(--surface-2)) );--recipe-strip-default: linear-gradient( 165deg, var(--primary-soft), color-mix(in srgb, var(--primary) 15%, var(--primary-soft)) )}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);color:var(--text);background:var(--page-bg);background-image:radial-gradient(920px 480px at 18% -2%,color-mix(in srgb,var(--primary-soft) 48%,transparent),transparent),linear-gradient(195deg,var(--page-bg-mid) 0%,var(--page-bg) 50%,color-mix(in srgb,var(--page-bg) 68%,var(--border)) 100%);background-attachment:fixed;line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--text)}h1{font-size:clamp(1.4rem,4vw + .45rem,1.85rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:color-mix(in srgb,var(--text) 92%,var(--text-muted))}h2{font-size:clamp(1.22rem,2.4vw + .55rem,1.5rem);font-weight:700;letter-spacing:-.022em;line-height:1.2;color:color-mix(in srgb,var(--text) 92%,var(--text-muted))}h3{font-size:clamp(1.02rem,1vw + .85rem,1.12rem);font-weight:700;line-height:1.3;letter-spacing:-.02em}h4{font-size:1rem;font-weight:600}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(14px,4vw,28px);padding-left:max(clamp(14px,4vw,28px),env(safe-area-inset-left));padding-right:max(clamp(14px,4vw,28px),env(safe-area-inset-right))}.page-bottom{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px)}.card{background:var(--surface);border-radius:var(--radius);padding:clamp(14px,3vw,18px);box-shadow:var(--shadow-sm);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}@media(hover:hover){.card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 8%,var(--border))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch-min);padding:12px 22px;border-radius:var(--radius);font-weight:600;font-size:15px;border:none;cursor:pointer;touch-action:manipulation;transition:background .2s var(--ease-out),color .2s,transform .15s var(--ease-out),box-shadow .2s var(--ease-out);font-family:inherit}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(168deg,var(--primary-light),var(--primary));color:#faf9f8;box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 22%,transparent)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 26%,transparent)}.btn-accent{background:linear-gradient(168deg,color-mix(in srgb,var(--accent) 82%,var(--surface)),var(--accent-dark));color:#faf9f8;box-shadow:0 2px 10px color-mix(in srgb,var(--accent-dark) 18%,transparent)}.btn-accent:hover{filter:brightness(1.03);box-shadow:0 3px 14px color-mix(in srgb,var(--accent-dark) 22%,transparent)}.btn-secondary{background:var(--surface);color:var(--primary);border:2px solid color-mix(in srgb,var(--primary) 45%,var(--border))}.btn-secondary:hover{background:var(--primary-soft)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-block{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:0;border:none;border-radius:50%;background:var(--surface-2);color:var(--text);cursor:pointer;touch-action:manipulation;transition:background .2s var(--ease-out),color .2s,transform .15s}.btn-icon:hover{background:var(--border);color:var(--primary)}input[type=text],input[type=email],input[type=tel],textarea{font-family:inherit;font-size:16px;min-height:var(--touch-min)}.link-accent{color:var(--accent);font-weight:700;text-decoration:none;border:none;background:none;cursor:pointer;font-size:inherit}.skeleton{animation:pulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%}@keyframes pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.recipe-grid-responsive{display:grid;gap:clamp(10px,2.2vw,16px);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:420px){.recipe-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}}@media(min-width:640px){.recipe-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))}}@media(min-width:900px){.recipe-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(min-width:1200px){.recipe-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}}@media(max-width:400px){:root{--container-max: 100%}.container{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}