*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-color:#f5f5f5}.app{max-width:800px;margin:0 auto;padding:20px}.app-header{text-align:center;margin-bottom:30px;padding:20px 0;background-color:#4a90e2;color:#fff;border-radius:5px}.counter-section,.todo-section{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:5px;box-shadow:0 2px 4px #0000001a}h2{margin-bottom:15px;color:#333}.button-group{display:flex;gap:10px;margin-bottom:10px}button{padding:8px 12px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#3a7bca}.add-task{display:flex;margin-bottom:15px}input{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:4px;margin-right:10px}.task-list{list-style-type:none}.task-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.task-list li:last-child{border-bottom:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}