/* 댓글 입력폼 간소화(SNS형) — 경기분석(ranktipster 스킨). form.rtc-form 안에서만 적용한다.
   색은 사이트 토큰(--rt-*)을 읽고, 겹치는 기존 에디터 규칙(html[data-theme] .rtb-read .rtb-editor …)은 !important 로 이긴다. */
.rtc-form { --rtc-bg: var(--rt-surface, #0f1a2e); --rtc-bg2: var(--rt-surface-2, #16233d); --rtc-line: var(--rt-border, #263556); --rtc-text: var(--rt-text, #f7f7fa);
	--rtc-text2: var(--rt-text-2, #aab1c7); --rtc-brand: var(--rt-brand, #956bff); --rtc-brand-hi: var(--rt-accent-hover, #b49aff); }
.rtc-form[hidden] { display: none !important; }
.rtc-form.write_comment { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; row-gap: 8px; align-items: start; }
.rtc-form.write_comment::after { display: none; }
.rtc-avatar { grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden;
	border-radius: 50%; background: var(--rtc-bg2); color: var(--rtc-text2); }
.rtc-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rtc-box { --rtc-bc: var(--rtc-line); grid-column: 2; grid-row: 1; position: relative; min-width: 0; border: 1px solid transparent; border-radius: var(--rtc-r, 16px); background: var(--rtc-bg); }
.rtc-box:focus-within, .rtc-box.is-focus { --rtc-bc: var(--rtc-brand); box-shadow: 0 0 0 3px rgba(149, 107, 255, .18); }
/* 테두리는 편집기 iframe 위에 따로 그린다 — iframe 이 소수 배율에서 실제 테두리를 일부 덮어 모서리·왼쪽 선이 끊겨 보였다 */
.rtc-box::after { content: ""; position: absolute; inset: -1px; z-index: 3; border: 1px solid var(--rtc-bc); border-radius: var(--rtc-r, 16px); pointer-events: none; }
.rtc-form > .rtb-cmt-fields, .rtc-form > .rtb-captcha { grid-column: 2; margin: 2px 0 0; }

/* CKEditor: 툴바·경로줄 숨김, 테두리·배경은 카드가 맡는다 */
/* CKEditor 가 만들어지기 전에도 편집 영역 높이(96px)를 미리 잡아 둔다 — 안 그러면 하단 줄(이모지·등록)이 안내 문구 위로 올라와 겹쳐 보이다가 로딩 뒤에 내려간다(2026-10-23). */
.rtc-form .rx_ckeditor { min-height: 96px !important; }
.rtc-form .rtb-editor { margin: 0; }
.rtc-form .cke_chrome { border: 0 !important; border-radius: calc(var(--rtc-r, 16px) - 1px) calc(var(--rtc-r, 16px) - 1px) 0 0 !important; background: transparent !important; box-shadow: none !important; }
.rtc-form .cke_inner, .rtc-form .cke_contents { background: transparent !important; }
.rtc-form .cke_chrome, .rtc-form .cke_inner { overflow: hidden; border-radius: calc(var(--rtc-r, 16px) - 1px) calc(var(--rtc-r, 16px) - 1px) 0 0 !important; }
/* 상단 모서리: 안쪽 요소의 반경을 테두리 안쪽 곡선(바깥 반경 − 1px)과 같게 맞춘다. 편집 영역 iframe 은 상위 overflow 둥근 모서리 클립을 따르지 않아 네모난 채움이 퍼플 테두리 곡선을 덮었다. */
.rtc-form .cke_wysiwyg_frame { background: transparent !important; }
.rtc-form .cke_contents, .rtc-form .cke_wysiwyg_frame { border-radius: calc(var(--rtc-r, 16px) - 1px) calc(var(--rtc-r, 16px) - 1px) 0 0; }
.rtc-form .cke_contents { height: var(--rtc-h, 96px) !important; }
.rtc-form .cke_top { display: none !important; }
.rtc-form.rtc-tools-on .cke_top { display: block !important; border-bottom: 1px solid var(--rtc-line) !important; }
.rtc-form .cke_bottom { display: none !important; }

/* 모바일 기본 편집기(simpleeditor) */
.rtc-form .rx_simpleeditor_wrapper { min-width: 0; }
.rtc-form .rx_simpleeditor img { max-width: 100%; height: auto; }
.rtc-form .rx_simpleeditor { min-height: 96px; padding: 14px 16px; border: 0 !important; border-radius: calc(var(--rtc-r, 16px) - 1px) calc(var(--rtc-r, 16px) - 1px) 0 0; background: transparent !important; color: var(--rtc-text) !important; font-size: 14.5px; line-height: 1.6; resize: none; }

/* 안내 문구(에디터 본문 위에 겹쳐 놓고 클릭은 통과) */
.rtc-ph { position: absolute; left: 16px; top: 14px; z-index: 1; color: #7d869c; font-size: 14.5px; line-height: 1.5; pointer-events: none; }
.rtc-ph[hidden] { display: none; }

/* 첨부: 선택창은 기존 업로더 입력을 단추로 연다. 안내·선택 단추는 숨기고, 진행 막대·파일 목록만 남긴다 */
.rtc-form .xefu-container { margin: 0; padding: 0; border: 0 !important; border-radius: 0; background: transparent !important; }
.rtc-form .xefu-dropzone { margin: 0; padding: 0; border: 0 !important; background: transparent !important; min-height: 0; }
.rtc-form .xefu-act-selectfile { position: absolute !important; width: 1px; height: 1px; margin: -1px !important; padding: 0 !important; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; }
.rtc-form .xefu-dropzone-message, .rtc-form .upload_info { display: none !important; }
.rtc-form .xefu-progress-status { margin: 0; padding: 6px 14px 0; color: var(--rtc-text2); font-size: 12.5px; }
.rtc-form .xefu-progressbar { margin: 4px 14px 6px; }
.rtc-form .xefu-controll { display: none; margin: 0; padding: 6px 14px 0; border: 0; color: var(--rtc-text2); font-size: 12.5px; }
.rtc-form.rtc-has-files .xefu-controll { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 8px; }
/* 첨부 관리 줄: 원래 float 두 칸(개수 / 버튼)이라 높이가 0 으로 무너져 썸네일 목록과 겹쳤다 → 한 줄 flex 로 */
.rtc-form .xefu-controll > div { float: none !important; }
.rtc-form .xefu-controll .xefu-btn, .rtc-form .xefu-controll input.xefu-btn { height: 26px; padding: 0 10px; line-height: 24px; }
/* 썸네일 목록: 항상 떠 있던 세로 스크롤바 · 밑줄 · 60px 큼직한 칸을 줄인다(본문에 이미 들어간 이미지의 관리용 목록이다) */
.rtc-form .xefu-list-images { max-height: 100px; margin: 0; padding: 0; border: 0; overflow-x: hidden; overflow-y: auto; }
.rtc-form .xefu-list-images li { width: 44px; height: 44px; margin: 0 6px 6px 0; border: 1px solid var(--rtc-line); border-radius: 8px; overflow: hidden; }
.rtc-form .xefu-list-images input { top: 2px; left: 2px; width: 14px; height: 14px; margin: 0; }
.rtc-form .xefu-list { margin: 0; padding: 0 12px; }
.rtc-form .xefu-list ul { margin: 0; padding: 6px 0 0; }
.rtc-form .xefu-btn, .rtc-form .xefu-container input.xefu-btn { border: 1px solid var(--rtc-line); border-radius: 8px; background: var(--rtc-bg2); color: var(--rtc-text2); font-size: 12px; }

/* 하단 줄: 이모지·사진·파일·서식 / 우측 취소·등록 */
.rtc-bar { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 6px 10px 10px 8px; }
.rtc-tool { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--rtc-text2); font: 700 14px/1 inherit; cursor: pointer; transition: background-color .14s, color .14s; }
.rtc-tool[hidden] { display: none; }
/* 파일 첨부·서식(Aa) 버튼은 숨긴다(기능·마크업은 그대로 — 사진 버튼이 같은 업로더 입력을 쓴다) */
.rtc-tool[data-rtc="file"], .rtc-tool[data-rtc="tools"] { display: none !important; }
.rtc-tool:hover, .rtc-tool:focus-visible, .rtc-tool[aria-pressed="true"], .rtc-tool[aria-expanded="true"] { background: rgba(149, 107, 255, .18); color: var(--rtc-brand-hi); outline: none; }
.rtc-aa { width: auto; min-width: 36px; padding: 0 8px; border-radius: 18px; font-size: 13px; letter-spacing: -.02em; }
.rtc-submit { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.rtc-form .rtb-btn-primary { height: 36px; min-height: 36px; padding: 0 20px; border: 0; border-radius: 8px; background: #8b5cf6; color: var(--rt-on-brand, #101322); font-size: 14px; font-weight: 750; cursor: pointer; transition: background-color .14s; }
.rtc-form .rtb-btn-primary:hover { background: #7c4def; color: var(--rt-on-brand, #101322); }
.rtc-form .rtb-cmt-cancel { height: 36px; min-height: 36px; margin: 0; padding: 0 14px; border: 1px solid var(--rtc-line); border-radius: 8px; background: transparent; color: var(--rtc-text2); font-size: 13.5px; font-weight: 650; cursor: pointer; }
.rtc-form .rtb-cmt-cancel:hover { border-color: var(--rtc-brand); color: var(--rtc-text); }
.rtc-form .rtb-cmt-submit { margin: 0 0 0 auto; }

/* 이모지 팝오버 */
.rtc-emoji { position: absolute; left: 6px; bottom: calc(100% - 4px); z-index: 20; display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; width: min(310px, calc(100vw - 48px)); padding: 8px;
	border: 1px solid var(--rtc-line); border-radius: 12px; background: #141235; box-shadow: 0 8px 24px rgba(0, 0, 0, .45); }
.rtc-emoji[hidden] { display: none; }
.rtc-emoji button { width: 100%; aspect-ratio: 1; padding: 0; border: 0; border-radius: 8px; background: transparent; font-size: 20px; line-height: 1; cursor: pointer; }
.rtc-emoji button:hover, .rtc-emoji button:focus-visible { background: rgba(149, 107, 255, .22); outline: none; }

/* 모바일: 프로필 이미지를 줄이고 카드를 가득 쓴다 */
@media (max-width: 720px) {
	.rtc-form.write_comment { grid-template-columns: 32px minmax(0, 1fr); column-gap: 8px; }
	.rtc-avatar { width: 32px; height: 32px; }
	.rtc-avatar svg { width: 18px; height: 18px; }
	.rtc-box { --rtc-r: 14px; }
	.rtc-ph { left: 12px; font-size: 14px; }
	.rtc-bar { padding: 4px 8px 8px 4px; }
	.rtc-form .rtb-btn-primary { padding: 0 18px; }
}

/* 댓글 신고 링크(코어 공식 신고) — 다른 액션과 같은 크기, 색만 경고색 */
.rtb-cmt-act.is-report { color: var(--rt-danger, #b42318); }
.rtb-cmt-act.is-report:hover { background: var(--rt-danger-bg, rgba(251, 113, 133, .12)); color: var(--rt-danger, #b42318); }

/* PC(768px~) 경기분석 댓글 작성 폼 색: 청록 남색 토큰 대신 다크 인디고·퍼플. 포커스·등록 버튼은 단색 #7549eb, 글로우 없음. 모바일은 위의 기존 값 그대로. */
@media (min-width: 768px) {
	.rtc-form { --rtc-bg: rgba(14, 12, 46, .75); --rtc-bg2: rgba(124, 104, 255, .16); --rtc-line: rgba(149, 107, 255, .28); --rtc-text2: #b8bfd6; }
	.rtc-box:focus-within, .rtc-box.is-focus { --rtc-bc: #7549eb; box-shadow: none; }
	.rtc-ph { color: #98a2bf; }
	.rtc-form .rtb-btn-primary { background: #7549eb; color: #fff; }
	.rtc-form .rtb-btn-primary:hover { background: #8157f2; color: #fff; }
	.rtc-form .rtb-cmt-fields input[type="checkbox"] { accent-color: #7549eb; }
}

/* 모바일은 기존처럼 작성폼을 접어 두고 토글로 연다. PC(768px~)는 뉴스 상세처럼 토글·빈 댓글 안내 없이 항상 펼친다. 제목·알림 체크박스도 PC 에서만 보인다. */
.rtc-write-title, .rtc-notify { display: none; }
@media (max-width: 767px) {
	.rtc-form.write_comment.rtas-fold { display: none; }
}
@media (min-width: 768px) {
	.rtb-btn.rtb-cmt-toggle, .rtb-cmt-empty-hint { display: none; }
	.rtc-form > .rtc-write-title { display: block; grid-column: 1 / -1; margin: 0 0 4px; color: var(--rt-text, #f7f7fa); font-size: 15px; font-weight: 800; }
	.rtc-form > .rtc-write-title { grid-row: 1; }
	.rtc-form > .rtc-avatar, .rtc-form > .rtc-box { grid-row: 2; }
	.rtc-form .rtc-notify { display: inline-flex; align-items: center; gap: 6px; color: #b8bfd6; }
	.rtc-form .rtb-cmt-fields .rtb-check { font-size: 12px; }
}

/* ── 뉴스 댓글(newstoon.css `#comment .fbItem …`)과 같은 목록 모양 — 아바타 · 이름+날짜 한 줄 · 본문 들여쓰기 · 아래 동작 줄 ─────────────────
   뉴스는 fb* 클래스, 경기분석은 rtb-cmt-* 클래스라 마크업은 그대로 두고 같은 값을 여기서 준다. 작성 상자(.rtc-*)는 두 스킨이 이미 같은 코드다. */
/* 뉴스(#comment)와 같이 이 카드는 라이트 테마에서도 다크 인디고 면이라, 안쪽 색 토큰도 라이트 값이 아니라 뉴스의 값(--c-*)으로 고정한다. 작성 상자(.rtc-form)가 자기 토큰을 다시 정의하므로 같은 값을 거기에도 준다. */
html:root .rtb-cmt, html:root .rtb-cmt .rtc-form { --rtc-bg: rgba(14, 12, 46, .75); --rtc-bg2: rgba(124, 104, 255, .16); --rtc-line: rgba(149, 107, 255, .28); --rtc-text: #f7f7fa; --rtc-text2: #b8bfd6; }
html:root .rtb-cmt .rtc-write-title { color: var(--rtc-text); }
html:root .rtb-cmt .rtb-cmt-list { margin: 0; padding: 0; list-style: none; }
html:root .rtb-cmt .rtb-cmt-item { position: relative; display: grid; grid-template-columns: 40px auto minmax(0, 1fr); column-gap: 12px; row-gap: 6px; align-items: center; margin: 0; padding: 18px 0; border: 0; border-bottom: 1px solid rgba(var(--rt-brand-rgb, 149, 107, 255), .28); background: none; }
html:root .rtb-cmt .rtb-cmt-list > .rtb-cmt-item + .rtb-cmt-item { border-top: 0; }
html:root .rtb-cmt .rtb-cmt-item:last-child { border-bottom: 0; }
html:root .rtb-cmt .rtb-cmt-item.is-reply { padding-top: 18px; padding-bottom: 18px; margin-left: 34px; }
html:root .rtb-cmt .rtb-cmt-item.is-reply.is-depth2 { margin-left: 68px; }
html:root .rtb-cmt .rtb-cmt-item.is-reply:is(.is-depth3, .is-depth4, .is-depth5) { margin-left: 102px; }
html:root .rtb-cmt .rtb-cmt-meta { display: contents; }
html:root .rtb-cmt .rtb-cmt-avatar { grid-column: 1; grid-row: 1 / span 3; align-self: start; }
html:root .rtb-cmt .rtb-cmt-meta .rtb-au-name { grid-column: 2; grid-row: 1; margin: 0; color: var(--rtc-text); font-size: 14.5px; font-weight: 750; line-height: 1.4; }
html:root .rtb-cmt .rtb-cmt-date { grid-column: 3; grid-row: 1; margin: 0; padding: 0; color: var(--rtc-text2); font-size: 12px; line-height: 1.4; text-align: left; }
html:root .rtb-cmt .rtb-cmt-arrow { position: absolute; left: -26px; top: 22px; width: 20px; color: #7f8bad; }
html:root .rtb-cmt .rtb-cmt-item > .rtb-cmt-body, html:root .rtb-cmt .rtb-cmt-item > .rtb-secret { grid-column: 2 / -1; grid-row: 2; margin: 0; padding: 0; color: var(--rtc-text); font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
html:root .rtb-cmt .rtb-cmt-item > .rtb-cmt-body.is-deleted { color: var(--rtc-text2); font-style: italic; }
html:root .rtb-cmt .rtb-cmt-acts { grid-column: 2 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; margin: 0 0 0 -9px; padding: 0; }
html:root .rtb-cmt .rtb-cmt-act { display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 4px 9px; border-radius: 6px; background: none; color: var(--rtc-text2); font-size: 12.5px; text-decoration: none; transition: background-color .14s, color .14s; }
html:root .rtb-cmt .rtb-cmt-act:hover { background: rgba(var(--rt-brand-rgb, 149, 107, 255), .14); color: var(--rtc-text); }
html:root .rtb-cmt .rtb-cmt-act.is-modify { margin-left: auto; }
html:root .rtb-cmt .rtb-cmt-act.is-modify, html:root .rtb-cmt .rtb-cmt-act.is-delete { color: var(--rtc-text2); }
html:root .rtb-cmt .rtb-cmt-act.is-modify + .is-delete::before { content: "·"; margin-right: 6px; color: rgba(var(--rt-brand-rgb, 149, 107, 255), .28); }
html:root .rtb-cmt .rtb-cmt-act.is-delete:hover { color: var(--rtc-text); background: rgba(var(--rt-brand-rgb, 149, 107, 255), .14); }
html:root .rtb-cmt .rtb-cmt-act.is-report { margin-left: auto; color: #fb7185; }
html:root .rtb-cmt .rtb-cmt-act.is-modify ~ .is-report, html:root .rtb-cmt .rtb-cmt-act.is-delete ~ .is-report { margin-left: 0; }
html:root .rtb-cmt .rtb-cmt-act.is-report:hover { background: rgba(251, 113, 133, .12); color: #fda4af; }
/* 목록과 작성 상자 사이 구분선(뉴스와 같다) */
html:root .rtb-cmt .rtb-cmt-list ~ .rtc-form.write_comment { margin-top: 0; padding-top: 18px; border-top: 1px solid rgba(var(--rt-brand-rgb, 149, 107, 255), .28); }
@media (max-width: 720px) {
	html:root .rtb-cmt .rtb-cmt-item { grid-template-columns: 34px auto minmax(0, 1fr); column-gap: 10px; padding: 14px 0; }
	html:root .rtb-cmt .rtb-cmt-avatar { width: 34px; height: 34px; }
	html:root .rtb-cmt .rtb-cmt-item.is-reply { margin-left: 22px; }
	html:root .rtb-cmt .rtb-cmt-item.is-reply.is-depth2 { margin-left: 44px; }
	html:root .rtb-cmt .rtb-cmt-item.is-reply:is(.is-depth3, .is-depth4, .is-depth5) { margin-left: 66px; }
	html:root .rtb-cmt .rtb-cmt-arrow { left: -19px; top: 18px; width: 16px; }
	html:root .rtb-cmt .rtb-cmt-item > .rtb-cmt-body { font-size: 14.5px; }
	html:root .rtb-cmt .rtb-cmt-act { padding: 4px 6px; gap: 4px; font-size: 12px; }
	html:root .rtb-cmt .rtb-cmt-act.is-modify + .is-delete::before { display: none; }
}
html:root .rtb-cmt .rtb-cmt-avatar { background: var(--rtc-bg2); color: var(--rtc-text2); }
html:root .rtb-cmt .rtb-cmt-item > .rtb-cmt-inline { grid-column: 1 / -1; grid-row: auto; margin-left: 0; }
/* 인라인 답글·수정 상자: 뉴스처럼 별도 청록 카드 없이 댓글 줄 아래에 같은 작성 상자만 놓는다 */
html:root .rtb-cmt .rtb-cmt-inline { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 4px 0 0; overflow: visible; }
html:root .rtb-cmt .rtb-cmt-inline .rtb-cmt-form { padding: 0; }
@media (min-width: 768px) {
	html:root .rtb-cmt .rtc-form > .rtb-cmt-fields { grid-row: 3; }
}
/* 숨겨진 첨부 영역이 라이트 테마에서 20px 높이를 만들던 것을 접는다(다크와 같은 높이) */
html:root .rtc-form .xefu-container { margin: 0 !important; border: 0 !important; background: transparent !important; }
html:root .rtc-form .xefu-dropzone { height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }

/* 댓글 삭제 확인 팝업(뉴스와 같은 마크업 .nt-del-* — 뉴스 쪽 규칙을 그대로 옮겼다: 인디고 패널 · 칩 취소 · 퍼플 삭제) */
.nt-del-wrap { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(5, 12, 24, .62); }
.nt-del-box { box-sizing: border-box; width: min(380px, 100%); padding: 26px 24px 22px; border: 1px solid rgba(149, 107, 255, .28); border-radius: 16px; background: linear-gradient(rgba(12, 18, 44, .96), rgba(8, 13, 34, .98)); color: #f7f7fa; box-shadow: 0 12px 32px rgba(0, 0, 0, .4); }
.nt-del-msg { margin: 0 0 22px; font-size: 18px; font-weight: 700; line-height: 1.4; text-align: center; }
.nt-del-btns { display: flex; gap: 10px; justify-content: center; }
.nt-del-btns button { min-width: 96px; height: 44px; padding: 0 18px; border-radius: 10px; font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer; }
.nt-del-cancel { border: 1px solid #39316b; background: #15183f; color: #f7f7fa; }
.nt-del-cancel:hover { border-color: rgba(149, 107, 255, .35); background: rgba(149, 107, 255, .16); }
.nt-del-ok { border: 1px solid rgba(190, 165, 255, .5); background: #7549eb; color: #fff; }
.nt-del-ok:hover { background: #8157f2; border-color: rgba(190, 165, 255, .5); }
.nt-del-btns button:focus-visible { outline: 2px solid #b49aff; outline-offset: 2px; }
@media (max-width: 420px) { .nt-del-box { padding: 22px 18px 18px; } .nt-del-btns button { flex: 1 1 0; min-width: 0; } }
/* 추천·비추천 단추(뉴스 `.action a.voted` 와 같은 값): 동작 줄 왼쪽에 추천 · 비추천 · 답글 순, 눌린 쪽은 퍼플 틴트 */
html:root .rtb-cmt .rtb-cmt-act.is-vote.is-on { color: #b49aff; background: rgba(var(--rt-brand-rgb, 149, 107, 255), .14); }
html:root .rtb-cmt .rtb-cmt-act.is-vote[data-rt-vote="down"] svg { transform: none; }
html:root .rtb-cmt .rtb-cmt-acts[data-busy="1"] .is-vote { opacity: .6; pointer-events: none; }

/* 댓글 작성 폼의 하단 '알림 · 비밀글' 체크박스는 보이지 않게 한다(2026-10-23). 이미지(사진) 단추는 다시 보인다. */
html:root .rtc-form .rtb-cmt-fields .rtb-check { display: none !important; }
html:root .rtc-form .rtb-cmt-fields:not(:has(.rtb-field)) { display: none; }
/* 라이트 테마에서도 PC 등록 단추는 뉴스·승부예측과 같은 #7549eb */
@media (min-width: 768px) {
	html:root .rtc-form .rtb-btn-primary { background: #7549eb !important; color: #fff !important; }
	html:root .rtc-form .rtb-btn-primary:hover { background: #8157f2 !important; }
}

/* 편집 영역은 다크 스타일이 들어간 뒤(.rt-ck-ready)에 보인다 — 그 전의 흰 바탕이 번쩍임의 원인. 안전장치: 2초 뒤에는 무조건 보인다. */
.rtb-cmt .rtc-box .cke_wysiwyg_frame { opacity: 0; animation: rt-ck-show 0s linear .6s forwards; }
.rtb-cmt .rtc-box.rt-ck-ready .cke_wysiwyg_frame { opacity: 1; animation: none; }
@keyframes rt-ck-show { to { opacity: 1; } }

/* 올리는 중 표시(rt-compose.js): 선택 직후부터 실제 진행 막대가 나올 때까지 */
.rtc-upstat { display: none; align-items: center; gap: 8px; padding: 8px 14px 0; color: var(--rtc-text2); font-size: 12.5px; }
.rtc-form.rtc-uploading .rtc-upstat { display: flex; }
.rtc-spin { box-sizing: border-box; flex: 0 0 auto; width: 14px; height: 14px; border: 2px solid var(--rtc-line); border-top-color: var(--rtc-brand); border-radius: 50%; animation: rtc-spin .8s linear infinite; }
@keyframes rtc-spin { to { transform: rotate(360deg); } }
.rtc-up-bar { flex: 1 1 auto; max-width: 140px; height: 4px; overflow: hidden; border-radius: 2px; background: var(--rtc-line); }
.rtc-up-bar i { display: block; width: 0; height: 100%; background: var(--rtc-brand); transition: width .2s linear; }
/* 기본 진행 막대·문구는 길이 0 으로 시작해 처음엔 보이지 않으므로, 위의 표시로 대신한다 */
.rtc-form .xefu-progress-status, .rtc-form .xefu-progressbar { display: none !important; }

/* simpleeditor(휴대폰) 댓글 편집창 높이: 스크립트(simpleeditor.js)가 박아 둔 100px 고정 대신 내용에 맞춰 늘어나고, 글만이면 150px · 이미지가 있으면(.rtc-has-img) 300px 까지, 넘으면 안쪽 스크롤. */
.rtc-form .rx_simpleeditor { box-sizing: border-box; height: auto !important; max-height: 500px; overflow-y: auto; }
@media (max-width: 767px) {
	.rtc-form .rx_simpleeditor { max-height: 150px; }
	.rtc-form.rtc-has-img .rx_simpleeditor { max-height: 300px; }
}