/* 어두운 상자 — 흰 종이는 원고(줄거리·대본)와 콘티 카드에만 쓴다(방향서 3-1). 장부·제작 카드·설정·첫 화면·자료함·마법사는 어두운 상자.
   화면별 CSS 가 흰 종이 이름(--pp·--pink …)으로 쓴 곳을 이 범위 안에서 어두운 토큰으로 돌리고, 글자에 박힌 밝은 색만 여기서 덮는다. */
body.team .card,.work,.paper.lg,.paper.mk-card,.paper.mk-map,.it,.lcard{
  --pp:var(--bg-2);--pink:var(--ink);--pink2:var(--ink-2);--pmut:var(--mute);--pline:var(--line);--pred:var(--accent-text);--pgreen:var(--ok);--pwarn:var(--nice);
  color-scheme:dark;background:var(--bg-2)!important;background-image:none!important;color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh-2);border-radius:var(--r-l)}
body.team .card input,body.team .card select,body.team .card textarea,.paper.lg input,.paper.lg select,.paper.lg textarea,.paper.mk-card input,.paper.mk-card select,.paper.mk-card textarea,.flow textarea{background:var(--bg-0);color:var(--ink);border-color:var(--line-strong)}
body.team .card button:not(.primary):not(.link),.paper.lg button:not(.primary):not(.link),.paper.mk-card button:not(.primary):not(.link),.paper.mk-map button:not(.primary):not(.link){background:var(--bg-3);color:var(--ink);border-color:var(--line-strong)}
body.team .card button:not(.primary):not(.link):hover:not(:disabled),.paper.lg button:not(.primary):not(.link):hover:not(:disabled),.paper.mk-card button:not(.primary):not(.link):hover:not(:disabled){background:#2a2f36}
.paper.lg .primary,.paper.mk-card .primary,body.team .card .primary{background:var(--accent);border-color:var(--accent);color:#fff}
.paper.lg .link,.paper.mk-card .link,body.team .card .link{color:var(--accent-text)}
/* 알림 띠(노랑·빨강·초록) */
body.team .note,.paper.lg .note,.paper.mk-card .note,.it .chk,.work .chk{background:#2a2110;color:var(--nice);border-left-color:var(--nice)}
body.team .note.bad{background:var(--accent-soft);color:var(--must);border-left-color:var(--must)}
body.team .note.good{background:#10241b;color:var(--ok);border-left-color:var(--ok)}
/* 배지·칩(밝은 바탕 → 옅은 색 바탕 + 상태 글자색) */
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .badge,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .kind,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .lb,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .bg,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .tag,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .kc,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .demo-tag{background:#ffffff12!important;color:var(--ink-2)!important}
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .badge.ok,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .lb.conf,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .bg.ok,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .impact{background:#5fcb8a1f!important;color:var(--ok)!important}
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .badge.warn,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .lb.cand,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .bg.chg,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .kc.warn,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .tag.later{background:#f0b35a1f!important;color:var(--nice)!important}
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .bg.bad,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .lb.rule{background:#ff7a8521!important;color:var(--must)!important}
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .badge.now,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .lb.up{background:var(--accent)!important;color:#fff!important}
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .kind.k-take,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .lb.common,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .bg.copy,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .bg:not([class*=" "]){background:#9fb0c81f!important;color:var(--draft)!important}
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .kind.k-key,:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .bg.epb{background:#ff9a4d14!important;color:#e8c9a8!important}
:is(body.team,.paper.lg,.paper.mk-card,.paper.mk-map,.lcard) .kind.k-plate{background:#5fcb8a14!important;color:#a8dcbf!important}
/* 제작 카드 안 */
.mk-refs img,.mk-refs .ph,.case img,.case .ph{background:var(--bg-3)}
.pf,.tile,.rulebox{background:var(--bg-1)!important;border-color:var(--line)!important}
.ph-bar{background:var(--bg-3)!important;color:var(--ink-2)}
.prompt pre{background:var(--bg-0)!important;color:var(--ink)!important}
.mk-up .btn{background:var(--bg-3)!important;border-color:var(--line-strong)!important;color:var(--ink)}.mk-up .btn:hover{background:#2a2f36!important}
.paper.mk-card .face{background:#5fcb8a1f;color:var(--ink)}.paper.mk-card .face.warn,.paper.mk-card .face.error{background:#f0b35a1f}.paper.mk-card .face.unknown{background:var(--bg-3)}
.advice{color:var(--nice)!important}
.para{color:var(--ink)!important}
/* 장부 */
.bars .track,.prog .track{background:var(--bg-3)!important}.bars .track i{background:#8d93a0}.bars li.hot .track i{background:var(--must)}
.case{background:var(--bg-1)!important;color:var(--ink)!important;border-color:var(--line)!important}
.rows tr.fail td{background:#ff7a8512!important}.rows tr.hold td{background:#f0b35a0f!important}
.lcard h3{color:var(--ink)!important}.lcard p{color:var(--ink-2)!important}.lcard:hover{border-color:var(--accent-text)}
/* 첫 화면 · 자료함 · 마법사 · 설정 */
.work h2{color:var(--ink)}.work .meta{color:var(--mute)}
.work .next{background:var(--bg-3);color:var(--ink)}.work .next:hover{background:#2a2f36}.work .next small{color:var(--mute)}.work .next::after{color:var(--accent-text)}
.work.demo{border-style:dashed}
.demo-tag{display:inline-block;font:700 12px var(--sans);border-radius:var(--r-pill);padding:2px 9px;margin:0 0 6px}
.demo-toggle{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-size:13.5px;padding:0 8px}.demo-toggle input{width:auto;margin:0;accent-color:var(--accent)}
.guides a{background:var(--bg-1)!important;color:var(--ink)!important;border-color:var(--line)!important}.guides a span{color:var(--mute)!important}.guides a:hover{border-color:var(--accent-text)!important}
.it .th,.person .main{background:var(--bg-3)!important}.it .th .ph{color:var(--mute)}
.it .src{background:var(--bg-0)!important;color:var(--ink-2)!important}
.slot .none{color:var(--mute)}
.presets label{background:var(--bg-1)!important;border-color:var(--line)!important;color:var(--ink)}.presets label:has(input:checked){background:var(--accent-soft)!important;border-color:var(--accent-text)!important}
.presets span{color:var(--mute)!important}
.masked{color:var(--ok)}
.card code,.paper.lg code{background:var(--bg-0);color:var(--ink-2);border-radius:4px;padding:1px 5px}
/* 위 막대와 이름이 겹치는 옛 규칙(첫 화면 카드의 .next, 마법사의 .steps)이 위 막대에 새지 않게 */
.topbar .next::after{content:none}
.topbar .steps{margin:0 0 0 6px;padding:0;flex-wrap:nowrap;list-style:none}
/* 로그인 */
.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;font:700 22px var(--sans);letter-spacing:.02em;color:var(--ink);text-decoration:none;margin:0 0 18px}
.login-brand .logo-mark{width:40px;height:40px;border-radius:12px;background:var(--accent);display:grid;place-items:center;font:800 13px var(--sans);color:#fff}
/* 오른쪽 칸(AI 동료)·목차의 글 링크는 붉은 글자색(기본 파란 링크 안 씀) */
.mate a:not([class]),.nav a:not([class]){color:var(--accent-text)}
/* 탭(세그먼트) — 보기 전환(콘티 격자/한 장씩…)과 목록 거르기(제작 남은 것/완료…)에 같은 모양 */
.segtabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--r-m);background:var(--bg-2);border:1px solid var(--line);align-items:center}
.segtabs button{border:0;background:none;color:var(--ink-2);font:600 14px var(--sans);padding:6px 14px;border-radius:8px;cursor:pointer}
.segtabs button b{font-weight:700;color:var(--mute);margin-left:2px}
.segtabs button[aria-selected=true]{background:var(--bg-3);color:var(--ink);box-shadow:var(--sh-1)}.segtabs button[aria-selected=true] b{color:var(--ink)}
.segtabs .ht-q{align-self:center;margin:0 6px 0 2px}