/* 찬스툴 라이트/다크 테마
 * data-base="dark"  : 원래 다크 디자인(툴·내 정보·링크) → data-theme="light"일 때 밝게 덮어쓴다
 * data-base="light" : 원래 라이트 디자인(홈·가이드·안내) → data-theme="dark"일 때 어둡게 덮어쓴다
 * 그라데이션 버튼, 로또 공, 차트 색, 임의값 배경(bg-[#..])은 그대로 둔다.
 */

/* ---------- 공통: 토글 버튼 ---------- */
.ct-wrap { display: inline-flex; align-items: center; gap: 6px; }
.ct-toggle { width: 34px; height: 34px; border-radius: 999px; display: inline-grid; place-items: center; font-size: 15px; line-height: 1; cursor: pointer; flex-shrink: 0;
  border: 1px solid rgba(127,140,170,.28); background: rgba(127,140,170,.12); color: inherit; transition: transform .15s ease, background .2s ease; }
.ct-toggle:active { transform: scale(.9); }
.ct-toggle.ct-push { margin-left: auto; }
.ct-toggle.ct-float { position: fixed; right: 14px; top: 14px; z-index: 60; }
html[data-theme="light"] .ct-toggle { color: #4e5968; background: #ffffff; border-color: #e1e6ee; box-shadow: 0 1px 2px rgba(16,24,40,.06); }
html[data-theme="dark"] .ct-toggle { color: #ffd43b; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
html { transition: none; }

/* =====================================================================
   1) 다크 디자인 페이지를 라이트로
   ===================================================================== */
html[data-theme="light"][data-base="dark"],
html[data-theme="light"][data-base="dark"] body { background: #f5f7fb !important; color: #191f28 !important; }
html[data-theme="light"][data-base="dark"] body { background-image: none !important; }

/* 배경 */
html[data-theme="light"][data-base="dark"] .bg-ink-900 { background-color: #f5f7fb !important; }
html[data-theme="light"][data-base="dark"] .bg-ink-900\/90 { background-color: rgba(245,247,251,.92) !important; }
html[data-theme="light"][data-base="dark"] .bg-ink-900\/70 { background-color: rgba(245,247,251,.85) !important; }
html[data-theme="light"][data-base="dark"] .bg-ink-800,
html[data-theme="light"][data-base="dark"] .bg-ink-800\/60,
html[data-theme="light"][data-base="dark"] .bg-ink-800\/70 { background-color: #f2f4f8 !important; }
html[data-theme="light"][data-base="dark"] .bg-ink-700 { background-color: #f2f4f8 !important; }
html[data-theme="light"][data-base="dark"] .bg-ink-700\/70,
html[data-theme="light"][data-base="dark"] .bg-ink-700\/60,
html[data-theme="light"][data-base="dark"] .bg-ink-700\/50,
html[data-theme="light"][data-base="dark"] .bg-ink-700\/40 { background-color: #f3f5f9 !important; }
html[data-theme="light"][data-base="dark"] .bg-ink-600 { background-color: #e6eaf1 !important; }
html[data-theme="light"][data-base="dark"] .bg-ink-500 { background-color: #d9dfe8 !important; }
html[data-theme="light"][data-base="dark"] .bg-white\/10 { background-color: rgba(20,30,50,.06) !important; }
html[data-theme="light"][data-base="dark"] .bg-white\/5 { background-color: rgba(20,30,50,.04) !important; }
html[data-theme="light"][data-base="dark"] .to-ink-700 { --tw-gradient-to: #f2f4f8 var(--tw-gradient-to-position) !important; }
html[data-theme="light"][data-base="dark"] .hover\:bg-ink-600:hover,
html[data-theme="light"][data-base="dark"] .hover\:bg-ink-700:hover { background-color: #e6eaf1 !important; }

/* 카드 */
html[data-theme="light"][data-base="dark"] .card { background: #ffffff !important; border: 1px solid #e7ebf3 !important; box-shadow: 0 1px 3px rgba(16,24,40,.05) !important; }
html[data-theme="light"][data-base="dark"] .glass { background: #ffffff !important; border: 1px solid #e7ebf3 !important; box-shadow: 0 1px 3px rgba(16,24,40,.05) !important; backdrop-filter: none !important; }
html[data-theme="light"][data-base="dark"] .tap:hover { background: #f2f4f8 !important; }
html[data-theme="light"][data-base="dark"] .skeleton { background: linear-gradient(90deg, #e9edf3 25%, #f3f5f9 37%, #e9edf3 63%) !important; background-size: 400% 100% !important; }

/* 글자 */
html[data-theme="light"][data-base="dark"] .text-white,
html[data-theme="light"][data-base="dark"] .text-slate-100,
html[data-theme="light"][data-base="dark"] .text-slate-200 { color: #191f28 !important; }
html[data-theme="light"][data-base="dark"] .text-white\/70 { color: #4e5968 !important; }
html[data-theme="light"][data-base="dark"] .text-slate-300 { color: #4e5968 !important; }
html[data-theme="light"][data-base="dark"] .text-slate-400 { color: #6b7684 !important; }
html[data-theme="light"][data-base="dark"] .text-slate-500 { color: #8b95a1 !important; }
html[data-theme="light"][data-base="dark"] .text-slate-600 { color: #8b95a1 !important; }
html[data-theme="light"][data-base="dark"] .text-ink-900 { color: #0b1020 !important; }
html[data-theme="light"][data-base="dark"] .text-mint-300,
html[data-theme="light"][data-base="dark"] .text-mint-400 { color: #0b9a6a !important; }
html[data-theme="light"][data-base="dark"] .text-sky-300,
html[data-theme="light"][data-base="dark"] .text-sky-400 { color: #1b6fe0 !important; }
html[data-theme="light"][data-base="dark"] .text-peach-300,
html[data-theme="light"][data-base="dark"] .text-peach-400 { color: #e8590c !important; }
html[data-theme="light"][data-base="dark"] .text-gold-300,
html[data-theme="light"][data-base="dark"] .text-gold-400,
html[data-theme="light"][data-base="dark"] .text-yellow-300,
html[data-theme="light"][data-base="dark"] .text-yellow-400 { color: #b77400 !important; }
html[data-theme="light"][data-base="dark"] .text-rose-300,
html[data-theme="light"][data-base="dark"] .text-rose-350,
html[data-theme="light"][data-base="dark"] .text-rose-400,
html[data-theme="light"][data-base="dark"] .text-red-300 { color: #e03131 !important; }
html[data-theme="light"][data-base="dark"] .text-rose-400\/70 { color: rgba(224,49,49,.75) !important; }
html[data-theme="light"][data-base="dark"] [class*="text-[#a"],
html[data-theme="light"][data-base="dark"] [class*="text-[#b"],
html[data-theme="light"][data-base="dark"] [class*="text-[#c"],
html[data-theme="light"][data-base="dark"] [class*="text-[#d"],
html[data-theme="light"][data-base="dark"] [class*="text-[#e"] { color: #4e5968 !important; }
html[data-theme="light"][data-base="dark"] [class*="text-[#7fb2ff]"],
html[data-theme="light"][data-base="dark"] [class*="text-[#4fa8e8]"],
html[data-theme="light"][data-base="dark"] [class*="text-[#74c0fc]"] { color: #1b6fe0 !important; }

/* 테두리 */
html[data-theme="light"][data-base="dark"] .border-white\/10,
html[data-theme="light"][data-base="dark"] .border-white\/5,
html[data-theme="light"][data-base="dark"] .border-white\/20 { border-color: #e4e8ef !important; }
html[data-theme="light"][data-base="dark"] .divide-white\/5 > :not([hidden]) ~ :not([hidden]),
html[data-theme="light"][data-base="dark"] .divide-white\/10 > :not([hidden]) ~ :not([hidden]) { border-color: #eef1f6 !important; }
html[data-theme="light"][data-base="dark"] .border-ink-600,
html[data-theme="light"][data-base="dark"] .border-ink-700 { border-color: #e4e8ef !important; }

/* 색 배경 위 글자는 흰색 유지 (파란 버튼, 그라데이션, 진한 단색) */
html[data-theme="light"][data-base="dark"] [class*="bg-[#3182f6]"],
html[data-theme="light"][data-base="dark"] [class*="bg-[#3b82f6]"],
html[data-theme="light"][data-base="dark"] [class*="bg-[#1d4ed8]"],
html[data-theme="light"][data-base="dark"] [class*="bg-gradient-to"]:not([class*="text-["]),
html[data-theme="light"][data-base="dark"] .bg-red-500\/80,
html[data-theme="light"][data-base="dark"] .bg-red-400 { color: #ffffff !important; }
html[data-theme="light"][data-base="dark"] [class*="bg-[#3182f6]"] .text-white,
html[data-theme="light"][data-base="dark"] [class*="bg-gradient-to"] .text-white,
html[data-theme="light"][data-base="dark"] [class*="bg-[#3182f6]"].text-white,
html[data-theme="light"][data-base="dark"] [class*="bg-gradient-to"]:not([class*="text-["]).text-white { color: #ffffff !important; }
/* 밝은 단색 배경(민트·골드 버튼)은 진한 글자 */
html[data-theme="light"][data-base="dark"] .bg-mint-300,
html[data-theme="light"][data-base="dark"] .bg-mint-400,
html[data-theme="light"][data-base="dark"] .bg-gold-400 { color: #0b1020; }

/* 연한 강조 배경은 라이트에서 조금 진하게 */
html[data-theme="light"][data-base="dark"] .bg-mint-400\/10 { background-color: rgba(16,185,129,.10) !important; }
html[data-theme="light"][data-base="dark"] .bg-sky-400\/10 { background-color: rgba(49,130,246,.09) !important; }
html[data-theme="light"][data-base="dark"] .bg-gold-400\/10,
html[data-theme="light"][data-base="dark"] .bg-gold-400\/15 { background-color: rgba(245,159,0,.12) !important; }
html[data-theme="light"][data-base="dark"] .bg-peach-400\/10 { background-color: rgba(253,126,20,.10) !important; }
html[data-theme="light"][data-base="dark"] .bg-rose-400\/10,
html[data-theme="light"][data-base="dark"] .bg-rose-400\/15 { background-color: rgba(240,62,62,.09) !important; }

/* 입력창 */
html[data-theme="light"][data-base="dark"] input,
html[data-theme="light"][data-base="dark"] textarea,
html[data-theme="light"][data-base="dark"] select { color-scheme: light !important; }
html[data-theme="light"][data-base="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="light"][data-base="dark"] textarea,
html[data-theme="light"][data-base="dark"] select { color: #191f28 !important; }
html[data-theme="light"][data-base="dark"] input::placeholder,
html[data-theme="light"][data-base="dark"] textarea::placeholder { color: #a0a9b6 !important; }
html[data-theme="light"][data-base="dark"] input[type="time"]::-webkit-calendar-picker-indicator,
html[data-theme="light"][data-base="dark"] input[type="date"]::-webkit-calendar-picker-indicator { filter: none !important; opacity: .6 !important; }
html[data-theme="light"][data-base="dark"] [class*="bg-[#0b1220]"] { background-color: #f2f4f8 !important; }

/* 각 툴 공통 컴포넌트 */
html[data-theme="light"][data-base="dark"] .switch { background: #d5dbe5 !important; }
html[data-theme="light"][data-base="dark"] .switch[aria-checked="true"] { background: #10b981 !important; }
html[data-theme="light"][data-base="dark"] .switch::after { box-shadow: 0 1px 3px rgba(0,0,0,.2) !important; }
html[data-theme="light"][data-base="dark"] .ticker-glow { text-shadow: none !important; }
html[data-theme="light"][data-base="dark"] .bar-glow { box-shadow: 0 0 8px rgba(16,185,129,.35) !important; }
html[data-theme="light"][data-base="dark"] .prose-ko h2,
html[data-theme="light"][data-base="dark"] .prose-ko h3,
html[data-theme="light"][data-base="dark"] .prose-ko strong,
html[data-theme="light"][data-base="dark"] .prose-ko b { color: #191f28 !important; }
html[data-theme="light"][data-base="dark"] .prose-ko p,
html[data-theme="light"][data-base="dark"] .prose-ko li { color: #4e5968 !important; }
html[data-theme="light"][data-base="dark"] .prose-ko a { color: #1b6fe0 !important; }
html[data-theme="light"][data-base="dark"] input[type="range"] { accent-color: #10b981; }
html[data-theme="light"][data-base="dark"] .bg-black\/75,
html[data-theme="light"][data-base="dark"] .bg-black\/70 { background-color: rgba(15,20,30,.55) !important; }
/* 분석 중 모달 안 카드도 흰 배경 */
html[data-theme="light"][data-base="dark"] [role="dialog"] .card,
html[data-theme="light"][data-base="dark"] #loadingModal .card { background: #ffffff !important; }

/* 인라인 style의 다크 색 */
html[data-theme="light"][data-base="dark"] [style*="background:#121a30"],
html[data-theme="light"][data-base="dark"] [style*="background: #121a30"],
html[data-theme="light"][data-base="dark"] [style*="background:#111a2e"],
html[data-theme="light"][data-base="dark"] [style*="background:#1a2340"],
html[data-theme="light"][data-base="dark"] [style*="background: #1a2340"] { background: #f2f4f8 !important; }

/* 페이지 상단 고정 헤더 */
html[data-theme="light"][data-base="dark"] header.sticky,
html[data-theme="light"][data-base="dark"] header[class*="backdrop-blur"] { background-color: rgba(245,247,251,.92) !important; }

/* =====================================================================
   2) 라이트 디자인 페이지를 다크로 (홈, 소개, 개인정보, 가이드, 404)
   ===================================================================== */
html[data-theme="dark"][data-base="light"],
html[data-theme="dark"][data-base="light"] body { background: #0b1020 !important; color: #e9eef6 !important; }
html[data-theme="dark"][data-base="light"] .bg-toss-bg { background-color: #0b1020 !important; }
html[data-theme="dark"][data-base="light"] .bg-toss-bg\/90 { background-color: rgba(11,16,32,.9) !important; }
html[data-theme="dark"][data-base="light"] .text-toss-text { color: #e9eef6 !important; }
html[data-theme="dark"][data-base="light"] .text-toss-sub { color: #b0b8c5 !important; }
html[data-theme="dark"][data-base="light"] .text-toss-mute { color: #8b95a1 !important; }
html[data-theme="dark"][data-base="light"] .bg-white { background-color: #121a30 !important; }
html[data-theme="dark"][data-base="light"] .bg-white\/80,
html[data-theme="dark"][data-base="light"] .bg-white\/90 { background-color: rgba(18,26,48,.9) !important; }
html[data-theme="dark"][data-base="light"] .shadow-sm,
html[data-theme="dark"][data-base="light"] .shadow { box-shadow: 0 0 0 1px rgba(255,255,255,.06) !important; }
html[data-theme="dark"][data-base="light"] .card { background: #121a30 !important; border: 1px solid rgba(255,255,255,.06); }
html[data-theme="dark"][data-base="light"] [class*="bg-gray-50"],
html[data-theme="dark"][data-base="light"] [class*="bg-gray-100"],
html[data-theme="dark"][data-base="light"] [class*="bg-slate-50"],
html[data-theme="dark"][data-base="light"] [class*="bg-slate-100"],
html[data-theme="dark"][data-base="light"] [class*="bg-[#f2f4f6]"],
html[data-theme="dark"][data-base="light"] [class*="bg-[#f7f8fa]"],
html[data-theme="dark"][data-base="light"] [class*="bg-[#f9fafb]"] { background-color: #1a2340 !important; }
html[data-theme="dark"][data-base="light"] [class*="bg-[#e8f3ff]"],
html[data-theme="dark"][data-base="light"] [class*="bg-[#eef5ff]"],
html[data-theme="dark"][data-base="light"] [class*="bg-blue-50"] { background-color: rgba(49,130,246,.16) !important; }
html[data-theme="dark"][data-base="light"] [class*="text-[#191f28]"],
html[data-theme="dark"][data-base="light"] [class*="text-[#333d4b]"],
html[data-theme="dark"][data-base="light"] [class*="text-gray-900"],
html[data-theme="dark"][data-base="light"] [class*="text-gray-800"] { color: #e9eef6 !important; }
html[data-theme="dark"][data-base="light"] [class*="text-[#4e5968]"],
html[data-theme="dark"][data-base="light"] [class*="text-gray-700"],
html[data-theme="dark"][data-base="light"] [class*="text-gray-600"] { color: #b0b8c5 !important; }
html[data-theme="dark"][data-base="light"] [class*="text-[#8b95a1]"],
html[data-theme="dark"][data-base="light"] [class*="text-gray-500"],
html[data-theme="dark"][data-base="light"] [class*="text-gray-400"] { color: #8b95a1 !important; }
html[data-theme="dark"][data-base="light"] [class*="border-gray"],
html[data-theme="dark"][data-base="light"] [class*="border-[#e"],
html[data-theme="dark"][data-base="light"] [class*="border-[#f"] { border-color: rgba(255,255,255,.08) !important; }
html[data-theme="dark"][data-base="light"] .skeleton { background: linear-gradient(90deg, #1a2340 25%, #26304f 37%, #1a2340 63%) !important; background-size: 400% 100% !important; }
/* 가이드 표·본문 */
html[data-theme="dark"][data-base="light"] th { background: #1a2340 !important; color: #e9eef6 !important; }
html[data-theme="dark"][data-base="light"] th,
html[data-theme="dark"][data-base="light"] td { border-bottom-color: rgba(255,255,255,.07) !important; }
html[data-theme="dark"][data-base="light"] tr.hl td { background: rgba(49,130,246,.18) !important; }
html[data-theme="dark"][data-base="light"] .prose p,
html[data-theme="dark"][data-base="light"] .prose ul,
html[data-theme="dark"][data-base="light"] .prose li,
html[data-theme="dark"][data-base="light"] .policy p,
html[data-theme="dark"][data-base="light"] .policy li { color: #c4cbd6 !important; }
html[data-theme="dark"][data-base="light"] .prose h2,
html[data-theme="dark"][data-base="light"] .prose h3,
html[data-theme="dark"][data-base="light"] .policy h2 { color: #f1f4f9 !important; }
html[data-theme="dark"][data-base="light"] .prose a,
html[data-theme="dark"][data-base="light"] .policy a { color: #74c0fc !important; }
html[data-theme="dark"][data-base="light"] input,
html[data-theme="dark"][data-base="light"] select,
html[data-theme="dark"][data-base="light"] textarea { color-scheme: dark; }

/* ---------- 툴 페이지 자체 클래스 (2026-10-20 보정) ---------- */
html[data-theme="light"][data-base="dark"] .chip { background: #ffffff !important; color: #333d4b !important; border-color: #e1e6ee !important; box-shadow: 0 1px 2px rgba(16,24,40,.05); }
html[data-theme="light"][data-base="dark"] .chip[aria-pressed="true"] { background: #fff1f3 !important; color: #c92a4a !important; border-color: #f7a1b4 !important; }
html[data-theme="light"][data-base="dark"] .day-in,
html[data-theme="light"][data-base="dark"] .field,
html[data-theme="light"][data-base="dark"] .inp { background: #ffffff !important; color: #191f28 !important; border-color: #dfe4ec !important; }
html[data-theme="light"][data-base="dark"] .formula,
html[data-theme="light"][data-base="dark"] .article code { background: #f2f4f8 !important; color: #333d4b !important; }
html[data-theme="light"][data-base="dark"] .num-btn.st-none { background: #ffffff !important; color: #333d4b !important; border-color: #dfe4ec !important; }
html[data-theme="light"][data-base="dark"] .ring > div { background: #ffffff !important; color: #191f28 !important; }
html[data-theme="light"][data-base="dark"] .sched th { background: #f2f4f8 !important; color: #4e5968 !important; }
html[data-theme="light"][data-base="dark"] .th-card { background: #ffffff !important; color: #191f28 !important; border-color: #e7ebf3 !important; }
html[data-theme="light"][data-base="dark"] .switch:not([aria-checked="true"]) { background: #d9dfe8 !important; }