body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.App{max-width:800px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif}header{background:linear-gradient(90deg,#ff6f00,#ff8f00);color:#fff;padding:.5rem;text-align:center;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}h1{text-align:center;color:#333}footer{background:#333;color:#fff;padding:1rem;text-align:center;margin-top:2rem}.food-search{padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem}.search-bar{display:flex;align-items:center;margin-bottom:1rem}.search-input{padding:.5rem;border-radius:4px;border:1px solid #ccc;width:80%;margin-right:.5rem}.search-button{padding:.5rem 1rem;background-color:#ff6f00;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.search-button:hover{background-color:#ff8f00}.search-results{list-style:none;padding:0;margin:0}.search-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.food-name{flex:1}.add-button{background-color:#ff6f00;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.add-button:hover{background-color:#ff8f00}.no-results{color:#666}.food-log{padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem}.food-log h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.food-log-list{list-style-type:none;padding:0;margin:0}.food-log-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.food-details{flex:1}.food-details h3{margin:0 0 .5rem;color:#333}.food-details p{margin:.25rem 0;color:#666}.remove-button{background-color:#ff6f00;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.remove-button:hover{background-color:#ff8f00}.daily-goals{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem}.daily-goals label{display:block;margin-bottom:1rem}.daily-goals input{padding:.5rem;border-radius:4px;border:1px solid #ddd;width:100%;margin-top:.5rem}.daily-goals button{background-color:#ff6f00;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.daily-goals button:hover{background-color:#ff8f00}.recommendations{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem}.recommendations h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.recommendations ul{list-style:none;padding:0}.recommendations li{margin-bottom:.5rem;color:#ff6f00}.recommendations-section{margin-bottom:1.5rem}.recommendations-section p{font-size:1rem;color:#555}.recommendation-item{margin:.5rem 0}.recommendation-item strong{color:#ff6f00}.nutrient-breakdown{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:2rem}.nutrient-breakdown h2{color:#333;margin-bottom:1rem;font-size:1.5rem;text-align:center}.chart-container{margin-bottom:1rem}.legend{display:flex;justify-content:center;margin-bottom:1rem}.legend-item{display:flex;align-items:center;margin:0 1rem}.color-box{width:20px;height:20px;border-radius:4px;margin-right:.5rem}.color-box.intake{background-color:#4bc0c0}.color-box.goals{background-color:#ff6384}.totals{font-size:1rem;color:#555}.totals p{margin:.5rem 0}