:root[data-theme="dark"] { color-scheme: dark }
:root[data-theme="dark"] .logo-on-light,
:root[data-theme="light"] .logo-on-dark { display: none }
:root[data-theme="light"] {
  color-scheme: light;
  --soot: #f5f2e9;
  --dark: #fffdf7;
  --ivory: #282b25;
  --mute: #565c51;
  --faint: #b7b9ac;
  --ember: #a03925;
  --signal: #235f57;
  --cyan: var(--signal);
  --red: var(--ember);
  --stock: #e7e4d7;
  --print: #fffdf7;
  --green-wash: #e6ebe2;
}
[data-theme="light"] .introduction {
  background: linear-gradient(#eee7d3e8,#eee7d3df),url('/assets/materials/workbench-paper.webp') center/cover;
}
[data-theme="light"] .portrait figcaption { color: #f5eedc }
[data-theme="light"] .operator-quote { color: #675940 }
[data-theme="light"] .bench-head :is(.nav,.terminal-results) { background: var(--print) }
[data-theme="light"] .bench-head .terminal button { background: transparent }
[data-theme="light"] .graph {
  background-color: #e9e9dd;
  background-image: radial-gradient(#74796256 .8px,transparent .9px);
}
[data-theme="light"] .node { background: var(--print); border-color: #969c89 }
[data-theme="light"] .node-port { background: #576d5b }
[data-theme="light"] .wires path { stroke: #737f68 }
[data-theme="light"] .node-status { color: #465c4b }
[data-theme="light"] .node:has(.awaiting) .node-status { color: #785639 }
[data-theme="light"] .node-preview { background: var(--green-wash) }
[data-theme="light"] .node:has(.awaiting) .node-preview { background: none }
[data-theme="light"] .workflow-mini { color: #315f52 }
[data-theme="light"] .workflow-mini b { border-color: #859d8a }
[data-theme="light"] :is(.tile,.feature-image,.feature-thumbs button) { background: var(--print); border-color: var(--faint) }
[data-theme="light"] .tile .caption { background: #fffdf7eb; color: #2f382d }
[data-theme="light"] .monitor { background: var(--print) }
[data-theme="light"] .screen,
[data-theme="light"] .output-page .recording-monitor video {
  background: radial-gradient(ellipse at center,#f5f7ed,#d7e1d5);
}
[data-theme="light"] .screen>span { color: #40594b }
[data-theme="light"] .log time { color: #68634f }
[data-theme="light"] dialog { background: var(--print); color: var(--ivory) }
[data-theme="light"] #viewerMedia { background: var(--green-wash) }
[data-theme="light"] .art-viewer .close { background: var(--stock); color: var(--ivory) }
[data-theme="light"] .output-page .recording-monitor { background: var(--print) }
[data-theme="light"] :is(.monitor-label,.monitor-caption,.monitor-caption>span) { color: var(--mute) }
[data-theme="light"] .showcase-controls button { color: var(--mute) }
[data-theme="light"] .showcase-controls button[aria-pressed="true"] { background: var(--ivory); color: var(--print); box-shadow: none }
[data-theme="light"] :is(#workCount,.source-note,.chapter-heading>p,.showcase-chapter figcaption) { color: var(--mute) }
[data-theme="light"] .showcase-chapter figcaption b { color: var(--ivory) }
[data-theme="light"] .study-number,
[data-theme="light"] .saved-nodes code { color: #81492f }
[data-theme="light"] .saved-chain span { background: var(--green-wash); color: var(--signal); border-color: #8ba28e }
[data-theme="light"] :is(.source-evidence .study-print,.pet-evidence video,.art-viewer img) { background: var(--green-wash) }
[data-theme="light"] .sprite-chapter { background: #eeeee3 }
[data-theme="light"] .pixel-print>span { color: var(--signal) }
[data-theme="light"] .signal-chapter .hand { color: #7f583c }
[data-theme="light"] .output-page :is(.field-notes,.ester-note,.output-next) { background: #e9e3d0 }
[data-theme="light"] .footer-utility a { color: var(--mute) }
@media (min-width:531px) and (max-width:835px) {
  .bench-head { gap: 12px }
  .bench-head .logo { width: clamp(140px,22vw,185px) }
  .bench-head .terminal { width: clamp(140px,27vw,230px) }
  .bench-head .terminal label { display: none }
  .head-tools { gap: 7px }
}
@media (max-width:530px) {
  .bench-head { grid-template-columns: minmax(0,1fr) auto 38px; gap: 8px }
  .bench-head .logo { grid-column: 1; width: min(220px,100%) }
  .bench-head .terminal { grid-column: 1 / 3 }
  .bench-head .menu { grid-column: 3; grid-row: 2 }
}
[data-theme="light"] .output-page .footer :is(.wave,.footer-prompt) {
  background: transparent;
  box-shadow: none;
  color: var(--signal);
}

.robot-portrait { overflow: hidden; background: #403a2d }
.robot-portrait > img { object-position: 90% 25% }
.robot-portrait::after { background: linear-gradient(transparent, #211b12c9) }
.robot-portrait figcaption { text-shadow: 0 1px 4px #17130c }
.bench .node[data-open="character"] img { object-position: center 14%; mix-blend-mode: multiply }
@media (min-width:761px) and (max-width:1100px) {
  .operator-hero { grid-template-columns: minmax(250px,.85fr) minmax(0,1.55fr) }
  .robot-portrait { min-height: 0 }
  .robot-portrait > img { object-position: 84% center }
}
@media (max-width:760px) {
  .robot-portrait { aspect-ratio: 1.95 }
}
@media (min-width:761px) and (max-width:930px) {
  .operator-hero { grid-template-columns: 1fr }
  .robot-portrait { grid-row: 1; aspect-ratio: 2.1 }
  .introduction {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 8px 28px;
  }
  .introduction .kicker { grid-column: 1 / -1 }
  .introduction h1 { grid-row: span 2; margin: 0 }
  .introduction .lede { align-self: end }
  .introduction .hero-links { margin-top: 3px; align-self: start }
}

/* Toned-down mark for hinf.stream (Sam, 2026-11-06: "Tone it down"): trident + HiNF in the site's condensed face, in
   place of the grunge HELL IS NOT FULL lockup that stays on hellisnotfull.com. */
.wordmark{display:inline-flex;align-items:center;gap:.28em;font:clamp(30px,3vw,42px)/1 Condensed;letter-spacing:.01em;color:var(--ivory)}
.wordmark img,.bench-head .logo .wordmark img,.footer-brand .wordmark img{width:auto;height:1.05em;display:block}
.bench-head .logo{width:auto}
.footer-brand .wordmark{font-size:26px}