
<!--
  Copyright (c) 2026 opspapa
  
  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
  in the Software without restriction, including without limitation the rights
  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  copies of the Software, and to permit persons to whom the Software is
  furnished to do so, subject to the following conditions:
  
  The above copyright notice and this permission notice shall be included in all
  copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
-->


<!--

このアプリのプラグインを、オープンデータを活用し、LLMに作成させるためのプロンプトテンプレートです。
================================================================================

あなたは優秀なマクロ経済アナリストであり、JavaScriptエンジニアです。
本シミュレーターは、「個人のライフプラン（ミクロ）」と「マクロ経済」を統合した将来設計シミュレーターです。
あなたの役割は、オープンデータ・歴史データ・学術研究などを根拠として、再利用可能なマクロ経済シナリオプラグインを作成することです。

【作成したいシナリオのテーマ】
※ここに作成したいテーマを記述してください：[                     ]

================================================================================
■ このプロンプトの思想
================================================================================
一般的なオープンデータ活用は、「CSVを取得する」「グラフ化する」ことが目的になりがちです。
本システムでは考え方が異なります。オープンデータは「閲覧するため」ではなく、『未来をシミュレーションするためのモデルパラメータの根拠』として利用します。

政府統計、日銀、各種研究機関などの公開データから「どの程度変化すると考えるのが妥当か」を論理的に推定し、モデルへ反映してください。
将来的にはLLMがデータを自動取得することも視野に入れているため、「どのデータを利用すべきか」が分かるようなコメントを残してください。

================================================================================
■ 数値設定のルール（マジックナンバー禁止）
================================================================================
すべての定数について、出典、採用理由、推定方法をコメントへ記載してください。
例）
// 消費税増税後の物価上昇は2014年(5→8%)・2019年(8→10%)のCPI推移を参考。
// 一時的な影響を約1.5%とし、モデルでは保守的に1.2%を採用。

推測値を使う場合は、歴史平均、レンジ中央値、シナリオ分析など、推定根拠を必ず説明してください。極端すぎる数値や説明できない補正は避け、説明可能で再現可能なモデルを目指してください。

================================================================================
■ イベントの設計
================================================================================
・制度変更（増税、社会保険、年金など）：決定論・モンテカルロ双方で「固定年」に発動してください。
・突発イベント（地震、危機、パンデミックなど）：
 - 決定論：期待値となる年に固定発動
 - モンテカルロ：確率で発動年を決定

================================================================================
■ プラグイン仕様とAPIリファレンス (厳守)
================================================================================
本システムはWeb Workerによるマルチスレッド実行を前提とした「ステートレス設計」を採用しています。
以下の構造を持つクラスを作成し、`window.MacroScenarios.push()` で登録してください。

