todos

  <div class="todo-input-section">
    <button id="toggle-all" class="toggle-all-btn">⌄</button>
    <input type="text" id="new-todo" placeholder="何をする必要がありますか？" class="todo-input">
    <button id="add-todo" class="add-btn">追加</button>
  </div>

  <div class="todo-filters">
    <button id="filter-all" class="filter-btn active">すべて</button>
    <button id="filter-active" class="filter-btn">未完了</button>
    <button id="filter-completed" class="filter-btn">完了</button>
  </div>

  <ul id="todo-list" class="todo-list"></ul>

  <div class="todo-footer">
    <span id="items-left">残り 0 件</span>
    <button id="clear-completed" class="clear-btn" style="display: none;">完了済みをクリア</button>
  </div>

  <div class="todo-stats">
    <span id="stats-text">0 Todos | 0 レンダー | 0.00 ms</span>
  </div>
</div>