.nutrition-source{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#e9edcf;border:1px solid #cbd59d;border-radius:15px;padding:18px 22px;font-size:12px;margin-bottom:28px}.nutrition-source b{font-size:14px}.nutrition-source span:last-child{margin-left:auto}.nutrition-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}.food-lookup label,.nutrition-worksheet>label,.barcode-panel label{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:7px}.food-lookup .inline-form{margin-top:10px}.food-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.food-filters select,.food-filters input,.nutrition-worksheet select,.nutrition-worksheet input{min-height:46px;padding:10px 12px;border:2px solid #d5d5c9;border-radius:11px;background:#fff;max-width:100%;width:100%;font:13px "DM Sans"}.food-lookup>p{font-size:12px;color:#65655a;margin:20px 0}#food-results{max-height:490px;overflow:auto;scrollbar-gutter:stable}.food-result{width:100%;display:grid;grid-template-columns:1fr 25px;gap:5px;text-align:left;border-bottom:1px solid #d7d7cd;padding:17px 8px;min-height:70px}.food-result span{font-size:13px;font-weight:600}.food-result small{grid-column:1;font-size:10px;color:#6b6b5f}.food-result b{grid-column:2;grid-row:1/3}.food-result:hover{background:#eeefe3}.nutrition-worksheet{border:2px solid #d7d9c7;border-radius:22px;padding:27px;background:#fff}.nutrition-worksheet h3,.barcode-panel h3,.food-detail h3{font:400 33px/1.07 "Bree Serif";margin:10px 0 17px}.nutrition-worksheet>p,.barcode-panel p,.food-detail .small{font-size:12px;line-height:1.7}.nutrition-worksheet>label{margin:21px 0}.nutrition-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #ddddd0;padding:14px 0}.nutrition-row>span{flex:1;min-width:0}.nutrition-row b{font-size:12px;display:block;overflow-wrap:anywhere}.nutrition-row small{font-size:10px;display:block;color:#777769;line-height:1.5;margin-top:5px}.nutrition-row button{border:1px solid #cccdbc;border-radius:9px;min-height:42px;padding:0 10px;font-size:11px}.nutrition-row.matched{border-left:3px solid #aabd4f;padding-left:10px}.nutrition-empty{text-align:center;border:2px dashed #ddddd1;padding:28px 15px;margin:20px 0;border-radius:13px;font-size:12px}.nutrition-empty>span{font-size:40px;color:#bb3520}.nutrition-empty p{margin-top:12px}.nutrition-servings{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between}.nutrition-servings input{width:90px}.macro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.macro-grid>div{padding:15px;background:#f2f3e9;border:1px solid #dedfcf;border-radius:13px;min-width:0}.macro-grid span{display:block;font-size:10px;color:#555647}.macro-grid b{font-size:23px;display:block;margin-top:7px;line-height:1.1}.macro-grid b small{font-size:11px;font-weight:400}.macro-grid>div>small{display:block;font-size:9px;color:#6c6d5e;margin-top:8px;line-height:1.5}.nutrition-worksheet .small{font-size:11px}.nutrition-layout summary{font-size:12px;min-height:44px;cursor:pointer;padding:12px 0}.nutrient-table{border-collapse:collapse;width:100%;font-size:11px}.nutrient-table th{text-align:left;font-weight:400}.nutrient-table td{text-align:right;white-space:nowrap}.nutrient-table td,.nutrient-table th{border-bottom:1px solid #d7d7c9;padding:9px 5px;vertical-align:top}.nutrition-worksheet>.text-button{font-size:11px;margin:16px 15px 0 0}.food-detail{padding:23px;border:2px solid #d7d9c7;border-radius:20px;background:#fff}.food-detail .button{width:100%;margin:4px 0 12px}.food-detail .source-line{border-top:1px solid #ddd;padding-top:18px;margin-top:20px}.barcode-panel{margin-top:40px;padding:30px;background:#eeeede;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.barcode-panel form .inline-form{margin:10px 0 15px}.barcode-panel #barcode-result,.barcode-panel .off-credit{grid-column:1/-1}.barcode-panel .off-credit{font-size:10px;border-top:1px solid #cdcebd;padding-top:15px}.barcode-product{background:#fff;padding:25px;border-radius:15px}.barcode-product h3{font-size:30px}.tabs{gap:14px}.tabs button{padding:0 9px;font-size:13px}.save-group{gap:7px}
@media(max-width:1100px){.save-group>span{display:none}.tabs{gap:5px}.tabs button{padding:0 5px;font-size:12px}.tab-icon{display:none}.nutrition-layout{gap:20px}.nutrition-worksheet{padding:20px}.nutrition-source{gap:8px}.nutrition-source span:last-child{margin-left:0}}
@media(max-width:780px){.nutrition-layout{grid-template-columns:1fr}.barcode-panel{grid-template-columns:1fr;padding:23px}.nutrition-worksheet{padding:25px}.tabs button{font-size:11px;padding:0 6px}.food-lookup .inline-form .button{font-size:12px}.nutrition-source{font-size:11px;display:block}.nutrition-source span{display:block;margin-top:5px}.nutrition-worksheet h3,.food-detail h3{font-size:32px}}
@media(max-width:560px){.tabs button{font-size:10px;padding:0 5px;gap:0}.tabs{gap:0}.food-filters{grid-template-columns:1fr;gap:12px}.nutrition-source{padding:16px}.nutrition-worksheet{padding:19px}.food-detail{padding:18px}.nutrition-row button{padding:0 7px}.barcode-panel{padding:20px}.nutrition-worksheet .macro-grid b{font-size:21px}.food-result span{font-size:12px}.barcode-product{padding:17px}.nutrition-layout .inline-form input{width:100%;min-width:0}.nutrition-layout .inline-form .button{min-width:80px}.nutrition-layout .small{font-size:11px}.nutrition-layout .nutrient-table{font-size:10px}}