/* 묶음 파일 — tools/gen_compat.py 가 src/*.css 를 이어 붙여 만든다. 고칠 곳은 src/ */
/* cinematic 바탕(인트로 나이트에서 복사) — aiblock 위에 덧입힘. EasyClass 인트로 첫 화면의 색: 녹빛 먹색 #121411 · 돌빛 글자 #E9E7DF · 라임 #DCFF7D · 녹음 빨강 #FF5D4F · Gothic A1 */
:root {
  --c-bg: #121411; --c-card: #1B1E19; --c-panel: #222919; --c-line: #2E322A;
  --c-text: #E9E7DF; --c-muted: #9A9E92; --c-dark: #0B0C0A;
  --c-accent: #DCFF7D; --c-accent-soft: #273018;
  --c-foot-bg: #0B0C0A; --c-foot-text: #92968C;
  --pastel-blue: #1F2A22; --pastel-purple: #25222D; --pastel-pink: #2D2224; --pastel-mint: #1E2A20; --pastel-yellow: #2A2A1A;
  --radius: 16px; --shadow: 0 10px 28px rgba(0, 0, 0, .28);
  --dk-card2: #22261F; --dk-on-accent: #101110;
  --en-font: 'Gothic A1', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

/* ── 어두운 화면 호환 (자동 생성: gen_dark_compat.py — 플러그인 CSS 의 밝은 바탕 · 검은 글자를 토큰으로) ── */
.theme-cinematic .as { --bg-page: var(--dk-card2); --bg-card: var(--c-card); --bg-panel: var(--dk-card2); --ink: var(--c-text); --accent-soft: var(--c-accent-soft); --p-blue: var(--dk-card2); --p-purple: var(--dk-card2); --p-pink: var(--dk-card2); --p-mint: var(--dk-card2); --p-yellow: var(--dk-card2); --p-sky: var(--dk-card2); }
.theme-cinematic .bd-app { --bd-acs: var(--c-accent-soft); --bd-pg: var(--dk-card2); --bd-card: var(--c-card); }
.theme-cinematic .bdc { --bdc-pg: var(--dk-card2); }
.theme-cinematic .cch { --k-ok-bg: var(--dk-card2); --k-warn-bg: var(--dk-card2); --k-bad-bg: var(--dk-card2); --k-blue: var(--dk-card2); }
.theme-cinematic .cai { --k-ok-bg: var(--dk-card2); --k-warn-bg: var(--dk-card2); --k-bad-bg: var(--dk-card2); --k-blue: var(--dk-card2); }
.theme-cinematic .cch-asg { --k-ok-bg: var(--dk-card2); --k-warn-bg: var(--dk-card2); --k-bad-bg: var(--dk-card2); --k-blue: var(--dk-card2); }
.theme-cinematic .ctut { --k-ok-bg: var(--dk-card2); --k-warn-bg: var(--dk-card2); --k-bad-bg: var(--dk-card2); --k-blue: var(--dk-card2); }
.theme-cinematic .cm { --cm-ink2: var(--c-text); --cm-bg: var(--dk-card2); --cm-lav: var(--dk-card2); --cm-card: var(--c-card); --cm-acs: var(--c-accent-soft); }
.theme-cinematic .cm-sheet { --cm-ink2: var(--c-text); --cm-bg: var(--dk-card2); --cm-lav: var(--dk-card2); --cm-card: var(--c-card); --cm-acs: var(--c-accent-soft); }
.theme-cinematic .cm-toast { --cm-ink2: var(--c-text); --cm-bg: var(--dk-card2); --cm-lav: var(--dk-card2); --cm-card: var(--c-card); --cm-acs: var(--c-accent-soft); }
.theme-cinematic .cm-embed { --cm-ink2: var(--c-text); --cm-bg: var(--dk-card2); --cm-lav: var(--dk-card2); --cm-card: var(--c-card); --cm-acs: var(--c-accent-soft); }
.theme-cinematic .cm-embed-pf { --cm-ink2: var(--c-text); --cm-bg: var(--dk-card2); --cm-lav: var(--dk-card2); --cm-card: var(--c-card); --cm-acs: var(--c-accent-soft); }
.theme-cinematic .cm-follow { --cm-ink2: var(--c-text); --cm-bg: var(--dk-card2); --cm-lav: var(--dk-card2); --cm-card: var(--c-card); --cm-acs: var(--c-accent-soft); }
.theme-cinematic .t-blue { --tn: var(--dk-card2); }
.theme-cinematic .t-purple { --tn: var(--dk-card2); }
.theme-cinematic .t-pink { --tn: var(--dk-card2); }
.theme-cinematic .t-mint { --tn: var(--dk-card2); }
.theme-cinematic .t-yellow { --tn: var(--dk-card2); }
.theme-cinematic .t-peach { --tn: var(--dk-card2); }
.theme-cinematic .msbs-root { --msbs-bg: var(--dk-card2); --msbs-bg-2: var(--dk-card2); --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-luxe { --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-wood { --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-library { --msbs-ink: var(--dk-card2); }
.theme-cinematic .msbs-root.bg-felt { --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-linen { --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-glass { --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-steel { --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-marble { --msbs-ink: var(--c-text); }
.theme-cinematic .msbs-root.bg-night { --msbs-ink: var(--dk-card2); }
.theme-cinematic .ebl { --l-bg: var(--dk-card2); --l-card: var(--c-card); --l-panel: var(--dk-card2); --l-ink: var(--c-text); --l-accent-soft: var(--c-accent-soft); --l-blue: var(--dk-card2); --l-purple: var(--dk-card2); --l-pink: var(--dk-card2); --l-mint: var(--dk-card2); --l-yellow: var(--dk-card2); --l-gray: var(--dk-card2); --l-shelf: var(--dk-card2); --l-case: var(--dk-card2); }
.theme-cinematic .ibd { --ibd-bg: var(--dk-card2); --ibd-card: var(--c-card); --ibd-line: var(--dk-card2); --ibd-text: var(--c-text); }
.theme-cinematic .kas { --deep: var(--c-text); --mint: var(--dk-card2); --ink: var(--c-text); --line: var(--dk-card2); --mist: var(--c-card); }
.theme-cinematic .kspa { --ink: var(--c-text); --line: var(--dk-card2); --tint: var(--dk-card2); }
.theme-cinematic .kspl { --ink: var(--c-text); --line: var(--dk-card2); --tint: var(--dk-card2); }
.theme-cinematic .kspa--wine { --tint: var(--dk-card2); }
.theme-cinematic .kspa--forest { --tint: var(--dk-card2); }
.theme-cinematic .kspl--forest { --tint: var(--dk-card2); }
.theme-cinematic .kspa--teal { --tint: var(--dk-card2); }
.theme-cinematic .lv { --bg: var(--dk-card2); --card: var(--c-card); --panel: var(--dk-card2); --ink: var(--c-text); --ac-soft: var(--c-accent-soft); --mint: var(--dk-card2); --yellow: var(--dk-card2); }
.theme-cinematic .lvs { --lv-ac-soft: var(--c-accent-soft); --lv-ink: var(--c-text); --lv-pg: var(--dk-card2); --lv-panel: var(--dk-card2); }
.theme-cinematic .lvs-dlg { --lv-ac-soft: var(--c-accent-soft); --lv-ink: var(--c-text); --lv-pg: var(--dk-card2); --lv-panel: var(--dk-card2); }
.theme-cinematic .cr { --cr-soft: var(--dk-card2); --p-mint: var(--dk-card2); --p-purple: var(--dk-card2); --p-blue: var(--dk-card2); --p-yellow: var(--dk-card2); --p-pink: var(--dk-card2); }
.theme-cinematic .cr-dialog { --cr-soft: var(--dk-card2); --p-mint: var(--dk-card2); --p-purple: var(--dk-card2); --p-blue: var(--dk-card2); --p-yellow: var(--dk-card2); --p-pink: var(--dk-card2); }
.theme-cinematic .cr-toast { --cr-soft: var(--dk-card2); --p-mint: var(--dk-card2); --p-purple: var(--dk-card2); --p-blue: var(--dk-card2); --p-yellow: var(--dk-card2); --p-pink: var(--dk-card2); }
.theme-cinematic .crl { --bg-page: var(--dk-card2); --bg-card: var(--c-card); --bg-panel: var(--dk-card2); --text-primary: var(--c-text); --accent-soft: var(--c-accent-soft); }
.theme-cinematic .oa-live { --bg-page: var(--dk-card2); --bg-card: var(--c-card); --bg-panel: var(--dk-card2); --text-primary: var(--c-text); --accent-soft: var(--c-accent-soft); }
.theme-cinematic .pay { --pay-pb: var(--dk-card2); --pay-pp: var(--dk-card2); --pay-pk: var(--dk-card2); --pay-pm: var(--dk-card2); --pay-py: var(--dk-card2); }
.theme-cinematic .cvp-player-container { --cvp-bg: var(--c-text); }
.theme-cinematic .cvp-player-container .plyr--full-ui { --plyr-color-main: var(--c-card); }
.theme-cinematic .enb-tone-white { --enb-tone: var(--c-card); }
.theme-cinematic .enh--clear:not(.is-scrolled) { --enh-fg: var(--c-card); --hdr-menu-hover: var(--c-card); }
.theme-cinematic .enh--capsule .enh-actions { --enh-fg: var(--c-card); }
.theme-cinematic .enh--dark { --hdr-menu-hover: var(--c-card); --enh-card: var(--c-text); --enh-ink: var(--dk-card2); }
.theme-cinematic [style*="background:#fff"],
.theme-cinematic [style*="background: #fff"],
.theme-cinematic [style*="background-color:#fff"],
.theme-cinematic [style*="background-color: #fff"],
.theme-cinematic [style*="background:white"],
.theme-cinematic [style*="background: white"],
.theme-cinematic [style*="background:#FFF"],
.theme-cinematic [style*="background: #FFF"] { background-color: var(--c-card) !important; }
.theme-cinematic [style*="color:#1c1c28"],
.theme-cinematic [style*="color: #1c1c28"],
.theme-cinematic [style*="color:#1C1C28"],
.theme-cinematic [style*="color: #1C1C28"],
.theme-cinematic [style*="color:#000"],
.theme-cinematic [style*="color: #000"],
.theme-cinematic [style*="color:#222"],
.theme-cinematic [style*="color: #222"],
.theme-cinematic [style*="color:#333"],
.theme-cinematic [style*="color: #333"] { color: var(--c-text) !important; }
.theme-cinematic .as-btn--line { background-color: var(--c-card); }
.theme-cinematic .as-filters a { background-color: var(--c-card); }
.theme-cinematic .as-area { background-color: var(--c-card); }
.theme-cinematic .as-track { background-color: var(--c-card); }
.theme-cinematic .as-q { background-color: var(--c-card); }
.theme-cinematic .as-opt span::before { background-color: var(--c-card); }
.theme-cinematic .as-disc { background-color: var(--c-card); }
.theme-cinematic .as-timeline li::before { background-color: var(--c-card); }
.theme-cinematic .as-resource { background-color: var(--c-card); }
.theme-cinematic .as-pattern .tip { background-color: var(--c-card); }
.theme-cinematic .as-scripts li { background-color: var(--c-card); }
.theme-cinematic .td-date { background-color: var(--c-card); }
.theme-cinematic .td-streak { background-color: var(--c-card); }
.theme-cinematic .td-focus { background-color: var(--c-card); }
.theme-cinematic .td-task.k-script { background-color: var(--c-card); }
.theme-cinematic .td-check { background-color: var(--c-card); }
.theme-cinematic .td-road li.is-now { background-color: var(--c-card); }
.theme-cinematic .td-note:focus { background-color: var(--c-card); }
.theme-cinematic .td-demo > div { background-color: var(--c-card); }
.theme-cinematic .tr-st { background-color: var(--c-card); }
.theme-cinematic .mb-benefits { background-color: var(--c-card); }
.theme-cinematic .mb-loop li:not(:last-child)::after { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-note.is-warn { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-btn--ghost { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-card { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-form { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-f input:focus { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-f select:focus { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-f textarea:focus { background-color: var(--c-card); }
.theme-cinematic .bd-body .bdx-agree { background-color: var(--c-card); }
.theme-cinematic .bd-lrow.is-notice { background-color: var(--c-card); }
.theme-cinematic .bd-file { background-color: var(--c-card); }
.theme-cinematic .bd-hub-latest a:hover { background-color: var(--c-card); }
.theme-cinematic .bd-cform { background-color: var(--c-card); }
.theme-cinematic .bdc-sheet { background-color: var(--c-card); }
.theme-cinematic .bdc-draft { background-color: var(--c-card); }
.theme-cinematic .bdc-won:focus-within { background-color: var(--c-card); }
.theme-cinematic .bdc-seg input:checked + span { background-color: var(--c-card); }
.theme-cinematic .bdc-switch i::after { background-color: var(--c-card); }
.theme-cinematic .bdc-foot { background-color: var(--c-card); }
.theme-cinematic .cch-asg-grade { background-color: var(--c-card); }
.theme-cinematic .cm-nav-i.is-on { background-color: var(--c-card); }
.theme-cinematic .cm-boards-b.is-on { background-color: var(--c-card); }
.theme-cinematic .cm-dl-b.is-on { background-color: var(--c-card); }
.theme-cinematic .cm-btn--soft { background-color: var(--c-card); }
.theme-cinematic .cm-btn--soft:hover { background-color: var(--c-card); }
.theme-cinematic .cm-chip { background-color: var(--c-card); }
.theme-cinematic .cm-av.has-ring::after { background-color: var(--c-card); }
.theme-cinematic .cm-prompt { background-color: var(--c-card); }
.theme-cinematic .cm-seg-ink { background-color: var(--c-card); }
.theme-cinematic .cm-seg.is-sm { background-color: var(--c-card); }
.theme-cinematic .cm-notices { background-color: var(--c-card); }
.theme-cinematic .cm-dots i.is-on { background-color: var(--c-card); }
.theme-cinematic .cm-ext { background-color: var(--c-card); }
.theme-cinematic .cm-empty { background-color: var(--c-card); }
.theme-cinematic .cm-sug { background-color: var(--c-card); }
.theme-cinematic .cm-box { background-color: var(--c-card); }
.theme-cinematic .cm-post { background-color: var(--c-card); }
.theme-cinematic .cm-series-ol a span { background-color: var(--c-card); }
.theme-cinematic .cm-series-ol .is-on a { background-color: var(--c-card); }
.theme-cinematic .cm-series-pn a { background-color: var(--c-card); }
.theme-cinematic .cm-cbox textarea:focus { background-color: var(--c-card); }
.theme-cinematic .cm-pf { background-color: var(--c-card); }
.theme-cinematic .cm-people { background-color: var(--c-card); }
.theme-cinematic .cm-course { background-color: var(--c-card); }
.theme-cinematic .cm-fld > input:focus { background-color: var(--c-card); }
.theme-cinematic .cm-fld > select:focus { background-color: var(--c-card); }
.theme-cinematic .cm-fld > textarea:focus { background-color: var(--c-card); }
.theme-cinematic .cm-search { background-color: var(--c-card); }
.theme-cinematic .cm-board-rank { background-color: var(--c-card); }
.theme-cinematic .cm-scard { background-color: var(--c-card); }
.theme-cinematic .cm-scard-f { background-color: var(--c-card); }
.theme-cinematic .cm-gate-ic { background-color: var(--c-card); }
.theme-cinematic .cm-switch::after { background-color: var(--c-card); }
.theme-cinematic .cm-embed { background-color: var(--c-card); }
.theme-cinematic .cm-embed-pf { background-color: var(--c-card); }
.theme-cinematic .cm-sheet-p { background-color: var(--c-card); }
.theme-cinematic .cm-bpick { background-color: var(--c-card); }
.theme-cinematic .cm-pj .cm-intro { background-color: var(--c-card); }
.theme-cinematic .cm-pj-mine-row a { background-color: var(--c-card); }
.theme-cinematic .cm-kb-h em { background-color: var(--c-card); }
.theme-cinematic .cm-kb-card { background-color: var(--c-card); }
.theme-cinematic .cm-kb-add:focus-within { background-color: var(--c-card); }
.theme-cinematic .cm-cal-w { background-color: var(--c-card); }
.theme-cinematic .cm-cal-d { background-color: var(--c-card); }
.theme-cinematic .cm-cal-d:hover { background-color: var(--c-card); }
.theme-cinematic .cm-cal-d.is-out { background-color: var(--c-card); }
.theme-cinematic .cm-cal-side { background-color: var(--c-card); }
.theme-cinematic .cm-mt-list { background-color: var(--c-card); }
.theme-cinematic .cm-mt-detail { background-color: var(--c-card); }
.theme-cinematic .cm-ag-dec { background-color: var(--c-card); }
.theme-cinematic .cm-drop-ic { background-color: var(--c-card); }
.theme-cinematic .cm-lib-files li { background-color: var(--c-card); }
.theme-cinematic .cm-pv-h { background-color: var(--c-card); }
.theme-cinematic .cm-taskadd { background-color: var(--c-card); }
.theme-cinematic .cm-tasks { background-color: var(--c-card); }
.theme-cinematic .cm-task:hover { background-color: var(--c-card); }
.theme-cinematic .cm-task-ck { background-color: var(--c-card); }
.theme-cinematic .cm-pjform > header { background-color: var(--c-card); }
.theme-cinematic .cm-pjform > footer { background-color: var(--c-card); }
.theme-cinematic .cm-fileadd:hover { background-color: var(--c-card); }
.theme-cinematic .cm-fileadd.is-over { background-color: var(--c-card); }
.theme-cinematic .msbs-lp__frame { background-color: var(--c-card); }
.theme-cinematic .msbs-detail__close { background-color: var(--c-card); }
.theme-cinematic .msbs-detail__close:hover { background-color: var(--c-card); }
.theme-cinematic .ebl .ebl-btn--white { background-color: var(--c-card); }
.theme-cinematic .ebl-views a.is-on { background-color: var(--c-card); }
.theme-cinematic .ebl .ebl-badge { background-color: var(--c-card); }
.theme-cinematic .ebl .msbs-hint { background-color: var(--c-card); }
.theme-cinematic .ebd-bar { background-color: var(--c-card); }
.theme-cinematic .ebd-toc-row i { background-color: var(--c-card); }
.theme-cinematic .ibd-total { background-color: var(--c-card); }
.theme-cinematic .ibd-btn { background-color: var(--c-card); }
.theme-cinematic .ibd-btn--go[disabled] { background-color: var(--c-card); }
.theme-cinematic .ibx-round { background-color: var(--c-card); }
.theme-cinematic .ibx-panel { background-color: var(--c-card); }
.theme-cinematic .ibx-item.is-new { background-color: var(--c-card); }
.theme-cinematic .ibx-allbtn { background-color: var(--c-card); }
.theme-cinematic .ibx-tabs a { background-color: var(--c-card); }
.theme-cinematic .ibx-list--page { background-color: var(--c-card); }
.theme-cinematic .nt-sw span::after { background-color: var(--c-card); }
.theme-cinematic .nt-prev .ibx-item { background-color: var(--c-card); }
.theme-cinematic .kspa__card { background-color: var(--c-card); }
.theme-cinematic .kspa__field input { background-color: var(--c-card); }
.theme-cinematic .kspa__field select { background-color: var(--c-card); }
.theme-cinematic .kspa__field textarea { background-color: var(--c-card); }
.theme-cinematic .kspa__field input:focus { background-color: var(--c-card); }
.theme-cinematic .kspa__field select:focus { background-color: var(--c-card); }
.theme-cinematic .kspa__field textarea:focus { background-color: var(--c-card); }
.theme-cinematic .kspa__agree { background-color: var(--c-card); }
.theme-cinematic .kspl__btn { background-color: var(--c-card); }
.theme-cinematic .kspl__btn:hover { background-color: var(--c-card); }
.theme-cinematic .kspl__editor { background-color: var(--c-card); }
.theme-cinematic .kspl__editor-grid input { background-color: var(--c-card); }
.theme-cinematic .kspl__editor-grid select { background-color: var(--c-card); }
.theme-cinematic .kspl__editor-grid input:focus { background-color: var(--c-card); }
.theme-cinematic .kspl__editor-grid select:focus { background-color: var(--c-card); }
.theme-cinematic .kspl__status--active { background-color: var(--c-card); }
.theme-cinematic .kspl__status--pending { background-color: var(--c-card); }
.theme-cinematic .kspl__empty { background-color: var(--c-card); }
.theme-cinematic .lv-onair i { background-color: var(--c-card); }
.theme-cinematic .lv-tabs button[aria-selected=true] { background-color: var(--c-card); }
.theme-cinematic .lv-fld input:focus { background-color: var(--c-card); }
.theme-cinematic .lv-fld textarea:focus { background-color: var(--c-card); }
.theme-cinematic .lv-q select:focus { background-color: var(--c-card); }
.theme-cinematic .lv-q input:focus { background-color: var(--c-card); }
.theme-cinematic .lv-q textarea:focus { background-color: var(--c-card); }
.theme-cinematic .lv-pw .eye { background-color: var(--c-card); }
.theme-cinematic .lv-q select { background-color: var(--c-card); }
.theme-cinematic .lv-q input[type=text] { background-color: var(--c-card); }
.theme-cinematic .lv-q textarea { background-color: var(--c-card); }
.theme-cinematic .lv-opt { background-color: var(--c-card); }
.theme-cinematic .lv-mats .mk { background-color: var(--c-card); }
.theme-cinematic .lv-chip.live i { background-color: var(--c-card); }
.theme-cinematic .lvs-chips li { background-color: var(--c-card); }
.theme-cinematic .lvs-card { background-color: var(--c-card); }
.theme-cinematic .lvs-item.is-live { background-color: var(--c-card); }
.theme-cinematic .lvs-date { background-color: var(--c-card); }
.theme-cinematic .lvs-date em i { background-color: var(--c-card); }
.theme-cinematic .lvs-tags span { background-color: var(--c-card); }
.theme-cinematic .lvs-seat i { background-color: var(--c-card); }
.theme-cinematic .lvs-closed { background-color: var(--c-card); }
.theme-cinematic .lvs-tl-dot { background-color: var(--c-card); }
.theme-cinematic .lvs-cta-ic { background-color: var(--c-card); }
.theme-cinematic .lvs-faces b { background-color: var(--c-card); }
.theme-cinematic .lvs-how li { background-color: var(--c-card); }
.theme-cinematic .lvs-fld input:focus { background-color: var(--c-card); }
.theme-cinematic .lvs-fld textarea:focus { background-color: var(--c-card); }
.theme-cinematic a.ecd-cur__link:hover .ecd-cur__st.is-go { background-color: var(--c-card); }
.theme-cinematic .ecd-empty__ic { background-color: var(--c-card); }
.theme-cinematic .ecd-rv__dist i { background-color: var(--c-card); }
.theme-cinematic .ecd-qa__replyform .ecd-form { background-color: var(--c-card); }
.theme-cinematic .ecd-mine__edit[open] .ecd-form { background-color: var(--c-card); }
.theme-cinematic .ecd-form textarea.ecd-form__input { background-color: var(--c-card); }
.theme-cinematic .ecdw-head__pills .ecd-chip { background-color: var(--c-card); }
.theme-cinematic .ecdw__apply .ecd-prog__bar { background-color: var(--c-card); }
.theme-cinematic .ecdw__apply .ecd-perks__ic { background-color: var(--c-card); }
.theme-cinematic .ecdx-ch__aside .ecd-perks__ic { background-color: var(--c-card); }
.theme-cinematic .ecdr-head__chips .ecd-chip { background-color: var(--c-card); }
.theme-cinematic .ecdr-mile__dot { background-color: var(--c-card); }
.theme-cinematic .ecdr-panel .ecd-step:not(:last-child)::before { background-color: var(--c-card); }
.theme-cinematic .ecdr-avs .more { background-color: var(--c-card); }
.theme-cinematic .ecdt-panel--box .ecd-perks__ic { background-color: var(--c-card); }
.theme-cinematic .ecdt-more { background-color: var(--c-card); }
.theme-cinematic .lms-search input { background-color: var(--c-card); }
.theme-cinematic .lms-chip { background-color: var(--c-card); }
.theme-cinematic .lms-card { background-color: var(--c-card); }
.theme-cinematic .cr-resume .alt { background-color: var(--c-card); }
.theme-cinematic .cr-req { background-color: var(--c-card); }
.theme-cinematic .cr-pbtn { background-color: var(--c-card); }
.theme-cinematic .cr-card { background-color: var(--c-card); }
.theme-cinematic .cr-notes textarea:focus { background-color: var(--c-card); }
.theme-cinematic .cr-qa-form textarea:focus { background-color: var(--c-card); }
.theme-cinematic .cr-chev { background-color: var(--c-card); }
.theme-cinematic .cr-q .cr-mark { background-color: var(--c-card); }
.theme-cinematic .cr-pn-item { background-color: var(--c-card); }
.theme-cinematic .cr-upnext-card { background-color: var(--c-card); }
.theme-cinematic .cr-quiz-bar { background-color: var(--c-card); }
.theme-cinematic .cr-q-a { background-color: var(--c-card); }
.theme-cinematic .cr-q-input { background-color: var(--c-card); }
.theme-cinematic .cr-q-ex { background-color: var(--c-card); }
.theme-cinematic .cr-quiz-score { background-color: var(--c-card); }
.theme-cinematic .cr-complete.is-ghost { background-color: var(--c-card); }
.theme-cinematic .cr-cm-sort button.on { background-color: var(--c-card); }
.theme-cinematic .cr-pdf-view { background-color: var(--c-card); }
.theme-cinematic .mb-side { background-color: var(--c-card); }
.theme-cinematic .mb-bar { background-color: var(--c-card); }
.theme-cinematic .mb-card { background-color: var(--c-card); }
.theme-cinematic .mb-box { background-color: var(--c-card); }
.theme-cinematic .oa-live .lv-panel .lv-chip { background-color: var(--c-card); }
.theme-cinematic .oa-live .lv-unmute { background-color: var(--c-card); }
.theme-cinematic .oa-live .lv-cal-d { background-color: var(--c-card); }
.theme-cinematic .oa-live .lv-cal-st { background-color: var(--c-card); }
.theme-cinematic .oa-live .alert-banner-icon { background-color: var(--c-card); }
.theme-cinematic .oa-live .play-circle { background-color: var(--c-card); }
.theme-cinematic .oa-live .thumb-catbadge { background-color: var(--c-card); }
.theme-cinematic .oa-live .lv-lock-ic { background-color: var(--c-card); }
.theme-cinematic .oa-live .lv-lock-login { background-color: var(--c-card); }
.theme-cinematic .oa-modal__box { background-color: var(--c-card); }
.theme-cinematic .oa-modal .lv-phone { background-color: var(--c-card); }
.theme-cinematic .pay-card { background-color: var(--c-card); }
.theme-cinematic .pay-plan { background-color: var(--c-card); }
.theme-cinematic .cvp-player-container .plyr__menu__container .plyr__control[aria-checked="true"]::before { background-color: var(--c-card); }
.theme-cinematic .enb:is(.enb--cinema { background-color: var(--c-card); }
.theme-cinematic .enb--typo { background-color: var(--c-card); }
.theme-cinematic .enb--story { background-color: var(--c-card); }
.theme-cinematic .enb--rail { background-color: var(--c-card); }
.theme-cinematic .enb--inset) .enb__cta { background-color: var(--c-card); }
.theme-cinematic .enb--dock { background-color: var(--c-card); }
.theme-cinematic .enb--inset { background-color: var(--c-card); }
.theme-cinematic .enb--spot) .enb__dot.is-on { background-color: var(--c-card); }
.theme-cinematic .enb--cinema .enb__bar i { background-color: var(--c-card); }
.theme-cinematic .enb--story .enb__bar i { background-color: var(--c-card); }
.theme-cinematic .enb--rail .enb__bar i { background-color: var(--c-card); }
.theme-cinematic .enb--accordion .enb__slide:not(.is-on):hover::after { background-color: var(--c-card); }
.theme-cinematic .enp__dots i.is-on { background-color: var(--c-card); }
.theme-cinematic .ab-sub { background-color: var(--c-card); }
.theme-cinematic .en-btn-ghost { background-color: var(--c-card); }
.theme-cinematic .en-field input { background-color: var(--c-card); }
.theme-cinematic .en-field select { background-color: var(--c-card); }
.theme-cinematic .en-field textarea { background-color: var(--c-card); }
.theme-cinematic .en-tabs a { background-color: var(--c-card); }
.theme-cinematic .en-pagination a { background-color: var(--c-card); }
.theme-cinematic .enh--capsule .enh-actions .enh-btn2 { background-color: var(--c-card); }
.theme-cinematic .enh--capsule .enh-burger { background-color: var(--c-card); }
.theme-cinematic .enh .enh-round { background-color: var(--c-card); }
.theme-cinematic .enh .enh-round:hover { background-color: var(--c-card); }
.theme-cinematic .as-filters .sep { background-color: var(--dk-card2); }
.theme-cinematic .as-bar .tr em { background-color: var(--dk-card2); }
.theme-cinematic .as-timeline::before { background-color: var(--dk-card2); }
.theme-cinematic .td-task.is-checked { background-color: var(--dk-card2); }
.theme-cinematic .td-task.k-focus.is-checked { background-color: var(--dk-card2); }
.theme-cinematic .td-task.k-script.is-checked { background-color: var(--dk-card2); }
.theme-cinematic .td-cheer { background-color: var(--dk-card2); }
.theme-cinematic .td-heat i { background-color: var(--dk-card2); }
.theme-cinematic .td-heat i.lv1 { background-color: var(--dk-card2); }
.theme-cinematic .tr-month > div.is-ok { background-color: var(--dk-card2); }
.theme-cinematic .mb-loop li { background-color: var(--dk-card2); }
.theme-cinematic .mb-card { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-note { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-note.is-ok { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-cols > div { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-emoji { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-stats > div { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-steps li { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-acc { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-check li::before { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-table th { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-embed { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-f input:not([type=radio]):not([type=checkbox]) { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-f select { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-f textarea { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-goal { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .kf-goal { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-try { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .kf-try { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-sum { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-tip { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .kf-tip { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .bdx-terms { background-color: var(--dk-card2); }
.theme-cinematic .bd-body.kf-lesson blockquote { background-color: var(--dk-card2); }
.theme-cinematic .bd-body .kf-lesson blockquote { background-color: var(--dk-card2); }
.theme-cinematic .t-blue { background-color: var(--dk-card2); }
.theme-cinematic .t-purple { background-color: var(--dk-card2); }
.theme-cinematic .t-pink { background-color: var(--dk-card2); }
.theme-cinematic .t-mint { background-color: var(--dk-card2); }
.theme-cinematic .t-yellow { background-color: var(--dk-card2); }
.theme-cinematic .t-peach { background-color: var(--dk-card2); }
.theme-cinematic .bd-ico { background-color: var(--dk-card2); }
.theme-cinematic .bd-file-v { background-color: var(--dk-card2); }
.theme-cinematic .bd-file-img { background-color: var(--dk-card2); }
.theme-cinematic .bd-k-pdf { background-color: var(--dk-card2); }
.theme-cinematic .bd-k-sheet { background-color: var(--dk-card2); }
.theme-cinematic .bd-k-audio { background-color: var(--dk-card2); }
.theme-cinematic .bd-k-slide { background-color: var(--dk-card2); }
.theme-cinematic .bd-k-archive { background-color: var(--dk-card2); }
.theme-cinematic .bd-k-video { background-color: var(--dk-card2); }
.theme-cinematic .bd-file-dl { background-color: var(--dk-card2); }
.theme-cinematic .bd-file-dl:hover { background-color: var(--dk-card2); }
.theme-cinematic .bdc-add:hover { background-color: var(--dk-card2); }
.theme-cinematic .bdc-chips input:checked + span { background-color: var(--dk-card2); }
.theme-cinematic .bdc-switch i { background-color: var(--dk-card2); }
.theme-cinematic .bdc-fk { background-color: var(--dk-card2); }
.theme-cinematic .bdc-tool:hover { background-color: var(--dk-card2); }
.theme-cinematic .bdc-grab { background-color: var(--dk-card2); }
.theme-cinematic .cm-chip--btn.is-done { background-color: var(--dk-card2); }
.theme-cinematic .cm-follow.is-on { background-color: var(--dk-card2); }
.theme-cinematic .cm-av { background-color: var(--dk-card2); }
.theme-cinematic .cm-av.is-ghost { background-color: var(--dk-card2); }
.theme-cinematic .cm-av--more { background-color: var(--dk-card2); }
.theme-cinematic .cm-story-r { background-color: var(--dk-card2); }
.theme-cinematic .cm-prompt-ic { background-color: var(--dk-card2); }
.theme-cinematic .cm-media { background-color: var(--dk-card2); }
.theme-cinematic .cm-tags a { background-color: var(--dk-card2); }
.theme-cinematic .cm-end .cm-i { background-color: var(--dk-card2); }
.theme-cinematic .cm-post-media { background-color: var(--dk-card2); }
.theme-cinematic .cm-alert { background-color: var(--dk-card2); }
.theme-cinematic .cm-due.is-later { background-color: var(--dk-card2); }
.theme-cinematic .cm-due.is-soon { background-color: var(--dk-card2); }
.theme-cinematic .cm-due.is-late { background-color: var(--dk-card2); }
.theme-cinematic .cm-due.is-done { background-color: var(--dk-card2); }
.theme-cinematic .cm-tile { background-color: var(--dk-card2); }
.theme-cinematic .cm-pf-cover { background-color: var(--dk-card2); }
.theme-cinematic .cm-pf-links a { background-color: var(--dk-card2); }
.theme-cinematic .cm-switch { background-color: var(--dk-card2); }
.theme-cinematic .cm-share-grid .is-kakao span { background-color: var(--dk-card2); }
.theme-cinematic .cm-pbar { background-color: var(--dk-card2); }
.theme-cinematic .cm-cal-c.is-ev { background-color: var(--dk-card2); }
.theme-cinematic .cm-cal-c.is-mt { background-color: var(--dk-card2); }
.theme-cinematic .cm-agenda-d { background-color: var(--dk-card2); }
.theme-cinematic .cm-agenda .is-mt .cm-agenda-d { background-color: var(--dk-card2); }
.theme-cinematic .cm-mt-i .cm-agenda-d { background-color: var(--dk-card2); }
.theme-cinematic .cm-mt-i.is-past .cm-agenda-d { background-color: var(--dk-card2); }
.theme-cinematic .cm-grab { background-color: var(--dk-card2); }
.theme-cinematic .msbs-faceout__front { background-color: var(--dk-card2); }
.theme-cinematic .msbs-pl__card.is-featured::after { background-color: var(--dk-card2); }
.theme-cinematic .ebl .ebl-btn:hover { background-color: var(--dk-card2); }
.theme-cinematic .ebl .ebl-badge.is-free { background-color: var(--dk-card2); }
.theme-cinematic .ebm-state.is-exp { background-color: var(--dk-card2); }
.theme-cinematic .ibd-total.on { background-color: var(--dk-card2); }
.theme-cinematic .ibd-btn--warn { background-color: var(--dk-card2); }
.theme-cinematic .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-n { background-color: var(--dk-card2); }
.theme-cinematic .ibd-tile[data-ibd-cat="post"] .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-tile[data-ibd-cat="comment"] .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-tile[data-ibd-cat="apply"] .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-tile[data-ibd-cat="inquiry"] .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-tile[data-ibd-cat="member"] .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-tile[data-ibd-cat="pay"] .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-tile[data-ibd-cat="review"] .ibd-ico { background-color: var(--dk-card2); }
.theme-cinematic .ibd-item a:hover { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip.c-post { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip.c-comment { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip.c-apply { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip.c-inquiry { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip.c-member { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip.c-pay { background-color: var(--dk-card2); }
.theme-cinematic .ibd-chip.c-review { background-color: var(--dk-card2); }
.theme-cinematic .ibd-todo li a:hover { background-color: var(--dk-card2); }
.theme-cinematic .ibx-all:hover { background-color: var(--dk-card2); }
.theme-cinematic .ibx-item:hover { background-color: var(--dk-card2); }
.theme-cinematic .ibx-ic { background-color: var(--dk-card2); }
.theme-cinematic .lv-warn .ibx-ic { background-color: var(--dk-card2); }
.theme-cinematic .lv-danger .ibx-ic { background-color: var(--dk-card2); }
.theme-cinematic .nt-callout { background-color: var(--dk-card2); }
.theme-cinematic .nt-sw span { background-color: var(--dk-card2); }
.theme-cinematic .nt-item:hover { background-color: var(--dk-card2); }
.theme-cinematic .nt-dot { background-color: var(--dk-card2); }
.theme-cinematic .nt-var { background-color: var(--dk-card2); }
.theme-cinematic .nt-chip { background-color: var(--dk-card2); }
.theme-cinematic .nt-prev { background-color: var(--dk-card2); }
.theme-cinematic .kspl__btn--danger { background-color: var(--dk-card2); }
.theme-cinematic .kspl__btn--danger:hover { background-color: var(--dk-card2); }
.theme-cinematic .kspl__status--expired { background-color: var(--dk-card2); }
.theme-cinematic .kspl__chip--gray { background-color: var(--dk-card2); }
.theme-cinematic .kspl__period span { background-color: var(--dk-card2); }
.theme-cinematic .lv-err { background-color: var(--dk-card2); }
.theme-cinematic .lv-or::before { background-color: var(--dk-card2); }
.theme-cinematic .lv-or::after { background-color: var(--dk-card2); }
.theme-cinematic .lv-btn.kakao { background-color: var(--dk-card2); }
.theme-cinematic .lvs-tags .free { background-color: var(--dk-card2); }
.theme-cinematic .lvs-done { background-color: var(--dk-card2); }
.theme-cinematic .lvs-tl::before { background-color: var(--dk-card2); }
.theme-cinematic .lvs-faces i:nth-child(1) { background-color: var(--dk-card2); }
.theme-cinematic .lvs-faces i:nth-child(2) { background-color: var(--dk-card2); }
.theme-cinematic .lvs-faces i:nth-child(3) { background-color: var(--dk-card2); }
.theme-cinematic .lvs-faces i:nth-child(4) { background-color: var(--dk-card2); }
.theme-cinematic .lvs-how { background-color: var(--dk-card2); }
.theme-cinematic .lvs-err { background-color: var(--dk-card2); }
.theme-cinematic .lms-progress { background-color: var(--dk-card2); }
.theme-cinematic .cr-ghost { background-color: var(--dk-card2); }
.theme-cinematic .cr-ghost:hover { background-color: var(--dk-card2); }
.theme-cinematic .cr-q-ans { background-color: var(--dk-card2); }
.theme-cinematic .cr-filter button { background-color: var(--dk-card2); }
.theme-cinematic .cr-ticon { background-color: var(--dk-card2); }
.theme-cinematic .cr-tnext { background-color: var(--dk-card2); }
.theme-cinematic .cr-upnext-card .warn { background-color: var(--dk-card2); }
.theme-cinematic .cr-upnext-card .alt { background-color: var(--dk-card2); }
.theme-cinematic .cr-dialog-x { background-color: var(--dk-card2); }
.theme-cinematic .cr-keys kbd { background-color: var(--dk-card2); }
.theme-cinematic .cr-quiz-timer.is-low { background-color: var(--dk-card2); }
.theme-cinematic .cr-quiz-result { background-color: var(--dk-card2); }
.theme-cinematic .ce-req span { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-av { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-av[data-c="1"] { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-av[data-c="2"] { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-av[data-c="3"] { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-av[data-c="4"] { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-send:disabled { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-badge { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-threadbtn:hover { background-color: var(--dk-card2); }
.theme-cinematic .cr-cm-more:hover { background-color: var(--dk-card2); }
.theme-cinematic .mb-chip { background-color: var(--dk-card2); }
.theme-cinematic .mb-chip.ok { background-color: var(--dk-card2); }
.theme-cinematic .mb-chip.no { background-color: var(--dk-card2); }
.theme-cinematic .oa-live .cal-dot.done { background-color: var(--dk-card2); }
.theme-cinematic .oa-modal__close { background-color: var(--dk-card2); }
.theme-cinematic .oa-modal .lv-phone input { background-color: var(--dk-card2); }
.theme-cinematic .pay-badge { background-color: var(--dk-card2); }
.theme-cinematic .pay-badge.ok { background-color: var(--dk-card2); }
.theme-cinematic .pay-badge.warn { background-color: var(--dk-card2); }
.theme-cinematic .pay-badge.err { background-color: var(--dk-card2); }
.theme-cinematic .pay-badge.accent { background-color: var(--dk-card2); }
.theme-cinematic .enp__view { background-color: var(--dk-card2); }
.theme-cinematic code { background-color: var(--dk-card2); }
.theme-cinematic .en-field input:disabled { background-color: var(--dk-card2); }
.theme-cinematic .en-badge.gray { background-color: var(--dk-card2); }
.theme-cinematic .enh-logo-tag { background-color: var(--dk-card2); }
.theme-cinematic .enh-logo-tag:hover { background-color: var(--dk-card2); }
.theme-cinematic .enh-gm-ico { background-color: var(--dk-card2); }
.theme-cinematic .enh-gm-ico.t-blue { background-color: var(--dk-card2); }
.theme-cinematic .enh-gm-ico.t-purple { background-color: var(--dk-card2); }
.theme-cinematic .enh-gm-ico.t-pink { background-color: var(--dk-card2); }
.theme-cinematic .enh-gm-ico.t-mint { background-color: var(--dk-card2); }
.theme-cinematic .enh-gm-ico.t-yellow { background-color: var(--dk-card2); }
.theme-cinematic .enh-gm-ico.t-peach { background-color: var(--dk-card2); }
.theme-cinematic .bd-av { color: var(--c-text); }
.theme-cinematic .bd-row-rg { color: var(--c-text); }
.theme-cinematic .cai-note .body { color: var(--c-text); }
.theme-cinematic .cm-share-grid .is-kakao span { color: var(--c-text); }
.theme-cinematic .msbs-openbook__page { color: var(--c-text); }
.theme-cinematic .msbs-page__title { color: var(--c-text); }
.theme-cinematic .msbs-page__summary { color: var(--c-text); }
.theme-cinematic .msbs-openbook__page .msbs-page__ebook { color: var(--c-text); }
.theme-cinematic .msbs-openbook__page button.msbs-page__ebook { color: var(--c-text); }
.theme-cinematic .msbs-openbook__page .msbs-page__ebook:hover { color: var(--c-text); }
.theme-cinematic .msbs-openbook__page .msbs-page__ebook:focus { color: var(--c-text); }
.theme-cinematic .msbs-openbook__page .msbs-page__ebook:focus-visible { color: var(--c-text); }
.theme-cinematic .msbs-openbook__page .msbs-page__ebook:active { color: var(--c-text); }
.theme-cinematic .msbs-detail__close { color: var(--c-text); }
.theme-cinematic .msbs-pl__name { color: var(--c-text); }
.theme-cinematic .ebd-excerpt { color: var(--c-text); }
.theme-cinematic .ibx-round { color: var(--c-text); }
.theme-cinematic .ibx-panel { color: var(--c-text); }
.theme-cinematic .ibx-tabs a { color: var(--c-text); }
.theme-cinematic .kas .subnav a.on { color: var(--c-text); }
.theme-cinematic .kspa__label { color: var(--c-text); }
.theme-cinematic .kspl__btn { color: var(--c-text); }
.theme-cinematic .lv-btn.kakao { color: var(--c-text); }
.theme-cinematic .oa-modal__head { color: var(--c-text); }
.theme-cinematic .oa-modal__close { color: var(--c-text); }
.theme-cinematic .oa-modal .lv-phone input { color: var(--c-text); }
.theme-cinematic .enb--accordion .enb__slide:not(.is-on):hover::after { color: var(--c-text); }
.theme-cinematic .en-alert-info { color: var(--c-text); }
.theme-cinematic .enh-gm-ch { color: var(--c-text); }
.theme-cinematic .enh .enh-round { color: var(--c-text); }
.theme-cinematic .en-btn-primary { color: var(--dk-on-accent) !important; }
.theme-cinematic .ab-cta { color: var(--dk-on-accent) !important; }

/* ── 공통: 어두운 화면 ── */
.theme-cinematic { color-scheme: dark; }
.theme-cinematic .en-prose a, .theme-cinematic .en-link { color: #DCFF7D; }
.theme-cinematic ::selection { background: #DCFF7D; color: #101110; }
/* 강조색 위 글자 */
.theme-cinematic .en-btn-primary, .theme-cinematic .enh-cta, .theme-cinematic .ecd-btn--primary, .theme-cinematic .en-tabs a.on, .theme-cinematic .en-pagination strong { color: #101110 !important; }
.theme-cinematic .en-btn-primary:hover, .theme-cinematic .ecd-btn--primary:hover { background: #C8F25A; filter: none; }
.theme-cinematic .en-btn-ghost { background: #22261F; border-color: #2E322A; color: #E9E7DF; }
.theme-cinematic .en-btn-dark { background: #E9E7DF; color: #121411; }
/* 입력 칸 */
.theme-cinematic input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]), .theme-cinematic select, .theme-cinematic textarea { background: #22261F; color: #E9E7DF; border-color: #2E322A; }
.theme-cinematic input::placeholder, .theme-cinematic textarea::placeholder { color: #9A9E92; }
/* 머리글 · 펼침 메뉴 · 바닥글 */
.theme-cinematic .ab-head, .theme-cinematic .enh { box-shadow: 0 1px 0 #2E322A; }
.theme-cinematic .ab-util { background: #0B0C0A; border-bottom-color: #2E322A; }
.theme-cinematic .ab-sub, .theme-cinematic .enh-drop-in, .theme-cinematic .enh-drop--panel > .enh-gm, .theme-cinematic .enh-sheet-in { background: #22261F; color: #E9E7DF; box-shadow: 0 18px 40px rgba(0, 0, 0, .45); }
.theme-cinematic .enh-gm-ico { background: #222919; }
.theme-cinematic .ab-foot { box-shadow: inset 0 1px 0 #2E322A; }
/* 카드 · 표 · 알림 */
.theme-cinematic .en-card { box-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 28px rgba(0, 0, 0, .28); }
.theme-cinematic .en-alert { background: #22261F; color: #E9E7DF; }
.theme-cinematic table th { color: #9A9E92; }
.theme-cinematic hr { border-color: #2E322A; }
/* 점검에서 찾은 곳 — 파스텔 칩 · 진한 바탕 탭 · 강조색 위 흰 글자 */
.theme-cinematic .ecd-cur__free, .theme-cinematic .mb-grade, .theme-cinematic .cr-badge { background: #22261F !important; color: #E9E7DF !important; }
.theme-cinematic .bd-tab.is-on { color: #121411 !important; }
.theme-cinematic .ecd-tone-blue { background: #1F2A22; } .theme-cinematic .ecd-tone-purple { background: #25222D; } .theme-cinematic .ecd-tone-pink { background: #2D2224; }
.theme-cinematic .ecd-tone-mint { background: #1E2A20; } .theme-cinematic .ecd-tone-yellow { background: #2A2A1A; }
.theme-cinematic .ecd-ov__chip { color: #E9E7DF; box-shadow: 0 0 0 3px #1B1E19 !important; }
.theme-cinematic .cr-filter button.on, .theme-cinematic .cch-btn, .theme-cinematic .cch-btn.sm { color: #101110 !important; }

/* 바탕: 인트로처럼 오른쪽 위가 살짝 밝은 먹색 */
body.theme-cinematic { background: radial-gradient(ellipse 80% 60% at 78% 18%, #23261F 0, #121411 60%) fixed var(--c-bg); }
/* 주 단추는 인트로처럼 돌빛 바탕 + 잉크 글자, 지금 메뉴 · 진행 표시는 라임 */
.theme-cinematic .en-btn-primary, .theme-cinematic .enh-cta { background: #E9E7DF !important; color: #101110 !important; }
.theme-cinematic .en-btn-primary:hover, .theme-cinematic .enh-cta:hover { background: var(--c-accent) !important; color: #101110 !important; }
.theme-cinematic .ab-foot-logo::after { content: ''; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: #FF5D4F; vertical-align: 2px; }
.theme-cinematic .en-h1 { font-weight: 300; letter-spacing: -1.5px; }
.theme-cinematic .en-h1 b, .theme-cinematic .en-h1 strong { font-weight: 800; }

/* 자동 생성 — tools/gen_compat.py (손으로 고치지 말 것) */
.theme-cinematic .ec .ec-btn,.theme-cinematic .ec a.ec-btn{color:var(--cn-ink)}
.theme-cinematic .ec .ec-btn--ink,.theme-cinematic .ec a.ec-btn--ink{color:var(--cn-ink)}
.theme-cinematic .ec-chip--white{background:var(--ec-card);color:var(--ec-ink)}
.theme-cinematic .ec-ico--white{background:var(--ec-card);color:var(--ec-ink)}
.theme-cinematic .ec-num{color:var(--cn-ink)}
.theme-cinematic .ec-engine:not(.is-3d) .ec-engine-steps i{color:var(--cn-ink)}
.theme-cinematic .ec-engine.is-3d .ec-engine-steps li.is-hot a,.theme-cinematic .ec-engine.is-3d .ec-engine-steps a:hover,.theme-cinematic .ec-engine.is-3d .ec-engine-steps a:focus-visible{color:var(--cn-ink)}
.theme-cinematic .ec-engine-pop b{color:var(--cn-ink)}
.theme-cinematic .ec-engine-cap{color:var(--cn-ink)}
.theme-cinematic .ec-co{color:var(--cn-ink)}
.theme-cinematic .ec-colist li::before{color:var(--cn-ink)}
.theme-cinematic .ec-flow li::before{color:var(--cn-ink)}
.theme-cinematic .ec-tabs--side [role=tab][aria-selected=true] .ec-num{color:var(--cn-ink)}
.theme-cinematic .ec-round{color:var(--cn-ink)}
.theme-cinematic .ec-video button{background:var(--ec-card);color:var(--ec-ink)}
.theme-cinematic .ec-video button i{color:var(--cn-ink)}
.theme-cinematic .ec-filter .is-on{color:var(--cn-ink)}
.theme-cinematic .ec-choice label:has(input:checked),.theme-cinematic .ec-choice label.is-on{color:var(--cn-ink)}
.theme-cinematic .ec-foot-btn{color:var(--cn-ink)}
.theme-cinematic .ec-est-feat em{background:var(--ec-card);color:var(--ec-ink)}
.theme-cinematic .ec-quote{background:var(--ec-card);color:var(--ec-ink)}
.theme-cinematic .ec-diag-scale input:checked+span{color:var(--cn-ink)}
.theme-cinematic .ec-mbar a.is-main{color:var(--cn-ink)}
.theme-cinematic .ecx-skip{color:var(--cn-ink)}
.theme-cinematic .ech-logo b{color:var(--cn-ink)}
.theme-cinematic .ech-demo{color:var(--cn-ink)}
.theme-cinematic .ect a.go{color:var(--cn-ink)}
.theme-cinematic .ecx .btn{color:var(--cn-ink)}
.theme-cinematic .ecx .btn--ink{color:var(--cn-ink)}
.theme-cinematic .ecx .step-num{color:var(--cn-ink)}
.theme-cinematic .ecx .ms li b span{color:var(--cn-ink)}
.theme-cinematic .ecx .pick-tag{color:var(--cn-ink)}


/* ═══════════ cinematic — 디자인 스킬 cinematic-3d-hero 를 사이트 전체에 (2026-10-25)
   잉크 #101110 · 페이퍼 #E9E7DF · 라임 #DCFF7D · 가는 제목(200)과 굵은 강조(700)의 대비 · 고정폭 라벨(IBM Plex Mono «01 — »)
   · 얇은 선(#363B31)으로 나눈 면 · 알약 단추(페이퍼 → 라임) · 필름 낟알
   EasyClass 부품(ec.css)의 색 변수를 어둡게 바꿔 끼우고, 모양은 아래에서 덧입힌다. ═══════════ */
.theme-cinematic{
  --cn-ink:#101110;--cn-ink-2:#141513;--cn-ink-3:#1b1d19;--cn-paper:#e9e7df;--cn-soft:#cfd3c7;--cn-muted:#b3b7aa;   /* 2026-10-25 대표: 보조 글자 선명하게 — 보조 본문 #aeb3a8→#cfd3c7, 메타 #92968c→#b3b7aa */
  --cn-line:#363b31;--cn-line-2:#575d50;--cn-accent:#dcff7d;
  --cn-display:'Pretendard Variable','Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --cn-data:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,'Malgun Gothic',monospace;
  --cn-ease:cubic-bezier(.16,1,.3,1);
  /* EasyClass 부품 색 */
  --ec-bg:var(--cn-ink);--ec-card:var(--cn-ink-2);--ec-panel:var(--cn-ink-3);
  --ec-ink:var(--cn-paper);--ec-sub:var(--cn-soft);--ec-sub-strong:var(--cn-soft);
  --ec-accent:var(--cn-accent);--ec-accent-soft:#273018;--ec-accent-ink:var(--cn-accent);
  --ec-cta:var(--cn-paper);--ec-cta-hover:var(--cn-accent);
  --ec-ok:#7fd99a;--ec-ok-ink:#9be3ad;--ec-danger:#ff6b6b;--ec-danger-ink:#ff8f8f;
  --ec-blue:#1c2628;--ec-purple:#24222c;--ec-pink:#2c2224;--ec-mint:#1d2820;--ec-yellow:#29291a;
  --ec-bg-hover:var(--cn-ink-3);
  --ec-shadow:0 0 0 1px var(--cn-line);--ec-shadow-up:0 0 0 1px var(--cn-line-2),0 30px 60px -30px rgba(0,0,0,.8);
  --shadow-cta:none;--focus:0 0 0 2px var(--cn-ink),0 0 0 4px var(--cn-accent);
  --ec-font:var(--cn-display);
  --en-font:var(--cn-display);
  color-scheme:dark;
}
body.theme-cinematic{background:var(--cn-ink);color:var(--cn-paper);font-family:var(--cn-display)}
body.theme-cinematic::after{content:'';position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.035;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.theme-cinematic ::selection{background:var(--cn-accent);color:var(--cn-ink)}
.theme-cinematic :focus-visible{outline:2px solid var(--cn-accent);outline-offset:4px}

/* ── 글자: 가는 제목 + 굵은 강조, 고정폭 라벨 ── */
.theme-cinematic .ec{font-family:var(--cn-display);color:var(--cn-paper)}
.theme-cinematic .ec-h1,.theme-cinematic .ec h1{font-weight:200;letter-spacing:-.06em;line-height:1.15}
.theme-cinematic .ec-h1 b,.theme-cinematic .ec h1 b,.theme-cinematic .ec-h1 strong{font-weight:700}
.theme-cinematic .ec-h2{font-weight:300;letter-spacing:-.05em;line-height:1.22;font-size:clamp(26px,3.2vw,42px)}
.theme-cinematic .ec-h2 b,.theme-cinematic .ec-h2 strong{font-weight:700}
.theme-cinematic .ec-h3{letter-spacing:-.035em}
.theme-cinematic .ec-lead,.theme-cinematic .ec-text,.theme-cinematic .ec p{color:var(--cn-soft);font-weight:400}
.theme-cinematic .ec p b,.theme-cinematic .ec p strong{color:var(--cn-paper);font-weight:600}
.theme-cinematic .ec-label{display:inline-flex;align-items:center;gap:12px;font-family:var(--cn-data);font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--cn-muted);background:none;padding:0}
.theme-cinematic .ec-label::before{content:'';width:29px;height:1px;background:var(--cn-accent);flex:none}
.theme-cinematic .ec-dot{color:var(--cn-accent)}
.theme-cinematic .ec-meta,.theme-cinematic .ec-note{color:var(--cn-muted)}
.theme-cinematic .ec a:not(.ec-btn):not(.ec-chip):not([class*="bk-"]):hover{color:var(--cn-accent)}
.theme-cinematic .ec-link{color:var(--cn-paper);border-bottom:1px solid var(--cn-line-2);text-decoration:none}
.theme-cinematic .ec-link:hover{color:var(--cn-accent);border-color:var(--cn-accent)}

/* ── 단추: 페이퍼 알약 → 라임, 테두리 알약 ── */
.theme-cinematic .ec .ec-btn,.theme-cinematic .ec a.ec-btn{background:var(--cn-paper);color:var(--cn-ink);box-shadow:none;font-weight:500;transition:background .35s var(--cn-ease),color .35s,border-color .35s}
.theme-cinematic .ec a.ec-btn:hover,.theme-cinematic .ec .ec-btn:hover{background:var(--cn-accent);color:var(--cn-ink);box-shadow:none;transform:none}
.theme-cinematic .ec .ec-btn--line,.theme-cinematic .ec a.ec-btn--line,.theme-cinematic .ec .ec-btn--ghost,.theme-cinematic .ec a.ec-btn--ghost{background:transparent;color:var(--cn-paper);box-shadow:inset 0 0 0 1px var(--cn-line-2)}
.theme-cinematic .ec a.ec-btn--line:hover,.theme-cinematic .ec .ec-btn--line:hover,.theme-cinematic .ec a.ec-btn--ghost:hover{background:transparent;color:var(--cn-accent);box-shadow:inset 0 0 0 1px var(--cn-accent)}
.theme-cinematic .ec .ec-btn--ink,.theme-cinematic .ec a.ec-btn--ink{background:var(--cn-paper);color:var(--cn-ink)}

/* ── 면: 그림자 대신 얇은 선, 위에서 아래로 살짝 밝은 면 ── */
.theme-cinematic .ec-card,.theme-cinematic .ec-feature,.theme-cinematic .ec-tile,.theme-cinematic .ec-row--white,.theme-cinematic .ec-cta-line,.theme-cinematic .ec-quote{
  background:linear-gradient(180deg,#161814,#111210);box-shadow:none;border:1px solid var(--cn-line)}
.theme-cinematic a.ec-feature:hover,.theme-cinematic .ec-card--hover:hover{border-color:var(--cn-line-2);background:linear-gradient(180deg,#1b1d19,#121311);transform:none}
.theme-cinematic .ec-step,.theme-cinematic .ec-row{background:var(--cn-ink-2);box-shadow:none;border:1px solid var(--cn-line)}
.theme-cinematic .ec-num{background:transparent;color:var(--cn-accent);border:1px solid var(--cn-line-2);font-family:var(--cn-data);font-weight:400}
.theme-cinematic .ec-chip{background:var(--cn-ink-3);color:var(--cn-soft);border:1px solid var(--cn-line)}
.theme-cinematic .ec-ico{background:transparent;color:var(--cn-accent);border:1px solid var(--cn-line-2)}
.theme-cinematic .ec-shot,.theme-cinematic .ec-shot img,.theme-cinematic .ec-frame{border-color:#2c3027}
.theme-cinematic .ec-shot{background:var(--cn-ink-3);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.theme-cinematic .ec details,.theme-cinematic .ec-faq details{background:transparent;border:0;border-bottom:1px solid var(--cn-line);border-radius:0;box-shadow:none}
.theme-cinematic .ec summary{color:var(--cn-paper)}
.theme-cinematic .ec table,.theme-cinematic .ec th,.theme-cinematic .ec td{border-color:var(--cn-line)}
.theme-cinematic .ec th{background:var(--cn-ink-3);color:var(--cn-paper)}
.theme-cinematic .ec hr{border-color:var(--cn-line)}
.theme-cinematic .ec-filter button,.theme-cinematic .ec-filter a{background:transparent;color:var(--cn-soft);box-shadow:inset 0 0 0 1px var(--cn-line-2)}
.theme-cinematic .ec-filter .is-on{background:var(--cn-accent);color:var(--cn-ink);box-shadow:none}

/* ── 입력 칸 ── */
.theme-cinematic .ec input:not([type=checkbox]):not([type=radio]):not([type=range]),.theme-cinematic .ec select,.theme-cinematic .ec textarea,
.theme-cinematic .ec-field input,.theme-cinematic .ec-field select,.theme-cinematic .ec-field textarea{
  background:var(--cn-ink);color:var(--cn-paper);border:1px solid var(--cn-line-2);box-shadow:none}
.theme-cinematic .ec input::placeholder,.theme-cinematic .ec textarea::placeholder{color:#7d8276}
.theme-cinematic .ec input:focus,.theme-cinematic .ec select:focus,.theme-cinematic .ec textarea:focus{border-color:var(--cn-accent);outline:none}
.theme-cinematic .ec-choice label{background:var(--cn-ink-2);color:var(--cn-soft);box-shadow:inset 0 0 0 1px var(--cn-line)}
.theme-cinematic .ec-choice label:has(input:checked),.theme-cinematic .ec-choice label.is-on{background:var(--cn-accent);color:var(--cn-ink)}

/* ── 책장(bookshelf-portfolio-grid): 어두운 브랜드 — 표지는 먹색 면, 속지는 종이 그대로(글자는 진하게) ── */
.theme-cinematic .ec-shelf{--ec-shelf:#2e322a;--ec-ribbon:var(--cn-accent)}
.theme-cinematic .ec-shelf>li::after{background:linear-gradient(180deg,#191b17,#121311);box-shadow:0 18px 24px -10px rgba(0,0,0,.7)}
.theme-cinematic .ec-shelf .bk-cover{background:linear-gradient(180deg,#1b1d19,#141513);box-shadow:0 0 0 1px #2c3027,6px 12px 28px -6px rgba(0,0,0,.7);color:var(--cn-paper)}
.theme-cinematic .ec-shelf .bk-frame{box-shadow:inset 0 0 0 1px #2c3027}
.theme-cinematic .ec-shelf .bk-title{color:var(--cn-paper)}
.theme-cinematic .ec-shelf .bk-no,.theme-cinematic .ec-shelf .bk-foot{color:var(--cn-muted);font-family:var(--cn-data)}
.theme-cinematic .ec-shelf .bk-foot .hov,.theme-cinematic .ec-shelf .bk-foot .tap{color:var(--cn-accent)}
.theme-cinematic .ec-shelf .bk-pages{--ec-ink:#1c1c28;--ec-sub:#5b6170;--cn-soft:#5b6170;color:#1c1c28}
.theme-cinematic .ec-shelf .bk-pages p,.theme-cinematic .ec-shelf .bk-pages dt{color:#5b6170}
.theme-cinematic .ec-shelf .bk-pages h3,.theme-cinematic .ec-shelf .bk-pages dd{color:#1c1c28}
.theme-cinematic .ec .ec-shelf .bk-pages .ec-btn{background:#101110;color:#e9e7df}
.theme-cinematic .ec .ec-shelf .bk-pages .ec-btn:hover{background:#2a2e25;color:var(--cn-accent)}

/* ── 머리글 · 바닥글 ── */
.theme-cinematic .ec-foot{background:var(--cn-ink);color:var(--cn-muted);border-top:1px solid var(--cn-line)}
.theme-cinematic .ec-foot b{font-family:var(--cn-data);font-weight:400;font-size:12px;letter-spacing:.06em;color:var(--cn-paper)}
.theme-cinematic .ec-foot a{color:var(--cn-muted)}
.theme-cinematic .ec-foot a:hover{color:var(--cn-accent)}
.theme-cinematic .ec-foot-btn{background:var(--cn-paper);color:var(--cn-ink)}
.theme-cinematic .ec-foot-btn:hover{background:var(--cn-accent);color:var(--cn-ink);opacity:1}
.theme-cinematic .ec-foot-btn--line{background:transparent;color:var(--cn-paper);box-shadow:inset 0 0 0 1px var(--cn-line-2)}
.theme-cinematic .ec-foot-btn--line:hover{background:transparent;color:var(--cn-accent);box-shadow:inset 0 0 0 1px var(--cn-accent)}
.theme-cinematic .ec-foot-legal,.theme-cinematic .ec-foot-copy{border-color:var(--cn-line);color:var(--cn-muted)}
.theme-cinematic .ec-foot-copy{font-family:var(--cn-data);font-size:11px}

/* ── 휴대폰 아래 빠른 메뉴 ── */
.theme-cinematic .ect{background:rgba(16,17,16,.92);border-color:var(--cn-line);backdrop-filter:blur(10px)}
.theme-cinematic .ect a{color:var(--cn-soft)}
.theme-cinematic .ect a.go{background:var(--cn-accent);color:var(--cn-ink)}

/* ── 랜딩 묶음(.ecx — 가격 · 사례 등)의 단추 ── */
.theme-cinematic .ecx .btn{background:var(--cn-paper);color:var(--cn-ink);box-shadow:none}
.theme-cinematic .ecx .btn:hover{background:var(--cn-accent);color:var(--cn-ink)}
.theme-cinematic .ecx .btn--line{background:transparent;color:var(--cn-paper);box-shadow:inset 0 0 0 1px var(--cn-line-2)}
.theme-cinematic .ecx .btn--line:hover{background:transparent;color:var(--cn-accent);box-shadow:inset 0 0 0 1px var(--cn-accent)}

/* ── 머리글 로고: 어두운 바탕이므로 모든 화면에서 흰 로고(홈 첫 화면과 같게) ── */
.theme-cinematic .enh-bar .enh-logo img{filter:brightness(0) invert(1)}
.theme-cinematic .enh-bar .enh-logo-tag{background:rgba(255,255,255,.12);color:var(--cn-paper)}
.theme-cinematic .ec-foot .ec-foot-brand img{filter:brightness(0) invert(1)}

/* ── 책장 세부: 업종 칩은 책등 색 글자 + 옅은 면, 책등은 한 톤 낮게, 속지 내용이 책 밖으로 넘치지 않게 ── */
.theme-cinematic .ec-shelf .bk-top .ec-chip{background:color-mix(in srgb,var(--cv) 16%,transparent);color:var(--cv);border:1px solid color-mix(in srgb,var(--cv) 35%,transparent)}
.theme-cinematic .ec-shelf .bk-spine{background:color-mix(in srgb,var(--cv) 72%,#101110);box-shadow:inset -3px 0 6px rgba(255,255,255,.18),inset 3px 0 6px rgba(0,0,0,.25)}
.theme-cinematic .ec-shelf .bk-foot{border-top-color:var(--cn-line)}
.theme-cinematic .ec-shelf .bk-pages{overflow:hidden}
.theme-cinematic .ec-shelf .bk-pages .ec-chip{background:#efece4;color:#1c1c28;border-color:#e2ded3}
.theme-cinematic .ec .ec-shelf .bk-pages{gap:8px;padding-top:18px;padding-bottom:16px}
.theme-cinematic .ec .ec-shelf .bk-pages .ec-text{-webkit-line-clamp:2}
.theme-cinematic .ec .ec-shelf .bk-pages .ec-btn{min-height:40px;margin-top:10px;font-size:14px}
.theme-cinematic .ec-shelf .bk-shot{aspect-ratio:2/1}

/* ── 강의 목록(ecc) 빈 화면 단추: 라임 위 먹색 글자 ── */
.theme-cinematic .ecc-empty a{color:var(--cn-ink)}

/* ── 파스텔 배경을 직접 받은 배지(칼럼 카테고리 등 style="background:#…"): 밝은 면 위 → 진한 글자 (2026-10-25 대표) ── */
.theme-cinematic .ec-chip[style*="background"]{color:#1c1c28;border-color:transparent;font-weight:600}

/* ── 카톡 상담 (2026-10-25 대표): PC 오른쪽 아래 떠 있는 단추 · 휴대폰 탭바 «카톡» ── */
.ec-kakao-float{position:fixed;right:24px;bottom:24px;z-index:70;display:inline-flex;align-items:center;gap:8px;padding:12px 18px 12px 14px;border-radius:999px;background:#fee500;color:#191919;font:600 14px/1 var(--cn-display,sans-serif);text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.45);transition:transform .25s,box-shadow .25s}
.ec-kakao-float:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.55);color:#191919}
.ec-kakao-float i{font-style:normal;font-size:17px}
@media (max-width:900px){.ec-kakao-float{display:none}}
.theme-cinematic .ect a.kk i{color:#fee500}

/* ── 게시판 «최신 글» 상자(공지사항 등, board 플러그인 인라인 흰 상자) — 2026-10-25 대표 ── */
.theme-cinematic .bd-latest{background:var(--cn-ink-2);border:1px solid var(--cn-line);box-shadow:none}
.theme-cinematic .bd-latest-head b{color:var(--cn-paper)}
.theme-cinematic .bd-latest-head a,.theme-cinematic .bd-latest time,.theme-cinematic .bd-latest-empty{color:var(--cn-muted)}
.theme-cinematic .bd-latest-head a:hover{color:var(--cn-accent)}
.theme-cinematic .bd-latest li{border-bottom-color:var(--cn-line)}
.theme-cinematic .bd-latest li a{color:var(--cn-paper)}
.theme-cinematic .bd-latest li a:hover span{color:var(--cn-accent)}
.theme-cinematic .bd-latest li em{color:var(--cn-accent)}
/* 바닥글 단추 — «.ec-foot a» 의 흐린 링크 색이 단추까지 덮지 않게 */
.theme-cinematic .ec-foot a.ec-foot-btn{color:var(--cn-ink)}
.theme-cinematic .ec-foot a.ec-foot-btn--line{color:var(--cn-paper)}
.theme-cinematic .ec-foot a.ec-foot-btn--line:hover{color:var(--cn-accent)}

/* ── 선 아이콘 (이모지 대신, plugins/easyclass/src/Icons.php) — 2026-10-25 대표 ── */
.ec-svg-ico{display:block;width:1.15em;height:1.15em;flex:none}
.theme-cinematic .ec-ico .ec-svg-ico{width:20px;height:20px}
.theme-cinematic .ec-ico{color:var(--cn-accent)}
.theme-cinematic .enh-gm-ico{background:transparent!important;border:1px solid var(--cn-line-2);color:var(--cn-accent)}
.theme-cinematic .enh-gm-ico .ec-svg-ico{width:18px;height:18px}
.theme-cinematic .bd-ico{background:transparent!important;border:1px solid var(--cn-line-2);color:var(--cn-accent)}
.theme-cinematic .bd-ico .ec-svg-ico{width:20px;height:20px}
.theme-cinematic .ec-round .ec-svg-ico{width:22px;height:22px}
.theme-cinematic .ect a i .ec-svg-ico{width:20px;height:20px;margin:0 auto}
.theme-cinematic .ect a.kk i{color:#fee500}
.ec-kakao-float i .ec-svg-ico{width:18px;height:18px}
.ec-kakao-float i{display:inline-flex}
.theme-cinematic .bd-tab>span[aria-hidden] .ec-svg-ico{width:16px;height:16px}.theme-cinematic .bd-tab>span[aria-hidden]{display:inline-flex;color:var(--cn-accent)}
.theme-cinematic .bd-tab.is-on>span[aria-hidden],.theme-cinematic .bd-tab[aria-current]>span[aria-hidden]{color:var(--cn-ink)}
/* 글 맨 앞 이모지 → 선 아이콘 (Icons::text) */
.ec-inl-ico{display:inline-flex;vertical-align:-.15em;margin-right:.4em;color:var(--cn-accent,#dcff7d)}
.ec-inl-ico .ec-svg-ico{width:1.05em;height:1.05em}

/* ── 세미나(/seminar, live 플러그인 .lvs) — 보조 글자 · 강조 · 라벨을 테마 값으로 ── */
.theme-cinematic .lvs-lead,.theme-cinematic .lvs p{color:var(--cn-soft)}
.theme-cinematic .lvs-eyebrow{color:var(--cn-muted);font-family:var(--cn-data);font-weight:400;letter-spacing:.06em}
.theme-cinematic .lvs mark{background:linear-gradient(transparent 62%,rgba(220,255,125,.32) 0);color:inherit}
.theme-cinematic .lvs-how li b{background:var(--cn-accent);color:var(--cn-ink)}