.nutrition-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.nutrition-summary .panel{margin:0}.energy-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.energy-head strong{color:#effb4b;font-size:27px}.macro-chart-wrap{height:190px;display:grid;place-items:center;overflow:hidden}.macro-pie{width:230px;height:230px;border-radius:50%;transform:scaleY(.65);box-shadow:0 4px #626c19,0 8px #535b16,0 12px #444c13,0 16px #353b10,0 22px 28px #0008;position:relative}.macro-pie.flat{width:155px;height:155px;transform:none;box-shadow:none}.macro-pie::after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,#ffffff25,transparent 45%,#0002);pointer-events:none}.macro-table{width:100%;font-size:12px}.macro-table th,.macro-table td{padding:10px 6px;white-space:normal}.macro-table td:first-child{font-weight:600}.macro-dot{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%}.macro-note{font-size:12px;color:#bbc6a7}.nutrient-row-info{grid-column:1 / -1;font-size:12px;color:#d8e3b9;background:#25311a;border-radius:8px;padding:12px}.nutrition-options{margin:20px 0}.nutrition-options summary{cursor:pointer;color:#eaf390}.nutrition-option{padding:12px 0;border-bottom:1px solid #38452a}.nutrition-option strong{display:block}#nutrition-live .nutrition-summary{grid-template-columns:1fr}#nutrition-live .panel{padding:15px}#nutrition-live .energy-head{display:block}#nutrition-live .energy-head strong{font-size:23px}#nutrition-live .macro-table{font-size:11px}
@media(max-width:1100px){.nutrition-summary{grid-template-columns:1fr}.macro-pie{width:210px;height:210px}}
/* Spacious nutrition workspace and sculpted ring charts. */
.builder-grid.nutrition-builder{display:block}.nutrition-builder>aside{margin-top:28px}.nutrition-builder #nutrition-live .nutrition-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.nutrition-builder #nutrition-live .panel{padding:28px}.nutrition-builder .formset-row{grid-template-columns:2fr 1fr 1fr;align-items:start}.macro-table th,.macro-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.macro-table{font-size:13px}.macro-chart-wrap{height:230px;overflow:visible}.macro-pie{width:240px;height:240px;transform:rotateX(32deg);box-shadow:0 3px #707435,0 7px #414622,0 12px 20px #0009}.macro-pie::before{content:'';position:absolute;inset:27%;border-radius:50%;background:#11170f;box-shadow:inset 0 5px 12px #0009;z-index:1}.macro-pie::after{background:linear-gradient(130deg,#ffffff30,transparent 50%,#0002)}.macro-pie.flat{width:200px;height:200px}.nutrition-builder #nutrition-live .macro-table{font-size:13px}.open-food-picker{margin-top:8px;width:100%}
#food-picker{width:min(1120px,94vw);max-height:90vh;padding:30px;background:#10150f;color:#f0f2e9;border:1px solid #535c32;border-radius:24px;box-shadow:0 24px 100px #000b}#food-picker::backdrop{background:#000b;backdrop-filter:blur(5px)}.picker-heading,.picker-tools,.picker-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px}.picker-tabs{justify-content:flex-start;flex-wrap:wrap;margin:22px 0}.picker-tabs [aria-pressed=true]{background:#ebfa49;color:#111}.picker-tools form{display:flex;gap:8px;flex:1}.picker-tools input{min-width:150px}.catalog-result{display:grid;grid-template-columns:minmax(180px,1fr) minmax(330px,1fr) auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #38412b}.catalog-name small,.catalog-macros small{display:block;color:#aab699;font-size:11px;margin-top:7px}.catalog-macros{display:flex;gap:18px;justify-content:space-between;white-space:nowrap}.catalog-macros b{font-variant-numeric:tabular-nums}.picker-heading h2{font-size:30px;margin:8px 0}#catalog-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}#catalog-fields input,#catalog-fields select{width:100%}.meal-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.meal-tabs button[aria-selected=true]{background:#edfb50;color:#111}.meal-option[hidden]{display:none}.meal-table{overflow-x:auto}.meal-table td,.meal-table th{white-space:nowrap}.meal-table td.food-name{white-space:normal;min-width:200px}.meal-option footer{display:block;padding:15px 0}.meal-option .actions{margin:16px 0}
@media(max-width:1250px){.nutrition-builder #nutrition-live .nutrition-summary,.nutrition-summary{grid-template-columns:1fr}.catalog-result{grid-template-columns:1fr auto}.catalog-macros{grid-column:1 / -1;grid-row:2}.picker-tools{flex-wrap:wrap}}
@media(max-width:650px){.nutrition-builder .formset-row{grid-template-columns:1fr}.nutrition-builder #nutrition-live .panel{padding:14px}.macro-table th,.macro-table td{padding:10px 3px;font-size:10px}.energy-head{display:block}#food-picker{padding:18px}.picker-tools form{flex-wrap:wrap}#catalog-fields{grid-template-columns:1fr}.catalog-macros{gap:8px}.catalog-macros small{font-size:10px}}
.nutrition-builder .formset-row[hidden]{display:none}.builder-meals{padding-bottom:16px;border-bottom:1px solid #39432b;margin-bottom:20px}.nutrition-builder [data-add-row]~button{margin:6px}

/* Readable energy labels, positioned over the sectors without tilting the text. */
.macro-chart-wrap{position:relative;width:min(340px,100%);height:300px;margin:12px auto 24px}
.macro-pie{width:280px;height:280px}.macro-pie.flat{width:260px;height:260px}
.macro-chart-label{position:absolute;transform:translate(-50%,-50%);z-index:3;text-align:center;background:#111d; border:2px solid; border-radius:12px;padding:7px 10px;min-width:80px;box-shadow:0 3px 12px #0008;pointer-events:none}
.macro-chart-label b{font-size:21px;display:block;color:#fff}.macro-chart-label small{font-size:14px;display:block;color:#fff}
.macro-table,.nutrition-builder #nutrition-live .macro-table{font-size:16px}.macro-note,.nutrient-row-info{font-size:15px;line-height:1.55}.energy-head strong,#nutrition-live .energy-head strong{font-size:34px}
#nutrition-report .panel,#nutrition-live .panel{overflow-x:auto}.meal-table{font-size:16px}.meal-tabs button{font-size:17px}
@media(max-width:650px){.macro-table th,.macro-table td{font-size:14px;padding:10px 7px}.macro-chart-label b{font-size:18px}.macro-chart-label small{font-size:12px}.macro-chart-label{padding:5px;min-width:68px}.macro-chart-wrap{height:270px}.macro-pie{width:230px;height:230px}}