*{box-sizing:border-box}:root{color-scheme:light;--page-bg: #f6f7f3;--page-bg-start: #fbfbf8;--page-bg-end: #eef4ef;--page-glow: rgba(232, 98, 88, .12);--text: #17211c;--text-soft: #344139;--muted: #526158;--muted-strong: #6b786f;--surface: rgba(255, 255, 255, .76);--surface-strong: rgba(255, 253, 248, .96);--surface-subtle: rgba(255, 255, 255, .5);--field-bg: rgba(255, 255, 255, .84);--border: rgba(23, 33, 28, .12);--border-strong: rgba(23, 33, 28, .14);--shadow: rgba(23, 33, 28, .12);--shadow-soft: rgba(23, 33, 28, .06);--accent: #1f6f5b;--accent-soft: rgba(31, 111, 91, .1);--accent-border: rgba(31, 111, 91, .3);--danger: #d24f45;--danger-dark: #8d342f;--danger-soft: rgba(210, 79, 69, .1);--on-accent: #fffdf8}:root[data-theme=dark]{color-scheme:dark;--page-bg: #0d1411;--page-bg-start: #101916;--page-bg-end: #17211c;--page-glow: rgba(210, 79, 69, .14);--text: #f4f1e8;--text-soft: #d8d6cc;--muted: #aeb8af;--muted-strong: #8f9a91;--surface: rgba(24, 35, 30, .78);--surface-strong: rgba(27, 39, 34, .96);--surface-subtle: rgba(255, 255, 255, .06);--field-bg: rgba(255, 255, 255, .08);--border: rgba(244, 241, 232, .12);--border-strong: rgba(244, 241, 232, .18);--shadow: rgba(0, 0, 0, .36);--shadow-soft: rgba(0, 0, 0, .22);--accent: #66c3a4;--accent-soft: rgba(102, 195, 164, .13);--accent-border: rgba(102, 195, 164, .34);--danger: #f06b5f;--danger-dark: #f7a099;--danger-soft: rgba(240, 107, 95, .15);--on-accent: #07120f}html{background:var(--page-bg)}body{margin:0;background:radial-gradient(circle at top left,var(--page-glow),transparent 30rem),linear-gradient(180deg,var(--page-bg-start) 0%,var(--page-bg-end) 100%)}#app{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;border:none;cursor:pointer}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:color-mix(in srgb,var(--surface-strong) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:2.1rem;height:2.1rem;place-items:center;color:var(--on-accent);background:var(--accent);border-radius:50%;font-size:1rem;box-shadow:0 .45rem 1.2rem color-mix(in srgb,var(--accent) 22%,transparent)}.nav-actions{display:flex;align-items:center;gap:.65rem}.header-search{display:block;width:min(22rem,34vw)}.header-search input{width:100%;min-height:2.5rem;padding:0 .95rem;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:999px;font:inherit;font-weight:700;box-shadow:0 .45rem 1.1rem var(--shadow-soft)}.header-search input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.create-link,.nav-pill{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 1rem;color:#fffdf8;background:var(--danger);border-radius:999px;font-size:.92rem;font-weight:750;box-shadow:0 .55rem 1.4rem color-mix(in srgb,var(--danger) 28%,transparent)}.nav-pill{color:var(--text-soft);background:var(--field-bg);border:1px solid var(--border-strong);box-shadow:0 .45rem 1.1rem var(--shadow-soft)}.auth-area{position:relative}.account-button{display:grid;width:2.5rem;height:2.5rem;place-items:center;color:var(--text-soft);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:999px;box-shadow:0 .45rem 1.1rem var(--shadow-soft)}.account-button:hover,.account-button[aria-expanded=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.account-button svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.account-menu{position:absolute;top:calc(100% + .65rem);right:0;z-index:20;display:grid;min-width:12.5rem;gap:.45rem;padding:.55rem;background:var(--surface-strong);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 1rem 2.4rem var(--shadow)}.account-menu-email{max-width:16rem;margin:0;padding:.35rem .45rem .15rem;overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.account-menu-item{display:flex;min-height:2.35rem;align-items:center;gap:.55rem;padding:0 .65rem;color:var(--text);background:transparent;border-radius:.42rem;font-size:.92rem;font-weight:800;text-align:left}.account-menu-item svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.account-menu-item:hover,.account-menu-item:focus{color:var(--danger-dark);background:var(--danger-soft);outline:none}.account-theme-item:hover,.account-theme-item:focus{color:var(--accent);background:var(--accent-soft)}.auth-panel{position:absolute;top:calc(100% + .65rem);right:0;z-index:20;display:grid;width:min(22rem,calc(100vw - 2rem));gap:.65rem;padding:.85rem;background:var(--surface-strong);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 1rem 2.4rem var(--shadow)}.auth-panel input{min-height:2.5rem;padding:0 .8rem;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:.45rem;font:inherit}.google-auth-button-host{display:grid;min-height:2.75rem;place-items:center;overflow:hidden;background:transparent;border-radius:999px}.google-auth-button-host>div{overflow:hidden;border-radius:999px}.google-auth-button-host iframe{display:block;max-width:100%;background:transparent;border-radius:999px}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.auth-divider:before,.auth-divider:after{height:1px;content:"";background:var(--border)}.auth-actions{display:flex;flex-wrap:wrap;gap:.5rem}.auth-secondary-actions{display:flex;flex-wrap:wrap;gap:.45rem .8rem}.text-action{min-height:1.8rem;padding:0;color:var(--accent);background:transparent;font-size:.84rem;font-weight:850;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.text-action:hover,.text-action:focus{color:var(--danger-dark);outline:none}.text-action:disabled{color:var(--muted-strong);cursor:wait}.auth-message{margin:0;color:var(--danger-dark);font-size:.85rem;font-weight:750}.app-main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 4rem}@media(max-width:560px){.app-header{align-items:flex-start;flex-direction:column}.nav-actions,.header-search{width:100%}.nav-actions{align-items:flex-start;flex-wrap:wrap}.auth-area{width:100%}.auth-panel,.account-menu{right:auto;left:0;width:100%;max-height:calc(100vh - 9rem);overflow:auto}.auth-actions{align-items:stretch;flex-direction:column}.auth-actions .create-link,.auth-actions .nav-pill{justify-content:center;width:100%}}.container[data-v-cfe9c66f]{width:100%}.recipe-results[data-v-cfe9c66f]{display:grid;gap:clamp(1rem,3vw,1.6rem)}.recipe-results-large[data-v-cfe9c66f]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.recipe-results-small[data-v-cfe9c66f]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem}.recipe-results-list[data-v-cfe9c66f]{gap:.65rem}.recipe-card[data-v-cfe9c66f]{min-height:22rem;color:#fffdf8;background:var(--text);border-radius:.5rem;box-shadow:0 1rem 2.5rem var(--shadow);cursor:pointer;position:relative;overflow:hidden;isolation:isolate}.recipe-card[data-v-cfe9c66f]:after{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(180deg,#17211c14,#17211cb3)}.recipe-results-small .recipe-card[data-v-cfe9c66f]{min-height:13.5rem}.recipe-results-list .recipe-card[data-v-cfe9c66f]{min-height:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 4rem 1rem 3.8rem;color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:0 .55rem 1.4rem var(--shadow-soft)}.recipe-results-list .recipe-card[data-v-cfe9c66f]:after{display:none}.recipe-card:hover .image[data-v-cfe9c66f]{transform:scale(1.04)}.image[data-v-cfe9c66f]{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .42s ease}.recipe-card-content[data-v-cfe9c66f]{position:absolute;right:1.2rem;bottom:1.2rem;left:1.2rem;z-index:2;display:grid;gap:.75rem}.recipe-status-icons[data-v-cfe9c66f]{position:absolute;top:.85rem;z-index:3;display:inline-flex;gap:.4rem}.recipe-owner-status[data-v-cfe9c66f]{left:.85rem}.recipe-favorite-status[data-v-cfe9c66f]{right:.85rem}.status-icon[data-v-cfe9c66f]{display:grid;width:2rem;height:2rem;place-items:center;color:var(--text-soft);background:#fffdf8db;border:1px solid rgba(255,253,248,.5);border-radius:999px;box-shadow:0 .45rem 1.1rem #17211c24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-icon svg[data-v-cfe9c66f]{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.status-icon-favorite[data-v-cfe9c66f]{color:#fffdf8;background:var(--danger);border-color:var(--danger)}.status-icon-favorite svg[data-v-cfe9c66f]{fill:currentColor}.status-icon-mine[data-v-cfe9c66f],.status-icon-public[data-v-cfe9c66f]{color:var(--accent)}.image-text[data-v-cfe9c66f]{width:min(85%,24rem);margin:0;color:#fffdf8;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:850;line-height:.98;letter-spacing:0}.recipe-results-small .image-text[data-v-cfe9c66f]{width:100%;font-size:1.35rem}.recipe-tags[data-v-cfe9c66f]{display:flex;flex-wrap:wrap;gap:.4rem}.recipe-tags span[data-v-cfe9c66f]{display:inline-flex;align-items:center;min-height:1.65rem;padding:0 .55rem;color:#17211c;background:#fffdf8d1;border-radius:999px;font-size:.72rem;font-weight:850}.recipe-results-list .recipe-card-content[data-v-cfe9c66f]{position:static;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.recipe-results-list .image-text[data-v-cfe9c66f]{width:auto;color:var(--text);font-size:1.05rem;line-height:1.2}.recipe-results-list .recipe-tags[data-v-cfe9c66f]{justify-content:flex-end}.recipe-results-list .recipe-tags span[data-v-cfe9c66f]{color:var(--accent);background:var(--accent-soft)}.recipe-results-list .recipe-owner-status[data-v-cfe9c66f]{top:50%;left:1rem;transform:translateY(-50%)}.recipe-results-list .recipe-favorite-status[data-v-cfe9c66f]{top:50%;right:1rem;transform:translateY(-50%)}.recipe-card:hover .title[data-v-cfe9c66f],.recipe-card:focus .title[data-v-cfe9c66f]{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}@media(max-width:640px){.recipe-card[data-v-cfe9c66f]{min-height:18rem}.recipe-results-list .recipe-card-content[data-v-cfe9c66f]{align-items:flex-start;flex-direction:column}}.home-page[data-v-c3f01822]{display:grid;gap:1.5rem}.home-header[data-v-c3f01822]{display:grid;gap:0;align-items:start}.intro[data-v-c3f01822]{max-width:720px}h1[data-v-c3f01822]{margin:0;font-size:clamp(3rem,9vw,6.8rem);line-height:.9;letter-spacing:0}.intro-copy[data-v-c3f01822]{max-width:34rem;margin:1.55rem 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.intro-copy span[data-v-c3f01822]{display:block;margin-top:.18rem;color:var(--accent);font-family:Georgia,Times New Roman,serif;font-style:italic}.toolbar[data-v-c3f01822]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.view-toggle[data-v-c3f01822]{display:inline-flex;gap:.35rem;padding:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:0 .55rem 1.4rem var(--shadow-soft)}.view-toggle button[data-v-c3f01822]{display:grid;width:2.3rem;height:2.3rem;place-items:center;color:var(--muted);background:transparent;border-radius:999px}.view-toggle svg[data-v-c3f01822]{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.view-toggle-active[data-v-c3f01822]{color:var(--on-accent)!important;background:var(--accent)!important}.meal-button-container[data-v-c3f01822]{display:flex;flex-wrap:wrap;gap:.5rem}.meal-button[data-v-c3f01822]{min-height:2.35rem;padding:0 .95rem;color:var(--text-soft);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;font-size:.92rem;font-weight:700}.meal-button[data-v-c3f01822]:hover{border-color:var(--accent-border);transform:translateY(-1px)}.meal-button[data-v-c3f01822]:focus{outline:3px solid var(--accent-soft)}.meal-button[data-v-c3f01822]:active{transform:translateY(0)}.meal-button-selected[data-v-c3f01822]{min-height:2.35rem;padding:0 .95rem;color:var(--text-soft);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;font-size:.92rem;font-weight:700;color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.meal-button-selected[data-v-c3f01822]:hover{border-color:var(--accent-border);transform:translateY(-1px)}.meal-button-selected[data-v-c3f01822]:focus{outline:3px solid var(--accent-soft)}.meal-button-selected[data-v-c3f01822]:active{transform:translateY(0)}.empty-results[data-v-c3f01822]{margin:0;padding:2rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:.5rem;font-weight:750;text-align:center}@media(max-width:640px){.view-toggle[data-v-c3f01822]{width:fit-content}.toolbar[data-v-c3f01822]{align-items:flex-start;flex-direction:column}}