.ingredient-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-primary);color:#fff;border-radius:16px;font-size:.875rem;font-weight:500;transition:background .2s}.ingredient-chip:hover{background:var(--color-primary-dark)}.chip-label{line-height:1}.chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#ffffff4d;border:none;border-radius:50%;color:#fff;font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;transition:background .2s}.sidebar{width:clamp(260px,20vw,400px);position:fixed;top:0;left:0;bottom:0;height:100vh;background:var(--sidebar-background, #ffffff);border-right:1px solid var(--sidebar-border-color, #e5e7eb);display:flex;flex-direction:column;padding:1.5rem 1rem 1rem;overflow-y:auto;overflow-x:hidden;z-index:1000;box-sizing:border-box}.sidebar>*{max-width:100%;overflow-wrap:break-word}.sidebar-content{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-title h1{margin:0;font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--color-primary);text-align:center;cursor:pointer;transition:opacity .2s}.sidebar-title h1 .bang{color:var(--color-accent, #ff6b6b)}.sidebar-title h1:hover{opacity:.8}.profile-section{display:flex;flex-direction:column;gap:.5rem}.profile-label{padding:.5rem 0;font-size:1rem;font-weight:600;color:var(--color-text-dark, #0f172a);cursor:pointer;transition:color .2s}.profile-label:hover{color:var(--color-primary)}.subtabs{display:flex;flex-direction:column;gap:.5rem}.subtab-button{padding:.625rem 1rem;background:transparent;border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);font-size:.95rem;cursor:pointer;text-align:left;transition:all .2s}.subtab-button:hover{background:var(--color-primary);color:#fff}.search-section{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.section-heading{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-dark, #0f172a)}.search-input-group,.filter-group{display:flex;flex-direction:column;gap:.5rem}.search-input-group label,.filter-group label{font-size:.875rem;font-weight:500;color:var(--color-text-dark, #0f172a)}.search-input{padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-input::placeholder{color:#9ca3af}.ingredient-chips-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;min-height:3rem}.ingredient-chips-container:empty:before{content:"No ingredients selected";color:#9ca3af;font-size:.875rem}.auth-section{padding:1rem;border-bottom:1px solid #e5e7eb}.signin-button{width:100%;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.signin-button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #ff6b354d}.logout-section{flex-shrink:0;padding:1rem;border-top:1px solid #e5e7eb;background:var(--color-bg-light, #ffffff)}.logout-button{width:100%;padding:.75rem;background:#f3f4f6;color:var(--color-text-dark, #0f172a);border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:#e5e7eb}.chips-catalog{margin-top:.75rem;padding:.6rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.catalog-heading{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--color-text-dark, #374151)}.chip-category{margin-bottom:.65rem}.category-name{font-weight:600;font-size:.85rem;color:#6b7280;text-transform:capitalize;margin-bottom:.375rem}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-family:inherit;border:1px solid #e5e7eb;background:#c8c8c840;color:#111827;padding:.35rem .6rem;border-radius:999px;cursor:pointer;font-size:.875rem;font-weight:500}.chip-selected{color:#fff;background:var(--color-primary);box-shadow:inset 0 0 0 1px #60a5fa0f}.dropdown-container[data-v-bd70e07a]{position:relative;display:inline-block}.dropdown-trigger[data-v-bd70e07a]{cursor:pointer}.dropdown-menu[data-v-bd70e07a]{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;min-width:200px;z-index:50;padding:.5rem 0}.fade-enter-active[data-v-bd70e07a],.fade-leave-active[data-v-bd70e07a]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-bd70e07a],.fade-leave-to[data-v-bd70e07a]{opacity:0;transform:translateY(-10px)}.app-header[data-v-39afefab]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--header-background);border-bottom:var(--header-border-bottom);box-shadow:var(--header-shadow);z-index:20;position:relative}.header-left[data-v-39afefab]{display:flex;flex-direction:column;gap:.5rem}.breadcrumbs[data-v-39afefab]{display:flex;align-items:center;font-size:.875rem;color:var(--text-muted)}.crumb-link[data-v-39afefab]{color:var(--text-muted);text-decoration:none;transition:color .2s}.crumb-link[data-v-39afefab]:hover{color:var(--color-primary);text-decoration:underline}.crumb-text[data-v-39afefab]{color:var(--body-text-color);font-weight:500}.separator[data-v-39afefab]{margin:0 .5rem;color:var(--separator-color)}.page-title[data-v-39afefab]{margin:0;font-size:1.75rem;color:var(--color-primary);text-transform:capitalize;line-height:1.2}.header-right[data-v-39afefab]{display:flex;align-items:center;gap:1rem}.header-actions[data-v-39afefab]{display:flex;gap:.75rem}.header-separator[data-v-39afefab]{width:2px;height:32px;background:var(--color-primary);margin:0 .5rem}.btn-header-action[data-v-39afefab]{padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-primary);color:#fff}.btn-header-action[data-v-39afefab]:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary[data-v-39afefab]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary[data-v-39afefab]:hover{background:var(--btn-secondary-hover-bg)}.btn-danger[data-v-39afefab]{background:transparent!important;color:#dc2626!important;border:2px solid #dc2626!important}.btn-danger[data-v-39afefab]:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.user-info[data-v-39afefab]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .2s}.user-info[data-v-39afefab]:hover{background:var(--btn-secondary-bg)}.user-name[data-v-39afefab]{font-weight:600;color:var(--body-text-color)}.avatar-circle[data-v-39afefab]{width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.btn-signin[data-v-39afefab]{padding:.5rem 1.25rem;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-signin[data-v-39afefab]:hover{background:var(--color-primary);color:#fff}.menu-item[data-v-39afefab]{padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--body-text-color);cursor:pointer;transition:background .2s;white-space:nowrap;margin:0 8px;border-radius:4px}.menu-item[data-v-39afefab]:hover{background:var(--btn-secondary-bg)}.menu-item.logout[data-v-39afefab]{color:var(--btn-danger-text)}.menu-item.logout[data-v-39afefab]:hover{background:var(--btn-danger-bg)}.menu-divider[data-v-39afefab]{height:1px;background:var(--border-light);margin:.5rem 0}.icon[data-v-39afefab]{color:inherit;display:block}.login-modal{max-width:420px}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-dark, #0f172a)}.form-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a}.form-input::placeholder{color:#9ca3af}.form-hint{margin:0;font-size:.75rem;color:#6b7280}.error-message{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;text-align:center}.submit-button{width:100%;padding:.875rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.toggle-mode{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.toggle-button{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:0;margin-left:.25rem;font-size:inherit}.toggle-button:hover{text-decoration:underline}.form-section{padding-bottom:2rem;border-bottom:1px solid #e5e7eb;max-width:95%}.image-input-group{display:flex;gap:1.5rem;margin-bottom:1rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#374151}.radio-option input[type=radio]{cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--color-primary)}.radio-option span{-webkit-user-select:none;user-select:none}.input-container{margin-top:.5rem}.file-input{cursor:pointer;padding:.5rem}.file-input::-webkit-file-upload-button{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;margin-right:1rem}.file-input::-webkit-file-upload-button:hover{background:var(--color-primary-dark)}.file-name{margin-top:.5rem;font-size:.875rem;color:var(--color-primary);font-weight:500}.ingredients-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto}.ingredient-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.nav-button:disabled{opacity:.5;cursor:not-allowed}.parsed-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:1rem;margin-top:.5rem}.parsed-info p{margin:.5rem 0;color:#0c4a6e;line-height:1.5}.parsed-info p:first-child{margin-top:0}.parsed-info p:last-child{margin-bottom:0}.success-hint{color:#059669;font-weight:500;font-size:.95rem}.error-hint{color:#dc2626;font-weight:500;font-size:.95rem}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.popup-header h2{margin:0;font-size:1.5rem;color:var(--color-primary)}.close-button{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#374151}.popup-content{flex:1;overflow-y:auto;padding:2rem}.all-steps-form{display:flex;flex-direction:column;gap:2rem}.form-section{padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h3{margin:0 0 1rem;font-size:1.125rem;color:var(--color-primary);font-weight:600}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary)}.form-textarea{resize:vertical}.form-hint{margin-top:.5rem;font-size:.875rem;color:#6b7280}.form-hint code{background:#f3f4f6;padding:.125rem .375rem;border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:.85em;color:var(--color-primary)}.shared-users-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;min-height:3rem}.user-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-primary);color:#fff;border-radius:16px;font-size:.875rem}.chip-remove{background:#ffffff4d;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.chip-remove:hover{background:#ffffff80}.recipes-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto}.recipe-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.remove-button{background:#fee2e2;border:none;color:#dc2626;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.remove-button:hover{background:#fecaca}.popup-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb}.nav-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-button.primary{background:var(--color-primary);color:#fff}.nav-button.primary:hover{background:var(--color-primary-dark)}.nav-button.secondary{background:#fff;color:var(--color-text-dark, #0f172a);border:1px solid #e5e7eb}.nav-button.secondary:hover{background:#f9fafb}:root{--color-primary: #028e41;--color-primary-dark: #006b3e}:root{--app-bg: #f8fafc;--app-text: #0f172a;--app-muted: #64748b}html,body,#app{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--app-bg);color:var(--app-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#fff;border-bottom:1px solid rgba(15,23,42,.06);padding:1rem 1.5rem}.app-title{margin:0;font-size:1.25rem;color:var(--color-primary)}.app-main{flex:1 0 auto;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.app-footer{padding:.75rem 1.5rem;text-align:center;color:var(--app-muted);font-size:.875rem}.app-layout[data-v-181ddc2e]{display:flex;min-height:fit-content}.main-content[data-v-181ddc2e]{flex:1;width:0;margin-left:clamp(260px,20vw,400px);background:var(--app-main-content-background)}.main-content.landing-main[data-v-181ddc2e]{margin-left:0;display:flex;align-items:flex-start;justify-content:flex-start;min-height:100vh;padding:2.5rem 1rem 4rem;background:linear-gradient(180deg,#8558324d,#028e410d);background-repeat:no-repeat;background-attachment:fixed}.message[data-v-181ddc2e]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideUp-181ddc2e .3s ease-out;z-index:9999}.success-message[data-v-181ddc2e]{background:#059669;color:#fff}.error-message[data-v-181ddc2e]{background:#dc2626;color:#fff}@keyframes slideUp-181ddc2e{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.recipe-display{display:flex;flex-direction:column;gap:.75rem;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:var(--color-bg-light);max-width:320px;cursor:pointer;transition:transform .2s,box-shadow .2s}.recipe-display:hover{transform:translateY(-4px);box-shadow:0 4px 12px var(--color-primary)}.recipe-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;font-family:Special Elite,cursive}.recipe-subtitle,.text-preview p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-display{display:flex;flex-direction:column;gap:.75rem;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:var(--color-bg-light);max-width:320px;cursor:pointer;transition:transform .2s,box-shadow .2s}.collection-display:hover{transform:translateY(-4px);box-shadow:0 4px 12px var(--color-primary)}.image-container{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px}.preview-image{width:100%;height:100%;object-fit:cover}.text-preview{font-size:.95rem;color:var(--color-text-dark)}.collection-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.collection-subtitle{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted, #64748b)}.text-preview p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-hint{color:#dc2626;font-size:.875rem;margin-top:.5rem}.home-view[data-v-ed034270]{flex:1;padding:2rem;padding-top:0}.loading-state[data-v-ed034270]{text-align:center;color:#6b7280;font-size:1rem;padding:3rem 2rem}.recipes-section[data-v-ed034270]{margin-top:2rem}.recipes-section h3[data-v-ed034270]{font-size:1.5rem;color:var(--color-text-dark, #0f172a);margin-bottom:1.5rem}.recipes-grid[data-v-ed034270]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.recipes-row[data-v-ed034270]{display:flex;gap:1.5rem;overflow-x:auto;padding:.75rem;margin-bottom:1rem;border:1px solid rgba(15,23,42,.06);background:#ffffffe6;border-radius:8px}.recipe-item[data-v-ed034270]{flex:0 0 320px;border:none;background:transparent}.recipes-row[data-v-ed034270]::-webkit-scrollbar{height:10px}.recipes-row[data-v-ed034270]::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:8px}.global-view-toggle[data-v-ed034270]{display:flex;justify-content:flex-end;margin-top:1rem;width:100%}.view-toggle[data-v-ed034270]{margin-left:.75rem;font-size:.85rem;padding:.25rem .5rem;border:none;background:transparent;color:#d3d3d3}.view-toggle[data-v-ed034270]:hover{background:#f3f4f6}.empty-state[data-v-ed034270]{text-align:center;color:#6b7280;font-size:1rem;padding:3rem 2rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.message[data-v-ed034270]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideUp-ed034270 .3s ease-out;z-index:1000}.success-message[data-v-ed034270]{background:#059669;color:#fff}.error-message[data-v-ed034270]{background:#dc2626;color:#fff}@keyframes slideUp-ed034270{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing-root[data-v-52cf32f3]{display:block;width:100%;color:var(--text-color, #0f172a)}.landing-section[data-v-52cf32f3]{padding:2rem 1.25rem;max-width:1200px;margin:0 auto;border-radius:12px}.hero[data-v-52cf32f3]{display:flex;align-items:center;justify-content:center;background:transparent;border-bottom:1px solid rgba(15,23,42,.04)}.hero-inner[data-v-52cf32f3]{display:flex;gap:2rem;align-items:center;justify-content:space-between;width:100%}.hero-copy[data-v-52cf32f3]{flex:1 1 560px}.hero-visual[data-v-52cf32f3]{width:220px;display:flex;align-items:center;justify-content:center}.visual-plate[data-v-52cf32f3]{width:180px;height:180px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#fff;box-shadow:0 8px 24px #0f172a0f}.app-title[data-v-52cf32f3]{font-size:3rem;margin:0 0 .5rem}.bang[data-v-52cf32f3]{color:var(--color-accent, #ff6b6b)}.lead[data-v-52cf32f3]{color:#334155;font-size:1.05rem;margin-bottom:1rem}.cta-row[data-v-52cf32f3]{display:flex;gap:.75rem;flex-wrap:wrap}.btn[data-v-52cf32f3]{padding:.6rem 1rem;border-radius:8px;border:1px solid rgba(15,23,42,.06);background:transparent;cursor:pointer}.btn.primary[data-v-52cf32f3]{background:var(--color-accent, #ef7a5f);color:#fff;border:none}.btn.link[data-v-52cf32f3]{background:transparent;border:none;color:#475569}.info[data-v-52cf32f3]{background:#fff}.info h2[data-v-52cf32f3]{margin-top:0}.stats-grid[data-v-52cf32f3]{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.stat[data-v-52cf32f3]{background:#f8fafc;padding:1rem;border-radius:8px;flex:1 1 180px}.stat-number[data-v-52cf32f3]{font-weight:700;font-size:1.25rem}.stat-desc[data-v-52cf32f3]{color:#475569;margin-top:.25rem}.how[data-v-52cf32f3]{background:linear-gradient(180deg,#fff,#f9fafb)}.how-grid[data-v-52cf32f3]{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.how-card[data-v-52cf32f3]{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 6px 18px #0f172a0a;flex:1 1 260px}.landing-content-card[data-v-52cf32f3]{max-width:1100px;margin:1.5rem auto 0;background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px #0f172a0f;overflow:hidden}.landing-content-card .landing-section[data-v-52cf32f3]{padding:1.25rem 0;margin:0;background:transparent;border-bottom:1px solid rgba(15,23,42,.04)}.landing-content-card .landing-section[data-v-52cf32f3]:last-child{border-bottom:none}@media(max-width:800px){.hero-inner[data-v-52cf32f3]{flex-direction:column-reverse;align-items:center}.hero-visual[data-v-52cf32f3]{width:auto}.visual-plate[data-v-52cf32f3]{width:140px;height:140px;font-size:2.25rem}.landing-section[data-v-52cf32f3]{padding:2.5rem 1rem}}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;overflow:hidden}.popup-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.popup-header h2{margin:0;font-size:1.5rem;color:var(--color-text-dark, #0f172a)}.popup-body{padding:2rem}.popup-body p{margin:0;font-size:1rem;line-height:1.6;color:var(--color-text-dark, #0f172a)}.popup-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:var(--color-text-dark, #0f172a)}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:#dc2626;color:#fff}.btn-confirm:hover{background:#b91c1c}.profile-content[data-v-f29d6b37]{flex:1;background:#f9fafb;min-height:100%}.profile-content[data-v-f29d6b37]{flex:1;background:#f9fafb}.account-section[data-v-f29d6b37]{background:#fff;border-radius:12px;padding:2rem;margin:2rem;box-shadow:0 1px 3px #0000001a}.account-section h2[data-v-f29d6b37]{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text-dark, #0f172a)}.account-item[data-v-f29d6b37]{margin-bottom:1.5rem}.account-item label[data-v-f29d6b37]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-dark, #0f172a)}.display-name-group[data-v-f29d6b37]{display:flex;gap:1rem;align-items:center}.name-input[data-v-f29d6b37]{flex:1;max-width:400px;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:border-color .2s}.name-input[data-v-f29d6b37]:focus{outline:none;border-color:var(--color-primary)}.name-input[data-v-f29d6b37]:disabled{background:#f9fafb;color:#6b7280}.btn-edit[data-v-f29d6b37],.btn-save[data-v-f29d6b37]{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-edit[data-v-f29d6b37]:hover,.btn-save[data-v-f29d6b37]:hover{background:var(--color-primary-dark)}.account-actions[data-v-f29d6b37]{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.btn-logout[data-v-f29d6b37],.btn-delete[data-v-f29d6b37]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout[data-v-f29d6b37]{background:#f3f4f6;color:var(--color-text-dark, #0f172a)}.btn-logout[data-v-f29d6b37]:hover{background:#e5e7eb}.btn-delete[data-v-f29d6b37]{background:#fee2e2;color:#dc2626}.btn-delete[data-v-f29d6b37]:hover{background:#fecaca}.success-edit-name[data-v-f29d6b37]{margin-top:.5rem;padding:.75rem 1rem;background:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;color:#065f46;font-size:.875rem;animation:slideIn-f29d6b37 .3s ease-out}.error-edit-name[data-v-f29d6b37]{margin-top:.5rem;padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;animation:slideIn-f29d6b37 .3s ease-out}@keyframes slideIn-f29d6b37{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.collections-section[data-v-f29d6b37]{background:#fff;border-radius:12px;padding:2rem;margin:0 2rem 2rem;box-shadow:0 1px 3px #0000001a}.collections-section h2[data-v-f29d6b37]{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text-dark, #0f172a)}.collections-grid[data-v-f29d6b37]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.empty-state[data-v-f29d6b37],.loading-state[data-v-f29d6b37]{text-align:center;color:#6b7280;font-size:1rem;padding:3rem 0}.error-state[data-v-f29d6b37]{text-align:center;padding:2rem}.error-state p[data-v-f29d6b37]{color:#dc2626;margin-bottom:1rem}.btn-retry[data-v-f29d6b37]{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-retry[data-v-f29d6b37]:hover{background:var(--color-primary-dark)}.recipes-section[data-v-f29d6b37]{background:#fff;border-radius:12px;padding:2rem;margin:0 2rem 2rem;box-shadow:0 1px 3px #0000001a}.recipes-section h2[data-v-f29d6b37]{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text-dark, #0f172a)}.recipes-grid[data-v-f29d6b37]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.message[data-v-f29d6b37]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideUp-f29d6b37 .3s ease-out;z-index:1000}.success-message[data-v-f29d6b37]{background:#059669;color:#fff}.error-message[data-v-f29d6b37]{background:#dc2626;color:#fff}@keyframes slideUp-f29d6b37{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.collection-layout[data-v-970adb33]{display:flex;height:100vh;overflow:hidden}.collection-content[data-v-970adb33]{flex:1;background:#f9fafb;display:flex;flex-direction:column;overflow-y:auto}.collection-navbar[data-v-970adb33]{background:#fff;border-bottom:2px solid var(--color-primary);padding:1.5rem 2rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center}.collection-navbar h1[data-v-970adb33]{margin:0;font-size:1.75rem;color:var(--color-primary);text-transform:lowercase}.collection-actions[data-v-970adb33]{display:flex;gap:1rem}.btn-action[data-v-970adb33]{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;background:var(--color-primary);color:#fff}.btn-action[data-v-970adb33]:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-danger[data-v-970adb33]{background:#dc2626}.btn-danger[data-v-970adb33]:hover{background:#b91c1c}.recipes-section[data-v-970adb33]{padding:2rem}.recipes-grid[data-v-970adb33]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.empty-state[data-v-970adb33]{text-align:center;color:#6b7280;font-size:1rem;padding:3rem 0}.loading-state[data-v-970adb33]{text-align:center;color:#6b7280;font-size:1rem;padding:3rem 2rem}.error-state[data-v-970adb33]{text-align:center;padding:2rem}.error-state p[data-v-970adb33]{color:#dc2626;margin-bottom:1rem}.btn-retry[data-v-970adb33]{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-retry[data-v-970adb33]:hover{background:var(--color-primary-dark)}.modal-overlay[data-v-970adb33]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-970adb33]{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000026}.modal-content h2[data-v-970adb33]{margin:0 0 1rem;color:var(--color-primary);font-size:1.5rem}.modal-content p[data-v-970adb33]{margin:0 0 1rem;color:#6b7280;font-size:.95rem}.member-input[data-v-970adb33]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-bottom:1.5rem;box-sizing:border-box}.member-input[data-v-970adb33]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.modal-actions[data-v-970adb33]{display:flex;gap:1rem;justify-content:flex-end}.btn-primary[data-v-970adb33]{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary[data-v-970adb33]:hover{background:var(--color-primary-dark)}.btn-secondary[data-v-970adb33]{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary[data-v-970adb33]:hover{background:#e5e7eb}.members-section[data-v-970adb33]{margin-bottom:2rem}.btn-view-members[data-v-970adb33]{padding:.75rem 1.5rem;background:#fff;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem}.btn-view-members[data-v-970adb33]:hover{background:var(--color-primary);color:#fff}.members-dropdown[data-v-970adb33]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #028e4133}.members-dropdown h3[data-v-970adb33]{margin:0 0 1rem;color:var(--color-primary);font-size:1.25rem;font-weight:600}.members-list[data-v-970adb33]{display:flex;flex-direction:column;gap:.75rem}.member-item[data-v-970adb33]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:background .2s}.member-item[data-v-970adb33]:hover{background:#f3f4f6}.member-name[data-v-970adb33]{color:#374151;font-size:.95rem;font-weight:500}.owner-badge[data-v-970adb33]{background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.empty-members[data-v-970adb33]{color:#9ca3af;font-size:.95rem;text-align:center;padding:1rem;margin:0}.btn-add-member[data-v-970adb33]{width:100%;margin-top:1rem;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-member[data-v-970adb33]:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #028e4133}.btn-add-member[data-v-970adb33]:active{transform:translateY(0)}.message[data-v-970adb33]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideUp-970adb33 .3s ease-out;z-index:1000}.success-message[data-v-970adb33]{background:#059669;color:#fff}.error-message[data-v-970adb33]{background:#dc2626;color:#fff}@keyframes slideUp-970adb33{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.recipe-content[data-v-adbb5802]{flex:1;background:#f9fafb;min-height:100vh;display:flex;flex-direction:column}.recipe-details[data-v-adbb5802]{padding:2rem;flex:1}.recipe-header[data-v-adbb5802]{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.recipe-image-container[data-v-adbb5802]{width:100%;height:400px;overflow:hidden}.recipe-image[data-v-adbb5802]{width:100%;height:100%;object-fit:cover}.recipe-title-section[data-v-adbb5802]{padding:2rem}.recipe-title[data-v-adbb5802]{margin:0 0 1rem;font-size:2.5rem;color:var(--color-text-dark, #0f172a);text-transform:capitalize}.recipe-link-container[data-v-adbb5802]{margin-top:1rem}.recipe-link[data-v-adbb5802]{display:inline-block;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background .2s}.recipe-link[data-v-adbb5802]:hover{background:var(--color-primary-dark)}.recipe-section[data-v-adbb5802]{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.recipe-section h2[data-v-adbb5802]{margin:0 0 1.5rem;font-size:1.75rem;color:var(--color-primary);border-bottom:2px solid var(--color-primary);padding-bottom:.5rem}.recipe-description[data-v-adbb5802]{font-size:1.125rem;line-height:1.7;color:var(--color-text-dark, #0f172a);margin:0}.ingredients-list[data-v-adbb5802]{list-style:none;padding:0;margin:0;overflow:visible;max-height:none}.ingredient-item[data-v-adbb5802]{padding:.75rem 1rem;margin-bottom:.5rem;background:#f9fafb;border-radius:6px;border-left:3px solid var(--color-primary);font-size:1.125rem;display:flex;gap:.375rem;align-items:baseline}.ingredient-quantity[data-v-adbb5802]{font-weight:600;color:var(--color-primary);flex-shrink:0}.ingredient-unit[data-v-adbb5802]{color:var(--color-text-dark, #0f172a);flex-shrink:0}.ingredient-name[data-v-adbb5802]{color:var(--color-text-dark, #0f172a);flex:1}.loading-state[data-v-adbb5802]{text-align:center;color:#6b7280;font-size:1rem;padding:3rem 2rem}.error-state[data-v-adbb5802]{text-align:center;padding:2rem}.error-state p[data-v-adbb5802]{color:#dc2626;margin-bottom:1rem;font-size:1.125rem}.btn-retry[data-v-adbb5802]{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-retry[data-v-adbb5802]:hover{background:var(--color-primary-dark)}.empty-state[data-v-adbb5802]{text-align:center;color:#6b7280;font-size:1rem;padding:2rem 0}.recipe-actions[data-v-adbb5802]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-action[data-v-adbb5802]{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit[data-v-adbb5802]{background:#dbeafe;color:#1d4ed8}.btn-edit[data-v-adbb5802]:hover{background:#bfdbfe}.btn-delete[data-v-adbb5802]{background:#fee2e2;color:#dc2626}.btn-delete[data-v-adbb5802]:hover{background:#fecaca}.btn-copy[data-v-adbb5802]{background:#f3e8ff;color:#7c3aed}.btn-copy[data-v-adbb5802]:hover{background:#e9d5ff}.btn-collection[data-v-adbb5802]{background:#d1fae5;color:#059669}.btn-collection[data-v-adbb5802]:hover{background:#a7f3d0}.modal-overlay[data-v-adbb5802]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-adbb5802]{background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column}.modal-header[data-v-adbb5802]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-adbb5802]{margin:0;color:var(--color-primary)}.close-button[data-v-adbb5802]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.modal-body[data-v-adbb5802]{padding:1.5rem 2rem;overflow-y:auto;flex:1}.collection-list[data-v-adbb5802]{display:flex;flex-direction:column;gap:.75rem}.collection-checkbox[data-v-adbb5802]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:6px;cursor:pointer}.collection-checkbox[data-v-adbb5802]:hover{background:#f3f4f6}.collection-checkbox input[data-v-adbb5802]{width:18px;height:18px;accent-color:var(--color-primary)}.modal-footer[data-v-adbb5802]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.btn-done[data-v-adbb5802]{width:100%;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.btn-done[data-v-adbb5802]:hover{background:var(--color-primary-dark)}.delete-modal[data-v-adbb5802]{max-width:400px}.delete-warning[data-v-adbb5802]{font-size:1.1rem;color:var(--color-text-dark, #0f172a);margin:0 0 .5rem}.delete-subtext[data-v-adbb5802]{color:#6b7280;font-size:.9rem;margin:0}.delete-footer[data-v-adbb5802]{display:flex;gap:1rem}.btn-confirm-delete[data-v-adbb5802]{flex:1;padding:.75rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.btn-confirm-delete[data-v-adbb5802]:hover{background:#b91c1c}.btn-confirm-delete[data-v-adbb5802]:disabled{background:#f87171;cursor:not-allowed}.message[data-v-adbb5802]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideUp-adbb5802 .3s ease-out;z-index:1000}.success-message[data-v-adbb5802]{background:#059669;color:#fff}.error-message[data-v-adbb5802]{background:#dc2626;color:#fff}@keyframes slideUp-adbb5802{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.edit-modal[data-v-adbb5802]{max-width:500px;max-height:85vh;display:flex;flex-direction:column}.form-group[data-v-adbb5802]{margin-bottom:1.25rem}.form-group label[data-v-adbb5802]{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text-dark, #0f172a)}.form-input[data-v-adbb5802]{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-adbb5802]:focus{outline:none;border-color:var(--color-primary)}.form-input.disabled[data-v-adbb5802]{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.helper-text[data-v-adbb5802]{font-size:.8rem;color:#6b7280;margin-top:.25rem}.helper-text.error-text[data-v-adbb5802]{color:#dc2626;font-weight:600}textarea.form-input[data-v-adbb5802]{resize:vertical;min-height:80px}.image-preview[data-v-adbb5802]{margin-top:.75rem;border-radius:6px;overflow:hidden;max-height:150px}.image-preview img[data-v-adbb5802]{width:100%;height:100%;object-fit:cover}.modal-footer[data-v-adbb5802]{display:flex;gap:1rem;padding:1.25rem 2rem;border-top:1px solid #e5e7eb}.btn-save[data-v-adbb5802]{flex:1;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.btn-save[data-v-adbb5802]:hover{background:var(--color-primary-dark)}.btn-save[data-v-adbb5802]:disabled{background:#f3a683;cursor:not-allowed}.btn-cancel[data-v-adbb5802]{flex:1;padding:.75rem;background:#f3f4f6;color:var(--color-text-dark, #0f172a);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.btn-cancel[data-v-adbb5802]:hover{background:#e5e7eb}.image-input-toggle[data-v-adbb5802]{display:flex;gap:1.5rem;margin-bottom:.75rem}.radio-option[data-v-adbb5802]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input[type=radio][data-v-adbb5802]{accent-color:var(--color-primary)}.file-input[data-v-adbb5802]{padding:.5rem}.file-name[data-v-adbb5802]{font-size:.85rem;color:#059669;margin-top:.5rem}