:root{font-family:system-ui,sans-serif;color:#19221c;background:#f4f5f1}body{margin:0}header,main{max-width:1040px;margin:auto;padding:1rem}header{display:flex;justify-content:space-between;align-items:center}.card,.metrics div{background:#fff;border:1px solid #d7ddd6;border-radius:10px;padding:1rem;box-shadow:0 1px 2px #0001}.narrow{max-width:360px;margin:8vh auto}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.right{float:right}.metrics strong{display:block;font-size:1.5rem}label{display:block;margin:.8rem 0;font-weight:600}input{display:block;width:100%;box-sizing:border-box;padding:.65rem;margin-top:.3rem;border:1px solid #9fa9a0;border-radius:5px;font:inherit}button,.button{background:#245b39;color:white;border:0;border-radius:5px;padding:.65rem .9rem;font:inherit;text-decoration:none;cursor:pointer}.quiet{background:#555}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #d7ddd6;vertical-align:top}small{color:#57635a}.error{color:#9b1c1c}@media(max-width:650px){.metrics{grid-template-columns:1fr}table{font-size:.85rem;display:block;overflow-x:auto}}