:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-background: #fdf6e3;--color-surface: #ffffff;--color-header: #f4e6a1;--color-primary: #8b7355;--color-border: #e6d373;--color-text-primary: #5d4e37;--color-text-secondary: #333333;--color-text-muted: #666666;--color-success: #228b22;--color-warning: #daa520;--color-error: #cd5c5c;--color-placeholder: #CCCCCC;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 8px rgba(0,0,0,.15);--shadow-lg: 0 8px 16px rgba(0,0,0,.2);--container-max-width: 1200px}body{background-color:var(--color-background);color:var(--color-text-secondary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0}#app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:all .3s ease;font-weight:500}.btn-primary{background-color:var(--color-primary);color:var(--color-background)}.btn-primary:hover{background-color:#6b5b48}.btn-secondary{background-color:var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background-color:#d4c366}.grid{display:grid;gap:var(--spacing-md)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-secondary);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #8b735533}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder,.search-input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-placeholder);opacity:1}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-md)}.mt-2{margin-top:var(--spacing-xl)}.recipe-card[data-v-e7b8f16c]{cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.recipe-card[data-v-e7b8f16c]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.recipe-content[data-v-e7b8f16c]{flex:1;display:flex;flex-direction:column}.recipe-header[data-v-e7b8f16c]{margin-bottom:var(--spacing-sm)}.recipe-title[data-v-e7b8f16c]{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin:0;line-height:1.3}.brew-date[data-v-e7b8f16c]{color:var(--color-text-muted);font-weight:400;font-size:.9rem}.recipe-description[data-v-e7b8f16c]{color:var(--color-text-secondary);line-height:1.5;flex:1}.recipe-meta[data-v-e7b8f16c]{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.meta-content[data-v-e7b8f16c]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);flex:1}.meta-item[data-v-e7b8f16c]{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.label-color-dot[data-v-e7b8f16c]{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.8);box-shadow:0 1px 3px #0003}.color-yellow[data-v-e7b8f16c]{background-color:gold}.color-white[data-v-e7b8f16c]{background-color:#fff;border-color:#0003}.color-green[data-v-e7b8f16c]{background-color:#22c55e}.color-red[data-v-e7b8f16c]{background-color:#ef4444}.color-black[data-v-e7b8f16c]{background-color:#1f2937}.color-blue[data-v-e7b8f16c]{background-color:#3b82f6}@media (max-width: 768px){.recipe-title[data-v-e7b8f16c]{font-size:1.1rem}.recipe-meta[data-v-e7b8f16c]{flex-direction:row;align-items:center}.meta-content[data-v-e7b8f16c]{flex-direction:column;gap:var(--spacing-xs)}}.modal-overlay[data-v-8903fcbe]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content[data-v-8903fcbe]{background-color:var(--color-background);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-8903fcbe]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title[data-v-8903fcbe]{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:600}.close-button[data-v-8903fcbe]{background:none;border:none;font-size:2rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .3s ease}.close-button[data-v-8903fcbe]:hover{background-color:var(--color-border);color:var(--color-text-primary)}.modal-body[data-v-8903fcbe]{padding:var(--spacing-lg)}.recipe-info h3[data-v-8903fcbe]{color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-size:1.2rem}.description[data-v-8903fcbe]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.recipe-stats[data-v-8903fcbe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.stat[data-v-8903fcbe]{display:flex;justify-content:space-between;align-items:center}.stat-label[data-v-8903fcbe]{color:var(--color-text-muted);font-weight:500}.stat-value[data-v-8903fcbe]{color:var(--color-text-primary);font-weight:600}.ingredients-section h4[data-v-8903fcbe]{color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;font-size:1.3rem;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.ingredient-group[data-v-8903fcbe]{margin-bottom:var(--spacing-lg)}.ingredient-group h5[data-v-8903fcbe]{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;font-weight:600}.ingredient-list[data-v-8903fcbe]{list-style:none;padding:0;margin:0}.ingredient-item[data-v-8903fcbe]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.ingredient-item[data-v-8903fcbe]:last-child{border-bottom:none}.ingredient-name[data-v-8903fcbe]{color:var(--color-text-secondary)}.ingredient-amount[data-v-8903fcbe]{color:var(--color-text-primary);font-weight:600}.hefe-name[data-v-8903fcbe]{color:var(--color-text-secondary);margin:0;padding:var(--spacing-sm) 0}.modal-footer[data-v-8903fcbe]{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media (max-width: 768px){.modal-overlay[data-v-8903fcbe]{padding:var(--spacing-md)}.modal-content[data-v-8903fcbe]{max-height:95vh}.recipe-stats[data-v-8903fcbe]{grid-template-columns:1fr}.modal-title[data-v-8903fcbe]{font-size:1.3rem}}.home-header[data-v-2f27d541]{margin-bottom:var(--spacing-xxl)}.page-title[data-v-2f27d541]{font-size:2.5rem;margin-bottom:var(--spacing-md);font-weight:700}.page-subtitle[data-v-2f27d541]{font-size:1.2rem;margin-bottom:var(--spacing-xl)}.section-title[data-v-2f27d541]{font-size:1.8rem;margin-bottom:var(--spacing-xl);font-weight:600}.latest-recipes[data-v-2f27d541]{margin-bottom:var(--spacing-xxl)}.recipe-grid[data-v-2f27d541]{margin-top:var(--spacing-xl)}.loading[data-v-2f27d541],.error[data-v-2f27d541],.empty-state[data-v-2f27d541]{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-muted)}.error[data-v-2f27d541]{color:var(--color-error)}@media (max-width: 768px){.page-title[data-v-2f27d541]{font-size:2rem}.page-subtitle[data-v-2f27d541]{font-size:1rem}.section-title[data-v-2f27d541]{font-size:1.5rem}}.app-header[data-v-af2833b8]{background-color:var(--color-header);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar[data-v-af2833b8]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;position:relative}.navbar-brand[data-v-af2833b8]{flex-shrink:0}.brand-link[data-v-af2833b8]{display:flex;align-items:center;text-decoration:none;color:var(--color-text-primary);font-weight:700;font-size:1.2rem}.logo[data-v-af2833b8]{font-size:2rem;margin-right:var(--spacing-sm)}.brand-text[data-v-af2833b8]{font-size:1.2rem}.navbar-nav[data-v-af2833b8]{display:flex;align-items:center;gap:var(--spacing-md);flex:1;justify-content:center}.nav-item[data-v-af2833b8]{position:relative}.nav-link[data-v-af2833b8]{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:background-color .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem}.nav-link[data-v-af2833b8]:hover{background-color:#8b73551a}.dropdown-arrow[data-v-af2833b8]{font-size:.8rem;transition:transform .3s ease}.dropdown.active .dropdown-arrow[data-v-af2833b8]{transform:rotate(180deg)}.dropdown-menu[data-v-af2833b8]{position:absolute;top:100%;left:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:200px;z-index:1000;margin-top:var(--spacing-xs)}.dropdown-menu-right[data-v-af2833b8]{right:0;left:auto}.dropdown-item[data-v-af2833b8]{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .3s ease}.dropdown-item[data-v-af2833b8]:hover{background-color:var(--color-background)}.dropdown-item.router-link-active[data-v-af2833b8]{background-color:var(--color-primary);color:var(--color-background)}.navbar-actions[data-v-af2833b8]{flex-shrink:0}.user-menu[data-v-af2833b8]{position:relative}.user-button[data-v-af2833b8]{background:none;border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.user-button[data-v-af2833b8]:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.logout-btn[data-v-af2833b8]{color:var(--color-error);border-top:1px solid var(--color-border)}.logout-btn[data-v-af2833b8]:hover{background-color:#cd5c5c1a}.dropdown-overlay[data-v-af2833b8]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}@media (max-width: 768px){.navbar[data-v-af2833b8]{flex-wrap:wrap;gap:var(--spacing-sm)}.navbar-nav[data-v-af2833b8]{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap}.brand-text[data-v-af2833b8]{display:none}.dropdown-menu[data-v-af2833b8]{position:fixed;left:var(--spacing-md);right:var(--spacing-md);top:auto;width:auto}}.main-content[data-v-3f9c8537]{flex:1;padding:var(--spacing-xl) 0}