/* ---- from site.css ---- */
html[data-theme="mono"] body { background: #fff !important; color: #000 !important; }
html[data-theme="mono"] a { color: #000 !important; }
html[data-theme="mono"] .glow.a { background: #000 !important; }
html[data-theme="mono"] .glow.b { background: #000 !important; }
html[data-theme="mono"] .stars { background: #000 !important; }
html[data-theme="mono"] .horizon-grid { background: none !important; }
html[data-theme="mono"] .progress { background: #000 !important; }
html[data-theme="mono"] .bar.on { background: #fff !important; }
html[data-theme="mono"] .mini { color: #000 !important; }
html[data-theme="mono"] .mini span span, html[data-theme="mono"] .wordmark span { color: #000 !important; }
html[data-theme="mono"] .year { background: #fff !important; color: #444 !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .year b { color: #000 !important; }
html[data-theme="mono"] .year i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .year.future i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .eyebrow { color: #000 !important; }
html[data-theme="mono"] .eyebrow.pink { color: #000 !important; }
html[data-theme="mono"] .h2 em { color: #000 !important; }
html[data-theme="mono"] .lede { color: #000 !important; }
html[data-theme="mono"] .slogan em { color: #000 !important; }
html[data-theme="mono"] .sub { color: #000 !important; }
html[data-theme="mono"] .hint { color: #444 !important; }
html[data-theme="mono"] .hint i { border: 1.5px solid #000 !important; }
html[data-theme="mono"] .hint i::after { background: #000 !important; }
html[data-theme="mono"] .scrub .word.hot.lit { color: #000 !important; }
html[data-theme="mono"] .stamp { color: #444 !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .stamp b { color: #000 !important; }
html[data-theme="mono"] .person { color: #000 !important; }
html[data-theme="mono"] .person.on { color: #000 !important; filter: none !important; }
html[data-theme="mono"] .person.cy.on { color: #000 !important; filter: none !important; }
html[data-theme="mono"] .big-cap { color: #000 !important; }
html[data-theme="mono"] .big-cap strong { color: #000 !important; }
html[data-theme="mono"] sup a { color: #000 !important; }
html[data-theme="mono"] .stat { background: transparent !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .stat .k { color: #444 !important; }
html[data-theme="mono"] .stat p { color: #000 !important; }
html[data-theme="mono"] .meter { background: #fff !important; }
html[data-theme="mono"] .side.l { border-right: 2px solid #000 !important; }
html[data-theme="mono"] .side.r { border-left: 2px solid #000 !important; }
html[data-theme="mono"] .side.l h3 { color: #444 !important; }
html[data-theme="mono"] .side.r h3 { color: #000 !important; }
html[data-theme="mono"] .side.l li { color: #444 !important; }
html[data-theme="mono"] .rift-label span.t { color: #000 !important; }
html[data-theme="mono"] .rift-beam { background: #000 !important; filter: none !important; }
@media (max-width: 700px) {
html[data-theme="mono"] .rift-beam { background: #000 !important; }
}
html[data-theme="mono"] .born .pull em { color: #000 !important; }
html[data-theme="mono"] .card { background: #fff !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .card:hover { border-color: #000 !important; }
html[data-theme="mono"] .card .big { color: #000 !important; }
html[data-theme="mono"] .card .n { color: #000 !important; }
html[data-theme="mono"] .card .co { color: #000 !important; }
html[data-theme="mono"] .card .meta { color: #444 !important; }
html[data-theme="mono"] .card .meta b { color: #000 !important; }
html[data-theme="mono"] .card.end { background: #000 !important; color: #fff !important; border-color: #000 !important; }
html[data-theme="mono"] .rail-count { color: #444 !important; }
html[data-theme="mono"] .rail-count .bar2 { background: #fff !important; }
html[data-theme="mono"] .rail-count .bar2 i { background: #000 !important; }
html[data-theme="mono"] .board { background: #fff !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .board .row { border-top: 1px solid #000 !important; }
html[data-theme="mono"] .board .row.head { background: #fff !important; color: #444 !important; }
html[data-theme="mono"] .board .row .t { color: #000 !important; }
html[data-theme="mono"] .s.st-final { color: #000 !important; }
html[data-theme="mono"] .s.st-boarding { color: #000 !important; }
html[data-theme="mono"] .s.st-delayed { color: #000 !important; }
html[data-theme="mono"] .s.st-classified { color: #444 !important; }
html[data-theme="mono"] .s.st-last { color: #000 !important; }
html[data-theme="mono"] .board .hide-sm { color: #000 !important; }
html[data-theme="mono"] .goal-num { color: #000 !important; }
html[data-theme="mono"] .goal-num small { color: #000 !important; }
html[data-theme="mono"] .final h2 em { color: #000 !important; }
html[data-theme="mono"] .final p { color: #000 !important; }
html[data-theme="mono"] footer { color: #444 !important; border-top: 1px solid #000 !important; }
html[data-theme="mono"] footer strong { color: #000 !important; }
html[data-theme="mono"] .menu-btn { background: #fff !important; border: 1px solid #000 !important; color: #000 !important; }
html[data-theme="mono"] .menu-btn:hover, html[data-theme="mono"] .menu-btn:focus-visible { border-color: #000 !important; }
html[data-theme="mono"] .menu-btn .lines { background: #000 !important; }
html[data-theme="mono"] .menu-btn .lines i { background: #fff !important; }
html[data-theme="mono"] .menu { background: #fff !important; }
html[data-theme="mono"] .menu::before { background: none !important; }
html[data-theme="mono"] .mnav button { color: #444 !important; }
html[data-theme="mono"] .mnav button span { color: #444 !important; }
html[data-theme="mono"] .mnav button:hover, html[data-theme="mono"] .mnav button:focus-visible { color: #000 !important; }
html[data-theme="mono"] .mnav button[aria-selected="true"] { color: #000 !important; }
html[data-theme="mono"] .mnav button[aria-selected="true"] span { color: #000 !important; }
html[data-theme="mono"] .mnav button[aria-selected="true"]::after { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .mnav .home { color: #000 !important; }
html[data-theme="mono"] .mpanel h3 em { color: #000 !important; }
html[data-theme="mono"] .mpanel p { color: #000 !important; }
html[data-theme="mono"] .mpanel p strong { color: #000 !important; }
html[data-theme="mono"] .mpanel .fine { color: #444 !important; }
html[data-theme="mono"] .addr { border: 1px dashed #000 !important; color: #000 !important; }
html[data-theme="mono"] .addr b { color: #000 !important; }
html[data-theme="mono"] .mail { background: #000 !important; color: #fff !important; }
html[data-theme="mono"] .mail:hover, html[data-theme="mono"] .mail:focus-visible { box-shadow: none !important; color: #000 !important; }
html[data-theme="mono"] .roadmap li { color: #444 !important; }
html[data-theme="mono"] .roadmap li i { border: 1.5px solid currentColor !important; }
html[data-theme="mono"] .roadmap li.on { color: #000 !important; }
html[data-theme="mono"] .roadmap li.on i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .roadmap li.soon { color: #000 !important; }
html[data-theme="mono"] .roadmap li.soon i { background: #000 !important; }
html[data-theme="mono"] .mod { background: #fff !important; border: 1px solid #000 !important; color: #000 !important; }
html[data-theme="mono"] .mod::before { background: none !important; }
html[data-theme="mono"] a.mod:hover, html[data-theme="mono"] a.mod:focus-visible { border-color: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .mod .top { color: #444 !important; }
html[data-theme="mono"] .status { border: 1px solid #000 !important; color: #444 !important; }
html[data-theme="mono"] .mod.online .status { color: #000 !important; border-color: #000 !important; }
html[data-theme="mono"] .mod.online .status i { box-shadow: none !important; }
html[data-theme="mono"] .mod.activating .status { color: #000 !important; border-color: #000 !important; }
html[data-theme="mono"] .mod p { color: #000 !important; }
html[data-theme="mono"] .boot { color: #444 !important; }
html[data-theme="mono"] .boot-bar { background: #fff !important; }
html[data-theme="mono"] .mod.activating .boot-bar i { background: #000 !important; }
html[data-theme="mono"] .mod .cta .arrow { background: #000 !important; color: #fff !important; }
html[data-theme="mono"] .mod.activating .cta { color: #444 !important; }
html[data-theme="mono"] .mod .scan { background: none !important; }
html[data-theme="mono"] .back { color: #000 !important; }
html[data-theme="mono"] .back:hover { color: #000 !important; }
html[data-theme="mono"] .jobs-hero h1 em { color: #000 !important; }
html[data-theme="mono"] .dock { background: #fff !important; border-top: 1px solid #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .dock::before { background: #000 !important; }
html[data-theme="mono"] .dock-title { color: #444 !important; }
html[data-theme="mono"] .dock-title b { color: #000 !important; }
html[data-theme="mono"] .dock-title .sep { color: #000 !important; }
html[data-theme="mono"] .dock-title .dot { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .dock-toggle { background: transparent !important; border: 1px solid #000 !important; color: #000 !important; }
html[data-theme="mono"] .dock-toggle:hover, html[data-theme="mono"] .dock-toggle:focus-visible { border-color: #000 !important; color: #000 !important; }
@media (max-width: 700px) {
html[data-theme="mono"] .dock-year { color: #000 !important; }
html[data-theme="mono"] .dock-year i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .dock-year.future i { background: #000 !important; box-shadow: none !important; }
}
html[data-theme="mono"] .dock-head::after { background: none !important; }
html[data-theme="mono"].dock-min .dock::before { background: #000 !important; }
html[data-theme="mono"].dock-min .dock { animation-name: none !important; }
html[data-theme="mono"].dock-min .dock-title .dot { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"].dock-min .dock-title b { color: #000 !important; }
html[data-theme="mono"].dock-min .dock-toggle { background: #000 !important; border-color: #000 !important; color: #fff !important; }
html[data-theme="mono"].dock-min .dock-toggle::after { border: 2px solid #000 !important; }
html[data-theme="mono"].dock-min .dock-toggle:hover { color: #000 !important; box-shadow: none !important; }
html[data-theme="mono"].dock-min[data-heat="3"] .dock { animation-name: none !important; }
html[data-theme="mono"] .dock-nudge { background: #000 !important; color: #fff !important; box-shadow: none !important; }
html[data-theme="mono"] .dock-nudge::after { border: 7px solid transparent !important; border-top-color: #000 !important; }
@media (prefers-reduced-motion: reduce) {
html[data-theme="mono"].dock-min .dock { box-shadow: none !important; }
}
html[data-theme="mono"] .flyer-rocket .fr-img { filter: none !important; }
html[data-theme="mono"] .spark.s0 { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .spark.s1 { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .spark.s2 { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .pt.smoke { background: #000 !important; }
html[data-theme="mono"] .pt.spark.s0 { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .pt.spark.s1 { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .pt.spark.s2 { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .countdown { color: #000 !important; }
html[data-theme="mono"] .pt.smoke { background: #000 !important; }
html[data-theme="mono"].dock-on .dock { background: #fff !important; }
html[data-theme="mono"].dock-on .dock::after { background: none !important; }
html[data-theme="mono"] .dock .dock-head { background: transparent !important; }
html[data-theme="mono"].dock-on .dock-toggle { background: transparent !important; color: #000 !important; border-color: #000 !important; }
html[data-theme="mono"] .stat p strong { color: #000 !important; }
html[data-theme="mono"].dock-on .dock .dock-head { background: #fff !important; }
html[data-theme="mono"] .cur-dot { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .cur-ring i { border: 2px solid #000 !important; filter: none !important; }
html[data-theme="mono"].cursor-hot .cur-ring i { border-color: #000 !important; filter: none !important; }
html[data-theme="mono"].cursor-hot .cur-dot { background: #000 !important; }
html[data-theme="mono"] .snd { background: #fff !important; border: 1px solid #000 !important; color: #444 !important; }
html[data-theme="mono"] .snd:hover, html[data-theme="mono"] .snd:focus-visible { color: #000 !important; border-color: #000 !important; }
html[data-theme="mono"] .snd.on { color: #000 !important; border-color: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .snd.armed { animation-name: none !important; }
html[data-theme="mono"]::after { background: #fff !important; }
html[data-theme="mono"] .legal h1 em { color: #000 !important; }
html[data-theme="mono"] .legal h2 { color: #000 !important; }
html[data-theme="mono"] .legal p, html[data-theme="mono"] .legal li { color: #000 !important; }
html[data-theme="mono"] .legal strong { color: #000 !important; }
html[data-theme="mono"] .legal a { color: #000 !important; }
html[data-theme="mono"] .legal .fine { color: #444 !important; }
html[data-theme="mono"] .legal .todo { background: transparent !important; color: #000 !important; }
html[data-theme="mono"].menu-open .bar { background: transparent !important; }
html[data-theme="mono"] .gap-sec .side.l, html[data-theme="mono"] .gap-sec .side.r { border-color: transparent !important; }
html[data-theme="mono"] .gap-tear .void { fill: #000 !important; }
html[data-theme="mono"] .gap-tear .edge.a { stroke: #000 !important; }
html[data-theme="mono"] .gap-tear .edge.b { stroke: #000 !important; }
html[data-theme="mono"] .gap-tear .edge.a.g2, html[data-theme="mono"] .gap-tear .edge.a.g3 { stroke: #000 !important; }
html[data-theme="mono"] .gap-tear .edge.b.g2, html[data-theme="mono"] .gap-tear .edge.b.g3 { stroke: #000 !important; }
html[data-theme="mono"] .h2-half.l { color: #000 !important; }
html[data-theme="mono"] .gap-flash { background: #000 !important; }
html[data-theme="mono"] .gap-sec .gap-out { background: #fff !important; }
@media (max-width: 700px) {
html[data-theme="mono"] .flyer-rocket .fr-img { filter: none !important; }
}
html[data-theme="mono"] .cta-main { background: #000 !important; color: #fff !important; box-shadow: none !important; }
html[data-theme="mono"] .cta-main:hover { box-shadow: none !important; }
html[data-theme="mono"] .cta-alt { color: #000 !important; border-bottom: 1px solid #000 !important; }
html[data-theme="mono"] .fiction { color: #444 !important; }
html[data-theme="mono"] .steps li { background: #fff !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .steps .n { color: #000 !important; }
html[data-theme="mono"] .steps h3 { color: #000 !important; }
html[data-theme="mono"] .steps p { color: #000 !important; }
html[data-theme="mono"] .steps a { color: #000 !important; }
html[data-theme="mono"] .steps li.now { border-color: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .steps li.now::before { background: #000 !important; color: #fff !important; }
html[data-theme="mono"] .cos .eyebrow { color: #000 !important; }
html[data-theme="mono"] .final .share { color: #444 !important; }
html[data-theme="mono"] .final .share a { color: #000 !important; }
/* ---- from flap.css ---- */
html[data-theme="mono"] .ij-mono { filter: none !important; }
html[data-theme="mono"] .ij-mono.sm { filter: none !important; }
html[data-theme="mono"] .flap.led { box-shadow: none !important; }
html[data-theme="mono"] .flap .half { background: #fff !important; }
html[data-theme="mono"] .flap .half.b { background: #fff !important; }
html[data-theme="mono"] .flap .seam { background: #fff !important; }
html[data-theme="mono"] .flap .seam::before, html[data-theme="mono"] .flap .seam::after { background: #fff !important; box-shadow: none !important; }
html[data-theme="mono"] .flap .leaf .face.front { background: #fff !important; }
html[data-theme="mono"] .flap .leaf .face.back { background: #fff !important; }
html[data-theme="mono"] .flap .leaf .face::after { background: #fff !important; }
html[data-theme="mono"] .flap img { filter: none !important; }
html[data-theme="mono"] .flap.tiny img { filter: none !important; }
html[data-theme="mono"] .flap.led .half::before, html[data-theme="mono"] .flap.led .leaf .face::before { background: none !important; }
html[data-theme="mono"] .flap.bare, html[data-theme="mono"] .flap.bare .half, html[data-theme="mono"] .flap.bare .leaf .face { background: transparent !important; }
html[data-theme="mono"] .crew-fig img { filter: none !important; }
@media (max-width: 700px) {
html[data-theme="mono"] .flap img { filter: none !important; }
html[data-theme="mono"] .crew-fig img { filter: none !important; }
}
/* ---- from holo.css ---- */
html[data-theme="mono"] .ref-star { color: #000 !important; }
html[data-theme="mono"] .ref-star svg { filter: none !important; }
html[data-theme="mono"] .ref-star:hover svg, html[data-theme="mono"] .ref-star:focus-visible svg { color: #000 !important; }
html[data-theme="mono"] .ref-star:hover, html[data-theme="mono"] .ref-star:focus-visible { color: #000 !important; }
html[data-theme="mono"] .ref-star:focus-visible svg { filter: none !important; }
html[data-theme="mono"] .foot-src { color: #444 !important; }
html[data-theme="mono"] .ix-backdrop { background: #fff !important; }
html[data-theme="mono"] .ix-backdrop::after { background: none !important; }
html[data-theme="mono"] .ix-platform { background: none !important; }
html[data-theme="mono"] .ix-platform::after { border: 1px solid #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .ix-beam { background: none !important; }
html[data-theme="mono"] .ix-card { background: #fff !important; border: 1px solid #000 !important; box-shadow: none !important; color: #000 !important; }
html[data-theme="mono"] .ix-card:hover { border-color: #000 !important; }
html[data-theme="mono"] .ix-scan { background: none !important; }
html[data-theme="mono"] .ix-top { background: #fff !important; border-bottom: 1px solid rgba(0,0,0,.22) !important; color: #444 !important; }
html[data-theme="mono"] .ix-top .id { color: #000 !important; }
html[data-theme="mono"] .ix-pill { border: 1px solid currentColor !important; }
html[data-theme="mono"] .ix-pill.ok { color: #000 !important; }
html[data-theme="mono"] .ix-pill.wait { color: #000 !important; }
html[data-theme="mono"] .ix-close { background: transparent !important; border: 1px solid #000 !important; color: #000 !important; }
html[data-theme="mono"] .ix-close:hover, html[data-theme="mono"] .ix-close:focus-visible { border-color: #000 !important; }
html[data-theme="mono"] .ix-title { color: #000 !important; }
html[data-theme="mono"] .ix-facts { background: #fff !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .ix-facts div { background: #fff !important; }
html[data-theme="mono"] .ix-facts dd { color: #000 !important; }
html[data-theme="mono"] .ix-claim { background: transparent !important; border-left: 3px solid #000 !important; }
html[data-theme="mono"] .ix-claim .lbl { color: #000 !important; }
html[data-theme="mono"] .ix-claim .q { color: #000 !important; }
html[data-theme="mono"] .ix-go { background: #000 !important; color: #fff !important; }
html[data-theme="mono"] .ix-go:hover, html[data-theme="mono"] .ix-go:focus-visible { box-shadow: none !important; color: #000 !important; }
html[data-theme="mono"] .ix-go.ghost { background: transparent !important; color: #444 !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .ix-go.ghost:hover { color: #444 !important; }
html[data-theme="mono"] .ix-foot { color: #444 !important; }
html[data-theme="mono"] .ix-nav button { background: transparent !important; border: 1px solid #000 !important; color: #000 !important; }
html[data-theme="mono"] .ix-nav button:hover, html[data-theme="mono"] .ix-nav button:focus-visible { border-color: #000 !important; color: #000 !important; }
html[data-theme="mono"] .ix-mod-icon { background: #fff !important; border: 1px solid #000 !important; }
html[data-theme="mono"] .ix-desc { color: #000 !important; }
html[data-theme="mono"] .ix-boot .row { color: #444 !important; }
html[data-theme="mono"] .ix-boot .ix-bar { background: #fff !important; }
html[data-theme="mono"] .ix-boot .ix-bar i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .ix-boot.wait .ix-bar i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .mrail-tab { background: #fff !important; border-right: 2px dashed #000 !important; color: #000 !important; filter: none !important; }
html[data-theme="mono"] .mrail:not(.open) .mrail-tab:hover, html[data-theme="mono"] .mrail:not(.open) .mrail-tab:focus-visible { background: #000 !important; }
html[data-theme="mono"] .mrail-tab:focus-visible { filter: none !important; }
html[data-theme="mono"] .stub-os { color: #000 !important; }
html[data-theme="mono"] .mrail-leds i { background: #000 !important; }
html[data-theme="mono"] .mrail-leds i.wait { background: #000 !important; }
html[data-theme="mono"] .stub-board { color: #000 !important; }
html[data-theme="mono"] .mrail-lbl { color: #000 !important; }
html[data-theme="mono"] .stub-dest { color: #444 !important; }
html[data-theme="mono"] .stub-dest b { color: #000 !important; }
html[data-theme="mono"] .stub-code i { background: #fff !important; }
html[data-theme="mono"] .mrail-chev { color: #000 !important; }
html[data-theme="mono"] .mrail-panel { background: #fff !important; color: #000 !important; }
html[data-theme="mono"] .mrail-scan { background: none !important; }
html[data-theme="mono"] .mrail-eyebrow { color: #000 !important; }
html[data-theme="mono"] .mrail-eyebrow .dot { background: #000 !important; }
html[data-theme="mono"] .mrail-h { color: #000 !important; }
html[data-theme="mono"] .mrail-h em { color: #000 !important; }
html[data-theme="mono"] .mrail-close { background: transparent !important; border: 1px solid rgba(0,0,0,.22) !important; color: #000 !important; }
html[data-theme="mono"] .mrail-close:hover, html[data-theme="mono"] .mrail-close:focus-visible { border-color: #000 !important; color: #000 !important; }
html[data-theme="mono"] .mrail .mod { background: #fff !important; border-color: #000 !important; }
html[data-theme="mono"] .mrail-foot { border-top: 2px dashed rgba(0,0,0,.22) !important; }
html[data-theme="mono"] .mrail-foot p { color: #444 !important; }
html[data-theme="mono"] .mrail-foot p span { color: #000 !important; }
html[data-theme="mono"] .ticket-code i { background: #fff !important; }
html[data-theme="mono"] .mrail-nudge { background: #000 !important; color: #fff !important; }
html[data-theme="mono"] .mrail-nudge::before { background: #000 !important; }
@media (max-width: 700px) {
html[data-theme="mono"] { background: #fff !important; }
html[data-theme="mono"] .mrail:not(.open) .stub-os::after { color: #444 !important; }
html[data-theme="mono"].mrail-on .mrail-tab, html[data-theme="mono"] .mrail.nudge:not(.open) .mrail-tab, html[data-theme="mono"] .mrail:not(.open) .mrail-tab:hover, html[data-theme="mono"] .mrail:not(.open) .mrail-tab:focus-visible { background: #fff !important; }
}
/* ---------- hand-tuned black & white layer (after the generated rules) ---------- */
html[data-theme="mono"] { --bg: #fff; --pink: #000; --cyan: #000; --amber: #000; --lavender: #000; --muted: #444; --line: #000; --ticket: #fff;
  color-scheme: light; background: #fff; }
/* atmosphere that only works as light on dark */
html[data-theme="mono"] :is(.glow, .stars, .horizon, .gap-flash, .pt.smoke) { display: none !important; }
/* the words that are pink in colour keep their emphasis: a heavy underline */
html[data-theme="mono"] :is(h1, h2, h3, .h2, .slogan, .mrail-h, .rift-label .wordmark, .mini, .wordmark) :is(em, span:not([class])) { text-decoration: underline; text-decoration-thickness: .085em; text-underline-offset: .12em; }
html[data-theme="mono"] :is(.mini, .wordmark) span span, html[data-theme="mono"] .mini > span > span { text-decoration-thickness: .1em; }
/* drawings: light ink becomes black, dark fills become paper */
html[data-theme="mono"] svg [fill]:not([fill="none"]):not([fill^="url"]) { fill: #000; }
html[data-theme="mono"] svg :is([fill="#07030f"], [fill="#0c081b"], [fill="#06030d"], [fill="#2a1a48"], [fill="#1a1430"]) { fill: #fff; }
html[data-theme="mono"] svg [stroke]:not([stroke="none"]) { stroke: #000; }
html[data-theme="mono"] .ij-mono { filter: none !important; }
/* the boarding pass is paper: white ticket, black print, a hard black outline */
html[data-theme="mono"] :is(.mrail-tab, .mrail-panel) { background: #fff !important; color: #000 !important; outline: 2px solid #000; outline-offset: -2px; filter: none !important; }
html[data-theme="mono"] .mrail-tab * { color: #000 !important; }
html[data-theme="mono"] .mrail-leds i, html[data-theme="mono"] .stub-code i, html[data-theme="mono"] .ticket-code i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .mrail-leds i.wait { background: transparent !important; outline: 1.5px solid #000; outline-offset: -1.5px; }   /* activating: hollow */
/* status everywhere: online = solid, activating = hollow ring */
html[data-theme="mono"] .status { border: 1.5px solid #000 !important; color: #000 !important; }
html[data-theme="mono"] .mod.online .status i, html[data-theme="mono"] .status .dot { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .mod.activating .status i { background: transparent !important; box-shadow: inset 0 0 0 1.5px #000 !important; }
/* cards: white paper with a black frame and a hard print shadow on hover */
html[data-theme="mono"] :is(.mod, .stat, .ix-card, .hc, .crew-fig) { box-shadow: none; }
html[data-theme="mono"] :is(.mod, .stat, .ix-card) { border: 1.5px solid #000 !important; }
html[data-theme="mono"] .mod:hover, html[data-theme="mono"] .ix-card:hover { box-shadow: 6px 6px 0 #000 !important; }
html[data-theme="mono"] .mod::before, html[data-theme="mono"] .mod .scan { display: none !important; }
html[data-theme="mono"] :is(.boot-bar, .ix-bar, .ri-bar) { background: #fff !important; outline: 1.5px solid #000; }
html[data-theme="mono"] :is(.boot-bar, .ix-bar) i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .mod.activating .boot-bar i, html[data-theme="mono"] .ix-boot.wait .ix-bar i { background: repeating-linear-gradient(-45deg, #000 0 4px, #fff 4px 8px) !important; }
/* buttons that are pink in colour: solid black, white type */
html[data-theme="mono"] :is(.ix-go:not(.ghost), .menu-btn .ico, .cta .arrow, .mail) { background: #000 !important; color: #fff !important; }
html[data-theme="mono"] :is(.ix-go:not(.ghost), .cta .arrow, .mail) * { color: #fff !important; stroke: #fff !important; }
/* the gap: black fracture lines on paper */
html[data-theme="mono"] .gap-tear .edge { stroke: #000 !important; }
html[data-theme="mono"] .gap-tear .edge.g2 { opacity: .25; } html[data-theme="mono"] .gap-tear .edge.g3 { opacity: .08; }
html[data-theme="mono"] .gap-sec .gap-out { background: #fff !important; border: 1.5px solid #000; backdrop-filter: none; }
/* the cursor */
html[data-theme="mono"] .cur-ring i { border-color: #000 !important; filter: none !important; }
html[data-theme="mono"] .cur-dot { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"].cursor-hot .cur-ring i { border-color: #000 !important; }
/* LED art (tiles, crews, rocket) is redrawn by flap.js in black ink: no glow needed */
html[data-theme="mono"] :is(.flap img, .crew-fig img, .flyer-rocket .fr-img, .flyer-rocket) { filter: none !important; }
html[data-theme="mono"] .flap.led { box-shadow: 0 0 0 1.5px #000 !important; }
html[data-theme="mono"] .flap.bare { box-shadow: none !important; }
/* source stars */
html[data-theme="mono"] .ref-star svg { filter: none !important; }

/* ---------- the switch ---------- */
.theme-switch { --w: 132px; position: fixed; top: 12px; right: 330px; z-index: 70; height: 48px; width: var(--w); display: flex; align-items: center; padding: 4px; border-radius: 999px;
  border: 1px solid var(--line, #2a2145); background: rgba(12,8,28,.72); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); cursor: pointer;
  font: 500 10.5px/1 var(--mono, monospace); letter-spacing: .14em; text-transform: uppercase; color: var(--lavender, #d8ccf0); transition: opacity .3s; }
.theme-switch span { position: relative; z-index: 1; flex: 1; text-align: center; transition: color .35s; }
.theme-switch::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 999px;
  background: linear-gradient(90deg, #ff5f9e, #00f0c8); transition: transform .45s cubic-bezier(.2,.9,.2,1), background .3s; }
.theme-switch[aria-checked="true"]::before { transform: translateX(100%); background: #000; }
.theme-switch[aria-checked="false"] span:first-child, .theme-switch[aria-checked="true"] span:last-child { color: #07030f; }
.theme-switch:focus-visible { outline: 2px solid var(--cyan, #00f0c8); outline-offset: 3px; }
html[data-theme="mono"] .theme-switch { background: #fff; border: 1.5px solid #000; color: #000; }
html[data-theme="mono"] .theme-switch[aria-checked="true"] span:last-child { color: #fff; }
html.menu-open .theme-switch.bar-switch { opacity: 0; pointer-events: none; }
@media (max-width: 700px) { .theme-switch.bar-switch { display: none; } }
/* phones: the switch lives in the menu */
.theme-switch.menu-switch { position: relative; top: auto; right: auto; margin: 18px 0 8px; width: 200px; flex: none; }
@media (min-width: 701px) { .theme-switch.menu-switch { display: none; } }

/* ---------- the tear: the page cracks down the middle and the other mode is revealed through the gap ---------- */
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-new(root) { z-index: 2; animation: ijTearOpen 1.25s cubic-bezier(.7,0,.2,1) both; }
::view-transition-old(root) { z-index: 1; animation: ijTearShake .5s cubic-bezier(.36,.07,.19,.97) .2s both; }
@keyframes ijTearShake { 10%, 90% { transform: translate(-2px, 1px); } 30%, 50%, 70% { transform: translate(-6px, 2px); } 40%, 60% { transform: translate(6px, -1px); } }
/* per-card colours written on the cards themselves (--c): black ink */
html[data-theme="mono"] :is(.stat, .mod, [style*="--c"]) { --c: #000 !important; }
/* the people grid: everyone is a light grey figure, the ones who count are solid black */
html[data-theme="mono"] .person { color: #cfcfcf !important; filter: none !important; }
html[data-theme="mono"] .person.on, html[data-theme="mono"] .person.cy.on { color: #000 !important; }
/* "what jobs ask for": struck out in grey, crossed with a black line, no colour echo */
html[data-theme="mono"] .gap-sec .side li { text-shadow: none !important; }
html[data-theme="mono"] .gap-sec .side.l li { color: #6b6b6b !important; text-decoration-color: #000 !important; }
html[data-theme="mono"] .gap-sec .side.l.cross li { text-decoration-color: #000 !important; }

/* headline words that animate one by one are their own boxes: underline each emphasised word itself */
html[data-theme="mono"] :is(h1, h2, .h2, .slogan) em:has(.w) { text-decoration: none !important; }
html[data-theme="mono"] :is(h1, h2, .h2, .slogan) em .w { text-decoration: underline; text-decoration-thickness: .085em; text-underline-offset: .12em; }
html[data-theme="mono"] :is(h1, h2, .h2, .slogan) em:has(.w) span:not([class]) { text-decoration: none !important; }   /* the space between split words */

/* ---------- depth: light greys, used sparingly, the way print adds depth ---------- */
html[data-theme="mono"] { --g1: #f4f4f4; --g2: #e6e6e6; --g3: #d2d2d2; }
/* cards lift off the page: a soft grey offset under the black frame (hard black on hover) */
html[data-theme="mono"] :is(.stat, .mod, .ix-card, .gap-sec .gap-out) { box-shadow: 5px 5px 0 var(--g2) !important; }
html[data-theme="mono"] :is(.mod, .ix-card):hover { box-shadow: 6px 6px 0 #000 !important; }
/* the boarding pass lies on top of the page */
html[data-theme="mono"] .mrail-tab { box-shadow: 4px 4px 0 var(--g3) !important; }
html[data-theme="mono"] .mrail.open .mrail-tab { box-shadow: none !important; }
html[data-theme="mono"] .mrail-panel { box-shadow: 8px 8px 0 var(--g2) !important; }
/* overlays: a light grey veil, so the page is still sensed underneath */
html[data-theme="mono"] .ix-backdrop { background: rgba(236,236,236,.88) !important; }
html[data-theme="mono"] .ix-backdrop::after { background: repeating-linear-gradient(0deg, rgba(0,0,0,.035) 0 1px, transparent 1px 4px) !important; }
html[data-theme="mono"] :is(.ix-platform, .ix-beam) { display: none !important; }
/* LED tiles: a faint grey display panel behind the black pixels */
html[data-theme="mono"] .flap.led :is(.half, .leaf .face) { background: var(--g1) !important; }
/* the top bar, floating over content: a hairline grey edge */
html[data-theme="mono"] .bar.on { border-bottom: 1px solid var(--g2) !important; }
/* the menu panel: the slightest grey, so it reads as a sheet over the page */
html[data-theme="mono"] .menu { background: #fafafa !important; }

/* the journey, in black & white */
html[data-theme="mono"] .cta-main, html[data-theme="mono"] .steps li.now::before { background: #000 !important; color: #fff !important; box-shadow: none !important; }
html[data-theme="mono"] .cta-main * { color: #fff !important; }
html[data-theme="mono"] .cta-alt { color: #000 !important; border-bottom-color: #000 !important; }
html[data-theme="mono"] .steps li { background: #fff !important; border: 1.5px solid #000 !important; box-shadow: 5px 5px 0 var(--g2) !important; }
html[data-theme="mono"] .steps li.now { box-shadow: 6px 6px 0 #000 !important; }
html[data-theme="mono"] .steps .n, html[data-theme="mono"] .steps a, html[data-theme="mono"] .cos .eyebrow, html[data-theme="mono"] .final .share a { color: #000 !important; }
html[data-theme="mono"] .steps a { text-decoration: underline; }

/* the companies page */
html[data-theme="mono"] :is(.offer, .cos-contact, .cos-how li) { background: #fff !important; border: 1.5px solid #000 !important; box-shadow: 5px 5px 0 var(--g2) !important; }
html[data-theme="mono"] :is(.offer h3, .cos-how b, .cos-contact h2, .cos-how .k, .offer .n, .cos-page h1, .cos-for h2) { color: #000 !important; }
html[data-theme="mono"] :is(.offer p, .cos-how p, .cos-contact p, .cos-for ul) { color: #000 !important; }
html[data-theme="mono"] .offer .who, html[data-theme="mono"] .cos-page .fine { color: #444 !important; }
/* mission files: company colours become ink */
html[data-theme="mono"] :is(.holo-card, .hc, .hc-top, .hc-in) { --c1: #000 !important; --c2: #000 !important; }
html[data-theme="mono"] .hc-co, html[data-theme="mono"] .hc-top .id { color: #000 !important; }

/* pages without a menu: a compact switch in the bar on phones */
@media (max-width: 700px) {
  .theme-switch.bar-switch.solo { display: flex; --w: 56px; padding: 0; justify-content: center; }
  .theme-switch.bar-switch.solo span { display: none; }
  .theme-switch.bar-switch.solo::before { display: none; }
  .theme-switch.bar-switch.solo::after { content: "◐"; font: 700 20px/1 'Poppins', system-ui, sans-serif; color: #fff; }
  html[data-theme="mono"] .theme-switch.bar-switch.solo::after { color: #000; }
}

/* the drift: the switch sits inside the bar, matching its small sound button */
.theme-switch.inbar { position: relative; top: auto; right: auto; height: 32px; --w: 108px; padding: 3px; font-size: 9.5px; margin-left: auto; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.theme-switch.inbar::before { top: 3px; bottom: 3px; left: 3px; }
@media (max-width: 700px) { .theme-switch.bar-switch.inbar { display: flex; --w: 44px; } .theme-switch.inbar::after { font-size: 16px; } }

html[data-theme="mono"] .steps li.wip { border-style: dashed !important; }
html[data-theme="mono"] .soon-tag { border-color: #000 !important; color: #000 !important; }
/* the flip has to be seen: the folding leaf keeps its shade in black & white */
html[data-theme="mono"] .flap .leaf .face::after { background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,0)) !important; }
html[data-theme="mono"] .flap .leaf .face.back { background: #f4f4f4 !important; }
html[data-theme="mono"] .flap .seam { background: #000 !important; }
html[data-theme="mono"] .flap .seam::before, html[data-theme="mono"] .flap .seam::after { background: #000 !important; box-shadow: none !important; }
/* phones: the in-bar switch is compact on every page that has one */
@media (max-width: 700px) {
  .theme-switch.inbar { --w: 44px; padding: 0; justify-content: center; margin-left: 10px; }
  .theme-switch.inbar span, .theme-switch.inbar::before { display: none; }
  .theme-switch.inbar::after { content: "◐"; font: 700 16px/1 'Poppins', system-ui, sans-serif; color: #fff; }
  html[data-theme="mono"] .theme-switch.inbar::after { color: #000; }
}

html[data-theme="mono"] .cos-band { background: #fff !important; border: 1.5px solid #000 !important; box-shadow: 6px 6px 0 var(--g2) !important; }
html[data-theme="mono"] .bar-cos { background: #ffc857 !important; color: #000 !important; border: 1.5px solid #000 !important; box-shadow: 3px 3px 0 #000 !important; }   /* the one colour kept in black & white */

html[data-theme="mono"] .pass-cos { background: #000 !important; color: #fff !important; border-color: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .pass-cos * { color: #fff !important; }
html[data-theme="mono"] .pass-cos .pc-go { border-color: #fff !important; }

html[data-theme="mono"] .cos-block { border-top-color: #000 !important; }
html[data-theme="mono"] .cos-ask { background: #fff !important; border: 1.5px solid #000 !important; box-shadow: 6px 6px 0 var(--g2) !important; }
html[data-theme="mono"] .cos-ask .mailto { background: #000 !important; color: #fff !important; box-shadow: none !important; }
html[data-theme="mono"] :is(.cos-block p, .cos-block p strong, .cos-block h2, .cos-ask p, .cos-ask h2, .cos-ask .cos-addr, .cos-page .lede) { color: #000 !important; }

/* how it works cards, in black & white: the pass cards' paper look */
html[data-theme="mono"] .step-in { background: #fff !important; border: 1.5px solid #000 !important; box-shadow: 5px 5px 0 var(--g2) !important; }
html[data-theme="mono"] .step.now .step-in, html[data-theme="mono"] a.step-in:hover { box-shadow: 6px 6px 0 #000 !important; }
html[data-theme="mono"] .step.wip .step-in { border-style: dashed !important; }
html[data-theme="mono"] :is(.step-t, .step-l, .step-p, .step-cta, a.step-in .step-cta, .step-top, .steps-pass) { color: #000 !important; }
html[data-theme="mono"] .step .status { border: 1.5px solid #000 !important; color: #000 !important; }
html[data-theme="mono"] .step.online .status i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .step.activating .status i { background: transparent !important; box-shadow: inset 0 0 0 1.5px #000 !important; }
html[data-theme="mono"] .step-bar { background: #fff !important; outline: 1.5px solid #000; }
html[data-theme="mono"] .step-bar i { background: #000 !important; box-shadow: none !important; }
html[data-theme="mono"] .step.activating .step-bar i { background: repeating-linear-gradient(-45deg, #000 0 4px, #fff 4px 8px) !important; }
html[data-theme="mono"] .steps-pass .tick { background: #fff !important; outline: 1.5px solid #000; box-shadow: none !important; }
html[data-theme="mono"] .open-pass { color: #000 !important; border-color: #000 !important; }
html[data-theme="mono"] .mrail-leds i.lit { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #000 !important; }
html[data-theme="mono"] a.step-in, html[data-theme="mono"] a.step-in * { text-decoration: none !important; }
html[data-theme="mono"] a.step-in .step-cta { text-decoration: underline !important; text-underline-offset: .15em; }

html[data-theme="mono"] .mrail .mod .mod-sub { color: #000 !important; }