:root{--paragraph-color: #333437;--text-white: #c0c9d1;--text-bright: #fff;--line-background: #415c5c;--app-width: 700px;--app-background: rgb(48, 73, 73);--menu-background: rgb(68, 102, 102);--menu-background-offset: rgb(63, 94, 94);--weight-line-color: #348dc6;--target-line-color: #36eb36}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-family:"open sans",Helvetica,Arial,sans-serif;font-weight:400;font-size:12px}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;color:var(--text-white);width:100%;height:100%;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#1f3a3a}img{display:block}.app-container{width:var(--app-width);width:clamp(300px,100%,var(--app-width));min-height:500px;background-color:var(--app-background);border-radius:1em;padding:1.2em 2.8em;overflow-x:hidden;overflow-y:hidden}h1{font-size:2.6em}h2{font-size:1.3em;margin:1em 0}.version{font-size:1.2em;color:#79caa4;font-weight:700}section,header{padding:2em 0;border-bottom:2px solid rgba(192,201,209,.431372549)}section:last-of-type{border:none}input[type=number],input[type=text],input[type=date]{width:19.5ch;background:var(--text-white);border:none;border-radius:6px;text-align:right;padding:.6em 1em;color:var(--paragraph-color);min-height:2em}input[type=number]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder{text-align:center}input[type=number]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=date]::-moz-placeholder{text-align:center}input[type=number]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder{text-align:center}input[type=number]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder{text-align:center}input[type=number]::placeholder,input[type=text]::placeholder,input[type=date]::placeholder{text-align:center}input[type=file]{border:1px solid #fff;border-radius:6px;min-height:2em;line-height:2rem;padding:0 .3em}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=button],#delete-all-button{border:1px solid #3f5e5e;border-radius:6px;min-width:18ch;min-height:2em;padding:.6em 1em;font-size:1.2em;letter-spacing:.05em;color:#fff;font-family:"open sans",Helvetica,Arial,sans-serif;font-weight:bold;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}input[type=button]:hover,#delete-all-button:hover{background-color:#fff;color:#304949;cursor:pointer}@media only screen and (max-width: 500px){input[type=button],#delete-all-button{min-width:10ch;padding:.6em .5em}}input#csvFileInput{max-width:50%}.delete-button{background-color:#cb5a5a}.delete-button:hover{background-color:#fff;color:#304949;cursor:pointer}input#calculate{background-color:#337b59}input#calculate:hover{background-color:#fff;color:#304949;cursor:pointer}.download-button,.upload-button,.link-button,#delete-all-button{background-color:#333437;color:var(--text-bright)}.warning-symbol{display:inline-block;height:1em;aspect-ratio:1;margin-left:1em}.target-button{background-color:#337b59}.target-button:hover{background-color:#fff;color:#304949;cursor:pointer}nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.toggle{position:relative;width:50px;height:50px}.toggle>input{position:absolute;width:100%;height:100%;cursor:pointer;z-index:4;opacity:0}.hamburger{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hamburger span{display:block;width:30px;height:4px;background:var(--text-white);margin-bottom:5px;z-index:3;-webkit-transform-origin:4px 0px;transform-origin:4px 0px;-webkit-transition:background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease,-webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1)}.hamburger span:nth-child(1),.hamburger span:nth-child(3){-webkit-transform-origin:left;transform-origin:left}.toggle>input:checked~.hamburger span:nth-child(3){opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:26px}.toggle>input:checked~.hamburger span:nth-child(1){opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:26px}.toggle>input:checked~.hamburger span:nth-last-child(2){opacity:0;-webkit-transform:rotate(0deg) scale(0.2, 0.2);transform:rotate(0deg) scale(0.2, 0.2)}#menu-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:80px;position:absolute;top:-10px;right:-35px;width:clamp(100%,100vw,var(--app-width));min-height:100vh;z-index:2;background:var(--menu-background);-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translate(110%, 0);transform:translate(110%, 0);-webkit-transition:-webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:-webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1)}.toggle>input:checked~#menu-main{-webkit-transform:none;transform:none}#menu-main li{width:100%;list-style:none;color:var(--text-bright);padding:3em 2.1em;border-bottom:1px solid var(--line-background);display:-webkit-box;display:-ms-flexbox;display:flex;gap:2em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#menu-main li a{color:inherit;text-decoration:none}#menu-main li a.delete-all-button{background:#fff;color:var(--paragraph-color);padding:.2em 1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5em;border-radius:3px;font-weight:bold;-ms-flex-negative:0;flex-shrink:0}#menu-main li div{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2em;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#menu-main li div:last-of-type{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#menu-main li label{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#menu-main li:nth-of-type(even){background:var(--menu-background-offset)}#menu-main li:last-child{height:100dvh}label[for=date-input]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.date-layout{font-size:.5em;color:var(--text-white);margin-left:1em}ul li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.6em 0;color:var(--text-bright)}ul label{font-size:1.2em}ul#hi-low li{display:block}ul#hi-low li .inline-margin{margin:0 1em}ul#buttons{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}ul#buttons li{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding:.5em 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}ul#buttons li:nth-child(2){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}ul#buttons label{margin-right:2em;font-size:1.2em}ul#results{width:100%}ul#results li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;list-style:none;width:100%;padding:1em}ul#results li>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:15ch}ul#results li span.weight-pounds{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:10px}ul#results li span.weight-stones{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}ul#results li:nth-of-type(odd){background-color:var(--line-background)}.arrow{font-size:1.8em}.arrow img{width:20px;height:20px}.green{color:#36eb36}.red{color:#fb4a4a}.neutral{color:inherit}.weight-bold{font-size:1.2em;font-weight:700;color:var(--text-bright)}#graph-section{min-height:550px}#graph-entries{text-align:center;padding:0 1em .5em .1em;font-family:"open sans",Helvetica,Arial,sans-serif;font-weight:500;color:var(--text-bright);background:var(--app-background);border:none;border-bottom:2px solid gray}@media only screen and (max-width: 400px){#graph-section{min-height:260px}}#graph-display{aspect-ratio:21/9}.legend{margin-bottom:1em}.legend li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width: 380px){.legend li{font-size:.9em}}.weight-dash{display:inline-block;width:2em;height:3px;border-bottom:3px solid var(--weight-line-color);margin-right:1em}.target-dash{display:inline-block;width:2em;height:3px;border-bottom:3px solid var(--target-line-color);margin-right:1em}.fade{-webkit-transition:opacity .7s ease-in;transition:opacity .7s ease-in}.fadeOut{opacity:0}.fadeIn{opacity:1}