/* n117 다크 모드 = 짙은 회색(A). 페이지마다 다른 색 변수 체계를 한곳에서 덮어쓴다. html[..]:root 로 특이도를 올려 뒤에 오는 페이지 CSS보다 우선. */
html[data-theme=dark]:root{
--sn-bg:#2b2e32;--sn-panel:#35393e;--sn-raised:#3f444a;--sn-text:#f3f4f5;--sn-muted:#bfc4c9;--sn-line:#4a5057;--sn-strong:#f3f4f5;--sn-on-strong:#1f2225;--sn-logo-cutout:#1f2225;--sn-footer-bg:#2f3237;
--bg-base:#2b2e32;--card-bg:#35393e;--card-border:#454a50;--text-main:#f3f4f5;--text-sub:#bfc4c9;--track:#4a5057;--stage:#3f444a;--cmp:#9aa0a7;
--rf-bg:#2b2e32;--rf-panel:#35393e;--rf-text:#f3f4f5;--rf-muted:#bfc4c9;--rf-line:#4a5057;--rf-soft:#3f444a;--rf-hover:#3c4146;--rf-selected:#41464d;--rf-tint:#3f4652;--rf-tint-text:#cdd6ea;--rf-input:#2f3337;--rf-shadow:0 4px 24px #00000018;
background:#2b2e32}
html[data-theme=dark]:root body{background:#2b2e32}
/* n125: 페이지별 다크 토큰(--rc-*, rcs-foundation, 계정 창) 남색 → 짙은 회색 A */
html[data-theme=dark]:root{--bg:#2b2e32;--card:#35393e;--line:#4a5057;--line2:#50565d;--soft:#3f444a;--ac-ink:#1f2225}
html[data-theme=dark]:root body.rcs-page{--rc-bg:#2b2e32;--rc-panel:#35393e;--rc-text:#f3f4f5;--rc-muted:#bfc4c9;--rc-line:#4a5057;--rc-soft:#3f444a;--rc-tint:#41464d;--rc-tint-text:#dfe3e8;--rc-hover:#3c4146;--rc-selected:#41464d;--bg:#2b2e32;--card:#35393e;--line:#4a5057;--line2:#50565d;--soft:#3f444a}
html[data-theme=dark]:root .na-dialog{background:#35393e;border-color:#4a5057;color:#f3f4f5}
html[data-theme=dark]:root .na-dialog-heading{border-bottom-color:#4a5057}
html[data-theme=dark]:root :is(.dx-thumb,.dx-mthumb){background:linear-gradient(135deg,#41464d,#2f3337)}
html[data-theme=dark]:root .na-toast{background:#3f444a;border-color:#4a5057;color:#f3f4f5}
/* n128 레벨·팜 결과의 지금→다음 칸: 콜렉션 계산기와 같은 배치 */
.rcs-page #resultCard .transition{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:13px!important;margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box;border-radius:14px!important;background:var(--rc-soft)!important;border:1px solid var(--rc-line)!important}
.rcs-page #resultCard .transition .lv-item{flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 8px!important;border-radius:12px!important;border:1px solid var(--rc-line)!important;background:transparent!important;box-shadow:none!important;text-align:center}
.rcs-page #resultCard .transition .lv-item img{width:auto!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important}
.rcs-page #resultCard .transition :is(.lv-name,.lv-badge){font-size:12px!important;font-weight:700!important;line-height:1.35!important;color:var(--rc-text)!important;max-width:100%}
.rcs-page #resultCard .transition .arrow-wrap{flex:none!important;font-size:11px!important;color:var(--rc-muted)!important}

/* n136 분류형 메뉴 */
.ns-navigation-panel:has(.nsn-cols){width:min(860px,calc(100vw - 24px))!important;max-width:none!important;right:0!important;left:auto!important;padding:18px!important;max-height:calc(100vh - 90px);overflow:auto}
.nsn-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(150px,.85fr);gap:0}
.nsn-col{display:flex;flex-direction:column;gap:2px;padding:0 12px;border-left:1px solid var(--sn-line);min-width:0}
.nsn-col:first-child{border-left:0;padding-left:0}
.nsn-h{padding:2px 10px 8px;font-size:12px;font-weight:700;color:var(--sn-muted)}
.nsn-sub{padding:6px 10px 4px;font-size:11.5px;color:var(--sn-muted)}
.ns-navigation-panel .nsn-col a{display:flex;align-items:center;gap:8px;padding:8px 10px!important;border-radius:10px;color:var(--sn-text)!important;font-size:14px;font-weight:500;text-decoration:none;background:transparent;border:0;margin:0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ns-navigation-panel .nsn-col a:hover{background:var(--sn-raised)}
.ns-navigation-panel .nsn-col a[aria-current]{background:var(--sn-raised);font-weight:800}
.ns-navigation-panel .nsn-col a[aria-current]::after{display:none}
.nsn-theme,.nsn-langs{display:flex;flex-direction:column;gap:2px}
.nsn-theme button{display:flex;align-items:center;padding:8px 10px;border-radius:10px;border:0;background:transparent;color:var(--sn-text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.nsn-theme button:hover{background:var(--sn-raised)}
.nsn-theme button[aria-pressed="true"]{background:var(--sn-raised);font-weight:800}
.nsn-langs a{font-size:13.5px!important}
.ns-navigation-panel:has(.nsn-cols) .ns-install-slot{margin-top:12px;padding-top:10px;border-top:1px solid var(--sn-line)}
@media (max-width:760px){.nsn-cols{grid-template-columns:1fr 1fr;row-gap:14px}.nsn-col:nth-child(3){border-left:0;padding-left:0}.nsn-col{padding:0 8px}}