/* ═══════════════════════════════════════════════════════════════════════════
   theme.css — 라이트 테마 오버라이드 (전 페이지 공용, /assets/theme.css)
   팔레트: C안 「웜 페이퍼」 — 아이보리 종이 + 벽돌 레드/딥 블루 (2026-07-10 선정)

   ▸ 각 페이지의 인라인 <style>은 "다크 = 기본"인 완전한 디자인 시스템으로 그대로
     남기고, 이 파일은 html[data-theme="light"]일 때만 그 위에 덮어쓴다.
   ▸ <head>의 프리페인트 스니펫이 localStorage('theme')을 읽어 첫 페인트 전에
     data-theme을 지정하므로 라이트 모드에서도 FOUC(다크 플래시)가 없다.
   ▸ dist 전용 purge_css.mjs는 인라인 <style>만 다루므로 이 외부 파일은 퍼지되지
     않는다. 일부 선택자는 특정 페이지에만 존재하며, 다른 페이지에서는 그냥
     매칭되지 않을 뿐이다(의도된 유니온 시트).
   ▸ SVG(정적/JS 주입 공통)는 presentation attribute를 CSS가 항상 이기는 성질을
     이용해 [fill="#…"]/[stroke="#…"] 값 단위로 리매핑한다. 소스의 hex를 바꾸지
     않기 위한 방식이므로, 소스 색을 바꾸면 여기 테이블도 함께 갱신할 것.
   ▸ 알파 표면·선의 베이스는 웜 브라운 rgba(63,48,28,·) 한 가지로 통일한다.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 항상 적용: JS가 살아 있으면 헤더의 언어 토글을 설정(톱니) 메뉴로 옮긴다.
      프리페인트 스니펫이 <html>에 .js를 달아 첫 페인트 전에 숨김 → CLS 없음.
      JS가 없으면 .js가 없어 헤더 토글이 그대로 남는다(폴백). */
html.js nav.gnb .langsw{display:none}

/* ── 1) 토큰 리매핑 ─────────────────────────────────────────────────────── */
html[data-theme="light"]{
  --bg0:#FAF6EF;
  --bg1:#FFFDF8;
  --panel:#FFFDF8;
  --panel-solid:#FFFDF8;
  --line:rgba(63,48,28,.15);
  --line-soft:rgba(63,48,28,.085);
  --ink:#2A2118;
  --soft:#5A4C3D;          /* 다크 --soft(7.9:1)와 동급 대비 */
  --muted:#7A6A57;         /* 다크 --muted(5.2:1)와 동급 대비 */
  --up:#C13A18;            /* 상승=빨강 관례 유지, 종이 배경용 벽돌 레드 */
  --up-deep:#9A2B0E;
  --up-glow:rgba(193,58,24,.18);
  --down:#1E5BC6;
  --down-glow:rgba(30,91,198,.16);
  --st-strong:#C13A18;--st-healthy:#AC5220;--st-neutral:#7A6A57;--st-weak:#3563B8;--st-riskoff:#1E5BC6;
  color-scheme:light;
}

/* ── 2) 베이스: 배경 모눈·스크롤바·헤더·푸터 ───────────────────────────── */
html[data-theme="light"] body::before{
  background:
    radial-gradient(900px 500px at 75% -10%, rgba(193,58,24,.05), transparent 60%),
    radial-gradient(700px 500px at -10% 30%, rgba(30,91,198,.04), transparent 60%),
    repeating-linear-gradient(to right, rgba(63,48,28,.03) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(to bottom, rgba(63,48,28,.024) 0 1px, transparent 1px 72px),
    var(--bg0);
}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(63,48,28,.25);border:3px solid transparent;background-clip:padding-box}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:rgba(63,48,28,.36);border:3px solid transparent;background-clip:padding-box}
html[data-theme="light"] ::-webkit-scrollbar-thumb:active{background:rgba(193,58,24,.45);border:3px solid transparent;background-clip:padding-box}
@supports not selector(::-webkit-scrollbar){
  html[data-theme="light"]{scrollbar-color:rgba(63,48,28,.28) transparent}
}
html[data-theme="light"] header.site{background:rgba(250,246,239,.85)}
html[data-theme="light"] footer.site{background:rgba(63,48,28,.04)}
html[data-theme="light"] footer.site .dot{background:rgba(63,48,28,.24)}

