.compound-interest-module__DWP6HG__ツールUI{gap:var(--スペース-xl);display:grid}@media (min-width:768px){.compound-interest-module__DWP6HG__ツールUI{grid-template-columns:1fr 1fr}}.compound-interest-module__DWP6HG__クイック群{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.compound-interest-module__DWP6HG__クイックボタン{border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-sm);color:var(--カラー-テキスト薄);cursor:pointer;transition:all var(--遷移-標準);font-size:12px;font-weight:600;font-family:var(--フォント-本文);background:#ffffff0a;padding:4px 10px}.compound-interest-module__DWP6HG__クイックボタン:hover{border-color:var(--カラー-ボーダー強)}.compound-interest-module__DWP6HG__クイックボタンアクティブ{background:var(--カラー-プライマリ薄);border-color:var(--カラー-プライマリ);color:var(--カラー-プライマリ輝き)}.compound-interest-module__DWP6HG__注意書き{color:var(--カラー-テキスト極薄);padding:var(--スペース-sm);border-radius:var(--角丸-sm);background:#fbbf240a;border:1px solid #fbbf2426;font-size:11px;line-height:1.6}.compound-interest-module__DWP6HG__結果コンテンツ{gap:var(--スペース-md);flex-direction:column;display:flex}.compound-interest-module__DWP6HG__メインカード{padding:var(--スペース-lg);border-radius:var(--角丸-lg);text-align:center;background:linear-gradient(135deg,#10b9811f 0%,#06b6d414 100%);border:1px solid #10b9814d;flex-direction:column;align-items:center;gap:6px;display:flex}.compound-interest-module__DWP6HG__メインラベル{color:var(--カラー-テキスト薄);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.compound-interest-module__DWP6HG__メイン値{color:#10b981;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;font-size:2.2rem;font-weight:900}.compound-interest-module__DWP6HG__メイン単位{font-size:1rem}.compound-interest-module__DWP6HG__内訳行{gap:12px;font-size:13px;font-weight:700;display:flex}.compound-interest-module__DWP6HG__グラフラッパー{padding:var(--スペース-md);border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-md);background:#ffffff05}.compound-interest-module__DWP6HG__グラフタイトル{color:var(--カラー-テキスト薄);justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.compound-interest-module__DWP6HG__グラフ凡例{gap:10px;font-size:11px;display:flex}.compound-interest-module__DWP6HG__グラフ本体{align-items:flex-end;gap:4px;height:140px;padding-bottom:20px;display:flex;overflow-x:auto}.compound-interest-module__DWP6HG__グラフ列{flex-direction:column;flex:1;align-items:center;min-width:24px;display:flex}.compound-interest-module__DWP6HG__グラフバー{background:#06b6d426;border-radius:3px 3px 0 0;flex-direction:column-reverse;flex:1;align-items:stretch;width:100%;min-height:4px;display:flex;overflow:hidden}.compound-interest-module__DWP6HG__グラフ元本部{background:#06b6d480}.compound-interest-module__DWP6HG__グラフ利益部{background:#10b981b3}.compound-interest-module__DWP6HG__グラフラベル{color:var(--カラー-テキスト極薄);margin-top:3px;font-size:9px}.compound-interest-module__DWP6HG__年次表{padding:var(--スペース-md);border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-md);background:#ffffff05}.compound-interest-module__DWP6HG__年次表タイトル{color:var(--カラー-テキスト薄);margin-bottom:8px;font-size:12px;font-weight:700}.compound-interest-module__DWP6HG__年次行ヘッダ{color:var(--カラー-テキスト極薄);text-transform:uppercase;border-bottom:1px solid var(--カラー-ボーダー);grid-template-columns:1fr 1.5fr 1.5fr 1.5fr;padding:4px 0;font-size:10px;font-weight:700;display:grid}.compound-interest-module__DWP6HG__年次行{color:var(--カラー-テキスト薄);border-bottom:1px solid #ffffff08;grid-template-columns:1fr 1.5fr 1.5fr 1.5fr;padding:4px 0;font-size:12px;display:grid}.compound-interest-module__DWP6HG__年次行強調{border-radius:var(--角丸-sm);color:#10b981;background:#10b98114;border:1px solid #10b98133;padding:5px 6px;font-weight:700}