/* 캐릭터챗 영어·일본어판 (2026-11-14) — ko-chat.css 를 en/ja 바탕에 맞춘다.
   .chx = 캐릭터챗 화면 안쪽. 영어판(.chx-en)은 어두운 바탕, 일본어판(.chx-ja)은 밝은 바탕. */
.chx{--brand:#7c5cff;--brand2:#14b8a6;padding-bottom:24px}
.chx .sec{padding:18px 0 4px}
.chx .sec-h{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.chx .sec-h h2{font-size:21px;font-weight:900;letter-spacing:-.3px}
.chx .sec-h .note{font-size:13px;color:var(--sub)}
.chx .sec-h .more{margin-left:auto;font-size:13px;font-weight:700;color:var(--brand)}
.chx .sh-empty{padding:40px 0;text-align:center;color:var(--sub)}
.chx .ch-name{font-size:15.5px}
.chx .ch-tag{word-break:normal;overflow-wrap:anywhere}
.chx .ch-intro{word-break:normal;overflow-wrap:anywhere}
.chx .ch-line{word-break:normal}
.chx-ja .ch-intro,.chx-ja .ch-line,.chx-ja .ch-tag{word-break:auto-phrase;line-break:strict}

/* 영어판: 어두운 바탕 */
.chx-en{--brand:#a48bff}
.chx-en .ch-sort a{background:var(--card);color:var(--sub);border-color:var(--line)}
.chx-en .ch-sort a.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chx-en .ch-img,.chx-en .ch-hero{background:var(--card2);box-shadow:0 6px 18px rgba(0,0,0,.45)}
.chx-en .ch-tags i{background:rgba(164,139,255,.16);color:#c9baff}
.chx-en .ch-intro{color:var(--ink)}
.chx-en .ch-chat{background:var(--card);border-color:var(--line)}
.chx-en .ch-ai{background:var(--card2);color:var(--sub);border-color:var(--line)}
.chx-en .ch-b{background:var(--card2);border-color:var(--line);color:var(--ink)}
.chx-en .ch-row.me .ch-b{background:linear-gradient(120deg,#6d4cf5,#8b5bff);color:#fff}
.chx-en .ch-b em{color:#b9aee0}
.chx-en .ch-meta,.chx-en .ch-gate,.chx-en .ch-form,.chx-en .ch-tools{background:var(--card);border-color:var(--line);color:var(--sub)}
.chx-en .ch-gate .alt{background:var(--card2);color:var(--ink);border-color:var(--line)}
.chx-en .ch-form textarea{background:var(--bg2);color:var(--ink);border-color:var(--line)}
.chx-en .ch-form button{background:var(--ink);color:var(--bg)}
.chx-en .ch-sys{background:rgba(248,113,113,.14);color:#fca5a5}

/* 일본어판: 밝은 바탕 (--soft 등 ja.css 변수) */
.chx-ja .ch-chat{background:var(--soft,#f7f7f5)}
.chx-ja .ch-ai{background:#efecfa}
.chx-ja .ch-tags i{background:#f2eeff;color:var(--brand)}
.mnav a,.hd .signin,.gnav a{white-space:nowrap}
