/* tq-noir.css — 2026-11-01 사장님: "전략 설명 글 · 백테스트 도구도 첫 번째 랜딩 페이지처럼" (home.html 의 검정 · 금색 · 세리프 제목)
   한 파일을 맨 마지막에 싣고 body 에 .tq-noir 를 붙인다. 글 · 기능 · 계산은 건드리지 않는다 — 색 · 글꼴 · 선 · 둥글기만.
   색 원본은 design-tokens.css 의 학원 전자책 토큰(--tq-eb-*) + 랜딩의 짙은 금색 하나. 이 파일은 린트 SKIP_FILES(토큰 원본 자격). */
body.tq-noir{
  --n-bg:var(--tq-eb-bg);--n-bg2:#0a0a0c;--n-card:var(--tq-eb-card);--n-card2:var(--tq-eb-card2);--n-plot:var(--tq-eb-plot);
  --n-line:var(--tq-eb-line);--n-line2:var(--tq-eb-line2);--n-line3:var(--tq-eb-w05);
  --n-ink:var(--tq-eb-ink);--n-sub:var(--tq-eb-sub);--n-mut:var(--tq-eb-mut);--n-faint:#7c7c86;
  --n-gold:#c9a25e;--n-gold2:var(--tq-eb-gold);--n-gold-line:var(--tq-eb-gold-line);--n-gold-weak:var(--tq-eb-gold-weak);
  --n-gold-glow:color-mix(in srgb,var(--n-gold) 22%,transparent);--n-gold-press:color-mix(in srgb,var(--n-gold) 82%,#000);
  --n-up:var(--tq-eb-up);--n-dn:var(--tq-eb-dn);--n-wa:var(--tq-eb-wa);--n-white:var(--tq-eb-white);
  --n-up-weak:color-mix(in srgb,var(--n-up) 14%,transparent);--n-dn-weak:color-mix(in srgb,var(--n-dn) 14%,transparent);--n-wa-weak:color-mix(in srgb,var(--n-wa) 14%,transparent);
  --n-serif:"Playfair Display","Cormorant Garamond",Georgia,"Times New Roman","Noto Serif KR","Noto Serif CJK KR","Apple Myungjo","Nanum Myeongjo","Batang",serif;
  --n-r:18px;--n-pill:999px;

  /* 어두운 공용 토큰(--tq-*) — 설명서 · 백테스트 틀 · 차트(tok() 가 body 에서 읽는다) */
  --tq-bg:var(--n-bg);--tq-bg-alt:var(--n-bg);--tq-surface:var(--n-card);--tq-surface-2:var(--n-card);--tq-surface-alt:var(--n-card);
  --tq-border:var(--n-line);--tq-border-2:var(--n-line2);
  --tq-text:var(--n-ink);--tq-text-alt:var(--n-ink);--tq-text-mut:var(--n-mut);--tq-text-faint:var(--n-faint);--tq-white:var(--n-white);--tq-body:var(--n-sub);
  --tq-accent:var(--n-gold);--tq-accent-2:var(--n-gold2);--tq-accent-deep:var(--n-gold-press);--tq-accent-glow:var(--n-gold-glow);--tq-accent-glow-2:var(--n-gold-weak);
  --tq-warn:var(--n-wa);--tq-purple:var(--n-gold);--tq-gold-ink:var(--n-bg);--tq-link:var(--n-gold2);--tq-focus:var(--n-gold);
  --tq-up:var(--n-up);--tq-down:var(--n-dn);--tq-pos:var(--n-up);--tq-neg:var(--n-dn);--tq-candle-up:var(--n-up);--tq-candle-dn:var(--n-dn);
  --tq-ctv-accent:var(--n-gold2);--tq-ctv-surface:var(--n-card2);--tq-ctv-border:var(--n-line2);--tq-ctv-text:var(--n-ink);--tq-ctv-text-mut:var(--n-mut);--tq-ctv-text-mut-2:var(--n-mut);
  --tq-panel-deep:var(--n-bg);--tq-panel:var(--n-card);--tq-panel-2:var(--n-card2);--tq-panel-3:var(--n-card2);
  --tq-line:var(--n-line);--tq-line-2:var(--n-line2);--tq-line-3:var(--n-line2);--tq-line-4:var(--n-line3);
  --tq-ink:var(--n-ink);--tq-ink-2:var(--n-sub);--tq-ink-3:var(--n-mut);--tq-ink-4:var(--n-faint);
  --tq-mut:var(--n-mut);--tq-mut-2:var(--n-mut);--tq-mut-soft:var(--n-mut);--tq-mut-3:var(--n-faint);--tq-mut-deep:var(--n-faint);
  --tq-info-ink:var(--n-gold2);--tq-info-strong:var(--n-ink);--tq-info-body:var(--n-sub);--tq-danger-ink:var(--n-dn);
  --tq-chart-grid:var(--n-line);--tq-chart-bg:var(--n-plot);--tq-dim:var(--n-faint);
  --tq-lang-bg:var(--n-card);--tq-lang-hover:var(--n-card2);--tq-lang-ink:var(--n-ink);--tq-lang-item:var(--n-sub);--tq-lang-line:var(--n-line2);--tq-lang-line-2:var(--n-line);--tq-lang-mut:var(--n-mut);--tq-lang-pop:var(--n-card);--tq-lang-pop-shadow:rgba(0,0,0,.55);--tq-lang-shadow:rgba(0,0,0,.45);

  /* 밝은 공용 토큰(--tql-*) — start.html · 단계별 설정 · 종목 검색 · 리플레이 모듈 */
  --tql-bg:var(--n-bg);--tql-bg-deep:var(--n-bg);--tql-card:var(--n-card);--tql-card-sub:var(--n-card2);
  --tql-line:var(--n-line);--tql-line-2:var(--n-line2);--tql-line-3:var(--n-line3);
  --tql-ink:var(--n-ink);--tql-ink-2:var(--n-sub);--tql-ink-sub:var(--n-sub);--tql-ink-faint:var(--n-mut);
  --tql-action:var(--n-gold);--tql-action-press:var(--n-gold-press);--tql-action-weak:var(--n-gold-weak);--tql-cta:60px;
  --tql-white:var(--n-bg);--tql-invert:var(--n-gold);--tql-ink-on-invert:var(--n-bg);--tql-arrow:var(--n-mut);--tql-disabled:var(--n-faint);--tql-bolt:var(--n-gold);
  --tql-up:var(--n-up);--tql-down:var(--n-dn);--tql-up-weak:var(--n-up-weak);--tql-down-weak:var(--n-dn-weak);
  --tql-warn:var(--n-wa);--tql-warn-ink:var(--n-bg);--tql-warn-weak:var(--n-wa-weak);
  --tql-rp-accent:var(--n-gold);--tql-rp-ink:var(--n-ink);--tql-rp-line:var(--n-line2);--tql-rp-on-accent:var(--n-bg);
  --tql-r:14px;--tql-r-sm:10px;--tql-r-pill:999px;

  /* 설명서 · 백테스트 쪽 페이지 변수 */
  --bg:var(--n-bg);--panel:var(--n-card);--panel2:var(--n-card2);--line:var(--n-line);--line-soft:var(--n-line);
  --g:var(--n-gold);--g2:var(--n-gold2);--gold:var(--n-gold);--y:var(--n-wa);--yel:var(--n-wa);--cy:var(--n-gold2);--cyan:var(--n-gold2);--r:var(--n-dn);--red:var(--n-dn);
  --tx:var(--n-ink);--ink:var(--n-ink);--mut:var(--n-mut);--faint:var(--n-faint);--paper:var(--n-sub);
  --rr-strat:var(--n-gold);
  color-scheme:dark;background:var(--n-bg);color:var(--n-ink);
}
/* 설명서(strategy-reading.css)가 흰 화면용으로 박아 둔 값 — 같은 선택자보다 한 단계 높게 되돌린다 */
body.tq-noir.tq-strategy-reading{--guide-dark-ink:var(--n-ink);--guide-dark-body:var(--n-sub);--guide-dark-muted:var(--n-mut);--guide-dark-accent:var(--n-gold2);--guide-light-gold:var(--n-gold2)}
body.tq-noir.tq-strategy-reading :is(.ns-manual,.site-cta,.site-foot,.t2ex,.stsw),
body.tq-noir.tq-strategy-reading .ns-origin :is(.legend,section.brand,.pivot,.panel,.distinct,.cc){
  --tq-white:var(--n-ink);--tql-ink:var(--n-ink);--tql-ink-2:var(--n-sub);--tql-ink-sub:var(--n-sub);--paper:var(--n-sub);
  --mut:var(--n-mut);--faint:var(--n-faint);--tq-mut-3:var(--n-mut);--tq-ctv-text-mut-2:var(--n-mut);
  --g:var(--n-gold);--g2:var(--n-gold2);--gold:var(--n-gold2);--yel:var(--n-wa);--y:var(--n-wa);--cy:var(--n-gold2);--cyan:var(--n-gold2);
  --red:var(--n-dn);--r:var(--n-dn);--tq-down:var(--n-dn);color:var(--n-ink);
}
body.tq-noir.tq-strategy-reading .ns-origin .panel{background:var(--n-card)}
body.tq-noir.tq-strategy-reading .ns-origin .pivot{background:var(--n-bg)}
body.tq-noir.tq-strategy-reading .ns-origin .btn.s{color:var(--n-ink)}
body.tq-noir.tq-strategy-reading .ns-manual :is(p,div,span,b)[style*="color:#9db1a6"]{color:var(--n-sub) !important}
body.tq-noir.tq-strategy-reading .ns-manual :is(p,div,span,b)[style*="color:#ffb13d"],
body.tq-noir.tq-strategy-reading .ns-manual :is(p,div,span,b)[style*="color:#fcd535"],
body.tq-noir.tq-strategy-reading .ns-manual :is(p,div,span,b)[style*="color:#ff9800"]{color:var(--n-gold2) !important}
body.tq-noir.tq-strategy-reading .ns-manual :is(p,div,span,b)[style*="color:#39e06a"]{color:var(--n-up) !important}
body.tq-noir.tq-strategy-reading .ns-manual :is(p,div,span,b)[style*="color:#ef5350"]{color:var(--n-dn) !important}
body.tq-noir.tq-strategy-reading .ns-manual .legendpanel .lp-badge{background:var(--n-card2) !important}
body.tq-noir.tq-strategy-reading .ns-manual .acc .v{color:var(--n-gold2) !important}
body.tq-noir.tq-strategy-reading .site-cta .btn-p,
body.tq-noir.tq-strategy-reading :is(.ns-origin,.ns-manual) .btn.p,
body.tq-noir.tq-strategy-reading .ns-manual :is(.st .h .b,.scn .num){color:var(--n-bg);background:var(--n-gold)}
body.tq-noir.tq-strategy-reading .guide-language-note{color:var(--n-sub);background:var(--n-card);border-color:var(--n-line)}

/* 제목 = 랜딩과 같은 세리프 · 가는 굵기 */
body.tq-noir :is(h1,h2,.h1,.h2,.xa-h,.hero,.site-cta h2,.rrg h1,.rrg h2,.t2ex .bx .h b,.xa-mw h2){font-family:var(--n-serif);font-weight:500;letter-spacing:-.012em}
body.tq-noir :is(h1,h2,.h1,.h2,.hero,.rrg h1,.rrg h2) :is(em,i){font-style:italic;color:var(--n-gold2)}
body.tq-noir :is(.ns-manual section>h2,.rrg-sec>h2,.site-cta h2)::before{content:"";display:block;width:64px;height:1px;margin:0 0 16px;background:linear-gradient(90deg,var(--n-gold),transparent)}
body.tq-noir .site-cta h2::before{margin-inline:auto}
body.tq-noir :is(.eyebrow,.kick,.rrg-kick,.xa-kick,.nav-tag,.sthero-free .ft){color:var(--n-gold);letter-spacing:.2em;font-weight:600}
body.tq-noir .rrg h1 .y,body.tq-noir .site-cta h2 span{color:var(--n-gold2) !important}

/* 단추 = 금색 알약(주) · 금색 선 알약(보조) */
body.tq-noir :is(.btn,.btn-p,.btn-s,.btn-primary,.tql-btn2,.xa-go,.xa-big,.sthero-cta a,.sthero-free .fb,.rr-run,.rr-btn,.rp-btn,.grpbtn,.rrw-btn,.rrw-next,.rrw-prev,.qb-run){border-radius:var(--n-pill)}
body.tq-noir :is(.btn.p,.btn-p,.btn-primary,.xa-go:not(.alt),.xa-big,.sthero-free .fb,.rr-run,.rr-btn.pri,.rp-btn.pri,.site-cta .btn-p){background:var(--n-gold);color:var(--n-bg);border-color:var(--n-gold);box-shadow:0 18px 40px -22px var(--n-gold)}
body.tq-noir :is(.btn.p,.btn-p,.btn-primary,.xa-go:not(.alt),.xa-big,.sthero-free .fb,.rr-run,.rr-btn.pri,.rp-btn.pri):hover{background:var(--n-gold2);color:var(--n-bg)}
body.tq-noir :is(.btn.s,.btn-s,.xa-go.alt,.sthero-cta a,.rr-btn:not(.pri),.tql-btn2,.site-cta .btn-s){background:transparent;color:var(--n-gold2);border:1px solid var(--n-gold-line)}
body.tq-noir :is(.btn.s,.btn-s,.xa-go.alt,.sthero-cta a,.rr-btn:not(.pri),.tql-btn2,.site-cta .btn-s):hover{border-color:var(--n-gold);color:var(--n-gold2);background:var(--n-gold-weak)}
body.tq-noir .xa-big{background:var(--n-gold);color:var(--n-bg)}

/* 카드 · 칸 = 어두운 카드 + 가는 선 + 18px */
body.tq-noir :is(.rr-card,.ns-manual .card,.ns-manual .scn,.ns-manual .st,.ns-manual .legendpanel,.chartcard,.kv,.t2ex .bx,.xa-c,.xa-fc,.ns-origin .feat .f,.rrg-tag,.qb-card,.tql-card){background:var(--n-card);border-color:var(--n-line);border-radius:var(--n-r)}
body.tq-noir :is(.callout){background:var(--n-card);border-left:2px solid var(--n-gold);border-radius:0 var(--n-r) var(--n-r) 0}
body.tq-noir .rrg-frame{border-color:var(--n-line);background:var(--n-plot)}
body.tq-noir .rrg{--rrg-bg:var(--n-plot);--rrg-grid:var(--n-line);--rrg-gold:var(--n-gold2)}
body.tq-noir .ns-manual section{border-top:1px solid var(--n-line)}
body.tq-noir .ns-manual .glow::before{background:radial-gradient(closest-side,var(--n-gold-weak),transparent)}
body.tq-noir :is(.rrg-sec,.site-foot,.xa-foot,.xa-hero,.sthero){border-color:var(--n-line)}
body.tq-noir .xa-hero{background:linear-gradient(180deg,var(--n-card),var(--n-bg))}

/* 위 메뉴 줄 = 반투명 검정 + 흐림 */
body.tq-noir .xa-bar,body.tq-noir>.xa-bar,body.tq-noir .site-nav,body.tq-noir .rrx-head .nav,body.tq-noir .topbar,body.tq-noir .stephd{background:rgba(0,0,0,.84) !important;border-color:var(--n-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.tq-noir .site-nav a:hover{background:var(--n-gold-weak)}
body.tq-noir :is(.xa-brand,.brand,.nav .brand){color:var(--n-ink)}
body.tq-noir .brand .bdg{background:var(--n-gold);color:var(--n-bg)}

/* 전략 탭(설명서 4칸 · 백테스트 3칸) — 전략 색 대신 금색 하나 */
body.tq-noir :is(.stsw,.stsw-tabs){border-color:var(--n-line);background:transparent}
body.tq-noir :is(.stsw,.stsw-tabs) a{border-color:var(--n-line);color:var(--n-mut)}
body.tq-noir :is(.stsw,.stsw-tabs) a.on{background:var(--n-gold-weak);border-color:var(--n-gold-line)}
body.tq-noir :is(.stsw,.stsw-tabs) a.on .t1,body.tq-noir :is(.stsw,.stsw-tabs) a.on{color:var(--n-gold2)}
body.tq-noir :is(.stsw,.stsw-tabs) a:not(.on):hover{background:var(--n-card2)}

/* 백테스트 설정 칸 · 입력 · 고르기 단추 */
body.tq-noir .rr-setup fieldset{border-color:var(--n-line);border-radius:14px}
body.tq-noir .rr-setup legend{color:var(--n-gold)}
body.tq-noir :is(.rr-setup input,.rr-setup select,.rr-setup textarea,input.tql-in,.tql input[type=text],.tql input[type=number],.tql select){background:var(--n-card2);border-color:var(--n-line2);color:var(--n-ink);border-radius:10px}
body.tq-noir :is(.rr-setup input,.rr-setup select,.tql input):focus{border-color:var(--n-gold);box-shadow:0 0 0 3px var(--n-gold-weak);outline:none}
body.tq-noir .seg button{background:var(--n-card2);border-color:var(--n-line);color:var(--n-sub)}
body.tq-noir .seg button.on,body.tq-noir #fMode button.on{background:var(--n-gold-weak);border-color:var(--n-gold-line);color:var(--n-gold2)}
body.tq-noir .rr-warn{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-sub)}
body.tq-noir .rr-stat{background:var(--n-card2);border-color:var(--n-line)}
body.tq-noir .rr-stat .v{color:var(--n-ink)}
body.tq-noir .rr-wrap details.rr-guide>summary{border-color:var(--n-line);background:var(--n-card)}
body.tq-noir a:not([class]){color:var(--n-gold2)}

/* 단계별 설정 · 종목 검색 · 언어 고르기 — 어두운 화면 안의 흰 섬도 같은 색으로 */
body.tq-noir .tq-light-island,html.tq-light-island:has(body.tq-noir){
  --tql-bg:var(--tq-eb-bg);--tql-bg-deep:var(--tq-eb-bg);--tql-card:var(--tq-eb-card);--tql-card-sub:var(--tq-eb-card2);
  --tql-line:var(--tq-eb-line);--tql-line-2:var(--tq-eb-line2);--tql-line-3:var(--tq-eb-w05);
  --tql-ink:var(--tq-eb-ink);--tql-ink-2:var(--tq-eb-sub);--tql-ink-sub:var(--tq-eb-sub);--tql-ink-faint:var(--tq-eb-mut);
  --tql-action:#c9a25e;--tql-action-press:#a8864c;--tql-action-weak:var(--tq-eb-gold-weak);--tql-cta:60px;
  --tql-white:var(--tq-eb-bg);--tql-invert:#c9a25e;--tql-ink-on-invert:var(--tq-eb-bg);--tql-arrow:var(--tq-eb-mut);--tql-disabled:#7c7c86;--tql-bolt:#c9a25e;
  --tql-up:var(--tq-eb-up);--tql-down:var(--tq-eb-dn);--tql-up-weak:color-mix(in srgb,var(--tq-eb-up) 14%,transparent);--tql-down-weak:color-mix(in srgb,var(--tq-eb-dn) 14%,transparent);
  --tql-warn:var(--tq-eb-wa);--tql-warn-ink:var(--tq-eb-bg);--tql-warn-weak:color-mix(in srgb,var(--tq-eb-wa) 14%,transparent);
  --tql-neon-up:var(--tq-eb-up);--tql-neon-down:var(--tq-eb-dn);--tql-neon-up-glow:transparent;--tql-neon-down-glow:transparent;
  --tq-lang-bg:var(--n-card);--tq-lang-hover:var(--n-card2);--tq-lang-ink:var(--n-ink);--tq-lang-item:var(--n-sub);--tq-lang-line:var(--n-line2);--tq-lang-line-2:var(--n-line);--tq-lang-mut:var(--n-mut);--tq-lang-pop:var(--n-card);--tq-lang-pop-shadow:rgba(0,0,0,.55);--tq-lang-shadow:rgba(0,0,0,.45);
  color-scheme:dark;
}
html.tq-light-island:has(body.tq-noir){background:var(--tq-eb-bg)}
body.tq-noir .tq-light-island :is(h1,h2,.h1,.h2){font-family:var(--n-serif);font-weight:500}

/* 휴대폰 */
@media (max-width:760px){
  body.tq-noir :is(.stsw,.stsw-tabs) a{padding:10px 8px}
  body.tq-noir :is(h1,.h1,.rrg h1,.hero){letter-spacing:-.01em}
  body.tq-noir :is(.ns-manual section>h2,.rrg-sec>h2)::before{width:48px;margin-bottom:12px}
}
@media (prefers-reduced-motion:no-preference){
  body.tq-noir :is(.btn,.xa-go,.rr-btn,.rr-run){transition:background .18s,border-color .18s,color .18s}
}
/* 위 메뉴(상단 독) · 아래 탭바 — tq-manual/simulator 의 흰 캡슐 규칙보다 한 클래스 높게 */
body.tq-noir.tq-manual .tq-sable-dock .animated-top-dock__nav,body.tq-noir.tq-simulator .tq-sable-dock .animated-top-dock__nav,body.tq-noir .tq-sable-dock .animated-top-dock__nav{border-color:var(--n-line2);background:rgba(10,10,12,.86);box-shadow:0 13px 32px rgba(0,0,0,.45),inset 0 1px var(--n-line);backdrop-filter:blur(20px) saturate(120%)}
body.tq-noir.tq-manual .tq-sable-dock .animated-top-dock__item,body.tq-noir.tq-simulator .tq-sable-dock .animated-top-dock__item,body.tq-noir .tq-sable-dock .animated-top-dock__item{color:var(--n-mut);background:rgba(21,21,20,.9);border-color:var(--n-line)}
body.tq-noir.tq-manual .tq-sable-dock .animated-top-dock__item[data-dock-near="true"],body.tq-noir.tq-simulator .tq-sable-dock .animated-top-dock__item[data-dock-near="true"],body.tq-noir .tq-sable-dock .animated-top-dock__item[data-dock-near="true"],body.tq-noir.tq-manual .tq-sable-dock .animated-top-dock__item:focus-visible,body.tq-noir.tq-simulator .tq-sable-dock .animated-top-dock__item:focus-visible,body.tq-noir .tq-sable-dock .animated-top-dock__item:focus-visible{color:var(--n-ink);border-color:var(--n-line2);background:var(--n-card2);box-shadow:0 8px 18px rgba(0,0,0,.35)}
body.tq-noir.tq-manual .tq-sable-dock .animated-top-dock__link[aria-pressed="true"],body.tq-noir.tq-simulator .tq-sable-dock .animated-top-dock__link[aria-pressed="true"],body.tq-noir .tq-sable-dock .animated-top-dock__link[aria-pressed="true"]{color:var(--n-bg);border-color:var(--n-gold);background:var(--n-gold);box-shadow:0 9px 21px var(--n-gold-glow)}
body.tq-noir #t2-bottomnav{background:rgba(0,0,0,.92);border-top-color:var(--n-line)}
body.tq-noir #t2-bottomnav a{color:var(--n-mut)}
body.tq-noir #t2-bottomnav a:hover,body.tq-noir #t2-bottomnav a.on{color:var(--n-gold2)}
body.tq-noir .t2-bm .t2-bdg{background:var(--n-gold-weak);color:var(--n-gold2);border-color:var(--n-gold-line);box-shadow:none}

/* ===== 2026-11-01 아카데미 · 친구 초대 · 마이페이지 — 메인 랜딩(검정 · 금색) 모양 =====
   글 · 기능 · 숫자는 그대로, 색 · 글꼴 · 선만 바꾼다. 각 페이지의 변수(--ac-* · --i-* · --bg/--panel/--blue/--cyan)를
   body 에서 --n-* 로 다시 잇고, 변수를 안 쓰고 파랑을 직접 적은 규칙만 아래에서 덮는다. ★:root 가 아니라 body 에서 잇는다. */

/* ---- 아카데미(body.ac-page) ---- */
body.tq-noir.ac-page{--ac-bg:var(--n-bg);--ac-card:var(--n-card);--ac-card2:var(--n-card2);--ac-line:var(--n-line);--ac-line2:var(--n-line2);--ac-ink:var(--n-ink);--ac-sub:var(--n-sub);--ac-mut:var(--n-mut);--ac-blue:var(--n-gold);--ac-blue-ink:var(--n-gold2);--ac-blue-weak:var(--n-gold-weak);--ac-gold:var(--n-gold2);--tq-eb-blue-fill:var(--n-gold);--tq-eb-blue-line:var(--n-gold-line);--tq-eb-blue-weak2:var(--n-gold-weak);background:var(--n-bg);color:var(--n-ink)}
body.tq-noir.ac-page .ac-glow{background:radial-gradient(60% 50% at 50% 0%,var(--n-gold-weak),transparent 70%)}
body.tq-noir.ac-page .ac-h1,body.tq-noir.ac-page .ac-sec-h,body.tq-noir.ac-page .ac-cur-h,body.tq-noir.ac-page .ac-book-h,body.tq-noir.ac-page :is(h1,h2){font-family:var(--n-serif);font-weight:500;letter-spacing:-.01em}
body.tq-noir.ac-page .ac-h1-em{background:linear-gradient(90deg,var(--n-gold2),var(--n-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
body.tq-noir.ac-page .ac-eyebrow,body.tq-noir.ac-page .ac-cur-num,body.tq-noir.ac-page .ac-cover b{color:var(--n-gold2)}
body.tq-noir.ac-page .ac-tab{border-radius:var(--n-pill)}
body.tq-noir.ac-page .ac-tab[aria-selected="true"]{background:var(--n-gold);color:var(--n-bg);box-shadow:0 8px 24px var(--n-gold-glow)}
body.tq-noir.ac-page .ac-go-card,body.tq-noir.ac-page .ac-cur-item,body.tq-noir.ac-page .ac-card,body.tq-noir.ac-page .ac-item{border-color:var(--n-line);background:var(--n-card)}
body.tq-noir.ac-page .ac-go-card:hover{border-color:var(--n-gold-line)}
body.tq-noir.ac-page .ac-badge{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.ac-page .ac-badge.is-open{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.ac-page .ac-cur-sp{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.ac-page .ac-item-main i{background:var(--n-gold)}
body.tq-noir.ac-page .ac-cur-item.is-open{border-color:var(--n-gold-line);background:linear-gradient(90deg,var(--n-gold-weak),transparent 60%),var(--n-card)}
body.tq-noir.ac-page .ac-cur-item.is-now{border-color:var(--n-gold);box-shadow:inset 3px 0 0 var(--n-gold)}
body.tq-noir.ac-page .ac-cur-play{background:var(--n-gold);color:var(--n-bg);box-shadow:0 8px 20px var(--n-gold-glow);border-radius:var(--n-pill)}
body.tq-noir.ac-page .ac-video-main{border-color:var(--n-gold-line);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px var(--n-gold-weak)}
body.tq-noir.ac-page .ac-video-resume{background:var(--n-gold);color:var(--n-bg)}
body.tq-noir.ac-page .ac-ico{background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.ac-page .ac-book{background:linear-gradient(135deg,var(--n-card2),var(--n-card));border:1px solid var(--n-gold-line);color:var(--n-ink)}
body.tq-noir.ac-page .ac-book :is(h2,h3,p,span,small){color:inherit}
body.tq-noir.ac-page .ac-book .ac-h1-em,body.tq-noir.ac-page .ac-book b{color:var(--n-gold2)}
body.tq-noir.ac-page :is(a.ac-btn,.ac-btn,.ac-cta,.ac-book a){border-radius:var(--n-pill)}
body.tq-noir.ac-page :is(.ac-btn.is-pri,.ac-cta,.ac-book a.is-pri){background:var(--n-gold);color:var(--n-bg);border-color:var(--n-gold)}

/* ---- 친구 초대(body.iv-page · 파트너 안내 pi-page 포함) ---- */
body.tq-noir.iv-page{--i-bg:var(--n-bg);--i-panel:var(--n-card);--i-panel2:var(--n-card2);--i-line:var(--n-line);--i-line2:var(--n-line2);--i-ink:var(--n-ink);--i-body:var(--n-sub);--i-sub:var(--n-sub);--i-mut:var(--n-mut);--i-blue:var(--n-gold);--i-blue2:var(--n-gold-press);--i-teal:var(--n-gold);--i-teal2:var(--n-gold2);--tq-iv-sky:var(--n-gold2);--tq-iv-surplus:var(--n-gold-weak);--tq-iv-surplus-ink:var(--n-gold2);background:var(--n-bg);color:var(--n-sub)}
body.tq-noir.iv-page :is(h1,h2,.iv-h1,.iv-fund h2,.iv-free-h){font-family:var(--n-serif);font-weight:500;letter-spacing:-.01em}
body.tq-noir.iv-page .iv-free-h{color:var(--n-gold2)}
body.tq-noir.iv-page .iv-h1-sub{background:linear-gradient(90deg,var(--n-gold2),var(--n-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
body.tq-noir.iv-page .iv-hd-sub{color:var(--n-sub)}
body.tq-noir.iv-page .iv-eyebrow{border-color:var(--n-line2);background:var(--n-card)}
body.tq-noir.iv-page .iv-eyebrow b,body.tq-noir.iv-page .iv-page .iv-eyebrow b{background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.iv-page .iv-badge{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.iv-page .iv-ex{border-color:var(--n-line2);background:linear-gradient(180deg,var(--n-card2),var(--n-card));box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px var(--n-line)}
body.tq-noir.iv-page .iv-tags li,body.tq-noir.iv-page .iv-five li,body.tq-noir.iv-page .iv-pl-n,body.tq-noir.iv-page .iv-warn-lg,body.tq-noir.iv-page .iv-seg button{background:var(--n-card2);color:var(--n-sub)}
body.tq-noir.iv-page .iv-code,body.tq-noir.iv-page .iv-msg,body.tq-noir.iv-page .iv-q,body.tq-noir.iv-page .iv-q input:not([type=checkbox]){background:var(--n-plot);border-color:var(--n-line2);color:var(--n-ink)}
body.tq-noir.iv-page .iv-copy{background:var(--n-card2);color:var(--n-ink);border-color:var(--n-line2)}
body.tq-noir.iv-page .iv-copy:hover{border-color:var(--n-gold)}
body.tq-noir.iv-page .iv-copy.is-done{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.iv-page :is(.iv-go,.iv-cta,.iv-warn-go,.iv-done-btns .iv-cta){border-radius:var(--n-pill);background:var(--n-gold);color:var(--n-bg);box-shadow:0 12px 30px var(--n-gold-glow)}
body.tq-noir.iv-page :is(.iv-go,.iv-cta,.iv-warn-go):hover{background:var(--n-gold2)}
body.tq-noir.iv-page .iv-guide a{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-ink)}
body.tq-noir.iv-page .iv-guide a:hover{border-color:var(--n-gold);background:var(--n-gold-weak)}
body.tq-noir.iv-page :is(.iv-guide a>span b,.iv-qn a,.iv-link,.iv-more a,.iv-lecbig-go,.iv-lead-gate b,.iv-fund-url a,.iv-pl-i.is-now .iv-pl-s){color:var(--n-gold2)}
body.tq-noir.iv-page :is(.iv-guide-ar,.iv-uid-steps figcaption b){background:var(--n-gold);color:var(--n-bg)}
body.tq-noir.iv-page :is(.iv-guide a,.iv-pl-b,.iv-warn-go):focus-visible{outline-color:var(--n-gold)}
body.tq-noir.iv-page .iv-fund{border-color:var(--n-gold-line);background:radial-gradient(120% 90% at 0% 0%,var(--n-gold-weak),transparent 55%),linear-gradient(180deg,var(--n-card2),var(--n-card))}
body.tq-noir.iv-page .iv-ql b,body.tq-noir.iv-page .iv-auto span{background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.iv-page .iv-q input:focus{border-color:var(--n-gold);box-shadow:0 0 0 3px var(--n-gold-weak)}
body.tq-noir.iv-page .iv-seg button[aria-checked=true]{border-color:var(--n-gold);background:var(--n-gold-weak);color:var(--n-ink)}
body.tq-noir.iv-page :is(.iv-agree,.iv-disc,.iv-fund-url,.iv-done){border-color:var(--n-gold-line);background:var(--n-gold-weak)}
body.tq-noir.iv-page .iv-agree input{accent-color:var(--n-gold)}
body.tq-noir.iv-page .iv-warn-lg.is-usdt{border-color:var(--n-gold-line);background:var(--n-gold-weak)}
body.tq-noir.iv-page .iv-pl-b:hover{background:var(--n-card2)}
body.tq-noir.iv-page .iv-pl-i.is-now{background:var(--n-gold-weak)}
body.tq-noir.iv-page .iv-pl-i.is-now .iv-pl-n{background:var(--n-gold);color:var(--n-bg)}
body.tq-noir.iv-page .iv-lecbig{border-color:var(--n-gold-line);background:var(--n-card)}
body.tq-noir.iv-page .iv-no li{border-color:color-mix(in srgb,var(--n-dn) 30%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--n-dn) 9%,transparent),transparent)}
body.tq-noir.iv-page .iv-warn{border-color:color-mix(in srgb,var(--n-dn) 35%,transparent);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--n-dn) 10%,transparent),transparent 60%),var(--n-card)}
body.tq-noir.iv-page :is(.iv-empty,.iv-ferr){border-color:color-mix(in srgb,var(--n-dn) 40%,transparent);background:color-mix(in srgb,var(--n-dn) 8%,transparent)}
body.tq-noir.iv-page .iv-next{border-color:var(--n-gold-line);background:radial-gradient(120% 90% at 100% 0%,var(--n-gold-weak),transparent 55%),var(--n-card)}
body.tq-noir.iv-page .iv-rank tr.is-gate>*{background:var(--n-gold-weak);border-color:var(--n-gold)}
body.tq-noir.iv-page .iv-por-c{background:linear-gradient(90deg,var(--n-gold-press),var(--n-gold))}
body.tq-noir.iv-page .pi-amt,body.tq-noir.iv-page .pi-flow .pi-amt{border-color:var(--n-gold-line);background:var(--n-gold-weak)}
body.tq-noir.iv-page .pi-page .iv-hero::before{background:radial-gradient(60% 60% at 50% 30%,var(--n-gold-weak),transparent 70%)}
body.tq-noir.iv-page #t2-bottomnav{background:rgba(0,0,0,.92)}

/* ---- 마이페이지(my.html · body.tq-noir 만 — 페이지 변수가 :root 에 있어 body 에서 다시 잇는다) ---- */
body.tq-noir.my-page{--bg:var(--n-bg);--panel:var(--n-card);--line:var(--n-line);--muted:var(--n-mut);--blue:var(--n-gold);--cyan:var(--n-gold2);--up:var(--n-up);--down:var(--n-dn);--tq-link:var(--n-gold2);--tq-accent:var(--n-gold);--tq-accent-2:var(--n-gold2);--tq-accent-deep:var(--n-gold-weak);--tq-accent-glow:var(--n-gold-line);--tq-pos:var(--n-up);--tq-neg:var(--n-dn);--tq-cs-link:var(--n-gold2);background:var(--n-bg);color:var(--n-ink)}
body.tq-noir.my-page .my-ambient{background:radial-gradient(circle at 72% 8%,var(--n-gold-weak),transparent 34%)}
body.tq-noir.my-page .my-ambient::after{background:linear-gradient(90deg,transparent,var(--n-gold-line) 20%,var(--n-gold) 48%,var(--n-gold-line) 77%,transparent);box-shadow:none;opacity:.6}
body.tq-noir.my-page .my-ambient i{background:var(--n-gold2);box-shadow:0 0 0 9px var(--n-gold-weak),0 0 24px var(--n-gold-glow)}
body.tq-noir.my-page .my-header{border-bottom-color:var(--n-line);background:rgba(0,0,0,.84)}
body.tq-noir.my-page .my-brand>span,body.tq-noir.my-page .my-login-mark{background:var(--n-gold);color:var(--n-bg);box-shadow:0 0 30px var(--n-gold-weak)}
body.tq-noir.my-page .my-language{border-color:var(--n-line2);background:var(--n-card)}
body.tq-noir.my-page :is(.my-intro h1,.my-panel h2,.my-profile-copy h2,.my-login-card h1,.my-login-card h2,.my-rklock h3){font-family:var(--n-serif);font-weight:500;letter-spacing:-.01em}
body.tq-noir.my-page .my-intro h1{letter-spacing:-.02em;line-height:1}
body.tq-noir.my-page :is(.my-intro p,.my-panel header p,.my-login-card>p,.my-edit header p){color:var(--n-gold2)}
body.tq-noir.my-page .my-intro>a{border-color:var(--n-gold);border-radius:var(--n-pill);background:var(--n-gold);color:var(--n-bg);box-shadow:0 14px 36px var(--n-gold-glow)}
body.tq-noir.my-page .my-intro>a:hover{background:var(--n-gold2)}
body.tq-noir.my-page :is(.my-profile,.my-panel){border-color:var(--n-line);background:var(--n-card);box-shadow:none;backdrop-filter:none}
body.tq-noir.my-page .my-avatar,body.tq-noir.my-page .my-avatar-edit>span{border-color:var(--n-gold-line);background:var(--n-card2)}
body.tq-noir.my-page .my-xp-bar{background:var(--n-line)}
body.tq-noir.my-page .my-xp-bar i{background:linear-gradient(90deg,var(--n-gold-press),var(--n-gold2));box-shadow:0 0 14px var(--n-gold-glow)}
body.tq-noir.my-page .my-xp-label{color:var(--n-mut)}
body.tq-noir.my-page .my-profile-stats{border-color:var(--n-line);background:var(--n-line)}
body.tq-noir.my-page .my-profile-stats span{background:var(--n-card2);color:var(--n-mut)}
body.tq-noir.my-page .my-profile-stats b{color:var(--n-ink);font-family:var(--n-serif);font-weight:500}
body.tq-noir.my-page .my-profile-actions button{background:var(--n-card2);color:var(--n-sub);border-color:var(--n-line2);border-radius:var(--n-pill)}
body.tq-noir.my-page .my-profile-actions button:first-child{color:var(--n-gold2);border-color:var(--n-gold-line)}
body.tq-noir.my-page .my-panel>header>span{border-color:var(--n-gold-line);color:var(--n-gold2)}
body.tq-noir.my-page :is(.my-panel-link,.my-histlink,.my-shortcuts i,.my-desktop-nav a.is-active,.my-pt-flow a,.my-pt-note){color:var(--n-gold2)}
body.tq-noir.my-page .my-activity a>span{background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.my-page :is(.my-activity a,.my-shortcuts>a,.my-brand){color:var(--n-ink)}
body.tq-noir.my-page .saved-card,body.tq-noir.my-page .my-lv-parts span,body.tq-noir.my-page .my-lv-miles li,body.tq-noir.my-page .my-pt-step,body.tq-noir.my-page .my-tg-steps>li,body.tq-noir.my-page .my-tg-acts>div,body.tq-noir.my-page .my-tg-exc,body.tq-noir.my-page .my-tg-how>div{background:var(--n-card2);border-color:var(--n-line)}
body.tq-noir.my-page .saved-pager button{background:var(--n-card2);border-color:var(--n-line2)}
body.tq-noir.my-page .saved-pager button[aria-current=page]{border-color:var(--n-gold);background:var(--n-gold-weak)}
body.tq-noir.my-page .my-lv-parts em{color:var(--n-gold2)}
body.tq-noir.my-page .my-lv-pend{border-color:var(--n-gold-line);color:var(--n-sub)}
body.tq-noir.my-page :is(.my-lv-bar,.my-rklock-bar){background:var(--n-line)}
body.tq-noir.my-page .my-tokens header button,body.tq-noir.my-page .my-pt-url button:first-of-type{border-color:var(--n-gold);background:var(--n-gold);color:var(--n-bg)}
body.tq-noir.my-page :is(.my-token-reveal button,.my-token-row button,.my-pt-url button,.my-pt-url a){background:var(--n-card2);border-color:var(--n-line2);color:var(--n-sub)}
body.tq-noir.my-page .my-token-reveal{border-color:var(--n-gold-line);background:var(--n-gold-weak)}
body.tq-noir.my-page :is(.my-token-reveal p,.my-tokens-help code,.my-pt-lead,.my-pt-check,.my-pt-see b,.my-pt-flow,.my-lv-big em,.my-lv-miles span,.my-rklock-now){color:var(--n-sub)}
body.tq-noir.my-page :is(.my-token-reveal code,.my-pt-name input,.my-pt-ex input,.my-pt-url input,.my-pt-add-row select){background:var(--n-plot);color:var(--n-ink);border-color:var(--n-line2)}
body.tq-noir.my-page .my-pt-url input{border-color:var(--n-gold-line)}
body.tq-noir.my-page :is(.my-pt-make,.my-pt-add-btn,.my-rklock-write){background:var(--n-gold);color:var(--n-bg);border-radius:var(--n-pill)}
body.tq-noir.my-page :is(.my-pt-step h3 b,.my-pt-add-h span){background:var(--n-gold);color:var(--n-bg)}
body.tq-noir.my-page .my-pt-addcard{border-color:var(--n-gold-line);background:var(--n-gold-weak)}
body.tq-noir.my-page .my-pt-add-h{color:var(--n-ink)}
body.tq-noir.my-page .my-pt-see{background:var(--n-card2)}
body.tq-noir.my-page .my-pt-apply{border-color:var(--n-gold-line);background:linear-gradient(160deg,var(--n-gold-weak),var(--n-card))}
body.tq-noir.my-page .my-edit,body.tq-noir.my-page .my-mem-dlg{border-color:var(--n-line2);background:var(--n-card);color:var(--n-ink)}
body.tq-noir.my-page .my-login-card{border-color:var(--n-gold-line);background:var(--n-card);box-shadow:0 35px 120px rgba(0,0,0,.62)}
body.tq-noir.my-page .my-login-gate{background:rgba(0,0,0,.72)}
body.tq-noir.my-page .my-tg-btn{border-color:var(--n-line2);background:var(--n-card2);color:var(--n-sub);border-radius:var(--n-pill)}
body.tq-noir.my-page .my-tg-steps>li.now{border-color:var(--n-gold-line);background:var(--n-gold-weak)}
body.tq-noir.my-page .my-tgp.on{border-color:var(--n-gold-line);background:var(--n-gold-weak)}
body.tq-noir.my-page .my-mem-text{background:var(--n-plot);border-color:var(--n-line2)}
body.tq-noir.my-page .my-rk-ladder li.is-cur{border-color:var(--n-gold)}
body.tq-noir.my-page .my-iv-hero{border-color:var(--n-gold-line);background:linear-gradient(135deg,var(--n-gold-weak),var(--n-card))}
@media (max-width:760px){
  body.tq-noir.my-page .my-intro h1{font-size:clamp(40px,12vw,56px)}
}
/* 2026-11-01 친구 초대 머리글 강조(「그대로 자동화시키세요」) — 빨강 밑줄 대신 금색 */
body.tq-noir.iv-page .iv-hd em{color:var(--n-gold2);text-decoration-color:var(--n-gold-line)}
/* 2026-11-01 마이페이지에 남아 있던 파란 단추 셋 — 프로필 저장 · 아래 탭 「프로필」 · 서버 주소 복사 */
body.tq-noir.my-page .my-edit footer .is-primary{border-color:var(--n-gold);background:var(--n-gold);color:#000}
body.tq-noir.my-page .my-mobile-nav{background:var(--n-bg);border-top-color:var(--n-line)}
body.tq-noir.my-page .my-mobile-nav a.is-active{color:var(--n-gold)}
body.tq-noir.my-page .my-token-srv button{border-color:var(--n-gold-line);background:var(--n-gold-weak);color:var(--n-gold2)}
body.tq-noir.my-page .my-login-card li::before{color:var(--n-gold)}