body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f4f8;margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.todoList{background:#fff;padding:2rem;margin-top:4rem;border-radius:12px;box-shadow:0 10px 20px #0000001a;width:90%;max-width:500px}.todoList h2{text-align:center;color:#333;margin-bottom:1rem}.todoList input[type=text]{width:70%;padding:.5rem 1rem;font-size:1rem;border:2px solid #ccc;border-radius:8px;margin-right:.5rem;transition:border-color .3s}.todoList input[type=text]:focus{outline:none;border-color:#007bff}.addButton{padding:.5rem 1rem;font-size:1rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s;margin-top:10px}.addButton:hover{background:#0056b3}ol{list-style:none;padding:0;margin-top:1.5rem}li{background:#f9f9f9;margin-bottom:.75rem;padding:.75rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000000d}.text{flex:1;margin-right:1rem;color:#444;word-break:break-word}button.deleteButton{background:#dc3545;color:#fff;border:none;padding:.4rem .6rem;margin-left:.3rem;border-radius:6px;cursor:pointer;font-size:.9rem}button.deleteButton:hover{background:#c82333}button.moveButton{background:#ffc107;color:#333;border:none;padding:.4rem .6rem;margin-left:.3rem;border-radius:6px;cursor:pointer;font-size:.9rem}button.moveButton:hover{background:#e0a800}