: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}.tscroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}#tbl-an .c-range{width:32%}.thx{align-items:center;gap:.3rem;display:inline-flex}#allcols{padding:.1rem .2rem;display:none}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}.edit.name{font-weight:500}.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 .c-range{width:32%}#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;width:9rem;font-weight:500}#tbl-in td.num{width:5.4rem}#tbl-in td input[type=number]{width:4.4rem;font-weight:600}#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:#f8e9e6}#tbl-vitals tr.low td:first-child,#tbl-vitals tr.high td:first-child{color:var(--brick)}#tbl-vitals tr.marg td{background:#fbf3e4}#tbl-vitals .val{border:1px solid #0000;padding:.2rem .4rem;display:inline-block}#tbl-vitals td.unit{color:var(--ink-soft);white-space:nowrap;padding-left:0;font-size:.74rem}#tbl-vitals td.status{color:var(--ink-soft);white-space:normal}#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}.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}.vitals{flex-wrap:wrap;gap:2.2rem;padding:.9rem 0 .3rem;display:flex}.vital .v{letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.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{background:var(--mark);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.strip .minm{background:var(--ink-soft);width:1px;position:absolute;top:-2px;bottom:-2px}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}tr.low td.status,tr.high td.status{color:var(--brick);font-weight:600}tr.marg td.status{color:var(--amber)}tr.okrow td.status{color:var(--moss)}footer#disclaimer{max-width:70ch;color:var(--ink-soft);border:1px solid var(--rule);border-radius:4px;align-items:flex-start;gap:.6rem;margin:1.2rem 2rem 0;padding:.7rem .9rem;font-size:.74rem;display:flex}footer#disclaimer>.ico{color:var(--amber);flex:none;margin-top:.15rem}footer#disclaimer p{margin:0;line-height:1.45}footer#disclaimer a{color:var(--moss);align-items:center;gap:.2rem;display:inline-flex}footer#disclaimer.flash{animation:1.6s ease-out rowflash}@media (max-width:640px){footer#disclaimer{margin:1rem .9rem 0}}.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}.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}#allcols{display:inline-flex}#tbl-an:not(.allcols) .c-day,#tbl-an:not(.allcols) .c-min{display:none}#tbl-an .c-range{width:30%}.strip{min-width:5rem}#tbl-vitals .c-range{width:auto}#tbl-vitals .strip{min-width:4rem}#tbl-vitals .c-target{display:none}#tbl-an.allcols{min-width:30rem}.footnote{max-width:none}}