:root{font-family:Helvetica Neue,PingFang SC,sans-serif;color:#12303a;background:#faf7ef}*{box-sizing:border-box}body{margin:0;background:#faf7ef}button,input,select{font:inherit}main{max-width:1240px;margin:auto;padding:34px 35px 80px}header{display:grid;grid-template-columns:180px 1fr 190px;gap:28px;align-items:end;border-bottom:4px solid #12303a;padding-bottom:28px}.wordmark{font-size:38px;line-height:.83;letter-spacing:-.06em}.wordmark b,.wordmark span{display:block}.wordmark span{color:#e65d3f}.intro p{font-size:10px;letter-spacing:.22em;color:#176b87}.intro h1{font-size:clamp(35px,5vw,60px);line-height:1.08;margin:8px 0 0;letter-spacing:-.04em}.departure{border-left:1px solid #9caaa8;padding-left:24px}.departure label,.departure small{font-size:11px;display:block;color:#607378}.departure input{border:0;background:transparent;font-weight:700;padding:6px 0}.departure strong{display:block;font-size:38px;color:#e65d3f}.summary{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #aab5b2}.summary div{padding:25px 18px;border-right:1px solid #aab5b2}.summary div:last-child{border:0}.summary span,.summary i{display:block;font-size:10px;letter-spacing:.15em;font-style:normal;color:#6f7e7f}.summary b{font-size:43px}.summary b small{font-size:18px}.chart{margin:32px 0;background:#fff;border:1px solid #b7c0bc;padding:25px}.chartHead{display:flex;justify-content:space-between;align-items:center}.chartHead h2,.editor h2,.shelf h2{margin:0;font-size:20px}.chartHead>div{font-size:11px}.chartHead i{display:inline-block;width:11px;height:11px;margin:0 5px 0 13px}.drive{background:#176b87}.rest{background:#75a665}.fuel{background:#e65d3f}.meal{background:#f0aa28}.chart svg{width:100%;height:340px}.axis{stroke:#12303a;stroke-width:2}.tick{stroke:#a8b4b0;stroke-dasharray:4}.chart text{font-size:11px;fill:#385058}.bar{cursor:help;transition:opacity .15s}.bar:hover{opacity:.72}.hoverHint{text-align:right;font-size:10px;color:#7c8988}.empty{text-align:center;padding:90px 10px;color:#7c8988}.editor{border-top:4px solid #12303a}.editorHead{display:flex;justify-content:space-between;padding:18px 0}.editorHead button,.save button{background:#12303a;color:#fff;border:0;padding:10px 15px;cursor:pointer}.editor article{display:grid;grid-template-columns:38px 2fr .7fr .8fr 1fr .6fr 30px;gap:12px;align-items:end;padding:13px 0;border-top:1px solid #c7ceca}.editor article>b{font-size:21px;color:#e65d3f;padding-bottom:9px}.editor label{font-size:10px;color:#687a7d}.editor input,.editor select,.save input{width:100%;border:1px solid #aab6b3;background:#fff;padding:9px;margin-top:5px}.editor label span{font-size:9px;margin-left:-34px}.remove{border:0;background:transparent;color:#e65d3f;font-size:22px;padding:7px;cursor:pointer}.remove:disabled{opacity:.2}.save{display:flex;justify-content:flex-end;gap:10px;background:#dde7e4;padding:18px;margin-top:22px}.save input{max-width:280px;margin:0}.save button:nth-of-type(2){background:#e65d3f}.save button:disabled{opacity:.4}.shelf{margin-top:35px}.shelf h2{border-bottom:2px solid;padding-bottom:10px}.shelf h2 span{float:right}.shelf article{display:flex;border-bottom:1px solid #ccd3cf}.shelf article button{border:0;background:transparent;padding:13px;cursor:pointer}.shelf article button:first-child{flex:1;text-align:left}.shelf article b,.shelf article small{display:block}.shelf article small{color:#748180;margin-top:4px}.shelf article button:last-child{color:#e65d3f}@media(max-width:760px){main{padding:23px 14px 60px}header{grid-template-columns:1fr 130px}.wordmark{display:none}.departure{padding-left:15px}.summary b{font-size:28px}.summary div{padding:16px 7px}.chart{padding:12px;overflow-x:auto}.chart svg{min-width:720px}.chartHead{display:block}.chartHead>div{margin-top:12px}.editor article{grid-template-columns:30px 1fr 1fr}.editor article label:first-of-type{grid-column:2/-1}.remove{grid-column:3}.save{flex-direction:column}.save input{max-width:none}}@media print{body{background:#fff}main{max-width:none;padding:15px}.editor,.save,.shelf,.hoverHint{display:none}.chart{border:0;margin-top:10px}header{grid-template-columns:150px 1fr 180px}}