/* AI introduction and chart tabs: visual presentation only. */
body.index-page #aiTabSwitchModal { padding: 18px; overflow-y: auto; }
body.index-page #aiTabSwitchModal .ai-modal-card { width: min(100%,480px) !important; max-width: 480px !important; padding: 60px 26px 26px !important; border: 1px solid #d6e6db; border-radius: 26px !important; background: linear-gradient(145deg,#fff,#f5faf6) !important; box-shadow: 0 24px 80px rgba(25,60,39,.2); font-family: 'Meiryo','メイリオ',sans-serif; }
body.index-page #aiTabSwitchModal .ai-modal-card > br { display: none; }
body.index-page #aiTabSwitchModal h2 { color: #285e45; font-size: 24px !important; line-height: 1.7; margin: 0 0 12px !important; }
body.index-page #aiTabSwitchModal p { color: #748779 !important; font-size: 12px !important; line-height: 1.95 !important; margin: 0 0 20px !important; overflow-wrap: anywhere; }
body.index-page #aiTabSwitchModal .ai-intro-demo { display: block; width: 100%; border: 1px solid #d9e8dd; border-radius: 17px; overflow: hidden; background: #eff7f1; }
body.index-page #aiTabSwitchModal .ai-intro-demo img { display: block; width: 100%; height: auto; }
body.index-page #aiTabSwitchModal img.ai-intro-demo { height: auto; }
body.index-page #aiTabSwitchModal .ai-intro-start { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; height: auto; padding: 12px 18px !important; border: 1px solid #2c7958 !important; border-radius: 14px !important; background: linear-gradient(105deg,#288565,#409b75,#267458) !important; color: #fff; line-height: 1.8; white-space: normal; overflow-wrap: anywhere; overflow: hidden; animation: ai-start-glow 3s ease-in-out infinite; }
body.index-page #aiTabSwitchModal .ai-intro-start::before { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg,transparent 25%,rgba(255,255,255,.27) 50%,transparent 75%); transform: translateX(-120%); animation: ai-start-shine 4.5s ease-in-out infinite; pointer-events: none; }
body.index-page #aiTabSwitchModal .ai-intro-start::after { content: '✦'; position: absolute; right: 14px; color: #d7f2df; font-size: 11px; animation: ai-start-sparkle 2.6s ease-in-out infinite; pointer-events: none; }
body.index-page #chartSubTabs { gap: 4px; flex-wrap: nowrap; }
body.index-page #chartSubTabs .chart-sub-tab { display: flex; align-items: center; justify-content: center; min-width: 0; height: auto; padding: 10px 14px !important; line-height: 1.7; white-space: normal; overflow-wrap: anywhere; }
@keyframes ai-start-glow { 0%,100% { box-shadow: 0 3px 12px rgba(42,122,84,.13); transform: translateY(0); } 50% { box-shadow: 0 5px 20px rgba(42,122,84,.24); transform: translateY(-2px); } }
@keyframes ai-start-shine { 0%,65% { transform: translateX(-120%); } 90%,100% { transform: translateX(120%); } }
@keyframes ai-start-sparkle { 0%,100% { opacity: .3; scale: .75; } 50% { opacity: 1; scale: 1.15; } }
@media (max-width:600px) { body.index-page #aiTabSwitchModal { padding: 12px; } body.index-page #aiTabSwitchModal .ai-modal-card { padding: 56px 18px 20px !important; } body.index-page #aiTabSwitchModal h2 { font-size: 21px !important; } body.index-page #chartSubTabs .chart-sub-tab { flex: 1 1 0; padding: 10px 7px !important; font-size: 11px !important; } }
@media (prefers-reduced-motion:reduce) { body.index-page #aiTabSwitchModal .ai-intro-start,body.index-page #aiTabSwitchModal .ai-intro-start::before,body.index-page #aiTabSwitchModal .ai-intro-start::after { animation: none; } body.index-page #aiTabSwitchModal .ai-intro-start::before { display: none; } }
body.index-page #chartSubTabs .ai-market-tab { display: flex; align-items: center; justify-content: center; text-align: center; min-width: 0; min-height: 44px; height: auto; padding: 10px 16px !important; line-height: 1.7; white-space: normal; overflow-wrap: anywhere; background: #edf3ef; color: #708375; border: 1px solid #d9e5dd !important; border-radius: 12px 12px 0 0; text-decoration: none; font-size: 12px; }
body.index-page #chartSubTabs .ai-market-tab.active { background: #388362 !important; color: #fff !important; border-color: #367956 !important; }
@media (max-width:600px) { body.index-page #chartSubTabs .ai-market-tab { flex: 1 1 0; padding: 10px 7px !important; font-size: 11px; } }
body.index-page #tab10 .chart-sub-pane > .d-flex:last-child > .d-flex { align-items: center; }
body.index-page #tab10 .chart-sub-pane > .d-flex:last-child > .d-flex > div { flex: 1 1 0; min-width: 0; max-width: none !important; }
body.index-page #tab10 .chart-sub-pane .otp-btn-text { white-space: nowrap; }
body.index-page #tab10 .chart-sub-pane button[id^="otpBtn_"] { flex: 0 0 auto; min-width: 76px; min-height: 40px; height: auto !important; padding: 9px 13px !important; justify-content: center; align-items: center; }