*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#app{max-width:800px;margin:0 auto}header{text-align:center;color:#fff;margin-bottom:30px}h1{text-shadow:2px 2px 4px #0003;margin-bottom:10px;font-size:2.5rem}.subtitle{opacity:.9;font-size:1.1rem}.container{margin-bottom:30px}.search-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 40px #0003}.search-section h2{color:#333;margin-bottom:20px;font-size:1.5rem}.search-box{margin-bottom:20px}.search-box input{border:2px solid #e0e0e0;border-radius:12px;outline:none;width:100%;padding:15px 20px;font-size:1.1rem;transition:border-color .3s,box-shadow .3s}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.results{max-height:500px;overflow-y:auto}.results-header{color:#667eea;background:#f0f4ff;border-radius:8px;margin-bottom:15px;padding:12px 16px;font-weight:600}.result-item{background:#fafafa;border-left:4px solid #667eea;border-radius:12px;margin-bottom:15px;padding:20px;transition:transform .2s,box-shadow .2s}.result-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a}.result-item h3{color:#333;margin-bottom:10px;font-size:1.1rem}.food-meta{gap:10px;margin-bottom:12px;display:flex}.data-type{color:#1565c0;background:#e3f2fd;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.brand{color:#e65100;background:#fff3e0;border-radius:6px;padding:4px 10px;font-size:.75rem;display:inline-block}.nutrients-table{margin-top:10px;overflow-x:auto}.nutrients-table table{border-collapse:collapse;width:100%;font-size:.9rem}.nutrients-table th,.nutrients-table td{text-align:left;border-bottom:1px solid #eee;padding:10px 12px}.nutrients-table th{color:#555;background:#f5f5f5;font-weight:600}.nutrients-table tr:hover{background:#f9f9f9}.no-results{text-align:center;color:#999;padding:50px 20px;font-size:1rem}.loading{text-align:center;color:#667eea;padding:30px;font-weight:500}.error{color:#c62828;background:#ffebee;border-left:4px solid #e53935;border-radius:8px;padding:15px}.no-nutrients{color:#999;font-size:.9rem;font-style:italic}footer{text-align:center;color:#fffc;padding:20px;font-size:.9rem}footer a{color:#fff;font-weight:500;text-decoration:none}footer a:hover{text-decoration:underline}