*{box-sizing:border-box}body{margin:0;color:#182f2b;background:#f5f5ee;font:16px/1.5 "Helvetica Neue",Arial,sans-serif}header,main,footer{width:min(960px,90%);margin:auto}header,footer,.top,.rule{display:flex;align-items:center;justify-content:space-between}header{height:76px;border-bottom:1px solid #bfc8bd}.brand{font-size:24px;font-weight:750;letter-spacing:-1px}.brand i{font-style:normal;color:#376d58}a{color:inherit;text-underline-offset:4px;font-size:14px}h1{font:normal clamp(44px,7vw,76px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:44px 0 28px}h2{font-size:19px;margin:0;letter-spacing:-.035em}.grid{display:grid;grid-template-columns:1.8fr 1fr;gap:16px}.timer,.pool{border-radius:14px;padding:clamp(20px,3vw,32px)}.timer{background:#182f2b;color:#edf4e7}.top span{font:13px monospace;color:#c8e9ae}.pool{background:#dce9bf}.balance{margin:17px 0 18px}.balance b{font-size:clamp(36px,5vw,56px);letter-spacing:-.06em}#clock{font:500 clamp(36px,6.8vw,74px)/1.3 ui-monospace,monospace;letter-spacing:-.06em;margin-top:14px}progress{width:100%;height:5px;accent-color:#b5de91;display:block}.timer p{margin:13px 0 0;color:#d9e4d9;overflow-wrap:anywhere;white-space:pre-wrap}.rule{padding:8px 0;border-top:1px solid #bac9a7;font-size:14px}.setup{margin-top:30px;padding:24px 0;border-block:1px solid #bdc9bc}form{display:grid;grid-template-columns:1fr 156px auto;gap:14px;align-items:end;margin-top:14px}label{display:grid;gap:6px;font-size:14px;font-weight:600}textarea,input,button{font:inherit;border-radius:6px}textarea,input{border:1px solid #a8b7a8;background:#fffef8;color:inherit;padding:11px;width:100%;height:48px}textarea{resize:vertical;min-height:48px}button{cursor:pointer;background:#235141;color:white;padding:12px 20px;border:0;font-weight:650}button:disabled{opacity:.5;cursor:default}#finish{background:#cee8ad;color:#173527;margin-top:15px}#history p{color:#55665b}article{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #c8d0c5;padding:15px 0}article strong{overflow-wrap:anywhere;white-space:pre-wrap}article small{display:block;color:#59695c}article b{font-size:14px}footer{margin-top:55px;padding:18px 0;border-top:1px solid #bdc9bc;font-size:13px;color:#546359}@media(max-width:700px){.grid,form{grid-template-columns:1fr}.setup{margin-top:20px}.pool{padding:20px}.balance{margin:4px 0 12px}h1{margin-top:25px}}