*{box-sizing:border-box}body{margin:0;background:white;color:black;font-family:system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:44px 28px}button,input{font:inherit;border:1px solid black;border-radius:0;background:white;color:black;padding:11px 14px}button{cursor:pointer;min-height:44px}button:hover{background:#eee}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid black;outline-offset:3px}.primary,.add{background:black;color:white}.primary:hover,.add:hover{background:#333}header,.toolbar,.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:52px;font-weight:500;letter-spacing:-2px;margin:0}header p{margin:10px 0 0;line-height:1.6}header{margin-bottom:36px}.toolbar{border-top:1px solid;border-bottom:1px solid;padding:18px 0;flex-wrap:wrap}.date-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.counter{border:1px solid;padding:24px;min-width:0}.card-top h2{font-size:21px;font-weight:500;margin:0;overflow-wrap:anywhere}.card-top button{font-size:13px}.total{font-variant-numeric:tabular-nums;margin:26px 0 4px;overflow-wrap:anywhere}.total>span{font-size:56px;letter-spacing:-2px}.total small{font-size:16px}.all-time{font-size:13px;margin:0 0 26px}.increments{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.increments button{flex:1;font-size:21px;min-width:62px;padding:16px 10px}.counter>button{font-size:12px;border:0;padding:8px 0;text-decoration:underline}.empty{padding:50px 0;grid-column:1/-1}.empty h2{font-weight:450;font-size:28px}.empty p{line-height:1.6}.history{margin-top:42px}summary{cursor:pointer;min-height:44px;padding:10px 0}footer details div{display:flex;gap:18px}.history h2{font-size:17px;font-weight:500}ul{padding:0;list-style:none}li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid;overflow-wrap:anywhere}li strong{margin-left:12px;font-weight:500}time{font-size:12px;white-space:nowrap}footer{margin-top:38px;padding-top:20px;border-top:1px solid;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;line-height:1.7}footer p{margin:0}footer button,.file-label{font-size:12px;text-decoration:underline;cursor:pointer}footer button{border:0;padding:0}.file-label{display:inline-flex;align-items:center;min-height:44px}.file-label input{max-width:200px;font-size:12px;border:0}dialog{border:1px solid;padding:28px;width:min(480px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:#0008}dialog h2{font-weight:500;margin-top:0}form label{display:block;margin:20px 0;font-size:14px}form input{display:block;width:100%;margin-top:8px}form small{display:block;margin-top:8px;line-height:1.5}form .actions{display:flex;gap:10px;flex-wrap:wrap}#delete{margin-top:20px}#message:not(:empty){padding:14px;border:1px solid;line-height:1.5}[hidden]{display:none!important}@media(max-width:560px){main{padding:28px 16px}h1{font-size:40px}header{align-items:flex-start}header p{max-width:220px;font-size:14px}header button{white-space:nowrap}.cards{grid-template-columns:1fr}.counter{padding:20px}.total>span{font-size:50px}li strong{display:block;margin:4px 0 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}