.difficulty-filter[data-v-52dc7f90]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.filter-title[data-v-52dc7f90]{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#374151}.difficulty-buttons[data-v-52dc7f90]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.difficulty-btn[data-v-52dc7f90]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.95rem;position:relative;overflow:hidden}.difficulty-btn[data-v-52dc7f90]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--difficulty-color);transform:scaleY(0);transition:transform .2s ease}.difficulty-btn[data-v-52dc7f90]:hover{border-color:var(--difficulty-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.difficulty-btn[data-v-52dc7f90]:hover:before{transform:scaleY(1)}.difficulty-btn.active[data-v-52dc7f90]{border-color:var(--difficulty-color);background:color-mix(in srgb,var(--difficulty-color) 5%,white)}.difficulty-btn.active[data-v-52dc7f90]:before{transform:scaleY(1)}.difficulty-icon[data-v-52dc7f90]{font-size:1.2rem}.difficulty-text[data-v-52dc7f90]{font-weight:500;color:#374151;flex:1}.recipe-count[data-v-52dc7f90]{font-size:.85rem;color:#6b7280;font-weight:400}.filter-actions[data-v-52dc7f90]{display:flex;gap:.75rem}.action-btn[data-v-52dc7f90]{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.action-btn[data-v-52dc7f90]:hover{background:#f9fafb;border-color:#9ca3af}.select-all[data-v-52dc7f90]{color:#059669;border-color:#10b981}.select-all[data-v-52dc7f90]:hover{background:#ecfdf5}.clear-all[data-v-52dc7f90]{color:#dc2626;border-color:#f87171}.clear-all[data-v-52dc7f90]:hover{background:#fef2f2}@media(max-width:640px){.difficulty-filter[data-v-52dc7f90]{padding:1rem}.difficulty-buttons[data-v-52dc7f90]{gap:.5rem}.difficulty-btn[data-v-52dc7f90]{padding:.6rem .8rem;font-size:.9rem}.filter-actions[data-v-52dc7f90]{flex-direction:column}}.fs-oppskrift-title[data-v-52bcd2f6]{font-size:3rem;letter-spacing:0px;font-weight:400}.fs-oppskrift-title--mobile[data-v-52bcd2f6]{font-size:2.125rem;letter-spacing:.25px;font-weight:400}.fs-oppskrift-ingress[data-v-52bcd2f6]{font-size:1.5rem;letter-spacing:0px;font-weight:400}.fs-oppskrift-steps[data-v-52bcd2f6]{font-size:1rem;font-weight:300;letter-spacing:normal}.fs-h1[data-v-52bcd2f6]{font-size:6rem;letter-spacing:-.5px;font-weight:light;color:var(--fs-black)}.fs-h2[data-v-52bcd2f6]{font-size:3.75rem;letter-spacing:-.2px;font-weight:light;color:var(--fs-black)}.fs-h3[data-v-52bcd2f6]{font-size:3rem;letter-spacing:0px;font-weight:400}.fs-h4[data-v-52bcd2f6]{font-size:2.125rem;letter-spacing:.25px;font-weight:400}.fs-h5[data-v-52bcd2f6]{font-size:1.5rem;letter-spacing:0px;font-weight:400}.fs-h6[data-v-52bcd2f6]{font-size:1.25rem;letter-spacing:.15px;font-weight:medium}.fs-body1[data-v-52bcd2f6]{font-size:1rem;letter-spacing:0px;font-weight:400;color:var(--fs-black)}.fs-body2[data-v-52bcd2f6]{font-size:.875rem;letter-spacing:.25px;font-weight:400}.fs-subtitle1[data-v-52bcd2f6]{font-size:1rem;letter-spacing:.15px;font-weight:medium}.fs-subtitle2[data-v-52bcd2f6]{font-size:.875rem;letter-spacing:.1px;font-weight:medium}.fs-text-button[data-v-52bcd2f6]{font-size:.875rem;letter-spacing:1.25px;font-weight:medium}.fs-overline[data-v-52bcd2f6]{font-size:.625rem;letter-spacing:1.5px;font-weight:400}.fs-caption[data-v-52bcd2f6]{font-size:.75rem;letter-spacing:.4px;font-weight:400}.fstruncate-text[data-v-52bcd2f6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-52bcd2f6]:root{--fs-transparent: transparent;--fs-white: #fff;--fs-black: #1f1209;--fs-gray-100: #f3f4f6;--fs-gray-200: #e5e7eb;--fs-gray-300: #cbd5e1;--fs-gray-400: #9ca3af;--fs-gray-500: #6b7280;--fs-gray-600: #4b5563;--fs-gray-700: #374151;--fs-gray-800: #1f2937;--fs-gray-900: #111827;--fs-vanilla: #fdf8e8;--fs-lime: #bed5ae;--fs-lime-light: #d1e1c8;--fs-brokkoli: #40595a;--fs-berries-50: #fef7f4;--fs-berries-100: #fbd3c4;--fs-berries-200: #cfaebf;--fs-berries-300: #ce8884;--fs-berries-400: #c06c7e;--fs-berries-500: #b04c6a;--fs-berries-600: #9e3d5a}.fs-card[data-v-52bcd2f6]{display:flex;flex-direction:column;border:1px solid var(--fs-gray-400);border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-radius:.5rem;background-color:#fff;color:var(--fs-black);text-decoration:none;box-shadow:0 10px 15px -3px #40595a1a}@media screen and (min-width:64rem){.fs-card[data-v-52bcd2f6]{flex-direction:row;border-top-width:1px;max-width:36rem}}.fs-card[data-v-52bcd2f6]:hover{background-color:var(--fs-gray-100);color:var(--fs-black);outline:2px solid var(--fs-berries-500)}.fs-card[data-v-52bcd2f6]:focus-visible{outline:2px solid var(--fs-berries-500);background-color:var(--fs-gray-100)}.fs-card[data-v-52bcd2f6]:active{background-color:var(--fs-gray-200);color:var(--fs-black)}.fs-card__image[data-v-52bcd2f6]{flex-shrink:0;background:var(--fs-gray-100);line-height:0}@media screen and (min-width:64rem){.fs-card__image[data-v-52bcd2f6]{position:relative;flex:0 0 12rem;width:12rem;align-self:stretch;min-height:0;overflow:hidden;background:transparent;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}}.fs-card__picture[data-v-52bcd2f6]{border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center}@media screen and (min-width:64rem){.fs-card__picture[data-v-52bcd2f6]{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;object-fit:cover;object-position:center}}.fs-card__content[data-v-52bcd2f6]{display:flex;flex-direction:column;flex:1 1 0%;padding:1rem}.fs-card__footer[data-v-52bcd2f6]{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;justify-content:flex-end}.fs-card__footer-time[data-v-52bcd2f6]{display:flex;align-items:center;gap:.25rem;color:var(--fs-gray-500);font-size:.875rem;font-weight:500}.fs-card__footer-circle[data-v-52bcd2f6]{display:grid;place-items:center;background:var(--fs-gray-100);border:1px solid var(--fs-gray-300);border-radius:9999px;width:2.5rem;height:2.5rem;font-size:1rem;box-shadow:0 1px 2px #0000000d}.fs-card__text[data-v-52bcd2f6]{display:flex;flex-direction:column;flex:1 1 0%}.fs-card__text h2[data-v-52bcd2f6]{font-size:1.25rem;font-weight:600;letter-spacing:normal;line-height:1.5rem;margin-bottom:1rem}.fs-card__text p[data-v-52bcd2f6]{font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.625rem;margin-bottom:.75rem}.next-level-suggestions[data-v-f0cbbcc3]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid #e2e8f0}.suggestions-title[data-v-f0cbbcc3]{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:600;margin:0 0 .5rem;color:#1e293b}.title-icon[data-v-f0cbbcc3]{font-size:1.5rem}.suggestions-subtitle[data-v-f0cbbcc3]{color:#64748b;margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.suggestions-grid[data-v-f0cbbcc3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.suggestion-card[data-v-f0cbbcc3]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;cursor:pointer;border:1px solid #e2e8f0}.suggestion-card[data-v-f0cbbcc3]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:#cbd5e1}.suggestion-image[data-v-f0cbbcc3]{position:relative;height:200px;overflow:hidden}.suggestion-image img[data-v-f0cbbcc3]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.suggestion-card:hover .suggestion-image img[data-v-f0cbbcc3]{transform:scale(1.05)}.difficulty-overlay[data-v-f0cbbcc3]{position:absolute;top:.75rem;right:.75rem}.suggestion-content[data-v-f0cbbcc3]{padding:1.25rem}.suggestion-title[data-v-f0cbbcc3]{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#1e293b;line-height:1.3}.suggestion-description[data-v-f0cbbcc3]{color:#64748b;font-size:.9rem;line-height:1.4;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestion-meta[data-v-f0cbbcc3]{display:flex;gap:1rem;flex-wrap:wrap}.meta-item[data-v-f0cbbcc3]{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#64748b}.meta-icon[data-v-f0cbbcc3]{font-size:.9rem}@media(max-width:768px){.next-level-suggestions[data-v-f0cbbcc3]{padding:1.5rem;margin:1.5rem 0}.suggestions-title[data-v-f0cbbcc3]{font-size:1.2rem}.suggestions-grid[data-v-f0cbbcc3]{grid-template-columns:1fr;gap:1rem}.suggestion-image[data-v-f0cbbcc3]{height:180px}.suggestion-content[data-v-f0cbbcc3]{padding:1rem}}@media(max-width:480px){.next-level-suggestions[data-v-f0cbbcc3]{padding:1rem}.suggestions-title[data-v-f0cbbcc3]{font-size:1.1rem}.suggestion-meta[data-v-f0cbbcc3]{flex-direction:column;gap:.5rem}}.demo-container[data-v-d8738e86]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.demo-container h1[data-v-d8738e86]{font-size:2.5rem;color:#1e293b;margin-bottom:1rem;text-align:center}.demo-description[data-v-d8738e86]{text-align:center;color:#64748b;font-size:1.1rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.demo-layout[data-v-d8738e86]{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:3rem}.filters-sidebar[data-v-d8738e86]{position:sticky;top:2rem;height:fit-content}.filter-info[data-v-d8738e86]{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;margin-top:1rem}.filter-info h4[data-v-d8738e86]{margin:0 0 1rem;color:#1e293b;font-size:1rem}.filter-info ul[data-v-d8738e86]{margin:0;padding-left:1.5rem;color:#64748b;font-size:.9rem;line-height:1.5}.filter-info li[data-v-d8738e86]{margin-bottom:.5rem}.recipes-header[data-v-d8738e86]{margin-bottom:2rem}.recipes-header h2[data-v-d8738e86]{color:#1e293b;margin:0 0 .5rem}.recipes-header p[data-v-d8738e86]{color:#64748b;margin:0}.recipes-grid[data-v-d8738e86]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.no-results[data-v-d8738e86]{text-align:center;padding:3rem;color:#64748b}.clear-filters-btn[data-v-d8738e86]{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;margin-top:1rem}.clear-filters-btn[data-v-d8738e86]:hover{background:#2563eb}.suggestions-demo[data-v-d8738e86]{margin-top:2rem}.suggestions-intro[data-v-d8738e86]{text-align:center;color:#64748b;margin-bottom:2rem;font-size:1rem}.divider[data-v-d8738e86]{text-align:center;margin:3rem 0;padding:1rem 0;border-top:1px solid #e2e8f0}.divider h2[data-v-d8738e86]{color:#1e293b;font-size:1.5rem;margin:0}@media(max-width:1024px){.demo-layout[data-v-d8738e86]{grid-template-columns:1fr}.filters-sidebar[data-v-d8738e86]{position:static;order:2}.recipes-main[data-v-d8738e86]{order:1}}@media(max-width:768px){.demo-container[data-v-d8738e86]{padding:1rem}.demo-container h1[data-v-d8738e86]{font-size:2rem}.recipes-grid[data-v-d8738e86]{grid-template-columns:1fr}.recipes-title[data-v-d8738e86]{font-size:1.1rem}.suggestion-meta[data-v-d8738e86]{flex-direction:column;gap:.5rem}}