:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f7f8f2;--paper:#fff;--ink:#202f27;--muted:#506457;--line:#d8e1d7;--green:#214839;--light:#eaf0e4}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.5}h1,h2,h3,p{margin:0}h1{letter-spacing:-.06em;font-size:clamp(2rem,7vw,3.25rem);line-height:1.1}h2{letter-spacing:-.025em;font-size:1.15rem}h3{font-size:1rem}a{color:var(--green)}button,input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);background:var(--paper);border-radius:.65rem;min-height:44px;padding:.55rem .75rem}button{cursor:pointer;font-weight:650}button:hover:not(:disabled){border-color:var(--green)}button:disabled{cursor:default;opacity:.55}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover:not(:disabled){background:#305a47}button.quiet{color:var(--green);background:0 0;border-color:#0000}:focus-visible{outline-offset:2px;outline:3px solid #498361}.shell{max-width:58rem;padding:0 clamp(1rem, 4vw, 2.5rem) max(2rem, env(safe-area-inset-bottom));margin:auto}.brandbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{align-items:center;gap:.7rem;font-weight:750;display:flex}.welcome{gap:1.25rem;max-width:31rem;padding:clamp(2rem,12vw,8rem) 0;display:grid}.welcome p,.day-heading p,.muted,.empty{color:var(--muted)}.day-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.85rem;margin:2rem 0 1.25rem;display:flex}.day-heading p{margin-top:.4rem}.date-controls{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1rem;display:flex}.date-controls button{min-width:44px}.summary,.meal{background:var(--paper);border:1px solid var(--line);border-radius:1rem;padding:1rem}.summary{gap:.85rem;display:grid}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.metric{background:var(--light);border-radius:.7rem;gap:.15rem;padding:.75rem;display:grid}.metric span,.entry-info span{color:var(--muted);font-size:.85rem}.metric strong{font-variant-numeric:tabular-nums;font-size:1.5rem}summary{cursor:pointer;min-height:44px;padding-block:.55rem;font-weight:650}.nutrient-list{gap:.35rem 1.25rem;margin:.25rem 0;display:grid}.nutrient-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:.5rem;display:flex}.nutrient-list dd{font-variant-numeric:tabular-nums;margin:0}.meals{gap:.75rem;margin-top:1rem;display:grid}.meal ul,.results{margin:0;padding:0;list-style:none}.meal li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding-block:.5rem;display:flex}.meal h2{margin-bottom:.4rem}.entry-info{overflow-wrap:anywhere;gap:.15rem;min-width:0;display:grid}.entry-info p{white-space:pre-wrap;font-size:.9rem}.entry-actions{flex-wrap:wrap;justify-content:end;display:flex}dialog{border:1px solid var(--line);width:calc(100% - 1rem);max-width:40rem;max-height:92dvh;color:var(--ink);border-radius:1rem;padding:clamp(.75rem,4vw,1.5rem)}dialog::backdrop{background:#11271dc0}.dialog-heading,.search{justify-content:space-between;align-items:end;gap:.5rem;margin-bottom:.75rem;display:flex}.dialog-heading{align-items:center}.stack,.form-grid{gap:.75rem;display:grid}.stack details{border-top:1px solid var(--line)}.stack details .form-grid{padding-block:.25rem .75rem}label{gap:.25rem;min-width:0;font-size:.9rem;font-weight:600;display:grid}label :is(input,select,textarea){width:100%;min-width:0;font-size:1rem;font-weight:400}.search label{flex:1}.results button{text-align:left;width:100%;margin-block:.35rem;display:grid}.results span{color:var(--muted);font-size:.85rem;font-weight:400}.error{color:#802d19;background:#fff0ea;border-radius:.65rem;margin-block:.5rem;padding:.65rem}@media (min-width:36rem){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.nutrient-list,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary,.meal{padding:1.25rem}}