/* v434: page/header rainbow, with separate light and dark palettes. */
html.for314-rtheme-root,
html.for314-rtheme-root body.for314-rtheme-mode {
  --rtheme-colors:#431d34,#48351b,#203f31,#183c48,#242e54,#3b2455,#431d34;
  --rtheme-surface:rgba(12,17,28,.52);
  --rtheme-border:rgba(223,230,255,.22);
  --rtheme-ink:#eef2f7;
  background:linear-gradient(120deg,var(--rtheme-colors))!important;
  background-size:300% 300%!important;
  animation:for314RainbowThemeTravel 18s ease-in-out infinite!important;
}
html.for314-rtheme-root.for314-rtheme-light,
html.for314-rtheme-root body.for314-rtheme-mode.local-light {
  --rtheme-colors:#ffe1e9,#fff0cd,#ddf3df,#d8f2f7,#e0e8ff,#efddfc,#ffe1e9;
  --rtheme-surface:rgba(255,255,255,.56);
  --rtheme-border:rgba(62,75,108,.18);
  --rtheme-ink:#18202b;
}
html.for314-rtheme-root body.for314-rtheme-mode {color:var(--rtheme-ink)!important}
html.for314-rtheme-root body.for314-rtheme-mode main,
html.for314-rtheme-root body.for314-rtheme-mode .wrap,
html.for314-rtheme-root body.for314-rtheme-mode main .chatlog {
  background:transparent!important;
}
html.for314-rtheme-root body.for314-rtheme-mode main>.chat {
  background:var(--rtheme-surface)!important;
  border-color:var(--rtheme-border)!important;
}
html.for314-rtheme-root body.for314-rtheme-mode>header,
html.for314-rtheme-root body.for314-rtheme-mode.local-light>header,
html.for314-rtheme-root body.for314-rtheme-mode>header .room {
  background:linear-gradient(100deg,var(--rtheme-colors))!important;
  background-size:300% 300%!important;
  animation:for314RainbowThemeTravel 18s ease-in-out infinite!important;
  color:var(--rtheme-ink)!important;
  border-color:var(--rtheme-border)!important;
}
html.for314-rtheme-root body.for314-rtheme-mode:not(.for314-rtxt-mode) main .inputrow {
  background:linear-gradient(100deg,var(--rtheme-colors))!important;
  background-size:300% 300%!important;
  animation:for314RainbowThemeTravel 18s ease-in-out infinite!important;
  border-color:var(--rtheme-border)!important;
}
/* Existing wallpaper settings return when /rtheme is switched off. */
html.for314-rtheme-root body.for314-rtheme-mode #for314WallpaperLayer {visibility:hidden!important;opacity:0!important}
@keyframes for314RainbowThemeTravel {
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(prefers-reduced-motion:reduce) {
  html.for314-rtheme-root,
  html.for314-rtheme-root body.for314-rtheme-mode,
  html.for314-rtheme-root body.for314-rtheme-mode>header,
  html.for314-rtheme-root body.for314-rtheme-mode.local-light>header,
  html.for314-rtheme-root body.for314-rtheme-mode:not(.for314-rtxt-mode) main .inputrow {animation:none!important;background-position:50% 50%!important}
}