body{margin:0;padding:24px;background:#f5f5e9;color:#163f42;font:16px/1.5 system-ui}*{box-sizing:border-box}h1,h2{font-family:Georgia}button,input,select{font:inherit;min-height:44px;border-radius:9px;border:1px solid #52736b;padding:10px}button{cursor:pointer;background:#204e4b;color:#fff6df}button[aria-pressed=true]{background:#bd5639}.frequency,.amounts{display:flex;gap:8px;margin:12px 0}.frequency button,.amounts button{flex:1}label{display:block;margin-top:12px}input{width:100%;margin:8px 0}button[type=submit]{width:100%}.notice{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.total{font:60px Georgia}.goal{margin:12px 0}.meter{height:10px;background:#ccd5c4;border-radius:20px;overflow:hidden;margin:18px 0}.meter>div{height:100%;background:#bd5639;transition:width .4s}small{font-size:12px}canvas{display:block;max-width:100%}:focus-visible{outline:3px solid #bd5639;outline-offset:3px}