html body :is(.screen, .code-win, .slk, .cmp, .card.traj, .nf-log, .lx-win, .lx-gates, .lin-win) {
  --bg: #0A0A0A; --fg: #FAFAFA; --fg-2: #A3A3A3; --fg-3: #8A8A8A; --mute: #737373;
  --line: #262626; --line-2: #404040; --soft: #141414; --soft-2: #1A1A1A; --on-fg: #0A0A0A;
  --allow: #3FCF8E; --allow-bg: rgba(63,207,142,.14);
  --block: #F97066; --block-bg: rgba(249,112,102,.14);
  --esc: #F5B04A; --esc-bg: rgba(245,176,74,.14);
  --sh-1: none; --sh-2: none;
  --lx-surface: #111111; --lx-surface-2: #1A1A1A; --lx-line: #262626; --lx-line-2: #404040;
  background: #0A0A0A; color: #FAFAFA;
  border: 1px solid #404040;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.7);
}


html body :is(.screen, .code-win, .lx-win, .lin-win) :is(.screen-bar, .lx-bar) { background: #111111; border-bottom-color: #262626; color: #8A8A8A; }
html body :is(.screen, .code-win, .lx-win, .lin-win) .win-dots i { background: #404040; }


html body .yaml .hit { background: #1A1A1A; box-shadow: inset 2px 0 0 var(--esc); }
html body .screen .blk { background: #141414; }
html body .screen .doc { background: #141414; }
html body .screen .doc .bad .redact { background: #2E2E2E; }
html body .screen .node-ic img { filter: grayscale(1) brightness(0) invert(1); }
html body .screen .node-gate .node-ic .brand { color: #0A0A0A !important; }
html body .screen .node-gate .node-ic { box-shadow: 0 0 0 8px rgba(255,255,255,.06); }


html body .slk { box-shadow: 0 0 50px -12px rgba(245,176,74,.18), 0 25px 50px -12px rgba(0,0,0,.7); }
html body .slk-av { background: #FAFAFA; }
html body .slk-av .brand { color: #0A0A0A !important; }
html body .slk-h img { filter: invert(1); opacity: .85; }
html body .slk-checks li.ok .chk-ic,
html body .slk-checks li.bad .chk-ic { color: #0A0A0A; }
html body .anat .slk-btns span { border-color: #404040; }
html body .anat .slk-btns span:first-child { background: #1F8A5B; border-color: #1F8A5B; color: #fff; }
html body .anat .slk-btns span:last-child { color: var(--block); border-color: rgba(249,112,102,.5); }


html body .cmp .pane-off { background: #141414; }
html body .cmp .pane-on { background: #0A0A0A; }
html body .cmp .pane li { background: #111111; border-color: #262626; }
html body .cmp .pane-on li { background: #141414; border-color: transparent; }
html body .cmp .pill-off { background: #111111; border-color: #404040; color: #A3A3A3; }
html body .cmp .pill-on { color: #0A0A0A; }
html body .cmp .cmp-handle span { color: #0A0A0A; box-shadow: 0 0 0 6px rgba(10,10,10,.85); }


html body .traj-c.hit,
html body .traj-c.last { background: #1A1A1A; }


html body .lx-code .l::before { color: #404040; }
html body .lx-code .c { color: #737373; }


html body :is(.screen, .code-win, .slk, .cmp, .card.traj, .nf-log, .lx-win, .lx-gates, .lin-win) .st-allow { color: var(--allow); background: var(--allow-bg); }
html body :is(.screen, .code-win, .slk, .cmp, .card.traj, .nf-log, .lx-win, .lx-gates, .lin-win) .st-block { color: var(--block); background: var(--block-bg); }
html body :is(.screen, .code-win, .slk, .cmp, .card.traj, .nf-log, .lx-win, .lx-gates, .lin-win) .st-esc { color: var(--esc); background: var(--esc-bg); }


@media screen {
  html body .codeblock {
    --surface: #111111; --surface-2: #1A1A1A; --line: #262626; --fg: #FAFAFA; --fg-2: #A3A3A3; --fg-3: #8A8A8A;
    background: #0A0A0A; border-color: #404040; color: #FAFAFA;
  }
  html body .codeblock .cap { background: #111111; border-bottom-color: #262626; color: #8A8A8A; }
}


html body :is(.win-dots, .lx-dots) i:nth-child(1) { background: #FF5F57; }
html body :is(.win-dots, .lx-dots) i:nth-child(2) { background: #FEBC2E; }
html body :is(.win-dots, .lx-dots) i:nth-child(3) { background: #28C840; }
html body :is(.screen, .code-win, .lx-win, .lin-win, .win.hx) .win-dots i:nth-child(1) { background: #FF5F57; }
html body :is(.screen, .code-win, .lx-win, .lin-win, .win.hx) .win-dots i:nth-child(2) { background: #FEBC2E; }
html body :is(.screen, .code-win, .lx-win, .lin-win, .win.hx) .win-dots i:nth-child(3) { background: #28C840; }