*{box-sizing:border-box}body{margin:0;background:#eef4f5;color:#173440;font:15px system-ui}header,nav{display:flex;align-items:center;gap:16px;padding:12px 22px;background:white;border-bottom:1px solid #ccdadf}h1{font-size:23px;margin:0;flex:1}a{color:#087b79}button,select,input{font:inherit}button{border:0;border-radius:8px;padding:10px 15px;background:#087c78;color:white;cursor:pointer}button:disabled{opacity:.5}main{display:grid;grid-template-columns:260px minmax(400px,1fr) 280px;gap:16px;padding:16px;height:calc(100dvh - 128px)}aside,section{background:white;border-radius:14px;padding:18px;overflow:auto;min-height:0;overscroll-behavior:contain}label{display:block;margin:16px 0}input:not([type=checkbox]),select{width:100%;margin-top:7px}output{display:block;color:#087c78;font-weight:700}.check{display:flex;gap:8px}p,li{line-height:1.5}aside p,.note,details{font-size:13px;color:#526b76}svg{width:100%}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cards div{padding:12px;background:#eef6f5;border-radius:8px}.cards strong{display:block;font-size:21px}.advice{padding:12px;background:#fff3d9;border-radius:8px}canvas{width:100%;background:#f2f6f8;border-radius:8px}#journal{padding-left:20px}#journal li{padding-bottom:10px;font-size:13px}body.running #bubbles{animation:rise 1s infinite alternate}@keyframes rise{to{transform:translateY(-25px);opacity:.5}}@media(max-width:1000px){main{grid-template-columns:220px minmax(350px,1fr)}main>aside:last-child{grid-column:1/-1;max-height:320px}main{height:auto}aside,section{max-height:75vh}header,nav{flex-wrap:wrap}h1{font-size:18px}}@media(max-width:650px){main{display:block}aside,section{margin-bottom:14px;max-height:65vh}.cards{grid-template-columns:1fr 1fr}}