.scan-makanan{min-height:100vh;padding:2rem 0}.upload-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 30px rgba(21,128,61,.25)!important}.upload-btn:active:not(:disabled){transform:translateY(-2px)}.scan-analyzing{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:.8rem;gap:.8rem;margin-top:.5rem}.nutrition-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem;background:linear-gradient(135deg,rgba(21,128,61,.08),rgba(132,204,22,.08));border-radius:8px;border:1px solid rgba(21,128,61,.15);transition:all .3s ease}.nutrition-item:hover{background:linear-gradient(135deg,rgba(21,128,61,.15),rgba(132,204,22,.15));transform:translateY(-2px);box-shadow:0 4px 12px rgba(21,128,61,.1)}.nutrition-value{display:block;font-size:1.1rem;font-weight:700;color:#15803d;line-height:1;margin-bottom:.3rem}.nutrition-label{display:block;font-size:.7rem;color:#666;font-weight:600;text-align:center}.nutrition-item-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.nutrition-item-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(21,128,61,.12)!important}.nutrition-item-card.selected{transform:translateY(-2px);box-shadow:0 12px 32px rgba(21,128,61,.2)!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .4s ease-out}@media (max-width:768px){.scan-makanan{padding:1rem 0}.nutrition-grid{gap:.6rem}.nutrition-item{padding:.5rem}.nutrition-value{font-size:.95rem}.nutrition-label{font-size:.65rem}}@media (max-width:576px){.nutrition-grid{grid-template-columns:repeat(3,1fr)}}