*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#fafafa;font-family:system-ui,sans-serif}.app{max-width:500px;margin:60px auto;padding:0 20px;font-family:system-ui,sans-serif}.env-badge{text-align:center;color:#e0e0e0;background:#1a1a2e;border-radius:8px;margin-bottom:24px;padding:12px;font-size:1.4rem}.env-badge strong{color:#4fc3f7}h1{text-align:center;margin-bottom:20px}.input-row{gap:8px;margin-bottom:20px;display:flex}.input-row input{border:1px solid #ccc;border-radius:6px;flex:1;padding:10px 14px;font-size:1rem}.input-row button{color:#fff;cursor:pointer;background:#4fc3f7;border:none;border-radius:6px;padding:10px 20px;font-size:1rem}.input-row button:hover{background:#039be5}.empty{text-align:center;color:#888}.todo-list{padding:0;list-style:none}.todo-list li{cursor:pointer;border:1px solid #eee;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;display:flex}.todo-list li.done span{color:#aaa;text-decoration:line-through}.todo-list li .remove{color:#e57373;cursor:pointer;background:0 0;border:none;font-size:1rem}.todo-list li .remove:hover{color:#c62828}