実験パラメータ「比較モード」の追加（2条件を並べてCanvas表示）

## 1. 目的
現在は1セットのパラメータで1つのアニメーションを確認するだけだが、「温度を上げると反応速度はどう変わるか」などを視覚的に比較したい学習ニーズに応える。同一実験を2条件並べてリアルタイムに比較できる「比較モード」を追加し、変数の制御という科学的思考力を育てる。

## 2. 具体的な仕様

### 2-1. UI構成
- 各実験画面の上部に「通常モード」「比較モード」のタブ切替ボタンを追加する。
- 比較モード選択時、Canvasエリアを左右（PCは横並び・スマホは上下2段）に2分割し、「条件A」「条件B」とラベルを表示する。
- スライダーパネルも左右に2列並べ、それぞれ独立したパラメータを設定できるようにする。スマホでは上段=条件A・下段=条件B の形でCanvasとスライダーをセットにして表示する。
- 各Canvasの幅は通常モード時の約50%（スマホは100%幅で上下）とし、アニメーションのスケールはCanvas.widthに応じて自動調整する（既存の描画関数の`width`引数を活用）。

### 2-2. 「条件をコピー」ボタン
- 条件Aスライダー群の横に「→ Bにコピー」ボタンを設置し、押すと条件Aの全スライダー値を条件Bに複製する。「1つだけ変えて比べる」操作を簡単にするため。

### 2-3. 差分ハイライト表示
- 条件Aと条件Bで値が異なるスライダーのラベルに黄色背景のバッジ「変更中」を付け、どの変数を変えているかを一目で把握できるようにする。
- JavaScriptでinputイベントのたびに両者の値を比較し、classList.toggle で付け外しする。

### 2-4. 比較メモ欄と実験ノート連携
- 比較モードの下部に1行テキスト入力欄「比較メモ（例：温度を2倍にすると反応速度は〇倍になった）」を設ける。
- 実験完了後に実験ノートを生成する既存フローにおいて、比較モードで完了した場合は「比較条件A」「比較条件B」「比較メモ」の3項目を追加セクションとしてノートに挿入し、localStorageに保存する。既存の5項目（目的・仮説・操作・結果・考察）はそのまま保持する。

### 2-5. 対応実験の範囲
- 全16実験のうち、パラメータが1種類以上あるもの（実質ほぼ全て）を比較モード対応とする。
- 生物分野の「顕微鏡観察」など、比較が意味をなしにくい実験は比較モードタブを非表示にし、通常モードのみとする（各実験の設定オブジェクトに `compareSupported: true/false` フラグを追加して制御）。

## 3. 既存機能との整合
- 通常モードはデフォルトであり、比較モードに切り替えない限り既存の画面・操作は一切変わらない。
- 既存のCanvas描画関数は「描画先のCanvasオブジェクトとパラメータオブジェクトを受け取る形」にリファクタリングする（現在グローバル変数参照になっている場合）。これにより2つのCanvasに同じ関数を別パラメータで呼び出せるようになる。既存の通常モードは同関数を1つのCanvasに呼ぶだけなので動作は変わらない。
- スタンプカードの進捗記録・クイズ・実験ノート保存は比較モードでも同様に動作し、localStorageキーの体系は変更しない。比較ノートの追加項目は既存ノートオブジェクトへのオプションプロパティ追加のため、旧データの表示も壊れない。
- 印刷用CSSでは比較Canvasを`display:none`にし、通常ノートと同じレイアウトで印刷される（比較条件セクションはテキストとして印刷に含める）。