.search-band{padding:var(--space-3xl) 0 var(--space-4xl);background:var(--color-canvas-soft)}.hero-search{position:relative}.hero-search-form{display:flex;gap:var(--space-sm);max-width:520px;margin:0 auto}.hero-search-input{flex:1}.btn-search{flex-shrink:0;padding:0 var(--space-xl);height:48px}.hero-results{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);width:520px;max-width:100%;z-index:100;background:var(--color-canvas);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-level-4);max-height:400px;overflow-y:auto}.hero-results-body{display:flex;flex-direction:column;padding:var(--space-xs)}.hero-result-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-ink);transition:background-color .1s ease}.hero-result-item:hover{background-color:var(--color-canvas-soft)}.hero-result-img{width:36px;height:36px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.hero-result-name{flex:1;font-size:var(--text-body-sm);font-weight:500;text-align:left}.hero-result-kcal{font-size:var(--text-body-sm);color:var(--color-mute);white-space:nowrap}@keyframes hero-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-header{margin:0 auto var(--space-2xl);text-align:center}.section-title{font-size:var(--text-display-lg);line-height:var(--leading-display-lg);letter-spacing:var(--tracking-display-lg);font-weight:600;margin:0;color:var(--color-ink)}.section-subtitle{font-size:var(--text-body-md);color:var(--color-body);margin:var(--space-sm) 0 0}.categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}@media (max-width: 1024px){.categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.category-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-canvas);border-radius:var(--radius-md);border:1px solid var(--color-hairline);text-decoration:none;transition:box-shadow .15s ease,transform .15s ease;box-shadow:var(--shadow-level-2)}.category-card:hover{box-shadow:var(--shadow-level-3);transform:translateY(-2px) scale(1.02)}.category-card:active{transform:translateY(0) scale(.98)}.category-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.category-info{min-width:0}.category-name{font-size:var(--text-body-sm);font-weight:500;color:var(--color-ink);margin:0 0 2px}.category-count{font-size:var(--text-caption);color:var(--color-mute)}.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.popular-card-img{width:48px;height:48px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid var(--color-hairline)}.popular-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-bottom:var(--space-sm)}@media (max-width: 900px){.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.popular-grid{grid-template-columns:1fr}}.popular-card{display:flex;flex-direction:column;gap:var(--space-xs);text-decoration:none;padding:var(--space-md);transition:box-shadow .2s ease,transform .2s ease;animation:slide-up .3s ease-out both}.popular-card:nth-child(1){animation-delay:.02s}.popular-card:nth-child(2){animation-delay:.06s}.popular-card:nth-child(3){animation-delay:.1s}.popular-card:nth-child(4){animation-delay:.14s}.popular-card:nth-child(5){animation-delay:.18s}.popular-card:nth-child(6){animation-delay:.22s}.popular-card:nth-child(7){animation-delay:.26s}.popular-card:nth-child(8){animation-delay:.3s}.popular-card:nth-child(9){animation-delay:.34s}.popular-card:nth-child(10){animation-delay:.38s}.popular-card:nth-child(11){animation-delay:.42s}.popular-card:nth-child(12){animation-delay:.46s}.popular-card:hover{box-shadow:var(--shadow-level-3);transform:translateY(-3px) scale(1.02)}.popular-card:active{transform:translateY(0) scale(.98)}.popular-card-title{font-size:var(--text-body-sm);font-weight:500;color:var(--color-ink);margin:0;line-height:1.3}.popular-card-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xxs);margin-top:var(--space-xs)}.macro{display:flex;flex-direction:column;align-items:center;gap:1px}.macro-value{font-size:var(--text-body-sm);font-weight:600;color:var(--color-ink)}.macro-label{font-size:9px;color:var(--color-mute);text-transform:uppercase;letter-spacing:.04em}.seo-content-band{background:var(--color-canvas);padding:var(--space-4xl) 0}.seo-content{max-width:720px;margin:0 auto}.seo-content h2{font-size:var(--text-display-lg);margin:0 0 var(--space-lg);color:var(--color-ink)}.seo-content h3{font-size:var(--text-display-sm);margin:var(--space-2xl) 0 var(--space-md);color:var(--color-ink)}.seo-content p{font-size:var(--text-body-md);line-height:var(--leading-body-lg);color:var(--color-body);margin:0 0 var(--space-md)}.seo-content strong{color:var(--color-ink);font-weight:600}.calc-band{background:linear-gradient(135deg,#d4c8e0,#e8d8ee,#c8dce8,#e8d0dc,#d4c8e0);background-size:200% 200%;color:var(--color-on-primary);padding:var(--space-4xl) 0;animation:hero-shimmer 6s ease-in-out infinite}.calc-band .section-title{color:var(--color-on-primary)}.calc-band .section-subtitle{color:var(--color-mute);font-size:var(--text-body-md);margin:var(--space-sm) 0 0}.calc-layout{display:flex;gap:var(--space-xl);align-items:start;justify-content:center}.calc-card{background:var(--color-canvas);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-level-5);flex:1;max-width:480px}.calc-form{display:flex;flex-direction:column;gap:var(--space-md)}.calc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.calc-field{display:flex;flex-direction:column;gap:var(--space-xs)}.calc-label{font-size:var(--text-body-sm);font-weight:500;color:var(--color-ink)}.calc-unit-row{display:flex;gap:var(--space-xs);align-items:center}.calc-unit-row[hidden]{display:none}.calc-input-flex{flex:1;min-width:0}.calc-unit-select{width:auto;min-width:80px;flex-shrink:0}.calc-btn{width:100%;margin-top:var(--space-xs)}.calc-results{background:var(--color-canvas);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-level-5);flex:1;max-width:480px;scroll-margin-top:24px}@media (max-width: 860px){.calc-layout{flex-direction:column;align-items:stretch}.calc-card,.calc-results{max-width:100%}}.calc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.calc-result-big{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-canvas-soft);border-radius:var(--radius-md);padding:var(--space-md)}.calc-result-value{font-size:var(--text-display-lg);font-weight:700;color:var(--color-primary);line-height:1.1}.calc-result-label{font-size:var(--text-caption);color:var(--color-mute);text-transform:uppercase;letter-spacing:.04em}.calc-result-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;font-size:var(--text-body-sm);color:var(--color-body)}.calc-result-row strong{color:var(--color-ink)}.calc-macros{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.calc-macro{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-canvas-soft);border-left:3px solid var(--macro-color);font-size:var(--text-body-sm);color:var(--color-body)}.calc-macro strong{font-size:var(--text-body-md);color:var(--color-ink)}.calc-detail-link{display:block;text-align:center;margin-top:var(--space-md);font-size:var(--text-body-sm)}.calc-food-link{display:block;text-align:center;margin-top:var(--space-xs);font-size:var(--text-body-sm);color:var(--color-mute);text-decoration:none;transition:color .15s ease}.calc-food-link:hover{color:var(--color-link)}@media (max-width: 640px){.calc-row,.calc-results-grid{grid-template-columns:1fr}}.faq-band{background:var(--color-canvas-soft);padding:var(--space-4xl) 0}.faq-content{max-width:720px;margin:0 auto}.faq-content h2{font-size:var(--text-display-lg);text-align:center;margin:0 0 var(--space-2xl);color:var(--color-ink)}.faq-item{margin-bottom:var(--space-lg);background:var(--color-canvas);border-radius:var(--radius-md);border:1px solid var(--color-hairline);overflow:hidden}.faq-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-lg);background:none;border:none;cursor:pointer;color:var(--color-ink);font-size:var(--text-body-md);font-weight:600;font-family:var(--font-family-sans);text-align:left;line-height:var(--leading-body-md);transition:background-color .15s ease}.faq-toggle:hover{background-color:var(--color-canvas-soft)}.faq-arrow{flex-shrink:0;color:var(--color-body);transition:transform .2s ease}.faq-toggle[aria-expanded=true] .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-lg) var(--space-lg);display:none}.faq-answer p{font-size:var(--text-body-sm);line-height:var(--leading-body-md);color:var(--color-body);margin:0}.faq-answer a{color:var(--color-link)}.showcase-band-light{background-color:var(--color-canvas-soft);color:var(--color-ink);padding:var(--space-4xl) 0}.feature-mesh-band{background-color:var(--color-canvas);color:var(--color-ink);padding:var(--space-4xl) 0;position:relative;overflow:hidden}.feature-mesh-band:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:.05;pointer-events:none}