.todo-app_todo-app__xQHrd{max-width:480px;margin:40px auto;background:#fff;border-radius:8px;box-shadow:0 2px 16px #eee;padding:32px 24px;font-family:Inter,sans-serif}.todo-app_todo-app__xQHrd h1{text-align:center;margin-bottom:24px;color:#2d2d2d;font-size:2rem}.todo-app_todo-app__xQHrd nav{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.todo-app_todo-app__xQHrd nav button{padding:6px 16px;border-radius:4px;border:none;background:#f0f0f0;color:#333;cursor:pointer;font-weight:500}.todo-app_todo-app__xQHrd nav button.todo-app_active__x7B_c{background:#1677ff;color:#fff}.todo-app_todo-app__xQHrd form{display:flex;gap:8px;margin-bottom:20px}.todo-app_todo-app__xQHrd form input[type=text]{flex:1 1;padding:8px;border-radius:4px;border:1px solid #ddd;font-size:1rem}.todo-app_todo-app__xQHrd form button{padding:8px 16px;border-radius:4px;border:none;background:#1677ff;color:#fff;font-weight:500;cursor:pointer}.todo-app_todo-app__xQHrd ul{list-style:none;padding:0}.todo-app_todo-app__xQHrd ul li{display:flex;align-items:center;margin-bottom:10px;background:#f9f9f9;border-radius:4px;padding:10px 8px;box-shadow:0 1px 2px #eee}.todo-app_todo-app__xQHrd ul li input[type=checkbox]{margin-right:12px;accent-color:#1677ff}.todo-app_todo-app__xQHrd ul li span{flex:1 1;font-size:1rem;color:#222}.todo-app_todo-app__xQHrd ul li span.todo-app_completed__vmG77{text-decoration:line-through;color:#888}.todo-app_todo-app__xQHrd ul li button{margin-left:8px;background:#ff4d4f;color:#fff;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:.95rem}