:root{color:#17251f;font-synthesis:none;background:#f7faf8;font-family:system-ui,-apple-system,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}main{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:32px 20px;display:flex}h1{color:#43584d;margin:0;font-size:20px;font-weight:500}output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;margin:28px 0 40px;font-size:clamp(88px,20vw,160px);font-weight:600;line-height:1.25;display:block}.actions{grid-template-columns:1fr 1fr;gap:14px;width:min(100%,420px);display:grid}button{font:inherit;color:#17251f;cursor:pointer;background:#fff;border:1px solid #ccd9d1;border-radius:14px;min-height:64px;font-size:19px;transition:background .15s,transform .15s}button:hover{background:#eaf1ed}button:active{transform:scale(.98)}button:focus-visible{outline-offset:4px;outline:3px solid #157347}.primary{color:#fff;background:#176640;border-color:#176640}.primary:hover{background:#104c2f}.reset{background:0 0;grid-column:1/-1;min-height:52px;font-size:16px}p{color:#52655a;margin:24px 0 0;font-size:14px}@media (prefers-reduced-motion:reduce){button{transition:none}}