:root{--app-gap: 0;--app-grid: "title info" var(--header-size) "values values" "results results" "graph graph" 1fr ". ." var(--header-size) / 1fr var(--button-size);--app-max-width: 24em;--body-fill: var(--fill-1);--button-size: 44px;--gap: 1em;--header-size: 3em;--input-height: 2em;--label-width: 4em}@media(min-width: 24em){:root{--app-border-radius: 1.5em;--app-margin: var(--gap);--app-min-block-size: none;--body-fill: revert}}@media(orientation: landscape){:root{--app-border: var(--border);--app-gap: 0 var(--gap);--app-grid: "title info" var(--header-size) "values results" "values graph" ". ." var(--gap) / 1fr 1fr;--app-margin: var(--gap);--app-max-width: 48em;--app-place-self: center;--dialog-block-size: 100%;--dialog-offset: 100%;--results-margin-gap: 0 .5em}}:root{--font: clamp(1em, .75em + 1vw, 1.25em) / 1.4 var(--font-family);--font-family: "Avenir Variable", sans-serif;--h1-font-size: 1.125em;--copy-font-size: .875em;--h2-font-size: 1em;--h3-font-size: .875em;--transition: .3s;--transition-slow: .5s;--brand-red: rgb(178, 34, 34);--brand-orange: rgb(255, 122, 0);--gray1: rgb(142, 142, 147);--gray2: rgb(174, 174, 178);--gray3: rgb(199, 199, 204);--gray4: rgb(209, 209, 214);--gray5: rgb(229, 229, 234);--gray6: rgb(242, 242, 247);--backdrop-filter: blur(6px);--border: 1px solid var(--gray5);--fill-0: var(--gray6);--fill-1: white;--fill-2: var(--gray5);--fill-2a: rgba(229, 229, 234, .7);--fill-3: var(--gray4);--fill-3a: rgba(209, 209, 214, .7);--fill-4: var(--gray3);--fill-4a: rgba(199, 199, 204, .7);--link-color: DodgerBlue;--link-focus-color: OrangeRed;--link-visited-color: RebeccaPurple;--text-color: black;--text-opacity: .7;--warning-background: rgb(246, 234, 236);--warning-color: rgb(202, 36, 48)}@media(prefers-color-scheme: dark){:root{--gray1: rgb(142, 142, 147);--gray2: rgb(99, 99, 102);--gray3: rgb(72, 72, 74);--gray4: rgb(58, 58, 60);--gray5: rgb(44, 44, 46);--gray6: rgb(28, 28, 30);--fill-0: black;--fill-1: var(--gray6);--fill-2: var(--gray5);--fill-2a: rgba(44, 44, 46, .7);--fill-3: var(--gray4);--fill-3a: rgba(58, 58, 60, .7);--fill-4: var(--gray3);--fill-4a: rgba(72, 72, 74, .7);--link-color: CornflowerBlue;--link-focus-color: DarkOrange;--link-visited-color: MediumPurple;--text-color: white;--warning-background: rgb(64, 39, 46);--warning-color: rgb(254, 127, 140)}}@font-face{font-display:swap;font-family:"Avenir Variable";font-weight:1 999;src:url(66174a725297be00e180.woff2) format("woff2")}:where(*){box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}body{background-color:var(--body-fill, var(--fill-0));color:var(--text-color);display:grid;font:var(--font);font-variation-settings:"wght" 500;margin:0;min-block-size:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);scrollbar-width:none}body::-webkit-scrollbar{display:none}:not(:defined){display:none}noscript{padding:1.5em;place-self:center;text-align:center}a{color:var(--link-color);outline:none;text-decoration:none}a:visited{color:var(--link-visited-color)}a:focus-visible,a:active{color:var(--link-focus-color)}@media(any-hover: hover){a{transition:color var(--transition)}a:hover{color:var(--link-focus-color)}}input,button{appearance:none;background:none;border:0;margin:0;outline:none;padding:0;user-select:auto}input[type=radio]{block-size:0;inline-size:0}input[type=text]{font-family:"Avenir Variable",sans-serif;font-variation-settings:"wght" 500}input[type=text]:focus-visible{border-color:var(--text-color)}input[type=text]:invalid{color:var(--warning-color)}svg{block-size:auto;inline-size:100%;pointer-events:none;vertical-align:middle}svg path{fill:currentColor}calories-app{background-color:var(--fill-1);border:var(--app-border);border-radius:var(--app-border-radius, 0);display:grid;gap:var(--app-gap, var(--gap));grid:var(--app-grid);margin:var(--app-margin);max-inline-size:var(--app-max-width);min-block-size:var(--app-min-block-size, 100dvh);overflow:hidden;padding-block:0;padding-inline:var(--gap);place-self:var(--app-place-self, start center);position:relative}@media(orientation: portrait){calories-app:has(dialog[open]){block-size:100dvh}}calories-app h1{font-size:var(--h1-font-size);grid-area:title;line-height:1;margin-block:0;place-self:center start;white-space:nowrap}calories-app>calories-ticker{background:-webkit-linear-gradient(var(--brand-orange), var(--brand-red));background-clip:text;-webkit-background-clip:text;font-size:400%;grid-area:results;inline-size:100%;line-height:1;margin-block:var(--results-margin-gap, 0.75em);padding-block:0 1.5rem;place-self:center;position:relative;text-align:center;-webkit-text-fill-color:rgba(0,0,0,0)}@media(orientation: landscape){calories-app>calories-ticker[hidden]{display:block}}calories-app>calories-ticker::after{background:inherit;content:attr(label);display:block;font-size:1rem;inline-size:100%;inset-block:auto 0;line-height:initial;position:absolute;text-transform:lowercase;white-space:nowrap}calories-info{display:contents}calories-info button{aspect-ratio:1;backdrop-filter:var(--backdrop-filter);-webkit-backdrop-filter:var(--backdrop-filter);border-radius:var(--button-size);color:inherit;cursor:pointer;grid-area:info;inline-size:var(--button-size);inset-inline:auto -0.75em;place-self:center end;position:relative;transition:opacity var(--transition),transform var(--transition);z-index:3}[hidden]>calories-info button{opacity:0}calories-info button:focus-visible{background-color:var(--fill-3a)}calories-info button.touch{transform:scale(0.8)}@media(any-hover: hover){calories-info button{transition:background-color var(--transition),opacity var(--transition-slow) ease-out,transform var(--transition)}calories-info button:hover{background-color:var(--fill-3a)}calories-info button:active{transform:scale(0.8)}}calories-info dialog{background-color:var(--fill-1);block-size:100%;border:none;color:inherit;display:block;inline-size:100%;max-block-size:100dvh;outline:none;overflow:auto;padding:0;scrollbar-width:none;transition:transform var(--transition);z-index:2}calories-info dialog::-webkit-scrollbar{display:none}calories-info dialog[inert]{transform:translateY(100%)}calories-info dialog:not([open]){block-size:0}calories-info article{margin-inline:auto;max-inline-size:48ch;padding-block:1em;padding-inline:var(--gap)}calories-info h1{font-size:var(--h1-font-size);grid-area:1/2;margin-block:0 1em}calories-info :is(h2,h3){font-variation-settings:"wght" 600;margin-block:1em .5em}calories-info h2{font-size:var(--h2-font-size)}calories-info h3{font-size:var(--h3-font-size)}calories-info :is(p,table){font-size:var(--copy-font-size)}calories-info table{border-collapse:collapse;inline-size:100%}calories-info tr{border-bottom:1px solid var(--gray2)}calories-info th{text-align:start}calories-info :is(th,td){padding-block:.5em}calories-info :is(th,td):not(:first-child){text-align:end}.icon{inline-size:24px;opacity:var(--text-opacity);pointer-events:none}:focus-visible>.icon{opacity:1}@media(any-hover: hover){.icon{transition:opacity var(--transition)}:hover>.icon{opacity:1}}.icon--close path{stroke:var(--text-color);stroke-width:2.5}.icon--info path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}calories-marker{align-items:center;background-color:var(--fill-2);border-radius:8px;display:flex;padding:4px;position:relative;z-index:1}calories-marker label{flex:1}calories-marker span{block-size:var(--input-height)}calories-marker::after{background-color:var(--fill-3);block-size:var(--height);border-radius:4px;content:"";display:block;inline-size:var(--width);left:var(--left);position:absolute;top:4px;transition:left var(--transition) ease-out,inline-size var(--transition) ease-out;z-index:-1}calories-ticker{display:block;transition:opacity var(--transition)}calories-ticker[hidden]{display:none;opacity:0}calories-values{--toggle-size: 1.5rem;display:block;grid-area:values;place-self:end stretch}calories-values [disabled]{opacity:.3;pointer-events:none}calories-values form{display:flex;flex-flow:column;gap:.75em}calories-values fieldset{border:0;opacity:1;padding:0;transition:opacity var(--transition)}calories-values h2{display:flex;font-size:1em;margin-block:.5em}calories-values h2>span{margin-inline:auto 0;opacity:var(--text-opacity)}calories-values :is(ul,li){align-items:center;display:flex;padding:0}calories-values ul{margin:0}calories-values [id=units]{background-color:var(--fill-2);block-size:2rem;border-radius:2rem;color:inherit;cursor:pointer;display:block;font:var(--font);font-size:.9em;font-variation-settings:"wght" 500;inset-block:50% auto;inset-inline:auto 0;padding-inline:.75em;position:absolute;transform:translateY(-50%);transition:background-color var(--transition);white-space:nowrap}calories-values [id=units] span{opacity:.7;transition:opacity var(--transition)}calories-values [id=units]:focus-visible{background-color:var(--fill-4)}calories-values [id=units]:focus-visible span{opacity:1}@media(any-hover: hover){calories-values [id=units]:hover{background-color:var(--fill-4)}calories-values [id=units]:hover span{opacity:1}}calories-values [id=measurements]{position:relative}calories-values [id=measurements] ul{flex-wrap:wrap;gap:.75rem}calories-values :where(.age,.height,.weight){flex:0 0 100%}calories-values label{cursor:pointer;display:flex;outline:none}calories-values label:where([for=age],[for=height],[for=weight]){inline-size:var(--label-width)}calories-values [type=text]{background-color:var(--fill-3);block-size:var(--input-height);border:2px solid var(--fill-1);border-radius:6px;box-sizing:content-box;color:var(--text-color);font-size:1em;inline-size:3.5rem;padding-inline:.5rem;text-align:end}calories-values .units{margin-inline:.5em;opacity:var(--text-opacity);pointer-events:none}calories-values [type=radio]+span{align-items:center;border-radius:2px;display:flex;inline-size:100%;justify-content:center;pointer-events:none;transition:opacity var(--transition)}calories-values [type=radio]:not(:checked)+span{opacity:var(--text-opacity)}calories-values label:focus-visible>[type=radio]+span{opacity:1}@media(any-hover: hover){calories-values label:hover>[type=radio]+span{opacity:1}}calories-zigzag{grid-area:graph;place-self:end stretch;transition:opacity var(--transition) ease-out}calories-zigzag[hidden]{opacity:0}@media(orientation: landscape){calories-zigzag[hidden]{display:block}}calories-zigzag ol{display:grid;gap:.5em;grid:auto-flow/1fr;margin:0;padding:0}calories-zigzag li{background-color:var(--fill-2);border-radius:0 4px 4px 0;display:flex;gap:0 .5em;padding:.375em .5em;transition:background var(--transition),color var(--transition),inline-size var(--transition-slow) ease-out}calories-zigzag span{flex:1;opacity:var(--text-opacity);transition:opacity var(--transition-slow) ease-out}calories-zigzag .warning{background-color:var(--warning-background);color:var(--warning-color)}