```javascript
window.MacroScenarios = window.MacroScenarios || [];

class [任意のクラス名] {
    constructor() {
        this.id = '一意の英数字ID';
        this.name = 'UIに表示されるシナリオ名';
        this.description = '概要と前提となる数値の根拠を簡潔に。';
        this.category = 'カテゴリー名'; // 例: '政策', '災害', '社会変化', 'ショック', 'その他'など
    }

    // パス（1つの世界線）が始まるたびに呼ばれるフック
    // ★重要★: 並列処理に備え、状態（ステート）を `this` に保存することは厳禁です。
    // 世界線ごとの固有の状態（例：サイコロで決まった発災年など）は、必ず第3引数の `context` オブジェクトに保存してください。
    onPassStart(isMonteCarlo, params, context) {
        // 例: context.disasterYear = isMonteCarlo ? 乱数で決めた年 : 期待値の年;
    }

    // 毎年呼ばれるパラメータ変動フック
    // ★重要★: onPassStartで設定した値は、第4引数の `context` から読み出してください。
    apply(simDeltas, year, baseParams, context) {
        // 発動条件を満たした場合、simDeltasのプロパティを加減算してマクロ環境を変化させる。
        // 例: if (year === context.disasterYear) { simDeltas.demoTaxPenalty += 0.05; }
        
        /* 操作可能な simDeltas のプロパティ一覧（初期値は全て0。これに加減算する）
           infRate: インフレ率 (例: +0.02 で 2%上昇)
           targetReturn: 運用利回り (例: -0.30 で 30%下落)
           salaryGrowth: 昇給率 (例: -0.01 で 1%低下)
           demoTaxPenalty: 可処分所得の減少率。増税や災害の復旧費用など、手取りを直接削る場合に使用 (例: +0.05 で手取り5%減)
           healthPremiumRate: 健康保険料率 (基準は0.0585。例: +0.01)
           slideRateBasic: 基礎年金マクロ経済スライド (例: -0.005)
           slideRateKosei: 厚生年金マクロ経済スライド (例: -0.005)
           medProgressRatio: 医療費の上昇圧力 (-1.0 ～ 1.0)
           consumptionTaxRate: 消費税率 (例: +0.05 で 5%増税)
           eduMultiplier: 教育費の乗数オブジェクト {es: 0, jhs: 0, hs: 0, univ: 0} (例: univ: -0.5 で大学費用半額)
        */
    }
}

// 最後に登録
window.MacroScenarios.push(new [クラス名]());


================================================================================


📊 【仕様資料】MACRO × MICRO（マクロ・ミクロ） : Life Oracle
―― オープンデータ駆動型ライフプラン・シミュレーター ――

Ⅰ. コンセプトと開発背景
1. オープンデータの新しい活用法：「見る」から「重ねる」へ
行政や公的機関が公開しているマクロ経済の統計データ（物価上昇率、税制の変化など）を、単なるグラフとして「見る」だけでなく、個人のライフプランというミクロな時系列に「重ね合わせる」ためのプラットフォームです。社会の動きが、自分たちの生活にどう影響するのかを具体的にシミュレーションします。

2. マクロ（社会）とミクロ（家計）のAIによる統合
これまでのライフプランツールでは、社会環境の変化（増税やインフレなど）を固定値として簡易的に処理することが一般的でした。本システムでは、AI技術を活用することで、複雑な公的データや経済シナリオを動的なパラメータとしてコード化（プラグイン化）し、個人の家計シミュレーションに直接組み込むことを可能にしています。

3. 子育て世帯の実情に寄り添った設計
子どもの進学など、子育て世帯には「変更や先送りが難しい大きなライフイベント」が複数存在します。そのため、客観的なデータに基づいた中長期的なリスク管理が不可欠です。本システムは、そうした世帯が「将来のシナリオを複数のパターンで検証し、ゆとりを持って備えるためのお手伝い」ができるツールを目指して開発されました。


Ⅱ. システム・アーキテクチャ
サーバーレス＆DBレスのフロントエンド完結：
個人情報をサーバーに送信する必要がないため、ユーザーが安心して利用できます。すべての計算処理はブラウザ上で行われ、オープンデータは「JavaScriptのプラグイン」として提供されます。

高速なレスポンス（Edge配信）：
Cloudflare Pages等を利用した静的サイトとして構築。複雑なバックエンド処理を持たないため、瞬時にシミュレーション結果を描画できます。

オープンソース（MITライセンス）：
コードはMITライセンスで公開（Copyright 2026, opspapa）。有志のエンジニアや行政機関が独自のデータや経済シナリオ（プラグイン）を自由に追加・共有できる、拡張性の高い土台を提供します。このプログラムをLLMの入力として利用し、さらに進化したものも容易に作られると思います。


シミュレーション仕様および変数・パラメータ定義
本シミュレーターは、行政機関等が公表する統計データや現行制度をベースライン（基準値）として内包しています。その上で、将来の社会経済の変動（マクロ要因）が家計（ミクロ要因）に与える影響を、各種パラメータの調整によって検証・予測できる設計となっています。

内部ロジックはオープンソースとして公開しており、ユーザー自身の環境や予測に合わせて自由に定数を書き換えることが可能です。

Ⅲ. シミュレーションの調整パラメータ（simDeltas）
将来の経済動向や社会制度の変化をシミュレーションに反映させるための外部変数です。

1. 経済環境の変動

infRate（インフレ率） / targetReturn（運用利回り）
物価の変動率と、保有資産の運用による増減率を定義します。

salaryGrowth（昇給率）
収入の伸び率を設定します。「物価は上昇するが収入は連動しない」などのスタグフレーションシナリオの検証に利用します。

2. 税・社会保険料などの負担変動

demoTaxPenalty（可処分所得減少率）
増税や社会保険料の引き上げなど、様々な要因による「手取り額の減少」をシミュレートするためのパラメータです。

consumptionTaxRate（消費税率）
生活費（支出）のベースラインに影響を与えます。将来的な税率変更のタイミングや影響度を検証します。

healthPremiumRate（健康保険料率）
高齢化等に伴う現役世代の社会保険料負担の増減を推計します。

3. ライフイベントと制度変化

eduMultiplier（教育費乗数：es, jhs, hs, univ）
小・中・高・大学の各教育費に対する増減係数です。例えば「高校無償化」や「大学の授業料減免制度」などが適用された際の、家計へのポジティブな影響を検証できます。

slideRateBasic / slideRateKosei（マクロ経済スライド等）
将来受け取る公的年金の実質的な価値（購買力）の変動を調整します。

Ⅳ. 算出・表示ロジック（決定論と確率論）
シミュレーション結果を正しく解釈し、ライフプランの検討に繋げるためのUI表示ロジックです。

1. キャッシュフローの描画（決定論的アプローチ）
毎年の収入・支出グラフは、乱数によるブレを排除した「ベースライン（期待値）」として描画します。これにより、家計の基本的な収支構造や、教育費がピークを迎えるタイミングを視覚的に把握しやすくなります。

2. 生涯資産推移の可視化（確率論的アプローチ）
資産推移グラフには、モンテカルロ法（乱数を用いた複数回シミュレーション）によるパーセンタイル分布を描画します。マクロ経済の変動（ボラティリティ）によって最終的な資産が上下にブレる可能性を客観的に示し、リスク許容度を検討するための材料を提供します。

Ⅴ. デフォルト定数（初期値）の設定根拠
本シミュレーターの内部で基準値として設定されている数値は、原則として官公庁等の公的統計データに基づいています。シミュレーションは「この基準値に対して将来どのような変動が起きるか」を差分（Delta）として計算します。

1. 経済指標のベースライン
基本インフレ率（2.0%）： 日本銀行が掲げる「物価安定の目標」の基準値、および近年の消費者物価指数（CPI）の動向を加味した長期的な標準シナリオ。

基本運用利回り（4.0%）： 年金積立金管理運用独立行政法人（GPIF）の基本ポートフォリオにおける期待リターン、および世界株式インデックスの長期的なインフレ調整後リターンを参考に保守的に設定。

基本昇給率（1.0%）： 厚生労働省「毎月勤労統計調査」および春闘妥結額の長期平均値。デフォルト状態ではインフレ率を下回る設定とし、実質賃金が低下していく近年の構造を反映しています。

運用利回りの標準偏差（15.0%）： 一般的な全世界株式インデックスファンドの年間リスク（ボラティリティ）。特定の年における市場の暴落・高騰リスクを確率的に発生させるために使用します。

2. 公的年金制度のベースライン
厚生労働省が定める現行の年金数理モデルおよび最新の法改正（2022年4月施行）をトレースしています。

老齢基礎年金 満額（816,000円）： 令和6年度以降の満額受給額（月額68,000円×12ヶ月）。未納期間がない前提の基準値。

基礎年金最大加入年数（40年）： 国民年金の加入義務期間（20歳から60歳）。

厚生年金 給付乗数（0.005481）： 厚生年金保険法に基づく報酬比例部分の法定乗数。

繰下げ割増率（年率+8.4% / 最大10年）： 65歳以降の繰下げ受給（最大75歳）における割増率（1ヶ月あたり+0.7%）。

繰上げ減額率（年率-4.8% / 最大5年）： 60歳からの繰上げ受給における減額率（法改正を反映し、1ヶ月あたり-0.4%）。

マクロ経済スライド（年率-0.5% / 下限70%）： 少子高齢化に伴う受給額の実質的な目減りの標準想定値。また、政府が公約する「所得代替率50%」を防衛ライン（現在の価値の約70%水準）として下限値に設定しています。

Ⅵ. 租税・社会保険モジュール（TaxAndSocModule）
日本における現行の超過累進課税制度および社会保険料の法定計算式（上限値を含む）をコード化しています。

1. 社会保険料の法定乗数と上限
厚生年金保険料率（9.15%）： 法定保険料率18.3%の労使折半額。

厚生年金の上限（7,800,000円）： 標準報酬月額の上限（第32級：65万円）の年収換算値。これ以上の年収における保険料の頭打ちを再現。

健康保険の上限（16,600,000円）： 標準報酬月額の上限（第50級：139万円）の年収換算値の近似値。

雇用保険料率（0.6%）： 労働者負担分の雇用保険料率（一般の事業）。

総人件費の可視化： 天引きされる保険料だけでなく、企業側が負担している「労使折半の残り半分」も同時に算出し、マクロ経済における実質的な労働コストを可視化しています。

2. 所得控除と税率
給与所得控除： 国税庁の「令和2年分以降の給与所得控除額の速算表」に基づく計算式。年収850万円超の層に対する上限額（195万円）も反映しています。

基礎控除等： 一律適用される基礎控除額（48万円）と社会保険料控除に加え、配偶者控除・扶養控除・生命保険料控除などを想定した標準的なバッファ（概算50万円）を設定しています。

所得税・住民税： 国税庁の「所得税の速算表」に基づく7段階の超過累進税率（5%〜45%）を適用。住民税は法定の一律10%として計算します。

Ⅶ. 医療費モジュール（MedicalModule）
ライフステージに応じた自己負担医療費のベースラインと、将来の医療技術の高度化に伴うコスト増の影響度を算出します。

1. 年齢層別の基本自己負担額
公的医療保険の自己負担割合（1〜3割）、自治体の助成制度、および厚生労働省「生涯医療費」の統計を総合的に加味した、年間持ち出し額の標準値です。

15歳以下（2万円）： 多くの自治体で実施されている子ども医療費助成（無償化）を前提としつつ、保険適用外の処方や交通費など、最低限発生する費用を設定。

16〜39歳（4万円）： 重篤な疾病リスクが比較的低い、3割負担期間の標準値。

40〜64歳（7万円）： 生活習慣病リスク等が顕在化し、定期的な検査や通院が発生し始める時期の標準値。

65〜74歳（9万円）： 自己負担割合は原則2割に下がりますが、通院頻度と入院リスクの上昇により実質的な負担額が増加する実態を反映。

75歳以上（12万円）： 自己負担割合は原則1割となりますが、一人当たりの年間医療費総額が全世代で最も高くなるため、自己負担分のベースコストも最大に設定。

2. 医療技術の高度化による影響（世代別の非対称性）
医療インフレ（高度化・高額化）の影響を全世代に一律に適用するのではなく、年齢に応じて影響度（係数）を変化させています。

64歳以下（影響度10%）： 最先端の延命治療等を受ける確率が相対的に低いため、影響を限定的に設定。

65〜74歳（影響度30%）： 高度な医療技術を利用する機会が増加し、影響を受け始める段階。

75歳以上（影響度100%）： 高額な新薬や高度医療の恩恵を最も受ける世代であり、医療技術の進歩によるコスト増がダイレクトに自己負担額に反映される構造としています。

Ⅷ. 教育費モジュール（EducationModule）
子どもの成長に伴う教育費の波を算出します。文部科学省「子供の学習費調査」等をベースにしつつ、進路選択（国公立・私立）による家計への影響を動的に分岐させます。金額は学費だけでなく、給食費・通学費・標準的な学校外活動費（塾代等）を含んだ総額です。

1. 学校種別・進路別の基本コスト（年間標準額）
小学校（7〜12歳）： 公立 30万円 / 私立 100万円

中学校（13〜15歳）： 公立 50万円 / 私立 130万円

高校（16〜18歳）： 公立 45万円 / 私立 120万円 （※就学支援金制度適用前の総学習費）

大学（19〜22歳）： 国公立 80万円 / 私立 250万円 （※施設費、教科書代、標準的な生活補助等を内包）

2. 都市部における進学準備費用の反映
中学受験準備費用（10〜12歳）：
私立中学校への進学を選択（フラグON）した場合、小学校高学年（4〜6年生）の期間において、通塾費用・模試代等として年間120万円の追加コストが計上されます。これにより、学費そのものだけでなく、進学準備期間におけるキャッシュフローへの強い影響を可視化します。

-->

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>マクロ・ミクロ / 将来設計シミュレーター (高度版)</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Noto+Sans+JP:wght@300;500;700&display=swap" rel="stylesheet">
    <style>body { font-family: 'Inter', 'Noto Sans JP', sans-serif; }</style>
    
    <!-- プラグインファイルの読み込み -->
    <script src="scenarios.js"></script>
</head>
<body class="bg-[#0f172a] text-slate-200 min-h-screen pb-20">
    <div class="max-w-7xl mx-auto p-4 md:p-8">
        <!-- ヘッダー -->
        <header class="flex flex-col lg:flex-row justify-between items-start lg:items-center mb-6 pb-6 border-b border-slate-800 gap-4">
            <div class="w-full lg:w-auto">
                <div class="flex items-center gap-4 py-2 select-none">
                    <!-- ロゴアイコン：マクロ（大きな円）とミクロ（中心核）の統合 -->
                    <div class="relative flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-slate-800 to-slate-950 border border-slate-700 shadow-inner group flex-shrink-0">
                        <div class="absolute inset-2 rounded-full border-2 border-dashed border-blue-500/40 animate-[spin_120s_linear_infinite] group-hover:border-blue-400/60"></div>
                        <div class="w-3 h-3 rounded-full bg-gradient-to-r from-blue-400 to-indigo-500 shadow-[0_0_12px_rgba(96,165,250,0.9)] animate-pulse"></div>
                        <div class="absolute top-1.5 right-1.5 w-1.5 h-1.5 rounded-full bg-emerald-400"></div>
                    </div>

                    <!-- タイトルテキスト -->
                    <div class="flex flex-col justify-center">
                        <div class="flex items-baseline gap-2 leading-none">
                            <span class="text-base font-black tracking-tight text-slate-400">MACRO</span>
                            <span class="text-xs text-slate-600 font-black">×</span>
                            <span class="text-base font-black tracking-widest bg-gradient-to-r from-blue-400 via-indigo-400 to-emerald-400 bg-clip-text text-transparent">MICRO</span>
                        </div>
                        <div class="flex items-center gap-2 mt-1">
                            <span class="text-xs font-bold tracking-tight text-slate-200">Life Oracle</span>
                            <span class="text-[9px] font-mono px-1.5 py-0.5 rounded bg-slate-800 text-slate-400 border border-slate-700/50">v1.0</span>
                        </div>
                    </div>
                </div>
                <p class="text-[11px] sm:text-sm text-slate-400 mt-1">
                    ライフイベントとマクロ経済を統合した将来設計シミュレーター
                </p>
                <a href="howto.html" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 mt-3 text-xs font-bold bg-slate-800/80 hover:bg-slate-700 text-amber-400 px-3 py-1.5 rounded-lg transition-colors border border-slate-700 shadow-sm">
                    <span class="text-base">▶️</span> 使い方 ＆ コンセプトガイド
                </a>
            </div>
            
            <!-- スマホではボタンを横幅いっぱいに広げ、PCでは右寄せにする -->
            <div class="flex flex-col sm:flex-row items-stretch sm:items-center gap-3 w-full lg:w-auto mt-2 lg:mt-0">
                <div class="flex items-center bg-slate-800 p-1.5 rounded-xl border border-slate-700 shadow-inner w-full sm:w-auto">
                    <button id="toggleReal" onclick="switchDisplayMode('real')" class="flex-1 sm:flex-none px-3 py-2 text-xs font-bold rounded-lg transition-all duration-200 bg-blue-600 text-white shadow-sm text-center">
                        実質 (購買力)
                    </button>
                    <button id="toggleNominal" onclick="switchDisplayMode('nominal')" class="flex-1 sm:flex-none px-3 py-2 text-xs font-bold rounded-lg transition-all duration-200 text-slate-400 hover:text-white text-center">
                        名目 (額面)
                    </button>
                </div>
                <div class="flex items-center bg-slate-800 p-1.5 rounded-xl border border-slate-700 shadow-inner w-full sm:w-auto">
                    <button id="toggleDet" onclick="switchSimMode('deterministic')" class="flex-1 sm:flex-none px-3 py-2 text-xs font-bold rounded-lg transition-all duration-200 bg-emerald-600 text-white shadow-sm text-center">
                        決定論 (基本)
                    </button>
                    <button id="toggleMC" onclick="switchSimMode('montecarlo')" class="flex-1 sm:flex-none px-3 py-2 text-xs font-bold rounded-lg transition-all duration-200 text-slate-400 hover:text-white text-center">
                        確率 (MC)
                    </button>
                </div>
            </div>
        </header>

        <div class="grid grid-cols-1 lg:grid-cols-12 gap-8">
            <!-- 入力フォーム -->
            <form id="simulationForm" class="lg:col-span-4 bg-slate-900/50 backdrop-blur-md p-4 sm:p-6 rounded-2xl border border-slate-800 space-y-6 shadow-xl h-fit relative lg:sticky lg:top-4">
                
                <!-- 1. マクロ経済・制度パラメータ -->
                <div>
                    <h3 class="text-sm font-extrabold text-red-400 uppercase tracking-wider mb-4">1. マクロ経済・制度パラメータ</h3>
                    
                    <!-- 3x3グリッドに統合 -->
                    <div class="grid grid-cols-2 md:grid-cols-3 gap-3 mb-4">
                        <!-- 1行目：年齢・年金系 -->
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">退職年齢(給与停止)</label>
                            <input type="number" name="retirementAge" value="65" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">本人 年金開始</label>
                            <input type="number" name="pensionStartAgeMain" value="65" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div id="pensionSubAgeWrapper">
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">配偶者 年金開始</label>
                            <input type="number" name="pensionStartAgeSub" value="65" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>

                        <!-- 2行目：マクロ・市場系 -->
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">利回り(%)</label>
                            <input type="number" step="0.1" name="targetReturn" value="4.0" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">インフレ(%)</label>
                            <input type="number" step="0.1" name="inflationRate" value="1.5" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">昇給率(%)</label>
                            <input type="number" step="0.1" name="salaryGrowth" value="1.5" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>

                        <!-- 3行目：税・リスク系 -->
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">初期消費税(%)</label>
                            <input type="number" step="0.1" name="consumptionTax" value="10.0" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">リスク(標準偏差%)</label>
                            <input type="number" step="0.1" name="targetRisk" value="12.0" id="targetRiskInput" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm disabled:opacity-50">
                        </div>
                        <div>
                            <label class="block text-[10px] text-slate-400 mb-1.5 font-bold">MC試行回数</label>
                            <input type="number" step="100" name="mcIterations" value="1000" id="mcIterationsInput" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm disabled:opacity-50">
                        </div>
                    </div>

                    <!-- プラグインUIの自動生成エリア -->
                    <div id="scenarioContainer" class="bg-slate-950/50 p-3 rounded-xl border border-slate-800">
                        <!-- JSでscenarios.jsの内容からチェックボックスが自動生成されます -->
                    </div>
                </div>

                <!-- 2. 基本属性 -->
                <div class="border-t border-slate-800/80 pt-4">
                    <h3 class="text-sm font-extrabold text-blue-400 uppercase tracking-wider mb-4">2. 世帯・年齢・収入</h3>
                    <div class="mb-3">
                        <label class="block text-xs text-slate-400 mb-1.5 font-bold">世帯タイプ</label>
                        <select name="householdType" id="householdType" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none focus:border-blue-500 text-sm" onchange="toggleHouseholdInputs()">
                            <option value="double_income" selected>共働き</option>
                            <option value="single_income">片働き (配偶者は専業)</option>
                            <option value="single">単身者</option>
                        </select>
                    </div>
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-3">
                        <div>
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">本人の年齢</label>
                            <input type="number" name="ageMain" value="35" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div id="subAgeWrapper">
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">配偶者の年齢</label>
                            <input type="number" name="ageSub" value="33" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                    </div>
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-3">
                        <div>
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">本人の額面年収</label>
                            <input type="text" name="incomeMain" value="6,000,000" class="comma-input w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div id="subIncomeWrapper">
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">配偶者の額面年収</label>
                            <input type="text" name="incomeSub" value="4,000,000" class="comma-input w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                    </div>
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-3">
                        <div>
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">金融資産 (円)</label>
                            <input type="text" name="assets" value="10,000,000" class="comma-input w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                        <div>
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">基本生活費 (円/月)</label>
                            <input type="text" name="livingCost" value="250,000" class="comma-input w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                        </div>
                    </div>
                </div>

                <!-- 3. 住居 -->
                <div class="border-t border-slate-800/80 pt-4">
                    <h3 class="text-sm font-extrabold text-indigo-400 uppercase tracking-wider mb-4">3. 住居</h3>
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-3">
                        <div>
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">住居形態</label>
                            <select id="housingType" name="housingType" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm" onchange="toggleHousingInputs()">
                                <option value="own">持ち家 (購入)</option>
                                <option value="rent">賃貸</option>
                            </select>
                        </div>
                        <!-- div>
                            <label class="block text-xs text-slate-400 mb-1.5 font-bold">立地（東京）</label>
                            <select name="areaName" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                                <option value="chiyoda" selected>千代田区</option>
                                <option value="suginami">杉並区</option>
                            </select>
                        </div -->
                    </div>
                    <div id="ownInputs" class="space-y-3">
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-3">
                            <div>
                                <label class="block text-xs text-slate-400 mb-1 font-bold">購入物件価格 (円)</label>
                                <input type="text" name="housePrice" value="60,000,000" class="comma-input w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                            </div>
                            <div>
                                <label class="block text-xs text-slate-400 mb-1 font-bold">頭金 (円)</label>
                                <input type="text" name="downPayment" value="5,000,000" class="comma-input w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                            </div>
                        </div>
                        <div class="grid grid-cols-2 sm:grid-cols-3 gap-2 mt-3">
                            <div class="col-span-1">
                                <label class="block text-[10px] text-slate-400 mb-1 font-bold">借入期間(年)</label>
                                <input type="number" name="mortgageYears" value="35" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                            </div>
                            <div class="col-span-1">
                                <label class="block text-[10px] text-slate-400 mb-1 font-bold">金利タイプ</label>
                                <select name="loanType" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                                    <option value="variable">変動</option>
                                    <option value="fixed">固定</option>
                                </select>
                            </div>
                            <div class="col-span-1">
                                <label class="block text-[10px] text-slate-400 mb-1 font-bold">初期金利(%)</label>
                                <input type="number" step="0.1" name="loanRate" value="0.5" class="w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                            </div>
                        </div>
                    </div>
                    <div id="rentInputs" class="space-y-3 hidden">
                        <label class="block text-xs text-slate-400 mb-1 font-bold">月額家賃 (円)</label>
                        <input type="text" name="rentCost" value="150,000" class="comma-input w-full bg-slate-950 border border-slate-800 p-2.5 rounded-xl text-white focus:outline-none text-sm">
                    </div>
                </div>

                <!-- 4. 子育て・教育 -->
                <div class="border-t border-slate-800/80 pt-4">
                    <h3 class="text-sm font-extrabold text-emerald-400 uppercase tracking-wider mb-4">4. 子育て・教育ルート</h3>
                    <div id="childrenContainer" class="space-y-3 mb-2"></div>
                    <button type="button" onclick="addChild()" class="w-full text-xs font-bold bg-slate-800 hover:bg-slate-700 text-slate-300 py-2 rounded-xl transition-colors border border-slate-700">
                        ＋ 子供を追加する
                    </button>
                </div>

                <!-- 5. AIシミュレーション拡張（生成AI） -->
                <div class="border-t border-slate-800/80 pt-4 mt-6">
                    <h3 class="text-sm font-extrabold text-purple-400 uppercase tracking-wider mb-4">5. AI拡張モジュール</h3>
                    
                    <!-- 生成AIモード -->
                    <div class="bg-slate-800/40 p-3 rounded-xl border border-slate-700 mb-4">
                        <label class="block text-xs text-slate-300 mb-2 font-bold flex justify-between">
                            <span>⚡ 生成AIシナリオ生成</span>
                        </label>
                        <textarea id="ai-prompt" rows="2" class="w-full bg-slate-950 border border-slate-700 p-2 rounded-lg text-white text-xs mb-2 focus:outline-none focus:border-purple-500" placeholder="例：10年後に巨大地震が発生し、復興のための増税で手取りが5%減る"></textarea>
                        <button type="button" onclick="executeCreatorMode(event)" class="w-full text-[10px] font-bold bg-purple-600 hover:bg-purple-500 text-white py-2 rounded-lg transition-colors shadow-sm">
                            世界線を書き換える
                        </button>
                    </div>

                    <!-- AI襲撃モード -->
                    <div class="bg-red-950/20 p-3 rounded-xl border border-red-900/50">
                        <label class="block text-xs text-red-400 mb-2 font-bold">
                            💀 AI家計診断
                        </label>
                        <button type="button" onclick="executeAiAttack(event)" class="w-full text-[10px] font-bold bg-red-800 hover:bg-red-700 text-white py-2 rounded-lg transition-colors shadow-sm mb-2">
                            この家計の「弱点」をAIに突かせる
                        </button>
                        <p id="ai-advice-text" class="text-[10px] text-red-300 font-bold leading-relaxed"></p>
                    </div>
                </div>


            </form>

            <!-- グラフ・結果表示エリア -->
            <div class="lg:col-span-8 space-y-6">
                <!-- 必要運用利回りのハイライトパネル -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div class="bg-gradient-to-br from-blue-950 to-slate-900 border border-blue-900/50 p-6 rounded-2xl shadow-lg relative overflow-hidden">
                        <div class="absolute top-0 right-0 p-4 opacity-10"><span class="text-6xl">🎯</span></div>
                        <h3 class="text-xs font-bold text-blue-400 tracking-wider uppercase mb-1">100歳で資産ショートしないための</h3>
                        <div class="text-lg font-extrabold text-white mt-2">
                            実質 必要運用利回り 
                            <span id="reqYieldReal" class="text-5xl text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-400 ml-2 tracking-tighter">--</span> 
                            <span class="text-sm text-blue-400 ml-1">% / 年</span>
                        </div>
                        <p id="displayInflationRateDesc" class="text-[10px] text-slate-400 mt-3">※インフレ率を差し引いた、現在の購買力基準で超えるべきハードル</p>
                    </div>
                    <div class="bg-gradient-to-br from-indigo-950 to-slate-900 border border-indigo-900/50 p-6 rounded-2xl shadow-lg relative overflow-hidden">
                        <div class="absolute top-0 right-0 p-4 opacity-10"><span class="text-6xl">📈</span></div>
                        <h3 class="text-xs font-bold text-indigo-400 tracking-wider uppercase mb-1">現在のシミュレーション設定</h3>
                        <div class="text-lg font-extrabold text-white mt-2">
                            名目 運用利回り 
                            <span id="displayTargetReturn" class="text-5xl text-indigo-300 ml-2 tracking-tighter">4.0</span> 
                            <span class="text-sm text-indigo-400 ml-1">% / 年</span>
                        </div>
                        <p class="text-[10px] text-slate-400 mt-3">※下図の「生涯資産推移」は、この利回りで運用し続けた場合の世界線です</p>
                    </div>
                </div>

                <!-- 資産推移 -->
                <div class="bg-slate-900/50 border border-slate-800 p-6 rounded-2xl shadow-xl">
                    <div class="flex justify-between items-center mb-4">
                        <h3 class="text-sm font-extrabold text-slate-300 uppercase tracking-wider">生涯資産推移（純資産 ＆ 金融資産）</h3>
                        <span id="chartLabel1" class="text-xs bg-blue-900/30 text-blue-400 border border-blue-900 px-2 py-1 rounded-md font-bold">実質表示</span>
                    </div>
                    <div class="h-64 w-full"><canvas id="assetChart"></canvas></div>
                </div>

                <!-- 生涯収入 (積み上げ) -->
                <div class="bg-slate-900/50 border border-slate-800 p-6 rounded-2xl shadow-xl">
                    <div class="flex justify-between items-center mb-4">
                        <h3 class="text-sm font-extrabold text-slate-300 uppercase tracking-wider">年間収入の推移（世帯合算・手取り）</h3>
                        <span id="chartLabel2" class="text-[10px] text-slate-400 border border-slate-700 px-2 py-1 rounded-md">実質表示</span>
                    </div>
                    <div class="h-64 w-full"><canvas id="incomeLayerChart"></canvas></div>
                </div>

                <!-- 生涯支出 (積み上げ) -->
                <div class="bg-slate-900/50 border border-slate-800 p-6 rounded-2xl shadow-xl">
                    <div class="flex justify-between items-center mb-4">
                        <h3 class="text-sm font-extrabold text-slate-300 uppercase tracking-wider">年間生活・教育・医療費の推移（世帯合算）</h3>
                        <span id="chartLabel3" class="text-[10px] text-slate-400 border border-slate-700 px-2 py-1 rounded-md">実質表示</span>
                    </div>
                    <div class="h-64 w-full"><canvas id="expenseLayerChart"></canvas></div>
                </div>
                
                <!-- 税金・社会保険料 (積み上げ) -->
                <div class="bg-slate-900/50 border border-slate-800 p-6 rounded-2xl shadow-xl">
                    <div class="flex justify-between items-center mb-4">
                        <h3 class="text-sm font-extrabold text-slate-300 uppercase tracking-wider">税・社会保険料の推移（世帯合算）</h3>
                        <span id="chartLabel4" class="text-[10px] text-slate-400 border border-slate-700 px-2 py-1 rounded-md">実質表示</span>
                    </div>
                    <div class="h-64 w-full"><canvas id="taxSocChart"></canvas></div>
                </div>

                <!-- 年金代替率 & 社会保険料回収率 -->
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div class="bg-slate-900/50 border border-slate-800 p-6 rounded-2xl shadow-xl">
                        <h3 class="text-sm font-extrabold text-slate-300 uppercase tracking-wider mb-1">年金所得代替率</h3>
                        <div class="h-48 w-full"><canvas id="pensionReplacementChart"></canvas></div>
                    </div>
                    <div class="bg-slate-900/50 border border-slate-800 p-6 rounded-2xl shadow-xl">
                        <h3 class="text-sm font-extrabold text-slate-300 uppercase tracking-wider mb-1">社会保険料 累計回収率</h3>
                        <div class="h-48 w-full"><canvas id="pensionYieldChart"></canvas></div>
                    </div>
                </div>

                <!-- ========================================== -->
                <!-- 6. コミュニティ（みんなの絶望・希望シナリオ） -->
                <!-- ========================================== -->
                <div class="bg-slate-900/80 border border-slate-700/80 p-6 rounded-2xl shadow-2xl mt-8">
                    <!-- ヘッダー＆コントロール群 -->
                    <div class="flex flex-col md:flex-row justify-between items-start md:items-end mb-6 border-b border-slate-800 pb-4 gap-4">
                        <div>
                            <h3 class="text-lg font-black bg-gradient-to-r from-amber-400 to-orange-500 bg-clip-text text-transparent tracking-wider">🌐 Community Scenarios</h3>
                            <p class="text-xs text-slate-400 mt-1">みんながAIで生成した世界線。自分の家計で耐えられるかテストしてみましょう。</p>
                        </div>
                        
                        <!-- 検索・ソート・更新 UI -->
                        <div class="flex flex-wrap items-center gap-2 w-full md:w-auto">
                            <!-- 検索窓 -->
                            <input type="text" id="communitySearchInput" placeholder="シナリオを検索..." onkeydown="if(event.key==='Enter') resetAndLoadCommunityScenarios()" class="flex-1 md:w-48 bg-slate-950 border border-slate-700 p-2 pl-3 rounded-lg text-white text-xs focus:outline-none focus:border-amber-500 transition-colors">
                            
                            <!-- ソート選択 -->
                            <select id="communitySortSelect" onchange="resetAndLoadCommunityScenarios()" class="bg-slate-950 border border-slate-700 p-2 rounded-lg text-white text-xs focus:outline-none focus:border-amber-500 cursor-pointer">
                                <option value="newest">🆕 新着順</option>
                                <option value="popular">🔥 人気順</option>
                            </select>
                            
                            <!-- 検索実行 / 更新ボタン -->
                            <button onclick="resetAndLoadCommunityScenarios()" class="text-xs bg-slate-800 hover:bg-slate-700 text-slate-300 px-3 py-2 rounded-lg transition-colors border border-slate-700 shadow-sm flex items-center gap-1 whitespace-nowrap">
                                <span>🔍</span> 検索・更新
                            </button>
                        </div>
                    </div>

                    <!-- 共有用の一時ボタン（AI生成直後のみ表示される） -->
                    <div id="share-action-area" class="hidden bg-gradient-to-r from-amber-900/40 to-slate-900 p-4 rounded-xl border border-amber-500/50 mb-6 shadow-inner animate-pulse">
                        <div class="flex flex-col sm:flex-row justify-between items-center gap-4">
                            <p class="text-xs text-amber-300 font-bold">✨ 新しく生成したシナリオをKVストレージに共有（放流）しますか？</p>
                            <button id="btn-share-scenario" class="whitespace-nowrap text-xs font-bold bg-amber-600 hover:bg-amber-500 text-white px-6 py-2 rounded-lg transition-colors shadow-sm">
                                タイムラインに放流する
                            </button>
                        </div>
                    </div>

                    <!-- タイムライン表示エリア -->
                    <div id="community-timeline" class="space-y-2 max-h-[500px] overflow-y-auto pr-2 pb-2">
                        <!-- JSで動的に追加されます -->
                        <div class="text-center text-sm text-slate-500 py-8">読み込み中...</div>
                    </div>

                    <!-- ページネーション（さらに読み込む）ボタン -->
                    <div class="mt-4 text-center">
                        <button id="loadMoreCommunityBtn" onclick="loadMoreCommunityScenarios()" class="hidden text-xs font-bold bg-slate-800 hover:bg-slate-700 text-amber-400 px-6 py-2 rounded-lg transition-colors border border-slate-700 shadow-sm">
                            ↓ さらに読み込む
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        // =========================================================
        // 1. システム定数
        // =========================================================
        const SYS = {
            pensionBaseAmount: 816000,
            koseiMultiplier: 0.005481,
            maxWorkingYears: 40,
            pensionDelayPremium: 0.084,
            pensionEarlyPenalty: 0.048,
            pensionDelayMaxYears: 10,
            pensionEarlyMaxYears: 5,
            basePensionSlide: -0.005,
            slideMinFloor: 0.70
        };

        function formatNumberWithComma(val) {
            return parseInt(val.toString().replace(/,/g, '').replace(/[^0-9]/g, '') || '0', 10).toLocaleString();
        }

        function getNumberFromInput(name) {
            const el = document.querySelector(`input[name="${name}"]`);
            if (!el) return 0;
            return parseFloat(el.value.replace(/,/g, '')) || 0;
        }

        function bindCommaFormat() {
            document.querySelectorAll('.comma-input').forEach(el => {
                if(el.dataset.bound) return; 
                el.dataset.bound = true;
                el.addEventListener('focus', function(e) { e.target.value = e.target.value.replace(/,/g, ''); });
                el.addEventListener('blur', function(e) {
                    e.target.value = formatNumberWithComma(e.target.value);
                    runApp();
                });
            });
        }

        // =========================================================
        // プラグインUIの自動生成（アコーディオン＆バッジ対応版）
        // =========================================================
        function loadScenarioPlugins() {
            const container = document.getElementById('scenarioContainer');
            if (!window.MacroScenarios || window.MacroScenarios.length === 0) {
                container.innerHTML = '<p class="text-xs text-slate-500">追加シナリオプラグインはありません</p>';
                return;
            }
            
            container.innerHTML = '<div class="text-[10px] font-bold text-slate-400 mb-3">有効化するシナリオプラグイン</div>';
            
            const grouped = {};
            const DEFAULT_CAT = "📁 その他・未分類";
            
            // 1. シナリオをカテゴリーごとに分類
            window.MacroScenarios.forEach(scenario => {
                const cat = scenario.category || DEFAULT_CAT;
                if (!grouped[cat]) grouped[cat] = [];
                grouped[cat].push(scenario);
            });
            
            // 2. カテゴリーごとに折りたたみ（アコーディオン）UIを生成
            Object.keys(grouped).forEach(catName => {
                // div の代わりに HTML5 ネイティブの details タグを使用（デフォルトで閉じた状態）
                const catBlock = document.createElement('details');
                catBlock.className = 'mb-2 last:mb-0 border border-slate-800 rounded-lg overflow-hidden group';
                
                // summary タグがクリック可能なヘッダーになる
                const catHeader = document.createElement('summary');
                // デフォルトの矢印を消すためのクラス (list-none, [&::-webkit-details-marker]:hidden) を追加
                catHeader.className = 'bg-slate-800/60 hover:bg-slate-700/80 px-3 py-2.5 text-[11px] font-bold text-slate-300 tracking-wider border-b border-slate-800 shadow-sm cursor-pointer flex justify-between items-center list-none [&::-webkit-details-marker]:hidden transition-colors select-none';
                
                // ヘッダー内のHTML（右側の ▼ アイコンが開閉に合わせて回転します）
                catHeader.innerHTML = `
                    <span class="flex items-center gap-2">
                        ${catName}
                        <span class="active-badge hidden px-1.5 py-0.5 rounded text-[9px] bg-blue-600/90 text-white font-bold tracking-tighter shadow-sm"></span>
                    </span>
                    <span class="text-slate-500 text-[10px] group-open:rotate-180 transition-transform duration-300">▼</span>
                `;
                catBlock.appendChild(catHeader);
                
                // シナリオのコンテナ
                const itemContainer = document.createElement('div');
                itemContainer.className = 'p-3 bg-slate-900/40 space-y-3';
                
                grouped[catName].forEach(scenario => {
                    const itemWrapper = document.createElement('div');
                    itemWrapper.className = 'flex items-start justify-between gap-2';
                    
                    // カスタムシナリオにだけ削除ボタンをつける
                    const deleteBtn = scenario.isCustom 
                        ? `<button type="button" onclick="deleteCustomScenario('${scenario.id}')" class="text-[10px] bg-red-900/40 hover:bg-red-800 text-red-300 px-2 py-1 rounded border border-red-800/50 transition-colors shrink-0">削除</button>` 
                        : '';

                    itemWrapper.innerHTML = `
                        <label class="flex items-start gap-2 cursor-pointer flex-1 min-w-0">
                            <input type="checkbox" value="${scenario.id}" class="scenario-checkbox mt-0.5 rounded bg-slate-950 border-slate-600 text-blue-500 focus:ring-blue-500 focus:ring-offset-slate-900 transition-colors">
                            <div class="flex-1 min-w-0">
                                <span class="text-xs text-slate-300 font-bold leading-relaxed hover:text-white transition-colors">${scenario.name}</span><br>
                                <span class="text-[10px] text-slate-500 font-normal hover:text-slate-400 transition-colors block mt-0.5">${scenario.description}</span>
                            </div>
                        </label>
                        ${deleteBtn}
                    `;
                    itemContainer.appendChild(itemWrapper);
                });
                
                catBlock.appendChild(itemContainer);
                container.appendChild(catBlock);
            });
            
            // 3. 選択状態のバッジ更新用関数
            const updateBadges = () => {
                container.querySelectorAll('details.group').forEach(details => {
                    const checkedCount = details.querySelectorAll('.scenario-checkbox:checked').length;
                    const badge = details.querySelector('.active-badge');
                    if (checkedCount > 0) {
                        badge.classList.remove('hidden');
                        badge.innerText = checkedCount + ' ON';
                    } else {
                        badge.classList.add('hidden');
                    }
                });
            };

            // 4. イベントリスナーの登録（変更時にバッジ更新とシミュレーション再実行）
            document.querySelectorAll('.scenario-checkbox').forEach(el => {
                el.addEventListener('change', () => {
                    updateBadges(); 
                    runApp();       
                });
            });
        }

let childIdCounter = 0;
        // initialData を受け取れるように変更
        function addChild(initialData = null) {
            childIdCounter++;
            const container = document.getElementById('childrenContainer');
            const div = document.createElement('div');
            div.className = 'child-entry bg-slate-800/40 p-3 rounded-xl border border-slate-700';

            // セーブデータがあればそれを使用し、なければデフォルト値
            const age = initialData ? initialData.age : 3;
            const es = initialData && initialData.flags ? initialData.flags.es : false;
            const jhs = initialData && initialData.flags ? initialData.flags.jhs : true;
            const hs = initialData && initialData.flags ? initialData.flags.hs : true;
            const univ = initialData && initialData.flags ? initialData.flags.univ : true;

            div.innerHTML = `
                <div class="flex justify-between items-center mb-2">
                    <span class="text-xs font-bold text-slate-300">子供（第${childIdCounter}子）</span>
                    <button type="button" onclick="this.parentElement.parentElement.remove(); runApp();" class="text-[10px] bg-red-900/50 text-red-300 px-2 py-1 rounded hover:bg-red-800 transition">削除</button>
                </div>
                <div class="mb-2">
                    <label class="block text-[10px] text-slate-400 mb-1">現在の年齢</label>
                    <input type="number" class="c-age w-full bg-slate-950 border border-slate-700 p-2 rounded-lg text-white text-sm" value="${age}">
                </div>
                <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mt-3 text-[11px] text-slate-300">
                    <label class="flex items-center gap-1.5 cursor-pointer"><input type="checkbox" class="c-es rounded bg-slate-950 border-slate-600 focus:ring-blue-500 w-4 h-4" ${es ? 'checked' : ''}> 私立小</label>
                    <label class="flex items-center gap-1.5 cursor-pointer"><input type="checkbox" class="c-jhs rounded bg-slate-950 border-slate-600 focus:ring-blue-500 w-4 h-4" ${jhs ? 'checked' : ''}> 私立中(＋塾)</label>
                    <label class="flex items-center gap-1.5 cursor-pointer"><input type="checkbox" class="c-hs rounded bg-slate-950 border-slate-600 focus:ring-blue-500 w-4 h-4" ${hs ? 'checked' : ''}> 私立高</label>
                    <label class="flex items-center gap-1.5 cursor-pointer"><input type="checkbox" class="c-univ rounded bg-slate-950 border-slate-600 focus:ring-blue-500 w-4 h-4" ${univ ? 'checked' : ''}> 私立大(理/医)</label>
                </div>
            `;
            container.appendChild(div);
            
            div.querySelectorAll('input').forEach(el => {
                if (el.type === 'number') el.addEventListener('keyup', debounce(runApp, 300));
                else el.addEventListener('change', runApp);
            });
            
            // ユーザーが手動で追加ボタンを押した時のみ再計算（ロード時は後でまとめて計算する）
            if (!initialData) runApp();
        }


        // =========================================================
        // ローカルストレージ セーブ＆ロード機能
        // =========================================================
        const STORAGE_KEY = 'lifeOracleUserData';

        function saveUserData() {
            const children = [];
            document.querySelectorAll('#childrenContainer .child-entry').forEach(entry => {
                children.push({
                    age: parseInt(entry.querySelector('.c-age').value) || 0,
                    flags: {
                        es: entry.querySelector('.c-es').checked,
                        jhs: entry.querySelector('.c-jhs').checked,
                        hs: entry.querySelector('.c-hs').checked,
                        univ: entry.querySelector('.c-univ').checked
                    }
                });
            });

            // 2, 3, 4のセクションの入力値を収集して保存
            const userData = {
                householdType: document.getElementById('householdType').value,
                ageMain: document.querySelector('input[name="ageMain"]').value,
                ageSub: document.querySelector('input[name="ageSub"]').value,
                incomeMain: document.querySelector('input[name="incomeMain"]').value,
                incomeSub: document.querySelector('input[name="incomeSub"]').value,
                assets: document.querySelector('input[name="assets"]').value,
                livingCost: document.querySelector('input[name="livingCost"]').value,
                housingType: document.getElementById('housingType').value,
                housePrice: document.querySelector('input[name="housePrice"]').value,
                downPayment: document.querySelector('input[name="downPayment"]').value,
                mortgageYears: document.querySelector('input[name="mortgageYears"]').value,
                loanType: document.querySelector('select[name="loanType"]').value,
                loanRate: document.querySelector('input[name="loanRate"]').value,
                rentCost: document.querySelector('input[name="rentCost"]').value,
                children: children
            };

            localStorage.setItem(STORAGE_KEY, JSON.stringify(userData));
        }

        function loadUserData() {
            const savedData = localStorage.getItem(STORAGE_KEY);
            if (!savedData) return false;

            try {
                const userData = JSON.parse(savedData);
                const setValue = (selector, value) => {
                    const el = document.querySelector(selector);
                    if (el && value !== undefined) el.value = value;
                };

                setValue('#householdType', userData.householdType);
                setValue('input[name="ageMain"]', userData.ageMain);
                setValue('input[name="ageSub"]', userData.ageSub);
                setValue('input[name="incomeMain"]', userData.incomeMain);
                setValue('input[name="incomeSub"]', userData.incomeSub);
                setValue('input[name="assets"]', userData.assets);
                setValue('input[name="livingCost"]', userData.livingCost);
                setValue('#housingType', userData.housingType);
                setValue('input[name="housePrice"]', userData.housePrice);
                setValue('input[name="downPayment"]', userData.downPayment);
                setValue('input[name="mortgageYears"]', userData.mortgageYears);
                setValue('select[name="loanType"]', userData.loanType);
                setValue('input[name="loanRate"]', userData.loanRate);
                setValue('input[name="rentCost"]', userData.rentCost);

                // 子供データの復元
                if (userData.children && Array.isArray(userData.children)) {
                    document.getElementById('childrenContainer').innerHTML = ''; // 初期表示をクリア
                    childIdCounter = 0;
                    userData.children.forEach(c => addChild(c));
                }
                return true;
            } catch (e) {
                console.error('ローカルストレージの読み込みエラー:', e);
                return false;
            }
        }



        function toggleHouseholdInputs() {
            const type = document.getElementById('householdType').value;
            const isSingle = type === 'single';
            const isDouble = type === 'double_income';
            document.getElementById('subAgeWrapper').style.display = isSingle ? 'none' : 'block';
            document.getElementById('subIncomeWrapper').style.display = isDouble ? 'block' : 'none';
            document.getElementById('pensionSubAgeWrapper').style.display = isSingle ? 'none' : 'block';
            runApp();
        }

        function toggleHousingInputs() {
            const type = document.getElementById('housingType').value;
            document.getElementById('ownInputs').style.display = type === 'own' ? 'block' : 'none';
            document.getElementById('rentInputs').style.display = type === 'rent' ? 'block' : 'none';
            runApp();
        }

        // =========================================================
        // モジュール群
        // =========================================================
        class MedicalModule {
            static getAnnualCost(age, medProgressRatio) {
                let baseCost = 0;
                if (age <= 15) baseCost = 20000;
                else if (age <= 39) baseCost = 40000;
                else if (age <= 64) baseCost = 70000;
                else if (age <= 74) baseCost = 90000;
                else baseCost = 120000; 

                if (age >= 75) baseCost = baseCost * (1.0 + (1.0 * medProgressRatio)); 
                else if (age >= 65) baseCost = baseCost * (1.0 + (0.3 * medProgressRatio));
                else baseCost = baseCost * (1.0 + (0.1 * medProgressRatio));
                
                return baseCost;
            }
        }

        class TaxAndSocModule {
            static calculate(income, healthPremiumRate = 0.0585) {
                if (income <= 0) return { soc: 0, tax: 0, net: 0, totalPensionCost: 0 };
                
                const pensionPrem = Math.min(income, 7800000) * 0.0915;
                const healthPrem = Math.min(income, 16600000) * healthPremiumRate;
                const empPrem = income * 0.006;
                const soc = pensionPrem + healthPrem + empPrem;
                
                let empDeduction = 0;
                if (income <= 1625000) empDeduction = 550000;
                else if (income <= 1800000) empDeduction = income * 0.4 - 100000;
                else if (income <= 3600000) empDeduction = income * 0.3 + 80000;
                else if (income <= 6600000) empDeduction = income * 0.2 + 440000;
                else if (income <= 8500000) empDeduction = income * 0.1 + 1100000;
                else empDeduction = 1950000;

                const basicDeductions = 480000 + soc + 500000;
                const taxableIncome = Math.max(0, income - empDeduction - basicDeductions);
                
                let tax = 0;
                if (taxableIncome <= 1950000) tax = taxableIncome * 0.05;
                else if (taxableIncome <= 3300000) tax = taxableIncome * 0.10 - 97500;
                else if (taxableIncome <= 6950000) tax = taxableIncome * 0.20 - 427500;
                else if (taxableIncome <= 9000000) tax = taxableIncome * 0.23 - 636000;
                else if (taxableIncome <= 18000000) tax = taxableIncome * 0.33 - 1536000;
                else if (taxableIncome <= 40000000) tax = taxableIncome * 0.40 - 2796000;
                else tax = taxableIncome * 0.45 - 4796000;
                
                return { 
                    soc: soc, 
                    tax: tax + (taxableIncome * 0.10), 
                    net: income - soc - (tax + (taxableIncome * 0.10)),
                    totalPensionCost: pensionPrem * 2
                };
            }
        }

        // ★修正: 汎用化されたEducationModule
        class EducationModule {
            getCost(childAge, flags, simParams) {
                let cost = 0;
                // プラグインによる乗数（デフォルトは1.0）
                const m = simParams && simParams.eduMultiplier ? simParams.eduMultiplier : { es: 1.0, jhs: 1.0, hs: 1.0, univ: 1.0 };
                
                if (flags.jhs && childAge >= 10 && childAge <= 12) cost += 1200000 * m.jhs; 
                
                if (childAge >= 7 && childAge <= 12) cost += (flags.es ? 1000000 : 300000) * m.es;
                else if (childAge >= 13 && childAge <= 15) cost += (flags.jhs ? 1300000 : 500000) * m.jhs;
                else if (childAge >= 16 && childAge <= 18) cost += (flags.hs ? 1200000 : 450000) * m.hs;
                else if (childAge >= 19 && childAge <= 22) cost += (flags.univ ? 2500000 : 800000) * m.univ;
                
                return Math.max(0, cost);
            }
        }

        class PensionModule {
            constructor(params) { this.p = params; }
            
            generateHistory(currentAge, currentIncome) {
                let history = [];
                const startAge = 22;
                if (currentAge <= startAge) return [currentIncome];
                const pastYears = currentAge - startAge;
                
                const pastDiscount = Math.max(0.01, this.p.baseInflation); 
                for (let i = 0; i < pastYears; i++) {
                    history.push(currentIncome / Math.pow(1 + pastDiscount, pastYears - i));
                }
                return history;
            }
            
            calcLifetimeAvg(history) {
                if (!history || history.length === 0) return 0;
                let sum = 0;
                const koseiCap = 7800000; 
                for (let i = 0; i < history.length; i++) {
                    sum += Math.min(history[i], koseiCap);
                }
                return sum / history.length;
            }

            getStartAgeModifier(startAge) {
                if (startAge === 65) return 1.0;
                if (startAge > 65) {
                    const delayYears = Math.min(SYS.pensionDelayMaxYears, startAge - 65);
                    return 1.0 + delayYears * SYS.pensionDelayPremium;
                } else {
                    const earlyYears = Math.min(SYS.pensionEarlyMaxYears, 65 - startAge);
                    return 1.0 - earlyYears * SYS.pensionEarlyPenalty;
                }
            }

            calcPension(ageMain, ageSub, mainHis, subHis, cumSlideBasic, cumSlideKosei, cumInf) {
                const effectiveSlideBasic = Math.max(cumSlideBasic, SYS.slideMinFloor);
                const effectiveSlideKosei = Math.max(cumSlideKosei, SYS.slideMinFloor);
                
                const baseNominalMax = SYS.pensionBaseAmount * cumInf * effectiveSlideBasic; 
                const mainWorkRatio = Math.min(1.0, mainHis.length / SYS.maxWorkingYears);
                const mainBaseNominal = baseNominalMax * mainWorkRatio;

                let subBaseNominal = 0;
                if (this.p.householdType !== 'single') {
                    const subWorkRatio = this.p.householdType === 'double_income' ? Math.min(1.0, subHis.length / SYS.maxWorkingYears) : 1.0;
                    subBaseNominal = baseNominalMax * subWorkRatio;
                }
                
                const avgMain = this.calcLifetimeAvg(mainHis);
                const koseiMainNominal = avgMain * SYS.koseiMultiplier * mainHis.length * effectiveSlideKosei; 

                let avgSub = 0, koseiSubNominal = 0;
                if (this.p.householdType === 'double_income' && subHis.length > 0) {
                    avgSub = this.calcLifetimeAvg(subHis);
                    koseiSubNominal = avgSub * SYS.koseiMultiplier * subHis.length * effectiveSlideKosei;
                }

                const mainCanReceive = ageMain >= this.p.pensionStartAgeMain;
                const subCanReceive = ageSub >= this.p.pensionStartAgeSub;

                const modifierMain = this.getStartAgeModifier(this.p.pensionStartAgeMain);
                const modifierSub = this.getStartAgeModifier(this.p.pensionStartAgeSub);

                let mainBoth = 0, subBoth = 0;

                if (this.p.householdType === 'single') {
                    mainBoth = mainCanReceive ? (mainBaseNominal + koseiMainNominal) * modifierMain : 0;
                } else if (this.p.householdType === 'single_income') {
                    mainBoth = mainCanReceive ? (mainBaseNominal + koseiMainNominal) * modifierMain : 0;
                    subBoth = subCanReceive ? subBaseNominal * modifierSub : 0; 
                } else { 
                    mainBoth = mainCanReceive ? (mainBaseNominal + koseiMainNominal) * modifierMain : 0;
                    subBoth = subCanReceive ? (subBaseNominal + koseiSubNominal) * modifierSub : 0;
                }

                return { mainNetNom: mainBoth * 0.90, subNetNom: subBoth * 0.90 };
            }
        }


// =========================================================
// 標準正規分布(Box-Muller変換)による乱数生成
// =========================================================
function randomNormal(mean = 0, stdDev = 1) {
    let u = 1 - Math.random();
    let v = Math.random();
    let z = Math.sqrt(-2.0 * Math.log(u)) * Math.cos(2.0 * Math.PI * v);
    return mean + z * stdDev;
}

// =========================================================
// Simulator クラス
// =========================================================
class Simulator {
    constructor(params) {
        this.p = params;
        this.edu = new EducationModule();
        this.pension = new PensionModule(this.p);
    }

    // 決定論モードベースでの「必要運用利回り（ショートしないためのギリギリの利回り）」を逆算
    findRequiredYield() {
        let low = -5.0, high = 20.0, reqNominal = 20.0;
        const precision = 0.05, targetBuffer = 0; 

        while ((high - low) > precision) {
            let mid = (low + high) / 2;
            let timeline = this.run(mid, false); // 逆算時は常に決定論(false)で回す
            if (timeline[timeline.length - 1].finAssets_nom >= targetBuffer) {
                high = mid; reqNominal = mid;
            } else {
                low = mid;  
            }
        }
        return { nominal: reqNominal, real: reqNominal - (this.p.baseInflation * 100) };
    }

    // 単一パス（1つの人生・世界線）のシミュレーション実行
    run(targetReturnNominal = this.p.targetReturn, isMonteCarlo = false) {
        let timeline = [];
        let ageM = this.p.ageMain;
        let ageS = this.p.householdType === 'single' ? 0 : this.p.ageSub;
        
        let finAssets_nom = this.p.assets;
        let houseVal_nom = 0, loanBal_nom = 0;
        let remainingMortgageYears = this.p.mortgageYears;
        const initialMortgageRate = this.p.loanRate;

        if (this.p.housingType === 'own') {
            let downPayment = Math.min(this.p.downPayment, finAssets_nom); 
            finAssets_nom -= downPayment;
            houseVal_nom = this.p.housePrice;
            loanBal_nom = houseVal_nom - downPayment;
        }
        
        const mainHis = this.pension.generateHistory(ageM, this.p.incomeMain);
        const subHis = this.p.householdType === 'double_income' ? this.pension.generateHistory(ageS, this.p.incomeSub) : [];
        
        let cumPaidPremium_nom = 0, cumPaidPremium_real = 0;
        
        mainHis.forEach(inc => {
            let cost = TaxAndSocModule.calculate(inc).totalPensionCost;
            cumPaidPremium_nom += cost; cumPaidPremium_real += cost; 
        });
        if (this.p.householdType === 'double_income') {
            subHis.forEach(inc => {
                let cost = TaxAndSocModule.calculate(inc).totalPensionCost;
                cumPaidPremium_nom += cost; cumPaidPremium_real += cost;
            });
        }

        let cumReceivedPension_nom = 0, cumReceivedPension_real = 0;
        let totalActiveNet_real = 0, activeYearsCount = 0;
        let cumInf = 1.0, cumSlideBasic = 1.0, cumSlideKosei = 1.0;
        let cumSalaryGrowth = 1.0;

        // =========================================================
        // 【追加】 プラグインのパス（世界線）初期化フック
        // =========================================================
        const passContext = {}; // ★追加：世界線ごとの状態保存オブジェクト

        if (window.MacroScenarios) {
            window.MacroScenarios.forEach(plugin => {
                if (this.p.activeScenarios.includes(plugin.id)) {
                    passContext[plugin.id] = {}; // ★追加：プラグイン専用の保存領域を用意

                    if (typeof plugin.onPassStart === 'function') {
                        // ★修正：第3引数として context を渡す
                        plugin.onPassStart(isMonteCarlo, this.p, passContext[plugin.id]);
                    }
                }
            });
        }
        // =========================================================

        for (let year = 0; ageM <= 100; year++, ageM++, ageS++) {
            
            let simDeltas = {
                infRate: 0,
                slideRateBasic: 0,
                slideRateKosei: 0,
                demoTaxPenalty: 0,
                healthPremiumRate: 0,
                medProgressRatio: 0,
                salaryGrowth: 0, 
                targetReturn: 0,
                consumptionTaxRate: 0,
                eduMultiplier: { es: 0, jhs: 0, hs: 0, univ: 0 }
            };

            // プラグインの適用（毎年の計算）
            if (window.MacroScenarios) {
                window.MacroScenarios.forEach(plugin => {
                    if (this.p.activeScenarios.includes(plugin.id)) {
                        plugin.apply(simDeltas, year, this.p, passContext[plugin.id]);
                    }
                });
            }

            let baseKosei = (year > 2) ? 0 : SYS.basePensionSlide;
            let baseBasic = (year > 31) ? 0 : SYS.basePensionSlide;

            // ★ モンテカルロモードなら正規分布からリターンを抽出、決定論なら期待リターンをそのまま使用
            let annualReturn = isMonteCarlo 
                ? randomNormal(targetReturnNominal, this.p.targetRisk) 
                : targetReturnNominal;

            let simParams = {
                infRate: this.p.baseInflation + simDeltas.infRate,
                slideRateBasic: baseBasic + simDeltas.slideRateBasic,
                slideRateKosei: baseKosei + simDeltas.slideRateKosei,
                demoTaxPenalty: simDeltas.demoTaxPenalty,
                healthPremiumRate: 0.0585 + simDeltas.healthPremiumRate,
                medProgressRatio: Math.max(-1.0, Math.min(1.0, simDeltas.medProgressRatio)),
                basePensionSlide: SYS.basePensionSlide,
                salaryGrowth: this.p.salaryGrowth + simDeltas.salaryGrowth,
                
                // ★ 乱数化された annualReturn を使用
                targetReturn: (annualReturn / 100) + simDeltas.targetReturn,
                
                consumptionTaxRate: this.p.consumptionTax + simDeltas.consumptionTaxRate,
                eduMultiplier: {
                    es: 1.0 + simDeltas.eduMultiplier.es,
                    jhs: 1.0 + simDeltas.eduMultiplier.jhs,
                    hs: 1.0 + simDeltas.eduMultiplier.hs,
                    univ: 1.0 + simDeltas.eduMultiplier.univ
                }                        
            };

            const BASE_TAX_ASSUMPTION = 0.10; 
            const taxMultiplier = (1.0 + simParams.consumptionTaxRate) / (1.0 + BASE_TAX_ASSUMPTION);

            cumInf *= (1.0 + simParams.infRate);
            cumSlideBasic *= (1.0 + simParams.slideRateBasic);
            cumSlideKosei *= (1.0 + simParams.slideRateKosei);

            if (year > 0) {
                cumSalaryGrowth *= (1.0 + simParams.salaryGrowth);
            }

            const returnMultiplier = 1.0 + simParams.targetReturn;
            const borrowMultiplier = 1.0 + Math.max(0.05, simParams.targetReturn);

            let salM_nom = (ageM < this.p.retirementAge) ? this.p.incomeMain * cumSalaryGrowth : 0;
            let salS_nom = (this.p.householdType === 'double_income' && ageS < this.p.retirementAge) ? this.p.incomeSub * cumSalaryGrowth : 0;                    
            if (salM_nom > 0) mainHis.push(salM_nom);
            if (salS_nom > 0) subHis.push(salS_nom);

            let resM = TaxAndSocModule.calculate(salM_nom, simParams.healthPremiumRate);
            let resS = TaxAndSocModule.calculate(salS_nom, simParams.healthPremiumRate);
            let salMNet_nom = resM.net - (salM_nom * simParams.demoTaxPenalty);
            let salSNet_nom = resS.net - (salS_nom * simParams.demoTaxPenalty);

            let currentTotalNet_nom = salMNet_nom + salSNet_nom;
            if (currentTotalNet_nom > 0) {
                totalActiveNet_real += (currentTotalNet_nom / cumInf);
                activeYearsCount++;
            }
            
            let lifetimeAvgNet_real = activeYearsCount > 0 ? (totalActiveNet_real / activeYearsCount) : 0;

            let penStats = this.pension.calcPension(ageM, ageS, mainHis, subHis, cumSlideBasic, cumSlideKosei, cumInf);
            let penMNet_nom = penStats.mainNetNom;
            let penSNet_nom = penStats.subNetNom;

            let penTaxSoc_nom = ((penMNet_nom / 0.90) - penMNet_nom) + ((penSNet_nom / 0.90) - penSNet_nom);

            let currentPremium_nom = resM.totalPensionCost + resS.totalPensionCost;
            cumPaidPremium_nom += currentPremium_nom;
            cumPaidPremium_real += (currentPremium_nom / cumInf);

            let currentPension_nom = penMNet_nom + penSNet_nom;
            cumReceivedPension_nom += currentPension_nom;
            cumReceivedPension_real += (currentPension_nom / cumInf);

            // 生活費・教育費の計算
            let taxableLiv_nom = this.p.livingCost * 12 * cumInf * taxMultiplier;
            let nonTaxableLiv_nom = (this.p.housingType === 'rent') ? (this.p.rentCost * 12 * cumInf) : 0;
            let expLiv_nom = taxableLiv_nom + nonTaxableLiv_nom;

            let expEdu_nom = 0;
            let taxableEdu_nom = 0;
            let events = [];
            this.p.children.forEach((c, idx) => {
                let cAge = c.age + year;
                let baseEduCost = this.edu.getCost(cAge, c.flags, simParams);
                let currentEdu = (baseEduCost * cumInf) * taxMultiplier;
                
                taxableEdu_nom += currentEdu;
                expEdu_nom += currentEdu;
                
                let cNum = idx + 1;
                if (cAge === 6) events.push(`第${cNum}子 小学校入学`);
                if (cAge === 15) events.push(`第${cNum}子 高校入学`);
                if (cAge === 18) events.push(`第${cNum}子 大学入学`);
            });
            
            let expHouse_nom = 0;
            let taxableHouse_nom = 0;
            if (this.p.housingType === 'own') {
                let houseMaintenanceCost = (this.p.housePrice * 0.005 * cumInf);
                taxableHouse_nom = houseMaintenanceCost * taxMultiplier; 
                expHouse_nom += taxableHouse_nom;
                
                if (remainingMortgageYears > 0 && loanBal_nom > 0) {
                    let currentMortgageRate = initialMortgageRate;
                    if (this.p.loanType === 'variable') currentMortgageRate += Math.max(0, simParams.infRate - 0.01); 
                    
                    let r = currentMortgageRate;
                    let n = remainingMortgageYears;
                    let pmt = r > 0 ? loanBal_nom * (r * Math.pow(1 + r, n)) / (Math.pow(1 + r, n) - 1) : loanBal_nom / n;
                    
                    expHouse_nom += pmt;
                    loanBal_nom -= (pmt - (loanBal_nom * r));
                    remainingMortgageYears--;
                }
                houseVal_nom *= (1.0 - 0.015 + simParams.infRate);
                if (year === this.p.mortgageYears - 1) events.push("住宅ローン完済");
            }

            let expMedical_nom = MedicalModule.getAnnualCost(ageM, simParams.medProgressRatio);
            if (this.p.householdType !== 'single') {
                expMedical_nom += MedicalModule.getAnnualCost(ageS, simParams.medProgressRatio);
            }
            this.p.children.forEach(c => {
                expMedical_nom += MedicalModule.getAnnualCost(c.age + year, simParams.medProgressRatio);
            });
            expMedical_nom *= cumInf; 

            let soc_nom = resM.soc + resS.soc;
            let incomeTax_nom = resM.tax + (salM_nom * simParams.demoTaxPenalty) + resS.tax + (salS_nom * simParams.demoTaxPenalty) + penTaxSoc_nom;
            let consumptionTax_nom = (taxableLiv_nom + taxableEdu_nom + taxableHouse_nom) * (simParams.consumptionTaxRate / (1.0 + simParams.consumptionTaxRate));

            let netFlow_nom = (salMNet_nom + salSNet_nom + penMNet_nom + penSNet_nom) - (expLiv_nom + expEdu_nom + expHouse_nom + expMedical_nom);
            
            //  Math.sqrt(returnMultiplier)「年央にキャッシュフローが均等発生すると仮定し、半期分の複利効果を幾何平均で近似」
            if (finAssets_nom >= 0) finAssets_nom = finAssets_nom * returnMultiplier + netFlow_nom * Math.sqrt(returnMultiplier); 
            else finAssets_nom = finAssets_nom * borrowMultiplier + netFlow_nom * Math.sqrt(borrowMultiplier);

            let netAssets_nom = finAssets_nom + houseVal_nom - Math.max(0, loanBal_nom);

            if (ageM === 60) events.push("本人 還暦");
            if (ageM === this.p.retirementAge) events.push("本人 退職");
            if (ageM === this.p.pensionStartAgeMain) events.push("本人 年金開始");
            if (this.p.householdType !== 'single' && ageS === this.p.pensionStartAgeSub) events.push("配偶者 年金開始");

            timeline.push({
                ageM: ageM, ageS: ageS, year: 2026 + year, events: events,
                netAssets_real: netAssets_nom / cumInf, finAssets_real: finAssets_nom / cumInf,
                salM_real: salMNet_nom / cumInf, salS_real: salSNet_nom / cumInf,
                penM_real: penMNet_nom / cumInf, penS_real: penSNet_nom / cumInf,
                expLiv_real: expLiv_nom / cumInf, expEdu_real: expEdu_nom / cumInf, expHouse_real: expHouse_nom / cumInf, expMedical_real: expMedical_nom / cumInf,
                soc_real: soc_nom / cumInf, incomeTax_real: incomeTax_nom / cumInf, consumptionTax_real: consumptionTax_nom / cumInf,
                
                netAssets_nom: netAssets_nom, finAssets_nom: finAssets_nom,
                salM_nom: salMNet_nom, salS_nom: salSNet_nom,
                penM_nom: penMNet_nom, penS_nom: penSNet_nom,
                expLiv_nom: expLiv_nom, expEdu_nom: expEdu_nom, expHouse_nom: expHouse_nom, expMedical_nom: expMedical_nom,
                soc_nom: soc_nom, incomeTax_nom: incomeTax_nom, consumptionTax_nom: consumptionTax_nom,

                repRate_real: lifetimeAvgNet_real > 0 ? (((penMNet_nom + penSNet_nom) / cumInf) / lifetimeAvgNet_real) * 100 : 0,
                repRate_nom: lifetimeAvgNet_real > 0 ? (((penMNet_nom + penSNet_nom) / cumInf) / lifetimeAvgNet_real) * 100 : 0,
                yieldReturn_real: cumPaidPremium_real > 0 ? (cumReceivedPension_real / cumPaidPremium_real) * 100 : 0,
                yieldReturn_nom: cumPaidPremium_nom > 0 ? (cumReceivedPension_nom / cumPaidPremium_nom) * 100 : 0
            });
        }
        return timeline;
    }

    // =========================================================
    // 【追加】 モンテカルロシミュレーションの集計処理
    // =========================================================
    runMonteCarlo() {
        const iterations = this.p.mcIterations;
        const allResults = [];

        // キャッシュフロー描画の土台とするため、最初に「決定論（期待値）モード」で1回回す
        const baseTimeline = this.run(this.p.targetReturn, false);
        
        // 1. 指定回数シミュレーションを実行（isMonteCarlo = true）
        for (let i = 0; i < iterations; i++) {
            allResults.push(this.run(this.p.targetReturn, true));
        }

        const yearsCount = allResults[0].length;
        const summaryTimeline = [];
        
        // パーセンタイル取得用のヘルパー
        const getPercentile = (arr, p) => arr[Math.floor((arr.length - 1) * p)];

        // 2. 年齢（年）ごとに結果を集計
        for (let y = 0; y < yearsCount; y++) {
            const finAssetsReal = allResults.map(r => r[y].finAssets_real).sort((a, b) => a - b);
            const finAssetsNom = allResults.map(r => r[y].finAssets_nom).sort((a, b) => a - b);
            

            //修正2: allResults[0]の偶然の産物ではなく、さきほど計算した決定論ベースラインを流用する
            let base = baseTimeline[y];

            summaryTimeline.push({
                ...base, // 既存のプロパティをすべてコピー
                
                // 金融資産のパーセンタイル情報を追加付与
                finAssets_real_90: getPercentile(finAssetsReal, 0.90),
                finAssets_real_50: getPercentile(finAssetsReal, 0.50),
                finAssets_real_10: getPercentile(finAssetsReal, 0.10),
                finAssets_real_min: finAssetsReal[0],
                
                finAssets_nom_90: getPercentile(finAssetsNom, 0.90),
                finAssets_nom_50: getPercentile(finAssetsNom, 0.50),
                finAssets_nom_10: getPercentile(finAssetsNom, 0.10),
                finAssets_nom_min: finAssetsNom[0],
            });
        }
        return summaryTimeline;
    }
}

        // =========================================================
        // UI描画制御
        // =========================================================
        let charts = {};
        let currentMode = 'real';
        let currentSimMode = 'deterministic'; // ★追加: 現在のシミュレーションモード
        let simulationData = [];

        //シミュレーションモード（決定論/MC）の切り替え関数
        function switchSimMode(mode) {
            currentSimMode = mode;
            const isDet = mode === 'deterministic';
            
            // ボタンの見た目切り替え
            document.getElementById('toggleDet').className = isDet 
                ? "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 bg-emerald-600 text-white shadow-sm" 
                : "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 text-slate-400 hover:text-white";
                
            document.getElementById('toggleMC').className = !isDet 
                ? "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 bg-emerald-600 text-white shadow-sm" 
                : "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 text-slate-400 hover:text-white";
            
            // 入力フォームの有効/無効切り替え
            document.getElementById('targetRiskInput').disabled = isDet;
            document.getElementById('mcIterationsInput').disabled = isDet;
            
            // ★ここから追加: MCモード選択時の誤解防止メッセージの表示制御
            const isMC = !isDet;
            ['incomeLayerChart', 'expenseLayerChart', 'taxSocChart'].forEach(canvasId => {
                const container = document.getElementById(canvasId).parentElement.parentElement;
                let noticeEl = container.querySelector('.mc-notice');
                
                // 注記要素がまだなければ生成
                if (!noticeEl) {
                    noticeEl = document.createElement('p');
                    noticeEl.className = 'mc-notice text-[10px] text-emerald-400 mb-2 font-bold';
                    noticeEl.innerText = '※MCモード適用中：このグラフは決定論ベースの前提キャッシュフローを表示しています。';
                    const canvasWrapper = document.getElementById(canvasId).parentElement;
                    container.insertBefore(noticeEl, canvasWrapper);
                }
                
                // MCモードの時だけ表示
                noticeEl.style.display = isMC ? 'block' : 'none';
            });
            // ★追加ここまで

            runApp();
        }

        function switchDisplayMode(mode) {
            currentMode = mode;
            const isReal = mode === 'real';
            
            document.getElementById('toggleReal').className = isReal ? "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 bg-blue-600 text-white shadow-sm" : "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 text-slate-400 hover:text-white";
            document.getElementById('toggleNominal').className = !isReal ? "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 bg-indigo-600 text-white shadow-sm" : "px-4 py-2 text-xs font-bold rounded-lg transition-all duration-200 text-slate-400 hover:text-white";
            
            ['chartLabel1', 'chartLabel2', 'chartLabel3', 'chartLabel4'].forEach(id => {
                document.getElementById(id).innerText = isReal ? "実質表示" : "名目表示";
                document.getElementById(id).className = isReal ? "text-[10px] text-blue-400 border border-blue-900 px-2 py-1 rounded-md font-bold" : "text-[10px] text-indigo-400 border border-indigo-900 px-2 py-1 rounded-md font-bold";
            });
            
            renderAllCharts();
        }

        function debounce(func, delay) {
            let timeout;
            return function(...args) { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), delay); };
        }

        document.getElementById('simulationForm').addEventListener('change', runApp);
        document.getElementById('simulationForm').addEventListener('submit', e => e.preventDefault());

        function runApp() {
            const children = [];
            document.querySelectorAll('#childrenContainer .child-entry').forEach(entry => {
                children.push({
                    age: parseInt(entry.querySelector('.c-age').value) || 0,
                    flags: {
                        es: entry.querySelector('.c-es').checked,
                        jhs: entry.querySelector('.c-jhs').checked,
                        hs: entry.querySelector('.c-hs').checked,
                        univ: entry.querySelector('.c-univ').checked,
                    }
                });
            });

            const activeScenarios = Array.from(document.querySelectorAll('.scenario-checkbox:checked')).map(cb => cb.value);

            // パラメータ取得用セーフティヘルパー（0の許容とNaNの除外を完全保証）
            const getFloat = (selector, fallback) => { 
                const v = parseFloat(document.querySelector(selector)?.value); 
                return isNaN(v) ? fallback : v; 
            };
            const getInt = (selector, fallback) => { 
                const v = parseInt(document.querySelector(selector)?.value); 
                return isNaN(v) ? fallback : v; 
            };
            const getStr = (selector, fallback) => document.querySelector(selector)?.value || fallback;


            const params = {
                householdType: document.getElementById('householdType').value,
                ageMain: parseInt(document.querySelector('input[name="ageMain"]').value), 
                ageSub: parseInt(document.querySelector('input[name="ageSub"]').value),
                assets: getNumberFromInput('assets'), 
                livingCost: getNumberFromInput('livingCost'),
                incomeMain: getNumberFromInput('incomeMain'), 
                incomeSub: getNumberFromInput('incomeSub'),
                housingType: document.getElementById('housingType').value,
                housePrice: getNumberFromInput('housePrice'), 
                downPayment: getNumberFromInput('downPayment'),
                mortgageYears: getInt('input[name="mortgageYears"]', 35),
                loanType: getStr('select[name="loanType"]', 'fixed'),
                loanRate: getFloat('input[name="loanRate"]', 0.5) / 100,
                rentCost: getNumberFromInput('rentCost'),
                children: children,
                retirementAge: getInt('input[name="retirementAge"]', 65),
                pensionStartAgeMain: getInt('input[name="pensionStartAgeMain"]', 65),
                pensionStartAgeSub: getInt('input[name="pensionStartAgeSub"]', 65),
                salaryGrowth: getFloat('input[name="salaryGrowth"]', 1.5) / 100,
                targetReturn: getFloat('input[name="targetReturn"]', 4.0), // 0%が正常に適用される
                baseInflation: getFloat('input[name="inflationRate"]', 1.5) / 100, // 0%が正常に適用される
                consumptionTax: getFloat('input[name="consumptionTax"]', 10.0) / 100,
                targetRisk: getFloat('#targetRiskInput', 12.0),
                mcIterations: getInt('#mcIterationsInput', 1000),
                activeScenarios: activeScenarios
            };

            const sim = new Simulator(params);
            
            document.getElementById('displayTargetReturn').innerText = params.targetReturn.toFixed(1);

            const reqYield = sim.findRequiredYield();
            const yieldEl = document.getElementById('reqYieldReal');
            if (reqYield.real > 18.0) {
                yieldEl.innerText = "破綻"; 
                yieldEl.className = "text-5xl text-red-500 ml-2 tracking-tighter";
            } else {
                yieldEl.innerText = reqYield.real <= 0 ? "0.0" : reqYield.real.toFixed(1);
                yieldEl.className = "text-5xl text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-indigo-400 ml-2 tracking-tighter";
            }

            // ★選択されているモードに応じて実行するメソッドを変える
            if (currentSimMode === 'deterministic') {
                simulationData = sim.run(params.targetReturn, false);
            } else {
                simulationData = sim.runMonteCarlo();
            }

            saveUserData();

            renderAllCharts();
        }

        function renderAllCharts() {
            if (!simulationData.length) return;
            const data = simulationData;
            const isSingle = document.getElementById('householdType').value === 'single';
            const suffix = currentMode === 'real' ? '_real' : '_nom';
            
            const labels = data.map(d => d.events.length > 0 ? `${d.ageM}歳 ★` : `${d.ageM}歳`);

            const tooltipPlugin = {
                callbacks: {
                    title: function(ctx) {
                        let item = data[ctx[0].dataIndex];
                        let title = `本人${item.ageM}歳`;
                        if (!isSingle) title += ` / 配偶者${item.ageS}歳`;
                        title += ` (${item.year}年)`;
                        if (item.events.length > 0) title += `\n📋 イベント:\n・${item.events.join('\n・')}`;
                        return title;
                    },
                    label: function(ctx) {
                        let val = ctx.raw;
                        if (Math.abs(val) >= 10000) return ctx.dataset.label + ': ' + Math.round(val / 10000).toLocaleString() + '万円';
                        return ctx.dataset.label + ': ' + Math.round(val).toLocaleString() + (val <= 100 ? '%' : '');
                    }
                }
            };

            const createChart = (id, type, config) => {
                if (charts[id]) charts[id].destroy();
                const ctx = document.getElementById(id).getContext('2d');
                charts[id] = new Chart(ctx, {
                    type: type,
                    data: { labels: labels, datasets: config.datasets },
                    options: {
                        responsive: true, maintainAspectRatio: false,
                        interaction: { mode: 'index', intersect: false },
                        plugins: { legend: { display: config.showLegend || false, labels:{color:'#94a3b8'} }, tooltip: tooltipPlugin },
                        scales: {
                            x: { stacked: config.stacked || false, grid: { color: '#1e293b' }, ticks: { color: '#64748b', maxRotation: 45 } },
                            y: { stacked: config.stacked || false, grid: { color: '#1e293b' }, 
                                 ticks: { color: '#64748b', callback: v => (Math.abs(v) >= 10000 ? Math.round(v/10000).toLocaleString()+'万' : Math.round(v)) } 
                            }
                        }
                    }
                });
            };

            // =========================================================
            // 生涯資産推移チャート (assetChart) の描画
            // =========================================================
            let assetDatasets = [];

            if (currentSimMode === 'deterministic') {
                // 【決定論モード】 通常の総資産と金融資産の推移
                assetDatasets = [
                    {
                        label: '総純資産 (不動産含・ローン控除後)',
                        data: data.map(d => Math.round(d[`netAssets${suffix}`])),
                        borderColor: currentMode === 'real' ? '#3b82f6' : '#6366f1',
                        backgroundColor: 'transparent',
                        borderWidth: 3, 
                        pointRadius: data.map(d => d.events.length > 0 ? 5 : 0),
                        pointBackgroundColor: '#fff', 
                        tension: 0.1
                    },
                    {
                        label: '金融資産 (現金・投資信託等・負債含む)',
                        data: data.map(d => Math.round(d[`finAssets${suffix}`])),
                        borderColor: '#10b981',
                        backgroundColor: 'rgba(16, 185, 129, 0.1)',
                        fill: true, 
                        borderWidth: 2, 
                        pointRadius: 0, 
                        tension: 0.1, 
                        borderDash: [5, 5]
                    }
                ];
            } else {
                // 【モンテカルロモード】 金融資産の確率分布（ファンチャート）
                assetDatasets = [
                    {
                        label: '上位10% (楽観シナリオ)',
                        data: data.map(d => Math.round(d[`finAssets${suffix}_90`])),
                        borderColor: 'rgba(59, 130, 246, 0.3)', // 薄い青
                        backgroundColor: 'transparent', 
                        borderWidth: 1, 
                        pointRadius: 0, 
                        fill: false, 
                        tension: 0.1
                    },
                    {
                        label: '中央値 (50%)',
                        data: data.map(d => Math.round(d[`finAssets${suffix}_50`])),
                        borderColor: '#10b981', // 緑
                        backgroundColor: 'rgba(16, 185, 129, 0.15)',
                        borderWidth: 3, 
                        pointRadius: 0, 
                        // Chart.js の fill: '-1' は「1つ前のデータセットとの間を塗りつぶす」指定
                        fill: '-1', 
                        tension: 0.1
                    },
                    {
                        label: '下位10% (悲観シナリオ)',
                        data: data.map(d => Math.round(d[`finAssets${suffix}_10`])),
                        borderColor: 'rgba(245, 158, 11, 0.8)', // オレンジ
                        backgroundColor: 'rgba(16, 185, 129, 0.15)',
                        borderWidth: 2, 
                        pointRadius: 0, 
                        fill: '-1', // 中央値のラインとの間を塗りつぶす
                        tension: 0.1
                    },
                    {
                        label: '最悪ケース',
                        data: data.map(d => Math.round(d[`finAssets${suffix}_min`])),
                        borderColor: '#ef4444', // 赤
                        backgroundColor: 'transparent',
                        borderWidth: 2, 
                        borderDash: [5, 5], 
                        pointRadius: 0, 
                        fill: false, 
                        tension: 0.1
                    }
                ];
            }

            createChart('assetChart', 'line', {
                showLegend: true,
                datasets: assetDatasets
            });

            let incomeDatasets = [
                { label: '本人 手取り給与', data: data.map(d => Math.round(d[`salM${suffix}`])), borderColor: '#0ea5e9', backgroundColor: 'rgba(14, 165, 233, 0.7)', fill: true, pointRadius:0, tension:0.2 }
            ];
            if (!isSingle) {
                incomeDatasets.push({ label: '配偶者 手取り給与', data: data.map(d => Math.round(d[`salS${suffix}`])), borderColor: '#f43f5e', backgroundColor: 'rgba(244, 63, 94, 0.7)', fill: true, pointRadius:0, tension:0.2 });
            }
            incomeDatasets.push({ label: '本人 年金(手取り)', data: data.map(d => Math.round(d[`penM${suffix}`])), borderColor: '#10b981', backgroundColor: 'rgba(16, 185, 129, 0.7)', fill: true, pointRadius:0, tension:0.2 });
            if (!isSingle) {
                incomeDatasets.push({ label: '配偶者 年金(手取り)', data: data.map(d => Math.round(d[`penS${suffix}`])), borderColor: '#d946ef', backgroundColor: 'rgba(217, 70, 239, 0.7)', fill: true, pointRadius:0, tension:0.2 });
            }
            createChart('incomeLayerChart', 'line', { stacked: true, showLegend: true, datasets: incomeDatasets });

            createChart('expenseLayerChart', 'line', {
                stacked: true, showLegend: true,
                datasets: [
                    { label: '基本生活費(家賃含)', data: data.map(d => Math.round(d[`expLiv${suffix}`])), borderColor: '#f59e0b', backgroundColor: 'rgba(245, 158, 11, 0.7)', fill: true, pointRadius:0, tension:0.2 },
                    { label: '教育費', data: data.map(d => Math.round(d[`expEdu${suffix}`])), borderColor: '#8b5cf6', backgroundColor: 'rgba(139, 92, 246, 0.7)', fill: true, pointRadius:0, tension:0.2 },
                    { label: '持ち家維持費(ローン・修繕)', data: data.map(d => Math.round(d[`expHouse${suffix}`])), borderColor: '#64748b', backgroundColor: 'rgba(100, 116, 139, 0.7)', fill: true, pointRadius:0, tension:0.2 },
                    { label: '医療・介護費(自己負担)', data: data.map(d => Math.round(d[`expMedical${suffix}`])), borderColor: '#ef4444', backgroundColor: 'rgba(239, 68, 68, 0.7)', fill: true, pointRadius:0, tension:0.2 }
                ]
            });

            createChart('taxSocChart', 'line', {
                stacked: true, showLegend: true,
                datasets: [
                    { label: '社会保険料', data: data.map(d => Math.round(d[`soc${suffix}`])), borderColor: '#10b981', backgroundColor: 'rgba(16, 185, 129, 0.7)', fill: true, pointRadius:0, tension:0.2 },
                    { label: '直接税(所得・住民税・年金天引等)', data: data.map(d => Math.round(d[`incomeTax${suffix}`])), borderColor: '#f43f5e', backgroundColor: 'rgba(244, 63, 94, 0.7)', fill: true, pointRadius:0, tension:0.2 },
                    { label: '消費税等(生活・教育等からの概算)', data: data.map(d => Math.round(d[`consumptionTax${suffix}`])), borderColor: '#f59e0b', backgroundColor: 'rgba(245, 158, 11, 0.7)', fill: true, pointRadius:0, tension:0.2 }
                ]
            });

            createChart('pensionReplacementChart', 'line', {
                datasets: [{ label: '所得代替率(%)', data: data.map(d => Math.round(d[`repRate${suffix}`] * 10) / 10), borderColor: '#10b981', borderWidth: 2, pointRadius:0, tension:0.1 }]
            });

            createChart('pensionYieldChart', 'line', {
                datasets: [{ 
                    label: '累計回収率(%)', 
                    data: data.map(d => Math.round(d[`yieldReturn${suffix}`] * 10) / 10), 
                    borderColor: '#f59e0b', borderWidth: 2, pointRadius:0, tension:0.1 
                }]
            });
        }

        window.addEventListener('DOMContentLoaded', () => {
            bindCommaFormat();

            loadCustomScenarios(); 

            loadScenarioPlugins(); 
            
            // ▼データロード処理に変更
            const isLoaded = loadUserData();
            if (!isLoaded) {
                // 保存データが無い初回アクセス時のみデフォルトで1人追加
                addChild(); 
            }
            // ▲
            
            toggleHouseholdInputs();
            toggleHousingInputs();
            
            // 初回計算の実行
            runApp(); 
            loadCommunityScenarios();
        });


        // =========================================================
        // カスタムシナリオ（AI生成・インポート）の保存・削除機能
        // =========================================================
        const CUSTOM_SCENARIOS_KEY = 'lifeOracleCustomScenarios';

        // 1. カスタムシナリオをシステムに登録する共通関数
        function registerCustomScenario(id, name, description, category, calcCode) {
            try {
                const aiLogic = new Function('simDeltas', 'year', 'baseParams', 'context', calcCode);
                window.MacroScenarios.push({
                    id: id,
                    name: name,
                    description: description,
                    category: category,
                    isCustom: true,       // 削除可能なカスタムシナリオとしてのフラグ
                    calcCode: calcCode,   // LocalStorage保存用の生コード
                    apply: function(simDeltas, year, baseParams, context) {
                        try { aiLogic(simDeltas, year, baseParams, context); } 
                        catch (e) { console.error(`プラグイン[${name}]実行エラー:`, e); }
                    }
                });
                return true;
            } catch (e) {
                console.error("シナリオのパース失敗:", e);
                return false;
            }
        }

        // 2. ブラウザに保存（LocalStorage）
        function saveCustomScenarios() {
            const customScenarios = window.MacroScenarios
                .filter(s => s.isCustom)
                .map(s => ({
                    id: s.id, name: s.name, description: s.description, category: s.category, calcCode: s.calcCode
                }));
            localStorage.setItem(CUSTOM_SCENARIOS_KEY, JSON.stringify(customScenarios));
        }

        // 3. ブラウザから読み込み
        function loadCustomScenarios() {
            const saved = localStorage.getItem(CUSTOM_SCENARIOS_KEY);
            if (saved) {
                try {
                    const parsed = JSON.parse(saved);
                    parsed.forEach(s => {
                        // 重複登録を防ぐ
                        if (!window.MacroScenarios.some(existing => existing.id === s.id)) {
                            registerCustomScenario(s.id, s.name, s.description, s.category, s.calcCode);
                        }
                    });
                } catch(e) { console.error("カスタムシナリオの読み込みエラー:", e); }
            }
        }

        // 4. 個別削除処理
        function deleteCustomScenario(id) {
            if (!confirm("このシナリオを完全に削除しますか？\n（ONになっている場合はシミュレーションが再計算されます）")) return;
            
            // 配列から該当IDを除外
            window.MacroScenarios = window.MacroScenarios.filter(s => s.id !== id);
            
            saveCustomScenarios();   // ローカルストレージを上書き
            loadScenarioPlugins();   // 左側のUI（アコーディオン）を再構築
            runApp();                // グラフを再計算
        }        


        // =========================================================
        // AIモード用：家計の弱点（サマリー）抽出関数
        // =========================================================
        function extractHouseholdSummary(data) {
            let minAsset = Infinity;
            let minAssetAge = null;
            let maxEduCost = 0;
            let maxEduCostAge = null;
            let depletionAge = null;

            data.forEach(d => {
                if (d.finAssets_real < minAsset) { minAsset = d.finAssets_real; minAssetAge = d.ageM; }
                if (d.expEdu_real > maxEduCost) { maxEduCost = d.expEdu_real; maxEduCostAge = d.ageM; }
                if (d.finAssets_real < 0 && depletionAge === null) { depletionAge = d.ageM; }
            });

            return {
                current_age: data[0].ageM,
                asset_depletion_age: depletionAge ? `${depletionAge}歳` : "枯渇しない",
                lowest_asset_amount: `${Math.round(minAsset / 10000)}万円`,
                lowest_asset_age: `${minAssetAge}歳`,
                peak_education_cost: `${Math.round(maxEduCost / 10000)}万円/年`,
                peak_education_age: `${maxEduCostAge}歳`,
                status: depletionAge ? "老後破産リスクあり" : (minAsset < 0 ? "一時的な借金状態あり" : "健全な家計")
            };
        }

        // =========================================================
        // 生成AIシナリオ生成の実行
        // =========================================================
        async function executeCreatorMode(event) {
            const promptText = document.getElementById('ai-prompt').value;
            if (!promptText) {
                alert("生成したいシナリオを入力してください。");
                return;
            }

            const btn = event.target;
            btn.innerText = "AIがシナリオを生成中...";
            btn.disabled = true;

            let pluginData = null;

            try {
                // Cloudflare等のAPIへのリクエストを試みる
                const res = await fetch('/api/generate-plugin', {
                    method: 'POST',
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({ userRequest: promptText })
                });
                
                if (!res.ok) throw new Error("APIレスポンスエラー");
                let rawText = await res.text();
                rawText = rawText.replace(/```json/g, '').replace(/```/g, '').trim();
                pluginData = JSON.parse(rawText);

            } catch (error) {
                console.warn("API呼び出しに失敗しました。ローカル用のモックデータを使用します:", error);
                
                // 【API非依存フォールバック】ローカルテスト用のダミーデータを生成
                pluginData = {
                    name: "【Mock】" + promptText.substring(0, 10) + "...",
                    // 例：5年目からインフレ率が跳ね上がり、手取りが少し減るダミーコード
                    calcCode: "if (year >= 5) { simDeltas.infRate += 0.03; simDeltas.demoTaxPenalty += 0.05; }"
                };
            }

            try {
                // 文字列から関数を生成（引数は本体のapply仕様に厳密に合わせる）
                const aiLogic = new Function('simDeltas', 'year', 'baseParams', 'context', pluginData.calcCode);
                const pluginId = "ai_custom_" + Date.now();

                // プラグインとして登録
                // カスタムシナリオとして登録し、ローカルストレージへ保存
                registerCustomScenario(
                    pluginId, 
                    `✨ 生成AI: ${pluginData.name}`, 
                    `プロンプト: ${promptText}`, 
                    "🤖 AI生成シナリオ", 
                    pluginData.calcCode
                );
                saveCustomScenarios(); // 保存を実行

                // UIを再構築して自動でONにする
                loadScenarioPlugins();
                const newCheckbox = document.querySelector(`input[value="${pluginId}"]`);
                if (newCheckbox) newCheckbox.checked = true;

                alert(`新シナリオ「${pluginData.name}」が世界線に組み込まれました！`);
                runApp(); // 再計算

                const currentSummary = extractHouseholdSummary(simulationData);
                showShareButton(pluginData, currentSummary);

            } catch (error) {
                console.error("プラグインのパース/登録に失敗:", error);
                alert("生成されたシナリオの適用に失敗しました。");
            } finally {
                btn.innerText = "世界線を書き換える";
                btn.disabled = false;
            }
        }

        // =========================================================
        // AI診断＆自動襲撃の実行
        // =========================================================
        async function executeAiAttack(event) {
            if (!simulationData || simulationData.length === 0) {
                alert("まずはシミュレーションを実行してください。");
                return;
            }

            const btn = event.target;
            const originalText = btn.innerText;
            btn.innerText = "AIが家計の弱点を分析・錬成中...";
            btn.disabled = true;
            document.getElementById('ai-advice-text').innerText = "";

            let pluginData = null;
            const summary = extractHouseholdSummary(simulationData);

            try {
                // Cloudflare等のAPIへのリクエストを試みる
                const res = await fetch('/api/analyze', {
                    method: 'POST',
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({ summary: summary })
                });
                
                if (!res.ok) throw new Error("APIレスポンスエラー");
                let rawText = await res.text();
                rawText = rawText.replace(/```json/g, '').replace(/```/g, '').trim();
                pluginData = JSON.parse(rawText);

            } catch (error) {
                console.warn("API呼び出しに失敗しました。ローカル用のモックデータを使用します:", error);
                
                // 【API非依存フォールバック】ローカルテスト用のダミー嫌がらせデータ
                // サマリー情報を元に、教育費がピークになる年齢のタイミングで増税とインフレをぶつける
                const targetYear = parseInt(summary.peak_education_age) - summary.current_age;
                const safeTargetYear = isNaN(targetYear) ? 10 : Math.max(0, targetYear);
                
                pluginData = {
                    advice: `【Mock分析】${summary.peak_education_age}歳時点で教育費が${summary.peak_education_cost}に達します。この時期にインフレが直撃すると家計は崩壊します。`,
                    pluginName: "【Mock】教育費ピーク時 スタグフレーション直撃",
                    calcCode: `if (year >= ${safeTargetYear} && year <= ${safeTargetYear + 5}) { simDeltas.infRate += 0.05; simDeltas.salaryGrowth -= 0.02; simDeltas.demoTaxPenalty += 0.03; }`
                };
            }

            try {
                document.getElementById('ai-advice-text').innerText = pluginData.advice;
                
                const aiLogic = new Function('simDeltas', 'year', 'baseParams', 'context', pluginData.calcCode);
                const pluginId = "ai_attack_" + Date.now();

                registerCustomScenario(pluginId, `💀 AI襲撃: ${pluginData.pluginName}`, "AIがあなたの家計の弱点を突いて生成した最悪のシナリオ", "🚨 AI診断シナリオ", pluginData.calcCode);
                saveCustomScenarios(); // 保存を実行

                loadScenarioPlugins();
                const newCheckbox = document.querySelector(`input[value="${pluginId}"]`);
                if (newCheckbox) newCheckbox.checked = true;

                runApp(); // 再計算

                const currentSummary = extractHouseholdSummary(simulationData);
                const formattedPlugin = {
                    name: pluginData.pluginName,
                    description: pluginData.advice,
                    calcCode: pluginData.calcCode
                };
                showShareButton(formattedPlugin, currentSummary);

            } catch (error) {
                console.error("診断プラグインのパース/登録に失敗:", error);
                alert("AIによる診断の適用に失敗しました。");
            } finally {
                btn.innerText = originalText;
                btn.disabled = false;
            }
        }

        // =========================================================
        // コミュニティ共有機能（D1データベース対応版）
        // =========================================================
        let lastGeneratedScenario = null; 
        let communityScenarios = [];      
        let currentCommunityPage = 1; // 現在のページ番号

        // シナリオ生成後、シェアボタンを表示する関数
        function showShareButton(pluginData, summaryData) {
            lastGeneratedScenario = {
                plugin: pluginData,
                context: summaryData 
            };
            const shareArea = document.getElementById('share-action-area');
            shareArea.classList.remove('hidden');
            
            const btn = document.getElementById('btn-share-scenario');
            btn.onclick = async () => {
                btn.innerText = "放流中...";
                btn.disabled = true;
                
                try {
                    const res = await fetch('/api/share', {
                        method: 'POST',
                        headers: { "Content-Type": "application/json" },
                        body: JSON.stringify(lastGeneratedScenario)
                    });
                    if (!res.ok) throw new Error("APIレスポンスエラー");
                    alert("タイムラインへの放流が完了しました！");
                } catch (error) {
                    console.warn("API呼び出し失敗。モックとして処理します:", error);
                    alert("【Mock】タイムラインに放流しました（ローカル動作）");
                } finally {
                    shareArea.classList.add('hidden');
                    btn.innerText = "タイムラインに放流する";
                    btn.disabled = false;
                    resetAndLoadCommunityScenarios(); // 放流後に最新をリロード
                }
            };
        }

        // 検索やソート条件が変更された時にリセットして読み込む
        function resetAndLoadCommunityScenarios() {
            currentCommunityPage = 1;
            document.getElementById('community-timeline').innerHTML = ''; // UIクリア
            loadCommunityScenarios(false);
        }

        // 次のページを読み込む
        function loadMoreCommunityScenarios() {
            currentCommunityPage++;
            loadCommunityScenarios(true);
        }

        // タイムラインを読み込む関数 (isAppend = true で追記モード)
        async function loadCommunityScenarios(isAppend = false) {
            const container = document.getElementById('community-timeline');
            const loadMoreBtn = document.getElementById('loadMoreCommunityBtn');
            const searchInput = document.getElementById('communitySearchInput').value;
            const sortSelect = document.getElementById('communitySortSelect').value;

            if (!isAppend) {
                container.innerHTML = '<div class="col-span-full text-center text-sm text-slate-500 py-8">読み込み中...</div>';
            } else {
                loadMoreBtn.innerText = "読み込み中...";
                loadMoreBtn.disabled = true;
            }

            let fetchedScenarios = [];

            try {
                // クエリパラメータの組み立て
                const url = new URL(window.location.origin + '/api/share');
                url.searchParams.append('page', currentCommunityPage);
                url.searchParams.append('sort', sortSelect);
                if (searchInput) url.searchParams.append('q', searchInput);

                const res = await fetch(url);
                if (!res.ok) throw new Error("APIレスポンスエラー");
                fetchedScenarios = await res.json();
            } catch (error) {
                console.warn("APIからの取得に失敗しました。モックデータを使用します:", error);
                // フォールバック用のダミーデータ（1ページ目のみ表示）
                if (currentCommunityPage === 1) {
                    fetchedScenarios = [
                        { id: "mock_1", usage_count: 42, timestamp: Date.now() - 3600000, context: { asset_depletion_age: "78歳" }, plugin: { name: "【共有】超・教育費インフレ", description: "教育費ピーク時に増税", calcCode: "if (year >= 10 && year <= 15) { simDeltas.infRate += 0.05; simDeltas.consumptionTaxRate += 0.10; }" } },
                        { id: "mock_2", usage_count: 15, timestamp: Date.now() - 86400000, context: { asset_depletion_age: "枯渇しない" }, plugin: { name: "【共有】定年直前の大恐慌", description: "退職直前に株価暴落", calcCode: "if (baseParams.ageMain + year === 64) { simDeltas.targetReturn -= 0.30; simDeltas.demoTaxPenalty += 0.05; }" } }
                    ];
                }
            }

            // データ更新
            if (!isAppend) {
                communityScenarios = fetchedScenarios;
                container.innerHTML = '';
            } else {
                communityScenarios = communityScenarios.concat(fetchedScenarios);
            }

            // 15件未満しか取れなかった場合は「さらに読み込む」ボタンを隠す
            if (fetchedScenarios.length < 15) {
                loadMoreBtn.classList.add('hidden');
            } else {
                loadMoreBtn.classList.remove('hidden');
                loadMoreBtn.innerText = "↓ さらに読み込む";
                loadMoreBtn.disabled = false;
            }

            if (communityScenarios.length === 0) {
                container.innerHTML = '<div class="col-span-full text-center text-sm text-slate-500 py-8">該当するシナリオはありません。</div>';
                return;
            }

            // 追加分のUIを描画
            fetchedScenarios.forEach(item => {
                const div = document.createElement('div');
                div.className = 'bg-slate-800/60 p-3 rounded-xl border border-slate-700 flex flex-col sm:flex-row justify-between items-start sm:items-center hover:border-amber-500/50 transition-colors shadow-sm gap-3 group';
                
                const dateObj = new Date(item.timestamp);
                const timeStr = `${dateObj.getFullYear()}/${(dateObj.getMonth()+1).toString().padStart(2,'0')}/${dateObj.getDate().toString().padStart(2,'0')} ${dateObj.getHours().toString().padStart(2,'0')}:${dateObj.getMinutes().toString().padStart(2,'0')}`;
                
                const doomStr = item.context && item.context.asset_depletion_age !== "枯渇しない" 
                    ? `<span class="text-red-400 font-bold flex items-center gap-1">☠️ ${item.context.asset_depletion_age}破産</span>` 
                    : `<span class="text-emerald-400 font-bold flex items-center gap-1">🛡️ 防衛成功</span>`;
                
                // 利用回数（人気度）の表示を追加
                const usageStr = `<span class="text-[10px] text-amber-500 font-bold ml-2" title="利用回数">🔥 ${item.usage_count || 0}</span>`;

                div.innerHTML = `
                    <div class="flex-1 min-w-0 w-full">
                        <div class="flex items-center gap-2 mb-1">
                            <span class="text-sm font-black text-slate-200 truncate group-hover:text-amber-400 transition-colors cursor-default" title="${item.plugin.name}">${item.plugin.name}</span>
                            <span class="text-[10px] bg-slate-900 px-2 py-0.5 rounded border border-slate-800 whitespace-nowrap">${doomStr}</span>
                            ${usageStr}
                        </div>
                        <div class="text-[11px] text-slate-400 truncate cursor-default" title="${item.plugin.description || "説明なし"}">${item.plugin.description || "説明なし"}</div>
                    </div>
                    
                    <div class="flex flex-row sm:flex-col items-center sm:items-end justify-between sm:justify-center w-full sm:w-auto gap-2 sm:gap-1 mt-2 sm:mt-0 flex-shrink-0">
                        <div class="text-[9px] text-slate-500">${timeStr}</div>
                        <button onclick="importCommunityScenario('${item.id}')" class="whitespace-nowrap text-[10px] font-bold bg-slate-700 hover:bg-slate-600 text-amber-400 px-4 py-1.5 rounded-lg transition-colors border border-slate-600 shadow-sm flex items-center gap-1">
                            <span>📥</span> 試す
                        </button>
                    </div>
                `;
                container.appendChild(div);
            });
        }

        // 他人のシナリオを自分の環境にインポートする関数
        function importCommunityScenario(id) {
            const item = communityScenarios.find(s => s.id === id);
            if (!item) return;

            try {
                const aiLogic = new Function('simDeltas', 'year', 'baseParams', 'context', item.plugin.calcCode);
                const pluginId = "imported_" + id + "_" + Date.now();

                registerCustomScenario(pluginId, `📥 ${item.plugin.name}`, item.plugin.description, "🌐 インポート済シナリオ", item.plugin.calcCode);
                saveCustomScenarios(); 

                loadScenarioPlugins();
                const newCheckbox = document.querySelector(`input[value="${pluginId}"]`);
                if (newCheckbox) newCheckbox.checked = true;

                window.scrollTo({ top: 0, behavior: 'smooth' });
                alert(`他人の世界線「${item.plugin.name}」をインポートしました！\n計算結果のグラフを確認してください。`);
                runApp();

                // ▼ ここが追加部分：インポート（試す）されたら利用回数を増やすリクエストを投げる
                fetch('/api/share', {
                    method: 'PATCH',
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({ id: id })
                }).catch(e => console.error("カウントアップ通信エラー", e));

            } catch (e) {
                alert("このシナリオはコードが破損しているためインポートできません。");
            }
        }

    </script>
</body>
</html>