レスポンシブTodoアプリ、完全なCRUDとLocalStorage付き

レスポンシブなTodoアプリをHTML5、CSS3、バニラJavaScriptで作成してください。アプリは、CSS Grid/Flexboxを使用したモダンでクリーンなUIと直感的なコントロールを備えている必要があります。完全なCRUD機能（タスクの追加/編集/削除/完了）をスムーズなアニメーションとともに実装してください。色分けと優先度レベル（低/中/高）によるタスクのカテゴリ分類を含めてください。日付ピッカーコンポーネントとリマインダー通知を備えた期日を追加してください。セッション間のデータ永続化にはlocalStorageを使用してください。ステータス、カテゴリ、日付範囲のフィルターを備えた検索機能を実装してください。HTML5のドラッグ＆ドロップAPIを使用したタスクのドラッグ＆ドロップによる並べ替えを追加してください。メディアクエリを使用した適切なブレークポイントで、デザインが完全にレスポンシブであることを確認してください。ユーザーのシステム環境設定を尊重するダーク/ライトテーマの切り替えを追加してください。より良いUXのために、微妙なマイクロインタラクションとトランジションを追加してください。