@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--ink:#102536;--muted:#6b7b85;--navy:#123a53;--blue:#237ca6;--line:#d8e3e4}*{box-sizing:border-box}body{color:var(--ink);background:#eef4f3;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{width:min(100%,720px);min-height:100vh;margin:auto;padding:20px 16px 100px}header{justify-content:space-between;align-items:center;padding:14px 8px 24px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.12em;margin:0 0 5px;font-size:.72rem;font-weight:700}h1,h2{font-family:Fraunces,serif}h1{margin:0;font-size:2rem}h2{margin:0;font-size:1.5rem}h3{margin:0 0 3px;font-size:1rem}.badge{background:#d6eff1;border-radius:20px;place-items:center;width:58px;height:58px;font-size:2.25rem;display:grid}nav{background:#dce8e8;border-radius:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px;padding:4px;display:grid}nav button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:11px 8px;font-weight:700}nav button.active{color:var(--navy);background:#fff;box-shadow:0 2px 8px #66808022}.heading{justify-content:space-between;align-items:end;margin:0 4px 18px;display:flex}.heading span{color:var(--muted);font-size:.78rem}.chips{scrollbar-width:none;gap:8px;padding:2px 0 12px;display:flex;overflow-x:auto}.chips button{white-space:nowrap;color:var(--navy);background:#fff;border:1px solid #cddcdd;border-radius:99px;padding:9px 14px;font-weight:700}.chips .selected{background:var(--navy);color:#fff;border-color:var(--navy)}.hint{color:#48606c;background:#e7f5f4;border-left:4px solid #56a6ad;border-radius:0 10px 10px 0;margin:5px 0 14px;padding:12px;font-size:.85rem}.list{gap:12px;display:grid}.exercise,.card{border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:0 4px 13px #2445580d}.exercise{padding:15px}.title{gap:10px;display:flex}.title>b{width:25px;height:25px;color:var(--blue);background:#e7f5f5;border-radius:8px;place-items:center;font-size:.8rem;display:grid}.exercise p{color:var(--muted);margin:0 0 13px;font-size:.78rem}.inputs{grid-template-columns:1.25fr 1fr 1fr;gap:9px;display:grid}label{color:#52636e;gap:5px;font-size:.73rem;font-weight:700;display:grid}label>div{position:relative}input{width:100%;color:var(--ink);background:#fbfdfd;border:1px solid #cbd9dc;border-radius:9px;outline:0;min-width:0;padding:10px 9px}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2d8ab51c}label small{color:#83949b;pointer-events:none;font-size:.7rem;position:absolute;top:10px;right:8px}.notes{margin-top:10px;font-size:.78rem}.primary{background:var(--navy);color:#fff;border:0;border-radius:13px;width:100%;margin-top:18px;padding:15px;font-weight:700;box-shadow:0 6px 15px #123a5330}.stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px;display:grid}.stats article{background:var(--navy);color:#fff;border-radius:16px;flex-direction:column;min-height:126px;padding:14px;display:flex}.stats article:nth-child(2){background:#277d96}.stats article:nth-child(3){background:#456a5e}.stats span{opacity:.83;font-size:.72rem;line-height:1.2}.stats strong{overflow-wrap:anywhere;margin:auto 0 3px;font-family:Fraunces,serif;font-size:1.6rem}.stats small{opacity:.76;font-size:.65rem}.card{margin-bottom:15px;padding:17px}.card h2{margin-bottom:13px;font-size:1.22rem}.card p{color:#536570;margin:0;font-size:.88rem;line-height:1.55}.empty{text-align:center;color:#71818a;padding:22px 8px;font-size:.87rem}.history{gap:12px;display:grid}.history>div{border-bottom:1px solid #e5eded;padding-bottom:12px}.history>div:last-child{border:0;padding-bottom:0}.history strong{font-size:.9rem;display:block}.history span{color:var(--muted);margin-top:2px;font-size:.76rem;display:block}.history p{margin-top:6px;font-size:.77rem}.date{max-width:220px;margin-bottom:14px}.measure,.compare{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.compare>div{background:#fbfdfd;border:1px solid #e1e9e9;border-radius:11px;gap:3px;padding:11px;display:grid}.compare span{color:#687a83;font-size:.72rem}.compare strong{font-size:1rem}.compare small{color:#45806b;font-size:.7rem}.toast{z-index:5;color:#fff;white-space:nowrap;background:#112f40;border-radius:99px;padding:13px 18px;font-size:.85rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 7px 22px #0003}@media (width<=380px){.stats{grid-template-columns:1fr}.stats article{min-height:90px}}