*{box-sizing:border-box}:root{font-family:Avenir Next,PingFang SC,sans-serif;color:#334037;background:#edf0e7}body{margin:0;background:linear-gradient(90deg,transparent 49px,rgba(119,92,63,.1) 50px,transparent 51px),#edf0e7;background-size:100% 100%}button,input,textarea{font:inherit}main{width:min(1120px,calc(100% - 34px));margin:auto;padding:33px 0 75px}header{display:grid;grid-template-columns:88px 1fr auto;gap:25px;align-items:center;padding-bottom:25px;border-bottom:1px solid #879283}.jar{width:75px;height:82px;border:3px solid #49564b;border-radius:8px 8px 20px 20px;position:relative;display:grid;place-content:center;background:linear-gradient(to top,#c8d897 0,#c8d897 45%,#ffffff59 45%)}.jar:before{content:"";position:absolute;left:-5px;right:-5px;top:-9px;height:12px;border:3px solid #49564b;background:#a9b0a2;border-radius:4px}.jar span,.jar i{position:absolute;width:5px;height:5px;border:1px solid #6f8255;border-radius:50%;background:#edf0e7}.jar span{left:14px;bottom:14px}.jar i{right:18px;bottom:22px}.jar b{font-family:serif;font-size:25px}header p,.log-head p{font:700 10px monospace;letter-spacing:2px;color:#748074;margin:0 0 6px}h1{font:600 clamp(40px,6vw,66px)/1 Georgia,"Songti SC",serif;margin:0;letter-spacing:-3px}h1 em{color:#9b552f;font-weight:400}header>div>span{display:block;color:#69746a;margin-top:9px;font-size:13px}header time{font:12px monospace;color:#69746a}.entry{display:grid;grid-template-columns:1fr 420px;gap:48px;padding:45px 0}.form-side{background:#f8f7ef;border:1px solid #9aa397;padding:25px;box-shadow:6px 6px #b8c2ac}.title{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #aab1a5;padding-bottom:13px}.title span{font:10px monospace;letter-spacing:2px}.title b{font:30px Georgia;color:#9b552f}form{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;margin-top:18px}label{display:grid;gap:6px;min-width:0}label>span{font-size:10px;color:#687269}label>div{display:flex;border-bottom:1px solid #7d877c}input,textarea{width:100%;border:0;background:transparent;padding:8px 3px;outline:none;color:#334037}input:focus,textarea:focus{background:#fff}label i{font-style:normal;font:11px monospace;color:#7b847a;align-self:center}.full{grid-column:1/-1}.full>div{width:50%}textarea{border:1px solid #b6bcb2;resize:vertical;min-height:58px}.error{grid-column:1/-1;margin:0;color:#a33d28;font-size:11px}.submit{grid-column:1/-1;border:0;background:#49564b;color:#fff;padding:13px;text-align:left;cursor:pointer}.submit span{float:right}.card{min-height:470px;border:2px solid #49564b;border-radius:24px 24px 70px 70px;padding:27px;background:#ffffff5c;position:relative;overflow:hidden}.card>*{position:relative;z-index:1}.card-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;border-bottom:1px solid #788477;padding-bottom:13px}.ratio-label{text-align:center;margin:38px 0 5px;font-size:11px;color:#697369}.ratio{display:block;text-align:center;font:38px Georgia,serif;color:#9b552f}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border-block:1px solid #8e988d}.metrics div{padding:16px 8px;text-align:center}.metrics div+div{border-left:1px solid #8e988d}.metrics small,.metrics b{display:block}.metrics small{font-size:9px;color:#727d72}.metrics b{font:20px Georgia;margin-top:5px}.peak{display:grid;grid-template-columns:1fr auto;gap:5px}.peak small{grid-column:1/-1;color:#6e786e;font-size:10px}.peak b{font:19px Georgia}.peak span{font-size:10px;color:#7d877d;align-self:center}.compare{font-size:11px;line-height:1.6;background:#dde5d3;padding:10px;margin-top:24px}.fill{position:absolute;z-index:0!important;bottom:0;left:0;right:0;background:#cbd99e;transition:height .3s}.fill:before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px;background:radial-gradient(ellipse at center,#cbd99e 0 55%,transparent 58%);background-size:30px 12px}.log{border-top:1px solid #879283;padding-top:28px}.log-head{display:flex;align-items:end;justify-content:space-between}.log-head h2{font:31px Georgia;margin:0}.log-head>span{font:10px monospace;color:#737e73}.table{margin-top:20px;border-top:2px solid #49564b}.thead,.table article{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr 100px;gap:15px;align-items:center}.thead{padding:9px;color:#788278;font:9px monospace}.table article{border-top:1px solid #a5ada2;padding:15px 5px}.table article b,.table article small{display:block}.table article b{font-size:13px}.table article small{font-size:9px;color:#778177;margin-top:3px}.when{display:grid!important;grid-template-columns:30px 1fr;align-items:center}.when i{font:17px Georgia;color:#9b552f}.table article>p{font-size:11px;line-height:1.5;color:#697369;overflow-wrap:anywhere}.actions{display:flex!important;justify-content:flex-end}.actions button{border:1px solid #8e978d;background:transparent;color:#4e5b50;padding:6px 8px;font-size:10px;cursor:pointer}.actions button+button{border-left:0;font-size:16px;padding:2px 8px}.empty{margin-top:20px;border:1px dashed #909a8e;padding:45px;text-align:center;display:grid;gap:7px}.empty b{font:22px Georgia}.empty span{font-size:11px;color:#727c72}@media(max-width:820px){header{grid-template-columns:70px 1fr}.jar{width:60px;height:70px}header time{display:none}.entry{grid-template-columns:1fr;gap:28px}.card{min-height:400px}.thead{display:none}.table article{grid-template-columns:1fr 1fr}.table article>p{grid-column:1/-1;margin:0}.actions{position:absolute;right:24px}.table article{position:relative;padding-right:95px}.when{padding-right:30px}}@media(max-width:500px){main{width:calc(100% - 20px)}.form-side{padding:18px;box-shadow:4px 4px #b8c2ac}form{grid-template-columns:1fr}.full{grid-column:auto}.full>div{width:100%}.card{padding:20px}.ratio{font-size:31px}.log-head{display:block}.log-head>span{display:block;margin-top:8px}.table article{grid-template-columns:1fr;padding-right:5px;padding-top:45px}.actions{top:10px;right:5px}.table article>p{grid-column:auto}}