:root{--color-primary: #CA552B;--color-primary-hover: #B04A25;--color-primary-light: #F5E6DF;--color-primary-bg: rgba(202, 85, 43, .08);--color-bg: #FBFAF9;--color-bg-white: #FFFFFF;--color-text-dark: #251D18;--color-text-body: #5C4F47;--color-text-muted: #8C7B73;--color-text-light: #B0A39A;--color-border: #E8E2DD;--color-border-light: #F0EBE7;--color-success: #2E7D32;--color-error: #D32F2F;--color-tag-bg: #F5F0EC;--color-tag-hover: #EDE5DE;--color-card-shadow: rgba(37, 29, 24, .06);--color-card-shadow-hover: rgba(37, 29, 24, .12);--color-overlay: rgba(37, 29, 24, .5);--font-heading: "DM Serif Display", Georgia, "Times New Roman", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-max: 1200px;--container-narrow: 900px;--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 16px;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-body);background-color:var(--color-bg);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-dark);line-height:var(--line-height-tight);font-weight:400}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--container-narrow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{padding:var(--space-3xl) 0}.section-title{margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm)}.section-title .emoji{font-size:var(--font-size-xl)}.section-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-xs);font-family:var(--font-body);font-weight:400}.header{background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:#fffffff2}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--space-xl)}.header__logo img{height:60px;width:auto;max-width:200px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.header__nav{display:flex;align-items:center;gap:var(--space-xl)}.header__nav a{color:var(--color-text-body);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) 0;position:relative;transition:color var(--transition-fast)}.header__nav a:hover,.header__nav a.active{color:var(--color-text-dark)}.header__nav a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}.header__search{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-full);padding:.4rem 1rem;gap:var(--space-sm);flex:0 1 280px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.header__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.header__search input{border:none;background:transparent;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-dark);outline:none;width:100%}.header__search input::placeholder{color:var(--color-text-light)}.header__search svg{color:var(--color-text-muted);flex-shrink:0;width:16px;height:16px}.header__actions{display:flex;align-items:center;gap:var(--space-md)}.header__user{display:flex;align-items:center;gap:var(--space-sm)}.header__user-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-dark)}.header__user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.5rem 1.25rem;border-radius:var(--border-radius-full);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ca552b4d}.btn--outline{background:transparent;color:var(--color-text-body);border:1px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-text-muted);color:var(--color-text-dark)}.btn--ghost{background:transparent;color:var(--color-text-body);padding:.5rem}.btn--ghost:hover{color:var(--color-text-dark);background:var(--color-tag-bg)}#nav-auth-mobile{display:none}.header__mobile-toggle{display:none;background:none;border:none;padding:var(--space-sm);cursor:pointer;color:var(--color-text-dark)}.header__mobile-toggle svg{width:24px;height:24px}.hero{padding:var(--space-4xl) 0;text-align:center;background:linear-gradient(180deg,var(--color-bg-white) 0%,var(--color-bg) 100%)}.hero__title{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);color:var(--color-text-dark)}.hero__title span{color:var(--color-primary)}.hero__subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:550px;margin:0 auto var(--space-xl);line-height:var(--line-height-relaxed)}.hero__search{max-width:560px;margin:0 auto var(--space-xl);display:flex;align-items:center;background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--border-radius-full);padding:.5rem .5rem .5rem 1.5rem;gap:var(--space-md);box-shadow:0 4px 20px var(--color-card-shadow);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.hero__search:focus-within{border-color:var(--color-primary);box-shadow:0 4px 20px #ca552b1a}.hero__search input{border:none;background:transparent;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-dark);outline:none;flex:1}.hero__search input::placeholder{color:var(--color-text-light)}.hero__search .btn{flex-shrink:0}.hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);max-width:600px;margin:0 auto}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.35rem .85rem;background:var(--color-tag-bg);color:var(--color-text-body);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;text-decoration:none}.tag:hover{background:var(--color-tag-hover);color:var(--color-text-dark);border-color:var(--color-border)}.tag.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.recipe-card{background:var(--color-bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 3px var(--color-card-shadow);transition:all var(--transition-base);cursor:pointer;text-decoration:none;color:inherit;display:block}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--color-card-shadow-hover);color:inherit}.recipe-card__image{position:relative;padding-top:66%;overflow:hidden}.recipe-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.recipe-card:hover .recipe-card__image img{transform:scale(1.05)}.recipe-card__body{padding:var(--space-md) var(--space-lg)}.recipe-card__title{font-size:var(--font-size-base);font-family:var(--font-body);font-weight:600;color:var(--color-text-dark);margin-bottom:var(--space-sm);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-card__meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.recipe-card__meta span{display:flex;align-items:center;gap:var(--space-xs)}.recipe-card__meta svg{width:14px;height:14px}.category-group{margin-bottom:var(--space-2xl)}.category-group__title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.category-group__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.category-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-body);transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.category-card:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.category-card .count{font-size:var(--font-size-xs);color:var(--color-text-light);background:var(--color-tag-bg);padding:.15rem .5rem;border-radius:var(--border-radius-full);font-weight:500}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.creator-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--color-bg-white);border-radius:var(--border-radius);border:1px solid var(--color-border-light);transition:all var(--transition-base);cursor:pointer;text-decoration:none;color:inherit}.creator-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--color-card-shadow-hover);border-color:transparent;color:inherit}.creator-card__avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-md);border:3px solid var(--color-border-light);transition:border-color var(--transition-fast)}.creator-card:hover .creator-card__avatar{border-color:var(--color-primary)}.creator-card__avatar img{width:100%;height:100%;object-fit:cover}.creator-card__name{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--space-xs)}.creator-card__bio{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creator-card__stats{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) 0}.auth-card{background:var(--color-bg-white);border-radius:var(--border-radius-lg);box-shadow:0 4px 24px var(--color-card-shadow);padding:var(--space-2xl);width:100%;max-width:440px}.auth-card__title{text-align:center;margin-bottom:var(--space-lg)}.auth-card__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-dark);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-dark);background:var(--color-bg-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.form-input::placeholder{color:var(--color-text-light)}.form-input.error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg)}.form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary)}.form-checkbox label{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.5}.form-checkbox a{color:var(--color-primary)}.auth-card__footer{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.alert{padding:var(--space-md);border-radius:var(--border-radius-sm);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.alert--success{background:#2e7d321a;color:var(--color-success);border:1px solid rgba(46,125,50,.2)}.alert--error{background:#d32f2f1a;color:var(--color-error);border:1px solid rgba(211,47,47,.2)}.footer{background:var(--color-bg-white);border-top:1px solid var(--color-border-light);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-3xl)}.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer__brand img{height:40px;width:auto;object-fit:contain;margin-bottom:var(--space-md)}.footer__brand p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);max-width:250px;margin-bottom:var(--space-lg)}.footer__social{display:flex;gap:var(--space-md)}.footer__social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-tag-bg);color:var(--color-text-muted);transition:all var(--transition-fast)}.footer__social a:hover{background:var(--color-primary);color:#fff}.footer__social svg{width:16px;height:16px}.footer__column h4{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-dark);margin-bottom:var(--space-md)}.footer__column a{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-xs) 0;transition:color var(--transition-fast)}.footer__column a:hover{color:var(--color-primary)}.footer__bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards;opacity:0}.animate-in:nth-child(1){animation-delay:.05s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}@media(max-width:1024px){.recipe-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--font-size-3xl: 2rem;--font-size-4xl: 2.5rem}.header__nav,.header__search{display:none}.header__mobile-toggle{display:block}#auth-actions{display:none}#nav-auth-mobile{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.header__nav.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--color-bg-white);padding:var(--space-lg);border-bottom:1px solid var(--color-border);box-shadow:0 8px 24px var(--color-card-shadow);gap:var(--space-sm)}.header__nav.open a{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-sm);font-size:var(--font-size-base)}.header__nav.open a:hover{background:var(--color-tag-bg)}.recipe-grid,.creator-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.hero__search{flex-direction:column;border-radius:var(--border-radius);padding:var(--space-md)}.hero__search .btn{width:100%}.footer__grid{grid-template-columns:1fr;gap:var(--space-xl)}.auth-card{margin:0 var(--space-md);padding:var(--space-lg)}}@media(max-width:480px){.category-grid{grid-template-columns:1fr}h1{font-size:var(--font-size-2xl)}.hero{padding:var(--space-2xl) 0}}.recipe-hero{position:relative;height:400px;overflow:hidden;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.recipe-hero img{width:100%;height:100%;object-fit:cover}.recipe-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--color-overlay))}.breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);flex-wrap:wrap}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs .separator{color:var(--color-text-light)}.recipe-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.recipe-detail{padding:var(--space-2xl) 0}.recipe-detail__header{margin-bottom:var(--space-xl)}.recipe-detail__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.recipe-detail__description{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:var(--line-height-relaxed);max-width:600px;margin-bottom:var(--space-lg)}.recipe-detail__info{display:flex;align-items:center;gap:var(--space-xl);font-size:var(--font-size-sm);color:var(--color-text-muted)}.recipe-detail__info span{display:flex;align-items:center;gap:var(--space-xs)}.recipe-detail__info svg{width:16px;height:16px}.recipe-detail__actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.recipe-content{display:grid;grid-template-columns:300px 1fr;gap:var(--space-3xl);margin-top:var(--space-2xl)}.ingredients{position:sticky;top:88px;align-self:start}.ingredients h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.ingredients__servings{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-body)}.servings-control{display:flex;align-items:center;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.2rem}.servings-control button{width:28px;height:28px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.servings-control button:hover{background:var(--color-tag-bg);color:var(--color-text-dark)}.servings-control span{font-weight:600;min-width:24px;text-align:center}.ingredient-list{list-style:none}.ingredient-list li{padding:.6rem 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);display:flex;gap:var(--space-sm)}.ingredient-list li:last-child{border-bottom:none}.ingredient-list .amount{font-weight:600;color:var(--color-text-dark);white-space:nowrap}.steps h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg)}.step{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.step__number{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;flex-shrink:0;margin-top:2px}.step__text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-body)}.tip-box{background:#fff8e1;border-left:4px solid #FFB300;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;padding:var(--space-lg);margin-top:var(--space-xl)}.tip-box__title{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-sm);color:#f57f17;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.tip-box p{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:var(--line-height-relaxed)}.nutrition{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius);padding:var(--space-lg);margin-top:var(--space-xl)}.nutrition__title{font-size:var(--font-size-sm);font-family:var(--font-body);font-weight:600;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.nutrition__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);text-align:center}.nutrition__item{padding:var(--space-md);background:var(--color-bg);border-radius:var(--border-radius-sm)}.nutrition__value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-dark)}.nutrition__value small{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted)}.nutrition__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.creator-attribution{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius);margin-top:var(--space-xl)}.creator-attribution__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.creator-attribution__avatar img{width:100%;height:100%;object-fit:cover}.creator-attribution__info{flex:1}.creator-attribution__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.creator-attribution__name{font-weight:600;color:var(--color-primary);font-size:var(--font-size-base)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl)}.pagination__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;background:var(--color-bg-white);border:1px solid var(--color-border);color:var(--color-text-body);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.pagination__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__dots{color:var(--color-text-muted);padding:0 var(--space-xs)}.page-header{padding:var(--space-2xl) 0 var(--space-lg)}.page-header h1{margin-bottom:var(--space-sm)}.page-header__subtitle{color:var(--color-text-muted);font-size:var(--font-size-md)}.results-info{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.results-info strong{color:var(--color-text-dark)}.filter-bar{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-xl)}.filter-bar__search{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.5rem 1rem;gap:var(--space-sm);margin-bottom:var(--space-lg)}.filter-bar__search input{border:none;background:transparent;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-dark);outline:none;width:100%}.filter-bar__search input::placeholder{color:var(--color-text-light)}.filter-bar__search svg{color:var(--color-text-muted);flex-shrink:0;width:16px;height:16px}.filter-group{margin-bottom:var(--space-md)}.filter-group:last-child{margin-bottom:0}.filter-group__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;cursor:pointer;user-select:none}.filter-group__header h3{font-size:var(--font-size-sm);font-family:var(--font-body);font-weight:600;color:var(--color-text-dark)}.filter-group__header svg{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.filter-group.open .filter-group__header svg{transform:rotate(180deg)}.filter-group__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-top:var(--space-sm);display:none}.filter-group.open .filter-group__tags{display:flex}@media(max-width:1024px){.recipe-content{grid-template-columns:260px 1fr;gap:var(--space-xl)}.nutrition__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.recipe-content{grid-template-columns:1fr}.ingredients{position:static}.recipe-hero{height:260px}.recipe-detail__info{flex-wrap:wrap;gap:var(--space-md)}.nutrition__grid{grid-template-columns:repeat(2,1fr)}}