:root{color-scheme:light;color:#172030;background:#faf6ef;font:17px/1.5 system-ui}*{box-sizing:border-box}main{margin:auto;max-width:39rem;padding:1.2rem}header{border-bottom:2px solid;margin-bottom:2rem}header span{letter-spacing:.15em;font-size:.72rem}h1,h2{font:normal 2.6rem Georgia;margin:.3rem 0 1rem}h2{font-size:1.55rem;margin-top:1.6rem}label{display:block;margin:.65rem 0}input,button{font:inherit;max-width:100%;min-height:44px}input{width:100%;padding:.45rem;border:1px solid #938b80;border-radius:.3rem}button{background:#874015;color:white;border:0;border-radius:5px;padding:.55rem .85rem;margin:.3rem 0;cursor:pointer}.interval{display:block;text-align:left;width:100%;background:white;color:#172030;border-left:4px solid #ad551d}#status{position:sticky;bottom:0;background:#faf6ef}button:disabled{opacity:.6}
.total{margin:1rem 0;background:#173e43;color:#fff;padding:1.2rem;border-radius:12px}.total strong{display:block;font:2.8rem Georgia}.metric{display:grid;grid-template-columns:1fr auto;gap:.1rem .7rem;margin:.7rem 0}.metric span+span{font-variant-numeric:tabular-nums}.metric progress{width:100%;height:6px;grid-column:1/-1;accent-color:#277471}details{margin:1.5rem 0}summary{cursor:pointer;padding:.65rem 0;font-weight:600}