: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{max-width:100%}h1 .menu{margin-left:.35rem}.edit{align-items:center;gap:.35rem;min-width:0;max-width:100%;display: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:1px solid #0000;border-radius:3px;flex:0 auto;margin-left:-.3rem;padding:.1rem .3rem}.edit .edit-in:hover{border-color:var(--rule)}.edit .edit-in:focus{border-color:var(--moss);outline:2px solid var(--moss);outline-offset:1px;text-overflow:clip;background:#fff}.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;flex:none;padding:.15rem;display:inline-flex}.edit-pen .ico,.edit-cancel .ico{width:14px;height:14px;margin:0}.edit-pen:hover{color:var(--moss);background:var(--wash)}.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}input[type=number],input[type=text],input[type=password],select{border:1px solid var(--rule);background:#fff;border-radius:3px;min-height:calc(1.45em + .4rem + 2px);padding:.2rem .4rem}select{line-height:1.45}input[type=number]{text-align:right}input:focus,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%;font-size:.86rem}th.fit{white-space:nowrap;width:1%}th.c-range{width:15rem}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{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;gap:.1rem;margin:.25rem 0 .5rem;font-size:.68rem;display:flex}.notefield input{width:100%;padding:.12rem .3rem;font-size:.78rem}td.amount input{text-align:right;font-variant-numeric:tabular-nums;width:6.5rem}input.bad,td.bad{color:var(--brick)}input.bad{border-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{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}}.searchbar{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 .4rem;display:flex}.qwrap{flex:14rem;min-width:0;display:flex;position:relative}.qwrap>input{width:100%}#results{z-index:30;border:1px solid var(--rule);background:#fff;border-radius:4px;max-height:18rem;padding:.3rem;font-size:.84rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;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 .keymsg{background:var(--wash);border-radius:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.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}.qwrap input#q{padding-right:2.2rem}#keybtn{color:var(--ink-soft);opacity:.5;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}#keybtn:hover,#keybtn:focus-visible,#keybtn[aria-expanded=true]{opacity:1;background:var(--wash)}#keybtn.on,#keybtn.on:hover{opacity:1;color:var(--moss);background:0 0}#keybtn.on:after{content:"";background:var(--moss);border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:1px;right:1px}#keybtn.on:hover{background:var(--wash)}.keypop{z-index:32;border:1px solid var(--rule);width:min(24rem,100%);color:var(--ink-soft);background:#fff;border-radius:4px;padding:.7rem .8rem;font-size:.8rem;position:absolute;top:calc(100% + .35rem);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{width:100%;margin-bottom:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.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-vitals{margin:.3rem 0 .6rem}#tbl-vitals td:first-child,#tbl-vitals td.num{white-space:nowrap}#tbl-in{margin:.3rem 0 .2rem}#tbl-in td:first-child{white-space:nowrap;font-weight:500}#tbl-in th:nth-child(2),#tbl-in th:nth-child(3){white-space:nowrap;width:1%}#tbl-in td.num{width:5.4rem}#tbl-in td input[type=number]{width:4.4rem}#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-vitals tr.low td,#tbl-vitals tr.high td{background:#f2dad5}#tbl-vitals tr.low td:first-child,#tbl-vitals tr.high td:first-child{color:var(--brick)}#tbl-vitals tr.marg td{background:#f7e9cf}#tbl-vitals td.status{color:var(--ink-soft)}#tbl-vitals tr.low td.status{color:var(--brick)}#tbl-vitals tr.okrow td.status{color:var(--moss)}.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{align-items:center;gap:.2rem;display:inline-flex}.nutgrid label .warn{visibility:hidden}.nutgrid label.unknown .warn{visibility:visible}.nutgrid label.unknown{color:var(--amber)}.nutgrid label.unknown input{border-style:dashed}.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{flex-direction:column;gap:2px;padding:1px 0;display:flex}.tk.adv{text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.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 tr.low td,#tbl-an tr.high td{background:#f2dad5}#tbl-an tr.marg td{background:#f7e9cf}#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}.searchbar .qwrap{flex-basis:100%}.searchbar button{flex:auto;justify-content:center}#tbl-foods{min-width:32rem}.foodname{min-width:9rem;max-width:12rem}td.amount input{width:5rem}th.c-range{width:11rem}.strip{min-width:4rem}.footnote{max-width:none}}