.App{max-width:800px;margin:0 auto;padding:2rem;text-align:center}h1{color:#333;margin-bottom:2rem}.counter-section,.todo-section{margin:2rem 0;padding:1.5rem;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.counter-section button{margin:0 .5rem;padding:.5rem 1rem;border:none;border-radius:4px;background:#007bff;color:#fff;cursor:pointer}.counter-section button:hover{background:#0056b3}.todo-input{margin-bottom:1rem}.todo-input input{padding:.5rem;border:1px solid #ddd;border-radius:4px;margin-right:.5rem;width:200px}.todo-input button{padding:.5rem 1rem;border:none;border-radius:4px;background:#28a745;color:#fff;cursor:pointer}.todo-list{list-style:none;padding:0}.todo-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin:.5rem 0;border:1px solid #eee;border-radius:4px;background:white}.todo-list li.completed span{text-decoration:line-through;color:#999}.todo-list li span{cursor:pointer;flex:1;text-align:left}.todo-list li button{padding:.25rem .5rem;border:none;border-radius:4px;background:#dc3545;color:#fff;cursor:pointer;font-size:.8rem}*{margin:0;padding:0;box-sizing:border-box}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;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}