*{box-sizing:border-box}body{color:#18332a;background:#f8faf7;margin:0;font-family:Arial,sans-serif}main{max-width:1000px;margin:auto;padding:72px 40px}h1{letter-spacing:-2px;font-size:clamp(32px,5vw,64px)}button,input,textarea,select{font:inherit}h2{text-transform:uppercase;letter-spacing:1px;color:#4b6359;margin:0;font-size:14px;font-weight:600}.counter{background:#fff;border:1px solid #dfe7e1;border-radius:16px;justify-items:center;gap:16px;margin:24px 0;padding:32px 24px;display:grid;box-shadow:0 1px 3px #18332a0f}.count{font-variant-numeric:tabular-nums;font-size:clamp(56px,12vw,96px);font-weight:700;line-height:1}.counter-actions,.workspace-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.counter-actions{justify-content:center}.btn{color:#172f29;cursor:pointer;background:#fff;border:1px solid #172f29;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 18px;display:inline-flex}.btn-primary{color:#fff;background:#172f29}.btn-ghost{border-color:#c7d4cc}.btn:hover:not(:disabled){filter:brightness(.95)}.btn:focus-visible{outline-offset:2px;outline:3px solid #6aa88f}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:520px){main{padding:40px 16px}.counter-actions .btn{flex:1 1 0}}