.recipe-details-pane[data-v-348d6ae2]{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.empty[data-v-348d6ae2]{align-items:center;color:var(--textMuted,#666);display:flex;font-size:1rem;height:100%;justify-content:center}.recipes-area[data-v-c2f6ed34]{background:var(--surface-base,var(--surface));color:var(--surface-base-text,var(--textPrimary));display:flex;height:100%;min-height:0;position:relative}.sidebar-toggle[data-v-c2f6ed34]{align-items:center;background:var(--surface-elevated,var(--surface));border:1px solid var(--borderDefault);border-radius:var(--border-radius-md);box-shadow:0 2px 4px #0000001a;color:var(--surface-elevated-text,var(--textPrimary));cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-md);line-height:1;padding:.375rem .5rem;position:absolute;transition:all .2s;z-index:100}.sidebar-toggle[data-v-c2f6ed34]:hover{background:var(--surface-alt,var(--surfaceAlt));border-color:var(--accentFill)}.sidebar-toggle.mobile-style[data-v-c2f6ed34]{background:var(--accentFill,#24aab4);box-shadow:0 2px 8px #00000026;color:#fff;font-size:.875rem;left:.5rem;padding:.5rem .75rem;top:.5rem}.sidebar-toggle.mobile-style[data-v-c2f6ed34]:hover{background:var(--accentFill,#24aab4);opacity:.9}.sidebar-toggle.mobile-style.active[data-v-c2f6ed34]{background:var(--textPrimary,#333)}.sidebar-toggle[data-v-c2f6ed34]:not(.mobile-style){left:.5rem;top:.5rem}.main-content[data-v-c2f6ed34]{background:var(--surface);flex:1;min-width:0;overflow:hidden}.recipe-list-container[data-v-c2f6ed34]{background:var(--surface);border-right:1px solid var(--borderDefault,#e0e0e0);display:flex;flex-direction:column}.header[data-v-c2f6ed34]{align-items:center;gap:var(--spacing-md);justify-content:space-between}.header[data-v-c2f6ed34],.search-filter-section[data-v-c2f6ed34]{background:var(--surface,#fff);border-bottom:1px solid var(--borderDefault,#e0e0e0);display:flex;flex-shrink:0;padding:.75rem}.search-filter-section[data-v-c2f6ed34]{flex-direction:column;gap:var(--spacing-lg)}.search-box[data-v-c2f6ed34]{position:relative}.search-input[data-v-c2f6ed34]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:var(--border-radius-md);color:var(--textPrimary,#000);font-size:.875rem;padding:.625rem 2.5rem .625rem .75rem;transition:all .2s;width:100%}.search-input[data-v-c2f6ed34]:focus{background:var(--surface,#fff);border-color:var(--accentFill,#24aab4);outline:none}.search-input[data-v-c2f6ed34]::-moz-placeholder{color:var(--textMuted,#999)}.search-input[data-v-c2f6ed34]::placeholder{color:var(--textMuted,#999)}.search-icon[data-v-c2f6ed34]{font-size:1rem;opacity:.5;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.filters[data-v-c2f6ed34]{display:flex;gap:var(--spacing-md)}.filter-select[data-v-c2f6ed34]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:var(--border-radius-md);color:var(--textPrimary,#000);cursor:pointer;flex:1;font-size:.8125rem;padding:.5rem .75rem;transition:all .2s}.filter-select.small[data-v-c2f6ed34]{flex:0 0 60px;font-size:1rem;text-align:center}.filter-select[data-v-c2f6ed34]:focus,.filter-select[data-v-c2f6ed34]:hover{border-color:var(--accentFill,#24aab4)}.filter-select[data-v-c2f6ed34]:focus{outline:none}.active-filters[data-v-c2f6ed34]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border-radius:var(--border-radius-md);display:flex;font-size:.8125rem;gap:var(--spacing-md);justify-content:space-between;padding:.5rem}.filter-label[data-v-c2f6ed34]{color:var(--textMuted,#666);font-weight:500}.clear-filters-btn[data-v-c2f6ed34]{background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--accentFill,#24aab4);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.25rem .5rem;transition:all .2s}.clear-filters-btn[data-v-c2f6ed34]:hover{background:var(--surface,#fff)}.advanced-filters-toggle[data-v-c2f6ed34]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:var(--border-radius-md);color:var(--textPrimary,#000);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.625rem;transition:all .2s;width:100%}.advanced-filters-toggle[data-v-c2f6ed34]:hover{background:var(--surface,#fff);border-color:var(--accentFill,#24aab4)}.advanced-filters[data-v-c2f6ed34]{background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:var(--border-radius-md);gap:var(--spacing-xl);padding:var(--spacing-xl)}.advanced-filters[data-v-c2f6ed34],.filter-group[data-v-c2f6ed34]{display:flex;flex-direction:column}.filter-group[data-v-c2f6ed34]{gap:var(--spacing-md)}.filter-label-text[data-v-c2f6ed34]{color:var(--textPrimary,#000);font-size:.8125rem;font-weight:600}.time-range[data-v-c2f6ed34]{align-items:center;display:flex;gap:var(--spacing-md)}.time-input[data-v-c2f6ed34]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:var(--border-radius-md);color:var(--textPrimary,#000);flex:1;font-size:.8125rem;padding:.5rem .75rem;transition:all .2s}.time-input[data-v-c2f6ed34]:focus{border-color:var(--accentFill,#24aab4);outline:none}.time-input[data-v-c2f6ed34]::-moz-placeholder{color:var(--textMuted,#999)}.time-input[data-v-c2f6ed34]::placeholder{color:var(--textMuted,#999)}.range-separator[data-v-c2f6ed34]{color:var(--textMuted,#999);font-weight:500}.time-unit[data-v-c2f6ed34]{color:var(--textMuted,#666);font-size:.8125rem;font-weight:500;white-space:nowrap}.checkbox-label[data-v-c2f6ed34]{align-items:center;color:var(--textPrimary,#000);cursor:pointer;display:flex;font-size:.8125rem;gap:var(--spacing-md);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-c2f6ed34]{cursor:pointer;height:1rem;width:1rem}.tag-chips[data-v-c2f6ed34]{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.tag-chip[data-v-c2f6ed34]{background:var(--surface-elevated,var(--surface));border:1px solid var(--borderDefault);border-radius:16px;color:var(--surface-elevated-text,var(--textPrimary));cursor:pointer;font-size:.75rem;font-weight:500;opacity:.8;padding:.375rem .75rem;transition:all .2s}.tag-chip.active[data-v-c2f6ed34],.tag-chip[data-v-c2f6ed34]:hover{border-color:var(--accentFill);opacity:1}.new-recipe-btn[data-v-c2f6ed34],.tag-chip.active[data-v-c2f6ed34]{background:var(--accentFill);color:var(--accentOnFill,#fff)}.new-recipe-btn[data-v-c2f6ed34]{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:opacity .2s ease;white-space:nowrap}.new-recipe-btn[data-v-c2f6ed34]:hover{opacity:.9}.view-toggle[data-v-c2f6ed34]{background:var(--surfaceAlt,#f5f5f5);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:.25rem}.view-toggle button[data-v-c2f6ed34]{background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--textMuted,#666);cursor:pointer;font-size:1rem;padding:.375rem .5rem;transition:all .2s ease}.view-toggle button[data-v-c2f6ed34]:hover{background:var(--surface,#fff);color:var(--textPrimary,#000)}.view-toggle button.active[data-v-c2f6ed34]{background:var(--surface,#fff);box-shadow:0 1px 2px #0000001a;color:var(--accentFill,#24aab4)}.scrollbar[data-v-c2f6ed34]{background:var(--surface);flex:1;min-height:0}.recipe-list[data-v-c2f6ed34]{min-height:100%;padding:var(--spacing-xl)}.recipe-grid[data-v-c2f6ed34]{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.recipe-list-items[data-v-c2f6ed34]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recipe-list-item[data-v-c2f6ed34]{border-radius:var(--border-radius-sm);color:var(--textPrimary,#000);cursor:pointer;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;transition:background .15s ease;white-space:nowrap}.recipe-list-item[data-v-c2f6ed34]:hover{background:var(--surfaceAlt,#f5f5f5)}.recipe-list-item.active[data-v-c2f6ed34]{background:var(--accentFill,#24aab4);color:#fff}.recipe-list-item.untitled[data-v-c2f6ed34]{font-style:italic;opacity:.5}.error[data-v-c2f6ed34]{color:#e53e3e;padding:var(--spacing-xl);text-align:center}.recipe-list-container.sidebar-hidden[data-v-c2f6ed34]{display:none}@container panel (max-width: 600px){.recipes-area[data-v-c2f6ed34]{padding-top:3rem}.recipe-list-container[data-v-c2f6ed34]{border-right:none;width:100%}.main-content[data-v-c2f6ed34]{width:100%}.recipe-list-container:not(.sidebar-hidden)~.main-content[data-v-c2f6ed34]{display:none}.recipe-grid[data-v-c2f6ed34]{grid-template-columns:1fr}}@container panel (min-width: 600px){.recipe-list-container[data-v-c2f6ed34]{width:280px}.main-content[data-v-c2f6ed34]{flex:1}.recipe-list-container.sidebar-hidden~.main-content[data-v-c2f6ed34]{width:100%}}@container panel (min-width: 1000px){.recipe-list-container[data-v-c2f6ed34]{width:320px}.recipe-grid[data-v-c2f6ed34]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}