body{color:#222;max-width:36rem;margin:2rem auto;padding:0 1rem;font-family:system-ui,sans-serif}header{align-items:center;gap:.75rem;display:flex}h1{margin:0}#total{margin-left:auto}form{align-items:center;gap:.5rem;margin:1.5rem 0 .5rem;display:flex}form input{flex:1;padding:.4rem}#error{color:#b00020;min-height:1.2em;margin:0 0 1rem}ul{padding:0;list-style:none}li{border-bottom:1px solid #eee;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}li .name{overflow-wrap:anywhere;flex:1}li output{text-align:center;font-variant-numeric:tabular-nums;min-width:3ch;font-weight:700}button{cursor:pointer;padding:.3rem .7rem}