/* ── 3) 카드 그림자: 다크의 짙은 블랙 섀도 → 라이트용 소프트 섀도 ───────── */
html[data-theme="light"] :is(.panel,.tablecard,.chartpanel,.explorer,.fig,.concept,.chartwrap){
  box-shadow:0 10px 28px rgba(63,48,28,.09),0 1px 3px rgba(63,48,28,.06);
}
html[data-theme="light"] .chartcard{
  background:linear-gradient(180deg,#FFFDF8,#FAF4EA);
  box-shadow:0 16px 40px rgba(63,48,28,.11),inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-theme="light"] .ccard:hover{box-shadow:0 12px 30px rgba(63,48,28,.13)}

/* ── 4) 공통 컴포넌트: 흰색-알파 표면 → 웜 브라운-알파 표면 ─────────────── */
/* 옅은 표면 틴트 (.014~.035) */
html[data-theme="light"] :is(.mchip,.dst,.ts-tr,.ex-anno,.ps,.mn,.metric,.ldr,.fig .fbar){background:rgba(63,48,28,.035)}
html[data-theme="light"] .stats{background:rgba(63,48,28,.03)}
html[data-theme="light"] table.scr th{background:rgba(63,48,28,.035)}
html[data-theme="light"] .lchip{background:rgba(63,48,28,.04)}
html[data-theme="light"] :is(.gate,nav.gnb a.guidebtn,.toc a){background:rgba(63,48,28,.045)}
html[data-theme="light"] .ex-anno{background:#FFFDF8}
/* 중간 표면 (.04~.06) */
html[data-theme="light"] :is(.tabs,.mf,.ts-state){background:rgba(63,48,28,.055)}
html[data-theme="light"] :is(.rsv.lo,.dch.z,.prose code,.cond9 code){background:rgba(63,48,28,.055)}
html[data-theme="light"] .mbadge.guide{background:rgba(63,48,28,.055);color:#5A4C3D}
html[data-theme="light"] .sig.nr{background:rgba(63,48,28,.075)}
/* 입력류: 라이트에선 밝은 필드가 정석 */
html[data-theme="light"] :is(.inp,.sel){background:#FFFDF8}
/* 호버 표면 */
html[data-theme="light"] :is(table.scr tbody tr:hover,.cnd:hover,.bar:hover,.leaderdays .ld-head:hover,details.lday>summary:hover){background:rgba(63,48,28,.045)}
html[data-theme="light"] details.lday[open]>summary{background:rgba(63,48,28,.035)}
html[data-theme="light"] .ghost:hover{background:rgba(63,48,28,.055)}
/* 트랙/게이지/보조 채움 */
html[data-theme="light"] :is(.bar .tr,.tsscard .tc-bar,.fl-strip i,.lbd-bar){background:rgba(63,48,28,.08)}
html[data-theme="light"] .bkdist .tr{background:rgba(63,48,28,.07)}
html[data-theme="light"] .scb{background:rgba(63,48,28,.09)}
html[data-theme="light"] .gstrip i.off{background:rgba(63,48,28,.13)}
html[data-theme="light"] .tsscard .tc-kv dd .ck{background:rgba(63,48,28,.17)}
html[data-theme="light"] .fig .fbar .dots i{background:rgba(63,48,28,.16)}
html[data-theme="light"] .lbd-bar i{background:rgba(109,94,73,.46)}
html[data-theme="light"] .tsscard .tc-bar i.mid{background:linear-gradient(90deg,rgba(109,94,73,.4),var(--soft))}
/* 로딩 스켈레톤 */
html[data-theme="light"] .sk{background:linear-gradient(90deg,rgba(63,48,28,.07) 25%,rgba(63,48,28,.13) 37%,rgba(63,48,28,.07) 63%);background-size:400% 100%}
/* 차트 보조 */
html[data-theme="light"] .ex-chart{background:rgba(63,48,28,.035)}
html[data-theme="light"] .cw-overlay{background:rgba(250,246,239,.65)}
html[data-theme="light"] .cw-spin{border:3px solid rgba(63,48,28,.13);border-top-color:var(--up)}
/* 떠 있는 UI: 토스트·툴팁·스탬프·쿠키바 */
html[data-theme="light"] .toast{background:#FFFDF8;box-shadow:0 14px 40px rgba(63,48,28,.2)}
html[data-theme="light"] .ctip{background:#FFFDF8;box-shadow:0 8px 24px rgba(63,48,28,.18)}
html[data-theme="light"] .stamp{background:rgba(255,253,248,.88)}
html[data-theme="light"] .cookiebar{background:rgba(255,253,248,.95)}
html[data-theme="light"] #langhint{background:rgba(255,253,248,.96)!important;border-color:var(--line)!important;box-shadow:0 12px 34px rgba(63,48,28,.2)!important}

/* ── 5) 라이트 배경에서 안 보이는 '밝은 강조 텍스트' → 딥 톤 ───────────── */
html[data-theme="light"] :is(.prose a,.cookiebar a,.prose code,.cond9 code,.mbadge.us,.mchip.demo,.mchip.warn,.sig.tt,.fig .fbar .tagx){color:#A63A16}
html[data-theme="light"] :is(.mbadge.kr,.sig.vcp){color:#2054B6}
html[data-theme="light"] :is(.formula,.rsbar .s3,.gate.on,.tgl.on,.ts-state.st-strong,.sig.bo,.dch.u2){color:#8E2B0F}
html[data-theme="light"] .tgl:has(input:checked){color:#8E2B0F}
html[data-theme="light"] .rsbar .s4{color:#963312}
html[data-theme="light"] .ts-state.st-healthy{color:#9A4118}
html[data-theme="light"] .ts-state.st-neutral{background:rgba(63,48,28,.065)}
html[data-theme="light"] .ts-state.st-weak{color:#2B4E93}
html[data-theme="light"] .ts-state.st-riskoff{color:#1F4CAB}
html[data-theme="light"] .dch.d2{color:#1B4AAE;background:rgba(30,91,198,.14)}
html[data-theme="light"] .dch.u2{background:rgba(193,58,24,.14);box-shadow:none}
html[data-theme="light"] .sig.bo{background:rgba(193,58,24,.15);border-color:rgba(193,58,24,.5)}
/* 강조 배경 위 흰 글자였던 것들: 라이트에선 틴트 배경이라 딥 톤으로 */
html[data-theme="light"] :is(nav.gnb a.guidebtn:hover,nav.gnb a.guidebtn[aria-current=page],.toc a:hover,.toc a.active){color:#85280D}
/* 유동성(9번째) 게이트 — 형광 하늘색 → 딥 시안 */
html[data-theme="light"] .gate.opt.on{color:#075D7E;border-color:rgba(9,132,176,.5);background:rgba(9,132,176,.09);box-shadow:0 0 14px rgba(9,132,176,.14)}
html[data-theme="light"] .gate.opt.on i{color:#0984B0;text-shadow:none}
/* 마커·핀 */
html[data-theme="light"] .ts-pin{background:#2A2118;box-shadow:0 0 10px rgba(42,33,24,.4)}
html[data-theme="light"] .prose ul li::before{background:rgba(193,58,24,.55)}
/* KR 버튼(하드코딩 그라데이션) */
html[data-theme="light"] .btn-kr{background:linear-gradient(135deg,#1E5BC6,#174799)}
/* CTA 배너(인덱스/가이드) */
html[data-theme="light"] .cta-banner{
  background:
    radial-gradient(640px 280px at 50% -40%, rgba(193,58,24,.10), transparent 70%),
    linear-gradient(180deg,#FFFDF8,#FAF4EA);
}

/* ── 6) SVG 리매핑: 정적/JS 주입 SVG의 다크 팔레트 → 라이트 팔레트 ──────── */
/* 강조색은 토큰을 따라간다 */
html[data-theme="light"] svg [fill="#FF5C42"]{fill:var(--up)}
html[data-theme="light"] svg [stroke="#FF5C42"]{stroke:var(--up)}
html[data-theme="light"] svg [stop-color="#FF5C42"]{stop-color:var(--up)}
html[data-theme="light"] svg [fill="#4D8DFF"]{fill:var(--down)}
html[data-theme="light"] svg [stroke="#4D8DFF"]{stroke:var(--down)}
html[data-theme="light"] svg [stop-color="#4D8DFF"]{stop-color:var(--down)}
html[data-theme="light"] svg :is([fill="#FF8A70"],[stop-color="#FF8A70"]){fill:#AC5220;stop-color:#AC5220}
html[data-theme="light"] svg :is([fill="#7FA6E8"],[stop-color="#7FA6E8"]){fill:#3563B8;stop-color:#3563B8}
html[data-theme="light"] svg [stop-color="#9AA3B8"]{stop-color:#7A6A57}
/* 잉크/그레이 계열 → 웜 그레이(세피아) 램프 */
html[data-theme="light"] svg [fill="#EAEDF4"]{fill:#4B3C2A}
html[data-theme="light"] svg [stroke="#EAEDF4"]{stroke:#4B3C2A}
html[data-theme="light"] svg [stroke="#D8DEEA"]{stroke:#5C4D3A}
html[data-theme="light"] svg [fill="#E6EAF2"]{fill:#52432F}
html[data-theme="light"] svg [fill="#AEB6C8"]{fill:#63543F}
html[data-theme="light"] svg [fill="#8A93A8"]{fill:#6F604A}
html[data-theme="light"] svg [stroke="#8A93A8"]{stroke:#6F604A}
html[data-theme="light"] svg [fill="#9AA3B8"]{fill:#7A6A57}
html[data-theme="light"] svg [stroke="#9AA3B8"]{stroke:#7A6A57}
html[data-theme="light"] svg [fill="#78829A"]{fill:#84755F}
/* 밝은 강조 텍스트/라인 */
html[data-theme="light"] svg [fill="#FF8C77"]{fill:#B03A14}
html[data-theme="light"] svg [fill="#FFB3A5"]{fill:#A63A16}
html[data-theme="light"] svg [stroke="#FFB3A5"]{stroke:#A63A16}
html[data-theme="light"] svg [fill="#7FAAFF"]{fill:#2054B6}
/* 종목 차트 범례·가이드 예시 차트의 선 색 */
html[data-theme="light"] svg [stroke="#FFD166"]{stroke:#B8860B}
html[data-theme="light"] svg [stroke="#FF8FA3"]{stroke:#C24559}
html[data-theme="light"] svg [stroke="#4FD1C5"]{stroke:#0E8E83}
html[data-theme="light"] svg [stroke="#B794F4"]{stroke:#7B4BD1}
html[data-theme="light"] svg [stroke="#94A3B8"]{stroke:#6E5F4B}
/* 배경색을 그대로 쓴 요소(속이 빈 점, 캔들 테두리) */
html[data-theme="light"] svg [fill="#06080D"]{fill:#FFFDF8}
html[data-theme="light"] svg [stroke="#0A0D15"]{stroke:#FFFDF8}
/* 흰색-알파 그리드/축 → 웜 브라운-알파 */
html[data-theme="light"] svg [stroke="rgba(255,255,255,.05)"]{stroke:rgba(63,48,28,.08)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.06)"]{stroke:rgba(63,48,28,.09)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.07)"]{stroke:rgba(63,48,28,.10)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.08)"]{stroke:rgba(63,48,28,.11)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.09)"]{stroke:rgba(63,48,28,.12)}
html[data-theme="light"] svg :is([stroke="rgba(255,255,255,.1)"],[stroke="rgba(255,255,255,.10)"]){stroke:rgba(63,48,28,.13)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.14)"]{stroke:rgba(63,48,28,.17)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.16)"]{stroke:rgba(63,48,28,.19)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.18)"]{stroke:rgba(63,48,28,.23)}
html[data-theme="light"] svg [stroke="rgba(255,255,255,.3)"]{stroke:rgba(63,48,28,.36)}
html[data-theme="light"] svg [fill="rgba(255,255,255,.12)"]{fill:rgba(63,48,28,.15)}
html[data-theme="light"] svg [fill="rgba(154,163,184,.35)"]{fill:rgba(109,94,73,.42)}
/* 반투명 강조 채움(거래량 바 등) — 딥 톤으로 색상 통일 */
html[data-theme="light"] svg [fill="rgba(255,92,66,.5)"]{fill:rgba(193,58,24,.5)}
html[data-theme="light"] svg [fill="rgba(255,92,66,.55)"]{fill:rgba(193,58,24,.55)}
html[data-theme="light"] svg [fill="rgba(77,141,255,.55)"]{fill:rgba(30,91,198,.55)}
html[data-theme="light"] svg [stroke="rgba(77,141,255,.7)"]{stroke:rgba(30,91,198,.7)}
html[data-theme="light"] svg [stroke="rgba(255,92,66,.25)"]{stroke:rgba(193,58,24,.25)}
html[data-theme="light"] svg [stroke="rgba(255,92,66,.28)"]{stroke:rgba(193,58,24,.28)}
html[data-theme="light"] svg [stroke="rgba(255,92,66,.35)"]{stroke:rgba(193,58,24,.35)}
html[data-theme="light"] svg [stroke="rgba(255,92,66,.4)"]{stroke:rgba(193,58,24,.4)}

/* ── 7) 인라인 style 속성으로 박힌 색 (JS 생성 배지·범례 스와치) ────────── */
html[data-theme="light"] [style*="color:#FFB3A5"]{color:#A63A16!important}
html[data-theme="light"] [style*="color:#FFD9D1"]{color:#85280D!important}
html[data-theme="light"] [style*="color:#FFC9BC"]{color:#9A4118!important}
html[data-theme="light"] [style*="color:#FF8A70"]{color:#AC5220!important}
html[data-theme="light"] [style*="color:#FF8FA3"]{color:#C24559!important}
html[data-theme="light"] [style*="color:#4FD1C5"]{color:#0E8E83!important}
html[data-theme="light"] [style*="color:#B794F4"]{color:#7B4BD1!important}
html[data-theme="light"] [style*="color:#94A3B8"]{color:#6E5F4B!important}
html[data-theme="light"] [style*="color:#FF5C42"]{color:var(--up)!important}
html[data-theme="light"] [style*="color:#4D8DFF"]{color:var(--down)!important}
html[data-theme="light"] [style*="color:#9AA3B8"]{color:#7A6A57!important}
html[data-theme="light"] [style*="color:#7FA6E8"]{color:#3563B8!important}
html[data-theme="light"] [style*="background:#FFD166"]{background:#B8860B!important}
html[data-theme="light"] [style*="background:#FF8FA3"]{background:#C24559!important}
html[data-theme="light"] [style*="background:#4FD1C5"]{background:#0E8E83!important}
html[data-theme="light"] [style*="background:#B794F4"]{background:#7B4BD1!important}
html[data-theme="light"] [style*="background:#94A3B8"]{background:#6E5F4B!important}
html[data-theme="light"] [style*="background:#FF5C42"]{background:var(--up)!important}
html[data-theme="light"] [style*="background:#4D8DFF"]{background:var(--down)!important}
html[data-theme="light"] [style*="background:#FF8A70"]{background:#AC5220!important}
html[data-theme="light"] [style*="background:#7FA6E8"]{background:#3563B8!important}
html[data-theme="light"] [style*="background:#9AA3B8"]{background:#7A6A57!important}
html[data-theme="light"] [style*="background:rgba(255,255,255,.35)"]{background:rgba(63,48,28,.38)!important}
html[data-theme="light"] [style*="background:rgba(255,255,255,.14)"]{background:rgba(63,48,28,.17)!important}

/* ═══════════════════════════════════════════════════════════════════════════
   ── 8) 로케일 방향색: EN = 서구 관례(상승 초록 · 하락 빨강) ────────────────
   KO(기본, lang="ko")는 국내 관례(상승 빨강 · 하락 파랑) 그대로.
   html[lang="en"]에서만 "방향/성패(valence)"를 인코딩하는 요소를 뒤집는다:
   등락 칩·스파크라인·캔들(JS는 en/*.html 안에서 분기)·범례 스와치·마켓 지표
   라벨·TSS 상태 스펙트럼(강함=초록, 리스크오프=빨강)·수급 타임라인·돌파/업종
   valence 바·Δ랭크 칩·통과(8/8) 표시. 로고·버튼·링크·섹션 액센트 같은 브랜드
   빨강은 EN에서도 그대로 둔다.
   다크 EN: 상승 #2FD673(soft #66D99A) · 하락 = 기존 코랄 #FF5C42 계열 재사용.
   라이트 EN(웜 페이퍼): 상승 #1D8A47(soft #3F9C64) · 하락 = 벽돌 #C13A18 계열.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 8a) EN × 다크 ── */
html[lang="en"]{--st-strong:#2FD673;--st-healthy:#66D99A;--st-neutral:#9AA3B8;--st-weak:#FF8A70;--st-riskoff:#FF5C42}
/* 등락 칩 (스크리너 표 · 종목 차트 헤더) */
html[lang="en"] .chg.u{color:#2FD673;background:rgba(47,214,115,.12)}
html[lang="en"] .chg.d{color:#FF5C42;background:rgba(255,92,66,.1)}
html[lang="en"] .cw-chg.up{color:#2FD673;background:rgba(47,214,115,.12)}
html[lang="en"] .cw-chg.dn{color:#FF5C42;background:rgba(255,92,66,.1)}
/* RS 배지·트렌드템플릿 통과 스트립(통과=긍정) */
html[lang="en"] .rsv:not(.lo){background:rgba(47,214,115,.12);color:#2FD673;border-color:rgba(47,214,115,.28)}
html[lang="en"] .gstrip i{background:#2FD673;box-shadow:0 0 6px rgba(47,214,115,.35)}
html[lang="en"] .gstrip i.off{background:rgba(255,255,255,.1);box-shadow:none}
html[lang="en"] .gl.full{color:#2FD673}
/* 범례 스와치(Up/Down·passed·+5%/−7%) — 인라인 var(--up/--down)를 방향색으로 */
html[lang="en"] :is(.tc-foot,.bk-legend) .sw[style*="var(--up)"]{background:#2FD673!important}
html[lang="en"] :is(.tc-foot,.bk-legend) .sw[style*="var(--down)"]{background:#FF5C42!important}
/* 마켓 지표 라벨·델타·주도주 칩 */
html[lang="en"] :is(.ch-top .last,.ts-delta b.up,.lday-avg.up,.lday-stat b.up,.lchip-c.up,.fl-cap .a){color:#2FD673}
html[lang="en"] :is(.ch-top .last.dn,.ts-delta b.dn,.lday-avg.dn,.lday-stat b.dn,.lchip-c.dn,.fl-cap .d){color:#FF5C42}
/* '.red'지만 valence=긍정인 수치(오늘 통과 종목 수·돌파 성공률) */
html[lang="en"] :is(.st .v.red,.dst .v.red){color:#2FD673;text-shadow:0 0 26px rgba(47,214,115,.32)}
/* TSS 상태 칩 */
html[lang="en"] .ts-state.st-strong{color:#C9F5DC;border-color:rgba(47,214,115,.5);background:rgba(47,214,115,.12);box-shadow:0 0 18px rgba(47,214,115,.15)}
html[lang="en"] .ts-state.st-healthy{color:#B9EDCB;border-color:rgba(102,217,154,.45);background:rgba(102,217,154,.1)}
html[lang="en"] .ts-state.st-weak{color:#FFC9BC;border-color:rgba(255,138,112,.45);background:rgba(255,138,112,.1)}
html[lang="en"] .ts-state.st-riskoff{color:#FFD3C9;border-color:rgba(255,92,66,.5);background:rgba(255,92,66,.12);box-shadow:0 0 18px rgba(255,92,66,.15)}
/* TSS 컴포넌트 점수 바(고득점=초록, 저득점=빨강) + 체크 도트 */
html[lang="en"] .tsscard .tc-bar i{background:linear-gradient(90deg,rgba(47,214,115,.45),#2FD673)}
html[lang="en"] .tsscard .tc-bar i.mid{background:linear-gradient(90deg,rgba(154,163,184,.4),var(--soft))}
html[lang="en"] .tsscard .tc-bar i.low{background:linear-gradient(90deg,rgba(255,92,66,.4),#FF5C42)}
html[lang="en"] .tsscard .tc-kv dd.ok{color:#2FD673}
html[lang="en"] .tsscard .tc-kv dd.ok .ck{background:#2FD673;box-shadow:0 0 6px rgba(47,214,115,.32)}
html[lang="en"] .tsscard .tc-kv dd.no .ck{background:rgba(255,92,66,.65)}
/* 수급(매집/분산) 타임라인 */
html[lang="en"] .fl-strip i.a{background:#2FD673}
html[lang="en"] .fl-strip i.d{background:#FF5C42}
/* 돌파 분석·최근 돌파 칩 */
html[lang="en"] .bkdist .tr i{background:linear-gradient(90deg,rgba(47,214,115,.4),#2FD673)}
html[lang="en"] .lchip.bk-t{border-color:rgba(47,214,115,.35);background:rgba(47,214,115,.09)}
html[lang="en"] .lchip.bk-s{border-color:rgba(255,92,66,.3);background:rgba(255,92,66,.07)}
/* 업종 등락 바·Δ랭크 칩·돌파 시그널 */
html[lang="en"] .bar .fl{background:linear-gradient(90deg,rgba(47,214,115,.45),#2FD673)}
html[lang="en"] .bar .fl.dn{background:linear-gradient(90deg,rgba(255,92,66,.4),#FF5C42)}
html[lang="en"] .dch.u1{color:#2FD673;background:rgba(47,214,115,.13)}
html[lang="en"] .dch.d1{color:#FF5C42;background:rgba(255,92,66,.13)}
html[lang="en"] .dch.u2{color:#C9F5DC;background:rgba(47,214,115,.3);box-shadow:0 0 10px rgba(47,214,115,.22)}
html[lang="en"] .dch.d2{color:#FFD9D1;background:rgba(255,92,66,.3)}
html[lang="en"] .dst .v.blue{color:#FF5C42}
html[lang="en"] .sig.bo{color:#C9F5DC;background:rgba(47,214,115,.3);border-color:rgba(47,214,115,.55)}
/* EN 홈 히어로: 통과 게이트·스탬프·RS 칩 (유동성 opt 게이트는 시안 유지 → 재선언) */
html[lang="en"] .gate.on{color:#C9F5DC;border-color:rgba(47,214,115,.4);background:rgba(47,214,115,.09);box-shadow:0 0 14px rgba(47,214,115,.12)}
html[lang="en"] .gate.on i{color:#2FD673}
html[lang="en"] .gate.opt.on{color:#CDEEFF;border-color:rgba(56,214,255,.5);background:rgba(56,214,255,.11);box-shadow:0 0 16px rgba(56,214,255,.22)}
html[lang="en"] .gate.opt.on i{color:#38D6FF}
html[lang="en"] .stamp{color:#2FD673;border-color:#2FD673;box-shadow:0 0 24px rgba(47,214,115,.32)}
html[lang="en"] .chartcard .bar .chip{color:#2FD673;background:rgba(47,214,115,.1);border-color:rgba(47,214,115,.3)}

/* ── 8b) EN × 라이트(웜 페이퍼) ── */
html[lang="en"][data-theme="light"]{--st-strong:#1D8A47;--st-healthy:#3F9C64;--st-neutral:#7A6A57;--st-weak:#C05C3B;--st-riskoff:#C13A18}
html[lang="en"][data-theme="light"] .chg.u{color:#1D8A47;background:rgba(29,138,71,.11)}
html[lang="en"][data-theme="light"] .chg.d{color:#C13A18;background:rgba(193,58,24,.10)}
html[lang="en"][data-theme="light"] .cw-chg.up{color:#1D8A47;background:rgba(29,138,71,.11)}
html[lang="en"][data-theme="light"] .cw-chg.dn{color:#C13A18;background:rgba(193,58,24,.10)}
html[lang="en"][data-theme="light"] .rsv:not(.lo){background:rgba(29,138,71,.11);color:#1D8A47;border-color:rgba(29,138,71,.3)}
html[lang="en"][data-theme="light"] .gstrip i{background:#1D8A47;box-shadow:0 0 6px rgba(29,138,71,.3)}
html[lang="en"][data-theme="light"] .gl.full{color:#1D8A47}
html[lang="en"][data-theme="light"] :is(.tc-foot,.bk-legend) .sw[style*="var(--up)"]{background:#1D8A47!important}
html[lang="en"][data-theme="light"] :is(.tc-foot,.bk-legend) .sw[style*="var(--down)"]{background:#C13A18!important}
html[lang="en"][data-theme="light"] :is(.ch-top .last,.ts-delta b.up,.lday-avg.up,.lday-stat b.up,.lchip-c.up,.fl-cap .a){color:#1D8A47}
html[lang="en"][data-theme="light"] :is(.ch-top .last.dn,.ts-delta b.dn,.lday-avg.dn,.lday-stat b.dn,.lchip-c.dn,.fl-cap .d){color:#C13A18}
html[lang="en"][data-theme="light"] :is(.st .v.red,.dst .v.red){color:#1D8A47;text-shadow:0 0 26px rgba(29,138,71,.18)}
html[lang="en"][data-theme="light"] .ts-state.st-strong{color:#14602F;border-color:rgba(29,138,71,.45);background:rgba(29,138,71,.10);box-shadow:0 0 18px rgba(29,138,71,.12)}
html[lang="en"][data-theme="light"] .ts-state.st-healthy{color:#2E7A4E;border-color:rgba(63,156,100,.4);background:rgba(63,156,100,.09)}
html[lang="en"][data-theme="light"] .ts-state.st-weak{color:#93401F;border-color:rgba(192,92,59,.45);background:rgba(192,92,59,.10)}
html[lang="en"][data-theme="light"] .ts-state.st-riskoff{color:#8E2B0F;border-color:rgba(193,58,24,.5);background:rgba(193,58,24,.12);box-shadow:0 0 18px rgba(193,58,24,.12)}
html[lang="en"][data-theme="light"] .tsscard .tc-bar i{background:linear-gradient(90deg,rgba(29,138,71,.45),#1D8A47)}
html[lang="en"][data-theme="light"] .tsscard .tc-bar i.mid{background:linear-gradient(90deg,rgba(109,94,73,.4),var(--soft))}
html[lang="en"][data-theme="light"] .tsscard .tc-bar i.low{background:linear-gradient(90deg,rgba(193,58,24,.4),#C13A18)}
html[lang="en"][data-theme="light"] .tsscard .tc-kv dd.ok{color:#1D8A47}
html[lang="en"][data-theme="light"] .tsscard .tc-kv dd.ok .ck{background:#1D8A47;box-shadow:0 0 6px rgba(29,138,71,.3)}
html[lang="en"][data-theme="light"] .tsscard .tc-kv dd.no .ck{background:rgba(193,58,24,.6)}
html[lang="en"][data-theme="light"] .fl-strip i.a{background:#1D8A47}
html[lang="en"][data-theme="light"] .fl-strip i.d{background:#C13A18}
html[lang="en"][data-theme="light"] .bkdist .tr i{background:linear-gradient(90deg,rgba(29,138,71,.4),#1D8A47)}
html[lang="en"][data-theme="light"] .lchip.bk-t{border-color:rgba(29,138,71,.3);background:rgba(29,138,71,.08)}
html[lang="en"][data-theme="light"] .lchip.bk-s{border-color:rgba(193,58,24,.3);background:rgba(193,58,24,.07)}
html[lang="en"][data-theme="light"] .bar .fl{background:linear-gradient(90deg,rgba(29,138,71,.45),#1D8A47)}
html[lang="en"][data-theme="light"] .bar .fl.dn{background:linear-gradient(90deg,rgba(193,58,24,.4),#C13A18)}
html[lang="en"][data-theme="light"] .dch.u1{color:#1D8A47;background:rgba(29,138,71,.12)}
html[lang="en"][data-theme="light"] .dch.d1{color:#C13A18;background:rgba(193,58,24,.12)}
html[lang="en"][data-theme="light"] .dch.u2{color:#14602F;background:rgba(29,138,71,.14);box-shadow:none}
html[lang="en"][data-theme="light"] .dch.d2{color:#8E2B0F;background:rgba(193,58,24,.14)}
html[lang="en"][data-theme="light"] .dst .v.blue{color:#C13A18}
html[lang="en"][data-theme="light"] .sig.bo{color:#14602F;background:rgba(29,138,71,.15);border-color:rgba(29,138,71,.5)}
html[lang="en"][data-theme="light"] .gate.on{color:#14602F;border-color:rgba(29,138,71,.45);background:rgba(29,138,71,.10);box-shadow:0 0 14px rgba(29,138,71,.12)}
html[lang="en"][data-theme="light"] .gate.on i{color:#1D8A47}
html[lang="en"][data-theme="light"] .gate.opt.on{color:#075D7E;border-color:rgba(9,132,176,.5);background:rgba(9,132,176,.09);box-shadow:0 0 14px rgba(9,132,176,.14)}
html[lang="en"][data-theme="light"] .gate.opt.on i{color:#0984B0;text-shadow:none}
html[lang="en"][data-theme="light"] .stamp{color:#1D8A47;border-color:#1D8A47;box-shadow:0 0 24px rgba(29,138,71,.2)}
html[lang="en"][data-theme="light"] .chartcard .bar .chip{color:#1D8A47;background:rgba(29,138,71,.10);border-color:rgba(29,138,71,.3)}

/* ── 8c) EN 초록 계열의 라이트 리매핑(SVG·인라인 style — 초록은 EN에서만 등장) ── */
html[data-theme="light"] svg [fill="#2FD673"]{fill:#1D8A47}
html[data-theme="light"] svg [stroke="#2FD673"]{stroke:#1D8A47}
html[data-theme="light"] svg [stop-color="#2FD673"]{stop-color:#1D8A47}
html[data-theme="light"] svg [fill="#66D99A"]{fill:#3F9C64}
html[data-theme="light"] svg [stroke="#66D99A"]{stroke:#3F9C64}
html[data-theme="light"] svg [stop-color="#66D99A"]{stop-color:#3F9C64}
html[data-theme="light"] [style*="color:#2FD673"]{color:#1D8A47!important}
html[data-theme="light"] [style*="background:#2FD673"]{background:#1D8A47!important}
html[data-theme="light"] [style*="color:#66D99A"]{color:#3F9C64!important}
html[data-theme="light"] [style*="background:#66D99A"]{background:#3F9C64!important}
/* (기존 갭 보강) TSS 추이선이 healthy/weak 상태일 때의 stroke 라이트 리매핑 */
html[data-theme="light"] svg [stroke="#FF8A70"]{stroke:#AC5220}
html[data-theme="light"] svg [stroke="#7FA6E8"]{stroke:#3563B8}
