/* DARK option — opt-in, per viewer (Austin 2026-10-11 via Killua's letter). Light stays the
   default for everyone. Every rule is scoped to html[data-theme=dark], set by the inline script
   in base.html <head> from localStorage `gvoTheme`. Loaded after chat-scifi.css; html[attr] .x
   out-specifies chat-scifi's bare .x, so !important vs !important resolves here.
   Palette matches Killua's reseller dark (bg #121418, s1 #1b1e24, s2 #242830, ink #ece8df) so
   the two read as one product. Remove the <link> to roll back. */
html[data-theme=dark]{
  color-scheme:dark;
  --bg:#121418; --bg-2:#16191e;
  --s1:#1b1e24; --s2:#242830; --s3:#2a2f38; --well:#16191e;
  --fg:#ece8df; --dim:#b8b3a9; --mute:#a29e95;
  --ink:rgba(236,232,223,.96); --ink-2:rgba(236,232,223,.84); --ink-3:#a29e95;
  --ink-4:rgba(236,232,223,.20); --ink-5:rgba(236,232,223,.07);
  --line:rgba(236,232,223,.18); --line-2:rgba(236,232,223,.30); --edge:rgba(236,232,223,.10);
  --blue:#7aa2ff; --blue-hi:#a3bfff; --blue-lo:#a29e95; --blue-line:rgba(122,162,255,.35);
  --blue-wash:rgba(122,162,255,.08); --blue-dim:rgba(122,162,255,.35);
  --brand:#7aa2ff; --accent:#7aa2ff;
  --red:#7aa2ff; --red-wash:rgba(122,162,255,.08); --red-line:rgba(122,162,255,.25);
  --live:#34d399; --live-mark:#34d399; --good:#34d399; --degrade:#fbbf24; --down:#f87171; --bad:#f87171;
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 1px 3px rgba(0,0,0,.4),0 14px 34px -16px rgba(0,0,0,.6);
  --sh-3:0 24px 56px -20px rgba(0,0,0,.7);
}
html[data-theme=dark],html[data-theme=dark] body{background:#121418!important;background-color:#121418!important;color:#ece8df}
html[data-theme=dark] .rail{background:#16191e!important;background-color:#16191e!important;border-right:1px solid var(--line)}
html[data-theme=dark] .rail .who.on,html[data-theme=dark] .who.on,html[data-theme=dark] #nav a.on{background:#242830!important;background-color:#242830!important;color:#ece8df!important;box-shadow:inset 3px 0 0 #7aa2ff!important}
html[data-theme=dark] .turn.me .bub{background:#242a38!important;background-color:#242a38!important;color:#ece8df;border:1px solid rgba(122,162,255,.28)!important;box-shadow:none}
html[data-theme=dark] .turn:not(.me) .chname{color:#7aa2ff!important}
html[data-theme=dark] .compose{background:#1b1e24!important;background-color:#1b1e24!important;border:1px solid rgba(236,232,223,.20)!important;box-shadow:0 18px 44px -18px rgba(0,0,0,.6)!important}
html[data-theme=dark] .compose textarea{color:#ece8df}
html[data-theme=dark] .chat pre{background:#0c0e11!important;color:#e6ecff}
html[data-theme=dark] .hub-tabbar{background:#16191e!important;background-color:#16191e!important;border-top:1px solid var(--line)!important}
html[data-theme=dark] .hub-tabbar a{color:#b8b3a9!important}
html[data-theme=dark] .hub-tabbar a.on{color:#7aa2ff!important}
html[data-theme=dark] .rail .who.on,html[data-theme=dark] .rail-brand b{color:#ece8df!important}
html[data-theme=dark] .bell,html[data-theme=dark] .navtoggle{color:#ece8df!important;background:#1b1e24!important;background-color:#1b1e24!important;border-color:var(--line)!important}
html[data-theme=dark] .hub-app{color:#ece8df!important}
html[data-theme=dark] .hub-app>header{background:#16191e!important;background-color:#16191e!important;border-color:var(--line)!important}
html[data-theme=dark] .hub-app>header a.brand,html[data-theme=dark] .hub-app>header a.brand b{color:#ece8df!important}
html[data-theme=dark] .hub-app>header small,html[data-theme=dark] .hub-app>header .brand span.hname small{color:#a29e95!important}
html[data-theme=dark] .astate.working{color:#34d399!important;border-color:rgba(52,211,153,.35)!important}
html[data-theme=dark] .astate.down{color:#f87171!important}
html[data-theme=dark] .gflag{color:#fbbf24!important}
html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{color:#ece8df}
html[data-theme=dark] .pill.ahome .ahome-i{background-color:#fff}