/* ============================================================
   ARIFE 테마 v100 — 해·달 토글 + 어두운 화면 토대 (2026-08-29)

   1단계. 토글과 표식(html[data-theme])과 바탕색만 맡는다.
   화면 갈래별 어두운 옷은 2·3단계에서 입힌다.
   ============================================================ */

/* ── 해·달 토글 ──────────────────────────────────────────
   알약 하나에 해와 달. 지금 켜진 쪽이 파란 동그라미로 차오른다 —
   "고른 것이 표시되어야 한다"는 그 표시다. 자리는 JS 가 로고 오른쪽
   끝을 재서 +16px 에 둔다(격자에 끼우면 칸이 밀려서 띄운다).
   갑옷 여섯 겹 — 유리·모바일 시트의 단추 일괄 규칙(44px 등)을 이긴다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl{
  position:absolute !important; top:50% !important; transform:translateY(-50%) !important;
  z-index:6 !important;
  display:inline-flex !important; align-items:center !important; gap:2px !important;
  width:auto !important; height:32px !important; min-height:32px !important; min-width:0 !important;
  padding:3px !important; border-radius:999px !important;
  border:1px solid #cfdcee !important;
  background:#eef3fa !important; background-image:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  box-shadow:inset 0 1px 2px rgba(20,50,110,.1) !important;
  cursor:pointer !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl > span{
  display:grid !important; place-items:center !important;
  width:24px !important; height:24px !important; border-radius:999px !important;
  color:#8b98ad !important; background:transparent !important;
  transition:background .16s ease, color .16s ease !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl svg{ width:15px !important; height:15px !important; display:block !important; }
/* 켜진 쪽 — 파란 동그라미 + 흰 아이콘 */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl .t-sun,
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl .t-moon{
  background:#1c56be !important;
  background-image:linear-gradient(180deg,#3d78e4,#1c56be) !important;
  color:#fff !important;
  box-shadow:0 1px 4px -1px rgba(14,40,96,.5) !important;
}

/* 폰 — 왼쪽 위. 뒤로(←) 단추가 있는 화면에서는 그 오른쪽으로 비킨다. */
@media (max-width:680px){
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl{ left:10px !important; }
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .site-nav:has(.amp-navback) .arife-theme-tgl{ left:62px !important; }
}

/* 토글이 absolute 로 뜰 바닥 — 나브가 static 인 화면 대비 */
.site-nav{ position:relative; }

/* ── 어두운 화면 · 토대 ──────────────────────────────────
   표식은 html[data-theme="dark"] 하나. 1단계에서는 바탕과 공용
   껍데기만 어둡게 한다 — 밝은 카드는 어두운 바탕 위의 카드로 남아
   읽히는 데 지장이 없다. 나브 색은 유리 칠 스크립트가 사건을 듣고
   제 손으로 다시 칠한다(시트로는 인라인 !important 를 못 이긴다). */
html[data-theme="dark"]{ color-scheme:dark; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){
  background:#0d131d !important;
  color:#d6e0ee !important;
}
/* 큰 제목·본문이 바탕 위에 바로 얹힌 화면 — 어두운 글자를 밝힌다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(h1,h2,h3){
  color:#eef3fb;
}
/* 바닥글 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .footer{
  background:#0a0f18 !important; color:#93a2b8 !important;
  border-color:rgba(120,150,190,.2) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .footer a{ color:#aebacd !important; }

/* 어두운 화면의 토글 제 옷 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl{
  border-color:rgba(120,150,200,.4) !important;
  background:#141c2a !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.4) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .arife-theme-tgl > span{
  color:#7787a0 !important;
}

/* ── 어두운 화면 · 공용 껍데기 (1단계 보강, 2026-08-29) ──────
   지적받은 자리들 — 바닥 로고, 약관 줄, 떠 있는 판·팝업 틀.
   판 **안**의 글자까지 갈래별로 다듬는 것은 2·3단계 몫이고, 여기서는
   틀(바탕·테두리)과 바로 얹힌 글만 어둠에 맞춘다. */

/* 바닥 로고 — 원본이 밝은 그림이라 밝은 화면에서는 뒤집어 어둡게
   쓰는데(invert), 어두운 바탕에서 그 채로면 까맣게 사라진다.
   원본 그대로 되돌리면 밝은 로고가 어두운 바닥에 그대로 선다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .footer img{ filter:none !important; }

/* 약관·정책 줄과 회사 정보 — 어두운 바탕에서 읽히는 밝기로 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .footer :is(a,small,span,p,li,dt,dd){ color:#aebacd !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .footer :is(strong,b,h3,h4){ color:#dfe7f2 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .footer a:hover{ color:#e8eefb !important; }

/* 떠 있는 판·팝업의 틀 — 흰 판이 그대로 뜨면 어두운 화면이 깨진다.
   틀과 머리줄만 어둡게, 안의 내용은 각 화면이 제 손으로(2·3단계). */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dk-pop,.nav-avatar-menu,.top-role-menu,.nav-workspace-menu){
  background:#141c2a !important; color:#dfe7f2 !important;
  border-color:rgba(110,140,190,.35) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-pop header{
  background:#101724 !important; color:#dfe7f2 !important;
  border-color:rgba(110,140,190,.3) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-pop header strong{ color:#eef3fb !important; }
/* 팝업 속 문서(iframe)는 제 페이지라 저절로 같은 테마로 뜬다 —
   토대 스크립트가 모든 문서 head 에 있으므로. 바탕만 맞춰 둔다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-pop iframe{ background:#0d131d !important; }

/* 알림 한 줄(toast) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .toast{
  background:#1a2436 !important; color:#e6edf8 !important;
  border-color:rgba(120,150,200,.4) !important;
}

/* 본문 바탕에 바로 얹힌 옅은 회색 설명 — 어두운 바탕에서는 더 밝게 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.section-sub,.page-sub,.hero-sub){ color:#9fb0c6 !important; }

/* ══════════════════════════════════════════════════════════
   어두운 화면 2단계 — 판·팝업·내리는 판, 힉스필드 계열 (2026-08-29)

   사장님 지시: 다크는 힉스필드 도구 화면과 같은 계열로.
   그 팔레트는 이미 이 사이트 안에 있다(arife-higgsfield-tools.css) —
   바탕 #26282b · 판 #2e3134 · 카드 #3c4045 · 깊은 카드 #26282b ·
   선 #46494d · 옅은 선 #46494d · 글 #f1f2f4 · 죽은 글 #92989f ·
   강조 #79abff. 같은 값을 그대로 쓴다 — 두 화면이 딴 어둠이면 안 된다.
   ══════════════════════════════════════════════════════════ */
html[data-theme="dark"]{
  --dkh-bg:#26282b; --dkh-panel:#2e3134; --dkh-card:#3c4045; --dkh-deep:#26282b;
  --dkh-line:rgba(255,255,255,.06); --dkh-line2:rgba(255,255,255,.05); --dkh-ink:#f1f2f4; --dkh-mute:#92989f;
  --dkh-acc:#79abff;
}
/* 바탕도 힉스필드 값으로 맞춘다 (1단계의 #0d131d 를 대체) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) { }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g){
  background:var(--dkh-bg) !important; color:var(--dkh-ink) !important;
}

/* ── 팝업 덮개 — 더 깊게 ─────────────────────────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.contract-modal,.market-preview-modal,.license-modal,.unified-model-modal,
  .unified-result-modal,.unified-library-modal,.enterprise-media-modal,
  .enterprise-request-modal,.image-modal,.ws-modal,.motion-model-modal,
  .motion-library-modal){
  background:rgba(5,7,10,.72) !important;
}

/* ── 판 몸통 — 팝업 창·차림표·서랍·내리는 판 전부 같은 판 색 ── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dk-pop,.nav-avatar-menu,.top-role-menu,.nav-workspace-menu,
  .afd-panel,.fg-card,.fg-sheetcard,.fg-lib,
  .contract-dialog,.market-preview-dialog,.unified-modal-dialog,
  [class*="modal-dialog"],[class*="modal__dialog"],[class*="-dialog-v"]){
  background:var(--dkh-panel) !important; background-image:none !important;
  color:var(--dkh-ink) !important;
  border-color:var(--dkh-line2) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px var(--dkh-line2) !important;
}

/* ── 판 안의 글 — 흰 판 시절의 검은 글을 밝힌다 ─────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dk-pop,.nav-avatar-menu,.top-role-menu,.nav-workspace-menu,.afd-panel,
  .fg-card,.fg-sheetcard,.fg-lib,.contract-dialog,.market-preview-dialog,
  .unified-modal-dialog,[class*="modal-dialog"],[class*="modal__dialog"])
  :is(h1,h2,h3,h4,strong,b,dt,label,legend){ color:var(--dkh-ink) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dk-pop,.nav-avatar-menu,.top-role-menu,.nav-workspace-menu,.afd-panel,
  .fg-card,.fg-sheetcard,.fg-lib,.contract-dialog,.market-preview-dialog,
  .unified-modal-dialog,[class*="modal-dialog"],[class*="modal__dialog"])
  :is(p,small,span,em,i,dd,li,td,th){ color:var(--dkh-mute) !important; }

/* ── 판 머리·바닥 줄 ─────────────────────────────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dk-pop header,.fg-card > header,.fg-card > footer,.fg-sheetcard > header,
  .contract-top,[class*="modal-head"],[class*="modal__head"]){
  background:var(--dkh-deep) !important; background-image:none !important;
  border-color:var(--dkh-line2) !important; color:var(--dkh-ink) !important;
}

/* ── 넣는 칸 — 입력·고르기·글상자 ────────────────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dk-pop,.fg-card,.contract-dialog,.market-preview-dialog,
  .unified-modal-dialog,[class*="modal-dialog"],[class*="modal__dialog"],.afd-panel)
  :is(input,select,textarea){
  background:#101215 !important; color:var(--dkh-ink) !important;
  border-color:var(--dkh-line) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.fg-card,.contract-dialog) :is(input,textarea)::placeholder{ color:#6a7178 !important; }

/* ── 판 안의 조용한 단추·칩 — 힉스필드 카드 결 ─────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.fg-card,.contract-dialog,.market-preview-dialog,.unified-modal-dialog,
  [class*="modal-dialog"],[class*="modal__dialog"],.afd-panel,.dk-pop)
  :is(button,.button):not(.is-pri):not(.primary):not([class*="submit"]):not(.fg-sw):not(.arife-theme-tgl):not([class*="ent-pay"]){
  background:linear-gradient(180deg,#262e40,#181e2b) !important;
  border-color:var(--dkh-line) !important; color:var(--dkh-ink) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.06) !important;
}
/* 고른 칩·켜진 것 — 강조 파랑 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.afd-panel,.fg-card,.market-preview-dialog,.contract-dialog)
  :is(button.active,button.is-on,.afd-opt.is-on,.market-tag.active){
  background:linear-gradient(180deg,#28405f,#1d3049) !important;
  border-color:var(--dkh-acc) !important; color:#eaf2ff !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.afd-panel,.fg-card) :is(button.active,button.is-on,.afd-opt.is-on,.market-tag.active) *{
  color:#eaf2ff !important;
}

/* 값 드는 단추(붉은 테)와 확정 파랑은 제 색을 지킨다 — 어두운 판 위에서도 읽히게만 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .fg-card > footer .fg-btn[data-gen]{
  background:linear-gradient(180deg,#2e2226,#221a1e) !important;
  border-color:rgba(214,120,150,.55) !important; color:#e8a2b8 !important;
}

/* ── 안내 판·주의 글 ─────────────────────────────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.fg-note,.contract-note,[class*="notice"],[class*="hint"]):not(input):not(textarea){
  background:var(--dkh-deep) !important; background-image:none !important;
  border-color:var(--dkh-line2) !important; color:var(--dkh-mute) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .fg-note b{ color:var(--dkh-ink) !important; }

/* ── 조건 내리는 단추(dock)와 알림 한 줄 ─────────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .afd-btn{
  background:linear-gradient(180deg,#262e40,#181e2b) !important;
  border-color:var(--dkh-line) !important; color:var(--dkh-ink) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 3px 0 #08090a !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .afd-btn :is(small,b,i){ color:inherit !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .afd-btn small{ color:var(--dkh-mute) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .toast{
  background:var(--dkh-card) !important; color:var(--dkh-ink) !important;
  border-color:var(--dkh-line) !important;
}

/* ── 1단계 임시색(#141c2a 계열)을 힉스필드 값으로 갈아 끼움 ── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dk-pop,.nav-avatar-menu,.top-role-menu,.nav-workspace-menu){
  background:var(--dkh-panel) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-pop header{ background:var(--dkh-deep) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-pop iframe{ background:var(--dkh-bg) !important; }

/* ── 계약 팝업 세부 (사장님 화면에서 시안 확인, 2026-08-29) ──
   덮개가 밝은 채로 남고, 요약 타일과 체크 줄이 회색 위 회색으로
   안 읽혔다. 덮개는 판이 아니라 딸린 막(.contract-backdrop)이라
   위의 판 규칙에 안 걸렸던 것 — 따로 잡는다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.contract-backdrop,.market-preview-backdrop,[class*="modal-backdrop"],[class*="__backdrop"]){
  background:rgba(5,7,10,.74) !important;
  -webkit-backdrop-filter:blur(4px) !important; backdrop-filter:blur(4px) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-summary > *{
  background:var(--dkh-deep) !important; background-image:none !important;
  border-color:var(--dkh-line2) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-summary :is(dt,small){ color:var(--dkh-mute) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-summary :is(dd,strong,b){ color:var(--dkh-ink) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-dialog :is([class*="option"],[class*="tip"],[class*="policy"],[class*="confirm"],[class*="note"]){
  background:var(--dkh-deep) !important; border-color:var(--dkh-line2) !important;
  color:#aab2bb !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-dialog :is([class*="option"],[class*="tip"],[class*="policy"]) :is(strong,b,span,small,p,label){
  color:#c7cdd4 !important;
}

/* ══════════════════════════════════════════════════════════
   어두운 화면 3단계 — 담요 (2026-08-29, 사장님 지시)

   「일단 다 바꾸고 난 다음에 부분부분」. 화면 갈래를 하나씩 도는 대신,
   판·카드·구역을 통째로 힉스필드 결로 덮는 담요를 깐다. 세 가지 지적을
   여기서 같이 잡는다.
     ① 흰 실선들 — 밝은 화면용 유리 살결(흰 안쪽 그림자)이 어둠 위에
        실선으로 남았다. 판·카드에서 그림자를 걷는다.
     ② 너무 검다 — 타일이 판보다 어두웠다. 힉스필드는 반대다:
        판(#2e3134) 위의 카드가 더 밝다(#3c4045). 그 층위로 고친다.
     ③ 흰 페이지들 — 본문 구역·카드가 죄다 밝은 채였다. 담요로 덮는다.
   ══════════════════════════════════════════════════════════ */
html[data-theme="dark"]{
  --dkh-panel:#2e3134;            /* 판 — 한 톤 밝힘(너무 검다는 지적) */
  --dkh-card:#3c4045;             /* 판 위의 카드 — 판보다 밝게 */
  --dkh-mute:#a0a7af;             /* 죽은 글도 반 톤 밝힘 */
}

/* ── 본문 담요 ───────────────────────────────────────── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(main,section,article,aside):not(.ip-box):not([class*="-box"]):not([role="dialog"]):not([class*="dialog"]){
  background:transparent !important; background-image:none !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(h1,h2,h3,h4,h5,h6){ color:var(--dkh-ink) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(p,li,dd,dt,small,figcaption){ color:var(--dkh-mute) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(p,li,dd) :is(strong,b){ color:var(--dkh-ink) !important; }

/* 판·카드·구역 통째로 — 흰 실선(그림자)도 여기서 걷는다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is([class*="card"],[class*="panel"],[class*="console"],[class*="shell"],
  [class*="tile"],[class*="sheet"],[class*="summary"],[class*="hero"],
  [class*="section"],[class*="head-box"],[class*="notice"])
  :not(main):not(button):not(a):not(input):not(select):not(textarea):not([class*="checkbox"]):not(img):not(video):not(svg):not(path):not([class*="cards"]):not([class*="panels"]):not([class*="tiles"]):not([class*="sheets"]):not([class*="consoles"]):not([class*="sections"]):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(small):not(strong):not(em):not(b):not(i):not(dt):not(dd):not(time):not(code):not([class*="card__"]):not([class*="panel__"]):not([class*="console__"]):not([class*="tile__"]):not([class*="card-"]):not([class*="panel-"]):not([class*="console-"]):not([class*="tile-"]){
  border-color:var(--dkh-line2) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is([class*="card"],[class*="panel"],[class*="console"],[class*="shell"],
  [class*="tile"],[class*="sheet"],[class*="summary"],[class*="notice"]):not(main):not(button):not(a):not(input):not([class*="checkbox"]):not([class*="nav-console"]):not([class*="cards"]):not([class*="panels"]):not([class*="tiles"]):not([class*="sheets"]):not([class*="consoles"]):not([class*="sections"]):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(span):not(small):not(strong):not(em):not(b):not(i):not(dt):not(dd):not(time):not(code):not([class*="card__"]):not([class*="panel__"]):not([class*="console__"]):not([class*="tile__"]):not([class*="card-"]):not([class*="panel-"]):not([class*="console-"]):not([class*="tile-"]){
  background:var(--dkh-panel) !important; background-image:none !important;
  border-color:var(--dkh-line2) !important;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.6) !important;
  color:var(--dkh-ink) !important;
}

/* 넣는 칸은 어디서든 */
/* 조절 막대·체크·색 고르기는 '적는 칸'이 아니다. 여기에 검은 바탕을
   칠하면 게이지 둘레에 네모난 검은 판이 생긴다(모션 전이에서 걸렸다). */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(input,select,textarea):not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]){
  background:#121417 !important; color:var(--dkh-ink) !important;
  border-color:var(--dkh-line) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(input,textarea)::placeholder{ color:#6a7178 !important; }

/* ── 층위 바로잡기 — 판 위 요약 타일·안내 줄은 카드색(더 밝게) ── */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-summary > *{
  background:var(--dkh-card) !important;
  border-color:var(--dkh-line) !important;
  box-shadow:none !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-dialog :is([class*="option"],[class*="tip"],[class*="policy"],[class*="confirm"],[class*="note"]){
  background:var(--dkh-card) !important;
  border-color:var(--dkh-line) !important;
  box-shadow:none !important;
}
/* 판 안 타일들의 흰 유리 살결 일괄 제거 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.fg-card,.contract-dialog,.market-preview-dialog,.dk-pop,.afd-panel,
  [class*="modal-dialog"],[class*="modal__dialog"]) :is(div,dl,dt,dd,p,ul,li,fieldset,label){
  box-shadow:none !important;
}

/* 바닥글 담요 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .footer{ background:#0a0c0e !important; }

/* ── 홈 히어로 (2026-08-29) ───────────────────────────────
   바탕이 CSS 가 아니라 **밝은 영상**이라 담요가 안 덮였고, 어두운 글자
   규칙과 밝은 영상이 부딪혀 문구가 묻혔다(제보). 영상 자체를 어둡게
   낮춘다 — 힉스필드도 어두운 화면에서 미디어를 낮춰 깐다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-video,
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) video.landing-video{
  filter:brightness(.3) saturate(.85) !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.landing,.landing-content) :is(h1,h2){ color:#f1f2f4 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.landing,.landing-content) p{ color:#b8bfc7 !important; }
/* 프로필 동그라미 — 어두운 나브 위에서 밝은 판이 튀지 않게 */
/* 오른쪽 위 — 밝은 화면용 유리 그림자(흰 테두리 광·큰 그림자)가
   어두운 화면에서 얼룩처럼 남았다. 아바타·마이페이지 알약·아이콘 모두
   그림자를 걷고, 아이콘은 담요 규칙([class*="console"])에 잡혀 받은
   판 배경까지 벗긴다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-console-icon[class][class]{ background:transparent !important; background-image:none !important; box-shadow:none !important; border-color:rgba(255,255,255,.28) !important; }
/* 나브 위 장식 빛줄(::before)도 어두운 화면에선 가로지르는 실선으로 보인다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .site-nav::before{ display:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-avatar-button{ box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-pill{ box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-pill.primary{ background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 55%),linear-gradient(180deg,#3d78e4,#1c56be) !important; border-color:rgba(121,171,255,.45) !important; color:#fff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-avatar-button{
  background:#3c4045 !important; border-color:var(--dkh-line) !important;
}
/* 홈 제목 — color 가 아니라 글자에 그라데이션을 입히는 방식
   (background-clip:text)이라 색 규칙이 안 먹었다. 어두운 화면에서는
   채움을 밝은 단색으로 바꾼다. 파란 줄(자식 span)은 제 그라데이션을
   따로 갖고 있어 그대로 살아남는다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-copy-v302 h1{
  background:none !important; background-image:none !important;
  -webkit-text-fill-color:#f1f2f4 !important; color:#f1f2f4 !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-lead-v302{ color:#c3cad2 !important; }
/* 파란 줄(둘째 줄 span)은 위에서 그라데이션 채움을 지웠으니
   단색 파랑으로 되살린다 — 주입 검증 완료(#_hero). */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-copy-v302 h1 :is(span,em,strong,b){
  background:none !important; background-image:none !important;
  -webkit-text-fill-color:#79abff !important; color:#79abff !important;
}
/* 밝은 영상을 더 낮춘다 — .3 으로는 원본이 너무 밝아 회색에 머물렀다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-video{
  filter:brightness(.55) saturate(.85) !important;
  opacity:.6 !important;
  -webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 97%) !important;
  mask-image:linear-gradient(180deg,#000 58%,transparent 97%) !important;
}
/* 어두운 화면에서는 밝은 젖빛 유리·빛의 층이 회색 안개를 만든다 —
   걷어 내고 아래로 갈수록 바탕색(#26282b)에 내려앉는 어두운 그늘만 남긴다.
   영상 아래 가장자리는 mask 로 녹여 다음 구간과 색 단차가 없다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-hero-v302{ background:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-shade-v302{
  background:linear-gradient(180deg,rgba(10,12,15,.15),rgba(14,16,18,.5) 72%,#26282b 100%) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; animation:none !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-grid-v302{ opacity:.2 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .landing-copy-v302::before{ background:none !important; }

/* ── 뿌리(<html>) 바탕 — 유리 페이지가 아이디 두 겹+has 로 밝은 값을
   박아 두어(droplet-more) 어두운 화면에서도 뿌리가 밝았고, 반투명
   히어로 영상 뒤로 그 밝음이 배어 나왔다(실측 219,227,239).
   아이디 세 겹이면 순서와 무관하게 이긴다. */
html[data-theme="dark"]:not(#_x):not(#_y):not(#_z){
  background:#26282b !important;
}


/* ═══ 4차 — 펼침 메뉴·전환 화면·흰 실선 담요 (2026-08-29) ═══
   아바타 차림표(.nav-avatar-menu)와 역할 판은 glass-v600.js 가
   인라인 important 로 칠하므로 여기가 아니라 그 파일이 어둡게 칠한다. */

/* 상단 메뉴에서 내려오는 판 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-sub{ background:#34373a !important; border-color:rgba(255,255,255,.06) !important; box-shadow:0 18px 40px -20px rgba(0,0,0,.7) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-sub a{ color:#e7eaee !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-sub a:hover{ background:rgba(255,255,255,.07) !important; color:#fff !important; }

/* 화면 전환(로고) 페이지 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .page-transition{ background:radial-gradient(62% 52% at 50% 42%,#171a1e,#26282b) !important; }
/* 로고 원본이 밝은 색이라 invert 를 걸면 오히려 어두워져 안 보였다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .page-transition img{ filter:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .page-transition *{ color:#e7eaee !important; }

/* 흰 실선 담요 — 컨테이너 테두리는 전부 어두운 회색.
   단추·입력칸·글자 요소는 각자의 테두리를 지킨다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(section,article,aside,div,ul,ol,li,figure):not(.nav-credit):not(.nav-avatar-menu){ border-color:rgba(255,255,255,.06) !important; }

/* 새까만 큰 판(약관 조항·머리 카드) → 살짝 어두운 회색 판 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(article,.page-hero){ background:#2e3134 !important; border-color:rgba(255,255,255,.06) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .page-hero :is(span,em){ background:#3c4045 !important; color:#c6cdd5 !important; border-color:rgba(125,155,215,.32) !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; }
/* 판 위쪽 흰 광택 실선 — box-shadow 의 inset 흰 줄이었다. 깊이 그림자만 남긴다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(article,.page-hero,[class*="pc-rise"],.trust-guide-close-v310,.toast,footer,.footer){ box-shadow:0 18px 40px -24px rgba(0,0,0,.6) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .page-hero::before, html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .page-hero::after{ display:none !important; }

/* 정책 페이지 왼쪽 차림표 — 밝은 유리로 남아 있었다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .trust-policy-index-v310, html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .legal-toc{ background:#2e3134 !important; background-image:none !important; border-color:rgba(255,255,255,.06) !important; color:#dfe3e9 !important; box-shadow:0 18px 40px -24px rgba(0,0,0,.6) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.trust-policy-index-v310,.legal-toc) :is(a,button,li){ background:linear-gradient(180deg,#262e40,#181e2b) !important; background-image:linear-gradient(180deg,#262e40,#181e2b) !important; color:#dfe3e9 !important; border-color:rgba(125,155,215,.32) !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.trust-policy-index-v310,.legal-toc) :is(h1,h2,h3,h4,div,span,strong,p){ color:#dfe3e9 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.trust-policy-index-v310,.legal-toc) :is(a,li,button):is(.is-doc-now,.is-now,[aria-current],.active,.is-active){ background:linear-gradient(180deg,#2c5cbe,#1c4aa4) !important; color:#fff !important; border-color:rgba(121,171,255,.5) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .trust-guide-close-v310{ border-color:rgba(255,255,255,.06) !important; }

/* 어두운 판 위에 남색으로 박혀 안 보이던 strong 글씨(홈 판매 안내 단계) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .policy-step strong{ color:#f1f2f4 !important; }

/* 크레딧 숫자 — 시트 어딘가가 text-fill-color 를 남색으로 박아
   color 를 이겨 숫자가 안 보였다. fill 이 항상 글자색을 따르게 한다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-avatar-menu :is(strong,b,em,span,small){ -webkit-text-fill-color:currentColor !important; }


/* ═══ 5차 — 단추 눌러앉히기·글씨 담요·실선 정리 (2026-08-29) ═══
   세밀한 밝은 조각은 theme JS 의 훑개(de-glass)가 잡는다. 여기는
   그 전에 깜빡임을 줄이는 담요와, 두 모드 공통 장식 실선 정리. */

/* 다크 — 글씨 담요: 제목 계열·이름표는 밝게, 링크는 파랗게 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(label,legend,summary,th,dt){ color:#e7eaee !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(b,strong):not(.fg-btn *):not([class*="primary"] *){ color:#f1f2f4 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(article,details,.sup-sla-v3100) a{ color:#8fb8ff !important; }

/* 다크 — 단추·칩은 힉스필드처럼 평평하게: 광택·부양 그림자 제거 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,summary,[role="button"]){ text-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,summary,:is(a,span,label,li,em):is([class*="btn"],[class*="chip"],[class*="tab"],[class*="pill"],[class*="action"])){ box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05) !important; }

/* 다크 — 고객지원: 자주 묻는 질문·처리 기준·차림표 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .sup-tabs-v3400{ background:transparent !important; border-color:rgba(255,255,255,.06) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .sup-tab-v3400{ background:linear-gradient(180deg,#262e40,#181e2b) !important; background-image:linear-gradient(180deg,#262e40,#181e2b) !important; color:#dfe3e9 !important; border-color:rgba(255,255,255,.06) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .sup-tab-v3400.is-sup-live-v3400{ background:linear-gradient(180deg,#2c5cbe,#1c4aa4) !important; color:#fff !important; border-color:rgba(121,171,255,.5) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) details{ background:#34373a !important; background-image:none !important; border-color:rgba(125,155,215,.32) !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) details summary{ background:transparent !important; color:#f1f2f4 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) details :is(p,div,li){ color:#a8afb8 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .sup-sla-v3100 :is(div,dl){ background:#34373a !important; background-image:none !important; border-color:rgba(125,155,215,.32) !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .sup-sla-v3100 :is(dd,p,span){ color:#a8afb8 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .trust-guide-close-v310{ background:linear-gradient(180deg,#262e40,#181e2b) !important; background-image:linear-gradient(180deg,#262e40,#181e2b) !important; color:#e7eaee !important; box-shadow:none !important; }

/* 두 모드 공통 — 판 위 장식 실선(1px 무지개·흰 줄) 제거 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(article,.page-hero)::before, html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(article,.page-hero)::after{ display:none !important; }

/* 밝은 화면 — 판 광택 실선을 걷고 부드러운 그림자 하나만 */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(article,.page-hero,[class*="pc-rise"],.trust-guide-close-v310){ box-shadow:0 16px 34px -22px rgba(24,40,70,.18) !important; }

/* 미디어아트 무대 — 벽·바닥 빛이 가짜요소(::before/::after)라 훑개가
   못 만진다. 어두운 벽으로 바꿔 흰 안개 띠를 없앤다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .mc-wall::before{ background:linear-gradient(180deg,#26292e,#1f2126) !important; box-shadow:0 26px 56px -28px rgba(0,0,0,.6) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .mc-stage::after{ background:linear-gradient(180deg,rgba(0,0,0,0),rgba(20,23,27,.55)) !important; }
html[data-theme="dark"] body.production-suite-v309:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g)::before{ opacity:.3 !important; }

/* 생성기 아랫판(.ez) — 입력줄 뒤에 깔린 밝은 탁자(::before, 214,226,242)가
   가짜요소라 훑개가 못 만졌다. 어두운 판으로 갈아 끼운다.
   미디어아트·스타일 전이 등 .ez 를 쓰는 생성기 전부에 적용된다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ez::before{ background:linear-gradient(rgba(0,0,0,0),#1b1d21 28px) !important; }

/* 다크 단추 — 유리(흐림) 재질을 걷는다. 평평한 면 + 얇은 테두리만. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,summary,[role="button"],[class*="btn"],[class*="chip"],[class*="pill"]){ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }

/* 층 구분 — 페이지 전체를 덮는 큰 틀([class*="-app"], 담요의 console 류에
   잡혀 판색이 되던 것)은 바탕보다 살짝만 밝은 바닥색으로 눌러,
   그 위 판(#34373a)·단추(#3c4045)와 층이 나뉘게 한다.
   [class][class] 는 담요 규칙(속성 2개)을 이기기 위한 무게추. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(main,div)[class*="-app"][class][class]{ background:#1b1d1f !important; }

/* 알약 금속 광택 — 여러 시트가 같은 흰 그라데이션 줄(::before)을
   40개 계열 단추에 얹는다. 시트를 훑어 계열을 모두 모아 한 번에 끈다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.a-btn,.btn,.button,.chip,.dp-chip,.dp-mini,.dp-pill,.dp-pop-close,.dp-round,.dp-solo,.dp-split,.dp-tab,.enterprise-button,.ez-apply,.ez-back,.ez-chip,.ez-mini,.ez-pick,.ez-pop-x,.ez-reset,.ez-round,.gti-refine,.gti-secondary,.gti-generate,.ic-ghost,.ie-refresh,.ie-upload,.image-model-trigger,.image-select-trigger,.image-generate-button,.market-detail,.market-hero-action,.market-preview-trigger,.market-tag,.mo-btn,.mo-chip,.mo-fchip,.mo-map,.mo-mini,.mo-opt,.mo-pill,.mo-pop-close,.mo-round,.mo-run,.mo-tplay,.mo-vb,.nav-pill,.on,.pill,.policy-link-v302,.tx-open-btn,.ws-btn,.mb-save,.ip-go,.is-primary,.primary,.enterprise-license-card__request,.enterprise-preview__play,.license-modal-close,.enterprise-media-modal__close,.enterprise-media-modal__backdrop,.menu-button,.nav-avatar-signout,.arife-theme-tgl,.afd-btn,.afd-opt,.enterprise-preview)::before{ display:none !important; }

/* 마켓 — 가운데 기둥(.market-shell)이 판색+그림자를 받아 양옆에
   세로 경계선을 만들었다. 두 모드 모두 기둥은 투명하게, 흰 광택 그림자도 끈다.
   [class] 반복은 담요 규칙을 이기기 위한 무게추. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-shell[class][class][class][class]{ background:transparent !important; box-shadow:none !important; border:0 !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-hero[class][class][class][class]{ box-shadow:none !important; }

/* 마켓 큰 판 두 개 — 배경과 같은 투명이라 구별이 없었고, 흰 광택 줄이
   모서리에서 곡선과 만나 뾰족하게 끝나 보였다. 판색을 주고 광택을 끈다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.market-hero,.market-catalogue){ background:#2e3134 !important; box-shadow:0 18px 40px -24px rgba(0,0,0,.6) !important; }
/* 0.8px 소수점 테두리는 배율에 따라 둥근 모서리 밖으로 삐져나와 보인다 — 1px 로 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.market-hero,.market-catalogue,.mk-console-v3700){ border-width:1px !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.market-hero,.market-catalogue){ box-shadow:0 16px 34px -22px rgba(24,40,70,.18) !important; }

/* 기업 라이선스 — 팝업 뒤 밝은 안개(가짜요소)와 결제 단추 광택.
   결제 단추는 판의 조용한 단추가 아니라 본색 파랑 주단추다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .license-modal::before{ display:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-license-card__request::before{ display:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-license-card__request{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; border-color:rgba(121,171,255,.45) !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-license-card__request *{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
/* 기업 상품 목록 판 — 아래로 갈수록 하얘지는 그라데이션을 걷고 마켓과 같은 판색으로 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-grid{ background:transparent !important; background-image:none !important; box-shadow:none !important; }

/* 광택 줄 2차 수확 — 기업 라이선스·필터 독·나브 부속에서 아직 살아 있던
   흰 광택(::before)을 마저 끈다. (.enterprise-tags button 은 클래스가 없어 부모로 잡는다) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.menu-button,.nav-avatar-signout,.arife-theme-tgl,.afd-btn,.afd-opt,.enterprise-preview,.enterprise-preview__play,.license-modal-close,.enterprise-media-modal__backdrop,.enterprise-media-modal__close)::before{ display:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-tags button::before{ display:none !important; }

/* 뾰족한 판 — 판색을 받은 큰 틀이 각진 채(radius 0) 남아 있었다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-shell{ border-radius:26px !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .mk-sheet-wrap-v3700{ background:transparent !important; box-shadow:none !important; }
/* 상품 카드가 판 테두리에 붙어 있었다 — 판 안쪽에 숨을 자리를 준다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-catalogue[class][class]{ padding-left:28px !important; padding-right:28px !important; padding-bottom:48px !important; }
/* 기업 카드 재생 단추 — 유리 원 위 ▶ 가 남색 글자라 안 보였고,
   글꼴에 따라 ▶ 가 색 이모지로 그려지기도 한다. 글자 대신
   CSS 세모(테두리 삼각형)로 그려서 어디서든 흰 세모가 보이게 한다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-preview__play{ background:rgba(8,12,18,.66) !important; border:1px solid rgba(255,255,255,.55) !important; box-shadow:0 10px 24px -12px rgba(0,0,0,.6) !important; color:#fff !important; }
/* 화살표는 i 상자를 거치지 않고 SVG 를 단추에 바로 얹는다 —
   i 상자가 시트들 싸움으로 검은 사각형을 남겨 화살표를 가렸다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-preview__play i{ display:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-preview__play svg.ent-play-tri-v4400{ display:block !important; width:20px !important; height:20px !important; margin-left:2px !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-preview__play svg.ent-play-tri-v4400{ color:#fff !important; }
/* 기업 계약 팝업 머리 — 문구 판(ent-overlay-card)이 담요에 잡혀 통판이 되면서
   영상 위에 스며들어야 할 제목·배지가 판 위 글이 되어 버렸다.
   판을 걷고 아래로 깔리는 그늘만 남기고, 영상은 머리 전체를 채우게 한다. */
/* 두 모드 공통 — 화이트에서도 검은 띠 대신 영상이 머리를 채우고
   문구는 그 위로 스며든다 (다크와 같은 차림). */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-request-preview__content[class][class][class][class]{ background:linear-gradient(180deg, rgba(4,8,14,0) 0%, rgba(4,8,14,.18) 30%, rgba(4,8,14,.45) 62%, rgba(4,8,14,.66) 100%) !important; box-shadow:none !important; border:0 !important;
  /* 그늘 상자가 영상 안에 떠 있는 반투명 판처럼 보였다 — 틀 끝까지 펼친다 */
  left:0 !important; right:0 !important; bottom:0 !important; border-radius:0 !important; padding:26px 22px 16px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-preview__orb{ background:transparent !important; background-image:none !important; box-shadow:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-request-preview__visual video{ object-fit:cover !important; }

/* 마켓 카드 재생 단추 — 기업 카드와 같은 차림으로 통일.
   화살표는 글꼴 타지 않는 SVG, 광택(::before)은 끈다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-media-play svg.mk-play-tri-v4400{ display:block !important; margin-left:2px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-media-play span{ display:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-media-play{ background:rgba(8,12,18,.66) !important; border:1px solid rgba(255,255,255,.55) !important; box-shadow:0 10px 24px -12px rgba(0,0,0,.6) !important; color:#fff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-media-play::before{ display:none !important; }

/* 다크 — 바탕의 사선 빗금을 아예 끈다. 화이트에는 안 보이는 무늬라
   두 모드를 같게 맞춘다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g)::before{ display:none !important; }

/* 결제 페이지 — 주문 요약을 다른 판들과 같은 판색으로 잡고,
   결제하기 단추의 은색 광택을 걷는다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ck-order-v3900{ background:#2e3134 !important; border-color:rgba(255,255,255,.06) !important; box-shadow:0 18px 40px -24px rgba(0,0,0,.6) !important; }
/* 결제 CTA(.pay-btn) — 은색 유리 캡슐이라 화이트에선 흰 글씨가 안 읽히고
   다크에선 판이 사라져 맨글씨만 남았다. 두 모드 모두 파란 주단추로 통일. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pay-btn::before{ display:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pay-btn{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; background-image:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border:0 !important; border-radius:14px !important; box-shadow:0 10px 24px -12px rgba(20,50,120,.5) !important; text-shadow:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pay-btn[disabled]{ opacity:.45 !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pay-btn *{ color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* 결제 단계 표시 — 다크에서 세 칸이 다 같은 회색이라 지금 단계가
   안 보였다. 밝은 화면처럼 파란 테두리·파란 번호로 표시한다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .checkout-steps-v308 span{ background:#2e3134 !important; border-color:rgba(255,255,255,.06) !important; color:#a0a7af !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .checkout-steps-v308 span b{ background:#3a3d41 !important; border-color:rgba(255,255,255,.06) !important; color:#9cc0ff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .checkout-steps-v308 span.active{ border-color:rgba(121,171,255,.65) !important; background:linear-gradient(145deg,#22304f,#161c28) !important; color:#e8edff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .checkout-steps-v308 span.active b{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; border-color:#b4c0ff !important; color:#fff !important; }
/* 주문 요약 규격표 — 칸 사이 실선이 밝은 하늘색이라 둥근 모서리에서
   색 빠진 틈처럼 보였다. 실선·테두리·모서리를 한 색으로 맞춘다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ck-order-spec-v3900{ background:#46494d !important; border:1px solid rgba(255,255,255,.06) !important; border-radius:12px !important; overflow:hidden !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ck-order-spec-v3900 > div{ background:#34373a !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
/* 규격표 값 글씨 — 어두운 줄용 연하늘색이라 밝은 화면에서 안 보였다 */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ck-order-spec-v3900 dd{ color:#33465e !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ck-order-spec-v3900 dt{ color:#5d6b80 !important; }

/* 요금 — 월간/연간 갈림 단추: 금속 유리 광택을 걷고 평평한 알약으로.
   고른 쪽만 파란 본색, 나머지는 조용하게. 두 모드 공통 구조. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-cycle{ background:#eef2f8 !important; border:1px solid #cdd8e6 !important; border-radius:999px !important; padding:4px !important; box-shadow:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-cycle button{ background:transparent !important; background-image:none !important; box-shadow:none !important; border:0 !important; border-radius:999px !important; color:#33465e !important; text-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-cycle button.active{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-cycle button.active *{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-cycle{ background:#2e3134 !important; border-color:rgba(255,255,255,.06) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-cycle button{ color:#a0a7af !important; }
/* 플랜 확인 창(다크) — 뒤가 안 어두워져 창이 묻혔고, 이어가기 단추가
   조용한 회색이라 어디를 눌러야 할지 안 보였다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .plan-review-backdrop-v308{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; border:0 !important; border-radius:0 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .plan-review-backdrop-v308{ background:rgba(5,7,11,.9) !important; backdrop-filter:blur(6px) !important; }
/* 반투명이면 뒤 내용 기둥과 빈 바탕의 밝기 차가 세로 경계선처럼 비친다 —
   거의 불투명하게 눌러 경계가 안 보이게 한다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) a[data-review-continue]{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; border-color:rgba(121,171,255,.45) !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) a[data-review-continue] *{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .plan-review-close-v308{ background:linear-gradient(180deg,#262e40,#181e2b) !important; border:1px solid rgba(255,255,255,.06) !important; color:#e7eaee !important; }
/* 진짜 범인 — 판 가림막(backdrop) 단추에도 흰 광택(::before)이 얹혀 있어
   1700px짜리 흰 안개 기둥이 되고, 그 양끝이 세로 경계선으로 보였다.
   가림막 계열의 광택은 전부 끈다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) [class*="backdrop"]::before{ display:none !important; } /* 화이트에서도 같은 흰 기둥이 경계선을 만든다 */

/* 플랜 확인 창 마감 — X 막대가 남색이라 다크에서 안 보였고,
   플랜 글자 조각(PRO)이 흰 글자라 화이트에서 안 보였다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .plan-review-close-v308::before, html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .plan-review-close-v308::after{ background:#e7eaee !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .plan-review-core-v308{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border:0 !important; box-shadow:0 6px 14px -8px rgba(0,0,0,.5) !important; }

/* 요금 머리판 — 빈 판에 테두리만 떠 있어 경계선처럼 보였다.
   다크는 은은한 판색을 깔고, 두 모드 다 테두리를 낮춘다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-hero{ background:#191b1d !important; border-color:#26292e !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-hero{ border-color:rgba(180,198,222,.45) !important; }

/* 요금 페이지(다크) — 판 위 흰 광택 실선을 걷고, 입체감은
   아래로 떨어지는 어두운 그림자 하나로만 낸다. */
html[data-theme="dark"] body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(section,article,[class*="plan"],[class*="card"],[class*="hero"]):not(button):not(a):not(input):not(.plan-review-core-v308):not([class*="cycle"]):not(.pricing-cards){ box-shadow:0 18px 40px -24px rgba(0,0,0,.6) !important; }
/* 2026-09-05 — 카드 세 장을 묶는 격자(.pricing-cards)는 판이 아니다. 투명한데 그림자만 남아 뒤에 판이 하나 더 있는 것처럼 보였다. */
html body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .pricing-cards{ box-shadow:none !important; background:transparent !important; outline:0 !important; }

/* 주문 확인 창(v303 — 크레딧 충전·마켓 단건에서 사용) 다크 정리 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) [class*="commerce-review-"]::before{ display:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-dialog-v303{ background:#2e3134 !important; border:1px solid rgba(255,255,255,.06) !important; box-shadow:0 30px 70px -30px rgba(0,0,0,.8) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-head-v303 :is(p,h2,span){ color:#f1f2f4 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-head-v303 span{ color:#a0a7af !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303{ background:#34373a !important; border:1px solid rgba(255,255,255,.06) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303 small{ color:#9cc0ff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303 strong{ color:#f1f2f4 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303 p{ color:#a0a7af !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-object-v303{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; box-shadow:none !important; border:0 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-line-v303 :is(span,strong){ color:#c6cdd5 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-line-v303.total strong{ color:#f1f2f4 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-consent-v303{ background:#2e3134 !important; border-color:rgba(255,255,255,.06) !important; color:#c6cdd5 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-cancel-v303{ background:linear-gradient(180deg,#262e40,#181e2b) !important; background-image:linear-gradient(180deg,#262e40,#181e2b) !important; border:1px solid rgba(255,255,255,.06) !important; color:#e7eaee !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-confirm-v303{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; background-image:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; border:0 !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-confirm-v303[disabled]{ opacity:.45 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-close-v303{ background:linear-gradient(180deg,#262e40,#181e2b) !important; border:1px solid rgba(255,255,255,.06) !important; color:#e7eaee !important; box-shadow:none !important; }

/* 훑개 3차 — 흰 광택 덮개 자동 탐지 표식. 어떤 페이지·팝업이든
   광택이 실제로 그려진 요소에 훑개가 이 표식을 붙인다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dg-noshine::before{ display:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dg-noshine-a::after{ display:none !important; }

/* 결제창(토스) 열림 — 사이트 맞춤 커서가 카드 입력창 위에서 멎고
   OS 커서도 숨겨져 "포인터가 안 들어가는" 느낌을 만든다.
   토스 창이 떠 있는 동안은 진짜 커서를 되살리고 고리를 숨긴다. */
html.custom-cursor-enabled:has(iframe[src*="tosspayments"]) *{ cursor:auto !important; }
html:has(iframe[src*="tosspayments"]) .motion-cursor{ display:none !important; }

/* ═══ 다크 단추 결 — 남색 유리 (2026-08-29, 사용자 지정 결) ═══
   회색 민판 대신 '기업 라이선스' 단추 같은 짙은 남색 면 + 푸른 테두리
   + 옅은 윗빛. 본색 단추(파랑·제출·재생 등)는 그대로 둔다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,.button,a.button):not(.is-pri):not(.primary):not([class*="primary"]):not([class*="submit"]):not(.arife-theme-tgl):not([class*="backdrop"]):not(.enterprise-preview__play):not(.fg-sw):not([class*="play"]):not([class*="toggle"]):not(.pay-btn):not([class*="ent-pay"]):not([class*="__request"]):not([class*="auth-provider"]):not(.ip-back):not([class*="-back"]){
  background:linear-gradient(180deg,#262e40,#181e2b) !important;
  border-color:rgba(125,155,215,.32) !important;
  color:#dfe7f2 !important;
  box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* 고른 것·켜진 것 — 남색 면 위에 파란 빛 테 (사용자 견본 결) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(a,button,.button,[role="button"],li):is(.active,.is-active,.is-on,.on,.selected,.is-selected,[aria-selected="true"],.is-current,.is-doc-now,[aria-pressed="true"],[aria-current]):not(.arife-theme-tgl):not([class*="backdrop"]):not(.pay-btn):not([class*="primary"]):not(.is-pri):not(.auth-provider):not(.auth-provider *):not(.pp-card):not(#_h):not(#_i){
  background:linear-gradient(180deg,#2f4d80,#1d3059) !important;
  border:1px solid rgba(140,185,255,.7) !important;
  box-shadow:0 0 0 1px rgba(120,180,255,.3), 0 6px 16px -8px rgba(20,50,120,.8), inset 0 1px 0 rgba(255,255,255,.12) !important;
  color:#f2f7ff !important;
}

/* 2026-09-08 — 다크에서 '고른 것'이 안 보이던 문제: 요금 주기·플랜 고르개는 라이트와 같은 파란 면 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j) :is(.pricing-cycle button,[data-fit-plan]).active{
  background:linear-gradient(180deg,#3d78e4,#1c56be) !important;
  border:1px solid rgba(150,190,250,.8) !important;
  box-shadow:0 0 0 1px rgba(120,180,255,.35), 0 8px 18px -8px rgba(24,64,150,.85), inset 0 1px 0 rgba(255,255,255,.25) !important;
  color:#fff !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j) :is(.pricing-cycle button,[data-fit-plan]).active *{ color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* 다크 첫 그리기 가림 — 훑개가 한 번 돌기 전까지 몸통을 감춰
   밝은 판이 번쩍이는 것을 막는다 (0.9초 안전장치는 JS에). */
html[data-theme="dark"]:not([data-dg-ready]) body{ visibility:hidden !important; }

/* 2026-08-29n — 앞판 입체감: 판 위의 판은 한 단계 밝게 + 떠 있는 그림자 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) aside.market-hero-side{ background:#34373a !important; border-color:rgba(255,255,255,.09) !important; box-shadow:0 18px 44px -20px rgba(0,0,0,.72) !important; }

/* 2026-08-29o — 스타일 전이 은빛 안개(무대 바닥·입력바 뒤) 어둡게 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-stage::after{ background:linear-gradient(rgba(0,0,0,0),rgba(10,12,15,.55)) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp::before{ background:linear-gradient(rgba(14,16,18,0),#101215 34px) !important; }
/* 2026-08-29o — AI 스튜디오 카드 단추: 남색 유리 표준 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .sh-card>span:last-child{ background:linear-gradient(180deg,#262e40,#181e2b) !important; border:1px solid rgba(125,155,215,.32) !important; color:#dfe7f2 !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; border-radius:999px !important; }

/* ===== 2026-08-29q — 번쩍임 원천 차단 · 왼쪽 판 입체 · 아바타 판 단추 ===== */
/* (a) 상단 띠·알약: 자바스크립트가 칠하기 전에도 이미 어둡게 — 첫 그리기 흰 번쩍임 제거 */
html[data-theme="dark"] .site-nav{ background:linear-gradient(180deg,rgba(24,32,46,.6),rgba(13,19,29,.35) 52%,rgba(13,19,29,.5)),rgba(15,21,32,.62); border-bottom:1px solid rgba(255,255,255,.06); box-shadow:0 10px 26px -14px rgba(0,0,0,.6); }
html[data-theme="dark"] .site-nav .nav-links{ background:linear-gradient(180deg,rgba(28,38,54,.55),rgba(15,21,32,.3) 50%,rgba(15,21,32,.5)),rgba(20,28,42,.55); border:1px solid rgba(90,115,160,.32); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
html[data-theme="dark"] .site-nav .nav-links > a, html[data-theme="dark"] .site-nav .nav-links > .nav-group > a{ background:transparent; border-color:transparent; color:#aebacd; box-shadow:none; }
html[data-theme="dark"] .site-nav .nav-links > a.active, html[data-theme="dark"] .site-nav .nav-links > a[aria-current="page"], html[data-theme="dark"] .site-nav .nav-links > .nav-group > a.active{ background:rgba(70,110,180,.45); border-color:rgba(140,180,240,.4); color:#fff; }
html[data-theme="dark"] .site-nav :is(.nav-pill,.button,[class*="credit"],[class*="role"],.top-role-trigger):not(.primary):not(.ws-nav-primary):not(.nav-avatar-button){ background:linear-gradient(180deg,#262e40,#181e2b); border-color:rgba(100,130,180,.4); color:#dfe7f2; box-shadow:0 6px 14px -8px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08); }
/* (b) 아바타 펼침 판 속 단추 — 남색 유리 + 입체 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-avatar-menu :is(a,button):not(.nav-avatar-button){ background:linear-gradient(180deg,#262e40,#181e2b) !important; background-image:linear-gradient(180deg,#262e40,#181e2b) !important; border:1px solid rgba(125,155,215,.32) !important; color:#dfe7f2 !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-avatar-menu :is(a,button):hover{ background:linear-gradient(180deg,#2d3850,#1d2536) !important; border-color:rgba(140,175,235,.5) !important; }
/* (c) 마이페이지 왼쪽 판 — 바탕과 구분되게 띄우고 흰 실선 제거 */
/* 2026-09-01b — 테마를 왔다 갔다 하면 마이페이지 왼쪽 판이 사라지던 것
   위쪽(#_a~#_g + :is(main,section,article,aside) + :not 넷)의 "판 지우기"
   규칙이 이 규칙보다 가중치가 높아서(7,5,3 > 7,4,3) 레일 배경을
   transparent 로 덮고 있었다. 첫 그리기 때는 theme.js 가 인라인으로
   칠해 줘서 멀쩡해 보였을 뿐이고, 테마를 바꾸면 그 인라인이 걷히면서
   가려져 있던 CSS 문제가 드러났다 — 판이 통째로 투명해진다(실측).
   갑옷 한 겹(#_rl)을 더해 되찾는다. 이제 JS 가 칠하든 말든 CSS 만으로
   판 색이 맞는다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_rl) :is(aside,nav)[class*="rail"]:not([class*="rail-nav"]):not([class*="rail-note"]), html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_rl) aside[class*="sidebar"]{ background:#34373a !important; border:1px solid rgba(255,255,255,.09) !important; box-shadow:0 18px 44px -20px rgba(0,0,0,.72) !important; }

/* 2026-08-29r — 손 얹거나 누를 때 흰 단추가 번쩍이던 규칙들(8곳) 덮기 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(a,button,.button,summary,[role="button"],li):is(:hover,:active,:focus-visible):not(.site-nav *):not([class*="primary"]):not(.is-pri):not(.pay-btn):not(.arife-theme-tgl):not([class*="backdrop"]):not(.auth-provider):not(.auth-provider *){ background-image:linear-gradient(180deg,#2d3850,#1d2536) !important; background-color:#2d3850 !important; color:#eaf2ff !important; }

/* 2026-08-29s — 플랜 아이콘(STANDARD 등) 글자가 네모 밖으로 삐져나오던 것 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.plan-review-core-v308,.plan-review-core-v3900){ display:grid !important; place-items:center !important; text-align:center !important; overflow:hidden !important; padding:0 3px !important; font-size:9px !important; line-height:1 !important; letter-spacing:0 !important; white-space:nowrap !important; }

/* 2026-08-29t — 기업 라이선스 결제 CTA 는 파란 주 단추다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.ent-pay-v1800,[class*="ent-pay"],.enterprise-license-card__request){ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; background-image:linear-gradient(180deg,#3d78e4,#1c56be) !important; border:1px solid rgba(120,170,255,.55) !important; color:#fff !important; box-shadow:0 8px 20px -10px rgba(28,86,190,.7), inset 0 1px 0 rgba(255,255,255,.16) !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.ent-pay-v1800,[class*="ent-pay"],.enterprise-license-card__request) :is(b,strong,span,i){ color:#fff !important; }

/* 2026-08-29w — 계약 요청서 "준비 완료" 안내가 붉은 글씨라 오류로 읽혔다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-result{ color:#8fe3b4 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .contract-result{ color:#0f7a46 !important; }

/* ===== 2026-08-30a — 마켓 '주문 확인' 창이 화이트 모드에서 안 보이던 문제 =====
   이 창은 원래 어두운 카드로 만든 것인데, 화이트 화면의 글자색 규칙이
   안으로 새어 들어가 어두운 판 위에 어두운 글씨가 됐다(실측: 상품명·금액이
   전부 안 보임). 화이트에서도 이 창만은 제 색을 쓰게 못 박는다. */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-dialog-v303{ border:1px solid #506581 !important; background:radial-gradient(circle at 88% -5%,rgba(123,158,225,.15),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.045),transparent 43%),linear-gradient(145deg,#171f2c,#080c13 74%) !important; color:#dce7f8 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-body-v303{ color:#dce7f8 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-head-v303 h2{ color:#fff !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-head-v303 p{ color:#9bbcf1 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-head-v303 span{ color:#8592a5 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303{ background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),#0c131e !important; border-color:#35465f !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303 strong{ color:#fff !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303 small{ color:#8dabdd !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-product-v303 p{ color:#7f8da2 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-line-v303 span{ color:#8592a5 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-line-v303 strong{ color:#dce7f8 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-line-v303.total span{ color:#c9d7ec !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-line-v303.total strong{ color:#bad2ff !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-consent-v303{ background:#0c131e !important; border-color:#35465e !important; color:#aeb9ca !important; }
/* 덮개가 14x4 로 쪼그라들어 바깥을 눌러도 안 닫히고 뒤가 안 어두워졌다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-backdrop-v303{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; }
/* 화이트에서 결제 진행 단추가 흰 유리로 바뀌어 어두운 창에 묻혔다 — 파란 주 단추로 */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-confirm-v303:not(:disabled){ background:linear-gradient(135deg,#477fdf,#596fd0 52%,#7465cf) !important; background-image:linear-gradient(135deg,#477fdf,#596fd0 52%,#7465cf) !important; border:1px solid #a5c6fd !important; color:#fff !important; box-shadow:inset 0 1px rgba(255,255,255,.28),0 5px 0 #263f86,0 16px 28px rgba(36,78,170,.29) !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-confirm-v303:disabled{ background:#151d29 !important; background-image:none !important; border-color:#39465a !important; color:#5f6b7d !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .commerce-review-cancel-v303{ background:#101722 !important; background-image:none !important; border:1px solid #3d4a5f !important; color:#aeb9ca !important; }

/* 2026-08-30b — a 로 만든 단추도 남색 유리 표준을 따른다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(a,summary)[class*="button"]:not([class*="primary"]):not(.is-pri):not([class*="submit"]):not(.arife-theme-tgl):not([class*="backdrop"]):not([class*="play"]):not([class*="toggle"]):not(.pay-btn):not([class*="ent-pay"]){ background:linear-gradient(180deg,#262e40,#181e2b) !important; background-image:linear-gradient(180deg,#262e40,#181e2b) !important; border:1px solid rgba(125,155,215,.32) !important; color:#dfe7f2 !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(a,summary)[class*="button"]:not([class*="primary"]):not(.is-pri):not([class*="submit"]):not(.arife-theme-tgl):not([class*="backdrop"]):not([class*="play"]):not([class*="toggle"]):not(.pay-btn):not([class*="ent-pay"]) :is(strong,b,span,i){ color:#dfe7f2 !important; -webkit-text-fill-color:currentcolor !important; }

/* ===== 2026-08-30d — 로그인 창(로그아웃 상태) ===== */
/* 카카오는 노란 단추여야 말풍선(짙은 갈색)이 보인다 — 남색으로 칠하면 아이콘이 사라진다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-provider.kakao{ background:linear-gradient(180deg,#ffea55,#fee500) !important; background-image:linear-gradient(180deg,#ffea55,#fee500) !important; color:#2b2400 !important; border:0 !important; box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.9), inset 0 0 0 1px rgba(198,178,0,.5), 0 12px 22px -14px rgba(120,100,0,.6) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-provider.kakao :is(strong,b,span){ color:#2b2400 !important; -webkit-text-fill-color:currentcolor !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-provider.kakao::after{ color:#7a6b00 !important; }
/* 구글은 흰 단추가 브랜드 규격이다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-provider.google{ background:radial-gradient(96% 60% at 50% 2%,#fff,rgba(255,255,255,.9) 44%,rgba(246,250,255,.84)) !important; background-image:radial-gradient(96% 60% at 50% 2%,#fff,rgba(255,255,255,.9) 44%,rgba(246,250,255,.84)) !important; color:#1b3e6b !important; border:0 !important; box-shadow:inset 0 0 0 1px rgba(160,196,244,.6), 0 12px 22px -14px rgba(20,45,90,.55) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-provider.google :is(strong,b){ color:#1b3e6b !important; -webkit-text-fill-color:currentcolor !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-provider.google::after{ color:#7d9bc0 !important; }
/* 이메일로 계속하기 — 판이 사라져 글씨만 떠 있었다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-email-toggle{ background:linear-gradient(180deg,#262e40,#181e2b) !important; background-image:linear-gradient(180deg,#262e40,#181e2b) !important; border:1px solid rgba(125,155,215,.32) !important; color:#dfe7f2 !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07) !important; border-radius:15px !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-email-toggle :is(span,b,strong,i){ color:#dfe7f2 !important; -webkit-text-fill-color:currentcolor !important; }

/* 2026-08-30g — 로그인 창 영문 로고가 검게 칠해져 안 보였다.
   원본이 흰 로고라 밝은 판에서는 뒤집어 어둡게 쓰는데, 어두운 판에서는
   그 뒤집기가 그대로 남아 검은 덩어리가 됐다. 어두울 땐 원본 그대로. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-panel-logo:not(#_h):not(#_i):not(#_j):not(#_k){ filter:none !important; -webkit-filter:none !important; background:transparent !important; background-image:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.auth-showcase-brand,.auth-panel-inner) .auth-panel-logo:not(#_h):not(#_i):not(#_j):not(#_k){ filter:none !important; }

/* 2026-08-30h — 로그인·가입하기 글자가 단추 아래쪽으로 내려앉아 있었다.
   위아래 여백 13px + 줄높이 20.8px = 46.8px 인데 단추 높이는 38px 라
   글자가 밑으로 밀렸다. 가운데 정렬로 바로잡는다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .auth-tabs button{ display:flex !important; align-items:center !important; justify-content:center !important; padding-top:0 !important; padding-bottom:0 !important; line-height:1 !important; }

/* ===== 2026-08-30i — 부분 편집 창(다크) ===== */
/* 덮개가 2x32px 로 쪼그라들어 뒤가 안 어두워지고 바깥 클릭도 안 먹었다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-back{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:rgba(2,6,12,.66) !important; background-image:none !important; -webkit-backdrop-filter:blur(14px) saturate(1.1) !important; backdrop-filter:blur(14px) saturate(1.1) !important; }
/* 판이 투명해져 뒤 그림들이 그대로 비쳤다 — 제 판을 돌려준다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-box{ background:linear-gradient(180deg,#2b2e33,#212429) !important; background-image:linear-gradient(180deg,#2b2e33,#212429) !important; border:1px solid rgba(255,255,255,.09) !important; box-shadow:0 30px 90px rgba(0,0,0,.62), inset 0 1px rgba(255,255,255,.06) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; color:#e8f0fb !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-box > :is(header,footer){ background:transparent !important; }
/* 안내 문구가 너무 흐렸다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-box :is(p,small,.ip-hint,[class*="hint"]){ color:#aab3bd !important; }

/* 2026-08-30j — 단추 속 아이콘(연필 등)이 짙은 남색 그대로라 어두운 단추에서
   안 보였다. 아이콘은 단추 글자색을 따르게 한다(브랜드 단추는 제외). */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,a,summary,label,[role="button"]):not(.auth-provider) svg{ color:inherit !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,a,summary,label,[role="button"]):not(.auth-provider) svg *{ color:inherit !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,a,summary,label,[role="button"]):not(.auth-provider) svg :is(path,circle,rect,polygon,line,ellipse):not([fill]){ fill:currentColor !important; }

/* ===== 2026-08-30k — 부분 편집 창 정리 (화이트·다크 공통) =====
   이 창은 그림을 다루는 자리라 두 모드 모두 어두운 판을 쓴다. */
/* 되돌리기 줄 묶음은 단추가 아니다 — 알약 차림이 잘못 걸려 손을 올리면
   파란 알약이 통째로 깔렸다(깨진 :hover 규칙, 같은 파일에서 함께 고침) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-undo{ background:none !important; background-color:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; min-height:0 !important; padding:0 !important; overflow:visible !important; }
/* 설정 칸이 어떤 건 카드, 어떤 건 맨바닥이라 들쭉날쭉했다 — 같은 카드로 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-side{ display:flex !important; flex-direction:column !important; gap:12px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-side > :is(.ip-tools,.ip-field){ background:#2f3237 !important; background-image:none !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:14px !important; padding:14px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-side > .ip-note{ margin:-4px 2px 0 !important; }

/* 2026-08-30 — 프롬프트가 함께 오는 작품 표시 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-badge-prompt{ background:linear-gradient(180deg,#3d78e4,#1c56be) !important; background-image:linear-gradient(180deg,#3d78e4,#1c56be) !important; color:#fff !important; border:1px solid rgba(120,170,255,.55) !important; }

/* 2026-08-30n — 마켓 목록 안쪽 시트가 다크에서만 회색으로 칠해져 있었다.
   각진 사각형이라 바깥 둥근 판 안에서 쪽번호 바로 밑을 잘라먹었고,
   아래 여백도 0이라 번호와 판 끝이 딱 붙어 보였다(화이트는 투명이라 멀쩡). */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .mk-sheet-wrap-v3700:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }

/* ══════════════════════════════════════════════════════════
   2026-08-30p — 상품 등록 창 정리 · 마켓 판 색 · 기업 두 겹
   ══════════════════════════════════════════════════════════ */

/* ① 확인 문구가 두 칸짜리 표의 좁은 칸에 갇혀 세로로 눌려 있었다 —
      한 줄을 통째로 쓰게 한다(개인·기업 등록 공통). */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-submit-row-v307 > label:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ grid-column:1 / -1 !important; }
/* ② 네모 칸이 글 입력칸 차림을 물려받아 검은 상자로 커져 있었다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-submit-row-v307 input[type="checkbox"]:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o),
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .flow-form input[type="checkbox"]:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ -webkit-appearance:checkbox !important; appearance:checkbox !important; width:16px !important; height:16px !important; min-width:0 !important; min-height:0 !important; padding:0 !important; margin:3px 0 0 !important; border-radius:3px !important; flex:0 0 auto !important; background:none !important; box-shadow:none !important; accent-color:#3d78e4 !important; }
/* ③ 안내 문구 뒤에 회색 띠가 깔려 줄처럼 보였다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.field-hint,.field-hint-v1600,.field-message,.field-message-v1600):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; }
/* ④ 등록 창의 실선 정리 — 칸마다 회색 테가 둘려 어수선했다.
      바깥 판만 남기고 안쪽 묶음의 테는 아주 옅게. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-head-v307,.product-progress-v307,.flow-form,.product-form-v307,.branch-label-v1600):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-color:rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-submit-row-v307 > :is(div,label):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-color:rgba(255,255,255,.07) !important; }
/* ⑤ 마켓 목록 판에도 기업 라이선스와 같은 판 색을 준다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-catalogue:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#2e3134 !important; background-image:none !important; border:1px solid rgba(255,255,255,.07) !important; }
/* ⑥ 기업 라이선스가 판 두 겹으로 보였다 — 앞의 작은 판은 지우고
      뒤의 큰 판만 남긴다. */


/* ===== 20260830q — 상품 등록 폼(단건/기업) 정리 ===== */
/* 1) 숨겨진 안내·오류 문구가 다시 나타나던 문제 (중복 문장) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) [hidden]:not([hidden="until-found"]):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:none; }
/* 2) 파일 추가 타일의 ＋ 가 두 번 그려지던 문제 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .file-drop > b::after{ content:none !important; }
/* 3) 등록 단추의 화살표가 두 개로 보이던 문제 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.flow-submit,[data-product-submit],.publish-button-v307)::after{ content:none !important; }
/* 4) 보조 설명 문구는 굵기를 낮춘다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.field-hint,.field-hint-v1600):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ font-weight:500 !important; }

/* 5) 다크 — 안내 요소는 단추처럼 보이지 않게, 은은한 카드로 통일 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .file-drop:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#26282b !important; background-image:none !important; border-color:rgba(120,150,190,.28) !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .file-drop > b:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:rgba(61,120,228,.16) !important; background-image:none !important; color:#8ab4ff !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .file-drop strong:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#e7eaee !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .file-drop small:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#98a2ad !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .file-drop::before:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#7b8592 !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-submit-note-v307,.flow-status):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#26282b !important; background-image:none !important; border-color:transparent !important; color:#98a2ad !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-watermark-policy:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:rgba(61,120,228,.08) !important; background-image:none !important; border-color:transparent !important; color:#98a2ad !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-watermark-policy > b:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#8ab4ff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-submit-row-v307 > label:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-submit-row-v307 > label span:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#a8b1bb !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .payout-inline-v1600:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#26282b !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .payout-inline-v1600 > div:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-top-color:rgba(255,255,255,.06) !important; }


/* ===== 20260830r — 마켓·기업 라이선스 판(패널) 한 겹으로 ===== */
/* 마켓 첫 화면 판 색을 아래 목록 판과 맞춘다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-hero:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#2e3134 !important; background-image:none !important; border-color:rgba(255,255,255,.07) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-hero-side:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#35383c !important; background-image:none !important; border-color:rgba(255,255,255,.07) !important; box-shadow:0 18px 40px -26px rgba(0,0,0,.7) !important; }


/* ===== 20260830s — 실선 대신 색이 있는 판으로 ===== */
/* 상품 등록 팝업(단건·기업): 뒤배경을 한 색으로 꽉 채우고 칸은 판으로 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-pop:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#26282b !important; background-image:none !important; }
html[data-theme="dark"] body:is(.product-personal-flow,.product-business-flow):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#26282b !important; background-image:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-head-v307,.product-progress-v307 > article,.flow-form,.admin-section,.admin-card,.product-manage-card,.publish-guide-dialog-v307):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#2e3134 !important; background-image:none !important; border-color:transparent !important; box-shadow:0 18px 40px -26px rgba(0,0,0,.55) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-progress-v307,.product-grid-v307):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; }
/* 기업 라이선스 목록: 판 하나 안에 검색줄 + 카드, 실선 없음 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-catalog:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; border-color:transparent !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-catalog .enterprise-shell:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#2e3134 !important; background-image:none !important; border-color:transparent !important; box-shadow:0 18px 40px -26px rgba(0,0,0,.55) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-catalog .enterprise-filterbar:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-license-card:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#35383c !important; background-image:none !important; border-color:transparent !important; box-shadow:0 18px 40px -26px rgba(0,0,0,.6) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-license-card > .enterprise-license-card__body:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; box-shadow:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-card:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#35383c !important; background-image:none !important; border-color:transparent !important; }
/* 마켓 목록 판도 실선 없이 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .market-catalogue:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-color:transparent !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.market-hero,.market-hero-side):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-color:transparent !important; }


/* ===== 20260830w — 밝은 화면 판 정리 + 여백 ===== */
/* 1px 광택 선(가짜요소)을 끈다 — 두 모드 공통 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dg-noline::before:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dg-noline-a::after:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:none !important; }
/* 판을 팝업 폭에 맞춰 채우고, 안쪽 여백을 넉넉히 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main.product-publish-v307:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ margin-left:0 !important; margin-right:0 !important; width:100% !important; padding-left:14px !important; padding-right:14px !important; box-sizing:border-box !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-head-v307,.flow-form):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:34px 40px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-progress-v307:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:8px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .admin-section:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:28px 32px !important; }
@media(max-width:760px){
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-head-v307,.flow-form):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:26px 20px !important; }
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .admin-section:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:22px 18px !important; }
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main.product-publish-v307:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding-left:10px !important; padding-right:10px !important; }
}
/* 밝은 화면: 옅은 회색 바닥 위에 흰 판, 테두리 대신 그림자 */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-pop:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#eef1f5 !important; background-image:none !important; }
html:not([data-theme="dark"]) body:is(.product-personal-flow,.product-business-flow):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#eef1f5 !important; background-image:none !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-head-v307,.product-progress-v307 > article,.flow-form,.admin-section,.admin-card,.product-manage-card,.publish-guide-dialog-v307):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#ffffff !important; background-image:none !important; border-color:transparent !important; box-shadow:0 10px 30px -18px rgba(24,40,70,.28) !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-progress-v307,.product-grid-v307,.product-fields-v307,main.product-publish-v307):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; }

/* 밝은 화면 — 폼 안 안내 칸도 파란 테두리 대신 옅은 회색 판으로 */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.product-submit-note-v307,.flow-status,.payout-inline-v1600):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#f4f6f9 !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .product-watermark-policy:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:rgba(61,120,228,.06) !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; }

/* 두 칸이 나란히 놓일 때 한쪽만 아래로 내려앉던 문제 —
   칸이 늘어날 때 남는 공간이 이름표 줄에 붙어서 입력칸이 밀렸다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.form-field,.form-field.full):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ align-content:start !important; }
/* 제목 아래 파란 칸막이 선 제거 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.flow-form,.product-form-v307) > header:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-bottom-color:transparent !important; }

/* 마이페이지 왼쪽 차림표 판이 중간에서 끊겨 밑이 비어 보이던 문제 —
   본문 높이에 맞춰 아래까지 채운다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-rail-v305:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ align-self:stretch !important; min-height:calc(100vh - 92px) !important; }
/* 2026-09-04 390px 실측 — 위 규칙이 폰에서는 차림표 밑에 450px 빈칸을 만들어
   '내 계정'이 한 화면 아래로 내려갔다. 폰은 차림표가 위에 쌓이므로 높이를 풀어 준다. */
@media (max-width:900px){
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-rail-v305:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ min-height:0 !important; }
}

/* 어두운 화면 바탕을 마이페이지와 같은 색으로 — 뿌리까지 맞춘다 */
html[data-theme="dark"]{ background:#26282b !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#26282b !important; }

/* 기업 라이선스 — 판과 판 사이가 들쭉날쭉(60·48·30px)해서 넓어 보였다.
   30px으로 고르게 맞춘다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-proof-strip:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding-top:8px !important; padding-bottom:24px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .enterprise-catalog:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding-top:6px !important; }

/* 주 행동 단추는 어두운 화면에서도 강조 파랑을 지킨다 (남색 유리에 묻히지 않게) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(a,button,[role="button"]):is([class*="primary"],[class*="is-pri"],.flow-submit,[data-product-submit],.publish-button-v307):not(.site-nav *):not(.auth-provider):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:linear-gradient(180deg,#3f7ce8,#2a5fc4) !important; background-image:linear-gradient(180deg,#3f7ce8,#2a5fc4) !important; color:#ffffff !important; -webkit-text-fill-color:currentColor !important; border-color:rgba(255,255,255,.16) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(a,button,[role="button"]):is([class*="primary"],[class*="is-pri"],.flow-submit,[data-product-submit],.publish-button-v307):not(.site-nav *):not(.auth-provider) *:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#ffffff !important; -webkit-text-fill-color:currentColor !important; }

/* 좁은 창에서 위쪽 갈래 단추가 잘려 보이던 문제 — 잘리지 말고 옆으로 밀리게 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ic-tabs:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ overflow-x:auto !important; overflow-y:hidden !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ic-tabs::-webkit-scrollbar{ display:none !important; }

/* ===== 20260901d — 부분 편집 팝업 정리 ===== */
/* 팝업 판이 반투명 + 유리 흐림이라, 밝은 화면에서 뒤가 하얗게 비치고
   판 가장자리에 경계선이 생겼다. 불투명한 판으로 바꾼다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-box:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; background-image:none !important; border-color:transparent !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-box:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#2e3134 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-box:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#ffffff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-back:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:rgba(6,9,14,.72) !important; backdrop-filter:blur(10px) !important; -webkit-backdrop-filter:blur(10px) !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ip-back:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:rgba(206,216,232,.74) !important; backdrop-filter:blur(10px) !important; -webkit-backdrop-filter:blur(10px) !important; }
/* 고른 그림에 확실한 표시 — 파란 테두리 + 체크 배지 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ie-thumb:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ position:relative !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ie-thumb.on:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-color:#3d78e4 !important; box-shadow:0 0 0 2px #3d78e4 !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .ie-thumb.on::after{ content:"✓" !important; position:absolute !important; right:5px !important; top:5px !important; width:18px !important; height:18px !important; border-radius:50% !important; background:#3d78e4 !important; color:#ffffff !important; font:700 11px/18px system-ui,sans-serif !important; text-align:center !important; display:block !important; z-index:3 !important; }

/* 팝업 가림막은 화면을 넘치도록 깔아서 양옆에 경계선이 남지 않게 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.ip-back,[class*="-backdrop"],[class*="modal__backdrop"]):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ position:fixed !important; top:-12vh !important; left:-12vw !important; right:auto !important; bottom:auto !important; width:124vw !important; height:124vh !important; border-radius:0 !important; }
/* 게이지 — 채운 만큼 색이 차게 (숫자를 못 봐도 알 수 있게) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ --ap-fill:0%; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-webkit-slider-runnable-track{ background:linear-gradient(90deg,#3d78e4 0%,#3d78e4 var(--ap-fill,0%),rgba(255,255,255,.16) var(--ap-fill,0%),rgba(255,255,255,.16) 100%) !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-webkit-slider-runnable-track{ background:linear-gradient(90deg,#3d78e4 0%,#3d78e4 var(--ap-fill,0%),rgba(28,58,108,.18) var(--ap-fill,0%),rgba(28,58,108,.18) 100%) !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-moz-range-progress{ background:#3d78e4 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-moz-range-progress{ background:#3d78e4 !important; }


/* 마켓 — 상품 뒤를 받치던 판 제거 (검색줄·쪽 넘김까지 감싸고 있었다) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.mk-sheet-wrap-v3700):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; border-color:transparent !important; box-shadow:none !important; }

/* 마우스를 올리면 단추가 밝아지게 (두 모드 공통) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,[role="button"],.button,[class*="-btn"],[class*="btn-"],[class*="-action"],[class*="action-"],.flow-submit,[data-product-submit],a[class*="button"],a[class*="-cta"]):not(.site-nav *):not(:disabled):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ transition:filter .16s ease, transform .16s ease !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,[role="button"],.button,[class*="-btn"],[class*="btn-"],[class*="-action"],[class*="action-"],.flow-submit,[data-product-submit],a[class*="button"],a[class*="-cta"]):not(.site-nav *):not(:disabled):hover:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ filter:brightness(1.16) !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(button,[role="button"],.button,[class*="-btn"],[class*="btn-"],[class*="-action"],[class*="action-"],.flow-submit,[data-product-submit],a[class*="button"],a[class*="-cta"]):not(.site-nav *):not(:disabled):active:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ filter:brightness(.94) !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.landing-path-card-v302,.studio-path-card,[class*="path-card"]):hover :is([class*="path-action"],[class*="-action"]):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ filter:brightness(1.2) !important; }

/* ── 미디어아트 — 빈 무대 안내글·프롬프트 여백·벽 모양 그림 ────────
   안내글은 어두운 화면에서 바닥과 같은 색이라 아예 보이지 않았고,
   적는 칸은 글이 테두리에 붙어 있었다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .mc-empty strong:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::after{ color:#c3ccd7 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .mc-empty strong:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::after{ color:#4a5870 !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-input:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:6px 14px 12px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-input::placeholder{ color:#8b96a5; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-input::placeholder{ color:#8f99a6; }
/* 벽 모양 그림 위에 얹히던 물빛 반사 — 모양을 덮어 버렸다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart :is(.ez-pick i,.ez-pick .ez-shape):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::before{ display:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-shape em:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-radius:3px !important; }

/* ── 미디어아트 다이얼 — 유리 알약이 글 줄과 동그라미까지 덮고 있었다 ──
   '반영됨' 은 글 줄이지 단추가 아니고, 동그라미는 사진이 얼굴이라
   그 위에 광택을 얹으면 무엇을 고르는지가 안 보인다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart :is(.ez-apply,.ez-orb):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::before{ display:none !important; content:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-apply:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-width:0 !important; padding:0 !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-orb:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border:1px solid transparent !important; }
/* 굴릴 때 위아래가 뚝 끊겨 사진이 "나왔다 사라지는" 것처럼 보였다 — 부드럽게 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-wtrack:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ -webkit-mask:linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent) !important; mask:linear-gradient(180deg,transparent,#000 26%,#000 74%,transparent) !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #mediaart .ez-orb:not(.on):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ opacity:.62 !important; }

/* ── 스타일 전이 · 재료 뽑기(nodes) — 무대 아래를 검게 덮던 그늘 두 겹 ──
   바닥이 아주 어둡던 시절에 맞춰 둔 것이라, 지금 색에서는 판이 위아래로
   갈라진 것처럼 보였다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::before{ background:none !important; background-image:none !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-stage:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::after{ background:none !important; background-image:none !important; }
/* 알약·카드 위에 얹히던 물빛 광택 — 이제 판 색으로 층을 나누므로 필요 없다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dp-seg,.dp-pick,.dp-row,.dp-pop-x,.dp-tab,.dp-libitem,.dp-msg,.dp-tail):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::before{ display:none !important; content:none !important; }
/* 두 줄짜리 고르기 알약은 숨이 막혔다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-seg:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:8px 16px !important; }

/* ── 스타일 전이 팝오버 — 간격과 여백 ────────────────────────────
   글이 판 모서리에 붙어 있었고 칸 사이 간격이 제각각이었다.
   위 여백 20 / 칸 사이 14 / 아래 22 로 한 벌로 맞춘다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-pop:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:20px 22px 22px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-pop-head:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ margin:0 0 16px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-rows:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ gap:14px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-row:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:16px 18px 17px !important; gap:11px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-row > b:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ margin:0 0 11px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-segs:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ gap:8px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-picks:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ gap:12px !important; margin-top:14px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-pick:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:14px 16px !important; gap:13px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dp-msg,.dp-tail):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:12px 16px !important; margin:14px 0 0 !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dp-msg,.dp-tail) + :is(.dp-msg,.dp-tail):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ margin-top:10px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-pop-head + :is(.dp-msg,.dp-tail):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ margin-top:0 !important; }
/* 알약 속 딸림 설명에 밑줄이 그어져 링크처럼 보였다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.dp-seg,.dp-pick,.dp-chip) u:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ text-decoration:none !important; display:block; margin-top:3px; }
/* 꼬리 줄에 적히는 '지금 켜져 있는 것' 이름들 — 요약이지 곁가지가 아니다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-tail > span:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#c3ccd7 !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-tail > span:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ color:#3b4a63 !important; }
/* 고르는 단추가 왼쪽에 몰리고 오른쪽이 통째로 비어 있었다 —
   칸을 나눠 가지게 해서 빈자리를 없앤다. 좁은 화면에서는 저절로 접힌다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-segs:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important; gap:8px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dp-seg:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ width:auto !important; }

/* ── 모션 전이 — 스타일 전이와 같은 간격·채움 규칙 ─────────────── */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp .mo-pop:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:20px 22px 22px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp .mo-pop-head:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ margin:0 0 16px !important; }
/* 단추가 왼쪽에 몰리고 오른쪽이 비던 것 — 칸을 나눠 갖게 한다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp .mo-pills:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)) !important; gap:8px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp .mo-pill:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ width:auto !important; padding:0 12px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp :is(.mo-grid,.mo-maps):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important; gap:10px !important; }
/* 알약 속 딸림 설명의 밑줄 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp :is(.mo-chip,.mo-opt,.mo-pill,.mo-map) :is(u,s):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ text-decoration:none !important; }
/* 큰 '여기 놓으세요' 자리 위에 얹히던 물빛 광택 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) :is(.mo-drop,.vfx-stage):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::before{ display:none !important; content:none !important; }
/* 단추 위에 얹히던 물빛 광택 두 겹 — 이제 판 색과 그림자로 층을 나눈다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp :is(.mo-chip,.mo-opt,.mo-pill,.mo-map,.mo-round,.mo-mini,.mo-vb,.mo-fchip,.mo-pop-close,.mo-seg button):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::before,
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp :is(.mo-chip,.mo-opt,.mo-pill,.mo-map,.mo-round,.mo-mini,.mo-vb,.mo-fchip,.mo-pop-close,.mo-seg button):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::after{ display:none !important; content:none !important; }

/* ── 게이지 — 둥근 띠 하나로. 오른 만큼 색이 찬다 ────────────────── */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; -webkit-appearance:none !important; appearance:none !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-webkit-slider-runnable-track{ height:8px !important; border-radius:999px !important; box-shadow:none !important; background:linear-gradient(90deg,#4f88ea 0%,#4f88ea var(--ap-fill,0%),rgba(255,255,255,.20) var(--ap-fill,0%),rgba(255,255,255,.20) 100%) !important; }
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-webkit-slider-runnable-track{ height:8px !important; border-radius:999px !important; box-shadow:none !important; background:linear-gradient(90deg,#1c56be 0%,#1c56be var(--ap-fill,0%),rgba(28,58,108,.20) var(--ap-fill,0%),rgba(28,58,108,.20) 100%) !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none !important; appearance:none !important; width:20px !important; height:20px !important; margin-top:-6px !important; border-radius:999px !important; border:2px solid #ffffff !important; background:#3d78e4 !important; box-shadow:0 3px 8px -2px rgba(0,0,0,.45) !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-moz-range-track{ height:8px !important; border-radius:999px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) input[type="range"]::-moz-range-thumb{ width:18px !important; height:18px !important; border:2px solid #ffffff !important; background:#3d78e4 !important; }
/* 단추가 칸 안에서 왼쪽으로 쏠리던 것 — 세 개짜리도 한 줄로 나눠 갖는다.
   초 고르기 열세 개도 두 줄로 흩어지지 않고 한 줄에 고르게 선다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) #motionapp .mo-pills:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(72px,1fr)) !important; gap:8px !important; }

/* ── AI 영상 — 여백과 칸 나누기 ──────────────────────────────
   판을 세우고 나니 글이 판 모서리에 붙어 버렸다. 창 하나가 여백을
   맡고, 그 안의 머리·몸통은 자리만 잡는다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .unified-history-panel:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:22px 24px 24px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .unified-history-head:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:0 0 14px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-sheet:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:22px 24px 24px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-sheet-head:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:0 0 16px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-sheet-body:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:0 !important; gap:12px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-srow:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ padding:14px 16px 15px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-srow-head:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ margin:0 0 11px !important; }
/* 고르는 알약이 왼쪽에 몰리고 오른쪽이 비던 것 — 칸을 나눠 갖는다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-opts:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(96px,1fr)) !important; gap:8px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-opts > *:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ width:auto !important; }
/* 왼쪽만 각진 띠 — 다른 칸과 모서리가 어긋나 겹쳐 보였다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-lead:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ border-radius:14px !important; margin:0 0 12px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-tiles:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; gap:10px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-tile:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ min-width:135px !important; min-height:84px !important; flex:0 0 auto !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-pickrow:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important; gap:10px !important; margin-top:12px !important; }

/* ── 소리 스위치 — 켜짐·꺼짐이 눈에 보이게 ──────────────────────
   글만 바뀌던 단추라 지금 어느 쪽인지 알 수 없었다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-audio:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ display:inline-flex !important; align-items:center !important; gap:9px !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-sw:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){
  position:relative !important; flex:none !important; display:block !important;
  width:34px !important; height:20px !important; border-radius:999px !important;
  border:0 !important; font-style:normal !important;
  background:#9aa4b2 !important; background-image:none !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28) !important;
  transition:background .16s ease !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-sw:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#5c636c !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-audio.is-on .stb-sw:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ background:#3d78e4 !important; }
/* 잠겼다고 꺼진 것은 아니다 — 자리는 그대로 두고 흐리게만 한다 */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-audio:disabled .stb-sw:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o){ opacity:.55 !important; }
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-sw:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::after{
  content:'' !important; position:absolute !important; top:2px !important; left:2px !important;
  width:16px !important; height:16px !important; border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 1px 3px rgba(0,0,0,.35) !important;
  transition:transform .16s ease !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .stb-audio.is-on .stb-sw:not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n):not(#_o)::after{ transform:translateX(14px) !important; }

/* ── 이름 첫 글자 동그라미 ──────────────────────────────────
   머리띠의 것과 마이페이지의 것이 서로 다른 시트에서 각자 칠해져
   하나는 검은 원, 하나는 파란 원이었다. 글자 색은 또 제3의 시트가
   덮어써서 파란 원 위에 남색 글자가 얹혔다(잘 안 읽혔다).
   같은 파란 원 · 흰 글자로 한 벌만 남긴다. (2026-08-31) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .site-nav .nav-avatar-button > span,
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-ava{
  background:linear-gradient(160deg,#5b9bec,#2f6ec9)!important;
  background-image:linear-gradient(160deg,#5b9bec,#2f6ec9)!important;
  border-color:rgba(47,110,201,.45)!important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .site-nav .nav-avatar-button > span,
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-ava,
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .dk-ava b,
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-avatar-fallback{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:900!important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) .nav-avatar-fallback{
  background:linear-gradient(160deg,#5b9bec,#2f6ec9)!important;
  background-image:linear-gradient(160deg,#5b9bec,#2f6ec9)!important;
}

/* ═══ 2026-09-01a — 회원 탈퇴 단추는 되돌릴 수 없다. 로그아웃과 같은 결이면 안 된다 ═══
   일반 단추 규칙(위쪽 남색 유리·hover 덮개)이 이 단추도 잡아가므로,
   같은 자리에서 한 겹 더 두꺼운 갑옷(#_a~#_g + #_lv)으로 되찾는다.
   잠겨 있을 때는 붉게 하지 않는다 — 이메일을 옳게 친 사람에게만 보인다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_lv) button[data-dk-leave]:not([disabled]){
  background:linear-gradient(180deg,#d95f5f,#b93a3a) !important;
  background-image:linear-gradient(180deg,#d95f5f,#b93a3a) !important;
  background-color:#c44444 !important;
  border:1px solid #a52f2f !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 6px 16px -8px rgba(150,40,40,.6), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_lv) button[data-dk-leave]:not([disabled]):is(:hover,:active,:focus-visible){
  background:linear-gradient(180deg,#e57070,#a83030) !important;
  background-image:linear-gradient(180deg,#e57070,#a83030) !important;
  background-color:#c44444 !important;
  color:#fff !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_lv) button[data-dk-leave]:not([disabled]){
  background:linear-gradient(180deg,#9a3c3c,#6f2727) !important;
  background-image:linear-gradient(180deg,#9a3c3c,#6f2727) !important;
  background-color:#843232 !important;
  border:1px solid rgba(235,150,150,.5) !important;
  color:#ffeaea !important;
  -webkit-text-fill-color:#ffeaea !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_lv) button[data-dk-leave]:not([disabled]):is(:hover,:active,:focus-visible){
  background:linear-gradient(180deg,#b04747,#7d2c2c) !important;
  background-image:linear-gradient(180deg,#b04747,#7d2c2c) !important;
  background-color:#933838 !important;
  color:#fff !important;
}

/* 2026-09-01c — 잠긴 「탈퇴하기」가 안 보였다.
   opacity:.45 로 흐려 놨더니 글자가 판에 묻혔다(사용자 지적). 흐리는 대신
   **색으로** 잠김을 말한다 — 읽히되 앞으로 나서지 않는 회색. 붉은 결은
   이메일을 옳게 친 뒤에만 나온다(위 2026-09-01a 규칙). */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_lv) button[data-dk-leave][disabled]{
  background:linear-gradient(180deg,#f4f7fb,#e7edf5) !important;
  background-image:linear-gradient(180deg,#f4f7fb,#e7edf5) !important;
  background-color:#eef2f8 !important;
  border:1px solid #c2cede !important;
  color:#5c6e85 !important;
  -webkit-text-fill-color:#5c6e85 !important;
  box-shadow:none !important;
  /* 잠긴 단추를 흐리게 만드는 규칙이 셋 있다 —
     arife-unified-v400(.5) · arife-design-system-v500(.46) · .dk-dl:disabled(.6).
     여기서는 색으로 잠김을 말하므로 흐리기를 끈다. */
  opacity:1 !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_lv) button[data-dk-leave][disabled]{
  background:linear-gradient(180deg,#262e40,#1b2230) !important;
  background-image:linear-gradient(180deg,#262e40,#1b2230) !important;
  background-color:#212836 !important;
  border:1px solid rgba(125,155,215,.3) !important;
  color:#9fb2c8 !important;
  -webkit-text-fill-color:#9fb2c8 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

/* ══ 2026-09-01d — 다크 모드에서 새로 그려지는 칸이 잠깐 하얗게 비치던 문제 ══
   증상: 어두운 화면에서 다른 쪽으로 넘어가면 카드·알약·꼬리표가 순백으로
   나타났다가 약 0.14초 뒤 어두워졌다.

   원인: 이 칸들의 어두운 색이 **CSS 에 없고 theme.js 에만** 있었다. 요소가
   생기는 순간엔 밝은 화면용 색 그대로이고, theme.js 가 훑어서 칠해 줘야
   어두워진다. 그 사이가 눈에 보인다. DOM 이 안 바뀌고 드러나는 칸도 있어
   관찰기가 깨지 않으므로 훑는 시점을 앞당기는 방식으로는 못 이긴다
   (두 번 시도하고 둘 다 되돌렸다). 색을 CSS 로 내려야 근본이 잡힌다.

   **배경과 글자는 반드시 한 쌍으로 적는다.** 배경만 미리 어둡게 했더니
   theme.js 가 "이건 밝지 않네" 하고 글자를 안 고쳤고, 밝은 화면용 검은
   글자가 어두운 판 위에 남아 63곳이 안 읽히게 됐다(실측). 그래서 글자색도
   함께 적는다.

   값은 짐작이 아니다. 37개 화면을 훑으며 **theme.js 가 실제로 칠하는 최종
   색을 그대로 받아 적었다.** 다 그려진 뒤 모습은 지금과 같고, 다만 첫
   프레임부터 그 모습이 된다. (theme.js 가 건너뛰는 상태색·브랜드색은 뺐다.)
   측정: 37개 화면에서 뒤집히던 칸 49종 → 0종, 화이트 모드 변화 0. ══ */

/* 남색 단추 결 · 글자 rgb(223, 231, 242) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .nav-pill:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:linear-gradient(180deg,#262e40,#181e2b)!important;
  background-image:linear-gradient(180deg,#262e40,#181e2b)!important;
  color:rgb(223, 231, 242)!important;
  -webkit-text-fill-color:rgb(223, 231, 242)!important;
}

/* 남색 단추 결 · 글자 rgb(231, 234, 238) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .auth-close:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .auth-tabs.auth-mode-tabs:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .enterprise-console-orb i:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .enterprise-hero-notes span:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .ghost:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .kicker:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .market-access span:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .market-art-object:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .market-card-body:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .market-hero-notes-v1223 a:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .mg-policy-v2400 span:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .mk-play-v3700:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pa-access-symbol:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pager-info-v120:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .path-action-v302:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pay-back:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .policy-badge:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .policy-link-v302:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pp-back:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pricing-fold-v1330 i:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pricing-topup i:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .status:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .thumb:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .tpi-docs-v320 b:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .trust-link-v310:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .trust-link-v310 b:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:linear-gradient(180deg,#262e40,#181e2b)!important;
  background-image:linear-gradient(180deg,#262e40,#181e2b)!important;
  color:rgb(231, 234, 238)!important;
  -webkit-text-fill-color:rgb(231, 234, 238)!important;
}

/* 남색 단추 결 · 글자 rgb(255, 255, 255) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .market-hero-link-v1223:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:linear-gradient(180deg,#262e40,#181e2b)!important;
  background-image:linear-gradient(180deg,#262e40,#181e2b)!important;
  color:rgb(255, 255, 255)!important;
  -webkit-text-fill-color:rgb(255, 255, 255)!important;
}

/* 판 · 글자 rgb(231, 234, 238) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .auth-dialog:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .auth-popup-layer:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .dk-empty:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .enterprise-contract-cta:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .landing-path-card-v302.create:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .landing-path-card-v302.finish:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .landing-path-card-v302.monetize:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .persec-note-v360:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pricing-assurance:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pricing-credit-policy-v220:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pricing-model-rule-v308.pricing-model-rule-slim-v1330:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pricing-term-policy-v220:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .reactor-core-v302:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .vfx-dock:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .vfx-stage:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:#34373a!important;
  background-image:none!important;
  color:rgb(231, 234, 238)!important;
  -webkit-text-fill-color:rgb(231, 234, 238)!important;
}

/* 판 위의 판 · 글자 rgb(231, 234, 238) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .empty-note:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .not-found-object-v2400:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:#35383c!important;
  background-image:none!important;
  color:rgb(231, 234, 238)!important;
  -webkit-text-fill-color:rgb(231, 234, 238)!important;
}

/* 한 겹 더 위의 판 · 글자 rgb(231, 234, 238) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .enterprise-console-orb:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:#43474c!important;
  background-image:none!important;
  color:rgb(231, 234, 238)!important;
  -webkit-text-fill-color:rgb(231, 234, 238)!important;
}

/* 한 겹 더 위의 판 · 글자 rgb(241, 242, 244) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .market-media:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:#43474c!important;
  background-image:none!important;
  color:rgb(241, 242, 244)!important;
  -webkit-text-fill-color:rgb(241, 242, 244)!important;
}

/* 그 위의 판 · 글자 rgb(231, 234, 238) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pp-gauge:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:#3c4045!important;
  background-image:none!important;
  color:rgb(231, 234, 238)!important;
  -webkit-text-fill-color:rgb(231, 234, 238)!important;
}

/* 파란 주 단추 · 글자 rgb(143, 184, 255) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .pricing-card-cta:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:rgba(28,86,190,.92)!important;
  background-image:none!important;
  color:rgb(143, 184, 255)!important;
  -webkit-text-fill-color:rgb(143, 184, 255)!important;
}

/* 파란 주 단추 · 글자 rgb(241, 242, 244) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .path-action-v302 b:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:rgba(28,86,190,.92)!important;
  background-image:none!important;
  color:rgb(241, 242, 244)!important;
  -webkit-text-fill-color:rgb(241, 242, 244)!important;
}

/* 파란 주 단추 · 글자 rgb(255, 255, 255) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .enterprise-signup-nudge-v2700 a:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *),
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_fl) .policy-link-v302 span:not(.ok):not(.warn):not(.bad):not(.good):not(.error):not(.is-ok):not(.is-warn):not(.is-bad):not(.is-error):not([data-state]):not([data-keep-light] *):not([data-keep-brand] *):not(.auth-provider):not(.auth-provider *){
  background:rgba(28,86,190,.92)!important;
  background-image:none!important;
  color:rgb(255, 255, 255)!important;
  -webkit-text-fill-color:rgb(255, 255, 255)!important;
}

/* ══ 2026-09-02a — 이미지 만들기 줄의 작은 글씨가 다크에서 안 보이던 것 ══
   arife-image-glass-v820.css 가 밝은 화면용 잉크를 !important 로 박아 두고
   어두운 화면 짝을 안 만들었다. 실측(다크):
     · 「생성 수」 라벨    rgb(26,43,69)  ← 거의 검정, 판이 rgb(42,45,49)
     · 「크레딧 차감」 줄  rgb(20,32,46)  ← 파란 단추 위 검정
     · 「화면비·해상도·품질」 rgb(91,107,134) ← 대비 2.06, 너무 흐리다
   화이트 화면에서는 이 색들이 맞다(밝은 판 위 어두운 글씨). 그래서
   **다크에서만** 바꾼다. 값은 이 사이트가 이미 쓰는 보조 잉크다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_ic) :is(.image-control > span, .image-count-control > span){
  color:#a8b0ba !important;
  -webkit-text-fill-color:#a8b0ba !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_ic) #image-generate-submit small{
  color:#eaf2ff !important;
  -webkit-text-fill-color:#eaf2ff !important;
  opacity:1 !important;
}

/* ══ 2026-09-02b — 「생성 설정」의 화면비 미리보기가 위로 쏠리던 것 ══
   원래 규칙은 display:grid + place-items:center 라 가로·세로 모두 가운데였다.
   그런데 arife-droplet-v910.css 가 flex 로 덮으면서 align-items(가로)만 옮기고
   **justify-content(세로)를 안 넣었다.** 그래서 위쪽 정렬이 된다.
   틀 높이는 124px 로 고정이라, 21:9 처럼 납작한 비율이면 네모(96x41)와 글자를
   뺀 나머지가 전부 아래에 몰려 눈에 띄게 위로 쏠린다(실측: 위 13px / 아래 37px).
   세로 가운데만 되돌린다 — 테마와 무관한 배치 문제라 두 화면 모두에 준다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_rp) .tx-ratio-prev{
  justify-content:center !important;
  /* 틀 높이가 124px 로 못박혀 있어서, 세로로 긴 비율(9:16 = 54x96)이면
     네모+글자가 안쪽 높이(100px)를 넘는다. 그러면 flex 가 네모를 눌러
     찌그러뜨린다 — 인라인은 54x96 인데 실제로는 96x73 으로 나왔다(실측).
     즉 **미리보기가 비율을 제대로 못 보여 주고 있었다.**
     높이를 내용에 맡기고 예전 크기를 최소값으로만 남긴다. */
  height:auto !important;
  min-height:124px !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_rp) .tx-ratio-prev .tx-box{
  flex:0 0 auto !important;   /* 눌리지 말 것 — JS 가 준 치수가 곧 비율이다 */
}

/* ══ 2026-09-02c — AI 이미지 안의 취향 고르기 창도 퍼센트를 크게 ══
   취향 페이지와 같은 화면인데 코드가 두 벌이라, 한쪽만 고치면 갈라진다.
   장수는 보조로, 퍼센트를 주로 — 페이지 쪽과 같은 결로 맞춘다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pc) .pz-pct{
  color:#dff7fb !important;
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  font-style:normal !important;
  order:1 !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pc) .pz-count{
  color:#90aabd !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  order:2 !important;
}

/* ══ 2026-09-02d — 취향 화면 위 띠는 '반투명'이 설계다 ══
   어제 다크 번쩍임을 잡으며 .pp-bar 를 불투명 판(#34373a)으로 못박았는데,
   그 뒤 사장님이 "띠는 투명하게" 로 바꾸라고 하셨다. 그래서 목록에서 빼고
   여기서 반투명으로 다시 정한다.

   왜 그냥 두면 안 되나: arife-personalize-glass-v830.css 가 이 띠에
   **밝은** 유리(rgba(229,237,248,.52))를 !important 로 걸어 둔다. 어두운
   화면에서 그게 이기면 흰 띠가 된다. 그래서 어두운 쪽 짝을 만들어 준다.
   (흐림은 theme.js 가 벗기므로 요소에 data-keep-brand 를 달아 두었다.) */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-bar{
  background:rgba(8,15,26,.55) !important;
  background-image:none !important;
  background-color:rgba(8,15,26,.55) !important;
  border-color:rgba(148,199,226,.14) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
  /* arife-personalize-glass-v830.css 가 22px !important 로 모서리를 둥글린다.
     양옆 끝까지 가는 띠에 둥근 모서리가 남으면 화면 가장자리가 어긋나 보인다. */
  border-radius:0 !important;
}

/* ══ 2026-09-02e — 취향 화면 위 띠 다듬기 ══
   실측한 문제 두 가지:
     ① .pp-bar-inner 가 width:min(1760px,…) 로 묶여 있어, 띠는 1900 인데
        내용은 1760 이었다. 오른쪽만 140px 비어 좌우가 안 맞아 보인다.
     ② .pp-gauge 에 arife-personalize-glass-v830.css 가 **밝은** 유리
        (rgba(227,235,247,.6) !important)를 씌운다. 어두운 띠 위에 흰
        덩어리가 570x66 으로 떠서 제일 눈에 거슬린다.
   게이지는 판이 아니라 '숫자 + 가는 막대' 면 충분하다. 판을 걷고 한 줄로
   눕혀 폭을 줄인다. 띠 높이도 110 → 76 근처로 낮아진다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-bar-inner{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  padding:13px clamp(16px,1.6vw,26px) !important;
  min-height:0 !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  gap:clamp(16px,2vw,30px) !important;
  align-items:center !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-gauge{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:11px !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  background-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-gauge em{
  order:1 !important;
  flex:0 0 auto !important;
  min-width:56px !important;
  /* 2026-09-02 — 색은 아래에서 화면별로 정한다. 여기서 한 가지로 박았더니
     화이트 화면에서 연한 청록이 밝은 띠에 묻혀 안 보였다(실측). */
  font-size:21px !important;
  font-weight:900 !important;
  font-style:normal !important;
  letter-spacing:-.02em !important;
  line-height:1 !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-track{
  order:2 !important;
  flex:0 0 clamp(140px,14vw,230px) !important;
  height:6px !important;
  margin:0 !important;
}

/* ══ 2026-09-02f — 취향 화면 띠의 단추·문구가 안 보이던 것 ══
   실측:
     · 「선택 초기화」「50장 더 고르기」 글자 rgb(26,43,69) — 어두운 띠 위 검정.
       arife-personalize-glass-v830.css / arife-glass-pages-v600.css 가 밝은
       화면용 잉크를 !important 로 박아 두고 어두운 짝을 안 만들었다.
     · 흐리기가 세 겹으로 겹쳤다 — .45(page) + .5(unified) + .46(design-system).
       눌리지 않은 단추가 사실상 안 보인다.
     · 「닫기」도 같은 검정 잉크.
   잠긴 단추도 읽혀야 한다. 흐리는 대신 색으로 잠김을 말한다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) :is(.pp-actions button, .pp-actions a){
  color:#dbe6f5 !important;
  -webkit-text-fill-color:#dbe6f5 !important;
  background:linear-gradient(180deg,rgba(38,50,72,.9),rgba(22,30,45,.9)) !important;
  background-image:linear-gradient(180deg,rgba(38,50,72,.9),rgba(22,30,45,.9)) !important;
  border:1px solid rgba(140,178,235,.34) !important;
  opacity:1 !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) :is(.pp-actions button:disabled, .pp-actions button[disabled]){
  color:#94a6bd !important;
  -webkit-text-fill-color:#94a6bd !important;
  background:linear-gradient(180deg,rgba(30,38,54,.75),rgba(18,24,36,.75)) !important;
  background-image:linear-gradient(180deg,rgba(30,38,54,.75),rgba(18,24,36,.75)) !important;
  border-color:rgba(120,150,195,.24) !important;
  opacity:1 !important;
  cursor:not-allowed !important;
}
/* 저장이 열린 순간에는 눈에 띄어야 한다 */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-save:not(:disabled):not([disabled]){
  background:linear-gradient(180deg,#4fd3ea,#2f9fd0) !important;
  background-image:linear-gradient(180deg,#4fd3ea,#2f9fd0) !important;
  border-color:#7fe4f5 !important;
  color:#06131b !important;
  -webkit-text-fill-color:#06131b !important;
}
/* 스크롤 주체가 창보다 10px 좁아 오른쪽 끝이 어긋나 보였다(실측 1910 / 1920) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-main{
  width:100% !important;
  box-sizing:border-box !important;
}

/* ══ 2026-09-02g — 취향 화면: 고른 표시가 안 보이던 것 ══
   실측: 고른 칸과 안 고른 칸의 체크가 **완전히 같았다**. 둘 다
   linear-gradient(#262e40,#181e2b) 남색 단추 결.
     · 켜진 체크(청록 그라디언트)를 theme.js 가 '밝은 것' 으로 보고 칠했다.
       → .pp-grid 에 data-keep-brand 를 달아 훑기에서 뺐다.
     · 위쪽 '고른 것·켜진 것' 규칙이 .on 을 잡아 파란 테로 덮었다.
       → 그 규칙에서 .pp-card 를 뺐다(바로 위 줄).
   여기서 두 상태를 확실히 갈라 준다 — 50장을 고르는 화면이라
   무엇을 골랐는지가 한눈에 보여야 한다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pk) .pp-card .pp-check{
  background:rgba(5,15,27,.72) !important;
  background-image:none !important;
  border:1px solid rgba(220,244,255,.34) !important;
  color:#eefbff !important;
  -webkit-text-fill-color:#eefbff !important;
  box-shadow:0 6px 16px rgba(0,3,10,.3) !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pk) .pp-card.on .pp-check{
  background:linear-gradient(145deg,#8beaf4,#3bc9df) !important;
  background-image:linear-gradient(145deg,#8beaf4,#3bc9df) !important;
  border:1px solid rgba(151,239,249,.95) !important;
  color:#06131b !important;
  -webkit-text-fill-color:#06131b !important;
  box-shadow:0 8px 20px rgba(46,193,220,.34) !important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pk) .pp-card.on{
  box-shadow:inset 0 0 0 3px #5ad8ed, 0 0 0 1px rgba(90,216,237,.55) !important;
}

/* ══ 2026-09-02h — 화이트 화면에서 퍼센트와 막대가 안 보이던 것 ══
   실측(화이트): 퍼센트 글자 rgb(223,247,251) 인데 띠 배경이
   rgba(225,234,246,.68) — 연한 청록이 밝은 판에 그대로 묻힌다.
   막대 틀도 rgba(255,255,255,.55) 라 흰 위의 흰색이었다.
   화면별로 잉크를 갈라 준다. 어두운 쪽 값은 원래 쓰던 그대로다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-gauge em{
  color:#dff7fb !important;
  -webkit-text-fill-color:#dff7fb !important;
}
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-gauge em{
  color:#14314f !important;
  -webkit-text-fill-color:#14314f !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-track{
  background:rgba(3,10,20,.72) !important;
  border:1px solid rgba(157,201,225,.14) !important;
}
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-track{
  background:rgba(20,45,85,.14) !important;
  border:1px solid rgba(20,45,85,.16) !important;
}


/* ══ 2026-09-05a — 어두운 화면에서 상단 메뉴 묶음(AI 스튜디오·AI 영화 제작소) 글자가
   밝은 화면용 회색(#4a5870)으로 남아 대비 2.38 이었다. 원인은
   arife-commerce-glass-v660.css 의 `html body.a-glass .site-nav .nav-group a{color:#4a5870!important}`
   가 테마를 안 가리고 !important 라서, 위쪽의 어두운 화면 규칙(#aebacd, !important 아님)이 졌다.
   같은 힘으로 어두운 화면에서만 되돌린다. ══ */
html[data-theme="dark"] body.a-glass:not(#_a):not(#_b):not(#_c) .site-nav .nav-group > a{ color:#aebacd !important; }
html[data-theme="dark"] body.a-glass:not(#_a):not(#_b):not(#_c) .site-nav .nav-group > a.active{ color:#fff !important; }

/* ══ 2026-09-05b — 보조 글자색 #5a748f → #4a6380 (15개 시트 일괄).
   마이페이지·푸터의 이메일·"보유 크레딧"·사업자 정보가 카드 바탕(#ebf0f6) 위에서
   4.23:1 이라 기준(4.5)에 못 미쳤다. 한 단계 진하게 하면 카드 위 5.40, 페이지
   바탕(#dbe3ef) 위 4.79. 어두운 화면은 theme.js 가 글자를 다시 칠하므로 영향 없음. ══ */

/* 2026-09-04 390px 실측 — 취향 화면 위 띠가 폰에서 세 칸(글·게이지·단추) 그대로라
   첫 칸 폭이 0 이 되어 「마음에 드는 이미지를 골라 주세요」가 한 글자씩 세로로 섰다.
   폰에서는 한 칸으로 쌓는다. */
@media (max-width:700px){
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-bar-inner{
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    padding:12px 14px !important;
  }
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-copy h1{ white-space:normal !important; word-break:keep-all; font-size:17px !important; }
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-copy p{ white-space:normal !important; }
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_pb) .pp-actions{ margin-left:0 !important; display:flex; flex-wrap:wrap; gap:8px; }
}

/* ══ 2026-09-04 사장님 지적 — 요금표 「월간」처럼 바탕이 투명하거나 아주 옅은 단추의 글자가
   번져 보였다(웹·폰 공통). 범인은 arife-unified-v400 이 모든 단추에 거는
   filter: drop-shadow(0 2px 0 rgba(0,0,0,.42)) — 어두운 화면의 입체 단추용인데, 밝은 유리
   화면에서는 바탕이 없으니 글자 획 밑에 검은 그림자가 깔려 11~13px 글자가 뭉개졌다.
   어두운 모드가 아니면 단추의 그림자 필터를 전부 끈다(입체감은 각 단추의 box-shadow 가 이미 준다). */
html:not([data-theme="dark"]) body:not(.landing-page) :is(button,.button,[role="button"]):not(:disabled):not([aria-disabled="true"]){
  filter:none !important;
}
@media(hover:hover){
  html:not([data-theme="dark"]) body:not(.landing-page) :is(button,.button,[role="button"]):not(:disabled):not([aria-disabled="true"]):hover{
    filter:brightness(1.03) !important;
  }
}
html:not([data-theme="dark"]) body:not(.landing-page) :is(button,.button,[role="button"]):not(:disabled):not([aria-disabled="true"]):active{
  filter:brightness(.96) !important;
}
/* 요금표 월간/연간 토글 — 안 고른 쪽 글자를 조금 더 진하고 크게 */
html:not([data-theme="dark"]) body.pricing-page:not(#nope):not(#_):not(#__) .pricing-cycle button:not(.active){
  color:#22344d !important;
  font-size:12px !important;
}

/* ── v370 (2026-09-05) 모델 카드 크레딧 칩 ─────────────────────
   AI 스튜디오 모델 고르기 창. 5초 기준 예상 크레딧을 첫 칩으로 보여 준다.
   150 초과는 주황(많이 씀), 60 이하는 초록(저렴). 밝은 옷은 controls-v900 의
   !important 를 이기려고 같은 사슬에 클래스를 더 붙였다. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .unified-model-specs b.unified-model-cost{
  font-weight:800!important; letter-spacing:0!important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .unified-model-specs b.unified-model-cost.tier-mid{
  background:#e8f0fd!important; border-color:#bcd4f5!important; color:#1d4b8c!important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .unified-model-specs b.unified-model-cost.tier-low{
  background:#e6f7ec!important; border-color:#b9e3c7!important; color:#1a6b3a!important;
}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .unified-model-specs b.unified-model-cost.tier-high{
  background:#fff1dc!important; border-color:#f2c88c!important; color:#9a4f00!important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .unified-model-specs b.unified-model-cost.tier-mid{
  background:rgba(96,150,240,.16)!important; border-color:rgba(120,170,255,.45)!important; color:#a9c8ff!important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .unified-model-specs b.unified-model-cost.tier-low{
  background:rgba(70,180,110,.16)!important; border-color:rgba(90,200,130,.45)!important; color:#8fe0ad!important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) .unified-model-specs b.unified-model-cost.tier-high{
  background:rgba(240,160,60,.16)!important; border-color:rgba(255,180,80,.5)!important; color:#ffc57a!important;
}
/* 요금 화면 — 플랜별 편수 표는 5칸이라 좁아도 된다. 편당 칸은 굵게. */
html body.pricing-page:not(#nope):not(#_) .plan-count-v370 .persec-table-v360{min-width:0!important}
html body.pricing-page:not(#nope):not(#_) .plan-count-table-v370 td:nth-child(2){font-weight:800}
html body.pricing-page:not(#nope):not(#_) .plan-count-table-v370 td:first-child{word-break:keep-all}

/* ── 2026-09-05 요금 화면(다크) 판 층 세우기 ─────────────────────
   「어떤 플랜이 맞나요」「크레딧으로 어느 정도…」 큰 판이 바탕(38,40,43)과
   같은 색에 테두리 0.07 뿐이라 안 보였고, 그 안의 작은 판 넷도 투명이었다.
   바탕 → 큰 판(#2d3033) → 안쪽 판(#3e4146) 세 층으로 세운다.
   위쪽 「판 지우기」 규칙(:not 넷)을 이기려면 #_h 하나가 더 필요하다. */
html[data-theme="dark"] body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) :is(.pricing-credit-guide-v321,.pricing-fit,.pricing-hero){
  background:#2d3033 !important; background-image:none !important;
  border:1px solid rgba(255,255,255,.09) !important;
}
html[data-theme="dark"] body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) :is(.pricing-credit-guide-grid-v321 article,.persec-note-v360,.pricing-fold-v1330){
  background:#3e4146 !important; background-image:none !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 10px 24px -16px rgba(0,0,0,.7) !important;
}
html[data-theme="dark"] body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .pricing-fold-v1330 > summary{ background:transparent !important; }
/* 밝은 화면 — 같은 구역의 작은 카드 넷이 흰색 2.4% 투명이라 큰 판과 구분이 없었다.
   큰 판(235,240,246) 위에 한 톤 밝은 판(#f7f9fc)과 옅은 파랑 테두리로 세운다. */
html:not([data-theme="dark"]) body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) :is(.pricing-credit-guide-grid-v321 article,.persec-note-v360,.pricing-fold-v1330){
  background:#f7f9fc !important; background-image:none !important;
  border:1px solid rgba(160,185,215,.55) !important;
  box-shadow:0 10px 24px -16px rgba(20,35,70,.35), inset 0 1px 0 #fff !important;
}

/* ── 2026-09-05 요금 화면 「결제를 준비하고 있습니다」 안내판 — 색을 처음부터 테마에 맞게.
   (스크립트가 늦게 붙이는 판이라 인라인 흰색이면 다크에서 1초쯤 하얗게 비쳤다) */
html:not([data-theme="dark"]) body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .pricing-deposit-note-v230{
  background:rgba(238,244,251,.92) !important; box-shadow:inset 0 0 0 1px rgba(160,185,215,.5) !important; color:#22334a !important;
}
html[data-theme="dark"] body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .pricing-deposit-note-v230{
  background:#34373a !important; background-image:none !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important; color:#e7eaee !important;
}
html[data-theme="dark"] body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .pricing-deposit-note-v230 b{ color:#f1f2f4 !important; }

/* ── 2026-09-05 요금 화면 월간·연간 고르기(라이트) — 안 고른 쪽이 판과 같은 색이라 단추로 안 보였다.
   흰 알약 + 옅은 테두리 + 얕은 그림자로 세운다. (commerce-glass 의 12개 #id 규칙을 이기려면 14개가 필요하다) */
html:not([data-theme="dark"]) body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) .pricing-cycle button:not(.active){
  background:#ffffff !important; background-image:none !important; color:#22344d !important;
  box-shadow:inset 0 0 0 1px rgba(110,140,180,.5), 0 1px 2px rgba(20,35,70,.18) !important;
}
html:not([data-theme="dark"]) body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) .pricing-cycle button:not(.active):hover{ background:#f3f7fc !important; }

/* ── 2026-09-05 유리 단추 윗광택(::before) 이어 붙이기 ──────────────────────
   유리 단추마다 위쪽 절반에 흰 광택 띠(::before)를 얹는데, 양옆 5~8% 안쪽에서 시작하고
   위에서 1px 내려와 있어 단추 테두리가 중간에 끊긴 것처럼 보였다(실측: 요금 월간·연간,
   마켓·라이선스·스튜디오 단추 전반). 광택을 좌우 끝·위 0까지 채워 테두리와 한 몸으로
   보이게 한다. 글자를 그리는 ::before(메뉴 ☰, 닫기 ×)는 건드리지 않는다. */
html body:not(#_a):not(#_b):not(#_c) :is(
  [data-glass-page].a-glass-page button, [data-glass-page].a-glass-page a.button, [data-glass-page].a-glass-page a.nav-pill,
  .a-glass-page .policy-link-v302, .a-glass-page .market-hero-action, .a-glass-page .market-tag, .a-glass-page .market-detail,
  .a-glass-page .market-preview-trigger, .a-glass-page .enterprise-button, .a-glass-page .image-select-trigger, .a-glass-page .image-model-trigger,
  .a-glass-page .a-btn, .a-glass-page .ws-btn, .a-glass-page .nav-pill, .a-glass-page .chip, .a-glass-page .pill,
  #depthmap .dp-mini, #depthmap .dp-pill, #depthmap .dp-solo, #depthmap .dp-split, #depthmap .dp-pop-close,
  #mediaart .ez-chip, #mediaart .ez-round, #mediaart .ez-mini, #mediaart .ez-pick, #mediaart .ez-back, #mediaart .ez-apply, #mediaart .ez-reset, #mediaart .ez-pop-x,
  #motionapp .mo-btn, #motionapp .mo-mini, #motionapp .mo-vb, #motionapp .mo-pop-close, #motionapp .mo-run, #motionapp .mo-tplay, #motionapp .mo-seg button.on
):not(.menu-button):not(.publish-guide-close-v307):not(.arife-theme-tgl):not([class*="close-v"])::before{
  left:0 !important; right:0 !important; top:0 !important; height:50% !important;
  border-radius:inherit !important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.12) 70%,rgba(255,255,255,0)) !important;
}
/* 월간·연간 토글 트랙(라이트) — 트랙 테두리가 옅고 안쪽 여백 4px 라 단추 테두리와 두 겹으로 떠 보였다.
   테두리를 또렷하게, 여백은 3px 로 붙여 「틀 하나 + 그 안의 단추」로 읽히게. */
html:not([data-theme="dark"]) body.pricing-page:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) .pricing-cycle{
  padding:3px !important; border:1px solid rgba(110,140,180,.55) !important;
}

/* ── 2026-09-05 나눔 단추 묶음(세그먼트) 한 벌 — 라이트 ───────────────────────
   30개 페이지를 훑어 「틀 하나 안에 단추 여럿」 구조를 전부 찾았다: 스튜디오 목록·격자,
   AI 이미지 스타일·AI생성·업로드, 고객지원 FAQ 탭, 보관함 탭(영상·이미지), 모션 전이 모드.
   단추마다 제 테두리·광택을 갖고 있어 틀 테두리와 두 겹으로 보였다.
   틀: 또렷한 테두리 + 3px 여백. 안 고른 단추: 테두리·광택 없는 은은한 흰 알약. 고른 단추: 또렷한 흰 알약 + 파란 테. */
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) :is(.ws-view-switch,.gx-filters,.sup-tabs-v3400,.lb-tabs,.mo-seg){
  border:1px solid rgba(110,140,180,.5) !important; padding:3px !important;
  background:#d9e2ee !important; background-image:none !important; box-shadow:none !important;
}
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) :is(.ws-view-switch,.gx-filters,.sup-tabs-v3400,.lb-tabs,.mo-seg) > :is(button,a,label):not(.is-on):not(.on):not(.is-active):not(.active):not([aria-pressed="true"]):not([aria-selected="true"]){
  background:rgba(255,255,255,.62) !important; background-image:none !important;
  box-shadow:0 1px 1px rgba(20,35,70,.08) !important;   /* 2026-09-05 — 투명으로 두니 단추가 아니라 글자로 보였다. 은은한 흰 알약 */
  border-color:transparent !important; color:#2b3a4e !important;
}
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) :is(.ws-view-switch,.gx-filters,.sup-tabs-v3400,.lb-tabs,.mo-seg) > :is(button,a,label):not(.is-on):not(.on):not(.is-active):not(.active):not([aria-pressed="true"]):not([aria-selected="true"]):hover{
  background:rgba(255,255,255,.9) !important;
}
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) :is(.ws-view-switch,.gx-filters,.sup-tabs-v3400,.lb-tabs,.mo-seg) > :is(.is-on,.on,.is-active,.active,[aria-pressed="true"],[aria-selected="true"]){
  background:#ffffff !important; background-image:none !important; color:#1c56be !important; border-color:transparent !important;
  box-shadow:0 2px 5px rgba(20,35,70,.22), inset 0 0 0 1px rgba(28,86,190,.45) !important;
}
html:not([data-theme="dark"]) body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h):not(#_i):not(#_j):not(#_k):not(#_l):not(#_m):not(#_n) :is(.ws-view-switch,.gx-filters,.sup-tabs-v3400,.lb-tabs,.mo-seg) > :is(.is-on,.on,.is-active,.active,[aria-pressed="true"],[aria-selected="true"]) *{ color:#1c56be !important; }

/* ═══ 6차 — 보관함(영상·이미지) "내려받기" 글씨 (2026-09-08) ═══
   위 5차의 "카드 안 링크는 파랗게" 담요가 파란 바탕 단추(.lb-down, <a download>)의 흰 글씨까지
   덮어 하늘색(#8fb8ff)으로 흐려졌다(사장님 캡처). 파란 바탕 위 글씨는 흰색으로 되돌린다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .lb-act .lb-down,
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .lb-act .lb-down *{ color:#ffffff !important; }
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .lb-act .lb-down:hover{ color:#ffffff !important; filter:brightness(1.08); }
/* 6차-2 — 파란 바탕 단추를 다크에서 한 단 더 진하게 (2026-09-08 전 페이지 훑기)
   흰 글씨 대비가 2.9:1(연한 #5b9bec) → 3.7:1 이상이 되게. 보관함 내려받기와 요금표 "크레딧 충전 보기" 둘뿐이었다. */
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .lb-act .lb-down,
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .pricing-rule-link-v1330{
  background:linear-gradient(#4a8adc,#2757a8) !important; color:#ffffff !important;
}
html[data-theme="dark"] body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) .pricing-rule-link-v1330 *{ color:#ffffff !important; }


/* ══════════ 2026-09-08 · 밝은 화면에서 '어두운 판 + 어두운 글씨'로 남던 곳
   밝은 화면 변환은 글씨만 어둡게 바꾸고 판은 어두운 채로 둔 자리가 있었다.
   실측(대비, 기준 4.5):
     마켓 카드의 '자세히 보기 ↗'  판 rgb(17,24,33) · 글씨 rgb(27,36,48)  → 1.1
     AI 영상 재생 ▶              판 rgb(13,20,32) · 글씨 rgb(20,32,46)  → 1.2
     미디어아트 단계 번호 02~05    판 rgba(10,18,30,.8) · 글씨 rgb(20,32,46) → 1.1
   판까지 밝은 화면에 맞춰 고쳐 준다(어두운 화면은 건드리지 않는다). */
html:not([data-theme="dark"]) body:not(#_z1):not(#_z2):not(#_z3):not(#_z4):not(#_z5):not(#_z6):not(#_z7):not(#_z8) .market-card .market-detail{
  border:1px solid #91b5ef !important;
  background:linear-gradient(135deg,#426fbd,#596fc9 52%,#7465cc) !important;
  color:#fff !important;
}
html:not([data-theme="dark"]) body:not(#_z1):not(#_z2):not(#_z3):not(#_z4):not(#_z5):not(#_z6):not(#_z7):not(#_z8) .market-card .market-detail :is(b,i,em,u,span){ color:#fff !important; -webkit-text-fill-color:#fff !important; }
html:not([data-theme="dark"]) body:not(#_z1):not(#_z2):not(#_z3):not(#_z4):not(#_z5):not(#_z6):not(#_z7):not(#_z8) i.history-play{ color:#fff !important; -webkit-text-fill-color:#fff !important; }
html:not([data-theme="dark"]) body:not(#_z1):not(#_z2):not(#_z3):not(#_z4):not(#_z5):not(#_z6):not(#_z7):not(#_z8) .mc-tab:not(.on) i{
  border-color:rgba(28,86,190,.30) !important;
  background:rgba(28,86,190,.12) !important;
  color:#1b3a6b !important; -webkit-text-fill-color:#1b3a6b !important;
}