*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:800px;margin:0 auto;padding:2rem}h1{margin-bottom:.5rem}h2{margin:2rem 0 1rem}.counter-demo{margin-top:2rem}.button-group{display:flex;gap:.5rem;margin-top:1rem}.button{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.button:hover:not(:disabled){opacity:.8}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{background-color:#007bff;color:#fff}.button-secondary{background-color:#6c757d;color:#fff}