:root{--bone:#fafaf7;--ink:#22382e;--ink-soft:#5a6b60;--rule:#d8dcd3;--moss:#4c7a5c;--amber:#b98016;--brick:#b3402e;--wash:#eff2ec;--mark:#22382e;--moss-tint:#e4ece6}*{box-sizing:border-box;margin:0}html{font-size:15px}body{background:var(--bone);color:var(--ink);font-variant-numeric:tabular-nums;padding:0 0 4rem;font-family:Archivo,Helvetica Neue,Arial,sans-serif;line-height:1.45}header{border-bottom:1px solid var(--rule);padding:1.1rem 2rem .9rem}h1{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;font-size:1.45rem;font-weight:700;line-height:1.2;display:flex}h1 .logo{flex:none;font-size:1.9rem;line-height:1}h1 .edit{gap:.35rem;max-width:100%;display:flex}h1 .edit .edit-pen,h1 .edit .edit-cancel{position:static;transform:none}h1 .menu{margin-left:.35rem}.edit{vertical-align:middle;align-items:center;min-width:0;max-width:100%;display:inline-flex;position:relative}.edit .edit-in{text-overflow:ellipsis;min-width:2ch;max-width:100%;letter-spacing:inherit;word-spacing:inherit;background:0 0;border:0;border-radius:0;outline:none;flex:0 auto;margin:0 0 0 -.3rem;padding:.1rem .3rem}.edit .edit-in:focus{text-overflow:clip}.edit-mirror{visibility:hidden;white-space:pre;pointer-events:none;padding:0 .3rem;position:absolute;top:0;left:0}.edit-pen,.edit-cancel{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.15rem;display:inline-flex;position:absolute;top:50%;right:-1.35rem;transform:translateY(-50%)}.edit.side-left .edit-pen,.edit.side-left .edit-cancel{left:-1.35rem;right:auto}.edit.inset{padding-left:1.45rem}.edit.inset .edit-pen,.edit.inset .edit-cancel{left:.1rem}.edit.nofit .edit-in{flex:auto;width:100%}.edit-pen .ico,.edit-cancel .ico{width:14px;height:14px;margin:0}.edit-pen:hover{color:var(--moss)}.edit-cancel{display:none}.edit-cancel:hover{color:var(--brick)}.edit:focus-within .edit-pen{display:none}.edit:focus-within .edit-cancel{display:inline-flex}.edit[data-handle=hover] .edit-pen{opacity:0}.edit[data-handle=hover]:hover .edit-pen{opacity:1}input,select,button{font:inherit;color:inherit}select{border:1px solid var(--rule);background:#fff;border-radius:3px;min-height:calc(1.45em + .4rem + 2px);padding:.2rem .4rem;line-height:1.45}input[type=number]{text-align:right}input[type=number],input[type=text],input[type=password]{background:0 0;border:0;border-radius:0;padding:.2rem .3rem}input[type=number]:focus,input[type=text]:focus,input[type=password]:focus{outline:none}select:focus,button:focus{outline:2px solid var(--moss);outline-offset:1px}button{background:var(--ink);color:var(--bone);cursor:pointer;border:none;border-radius:3px;align-items:center;padding:.3rem .7rem;line-height:1.3;display:inline-flex}button.quiet{color:var(--ink-soft);background:0 0;padding:.3rem .5rem}button.quiet:hover{color:var(--ink);background:var(--wash)}button.quiet.on,button.quiet.on:hover{color:var(--bone);background:var(--moss)}button.secondary{color:var(--ink);border:1px solid var(--ink);background:0 0}button.secondary:hover{background:var(--wash)}.ico{vertical-align:-.15em;flex:none;width:1em;height:1em}button .ico{margin-right:.35rem}button.iconbtn{padding:.2rem .3rem}button.iconbtn .ico{margin:0}a .ico{vertical-align:-.1em}main{grid-template-columns:minmax(430px,1.15fr) minmax(430px,1fr);align-items:start;gap:0 2.5rem;padding:1.4rem 2rem;display:grid}main>section{min-width:0}@media (max-width:980px){main{grid-template-columns:1fr}}h2{border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.9rem 0 .35rem;font-size:.95rem;font-weight:600;display:flex}h2>span:first-child{align-items:center;gap:.35rem;display:inline-flex}h2 .note{color:var(--ink-soft);font-size:.78rem;font-weight:400}.footnote{color:var(--ink-soft);max-width:60ch;margin-top:.8rem;font-size:.72rem}.footnote code{background:var(--wash);border-radius:2px;padding:0 .25rem;font-size:.95em}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tscroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;margin:.3rem 0 .2rem;font-size:.86rem}th.fit{white-space:nowrap;width:1%}td,th{border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;padding:.28rem .35rem}th{color:var(--ink-soft);font-size:.76rem;font-weight:500}td.num,th.num{text-align:right}td select{background:initial;border:none;max-width:5.5rem}.gday{color:var(--ink-soft);white-space:nowrap}.src{color:var(--ink-soft);font-size:.68rem}.foodname{min-width:10rem;max-width:16rem}.notefield{color:var(--ink-soft);flex-direction:column;align-items:stretch;gap:.1rem;max-width:34rem;margin:.25rem 0 .5rem;font-size:.68rem;display:inline-flex}.notefield .lt{border-bottom:1px solid;padding-bottom:.1rem}.notefield .edit{font-size:.78rem;display:flex}.notefield .edit .edit-in{background:#fff;min-width:12ch;margin:0;padding:.12rem .3rem}.edhead{margin:.6rem 0 .3rem;font-weight:600}td.amount .edit-in,#tbl-in td.num .edit-in{margin:0 -.3rem 0 0}td.amount .edit{width:100%;max-width:none}td.amount .edit.nofit .edit-in{text-align:right;font-variant-numeric:tabular-nums;min-width:7rem}th.amount,td.amount,#tbl-in th.value,#tbl-in td.num{padding-right:1.7rem}input.bad,td.bad{color:var(--brick)}td.actions{white-space:nowrap;text-align:right}tr.open td{background:var(--wash);border-bottom:none}tr.editor td{background:var(--wash);padding-bottom:.75rem}.nutgrid{grid-template-columns:repeat(auto-fill,minmax(8.4rem,1fr));gap:.35rem .7rem;display:grid}.nutgrid label{color:var(--ink-soft);flex-direction:column;gap:.1rem;font-size:.68rem;display:flex}.nutgrid input{background:#fff;width:100%;padding:.12rem .3rem;font-size:.78rem}@keyframes rowflash{0%{background:#dfe7dc}to{background:0 0}}tr.flash td{animation:1.6s ease-out rowflash}@media (prefers-reduced-motion:reduce){tr.flash td{animation:none}}#results{z-index:30;border:1px solid var(--rule);background:#fff;border-radius:4px;max-height:18rem;padding:.3rem;font-size:.84rem;position:fixed;overflow:auto}#results[hidden]{display:none}#results .opt{cursor:pointer;border-radius:3px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}#results .opt>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#results .opt .ico{opacity:0}#results .opt.active{background:var(--ink);color:var(--bone)}#results .opt.active .dt{color:var(--rule)}#results .opt.active .ico{opacity:1}#results .opt.busy{opacity:.5;pointer-events:none}#results .dt{color:var(--ink-soft);white-space:nowrap;font-size:.7rem}#results .msg{color:var(--ink-soft);padding:.35rem .6rem .15rem;font-size:.7rem}#results .sep{background:var(--rule);height:1px;margin:.3rem .4rem}#results .keymsg{background:var(--wash);border-radius:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.3rem;padding:.4rem .6rem;display:flex}#results .keymsg button{padding:.15rem .5rem;font-size:.72rem}#results .notice{color:var(--ink);background:#fbf3e4;border:1px solid #ead9b0;border-radius:3px;align-items:flex-start;gap:.6rem;margin-bottom:.3rem;padding:.55rem .7rem;font-size:.8rem;display:flex}#results .notice>.ico{color:var(--amber);width:1.1em;height:1.1em;margin-top:.15rem}#results .notice.bad{background:#f8e9e6;border-color:#e8c4bd}#results .notice.bad>.ico{color:var(--brick)}#results .notice .body{flex:1;min-width:0}#results .notice p{margin:0 0 .2rem}#results .notice .row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.35rem;display:flex}#results .notice .row button{padding:.2rem .55rem;font-size:.78rem}#results .notice a{color:var(--moss);align-items:center;gap:.2rem;display:inline-flex}.adder .edit.q{width:100%;min-width:16rem}.adder .edit.q .edit-pen,.adder .edit.q .edit-cancel{display:none}.adder .edit.q .edit-in{min-width:0}.adder input:disabled,.adder select:disabled,.adder .fill,.adder button:disabled{opacity:.45}.adder button:disabled{cursor:default}#keybtn.has-key{color:var(--moss)}#keybtn .ico{transform:translate(1px)}.adder .edit-pen,.adder .edit-cancel{display:none}#keypop{position:fixed}.keypop{z-index:36;text-align:left;letter-spacing:0;border:1px solid var(--rule);width:24rem;max-width:calc(100vw - 2rem);color:var(--ink-soft);background:#fff;border-radius:4px;padding:.7rem .8rem;font-size:.8rem;font-weight:400;line-height:1.4;position:absolute;top:2.1rem;right:0}.keypop[hidden]{display:none}.keypop p{margin:0 0 .6rem;line-height:1.45}.keypop>label{margin-bottom:.2rem;font-size:.72rem;display:block}.keypop #apikey{border:1px solid var(--rule);background:#fff;border-radius:3px;width:100%;margin-bottom:.5rem;padding:.2rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.keypop #apikey:focus{outline:2px solid var(--moss);outline-offset:1px}.keypop .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.keypop .sharekey{align-items:center;gap:.3rem;font-size:.72rem;display:inline-flex}.keypop .sharekey:has(input:disabled){opacity:.5}.keypop a,h2 .note a{color:var(--moss);align-items:center;gap:.2rem;display:inline-flex}#tbl-an td:first-child{white-space:nowrap}#tbl-an .wrap{vertical-align:top;line-height:1.3;display:inline-block}#tbl-in td:first-child{white-space:nowrap;padding-right:1rem}#tbl-in th:first-child,#tbl-in th:nth-child(2),#tbl-in th:nth-child(3){white-space:nowrap;width:1%}#tbl-in td.num{text-align:right;width:5.4rem}#tbl-in td.num .edit-in{text-align:right}#tbl-in td.unit,#tbl-in td.status{color:var(--ink-soft)}#tbl-in td.unit{white-space:nowrap;padding-left:0;font-size:.74rem}#tbl-in td.unit select{min-height:calc(1.647rem + 2px);padding:.15rem .3rem;font-size:.78rem}#tbl-an td.status{color:var(--ink-soft)}.mark{vertical-align:middle;margin-right:.15rem;display:inline-flex}.mark .ico{margin:0}.mark.ok{color:var(--moss)}.mark.marg{color:var(--amber)}.mark.low,.mark.high{color:var(--brick)}.mark.watch{color:var(--amber)}.mark.none,#tbl-an tr.infor td{color:var(--ink-soft)}#tbl-an tr.infor .vl{color:var(--ink-soft);font-weight:500}.info.hazard{color:var(--brick)}.info.hazard:hover,.info.hazard:focus{color:var(--brick);opacity:.8}tr.hazardous .foodname .edit-in{color:var(--brick)}.foodname{white-space:nowrap}.foodname .hazard{vertical-align:middle}tr.hazardous .foodname .edit-in{margin-left:0}tr.hazardous .foodname .edit{max-width:calc(100% - 1.8rem)}.info{color:var(--ink-soft);cursor:help;vertical-align:middle;border-radius:50%;align-items:center;display:inline-flex}.info:hover,.info:focus{color:var(--moss);outline:none}.info:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.info.warn{color:var(--amber)}.info.warn:hover,.info.warn:focus{color:var(--amber);opacity:.8}.info.breed{opacity:.55}.info.breed:hover,.info.breed:focus{opacity:1}td.actions button[data-f=edit]{position:relative}.badge{background:var(--amber);color:#fff;text-align:center;pointer-events:none;border-radius:.45rem;min-width:.85rem;height:.85rem;padding:0 .15rem;font-size:.55rem;line-height:.85rem;position:absolute;top:-.15rem;right:-.2rem}.nutgrid .lt{border-bottom:1px solid;align-items:center;gap:.2rem;padding-bottom:.1rem;display:inline-flex}.nutgrid label .lt .info{visibility:hidden}.nutgrid label.unknown .lt .info{visibility:visible}.nutgrid label.unknown{color:var(--amber)}.nutgrid label.unknown.soft{color:var(--ink-soft)}.tip{z-index:50;background:var(--ink);color:var(--bone);pointer-events:none;border-radius:4px;max-width:280px;padding:.5rem .65rem;font-size:.74rem;line-height:1.4;position:fixed}.tip[hidden]{display:none}.tip.act{pointer-events:auto;cursor:pointer}.tip.act .ico{vertical-align:-2px;opacity:.75;margin-left:.3rem;display:inline-block}.tip.act:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.tip.act:hover{filter:brightness(1.3)}.tip a{color:inherit;white-space:nowrap}.tip a .ico{vertical-align:-1px}.nutgrid label.flash{animation:1.6s ease-out rowflash}.vitals{flex-wrap:wrap;gap:2.2rem;padding:.9rem 0 .3rem;display:flex}.vital .v{letter-spacing:-.01em;font-size:1.5rem}.vital .k{color:var(--ink-soft);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.vital .flag{font-size:.75rem}.low .v,.low .flag{color:var(--brick)}.marg .v,.marg .flag{color:var(--amber)}.ok .flag{color:var(--moss)}.strip{background:var(--wash);border-radius:5px;min-width:9rem;height:10px;position:relative}.strip .band{background:#dfe7dc;border-radius:5px;position:absolute;top:0;bottom:0}.strip .dot{width:9px;height:9px;top:50%;left:clamp(4.5px, var(--x), calc(100% - 4.5px));background:var(--mark);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.range{width:var(--strip,14rem);flex-direction:column;gap:2px;max-width:100%;padding:1px 0;display:flex}.tk.adv{text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tk.info{cursor:help;border-radius:2px;display:inline}.tk.info:hover,.tk.info:focus{color:var(--moss)}.vlabel,.ticks{height:.816rem;color:var(--ink-soft);font-size:.68rem;line-height:1.2;position:relative}.vlabel{color:var(--ink)}.vl,.tk{top:0;left:var(--x);white-space:nowrap;position:absolute;transform:translate(-50%)}tr.low .vl,tr.high .vl{color:var(--brick)}tr.marg .vl{color:var(--amber)}#tbl-an .nm{white-space:nowrap}tr.low .dot{background:var(--brick)}tr.low td:first-child{color:var(--brick)}tr.high .dot{background:var(--brick)}tr.high td:first-child{color:var(--brick)}tr.marg .dot{background:var(--amber)}td.status{white-space:nowrap;font-size:.72rem}td.status .info{margin-left:.1rem}tr.low td.status,tr.high td.status{color:var(--brick)}tr.marg td.status{color:var(--amber)}tr.okrow td.status{color:var(--moss)}.toast{background:var(--ink);color:var(--bone);opacity:0;z-index:40;border-radius:4px;padding:.45rem .9rem;font-size:.85rem;transition:opacity .2s;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.toast.show{opacity:1}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.share,.menu{position:relative}.menupop{z-index:35;border:1px solid var(--rule);background:#fff;border-radius:4px;min-width:15rem;padding:.3rem;position:absolute;top:2.1rem;left:0}.menupop[hidden]{display:none}.menupop.flip{left:auto;right:0}.menupop{letter-spacing:0;font-size:.86rem;font-weight:400;line-height:1.4}.menupop button,.menupop a{width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:.6rem;padding:.45rem .7rem;text-decoration:none;display:flex}.menupop .ico{color:var(--ink-soft);margin:0}.menupop a .ico:last-child{margin-left:auto}.menupop button:focus,.menupop a:focus{background:var(--ink);color:var(--bone);outline:none}.menupop button:focus .ico,.menupop a:focus .ico{color:var(--bone)}.menupop .sep{background:var(--rule);height:1px;margin:.3rem .4rem}.menupop .fine{color:var(--ink-soft);align-items:flex-start;gap:.5rem;max-width:17rem;padding:.4rem .7rem .5rem;font-size:.7rem;line-height:1.35;display:flex}.menupop .fine .ico{color:var(--amber);flex:none;margin-top:.1rem}.sharepop{z-index:35;border:1px solid var(--rule);width:min(26rem,92vw);color:var(--ink-soft);background:#fff;border-radius:4px;padding:.7rem .8rem;font-size:.8rem;position:absolute;top:2.3rem;right:0}.sharepop[hidden]{display:none}.sharepop input[type=text]{width:100%;margin:.4rem 0;font-size:.75rem}.sharepop .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.sharepop label{align-items:center;gap:.35rem;display:flex}@media (max-width:980px){.sharepop{left:0;right:auto}}@media (max-width:640px){html{font-size:14px}h1 .menu{margin-left:auto}.menupop{left:auto;right:0}header{padding:.7rem .9rem .6rem}h1{font-size:1.25rem}main{gap:0;padding:.6rem .9rem}h2{padding:.7rem 0 .3rem}.vitals{gap:1rem 1.6rem;padding:.7rem 0 .2rem}.vital .v{font-size:1.3rem}.setup{gap:.6rem 1rem;padding:.7rem 0 .3rem}.setup .note{flex-basis:100%;margin-left:0}.tscroll{max-width:none;margin-right:-.9rem;padding-right:.9rem}.edit-pen{display:none}#tbl-foods{min-width:32rem}.foodname{min-width:9rem;max-width:12rem}.strip{min-width:4rem}.footnote{max-width:none}}