/* Font Imports */
@font-face {
  font-family: "bone";
  src: url("../media/nasalization-rg.otf") format("opentype");
}

@font-face {
  font-family: "audi";
  src: url("../media/auditype_extendednormal.ttf") format("truetype");
}

:root {
  --primary-color: #9282fb;
  --secondary-color: #613367;
  --accent-color: #b263a6;
  --bg-2-color: #171527;
  --bg-color: #090810;
  --text-color: #e5e4f2;
  --text-secondary-color: #b0b0b0;
  --text-placeholder-color: #6c6c6c;
  --border-color: #2c2c3f;
  --font-family: "Poppins", sans-serif;
  --font-size: 16px;
  --border-radius: 12px;
  /* --blob-1: var(--primary-color);
  --blob-2: var(--accent-color);
  --blob-3: var(--secondary-color); */
}

/* Light Theme */
body[theme="light"] {
  --primary-color: #a772ca;
  --secondary-color: #a54ae2;
  --accent-color: #ae91ff;
  --bg-2-color: #f8f8f8;
  --bg-color: #ffffff;
  --text-color: #333333;
  --text-secondary-color: #666666;
  --text-placeholder-color: #999999;
  --border-color: #dddddd;
}
/* body[theme="light"] {
  --primary-color: #4a90e2;
  --secondary-color: #00c3ff;
  --accent-color: #23eef5;
  --bg-2-color: #f8f8f8;
  --bg-color: #ffffff;
  --text-color: #333333;
  --text-secondary-color: #666666;
  --text-placeholder-color: #999999;
  --border-color: #dddddd;
} */

body[theme="v6"] {
  --primary-color: rgb(132, 1, 255);
  --secondary-color: #9940ff;
  --accent-color: rgb(132, 1, 255);
  --bg-2-color: rgb(40, 0, 80);
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: rgb(68, 0, 156);
  --border-radius: 15px;

  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  --blob-1: rgb(132, 1, 255);
  --blob-2: rgb(132, 1, 255);
  --blob-3: rgb(132, 1, 255);
}

/* Grey Purple Theme */
body[theme="greypurple"] {
  --primary-color: #2b2b2b;
  --secondary-color: #333333;
  --accent-color: #2a2a2a;
  --bg-2-color: #1a1a1a;
  --bg-color: #2b2b2b;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #444444;
  background: linear-gradient(
    148deg,
    rgba(43, 43, 43, 1) 0%,
    rgba(0, 0, 0, 1) 49%,
    rgba(42, 42, 42, 1) 100%
  );
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  --blob-1: rgb(132, 1, 255);
  --blob-2: rgb(132, 1, 255);
  --blob-3: rgb(132, 1, 255);
}

/* Audi Theme */
body[theme="audi"] {
  --primary-color: #f50537;
  --secondary-color: #242627;
  --accent-color: #f50537;
  --bg-2-color: #480404;
  --bg-color: #242627;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #f50537;
  --font-family: "audi", sans-serif;
}

/* New Theme */
body[theme="new"] {
  --primary-color: #aa09ac;
  --secondary-color: #8700ff;
  --accent-color: #8700ff;
  --bg-2-color: #66026b;
  --bg-color: #8700ff;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #aa09ac;
  --border-radius: 30px;
  background: linear-gradient(
    180deg,
    hsla(256, 100%, 43%, 1) 0%,
    hsla(280, 99%, 50%, 1) 100%
  );
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

/* Pink Theme */
body[theme="pink"] {
  --primary-color: #ff0099;
  --secondary-color: #a84b8c;
  --accent-color: #a23ac2;
  --bg-2-color: #790a57;
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #ff0099;
}

/* Grey Theme */
body[theme="grey"] {
  --primary-color: #444444;
  --secondary-color: #0c0c0c;
  --accent-color: #252525;
  --bg-2-color: #101010;
  --bg-color: #090909;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #292929;
  --border-radius: 20px;
}

/* SSB Theme */
body[theme="ssb"] {
  --primary-color: #00b5cf;
  --secondary-color: #329b8d;
  --accent-color: #008599;
  --bg-2-color: #1f7085;
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #00b5cf;
}

/* Grey Black Theme */
body[theme="greyblack"] {
  --primary-color: #707070;
  --secondary-color: #6a6161;
  --accent-color: #1b1b1b;
  --bg-2-color: #3d3c3c;
  --bg-color: #6a6161;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #707070;
  background: linear-gradient(
    156deg,
    rgba(106, 97, 97, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

/* Ghost Theme */
body[theme="ghost"] {
  --primary-color: #a05555;
  --secondary-color: #613e3e;
  --accent-color: #8d5e3f;
  --bg-2-color: #551717;
  --bg-color: #3f1c1c;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #a05555;
  background: linear-gradient(
    153deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(149, 43, 43, 1) 100%
  );
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

/* Blue Theme */
body[theme="blue"] {
  --primary-color: #2700ff;
  --secondary-color: #2e497c;
  --accent-color: #0058ff;
  --bg-2-color: #19347c;
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #2700ff;
}

/* Bone Theme */
body[theme="bone"] {
  --primary-color: #818181;
  --secondary-color: #252525;
  --accent-color: #383838;
  --bg-2-color: #1a1a1a;
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #494949;
  --font-family: "bone", sans-serif;
}

/* GB Theme */
body[theme="gb"] {
  --primary-color: #22223b;
  --secondary-color: #404357;
  --accent-color: #080b2b;
  --bg-2-color: #5e6283;
  --bg-color: #4a4e69;
  --text-color: #f2e9e4;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #22223b;
}

/* GG Theme */
body[theme="gg"] {
  --primary-color: #5e999b;
  --secondary-color: #2f3e46;
  --accent-color: #48606d;
  --bg-2-color: rgb(38, 56, 61);
  --bg-color: #2f3e46;
  --text-color: #cad2c5;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #5e999b;
}

/* Brown Theme */
body[theme="brown"] {
  --primary-color: #8a817c;
  --secondary-color: #463f3a;
  --accent-color: rgb(49, 49, 49);
  --bg-2-color: #5c5252;
  --bg-color: #463f3a;
  --text-color: #f4f3ee;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #8a817c;
}

/* DG Theme */
body[theme="dg"] {
  --primary-color: #ee6c4d;
  --secondary-color: #293241;
  --accent-color: #f08f77;
  --bg-2-color: #9b5743;
  --bg-color: #293241;
  --text-color: #e0fbfc;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #ee6c4d;
}

/* Moon Theme */
body[theme="moon"] {
  --primary-color: #4a4e69;
  --secondary-color: #22223b;
  --accent-color: #37375f;
  --bg-2-color: #262435;
  --bg-color: #22223b;
  --text-color: #f2e9e4;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #4a4e69;
}

/* Red Theme */
body[theme="red"] {
  --primary-color: #430708;
  --secondary-color: #a4161a;
  --accent-color: #470000;
  --bg-2-color: #8f1212;
  --bg-color: #a4161a;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #660708;
}

/* SBlue Theme */
body[theme="sblue"] {
  --primary-color: #0048b4;
  --secondary-color: #001f54;
  --accent-color: #034078;
  --bg-2-color: #0e2649;
  --bg-color: #001f54;
  --text-color: #fefcfb;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #0048b4;
}

/* Yellow Theme */
/* body[theme="yellow"] {
  --primary-color: #8a8701;
  --secondary-color: #fff248;
  --accent-color: #776f00;
  --bg-2-color: #1a1a1a;
  --bg-color: #fff248;
  --text-color: #000000;
  --text-secondary-color: #333333;
  --text-placeholder-color: #666666;
  --border-color: #8a8701;
  --border-radius: 0px;
} */

/* Mocha Theme */
body[theme="mocha"] {
  --primary-color: #caa6f7;
  --secondary-color: #1e1e2e;
  --accent-color: #a789ca;
  --bg-2-color: #181825;
  --bg-color: #1e1e2e;
  --text-color: #cdd6f4;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #45475a;
  --border-radius: 25px;
}

/* Orange Theme */
body[theme="orange"] {
  --primary-color: #ffa600;
  --secondary-color: #9e773d;
  --accent-color: #b97900;
  --bg-2-color: #432302;
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #ffa600;
}

/* YouTube Dark Theme */
body[theme="youtube-dark"] {
  --primary-color: #af0000;
  --secondary-color: #460101;
  --accent-color: #b90000;
  --bg-2-color: #250404;
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #3b0909;
}

/* body[theme="halloween"] { 
  --primary-color: #f89500;
  --secondary-color: #462e01;
  --accent-color: #b98e00;
  --bg-2-color: #251904;
  --bg-color: #000000;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #3b2909;
}
*/
/* 3kh0 Theme */
body[theme="3kh0"] {
  --primary-color: #22c55e;
  --secondary-color: #121212;
  --accent-color: #1caa50;
  --bg-2-color: #0e331e;
  --bg-color: #121212;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #22c55e;
}

/* Art Class Theme */
body[theme="artclass"] {
  --primary-color: #0284d4;
  --secondary-color: #1a2023;
  --accent-color: #0567a3;
  --bg-2-color: #092a3d;
  --bg-color: #1a2023;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #0284d4;
}

/* Starlight Theme */
body[theme="starlight"] {
  --primary-color: #155e75;
  --secondary-color: #121c22;
  --accent-color: #186d86;
  --bg-2-color: #102b31;
  --bg-color: #121c22;
  --text-color: #ffffff;
  --text-secondary-color: #cccccc;
  --text-placeholder-color: #999999;
  --border-color: #155e75;
  --border-radius: 25px;
}

/* Deep Ocean Bioluminescent Theme */
body[theme="ocean"] {
  --primary-color: #67f3d1;
  --secondary-color: #0e2f3a;
  --accent-color: #6ac7ff;
  --bg-2-color: rgba(8, 33, 43, 0.82);
  --bg-color: #030d13;
  --text-color: #e7fff8;
  --text-secondary-color: #9ed5d2;
  --text-placeholder-color: #5f8c98;
  --border-color: rgba(103, 243, 209, 0.22);
  --border-radius: 24px;
  --blob-1: rgba(59, 235, 192, 0.45);
  --blob-2: rgba(64, 173, 255, 0.4);
  --blob-3: rgba(107, 82, 255, 0.28);
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 20% 18%, rgba(92, 255, 219, 0.1), transparent 20%),
    radial-gradient(circle at 82% 14%, rgba(106, 199, 255, 0.08), transparent 16%),
    radial-gradient(circle at 50% 78%, rgba(38, 110, 150, 0.16), transparent 28%),
    linear-gradient(180deg, #04131b 0%, #031018 35%, #020b10 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="ocean"]::before,
body[theme="ocean"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="ocean"]::before {
  z-index: -2;
  opacity: 0.95;
  background:
    radial-gradient(circle at 15% 24%, rgba(103, 243, 209, 0.12), transparent 14%),
    radial-gradient(circle at 82% 22%, rgba(106, 199, 255, 0.09), transparent 12%),
    radial-gradient(circle at 72% 72%, rgba(155, 118, 255, 0.08), transparent 18%),
    radial-gradient(circle at 30% 80%, rgba(58, 196, 255, 0.08), transparent 16%);
  filter: blur(18px);
}

body[theme="ocean"]::after {
  z-index: -1;
  background:
    radial-gradient(circle at 12% 32%, rgba(103, 243, 209, 0.9) 0 1.4px, transparent 2px),
    radial-gradient(circle at 24% 68%, rgba(91, 234, 255, 0.82) 0 1.1px, transparent 1.8px),
    radial-gradient(circle at 48% 22%, rgba(127, 245, 235, 0.8) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 64% 58%, rgba(106, 199, 255, 0.78) 0 1px, transparent 1.7px),
    radial-gradient(circle at 84% 26%, rgba(103, 243, 209, 0.88) 0 1.35px, transparent 2px),
    radial-gradient(circle at 76% 82%, rgba(137, 118, 255, 0.55) 0 1.1px, transparent 1.8px);
  background-size: 100% 100%;
  opacity: 0.75;
}

body[theme="ocean"] #blobs,
body[theme="ocean"] #particles-js {
  opacity: 0.34;
  filter: saturate(1.25) brightness(0.72) hue-rotate(-10deg);
}

body[theme="ocean"] .navbar,
body[theme="ocean"] .card,
body[theme="ocean"] .section-card,
body[theme="ocean"] .search-container,
body[theme="ocean"] .input,
body[theme="ocean"] .btn,
body[theme="ocean"] .tab,
body[theme="ocean"] .shortcut,
body[theme="ocean"] .navbar-proxy,
body[theme="ocean"] #tab-bar {
  border-color: rgba(103, 243, 209, 0.18) !important;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 28px rgba(54, 196, 186, 0.08);
}

body[theme="ocean"] .btn:hover,
body[theme="ocean"] .shortcut:hover,
body[theme="ocean"] .tab:hover,
body[theme="ocean"] .navbar-link:hover {
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(103, 243, 209, 0.18),
    0 0 26px rgba(106, 199, 255, 0.12);
}

body[theme="ocean"] .footer-version,
body[theme="ocean"] #rng-text,
body[theme="ocean"] h1,
body[theme="ocean"] h2,
body[theme="ocean"] h3 {
  text-shadow:
    0 0 10px rgba(103, 243, 209, 0.12),
    0 0 24px rgba(106, 199, 255, 0.08);
}

.xandersarcade-ocean-scene {
  display: none;
}

body[theme="ocean"] > *:not(.xandersarcade-ocean-scene) {
  position: relative;
  z-index: 1;
}

body[theme="ocean"] .xandersarcade-ocean-scene {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

body[theme="ocean"] .xandersarcade-jellyfish {
  position: absolute;
  --jelly-scale: 1;
  --jelly-color-a: rgba(255, 235, 130, 0.68);
  --jelly-color-b: rgba(186, 120, 255, 0.4);
  --jelly-highlight: rgba(255, 255, 245, 0.7);
  opacity: 0.64;
  filter: drop-shadow(0 10px 28px rgba(166, 103, 255, 0.18));
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

body[theme="ocean"] .xandersarcade-jellyfish.jelly-a {
  left: 8%;
  top: 18%;
  --jelly-scale: 0.92;
  --jelly-color-a: rgba(255, 231, 128, 0.72);
  --jelly-color-b: rgba(179, 103, 255, 0.34);
  animation-name: xandersarcade-jelly-swim-a;
  animation-duration: 24s;
  animation-delay: -6s;
}

body[theme="ocean"] .xandersarcade-jellyfish.jelly-b {
  left: 62%;
  top: 52%;
  --jelly-scale: 1.18;
  --jelly-color-a: rgba(183, 122, 255, 0.62);
  --jelly-color-b: rgba(255, 233, 134, 0.32);
  animation-name: xandersarcade-jelly-swim-b;
  animation-duration: 31s;
  animation-delay: -16s;
  opacity: 0.52;
}

body[theme="ocean"] .xandersarcade-jellyfish.jelly-c {
  left: 20%;
  top: 72%;
  --jelly-scale: 0.72;
  --jelly-color-a: rgba(255, 226, 118, 0.62);
  --jelly-color-b: rgba(154, 108, 255, 0.36);
  animation-name: xandersarcade-jelly-swim-c;
  animation-duration: 20s;
  animation-delay: -9s;
  opacity: 0.45;
}

body[theme="ocean"] .xandersarcade-jelly-bell {
  position: relative;
  width: 92px;
  height: 58px;
  border-radius: 58px 58px 26px 26px / 58px 58px 20px 20px;
  background:
    radial-gradient(circle at 50% 24%, var(--jelly-highlight), transparent 28%),
    radial-gradient(circle at 30% 30%, var(--jelly-color-a), transparent 34%),
    linear-gradient(180deg, var(--jelly-color-a), var(--jelly-color-b));
  border: 1px solid rgba(255, 233, 160, 0.24);
  box-shadow:
    inset 0 -12px 22px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 0 24px rgba(164, 117, 255, 0.16);
  backdrop-filter: blur(4px);
  animation: xandersarcade-jelly-pulse 5.5s ease-in-out infinite;
}

body[theme="ocean"] .xandersarcade-jelly-bell::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 239, 0.2), rgba(92, 49, 129, 0.12));
}

body[theme="ocean"] .xandersarcade-jelly-core {
  position: absolute;
  left: 50%;
  top: 28px;
  width: 30px;
  height: 20px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(255, 248, 188, 0.62), rgba(170, 111, 255, 0.16));
  filter: blur(1px);
}

body[theme="ocean"] .xandersarcade-jelly-tentacles {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: -2px;
}

body[theme="ocean"] .xandersarcade-jelly-tentacles span {
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 233, 137, 0.7), rgba(167, 111, 255, 0.06));
  transform-origin: top center;
  animation: xandersarcade-jelly-sway ease-in-out infinite;
}

body[theme="ocean"] .xandersarcade-jelly-tentacles span:nth-child(1) {
  height: 92px;
  animation-duration: 4.6s;
}

body[theme="ocean"] .xandersarcade-jelly-tentacles span:nth-child(2) {
  height: 112px;
  animation-duration: 5.1s;
  animation-delay: -0.8s;
}

body[theme="ocean"] .xandersarcade-jelly-tentacles span:nth-child(3) {
  height: 84px;
  animation-duration: 4.1s;
  animation-delay: -1.4s;
}

body[theme="ocean"] .xandersarcade-jelly-tentacles span:nth-child(4) {
  height: 124px;
  animation-duration: 5.8s;
  animation-delay: -1s;
}

body[theme="ocean"] .xandersarcade-jelly-tentacles span:nth-child(5) {
  height: 96px;
  animation-duration: 4.9s;
  animation-delay: -0.5s;
}

@keyframes xandersarcade-jelly-swim-a {
  0% {
    transform: translate(0, 0) scale(var(--jelly-scale, 1)) rotate(-3deg);
  }
  18% {
    transform: translate(8vw, -18px) scale(calc(var(--jelly-scale, 1) * 1.02)) rotate(3deg);
  }
  34% {
    transform: translate(18vw, 14px) scale(var(--jelly-scale, 1)) rotate(5deg);
  }
  52% {
    transform: translate(10vw, 24px) scale(calc(var(--jelly-scale, 1) * 0.98)) rotate(-2deg);
  }
  70% {
    transform: translate(-4vw, 8px) scale(var(--jelly-scale, 1)) rotate(-6deg);
  }
  86% {
    transform: translate(5vw, -22px) scale(calc(var(--jelly-scale, 1) * 1.01)) rotate(2deg);
  }
  100% {
    transform: translate(0, 0) scale(var(--jelly-scale, 1)) rotate(-3deg);
  }
}

@keyframes xandersarcade-jelly-swim-b {
  0% {
    transform: translate(0, 0) scale(var(--jelly-scale, 1)) rotate(4deg);
  }
  16% {
    transform: translate(-12vw, -14px) scale(calc(var(--jelly-scale, 1) * 1.03)) rotate(-2deg);
  }
  33% {
    transform: translate(-18vw, 16px) scale(var(--jelly-scale, 1)) rotate(-5deg);
  }
  50% {
    transform: translate(-8vw, 28px) scale(calc(var(--jelly-scale, 1) * 0.97)) rotate(2deg);
  }
  68% {
    transform: translate(6vw, 6px) scale(var(--jelly-scale, 1)) rotate(6deg);
  }
  84% {
    transform: translate(10vw, -20px) scale(calc(var(--jelly-scale, 1) * 1.02)) rotate(1deg);
  }
  100% {
    transform: translate(0, 0) scale(var(--jelly-scale, 1)) rotate(4deg);
  }
}

@keyframes xandersarcade-jelly-swim-c {
  0% {
    transform: translate(0, 0) scale(var(--jelly-scale, 1)) rotate(-5deg);
  }
  20% {
    transform: translate(10vw, -12px) scale(calc(var(--jelly-scale, 1) * 1.02)) rotate(2deg);
  }
  42% {
    transform: translate(18vw, 8px) scale(var(--jelly-scale, 1)) rotate(4deg);
  }
  58% {
    transform: translate(8vw, 20px) scale(calc(var(--jelly-scale, 1) * 0.96)) rotate(-1deg);
  }
  76% {
    transform: translate(-6vw, 10px) scale(var(--jelly-scale, 1)) rotate(-6deg);
  }
  100% {
    transform: translate(0, 0) scale(var(--jelly-scale, 1)) rotate(-5deg);
  }
}

@keyframes xandersarcade-jelly-pulse {
  0%,
  100% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(1.08) scaleX(0.97);
  }
}

@keyframes xandersarcade-jelly-sway {
  0%,
  100% {
    transform: rotate(4deg) translateX(0);
  }
  50% {
    transform: rotate(-8deg) translateX(2px);
  }
}

@media (max-width: 900px) {
  body[theme="ocean"] .xandersarcade-jellyfish.jelly-a {
    --jelly-scale: 0.78;
  }

  body[theme="ocean"] .xandersarcade-jellyfish.jelly-b {
    --jelly-scale: 0.96;
  }

  body[theme="ocean"] .xandersarcade-jellyfish.jelly-c {
    --jelly-scale: 0.62;
  }
}

/* Volcanic Eclipse Theme */
body[theme="volcanic"] {
  --primary-color: #ffb347;
  --secondary-color: #3a1712;
  --accent-color: #ff5c38;
  --bg-2-color: rgba(28, 11, 13, 0.84);
  --bg-color: #090507;
  --text-color: #fff2e2;
  --text-secondary-color: #d3b29d;
  --text-placeholder-color: #906e62;
  --border-color: rgba(255, 146, 77, 0.2);
  --border-radius: 22px;
  --blob-1: rgba(255, 102, 64, 0.38);
  --blob-2: rgba(255, 193, 94, 0.28);
  --blob-3: rgba(120, 26, 26, 0.34);
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 176, 71, 0.08), transparent 18%),
    radial-gradient(circle at 62% 80%, rgba(255, 92, 56, 0.1), transparent 20%),
    linear-gradient(180deg, #0b080d 0%, #14090a 40%, #090507 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="volcanic"]::before,
body[theme="volcanic"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="volcanic"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 173, 65, 0.12), transparent 12%),
    radial-gradient(circle at 58% 68%, rgba(255, 82, 51, 0.12), transparent 22%);
  filter: blur(24px);
}

body[theme="volcanic"]::after {
  z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, rgba(255, 195, 114, 0.25) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 26%, rgba(255, 107, 61, 0.24) 0 1.1px, transparent 2px),
    radial-gradient(circle at 46% 70%, rgba(255, 210, 140, 0.18) 0 0.9px, transparent 1.8px);
  opacity: 0.36;
}

body[theme="volcanic"] > *:not(.xandersarcade-volcanic-scene) {
  position: relative;
  z-index: 1;
}

body[theme="volcanic"] #blobs,
body[theme="volcanic"] #particles-js {
  opacity: 0.26;
  filter: saturate(1.35) brightness(0.62) hue-rotate(-18deg);
}

body[theme="volcanic"] .navbar,
body[theme="volcanic"] .card,
body[theme="volcanic"] .section-card,
body[theme="volcanic"] .search-container,
body[theme="volcanic"] .input,
body[theme="volcanic"] .btn,
body[theme="volcanic"] .tab,
body[theme="volcanic"] .shortcut,
body[theme="volcanic"] .navbar-proxy,
body[theme="volcanic"] #tab-bar {
  border-color: rgba(255, 146, 77, 0.2) !important;
  box-shadow:
    0 20px 46px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 235, 215, 0.04),
    0 0 28px rgba(255, 92, 56, 0.08);
}

body[theme="volcanic"] .btn:hover,
body[theme="volcanic"] .shortcut:hover,
body[theme="volcanic"] .tab:hover,
body[theme="volcanic"] .navbar-link:hover {
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(255, 179, 71, 0.14),
    0 0 24px rgba(255, 92, 56, 0.16);
}

body[theme="volcanic"] .footer-version,
body[theme="volcanic"] #rng-text,
body[theme="volcanic"] h1,
body[theme="volcanic"] h2,
body[theme="volcanic"] h3 {
  text-shadow:
    0 0 12px rgba(255, 179, 71, 0.16),
    0 0 30px rgba(255, 92, 56, 0.12);
}

.xandersarcade-volcanic-scene {
  display: none;
}

body[theme="volcanic"] .xandersarcade-volcanic-scene {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

body[theme="volcanic"] .xandersarcade-eclipse-halo {
  position: absolute;
  top: 7%;
  left: 50%;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle, rgba(255, 194, 104, 0.9) 0 34%, rgba(255, 120, 56, 0.34) 44%, transparent 64%),
    radial-gradient(circle, transparent 0 39%, rgba(255, 200, 115, 0.2) 40%, transparent 66%);
  filter: blur(8px);
  opacity: 0.75;
  animation: xandersarcade-eclipse-pulse 7s ease-in-out infinite;
}

body[theme="volcanic"] .xandersarcade-eclipse-core {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 35% 35%, rgba(72, 27, 20, 0.35), transparent 22%),
    radial-gradient(circle, #0a0708 0 62%, rgba(17, 9, 10, 0.95) 100%);
  box-shadow:
    0 0 0 18px rgba(255, 172, 90, 0.05),
    0 0 46px rgba(255, 110, 54, 0.16);
}

body[theme="volcanic"] .xandersarcade-ash-layer {
  position: absolute;
  inset: -10%;
  opacity: 0.28;
  background-image:
    radial-gradient(circle, rgba(255, 191, 120, 0.9) 0 1.2px, transparent 1.8px),
    radial-gradient(circle, rgba(255, 103, 64, 0.8) 0 1px, transparent 1.6px);
}

body[theme="volcanic"] .xandersarcade-ash-layer.ash-a {
  background-size: 220px 220px, 170px 170px;
  background-position: 0 0, 80px 100px;
  animation: xandersarcade-ash-rise-a 16s linear infinite;
}

body[theme="volcanic"] .xandersarcade-ash-layer.ash-b {
  background-size: 170px 170px, 240px 240px;
  background-position: 40px 80px, 120px 0;
  opacity: 0.18;
  animation: xandersarcade-ash-rise-b 20s linear infinite;
}

body[theme="volcanic"] .xandersarcade-volcano {
  position: absolute;
  right: 5%;
  bottom: -2%;
  width: 220px;
  height: 230px;
}

body[theme="volcanic"] .xandersarcade-volcano-cone {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 220px;
  height: 180px;
  clip-path: polygon(18% 100%, 50% 12%, 82% 100%);
  background:
    linear-gradient(180deg, rgba(88, 35, 28, 0.95), rgba(16, 7, 8, 0.98));
  box-shadow:
    inset -36px -20px 40px rgba(0, 0, 0, 0.34),
    inset 24px 8px 18px rgba(255, 130, 82, 0.08);
}

body[theme="volcanic"] .xandersarcade-volcano-crater {
  position: absolute;
  top: 40px;
  left: 74px;
  width: 72px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(29, 9, 9, 0.9), rgba(255, 84, 37, 0.28));
  box-shadow: 0 0 16px rgba(255, 112, 52, 0.2);
}

body[theme="volcanic"] .xandersarcade-volcano-lava {
  position: absolute;
  top: 53px;
  left: 101px;
  width: 16px;
  height: 110px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 228, 144, 0.95), rgba(255, 106, 52, 0.8) 35%, rgba(255, 72, 38, 0.08));
  filter: blur(0.5px);
  box-shadow: 0 0 18px rgba(255, 143, 74, 0.24);
  animation: xandersarcade-lava-flow 3.2s ease-in-out infinite;
}

body[theme="volcanic"] .xandersarcade-volcano-plume {
  position: absolute;
  left: 48px;
  top: -12px;
  width: 124px;
  height: 148px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span {
  position: absolute;
  bottom: 0;
  left: 50%;
  --erupt-x: -32px;
  --erupt-peak-y: -132px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 238, 173, 0.95), rgba(255, 126, 62, 0.92) 55%, rgba(255, 110, 56, 0.04));
  box-shadow: 0 0 14px rgba(255, 120, 56, 0.28);
  animation: xandersarcade-erupt-rain 2.9s ease-out infinite;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(2) {
  --erupt-x: -58px;
  --erupt-peak-y: -148px;
  animation-delay: -0.22s;
  width: 8px;
  height: 8px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(3) {
  --erupt-x: -18px;
  --erupt-peak-y: -120px;
  animation-delay: -0.46s;
  width: 12px;
  height: 12px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(4) {
  --erupt-x: -72px;
  --erupt-peak-y: -138px;
  animation-delay: -0.7s;
  width: 7px;
  height: 7px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(5) {
  --erupt-x: 8px;
  --erupt-peak-y: -126px;
  animation-delay: -0.94s;
  width: 10px;
  height: 10px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(6) {
  --erupt-x: 24px;
  --erupt-peak-y: -142px;
  animation-delay: -1.18s;
  width: 14px;
  height: 14px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(7) {
  --erupt-x: 42px;
  --erupt-peak-y: -116px;
  animation-delay: -1.38s;
  width: 9px;
  height: 9px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(8) {
  --erupt-x: 58px;
  --erupt-peak-y: -152px;
  animation-delay: -1.62s;
  width: 8px;
  height: 8px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(9) {
  --erupt-x: -40px;
  --erupt-peak-y: -110px;
  animation-delay: -1.84s;
  width: 6px;
  height: 6px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(10) {
  --erupt-x: -4px;
  --erupt-peak-y: -156px;
  animation-delay: -2.08s;
  width: 11px;
  height: 11px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(11) {
  --erupt-x: 34px;
  --erupt-peak-y: -132px;
  animation-delay: -2.32s;
  width: 7px;
  height: 7px;
}

body[theme="volcanic"] .xandersarcade-volcano-plume span:nth-child(12) {
  --erupt-x: 70px;
  --erupt-peak-y: -122px;
  animation-delay: -2.56s;
  width: 6px;
  height: 6px;
}

@keyframes xandersarcade-eclipse-pulse {
  0%,
  100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.72;
  }
  50% {
    transform: translateX(-50%) scale(1.08);
    opacity: 0.9;
  }
}

@keyframes xandersarcade-ash-rise-a {
  from {
    transform: translate3d(0, 14%, 0);
  }
  to {
    transform: translate3d(-4%, -12%, 0);
  }
}

@keyframes xandersarcade-ash-rise-b {
  from {
    transform: translate3d(0, 10%, 0);
  }
  to {
    transform: translate3d(5%, -14%, 0);
  }
}

@keyframes xandersarcade-lava-flow {
  0%,
  100% {
    opacity: 0.82;
    transform: scaleY(1);
  }
  50% {
    opacity: 1;
    transform: scaleY(1.08);
  }
}

@keyframes xandersarcade-erupt-rain {
  0% {
    transform: translate(-3px, 0) scale(0.45);
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  42% {
    transform: translate(calc(var(--erupt-x) * 0.35), calc(var(--erupt-peak-y) * 0.65)) scale(0.95);
    opacity: 0.96;
  }
  66% {
    transform: translate(var(--erupt-x), var(--erupt-peak-y)) scale(1.04);
    opacity: 0.92;
  }
  100% {
    transform: translate(calc(var(--erupt-x) * 1.45), 136px) scale(0.85);
    opacity: 0;
  }
}

/* Haunted Forest Theme */
body[theme="forest"] {
  --primary-color: #7fa36b;
  --secondary-color: #0f1511;
  --accent-color: #a0c787;
  --bg-2-color: rgba(10, 16, 12, 0.84);
  --bg-color: #060a07;
  --text-color: #eef7ea;
  --text-secondary-color: #9dae9d;
  --text-placeholder-color: #66776d;
  --border-color: rgba(127, 163, 107, 0.18);
  --border-radius: 22px;
  --blob-1: rgba(93, 123, 92, 0.2);
  --blob-2: rgba(43, 58, 47, 0.24);
  --blob-3: rgba(122, 145, 88, 0.16);
  background:
    radial-gradient(circle at 50% 16%, rgba(190, 224, 174, 0.05), transparent 14%),
    linear-gradient(180deg, #0a0f0b 0%, #060a07 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="forest"]::before,
body[theme="forest"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="forest"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 20% 28%, rgba(127, 163, 107, 0.08), transparent 16%),
    radial-gradient(circle at 82% 24%, rgba(160, 199, 135, 0.06), transparent 18%);
  filter: blur(26px);
}

body[theme="forest"]::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(6, 10, 7, 0), rgba(6, 10, 7, 0.4) 60%, rgba(6, 10, 7, 0.82));
}

body[theme="forest"] > *:not(.xandersarcade-forest-scene) {
  position: relative;
  z-index: 1;
}

body[theme="forest"] #blobs,
body[theme="forest"] #particles-js {
  opacity: 0.2;
  filter: saturate(0.78) brightness(0.48);
}

body[theme="forest"] .navbar,
body[theme="forest"] .card,
body[theme="forest"] .section-card,
body[theme="forest"] .search-container,
body[theme="forest"] .input,
body[theme="forest"] .btn,
body[theme="forest"] .tab,
body[theme="forest"] .shortcut,
body[theme="forest"] .navbar-proxy,
body[theme="forest"] #tab-bar {
  border-color: rgba(127, 163, 107, 0.18) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(232, 246, 225, 0.04);
}

body[theme="forest"] .btn:hover,
body[theme="forest"] .shortcut:hover,
body[theme="forest"] .tab:hover,
body[theme="forest"] .navbar-link:hover {
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(160, 199, 135, 0.12),
    0 0 24px rgba(127, 163, 107, 0.08);
}

body[theme="forest"] .footer-version,
body[theme="forest"] #rng-text,
body[theme="forest"] h1,
body[theme="forest"] h2,
body[theme="forest"] h3 {
  text-shadow: 0 0 14px rgba(160, 199, 135, 0.08);
}

.xandersarcade-forest-scene {
  display: none;
}

body[theme="forest"] .xandersarcade-forest-scene {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

body[theme="forest"] .xandersarcade-forest-fog {
  position: absolute;
  inset: auto -10% -6% -10%;
  height: 48%;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(179, 201, 163, 0.12), transparent 56%);
  filter: blur(28px);
  opacity: 0.34;
}

body[theme="forest"] .xandersarcade-forest-fog.fog-a {
  animation: xandersarcade-fog-drift-a 18s ease-in-out infinite;
}

body[theme="forest"] .xandersarcade-forest-fog.fog-b {
  opacity: 0.2;
  animation: xandersarcade-fog-drift-b 24s ease-in-out infinite;
}

body[theme="forest"] .xandersarcade-forest-scene::before,
body[theme="forest"] .xandersarcade-forest-scene::after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -4%;
  border-radius: 50%;
  pointer-events: none;
}

body[theme="forest"] .xandersarcade-forest-scene::before {
  height: 34%;
  background:
    radial-gradient(circle at 50% 50%, rgba(196, 215, 180, 0.14), transparent 58%);
  filter: blur(26px);
  opacity: 0.42;
  animation: xandersarcade-ground-fog-a 18s ease-in-out infinite;
}

body[theme="forest"] .xandersarcade-forest-scene::after {
  height: 24%;
  background:
    radial-gradient(circle at 50% 50%, rgba(172, 196, 160, 0.18), transparent 62%);
  filter: blur(18px);
  opacity: 0.34;
  animation: xandersarcade-ground-fog-b 24s ease-in-out infinite;
}

body[theme="forest"] .xandersarcade-dead-tree {
  position: absolute;
  bottom: -3%;
  width: 46px;
  height: 52vh;
  background:
    linear-gradient(180deg, #141816 0%, #050605 60%, #020302 100%);
  border-radius: 22px 22px 4px 4px;
  opacity: 0.9;
  box-shadow:
    inset 6px 0 0 rgba(57, 63, 58, 0.28),
    inset -8px 0 0 rgba(0, 0, 0, 0.28);
}

body[theme="forest"] .xandersarcade-dead-tree::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -44px;
  width: 26px;
  height: 74px;
  transform: translateX(-50%);
  border-radius: 18px 18px 0 0;
  background:
    linear-gradient(180deg, #151a17, #040504);
  box-shadow:
    inset 4px 0 0 rgba(65, 70, 66, 0.24),
    inset -4px 0 0 rgba(0, 0, 0, 0.3);
}

body[theme="forest"] .xandersarcade-dead-tree::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 92px;
  height: 26px;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(14, 18, 14, 0.95), rgba(4, 5, 4, 0));
  clip-path: polygon(0 100%, 16% 70%, 26% 100%, 40% 64%, 54% 100%, 72% 68%, 84% 100%, 100% 78%, 100% 100%);
  opacity: 0.9;
}

body[theme="forest"] .xandersarcade-dead-tree.tree-left {
  left: 16%;
}

body[theme="forest"] .xandersarcade-dead-tree.tree-right {
  right: 16%;
  transform: scaleX(-1);
}

body[theme="forest"] .xandersarcade-dead-tree .branch {
  position: absolute;
  left: 50%;
  top: 12%;
  width: 132px;
  height: 10px;
  transform-origin: left center;
  background:
    linear-gradient(90deg, #020302, #171b18);
  border-radius: 999px;
}

body[theme="forest"] .xandersarcade-dead-tree .branch::after {
  content: "";
  position: absolute;
  right: 10px;
  top: -2px;
  width: 48px;
  height: 6px;
  border-radius: 999px;
  background: #0c100d;
  transform-origin: left center;
  transform: rotate(-38deg);
}

body[theme="forest"] .xandersarcade-dead-tree .branch::before {
  content: "";
  position: absolute;
  right: 28px;
  top: 5px;
  width: 34px;
  height: 5px;
  border-radius: 999px;
  background: #121714;
  transform-origin: left center;
  transform: rotate(26deg);
}

body[theme="forest"] .xandersarcade-dead-tree .branch.b1 {
  width: 152px;
  transform: rotate(-34deg);
}

body[theme="forest"] .xandersarcade-dead-tree .branch.b2 {
  top: 24%;
  width: 168px;
  transform: rotate(12deg);
}

body[theme="forest"] .xandersarcade-dead-tree .branch.b3 {
  top: 40%;
  width: 146px;
  transform: rotate(-18deg);
}

body[theme="forest"] .xandersarcade-dead-tree .branch.b4 {
  top: 56%;
  width: 158px;
  transform: rotate(28deg);
}

body[theme="forest"] .xandersarcade-fireflies span {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(216, 241, 168, 0.92);
  box-shadow: 0 0 12px rgba(216, 241, 168, 0.34);
  animation: xandersarcade-firefly 9s ease-in-out infinite;
}

body[theme="forest"] .xandersarcade-fireflies span:nth-child(1) {
  left: 28%;
  top: 36%;
  animation-delay: -1s;
}

body[theme="forest"] .xandersarcade-fireflies span:nth-child(2) {
  left: 74%;
  top: 32%;
  animation-delay: -4s;
}

body[theme="forest"] .xandersarcade-fireflies span:nth-child(3) {
  left: 18%;
  top: 56%;
  animation-delay: -6s;
}

body[theme="forest"] .xandersarcade-fireflies span:nth-child(4) {
  left: 82%;
  top: 58%;
  animation-delay: -2s;
}

body[theme="forest"] .xandersarcade-fireflies span:nth-child(5) {
  left: 48%;
  top: 40%;
  animation-delay: -3.5s;
}

body[theme="forest"] .xandersarcade-fireflies span:nth-child(6) {
  left: 56%;
  top: 66%;
  animation-delay: -7s;
}

@keyframes xandersarcade-fog-drift-a {
  0%,
  100% {
    transform: translateX(-6%);
  }
  50% {
    transform: translateX(4%);
  }
}

@keyframes xandersarcade-fog-drift-b {
  0%,
  100% {
    transform: translateX(5%);
  }
  50% {
    transform: translateX(-4%);
  }
}

@keyframes xandersarcade-ground-fog-a {
  0%,
  100% {
    transform: translateX(-3%) scaleX(1);
  }
  50% {
    transform: translateX(3%) scaleX(1.06);
  }
}

@keyframes xandersarcade-ground-fog-b {
  0%,
  100% {
    transform: translateX(4%) scaleX(1.04);
  }
  50% {
    transform: translateX(-4%) scaleX(0.98);
  }
}

@keyframes xandersarcade-firefly {
  0%,
  100% {
    transform: translate(0, 0) scale(0.9);
    opacity: 0.32;
  }
  30% {
    transform: translate(14px, -10px) scale(1.1);
    opacity: 0.9;
  }
  55% {
    transform: translate(-8px, 10px) scale(0.95);
    opacity: 0.5;
  }
  80% {
    transform: translate(10px, -6px) scale(1.05);
    opacity: 0.82;
  }
}

@media (max-width: 900px) {
  body[theme="volcanic"] .xandersarcade-eclipse-halo {
    width: 180px;
    height: 180px;
  }

  body[theme="volcanic"] .xandersarcade-eclipse-core {
    width: 104px;
    height: 104px;
  }

  body[theme="volcanic"] .xandersarcade-volcano {
    right: -2%;
    bottom: -4%;
    transform: scale(0.82);
  }

  body[theme="forest"] .xandersarcade-dead-tree.tree-left {
    left: 8%;
  }

  body[theme="forest"] .xandersarcade-dead-tree.tree-right {
    right: 8%;
  }

  body[theme="forest"] .xandersarcade-dead-tree {
    transform: scale(0.82);
    transform-origin: bottom center;
  }

  body[theme="forest"] .xandersarcade-dead-tree.tree-right {
    transform: scale(0.82) scaleX(-1);
  }
}

/* Campfire Theme */
body[theme="campfire"] {
  --primary-color: #ffb15d;
  --secondary-color: #2a160f;
  --accent-color: #ff7a3d;
  --bg-2-color: rgba(22, 11, 8, 0.84);
  --bg-color: #0b0605;
  --text-color: #fff1e4;
  --text-secondary-color: #d7b59e;
  --text-placeholder-color: #8f6b5b;
  --border-color: rgba(255, 160, 97, 0.2);
  --border-radius: 22px;
  --blob-1: rgba(255, 134, 56, 0.34);
  --blob-2: rgba(255, 187, 98, 0.2);
  --blob-3: rgba(98, 34, 15, 0.32);
  background:
    radial-gradient(circle at 50% 62%, rgba(255, 145, 77, 0.14), transparent 18%),
    radial-gradient(circle at 50% 92%, rgba(255, 187, 98, 0.08), transparent 24%),
    linear-gradient(180deg, #140a08 0%, #0b0605 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="campfire"]::before,
body[theme="campfire"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="campfire"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 50% 58%, rgba(255, 166, 87, 0.12), transparent 14%),
    radial-gradient(circle at 50% 84%, rgba(255, 114, 61, 0.08), transparent 24%);
  filter: blur(28px);
}

body[theme="campfire"]::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(11, 6, 5, 0.1), rgba(11, 6, 5, 0.34) 48%, rgba(11, 6, 5, 0.82)),
    radial-gradient(circle at 50% 74%, rgba(255, 162, 86, 0.06), transparent 16%);
}

body[theme="campfire"] > *:not(.xandersarcade-campfire-scene) {
  position: relative;
  z-index: 1;
}

body[theme="campfire"] #blobs,
body[theme="campfire"] #particles-js {
  opacity: 0.18;
  filter: saturate(1.2) brightness(0.55) hue-rotate(-24deg);
}

body[theme="campfire"] .navbar,
body[theme="campfire"] .card,
body[theme="campfire"] .section-card,
body[theme="campfire"] .search-container,
body[theme="campfire"] .input,
body[theme="campfire"] .btn,
body[theme="campfire"] .tab,
body[theme="campfire"] .shortcut,
body[theme="campfire"] .navbar-proxy,
body[theme="campfire"] #tab-bar {
  border-color: rgba(255, 162, 94, 0.18) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 236, 218, 0.04),
    0 0 24px rgba(255, 122, 61, 0.08);
}

body[theme="campfire"] .btn:hover,
body[theme="campfire"] .shortcut:hover,
body[theme="campfire"] .tab:hover,
body[theme="campfire"] .navbar-link:hover {
  box-shadow:
    0 22px 46px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(255, 177, 93, 0.12),
    0 0 24px rgba(255, 122, 61, 0.14);
}

body[theme="campfire"] .footer-version,
body[theme="campfire"] #rng-text,
body[theme="campfire"] h1,
body[theme="campfire"] h2,
body[theme="campfire"] h3 {
  text-shadow:
    0 0 12px rgba(255, 177, 93, 0.16),
    0 0 28px rgba(255, 122, 61, 0.12);
}

body[theme="campfire"] .xandersarcade-credit {
  opacity: 0.88 !important;
}

.xandersarcade-campfire-scene {
  display: none;
}

body[theme="campfire"] .xandersarcade-campfire-scene {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

body[theme="campfire"] .xandersarcade-campfire-glow {
  position: absolute;
  left: 50%;
  top: 54%;
  width: 340px;
  height: 220px;
  transform: translateX(-50%);
  background:
    radial-gradient(circle, rgba(255, 170, 84, 0.42), rgba(255, 111, 51, 0.14) 42%, transparent 72%);
  filter: blur(24px);
  opacity: 0.82;
  animation: xandersarcade-fire-glow 4.8s ease-in-out infinite;
}

body[theme="campfire"] .xandersarcade-campfire {
  position: absolute;
  left: 50%;
  top: 58%;
  width: 260px;
  height: 220px;
  transform: translateX(-50%);
}

body[theme="campfire"] .xandersarcade-fire-shadow {
  position: absolute;
  left: 50%;
  bottom: 22px;
  width: 180px;
  height: 34px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 147, 63, 0.34), rgba(0, 0, 0, 0) 72%);
  filter: blur(8px);
}

body[theme="campfire"] .xandersarcade-fire-core {
  position: absolute;
  left: 50%;
  bottom: 54px;
  width: 62px;
  height: 86px;
  transform: translateX(-50%);
  border-radius: 50% 50% 45% 45%;
  background:
    radial-gradient(circle at 50% 28%, rgba(255, 248, 195, 0.95), rgba(255, 197, 106, 0.92) 34%, rgba(255, 116, 48, 0.6) 64%, transparent 78%);
  filter: blur(1px);
  animation: xandersarcade-fire-flicker-core 2.2s ease-in-out infinite;
}

body[theme="campfire"] .xandersarcade-flame {
  position: absolute;
  bottom: 44px;
  left: 50%;
  border-radius: 55% 55% 38% 38%;
  transform-origin: bottom center;
  filter: drop-shadow(0 0 20px rgba(255, 117, 49, 0.18));
}

body[theme="campfire"] .xandersarcade-flame.flame-a {
  width: 94px;
  height: 118px;
  margin-left: -47px;
  background:
    radial-gradient(circle at 50% 26%, rgba(255, 251, 213, 0.92), rgba(255, 181, 83, 0.92) 34%, rgba(255, 98, 43, 0.72) 68%, transparent 84%);
  animation: xandersarcade-fire-flicker-a 2.4s ease-in-out infinite;
}

body[theme="campfire"] .xandersarcade-flame.flame-b {
  width: 72px;
  height: 104px;
  margin-left: -58px;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 229, 165, 0.88), rgba(255, 140, 61, 0.72) 44%, transparent 80%);
  animation: xandersarcade-fire-flicker-b 1.9s ease-in-out infinite;
}

body[theme="campfire"] .xandersarcade-flame.flame-c {
  width: 68px;
  height: 94px;
  margin-left: -6px;
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 235, 173, 0.84), rgba(255, 122, 61, 0.68) 48%, transparent 82%);
  animation: xandersarcade-fire-flicker-c 2.1s ease-in-out infinite;
}

body[theme="campfire"] .xandersarcade-log {
  position: absolute;
  bottom: 18px;
  left: 50%;
  width: 104px;
  height: 24px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(129, 82, 49, 0.95), rgba(67, 38, 21, 0.98));
  box-shadow:
    inset 0 2px 0 rgba(255, 191, 141, 0.12),
    inset 0 -4px 0 rgba(0, 0, 0, 0.24),
    0 10px 20px rgba(0, 0, 0, 0.28);
}

body[theme="campfire"] .xandersarcade-log::before,
body[theme="campfire"] .xandersarcade-log::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 12px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(184, 133, 94, 0.7), rgba(85, 53, 31, 0.96));
}

body[theme="campfire"] .xandersarcade-log::before {
  left: 6px;
}

body[theme="campfire"] .xandersarcade-log::after {
  right: 6px;
}

body[theme="campfire"] .xandersarcade-log.log-a {
  margin-left: -82px;
  transform: rotate(26deg) translateZ(0);
}

body[theme="campfire"] .xandersarcade-log.log-b {
  margin-left: -20px;
  transform: rotate(-24deg) translateZ(0);
}

body[theme="campfire"] .xandersarcade-log.log-c {
  width: 88px;
  margin-left: -96px;
  bottom: 30px;
  transform: rotate(-12deg) translateZ(0);
  opacity: 0.96;
}

body[theme="campfire"] .xandersarcade-log.log-d {
  width: 86px;
  margin-left: 8px;
  bottom: 28px;
  transform: rotate(14deg) translateZ(0);
  opacity: 0.96;
}

body[theme="campfire"] .xandersarcade-campfire-embers span {
  position: absolute;
  left: 50%;
  top: 58%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 229, 166, 0.95), rgba(255, 115, 53, 0.8) 58%, transparent 74%);
  box-shadow: 0 0 10px rgba(255, 150, 69, 0.26);
  animation: xandersarcade-ember-rise 4.2s ease-out infinite;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(1) {
  --ember-x: -16px;
  --ember-drift: -44px;
  animation-delay: -0.3s;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(2) {
  --ember-x: 12px;
  --ember-drift: 36px;
  animation-delay: -0.8s;
  width: 5px;
  height: 5px;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(3) {
  --ember-x: -28px;
  --ember-drift: -22px;
  animation-delay: -1.2s;
  width: 4px;
  height: 4px;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(4) {
  --ember-x: 22px;
  --ember-drift: 48px;
  animation-delay: -1.6s;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(5) {
  --ember-x: -6px;
  --ember-drift: 20px;
  animation-delay: -2.1s;
  width: 7px;
  height: 7px;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(6) {
  --ember-x: 34px;
  --ember-drift: 18px;
  animation-delay: -2.5s;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(7) {
  --ember-x: -34px;
  --ember-drift: -38px;
  animation-delay: -2.9s;
  width: 4px;
  height: 4px;
}

body[theme="campfire"] .xandersarcade-campfire-embers span:nth-child(8) {
  --ember-x: 0px;
  --ember-drift: -10px;
  animation-delay: -3.4s;
  width: 5px;
  height: 5px;
}

@keyframes xandersarcade-fire-glow {
  0%,
  100% {
    transform: translateX(-50%) scale(0.98);
    opacity: 0.76;
  }
  50% {
    transform: translateX(-50%) scale(1.06);
    opacity: 0.9;
  }
}

@keyframes xandersarcade-fire-flicker-core {
  0%,
  100% {
    transform: translateX(-50%) scale(1, 1);
  }
  50% {
    transform: translateX(-50%) scale(1.08, 0.92);
  }
}

@keyframes xandersarcade-fire-flicker-a {
  0%,
  100% {
    transform: translateY(0) scale(1, 1) rotate(-1deg);
  }
  50% {
    transform: translateY(-10px) scale(0.96, 1.08) rotate(3deg);
  }
}

@keyframes xandersarcade-fire-flicker-b {
  0%,
  100% {
    transform: translateY(0) scale(1, 1) rotate(-8deg);
  }
  50% {
    transform: translateY(-8px) scale(0.9, 1.08) rotate(-2deg);
  }
}

@keyframes xandersarcade-fire-flicker-c {
  0%,
  100% {
    transform: translateY(0) scale(1, 1) rotate(8deg);
  }
  50% {
    transform: translateY(-6px) scale(0.92, 1.06) rotate(2deg);
  }
}

@keyframes xandersarcade-ember-rise {
  0% {
    transform: translate(var(--ember-x), 0) scale(0.6);
    opacity: 0;
  }
  14% {
    opacity: 1;
  }
  100% {
    transform: translate(calc(var(--ember-x) + var(--ember-drift)), -180px) scale(1.18);
    opacity: 0;
  }
}

@media (max-width: 900px) {
  body[theme="campfire"] .xandersarcade-campfire {
    top: 60%;
    transform: translateX(-50%) scale(0.84);
  }

  body[theme="campfire"] .xandersarcade-campfire-glow {
    top: 56%;
    width: 280px;
    height: 180px;
  }

  body[theme="campfire"] .xandersarcade-credit {
    width: min(calc(100vw - 20px), 560px);
  }
}

/* Hacker Theme */
body[theme="hacker"] {
  --primary-color: #66ff9c;
  --secondary-color: #0a2211;
  --accent-color: #28d764;
  --bg-2-color: rgba(6, 20, 10, 0.84);
  --bg-color: #030a05;
  --text-color: #dfffe8;
  --text-secondary-color: #8dc89e;
  --text-placeholder-color: #5f8a6b;
  --border-color: rgba(95, 169, 114, 0.22);
  --border-radius: 20px;
  --blob-1: rgba(76, 255, 151, 0.16);
  --blob-2: rgba(38, 168, 84, 0.12);
  --blob-3: rgba(9, 38, 17, 0.2);
  background:
    radial-gradient(circle at 20% 18%, rgba(93, 204, 118, 0.2), transparent 24%),
    linear-gradient(135deg, #163f20 0%, #08140b 56%, #030805 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="hacker"]::before,
body[theme="hacker"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="hacker"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 18% 14%, rgba(94, 255, 146, 0.16), transparent 18%),
    radial-gradient(circle at 84% 84%, rgba(0, 0, 0, 0.48), transparent 28%);
  filter: blur(26px);
}

body[theme="hacker"]::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(3, 8, 5, 0.06), rgba(3, 8, 5, 0.3) 52%, rgba(3, 8, 5, 0.82)),
    radial-gradient(circle at 72% 70%, rgba(21, 61, 31, 0.24), transparent 24%);
}

body[theme="hacker"] > *:not(.xandersarcade-hacker-scene) {
  position: relative;
  z-index: 1;
}

body[theme="hacker"] #blobs,
body[theme="hacker"] #particles-js {
  opacity: 0.1;
  filter: saturate(0.7) brightness(0.42) hue-rotate(56deg);
}

body[theme="hacker"] .navbar,
body[theme="hacker"] .card,
body[theme="hacker"] .section-card,
body[theme="hacker"] .search-container,
body[theme="hacker"] .input,
body[theme="hacker"] .btn,
body[theme="hacker"] .tab,
body[theme="hacker"] .shortcut,
body[theme="hacker"] .navbar-proxy,
body[theme="hacker"] #tab-bar {
  border-color: rgba(98, 255, 158, 0.18) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(221, 255, 230, 0.04),
    0 0 28px rgba(40, 215, 100, 0.08);
}

body[theme="hacker"] .btn:hover,
body[theme="hacker"] .shortcut:hover,
body[theme="hacker"] .tab:hover,
body[theme="hacker"] .navbar-link:hover {
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(102, 255, 156, 0.16),
    0 0 24px rgba(40, 215, 100, 0.12);
}

body[theme="hacker"] .footer-version,
body[theme="hacker"] #rng-text,
body[theme="hacker"] h1,
body[theme="hacker"] h2,
body[theme="hacker"] h3 {
  text-shadow:
    0 0 12px rgba(96, 255, 152, 0.12),
    0 0 30px rgba(40, 215, 100, 0.08);
}

.xandersarcade-hacker-scene {
  display: none;
}

body[theme="hacker"] .xandersarcade-hacker-scene {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

body[theme="hacker"] .xandersarcade-hacker-grid {
  position: absolute;
  left: 50%;
  top: 55%;
  width: 180vw;
  height: 180vh;
  transform-origin: center;
  transform: translate(-48%, -40%) perspective(1200px) rotateX(74deg) rotateZ(-45deg);
  background-image:
    linear-gradient(rgba(205, 214, 209, 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgba(205, 214, 209, 0.18) 1px, transparent 1px);
  background-size: 74px 74px;
  opacity: 0.48;
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 16%, #000 38%, #000 82%, transparent 100%);
  animation: xandersarcade-hacker-grid-shift 9s linear infinite;
}

body[theme="hacker"] .xandersarcade-hacker-grid.glow-grid {
  background-image:
    linear-gradient(rgba(143, 255, 179, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143, 255, 179, 0.12) 1px, transparent 1px);
  filter: blur(2px);
  opacity: 0.34;
  animation-duration: 12s;
}

body[theme="hacker"] .xandersarcade-binary-rain {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
}

body[theme="hacker"] .xandersarcade-binary-column {
  position: absolute;
  top: -110%;
  display: block;
  color: rgba(118, 255, 165, 0.44);
  font-family: "Courier New", monospace;
  font-size: 0.72rem;
  line-height: 1.06;
  letter-spacing: 0.1em;
  white-space: nowrap;
  text-shadow:
    0 0 8px rgba(80, 255, 141, 0.12),
    0 0 18px rgba(80, 255, 141, 0.08);
  user-select: none;
  mix-blend-mode: screen;
  animation: xandersarcade-binary-rain 13s linear infinite;
}

body[theme="hacker"] .xandersarcade-binary-column.col-a {
  left: 4%;
  animation-delay: -1.2s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-b {
  left: 14%;
  animation-duration: 10.5s;
  animation-delay: -4.1s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-c {
  left: 24%;
  animation-duration: 13.5s;
  animation-delay: -7.6s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-d {
  left: 34%;
  animation-duration: 11.4s;
  animation-delay: -2.8s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-e {
  left: 44%;
  animation-duration: 12.8s;
  animation-delay: -6.5s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-f {
  left: 54%;
  animation-duration: 10.8s;
  animation-delay: -3.4s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-g {
  left: 64%;
  animation-duration: 13.2s;
  animation-delay: -8.3s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-h {
  left: 74%;
  animation-duration: 11.7s;
  animation-delay: -5.2s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-i {
  left: 84%;
  animation-duration: 12.4s;
  animation-delay: -9.1s;
}

body[theme="hacker"] .xandersarcade-binary-column.col-j {
  left: 92%;
  animation-duration: 10.2s;
  animation-delay: -6.8s;
}

@keyframes xandersarcade-hacker-grid-shift {
  0% {
    transform: translate(-48%, -40%) perspective(1200px) rotateX(74deg) rotateZ(-45deg) translateX(0);
  }
  100% {
    transform: translate(-48%, -40%) perspective(1200px) rotateX(74deg) rotateZ(-45deg) translateX(74px);
  }
}

@keyframes xandersarcade-binary-rain {
  0% {
    transform: translate3d(0, -120%, 0);
    opacity: 0;
  }
  8% {
    opacity: 0.44;
  }
  90% {
    opacity: 0.4;
  }
  100% {
    transform: translate3d(0, 165%, 0);
    opacity: 0;
  }
}

@media (max-width: 900px) {
  body[theme="hacker"] .xandersarcade-hacker-grid {
    width: 220vw;
    height: 170vh;
    top: 58%;
    background-size: 58px 58px;
  }

body[theme="hacker"] .xandersarcade-binary-column {
    font-size: 0.62rem;
    letter-spacing: 0.08em;
  }
}

/* V8 Dark Theme */
body[theme="v8dark"] {
  --primary-color: #ff996b;
  --secondary-color: #15110f;
  --accent-color: #ff6b8f;
  --bg-2-color: rgba(24, 17, 15, 0.82);
  --bg-color: #090706;
  --text-color: #fff3ec;
  --text-secondary-color: #d8bbb0;
  --text-placeholder-color: #96746a;
  --border-color: rgba(255, 147, 100, 0.18);
  --border-radius: 18px;
  --blob-1: rgba(255, 125, 79, 0.18);
  --blob-2: rgba(255, 107, 143, 0.12);
  --blob-3: rgba(56, 21, 18, 0.22);
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 133, 82, 0.18), transparent 18%),
    radial-gradient(circle at 88% 18%, rgba(255, 107, 143, 0.12), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(122, 45, 24, 0.14), transparent 28%),
    linear-gradient(160deg, #211613 0%, #100c0b 48%, #060505 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="v8dark"]::before,
body[theme="v8dark"]::after,
body[theme="midnightoled"]::before,
body[theme="midnightoled"]::after,
body[theme="v8light"]::before,
body[theme="v8light"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="v8dark"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 16% 14%, rgba(255, 162, 102, 0.16), transparent 16%),
    radial-gradient(circle at 82% 20%, rgba(255, 107, 143, 0.12), transparent 18%),
    radial-gradient(circle at 50% 102%, rgba(73, 28, 17, 0.26), transparent 24%);
  filter: blur(36px);
}

body[theme="v8dark"]::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0) 18%),
    linear-gradient(180deg, rgba(9, 7, 6, 0.04), rgba(9, 7, 6, 0.56) 70%, rgba(9, 7, 6, 0.86));
}

body[theme="v8dark"] .navbar,
body[theme="v8dark"] .card,
body[theme="v8dark"] .section-card,
body[theme="v8dark"] .search-container,
body[theme="v8dark"] .input,
body[theme="v8dark"] .btn,
body[theme="v8dark"] .tab,
body[theme="v8dark"] .shortcut,
body[theme="v8dark"] .navbar-proxy,
body[theme="v8dark"] #tab-bar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(18, 12, 11, 0.86) !important;
  border-color: rgba(255, 145, 101, 0.18) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 246, 241, 0.05),
    0 0 30px rgba(255, 107, 143, 0.07);
  backdrop-filter: blur(14px) saturate(1.05);
}

body[theme="v8dark"] .btn:hover,
body[theme="v8dark"] .shortcut:hover,
body[theme="v8dark"] .tab:hover,
body[theme="v8dark"] .navbar-link:hover {
  box-shadow:
    0 22px 46px rgba(0, 0, 0, 0.44),
    0 0 0 1px rgba(255, 153, 107, 0.12),
    0 0 28px rgba(255, 107, 143, 0.12);
}

body[theme="v8dark"] .btn,
body[theme="v8dark"] .tab,
body[theme="v8dark"] .shortcut,
body[theme="v8dark"] .navbar-link,
body[theme="midnightoled"] .btn,
body[theme="midnightoled"] .tab,
body[theme="midnightoled"] .shortcut,
body[theme="midnightoled"] .navbar-link,
body[theme="v8light"] .btn,
body[theme="v8light"] .tab,
body[theme="v8light"] .shortcut,
body[theme="v8light"] .navbar-link {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

body[theme="v8dark"] h1,
body[theme="v8dark"] h2,
body[theme="v8dark"] h3,
body[theme="v8dark"] #rng-text,
body[theme="v8dark"] .footer-version {
  text-shadow:
    0 0 14px rgba(255, 153, 107, 0.12),
    0 0 26px rgba(255, 107, 143, 0.08);
}

body[theme="v8dark"] .input::placeholder {
  color: rgba(223, 186, 171, 0.56);
}

body[theme="v8dark"] .navbar-link.active,
body[theme="v8dark"] .tab.active,
body[theme="v8dark"] .btn.active {
  border-color: rgba(255, 153, 107, 0.26) !important;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 246, 241, 0.06),
    0 0 24px rgba(255, 107, 143, 0.12);
}

/* VSCode Theme */
body[theme="midnightoled"] {
  --primary-color: #66a8ff;
  --secondary-color: #030814;
  --accent-color: #9bd4ff;
  --bg-2-color: rgba(3, 9, 22, 0.86);
  --bg-color: #010206;
  --text-color: #edf6ff;
  --text-secondary-color: #8fa8c4;
  --text-placeholder-color: #50637b;
  --border-color: rgba(102, 168, 255, 0.16);
  --border-radius: 18px;
  --blob-1: rgba(51, 110, 255, 0.14);
  --blob-2: rgba(140, 205, 255, 0.09);
  --blob-3: rgba(5, 16, 44, 0.24);
  background:
    radial-gradient(circle at 16% 14%, rgba(60, 123, 255, 0.14), transparent 18%),
    radial-gradient(circle at 82% 16%, rgba(120, 203, 255, 0.09), transparent 20%),
    radial-gradient(circle at 50% 100%, rgba(9, 32, 76, 0.18), transparent 28%),
    linear-gradient(162deg, #050b17 0%, #02050d 44%, #000103 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="midnightoled"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 17% 15%, rgba(89, 149, 255, 0.14), transparent 16%),
    radial-gradient(circle at 82% 18%, rgba(155, 212, 255, 0.08), transparent 18%),
    radial-gradient(circle at 50% 102%, rgba(7, 20, 50, 0.34), transparent 24%);
  filter: blur(40px);
}

body[theme="midnightoled"]::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.012), rgba(255, 255, 255, 0) 12%),
    linear-gradient(180deg, rgba(0, 2, 8, 0.02), rgba(0, 2, 8, 0.54) 68%, rgba(0, 1, 4, 0.92));
}

body[theme="midnightoled"] .navbar,
body[theme="midnightoled"] .card,
body[theme="midnightoled"] .section-card,
body[theme="midnightoled"] .search-container,
body[theme="midnightoled"] .input,
body[theme="midnightoled"] .btn,
body[theme="midnightoled"] .tab,
body[theme="midnightoled"] .shortcut,
body[theme="midnightoled"] .navbar-proxy,
body[theme="midnightoled"] #tab-bar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
    rgba(3, 9, 22, 0.9) !important;
  border-color: rgba(102, 168, 255, 0.16) !important;
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(231, 245, 255, 0.04),
    0 0 30px rgba(77, 146, 255, 0.08);
  backdrop-filter: blur(14px) saturate(1.02);
}

body[theme="midnightoled"] .btn:hover,
body[theme="midnightoled"] .shortcut:hover,
body[theme="midnightoled"] .tab:hover,
body[theme="midnightoled"] .navbar-link:hover {
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(102, 168, 255, 0.12),
    0 0 28px rgba(155, 212, 255, 0.1);
}

body[theme="midnightoled"] h1,
body[theme="midnightoled"] h2,
body[theme="midnightoled"] h3,
body[theme="midnightoled"] #rng-text,
body[theme="midnightoled"] .footer-version {
  text-shadow:
    0 0 12px rgba(102, 168, 255, 0.12),
    0 0 24px rgba(155, 212, 255, 0.08);
}

body[theme="midnightoled"] .input::placeholder {
  color: rgba(143, 168, 196, 0.52);
}

body[theme="midnightoled"] .navbar-link.active,
body[theme="midnightoled"] .tab.active,
body[theme="midnightoled"] .btn.active {
  border-color: rgba(102, 168, 255, 0.24) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(231, 245, 255, 0.05),
    0 0 24px rgba(102, 168, 255, 0.12);
}

/* V8 Light Theme */
body[theme="v8light"] {
  --primary-color: #ff7d6e;
  --secondary-color: #fff5ef;
  --accent-color: #7c8fff;
  --bg-2-color: rgba(255, 250, 246, 0.84);
  --bg-color: #fffdfb;
  --text-color: #342825;
  --text-secondary-color: #6f5a53;
  --text-placeholder-color: #a38f89;
  --border-color: rgba(255, 144, 109, 0.16);
  --border-radius: 18px;
  --blob-1: rgba(255, 159, 120, 0.14);
  --blob-2: rgba(124, 143, 255, 0.12);
  --blob-3: rgba(255, 214, 198, 0.2);
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 187, 146, 0.26), transparent 18%),
    radial-gradient(circle at 82% 16%, rgba(151, 171, 255, 0.22), transparent 20%),
    linear-gradient(165deg, #fffdfb 0%, #fff5ef 48%, #fef0ea 100%);
  background-attachment: fixed;
  background-size: cover;
}

body[theme="v8light"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 15% 14%, rgba(255, 193, 164, 0.22), transparent 16%),
    radial-gradient(circle at 84% 18%, rgba(145, 164, 255, 0.16), transparent 18%),
    radial-gradient(circle at 50% 100%, rgba(255, 215, 196, 0.24), transparent 24%);
  filter: blur(34px);
}

body[theme="v8light"]::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0.12) 18%, rgba(255, 255, 255, 0));
}

body[theme="v8light"] .navbar,
body[theme="v8light"] .card,
body[theme="v8light"] .section-card,
body[theme="v8light"] .search-container,
body[theme="v8light"] .input,
body[theme="v8light"] .btn,
body[theme="v8light"] .tab,
body[theme="v8light"] .shortcut,
body[theme="v8light"] .navbar-proxy,
body[theme="v8light"] #tab-bar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.54)),
    rgba(255, 250, 246, 0.82) !important;
  border-color: rgba(255, 150, 112, 0.14) !important;
  box-shadow:
    0 18px 40px rgba(183, 123, 96, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 26px rgba(124, 143, 255, 0.08);
  backdrop-filter: blur(12px) saturate(1.06);
}

body[theme="v8light"] .btn:hover,
body[theme="v8light"] .shortcut:hover,
body[theme="v8light"] .tab:hover,
body[theme="v8light"] .navbar-link:hover {
  box-shadow:
    0 22px 44px rgba(183, 123, 96, 0.14),
    0 0 0 1px rgba(255, 125, 110, 0.1),
    0 0 24px rgba(124, 143, 255, 0.1);
}

body[theme="v8light"] h1,
body[theme="v8light"] h2,
body[theme="v8light"] h3,
body[theme="v8light"] #rng-text,
body[theme="v8light"] .footer-version {
  text-shadow:
    0 0 12px rgba(255, 125, 110, 0.08),
    0 0 22px rgba(124, 143, 255, 0.06);
}

body[theme="v8light"] .input::placeholder {
  color: rgba(126, 103, 96, 0.58);
}

body[theme="v8light"] .navbar-link.active,
body[theme="v8light"] .tab.active,
body[theme="v8light"] .btn.active {
  border-color: rgba(255, 125, 110, 0.18) !important;
  box-shadow:
    0 14px 32px rgba(183, 123, 96, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 0 22px rgba(124, 143, 255, 0.1);
}

/* SVG Fill Colors */
.st0 {
  fill: var(--accent-color) !important;
}

.st1 {
  fill: var(--primary-color) !important;
}

/* Special Theme Overrides */
body[theme="light"] #particles-js {
  filter: invert(100%);
}
/* 
body[theme="light"] .card {
  background-color: transparent;
} */

/* body[theme="light"] button,
body[theme="light"] select {
  background-color: transparent !important;
  border: #000 1px solid;
} */

body[theme="light"] .navbar-item {
  color: #000;
}

body[theme="light"] .navbar-item.active {
  color: #ffffff;
}

body[theme="yellow"] .btn {
  border-radius: 0px;
}

body[theme="yellow"] #particles-js {
  filter: invert(100%);
}

body[theme="new"] .card,
body[theme="new"] .section-card,
body[theme="grey"] .card,
body[theme="grey"] .section-card,
body[theme="greyblack"] .card,
body[theme="greyblack"] .section-card,
body[theme="ghost"] .card,
body[theme="ghost"] .section-card,
body[theme="bone"] .card,
body[theme="bone"] .section-card,
body[theme="gb"] .card,
body[theme="gb"] .section-card,
body[theme="gg"] .card,
body[theme="gg"] .section-card,
body[theme="brown"] .card,
body[theme="brown"] .section-card,
body[theme="dg"] .card,
body[theme="dg"] .section-card,
body[theme="moon"] .card,
body[theme="moon"] .section-card,
body[theme="red"] .card,
body[theme="red"] .section-card,
body[theme="sblue"] .card,
body[theme="sblue"] .section-card,
body[theme="mocha"] .card,
body[theme="mocha"] .section-card,
.section-card {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(3px) brightness(80%) !important;
}

/* Add background-filter to themes that originally had it */
body[theme="grey"],
body[theme="greyblack"],
body[theme="ghost"],
body[theme="bone"],
body[theme="gb"],
body[theme="gg"],
body[theme="brown"],
body[theme="dg"],
body[theme="moon"],
body[theme="red"],
body[theme="sblue"] {
  --background-filter: blur(3px) brightness(80%);
}

/* Font Family Overrides */
body[theme="audi"] h1,
body[theme="audi"] h4,
body[theme="audi"] a,
body[theme="audi"] p,
body[theme="audi"] span,
body[theme="audi"] select,
body[theme="audi"] button,
body[theme="audi"] input {
  font-family: "audi" !important;
}

body[theme="bone"] h1,
body[theme="bone"] a,
body[theme="bone"] p,
body[theme="bone"] span,
body[theme="bone"] select,
body[theme="bone"] input {
  font-family: "bone" !important;
}

@keyframes xandersarcade-theme-pan {
  from {
    transform: translate3d(-2%, 0, 0) scale(1.02);
  }

  to {
    transform: translate3d(2%, 0, 0) scale(1.05);
  }
}

@keyframes xandersarcade-theme-drift {
  from {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, 16px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes xandersarcade-theme-rotate {
  from {
    transform: rotate(0deg) scale(1.03);
  }

  to {
    transform: rotate(360deg) scale(1.08);
  }
}

@keyframes xandersarcade-theme-grid {
  from {
    background-position:
      0 0,
      0 0,
      center;
  }

  to {
    background-position:
      120px 0,
      0 120px,
      center;
  }
}

body[theme="nova"]::before,
body[theme="nova"]::after,
body[theme="flux"]::before,
body[theme="flux"]::after,
body[theme="rift"]::before,
body[theme="rift"]::after,
body[theme="echo"]::before,
body[theme="echo"]::after,
body[theme="drift"]::before,
body[theme="drift"]::after,
body[theme="coal"]::before,
body[theme="coal"]::after,
body[theme="mintx"]::before,
body[theme="mintx"]::after,
body[theme="bloom"]::before,
body[theme="bloom"]::after,
body[theme="frostx"]::before,
body[theme="frostx"]::after,
body[theme="duskx"]::before,
body[theme="duskx"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="nova"]::before,
body[theme="nova"]::after,
body[theme="flux"]::before,
body[theme="flux"]::after,
body[theme="rift"]::before,
body[theme="rift"]::after,
body[theme="echo"]::before,
body[theme="echo"]::after,
body[theme="drift"]::before,
body[theme="drift"]::after,
body[theme="coal"]::before,
body[theme="coal"]::after,
body[theme="mintx"]::before,
body[theme="mintx"]::after,
body[theme="bloom"]::before,
body[theme="bloom"]::after,
body[theme="frostx"]::before,
body[theme="frostx"]::after,
body[theme="duskx"]::before,
body[theme="duskx"]::after {
  inset: -14vmax;
  transform-origin: center;
  will-change: transform, opacity, background-position;
}

body[theme="nova"]::before,
body[theme="nova"]::after {
  inset: -20vmax;
}

body[theme="nova"],
body[theme="flux"],
body[theme="rift"],
body[theme="echo"],
body[theme="drift"],
body[theme="coal"],
body[theme="mintx"],
body[theme="bloom"],
body[theme="frostx"],
body[theme="duskx"] {
  --border-radius: 18px;
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--bg-color);
}

body[theme="nova"] .navbar,
body[theme="nova"] .card,
body[theme="nova"] .section-card,
body[theme="nova"] .search-container,
body[theme="nova"] .input,
body[theme="nova"] .btn,
body[theme="nova"] .tab,
body[theme="nova"] .shortcut,
body[theme="nova"] .navbar-proxy,
body[theme="nova"] #tab-bar,
body[theme="flux"] .navbar,
body[theme="flux"] .card,
body[theme="flux"] .section-card,
body[theme="flux"] .search-container,
body[theme="flux"] .input,
body[theme="flux"] .btn,
body[theme="flux"] .tab,
body[theme="flux"] .shortcut,
body[theme="flux"] .navbar-proxy,
body[theme="flux"] #tab-bar,
body[theme="rift"] .navbar,
body[theme="rift"] .card,
body[theme="rift"] .section-card,
body[theme="rift"] .search-container,
body[theme="rift"] .input,
body[theme="rift"] .btn,
body[theme="rift"] .tab,
body[theme="rift"] .shortcut,
body[theme="rift"] .navbar-proxy,
body[theme="rift"] #tab-bar,
body[theme="echo"] .navbar,
body[theme="echo"] .card,
body[theme="echo"] .section-card,
body[theme="echo"] .search-container,
body[theme="echo"] .input,
body[theme="echo"] .btn,
body[theme="echo"] .tab,
body[theme="echo"] .shortcut,
body[theme="echo"] .navbar-proxy,
body[theme="echo"] #tab-bar,
body[theme="drift"] .navbar,
body[theme="drift"] .card,
body[theme="drift"] .section-card,
body[theme="drift"] .search-container,
body[theme="drift"] .input,
body[theme="drift"] .btn,
body[theme="drift"] .tab,
body[theme="drift"] .shortcut,
body[theme="drift"] .navbar-proxy,
body[theme="drift"] #tab-bar,
body[theme="coal"] .navbar,
body[theme="coal"] .card,
body[theme="coal"] .section-card,
body[theme="coal"] .search-container,
body[theme="coal"] .input,
body[theme="coal"] .btn,
body[theme="coal"] .tab,
body[theme="coal"] .shortcut,
body[theme="coal"] .navbar-proxy,
body[theme="coal"] #tab-bar,
body[theme="mintx"] .navbar,
body[theme="mintx"] .card,
body[theme="mintx"] .section-card,
body[theme="mintx"] .search-container,
body[theme="mintx"] .input,
body[theme="mintx"] .btn,
body[theme="mintx"] .tab,
body[theme="mintx"] .shortcut,
body[theme="mintx"] .navbar-proxy,
body[theme="mintx"] #tab-bar,
body[theme="bloom"] .navbar,
body[theme="bloom"] .card,
body[theme="bloom"] .section-card,
body[theme="bloom"] .search-container,
body[theme="bloom"] .input,
body[theme="bloom"] .btn,
body[theme="bloom"] .tab,
body[theme="bloom"] .shortcut,
body[theme="bloom"] .navbar-proxy,
body[theme="bloom"] #tab-bar,
body[theme="frostx"] .navbar,
body[theme="frostx"] .card,
body[theme="frostx"] .section-card,
body[theme="frostx"] .search-container,
body[theme="frostx"] .input,
body[theme="frostx"] .btn,
body[theme="frostx"] .tab,
body[theme="frostx"] .shortcut,
body[theme="frostx"] .navbar-proxy,
body[theme="frostx"] #tab-bar,
body[theme="duskx"] .navbar,
body[theme="duskx"] .card,
body[theme="duskx"] .section-card,
body[theme="duskx"] .search-container,
body[theme="duskx"] .input,
body[theme="duskx"] .btn,
body[theme="duskx"] .tab,
body[theme="duskx"] .shortcut,
body[theme="duskx"] .navbar-proxy,
body[theme="duskx"] #tab-bar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.012)),
    var(--bg-2-color) !important;
  border-color: var(--border-color) !important;
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 28px color-mix(in srgb, var(--primary-color) 10%, transparent);
  backdrop-filter: blur(14px) saturate(1.04);
}

body[theme="nova"] .btn:hover,
body[theme="nova"] .shortcut:hover,
body[theme="nova"] .tab:hover,
body[theme="nova"] .navbar-link:hover,
body[theme="flux"] .btn:hover,
body[theme="flux"] .shortcut:hover,
body[theme="flux"] .tab:hover,
body[theme="flux"] .navbar-link:hover,
body[theme="rift"] .btn:hover,
body[theme="rift"] .shortcut:hover,
body[theme="rift"] .tab:hover,
body[theme="rift"] .navbar-link:hover,
body[theme="echo"] .btn:hover,
body[theme="echo"] .shortcut:hover,
body[theme="echo"] .tab:hover,
body[theme="echo"] .navbar-link:hover,
body[theme="drift"] .btn:hover,
body[theme="drift"] .shortcut:hover,
body[theme="drift"] .tab:hover,
body[theme="drift"] .navbar-link:hover,
body[theme="coal"] .btn:hover,
body[theme="coal"] .shortcut:hover,
body[theme="coal"] .tab:hover,
body[theme="coal"] .navbar-link:hover,
body[theme="mintx"] .btn:hover,
body[theme="mintx"] .shortcut:hover,
body[theme="mintx"] .tab:hover,
body[theme="mintx"] .navbar-link:hover,
body[theme="bloom"] .btn:hover,
body[theme="bloom"] .shortcut:hover,
body[theme="bloom"] .tab:hover,
body[theme="bloom"] .navbar-link:hover,
body[theme="frostx"] .btn:hover,
body[theme="frostx"] .shortcut:hover,
body[theme="frostx"] .tab:hover,
body[theme="frostx"] .navbar-link:hover,
body[theme="duskx"] .btn:hover,
body[theme="duskx"] .shortcut:hover,
body[theme="duskx"] .tab:hover,
body[theme="duskx"] .navbar-link:hover {
  box-shadow:
    0 24px 50px rgba(0, 0, 0, 0.36),
    0 0 0 1px color-mix(in srgb, var(--primary-color) 18%, transparent),
    0 0 26px color-mix(in srgb, var(--accent-color) 14%, transparent);
}

body[theme="nova"] h1,
body[theme="nova"] h2,
body[theme="nova"] h3,
body[theme="nova"] #rng-text,
body[theme="nova"] .footer-version,
body[theme="flux"] h1,
body[theme="flux"] h2,
body[theme="flux"] h3,
body[theme="flux"] #rng-text,
body[theme="flux"] .footer-version,
body[theme="rift"] h1,
body[theme="rift"] h2,
body[theme="rift"] h3,
body[theme="rift"] #rng-text,
body[theme="rift"] .footer-version,
body[theme="echo"] h1,
body[theme="echo"] h2,
body[theme="echo"] h3,
body[theme="echo"] #rng-text,
body[theme="echo"] .footer-version,
body[theme="drift"] h1,
body[theme="drift"] h2,
body[theme="drift"] h3,
body[theme="drift"] #rng-text,
body[theme="drift"] .footer-version,
body[theme="coal"] h1,
body[theme="coal"] h2,
body[theme="coal"] h3,
body[theme="coal"] #rng-text,
body[theme="coal"] .footer-version,
body[theme="mintx"] h1,
body[theme="mintx"] h2,
body[theme="mintx"] h3,
body[theme="mintx"] #rng-text,
body[theme="mintx"] .footer-version,
body[theme="bloom"] h1,
body[theme="bloom"] h2,
body[theme="bloom"] h3,
body[theme="bloom"] #rng-text,
body[theme="bloom"] .footer-version,
body[theme="frostx"] h1,
body[theme="frostx"] h2,
body[theme="frostx"] h3,
body[theme="frostx"] #rng-text,
body[theme="frostx"] .footer-version,
body[theme="duskx"] h1,
body[theme="duskx"] h2,
body[theme="duskx"] h3,
body[theme="duskx"] #rng-text,
body[theme="duskx"] .footer-version {
  text-shadow:
    0 0 14px color-mix(in srgb, var(--primary-color) 14%, transparent),
    0 0 26px color-mix(in srgb, var(--accent-color) 10%, transparent);
}

body[theme="nova"] .input::placeholder,
body[theme="flux"] .input::placeholder,
body[theme="rift"] .input::placeholder,
body[theme="echo"] .input::placeholder,
body[theme="drift"] .input::placeholder,
body[theme="coal"] .input::placeholder,
body[theme="mintx"] .input::placeholder,
body[theme="bloom"] .input::placeholder,
body[theme="frostx"] .input::placeholder,
body[theme="duskx"] .input::placeholder {
  color: color-mix(in srgb, var(--text-secondary-color) 70%, transparent);
}

body[theme="nova"] .navbar-link.active,
body[theme="nova"] .tab.active,
body[theme="nova"] .btn.active,
body[theme="flux"] .navbar-link.active,
body[theme="flux"] .tab.active,
body[theme="flux"] .btn.active,
body[theme="rift"] .navbar-link.active,
body[theme="rift"] .tab.active,
body[theme="rift"] .btn.active,
body[theme="echo"] .navbar-link.active,
body[theme="echo"] .tab.active,
body[theme="echo"] .btn.active,
body[theme="drift"] .navbar-link.active,
body[theme="drift"] .tab.active,
body[theme="drift"] .btn.active,
body[theme="coal"] .navbar-link.active,
body[theme="coal"] .tab.active,
body[theme="coal"] .btn.active,
body[theme="mintx"] .navbar-link.active,
body[theme="mintx"] .tab.active,
body[theme="mintx"] .btn.active,
body[theme="bloom"] .navbar-link.active,
body[theme="bloom"] .tab.active,
body[theme="bloom"] .btn.active,
body[theme="frostx"] .navbar-link.active,
body[theme="frostx"] .tab.active,
body[theme="frostx"] .btn.active,
body[theme="duskx"] .navbar-link.active,
body[theme="duskx"] .tab.active,
body[theme="duskx"] .btn.active {
  border-color: color-mix(in srgb, var(--primary-color) 24%, transparent) !important;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 22px color-mix(in srgb, var(--primary-color) 14%, transparent);
}

body[theme="nova"] {
  --primary-color: #ff61b6;
  --secondary-color: #29061d;
  --accent-color: #9b7bff;
  --bg-2-color: rgba(28, 7, 24, 0.84);
  --bg-color: #09030b;
  --text-color: #fff2fb;
  --text-secondary-color: #c7a7c8;
  --text-placeholder-color: #8f6d93;
  --border-color: rgba(255, 97, 182, 0.16);
  background:
    radial-gradient(circle at 18% 16%, rgba(255, 96, 182, 0.18), transparent 18%),
    radial-gradient(circle at 82% 22%, rgba(155, 123, 255, 0.16), transparent 22%),
    linear-gradient(165deg, #1a0616 0%, #0a0209 56%, #040105 100%);
  background-repeat: no-repeat;
  background-size: cover;
}

body[theme="nova"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 20% 22%, rgba(255, 122, 194, 0.18), transparent 16%),
    radial-gradient(circle at 78% 20%, rgba(155, 123, 255, 0.14), transparent 18%),
    linear-gradient(135deg, transparent 0 46%, rgba(255, 255, 255, 0.05) 48%, transparent 50%);
  filter: blur(28px);
  animation: xandersarcade-theme-pan 12s ease-in-out infinite alternate;
}

body[theme="nova"]::after {
  z-index: -1;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.12) 0 1px, transparent 1.5px) 0 0 / 34px 34px,
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 20%);
  opacity: 0.5;
  animation: xandersarcade-theme-drift 7s ease-in-out infinite;
}

body[theme="flux"] {
  --primary-color: #37d8ff;
  --secondary-color: #041623;
  --accent-color: #7af0ff;
  --bg-2-color: rgba(5, 20, 33, 0.84);
  --bg-color: #020a11;
  --text-color: #e9fcff;
  --text-secondary-color: #96c4cf;
  --text-placeholder-color: #5a8893;
  --border-color: rgba(55, 216, 255, 0.16);
  background:
    linear-gradient(160deg, #071722 0%, #030a11 50%, #01050a 100%);
}

body[theme="flux"]::before {
  z-index: -2;
  background:
    linear-gradient(120deg, transparent 10%, rgba(55, 216, 255, 0.12) 14%, transparent 18%),
    linear-gradient(120deg, transparent 34%, rgba(122, 240, 255, 0.08) 38%, transparent 42%),
    linear-gradient(120deg, transparent 58%, rgba(55, 216, 255, 0.1) 62%, transparent 66%);
  filter: blur(8px);
  animation: xandersarcade-theme-pan 8s linear infinite alternate;
}

body[theme="flux"]::after {
  z-index: -1;
  background:
    radial-gradient(circle at 50% 50%, rgba(122, 240, 255, 0.06), transparent 45%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 18%);
}

body[theme="rift"] {
  --primary-color: #8b6fff;
  --secondary-color: #140a2e;
  --accent-color: #ff7ce6;
  --bg-2-color: rgba(20, 11, 42, 0.84);
  --bg-color: #06030f;
  --text-color: #f5efff;
  --text-secondary-color: #b7a8d1;
  --text-placeholder-color: #7d6fa0;
  --border-color: rgba(139, 111, 255, 0.18);
  background:
    linear-gradient(155deg, #1a1033 0%, #0b0617 52%, #030109 100%);
}

body[theme="rift"]::before {
  z-index: -2;
  background:
    linear-gradient(112deg, transparent 24%, rgba(139, 111, 255, 0.15) 30%, transparent 36%),
    linear-gradient(112deg, transparent 44%, rgba(255, 124, 230, 0.11) 50%, transparent 56%),
    linear-gradient(112deg, transparent 66%, rgba(139, 111, 255, 0.09) 72%, transparent 78%);
  filter: blur(16px);
  animation: xandersarcade-theme-pan 10s ease-in-out infinite alternate;
}

body[theme="rift"]::after {
  z-index: -1;
  background:
    radial-gradient(circle at 18% 18%, rgba(139, 111, 255, 0.12), transparent 18%),
    radial-gradient(circle at 82% 24%, rgba(255, 124, 230, 0.08), transparent 20%);
}

body[theme="echo"] {
  --primary-color: #4ef0d0;
  --secondary-color: #07241f;
  --accent-color: #9efcff;
  --bg-2-color: rgba(7, 28, 25, 0.84);
  --bg-color: #020c0a;
  --text-color: #e9fff9;
  --text-secondary-color: #95c8bf;
  --text-placeholder-color: #5b9087;
  --border-color: rgba(78, 240, 208, 0.16);
  background:
    radial-gradient(circle at center, rgba(78, 240, 208, 0.08), transparent 30%),
    linear-gradient(160deg, #0d241f 0%, #04110f 58%, #010605 100%);
}

body[theme="echo"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at center, rgba(78, 240, 208, 0.16) 0 6%, transparent 7% 12%, rgba(158, 252, 255, 0.08) 13%, transparent 15% 20%, rgba(78, 240, 208, 0.06) 21%, transparent 23% 100%);
  filter: blur(6px);
  animation: xandersarcade-theme-rotate 16s linear infinite;
}

body[theme="echo"]::after {
  z-index: -1;
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, 0.015), transparent 42%);
}

body[theme="drift"] {
  --primary-color: #9ec6ff;
  --secondary-color: #10213b;
  --accent-color: #d4ebff;
  --bg-2-color: rgba(13, 25, 45, 0.8);
  --bg-color: #050b15;
  --text-color: #eff6ff;
  --text-secondary-color: #abc0d9;
  --text-placeholder-color: #7388a3;
  --border-color: rgba(158, 198, 255, 0.14);
  background:
    linear-gradient(165deg, #132745 0%, #09121f 54%, #03070d 100%);
}

body[theme="drift"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 18% 22%, rgba(212, 235, 255, 0.11), transparent 18%),
    radial-gradient(circle at 74% 28%, rgba(158, 198, 255, 0.08), transparent 22%),
    radial-gradient(circle at 52% 78%, rgba(212, 235, 255, 0.06), transparent 26%);
  filter: blur(36px);
  animation: xandersarcade-theme-drift 9s ease-in-out infinite;
}

body[theme="drift"]::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 18%);
}

body[theme="coal"] {
  --primary-color: #8a8f99;
  --secondary-color: #131416;
  --accent-color: #d7dde8;
  --bg-2-color: rgba(18, 19, 21, 0.88);
  --bg-color: #050506;
  --text-color: #f1f3f7;
  --text-secondary-color: #9ea4ad;
  --text-placeholder-color: #666b72;
  --border-color: rgba(138, 143, 153, 0.15);
  background:
    linear-gradient(160deg, #16181c 0%, #0b0c0f 50%, #040404 100%);
}

body[theme="coal"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.04), transparent 16%),
    radial-gradient(circle at 84% 24%, rgba(255, 255, 255, 0.03), transparent 18%);
  filter: blur(24px);
}

body[theme="coal"]::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.012), transparent 16%);
}

body[theme="mintx"] {
  --primary-color: #73f2c2;
  --secondary-color: #0f2b24;
  --accent-color: #c6ffeb;
  --bg-2-color: rgba(11, 29, 25, 0.84);
  --bg-color: #040c0a;
  --text-color: #ecfff7;
  --text-secondary-color: #9fc9bc;
  --text-placeholder-color: #698d83;
  --border-color: rgba(115, 242, 194, 0.15);
  background:
    linear-gradient(160deg, #14342d 0%, #081512 54%, #020706 100%);
}

body[theme="mintx"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 18% 14%, rgba(115, 242, 194, 0.1), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(198, 255, 235, 0.07), transparent 20%);
  filter: blur(26px);
}

body[theme="mintx"]::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 14%);
}

body[theme="bloom"] {
  --primary-color: #ff83c5;
  --secondary-color: #2c0d24;
  --accent-color: #ffd3ea;
  --bg-2-color: rgba(32, 10, 27, 0.84);
  --bg-color: #080208;
  --text-color: #fff3fa;
  --text-secondary-color: #d2afc5;
  --text-placeholder-color: #956f89;
  --border-color: rgba(255, 131, 197, 0.16);
  background:
    linear-gradient(162deg, #3a1431 0%, #130613 52%, #060106 100%);
}

body[theme="bloom"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 131, 197, 0.16), transparent 18%),
    radial-gradient(circle at 80% 22%, rgba(255, 211, 234, 0.08), transparent 20%),
    radial-gradient(circle at 50% 90%, rgba(255, 131, 197, 0.06), transparent 24%);
  filter: blur(28px);
}

body[theme="bloom"]::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 18%);
}

body[theme="frostx"] {
  --primary-color: #9fd8ff;
  --secondary-color: #122434;
  --accent-color: #eef7ff;
  --bg-2-color: rgba(13, 25, 38, 0.82);
  --bg-color: #04101a;
  --text-color: #f3fbff;
  --text-secondary-color: #a8c4d8;
  --text-placeholder-color: #728ea3;
  --border-color: rgba(159, 216, 255, 0.15);
  background:
    linear-gradient(160deg, #1a3248 0%, #0a1620 54%, #03080d 100%);
}

body[theme="frostx"]::before {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px) 0 0 / 36px 36px,
    linear-gradient(0deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px) 0 0 / 36px 36px,
    radial-gradient(circle at 20% 20%, rgba(159, 216, 255, 0.09), transparent 20%);
  animation: xandersarcade-theme-grid 12s linear infinite;
}

body[theme="frostx"]::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 15%);
}

body[theme="duskx"] {
  --primary-color: #f0a877;
  --secondary-color: #2d1e35;
  --accent-color: #f6d6b9;
  --bg-2-color: rgba(34, 21, 39, 0.84);
  --bg-color: #09050b;
  --text-color: #fff3ec;
  --text-secondary-color: #cfb0a5;
  --text-placeholder-color: #92746b;
  --border-color: rgba(240, 168, 119, 0.16);
  background:
    linear-gradient(164deg, #3c233d 0%, #18101d 48%, #080508 100%);
}

body[theme="duskx"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 18% 16%, rgba(240, 168, 119, 0.12), transparent 18%),
    radial-gradient(circle at 82% 20%, rgba(246, 214, 185, 0.08), transparent 22%);
  filter: blur(28px);
}

body[theme="duskx"]::after {
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.016), transparent 16%);
}

body[theme="heaven"] {
  --primary-color: #ffd36e;
  --secondary-color: #6d4d9b;
  --accent-color: #fff2c8;
  --bg-2-color: rgba(34, 26, 54, 0.8);
  --bg-color: #120d1f;
  --text-color: #fffaf0;
  --text-secondary-color: #dbcdb2;
  --text-placeholder-color: #a89a88;
  --border-color: rgba(255, 211, 110, 0.18);
  --blob-1: rgba(255, 213, 120, 0.38);
  --blob-2: rgba(255, 244, 205, 0.18);
  --blob-3: rgba(168, 134, 255, 0.22);
  background:
    radial-gradient(circle at 50% -4%, rgba(255, 244, 193, 0.32), transparent 32%),
    radial-gradient(circle at 50% 22%, rgba(255, 211, 110, 0.18), transparent 24%),
    linear-gradient(180deg, #3e2a68 0%, #201635 42%, #120d1f 78%, #0a0912 100%);
}

body[theme="heaven"]::before,
body[theme="heaven"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body[theme="heaven"]::before {
  z-index: -2;
  background:
    radial-gradient(circle at 50% 10%, rgba(255, 246, 214, 0.28), transparent 18%),
    radial-gradient(circle at 20% 24%, rgba(255, 214, 130, 0.08), transparent 16%),
    radial-gradient(circle at 80% 28%, rgba(193, 171, 255, 0.1), transparent 18%);
  filter: blur(32px);
  animation: xandersarcade-heaven-halo 10s ease-in-out infinite alternate;
}

body[theme="heaven"]::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 18%),
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.1) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 82% 18%, rgba(255, 240, 200, 0.12) 0 1px, transparent 1.8px),
    radial-gradient(circle at 74% 72%, rgba(255, 255, 255, 0.08) 0 1px, transparent 1.7px);
  opacity: 0.72;
}

body[theme="heaven"] #blobs,
body[theme="heaven"] #particles-js {
  opacity: 0.4;
  filter: saturate(1.12) brightness(1.08) hue-rotate(-12deg);
}

body[theme="heaven"] .navbar,
body[theme="heaven"] .card,
body[theme="heaven"] .section-card,
body[theme="heaven"] .search-container,
body[theme="heaven"] .input,
body[theme="heaven"] .btn,
body[theme="heaven"] .tab,
body[theme="heaven"] .shortcut,
body[theme="heaven"] .navbar-proxy,
body[theme="heaven"] #tab-bar {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)),
    linear-gradient(180deg, rgba(255, 214, 126, 0.04), transparent 60%),
    var(--bg-2-color) !important;
  border-color: rgba(255, 211, 110, 0.22) !important;
  box-shadow:
    0 24px 58px rgba(4, 2, 14, 0.34),
    0 0 34px rgba(255, 211, 110, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(16px) saturate(1.08);
}

body[theme="heaven"] .btn:hover,
body[theme="heaven"] .shortcut:hover,
body[theme="heaven"] .tab:hover,
body[theme="heaven"] .navbar-link:hover {
  box-shadow:
    0 26px 54px rgba(8, 4, 22, 0.38),
    0 0 0 1px rgba(255, 211, 110, 0.16),
    0 0 28px rgba(255, 244, 200, 0.12);
}

body[theme="heaven"] h1,
body[theme="heaven"] h2,
body[theme="heaven"] h3,
body[theme="heaven"] #rng-text,
body[theme="heaven"] .footer-version {
  text-shadow:
    0 0 16px rgba(255, 231, 167, 0.12),
    0 0 30px rgba(255, 248, 225, 0.08);
}

.xandersarcade-heaven-scene {
  display: none;
}

body[theme="heaven"] > *:not(.xandersarcade-heaven-scene) {
  position: relative;
  z-index: 1;
}

body[theme="heaven"] .xandersarcade-heaven-scene {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

body[theme="heaven"] .xandersarcade-heaven-glow {
  position: absolute;
  inset: -8% 0 auto;
  height: 58vh;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 249, 223, 0.72), rgba(255, 224, 148, 0.34) 24%, transparent 52%);
  filter: blur(16px);
  opacity: 0.9;
}

body[theme="heaven"] .xandersarcade-heaven-rays {
  position: absolute;
  inset: -14% -20% -22%;
  background:
    linear-gradient(100deg, transparent 34%, rgba(255, 244, 196, 0.22) 41%, transparent 49%),
    linear-gradient(84deg, transparent 28%, rgba(255, 217, 127, 0.16) 37%, transparent 46%),
    linear-gradient(118deg, transparent 45%, rgba(255, 250, 230, 0.16) 54%, transparent 64%),
    linear-gradient(90deg, transparent 46%, rgba(255, 245, 208, 0.08) 50%, transparent 54%);
  background-size: 120% 118%;
  background-position: center top;
  opacity: 0.82;
  transform-origin: top center;
  animation: xandersarcade-heaven-rays 12s ease-in-out infinite alternate;
}

body[theme="heaven"] .xandersarcade-heaven-orb {
  position: absolute;
  left: 50%;
  top: 8%;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.98), rgba(255, 248, 208, 0.92) 34%, rgba(255, 214, 126, 0.34) 58%, transparent 72%);
  box-shadow:
    0 0 48px rgba(255, 244, 194, 0.35),
    0 0 120px rgba(255, 214, 126, 0.18);
  opacity: 0.95;
  animation: xandersarcade-heaven-orb 8.5s ease-in-out infinite;
}

body[theme="heaven"] .xandersarcade-heaven-cloud {
  position: absolute;
  height: 160px;
  background-image: url("/media/heaven-cloud.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 18px 34px rgba(18, 10, 34, 0.12));
  opacity: 0.92;
}

body[theme="heaven"] .xandersarcade-heaven-cloud.cloud-a {
  width: 278px;
  left: 5%;
  top: 18%;
  animation: xandersarcade-heaven-cloud-a 28s ease-in-out infinite;
}

body[theme="heaven"] .xandersarcade-heaven-cloud.cloud-b {
  width: 368px;
  right: 7%;
  top: 15%;
  opacity: 0.86;
  animation: xandersarcade-heaven-cloud-b 34s ease-in-out infinite;
}

body[theme="heaven"] .xandersarcade-heaven-cloud.cloud-c {
  width: 324px;
  left: 18%;
  bottom: 13%;
  opacity: 0.8;
  animation: xandersarcade-heaven-cloud-c 30s ease-in-out infinite;
}

body[theme="heaven"] .xandersarcade-heaven-cloud.cloud-d {
  width: 408px;
  right: 14%;
  bottom: 9%;
  opacity: 0.72;
  animation: xandersarcade-heaven-cloud-d 38s ease-in-out infinite;
}

body[theme="heaven"] .xandersarcade-heaven-feathers {
  position: absolute;
  inset: 0;
}

body[theme="heaven"] .xandersarcade-heaven-feathers span {
  position: absolute;
  width: 12px;
  height: 34px;
  border-radius: 100% 100% 72% 72%;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 233, 184, 0.34));
  box-shadow: 0 0 18px rgba(255, 247, 220, 0.16);
  opacity: 0.6;
  transform-origin: center;
  animation: xandersarcade-heaven-feather 15s linear infinite;
}

body[theme="heaven"] .xandersarcade-heaven-feathers span:nth-child(1) { left: 12%; top: 18%; animation-delay: -2s; }
body[theme="heaven"] .xandersarcade-heaven-feathers span:nth-child(2) { left: 28%; top: 8%; animation-delay: -7s; }
body[theme="heaven"] .xandersarcade-heaven-feathers span:nth-child(3) { left: 52%; top: 12%; animation-delay: -4s; }
body[theme="heaven"] .xandersarcade-heaven-feathers span:nth-child(4) { left: 68%; top: 10%; animation-delay: -10s; }
body[theme="heaven"] .xandersarcade-heaven-feathers span:nth-child(5) { left: 82%; top: 16%; animation-delay: -1s; }
body[theme="heaven"] .xandersarcade-heaven-feathers span:nth-child(6) { left: 42%; top: 4%; animation-delay: -12s; }

@keyframes xandersarcade-heaven-halo {
  from { transform: scale(0.98) translateY(-6px); opacity: 0.82; }
  to { transform: scale(1.04) translateY(8px); opacity: 1; }
}

@keyframes xandersarcade-heaven-rays {
  from { transform: translateY(-12px) scale(0.98); opacity: 0.72; }
  to { transform: translateY(12px) scale(1.05); opacity: 0.94; }
}

@keyframes xandersarcade-heaven-orb {
  0%, 100% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.04); }
}

@keyframes xandersarcade-heaven-cloud-a {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(32px, -10px, 0); }
}

@keyframes xandersarcade-heaven-cloud-b {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(-38px, 12px, 0); }
}

@keyframes xandersarcade-heaven-cloud-c {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(24px, -14px, 0); }
}

@keyframes xandersarcade-heaven-cloud-d {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(-44px, 8px, 0); }
}

@keyframes xandersarcade-heaven-feather {
  0% {
    transform: translate3d(0, -16px, 0) rotate(-8deg);
    opacity: 0;
  }
  10% {
    opacity: 0.62;
  }
  55% {
    transform: translate3d(24px, 38vh, 0) rotate(18deg);
    opacity: 0.52;
  }
  100% {
    transform: translate3d(-18px, 78vh, 0) rotate(-16deg);
    opacity: 0;
  }
}

/* Shared full-screen coverage fix for theme layers that animate or blur beyond the viewport */
body[theme="ocean"],
body[theme="volcanic"],
body[theme="forest"],
body[theme="campfire"],
body[theme="hacker"],
body[theme="v8dark"],
body[theme="midnightoled"],
body[theme="v8light"],
body[theme="nova"],
body[theme="flux"],
body[theme="rift"],
body[theme="echo"],
body[theme="drift"],
body[theme="coal"],
body[theme="mintx"],
body[theme="bloom"],
body[theme="frostx"],
body[theme="duskx"],
body[theme="heaven"] {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-color: var(--bg-color);
}

body[theme="ocean"]::before,
body[theme="ocean"]::after,
body[theme="volcanic"]::before,
body[theme="volcanic"]::after,
body[theme="forest"]::before,
body[theme="forest"]::after,
body[theme="campfire"]::before,
body[theme="campfire"]::after,
body[theme="hacker"]::before,
body[theme="hacker"]::after,
body[theme="v8dark"]::before,
body[theme="v8dark"]::after,
body[theme="midnightoled"]::before,
body[theme="midnightoled"]::after,
body[theme="v8light"]::before,
body[theme="v8light"]::after,
body[theme="nova"]::before,
body[theme="nova"]::after,
body[theme="flux"]::before,
body[theme="flux"]::after,
body[theme="rift"]::before,
body[theme="rift"]::after,
body[theme="echo"]::before,
body[theme="echo"]::after,
body[theme="drift"]::before,
body[theme="drift"]::after,
body[theme="coal"]::before,
body[theme="coal"]::after,
body[theme="mintx"]::before,
body[theme="mintx"]::after,
body[theme="bloom"]::before,
body[theme="bloom"]::after,
body[theme="frostx"]::before,
body[theme="frostx"]::after,
body[theme="duskx"]::before,
body[theme="duskx"]::after,
body[theme="heaven"]::before,
body[theme="heaven"]::after {
  inset: -18vmax !important;
  transform-origin: center;
  will-change: transform, opacity, background-position;
}

/* Void Purple Theme */
body[theme="voidpurple"] {
  --primary-color: #b58cff;
  --secondary-color: #4b267d;
  --accent-color: #ff82d8;
  --bg-2-color: rgba(25, 14, 48, 0.88);
  --bg-color: #080511;
  --text-color: #f4edff;
  --text-secondary-color: #b9a9d4;
  --text-placeholder-color: #75688c;
  --border-color: rgba(181, 140, 255, 0.2);
  --border-radius: 16px;
  --blob-1: rgba(132, 76, 255, 0.24);
  --blob-2: rgba(255, 76, 205, 0.14);
  --blob-3: rgba(53, 20, 103, 0.32);
  position: relative;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 18% 8%, rgba(117, 63, 214, 0.18), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(255, 84, 201, 0.1), transparent 24%),
    linear-gradient(160deg, #0d071b 0%, #080511 52%, #030208 100%);
  background-attachment: fixed;
}

body[theme="voidpurple"]::before,
body[theme="voidpurple"]::after {
  content: "";
  position: fixed;
  pointer-events: none;
}

body[theme="voidpurple"]::before {
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 50% 0%, rgba(181, 140, 255, 0.16), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(102, 43, 181, 0.18), transparent 34%);
  filter: blur(28px);
}

body[theme="voidpurple"]::after {
  inset: 0;
  z-index: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(181, 140, 255, 0.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(181, 140, 255, 0.28) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.72) 22%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.72) 22%, #000 100%);
  animation: xandersarcade-void-grid 18s linear infinite;
}

@keyframes xandersarcade-void-grid {
  from { background-position: 0 0, 0 0; }
  to { background-position: 72px 72px, 72px 72px; }
}

body[theme="voidpurple"] .navbar-container,
body[theme="voidpurple"] main,
body[theme="voidpurple"] .container,
body[theme="voidpurple"] .footer {
  position: relative;
  z-index: 1;
}

body[theme="voidpurple"] .navbar,
body[theme="voidpurple"] .card,
body[theme="voidpurple"] .section-card,
body[theme="voidpurple"] .search-container,
body[theme="voidpurple"] .input,
body[theme="voidpurple"] .btn,
body[theme="voidpurple"] .tab,
body[theme="voidpurple"] .shortcut,
body[theme="voidpurple"] .navbar-proxy,
body[theme="voidpurple"] #tab-bar {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.012)),
    var(--bg-2-color) !important;
  border-color: rgba(181, 140, 255, 0.22) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 28px rgba(136, 82, 255, 0.07);
  backdrop-filter: blur(16px) saturate(1.08);
}

body[theme="voidpurple"] .btn:hover,
body[theme="voidpurple"] .shortcut:hover,
body[theme="voidpurple"] .tab:hover,
body[theme="voidpurple"] .navbar-link:hover {
  border-color: rgba(181, 140, 255, 0.5) !important;
  box-shadow: 0 0 26px rgba(181, 140, 255, 0.16);
}

body[theme="voidpurple"] h1,
body[theme="voidpurple"] h2,
body[theme="voidpurple"] h3,
body[theme="voidpurple"] #rng-text,
body[theme="voidpurple"] .footer-version {
  text-shadow: 0 0 16px rgba(181, 140, 255, 0.16), 0 0 32px rgba(255, 130, 216, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  body[theme="voidpurple"]::after {
    animation: none;
  }
}

@property --xandersarcade-rainbow-hue {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}

/* RGB Grid Theme */
body[theme="burgundy"] {
  --xandersarcade-rainbow-hue: 0deg;
  --primary-color: hsl(var(--xandersarcade-rainbow-hue) 82% 68%);
  --secondary-color: hsl(calc(var(--xandersarcade-rainbow-hue) + 320deg) 52% 34%);
  --accent-color: hsl(calc(var(--xandersarcade-rainbow-hue) + 12deg) 78% 56%);
  --bg-2-color: rgba(35, 35, 40, 0.9);
  --bg-color: #0a0a0a;
  --text-color: #f5f5f7;
  --text-secondary-color: #c8c8d0;
  --text-placeholder-color: #8c8c96;
  --border-color: rgba(255, 255, 255, 0.16);
  --border-radius: 16px;
  --blob-1: hsl(var(--xandersarcade-rainbow-hue) 88% 56% / 0.34);
  --blob-2: hsl(calc(var(--xandersarcade-rainbow-hue) + 120deg) 82% 52% / 0.3);
  --blob-3: hsl(calc(var(--xandersarcade-rainbow-hue) + 240deg) 88% 58% / 0.28);
  position: relative;
  overflow-x: hidden;
  background: #0a0a0a;
  background-attachment: fixed;
  animation: xandersarcade-rainbow-color 28s linear infinite;
}

body[theme="burgundy"]::before,
body[theme="burgundy"]::after {
  content: "";
  position: fixed;
  pointer-events: none;
}

body[theme="burgundy"]::before {
  inset: 0;
  z-index: -2;
  background: none;
}

@keyframes xandersarcade-rainbow-color {
  from { --xandersarcade-rainbow-hue: 0deg; }
  to { --xandersarcade-rainbow-hue: 360deg; }
}

body[theme="burgundy"]::after {
  inset: 0;
  z-index: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255, 143, 156, 0.26) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 143, 156, 0.26) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(
    to bottom, transparent 0%, rgba(0, 0, 0, 0.74) 18%, #000 62%, rgba(0, 0, 0, 0.86) 80%, transparent 100%
  );
  mask-image: linear-gradient(
    to bottom, transparent 0%, rgba(0, 0, 0, 0.74) 18%, #000 62%, rgba(0, 0, 0, 0.86) 80%, transparent 100%
  );
  filter: blur(0.35px);
  will-change: transform;
  animation: xandersarcade-burgundy-grid 5s linear infinite !important;
}

@keyframes xandersarcade-burgundy-grid {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 72px, 0); }
}

body[theme="burgundy"] #particles-js { opacity: 0; pointer-events: none; }
body[theme="burgundy"] #blobs::before,
body[theme="burgundy"] #blobs::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(105px);
  pointer-events: none;
  will-change: transform;
}

body[theme="burgundy"] #blobs::before {
  width: min(38vw, 460px);
  height: min(38vw, 460px);
  min-width: 250px;
  min-height: 250px;
  top: 4%;
  left: 34%;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 60deg) 92% 55% / 0.34);
  animation: xandersarcade-rgb-blob-a 31s ease-in-out infinite alternate;
}

body[theme="burgundy"] #blobs::after {
  width: min(32vw, 390px);
  height: min(32vw, 390px);
  min-width: 220px;
  min-height: 220px;
  top: 48%;
  left: 57%;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 180deg) 90% 58% / 0.32);
  animation: xandersarcade-rgb-blob-b 37s ease-in-out infinite alternate;
}

body[theme="burgundy"] #blobs .gradiant::before,
body[theme="burgundy"] #blobs .gradiant::after,
body[theme="burgundy"] #blobs .gradiant2::before,
body[theme="burgundy"] #blobs .gradiant2::after,
body[theme="burgundy"] #blobs .gradiant3::before,
body[theme="burgundy"] #blobs .gradiant3::after {
  content: "";
  position: absolute;
  display: block;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0.8;
  pointer-events: none;
  will-change: transform;
}

body[theme="burgundy"] #blobs .gradiant::before {
  top: -34px;
  left: 48px;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 30deg) 95% 58% / 0.55);
  animation: xandersarcade-rgb-orbit-a 19s ease-in-out infinite alternate;
}

body[theme="burgundy"] #blobs .gradiant::after {
  right: -55px;
  bottom: -28px;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 90deg) 92% 55% / 0.5);
  animation: xandersarcade-rgb-orbit-b 23s ease-in-out infinite alternate;
}

body[theme="burgundy"] #blobs .gradiant2::before {
  top: -52px;
  right: 22px;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 150deg) 92% 55% / 0.52);
  animation: xandersarcade-rgb-orbit-c 21s ease-in-out infinite alternate;
}

body[theme="burgundy"] #blobs .gradiant2::after {
  left: -68px;
  bottom: -40px;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 210deg) 92% 58% / 0.5);
  animation: xandersarcade-rgb-orbit-d 26s ease-in-out infinite alternate;
}

body[theme="burgundy"] #blobs .gradiant3::before {
  top: 24px;
  left: -35px;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 270deg) 95% 58% / 0.5);
  animation: xandersarcade-rgb-orbit-e 24s ease-in-out infinite alternate;
}

body[theme="burgundy"] #blobs .gradiant3::after {
  right: -46px;
  bottom: -58px;
  background: hsl(calc(var(--xandersarcade-rainbow-hue) + 330deg) 95% 58% / 0.52);
  animation: xandersarcade-rgb-orbit-f 28s ease-in-out infinite alternate;
}

@keyframes xandersarcade-rgb-blob-a {
  0% { transform: translate3d(-18vw, -8vh, 0) scale(0.85); }
  50% { transform: translate3d(10vw, 18vh, 0) scale(1.16); }
  100% { transform: translate3d(-4vw, 42vh, 0) scale(0.96); }
}

@keyframes xandersarcade-rgb-blob-b {
  0% { transform: translate3d(15vw, 14vh, 0) scale(1.1); }
  50% { transform: translate3d(-24vw, -22vh, 0) scale(0.82); }
  100% { transform: translate3d(-4vw, -38vh, 0) scale(1.18); }
}

@keyframes xandersarcade-rgb-orbit-a {
  to { transform: translate3d(20vw, 14vh, 0) scale(1.2); }
}

@keyframes xandersarcade-rgb-orbit-b {
  to { transform: translate3d(-16vw, -22vh, 0) scale(0.8); }
}

@keyframes xandersarcade-rgb-orbit-c {
  to { transform: translate3d(-24vw, 18vh, 0) scale(0.82); }
}

@keyframes xandersarcade-rgb-orbit-d {
  to { transform: translate3d(22vw, -16vh, 0) scale(1.18); }
}

@keyframes xandersarcade-rgb-orbit-e {
  to { transform: translate3d(18vw, -26vh, 0) scale(1.16); }
}

@keyframes xandersarcade-rgb-orbit-f {
  to { transform: translate3d(-22vw, 20vh, 0) scale(0.84); }
}

body[theme="burgundy"] .navbar-container,
body[theme="burgundy"] main,
body[theme="burgundy"] .container,
body[theme="burgundy"] .footer { position: relative; z-index: 1; }

body[theme="burgundy"] .navbar,
body[theme="burgundy"] .card,
body[theme="burgundy"] .section-card,
body[theme="burgundy"] .search-container,
body[theme="burgundy"] .input,
body[theme="burgundy"] .btn,
body[theme="burgundy"] .tab,
body[theme="burgundy"] .shortcut,
body[theme="burgundy"] .navbar-proxy,
body[theme="burgundy"] #tab-bar {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.012)),
    var(--bg-2-color) !important;
  border-color: rgba(255, 143, 156, 0.24) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 28px rgba(225, 29, 72, 0.08);
  backdrop-filter: blur(16px) saturate(1.08);
}

body[theme="burgundy"] .btn:hover,
body[theme="burgundy"] .shortcut:hover,
body[theme="burgundy"] .tab:hover,
body[theme="burgundy"] .navbar-link:hover {
  border-color: rgba(255, 143, 156, 0.55) !important;
  box-shadow: 0 0 26px rgba(255, 96, 126, 0.18);
}

body[theme="burgundy"] h1,
body[theme="burgundy"] h2,
body[theme="burgundy"] h3,
body[theme="burgundy"] #rng-text,
body[theme="burgundy"] .footer-version {
  text-shadow: 0 0 16px rgba(255, 143, 156, 0.18), 0 0 32px rgba(225, 29, 72, 0.1);
}

body[theme="topography"] {
  --primary-color: #84cc16;
  --secondary-color: #b5f35b;
  --accent-color: #3300ff;
  --bg-color: #09090b;
  --bg-2-color: rgba(12, 12, 18, 0.86);
  --text-color: #ffffff;
  --text-secondary-color: #d8dbe2;
  --border-color: rgba(132, 204, 22, 0.28);
  background: #09090b;
  overflow-x: hidden;
}

body[theme="topography"] #topography-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

/* The game player owns the full viewport; theme backgrounds must never sit
   over the game canvas or its controls. */
body.xandersarcade-game-player #topography-background {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body[theme="topography"] #blobs,
body[theme="topography"] #particles-js { opacity: 0; pointer-events: none; }
body[theme="topography"] .navbar-container,
body[theme="topography"] main,
body[theme="topography"] .container,
body[theme="topography"] .footer { position: relative; z-index: 1; }

/* One-year anniversary celebration theme. */
body[theme="anniversary"] {
  --primary-color: #ffd166;
  --secondary-color: #f06b9a;
  --accent-color: #7bdff2;
  --bg-2-color: rgba(34, 23, 52, 0.9);
  --bg-color: #0e0a18;
  --text-color: #fff8ec;
  --text-secondary-color: #e9cfe1;
  --text-placeholder-color: #b99bb5;
  --border-color: rgba(255, 209, 102, 0.26);
  --border-radius: 16px;
  --blob-1: rgba(255, 90, 151, 0.24);
  --blob-2: rgba(123, 223, 242, 0.17);
  --blob-3: rgba(255, 209, 102, 0.16);
  position: relative;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 90, 151, 0.16), transparent 27%),
    radial-gradient(circle at 88% 12%, rgba(123, 223, 242, 0.11), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(255, 209, 102, 0.08), transparent 36%),
    linear-gradient(145deg, #191025 0%, #0e0a18 58%, #08060d 100%);
  background-attachment: fixed;
}

body[theme="anniversary"]::before,
body[theme="anniversary"]::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-repeat: repeat;
}

body[theme="anniversary"]::before {
  opacity: 0.62;
  background-image:
    radial-gradient(circle at 8% 14%, #ffd166 0 2px, transparent 3px),
    radial-gradient(circle at 22% 30%, #ff6b9d 0 2px, transparent 3px),
    radial-gradient(circle at 78% 18%, #7bdff2 0 2px, transparent 3px),
    radial-gradient(circle at 92% 38%, #fff1a8 0 2px, transparent 3px),
    linear-gradient(28deg, transparent 48%, #ffd166 49% 51%, transparent 52%),
    linear-gradient(-42deg, transparent 48%, #ff6b9d 49% 51%, transparent 52%);
  background-size: 280px 320px, 340px 380px, 360px 300px, 300px 360px, 240px 300px, 320px 360px;
  -webkit-mask-image: radial-gradient(ellipse at center, transparent 0%, transparent 34%, #000 78%);
  mask-image: radial-gradient(ellipse at center, transparent 0%, transparent 34%, #000 78%);
  animation: xandersarcade-anniversary-confetti-fall 10s linear infinite;
}

body[theme="anniversary"]::after {
  opacity: 0.38;
  background-image:
    radial-gradient(circle at 14% 72%, #7bdff2 0 2px, transparent 3px),
    radial-gradient(circle at 86% 66%, #ff6b9d 0 2px, transparent 3px),
    linear-gradient(118deg, transparent 48%, #fff1a8 49% 51%, transparent 52%);
  background-size: 320px 360px, 380px 340px, 300px 340px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 35%, transparent 65%, #000);
  mask-image: linear-gradient(90deg, #000, transparent 35%, transparent 65%, #000);
  animation: xandersarcade-anniversary-confetti-fall 14s linear infinite reverse;
}

@keyframes xandersarcade-anniversary-confetti-fall {
  from {
    background-position: 0 -360px, 0 -420px, 0 -320px, 0 -400px, 0 -340px, 0 -420px;
    transform: translate3d(-1%, -3%, 0) rotate(-1deg);
  }
  50% {
    transform: translate3d(1%, 0, 0) rotate(1deg);
  }
  to {
    background-position: 0 360px, 0 420px, 0 320px, 0 400px, 0 340px, 0 420px;
    transform: translate3d(-1%, 3%, 0) rotate(-1deg);
  }
}

body[theme="anniversary"] .navbar-container,
body[theme="anniversary"] main,
body[theme="anniversary"] .container,
body[theme="anniversary"] .footer {
  position: relative;
  z-index: 1;
}

body[theme="anniversary"] h1,
body[theme="anniversary"] h2,
body[theme="anniversary"] h3,
body[theme="anniversary"] #rng-text {
  text-shadow: 0 0 18px rgba(255, 209, 102, 0.2), 0 0 30px rgba(255, 107, 157, 0.14);
}

@media (prefers-reduced-motion: reduce) {
  body[theme="anniversary"]::before,
  body[theme="anniversary"]::after {
    animation: none;
  }
}

/* Native equivalent of the anniversary Sass/Pug rain layer. */
body[theme="anniversary"]::before {
  opacity: 1;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 107, 157, 0.15), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(123, 223, 242, 0.1), transparent 25%),
    radial-gradient(circle at 50% 100%, rgba(255, 209, 102, 0.08), transparent 38%);
  -webkit-mask-image: none;
  mask-image: none;
  animation: none;
}

body[theme="anniversary"]::after {
  display: none;
}

.anniversary-rain {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}

body[theme="anniversary"] .navbar-container,
body[theme="anniversary"] main,
body[theme="anniversary"] .container {
  position: relative;
  z-index: 3;
}

.anniversary-rain > span {
  position: absolute;
  top: -12vh;
  left: var(--fall-left);
  display: block;
  width: var(--fall-size);
  height: var(--fall-size);
  opacity: 0.7;
  animation-delay: var(--fall-delay);
  animation-duration: var(--fall-speed);
  animation-iteration-count: infinite !important;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-play-state: running !important;
  will-change: transform;
}

.anniversary-confetti {
  height: calc(var(--fall-size) * 0.42) !important;
  border-radius: 2px;
  background: var(--confetti-color, #ffd166);
  animation-name: xandersarcade-confetti-rain;
}

.anniversary-confetti:nth-child(4n + 1) { --confetti-color: #ffd166; }
.anniversary-confetti:nth-child(4n + 2) { --confetti-color: #ff6b9d; }
.anniversary-confetti:nth-child(4n + 3) { --confetti-color: #7bdff2; }
.anniversary-confetti:nth-child(4n) { --confetti-color: #fff1a8; }

.anniversary-coin {
  border: 2px solid #fff1a8;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff1a8, #d99a24 72%);
  box-shadow: inset 0 0 0 2px rgba(122, 72, 14, 0.25), 0 0 8px rgba(255, 209, 102, 0.22);
  animation-name: xandersarcade-coin-rain;
}

.anniversary-coin::before {
  content: "$";
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #7a480e;
  font-size: 0.78em;
  font-weight: 900;
}

.anniversary-dollar {
  height: calc(var(--fall-size) * 0.62) !important;
  border: 2px solid rgba(255, 239, 188, 0.85);
  border-radius: 5px;
  background: linear-gradient(135deg, #74d24f, #398f45);
  box-shadow: inset 0 0 0 2px rgba(255, 239, 188, 0.24), 0 0 9px rgba(116, 210, 79, 0.14);
  animation-name: xandersarcade-dollar-rain;
}

.anniversary-dollar::before {
  content: "$";
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #ffefbc;
  font-size: 1.15em;
  font-weight: 900;
}

@keyframes xandersarcade-confetti-rain {
  from {
    top: -12vh;
    transform: translate3d(0, 0, 0) rotate(var(--fall-rotation));
  }
  50% {
    top: 50vh;
    transform: translate3d(calc(var(--fall-drift) * 0.5), 0, 0) rotate(calc(var(--fall-rotation) + 180deg));
  }
  to {
    top: 112vh;
    transform: translate3d(var(--fall-drift), 0, 0) rotate(calc(var(--fall-rotation) + 360deg));
  }
}

@keyframes xandersarcade-coin-rain {
  from {
    top: -12vh;
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  to {
    top: 112vh;
    transform: translate3d(var(--fall-drift), 0, 0) rotate(540deg);
  }
}

@keyframes xandersarcade-dollar-rain {
  from {
    top: -12vh;
    transform: translate3d(0, 0, 0) rotate(0deg) scale(0.72);
  }
  to {
    top: 112vh;
    transform: translate3d(var(--fall-drift), 0, 0) rotate(360deg) scale(0.72);
  }
}

@media (prefers-reduced-motion: reduce) {
  .anniversary-rain > span {
    animation: none;
  }
}

/* Tom Pearl theme: the supplied looping GIF is the animated backdrop. */
body[theme="tompearl"] {
  --primary-color: #ffffff;
  --secondary-color: #e8e8e8;
  --accent-color: #ffffff;
  --bg-2-color: rgba(25, 29, 38, 0.88);
  --bg-color: #10131a;
  --text-color: #ffffff;
  --text-secondary-color: #eeeeee;
  --text-placeholder-color: #c5c5c5;
  --border-color: rgba(255, 255, 255, 0.3);
  --border-radius: 16px;
  --blob-1: rgba(255, 255, 255, 0.24);
  --blob-2: rgba(255, 255, 255, 0.16);
  --blob-3: rgba(255, 255, 255, 0.11);
  position: relative;
  overflow-x: hidden;
  background-color: #10131a;
  background-image: linear-gradient(rgba(9, 12, 18, 0.58), rgba(9, 12, 18, 0.7)), url("/media/tom-pearl.gif");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

body[theme="tompearl"]::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.16), transparent 34%);
}

body[theme="tompearl"] #tom-pearl-drips {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  opacity: 0.9;
}

body[theme="tompearl"] #blobs {
  opacity: 0.72;
  filter: brightness(1.3) saturate(0.18);
}

body[theme="tompearl"] .navbar-container,
body[theme="tompearl"] main,
body[theme="tompearl"] .container,
body[theme="tompearl"] .footer {
  position: relative;
  z-index: 1;
}

body[theme="tompearl"] .navbar,
body[theme="tompearl"] .card,
body[theme="tompearl"] .section-card,
body[theme="tompearl"] .search-container,
body[theme="tompearl"] .input,
body[theme="tompearl"] .btn,
body[theme="tompearl"] .tab {
  background: linear-gradient(145deg, rgba(30, 35, 46, 0.88), rgba(14, 17, 24, 0.78)) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px) saturate(1.08);
}

body[theme="tompearl"] h1,
body[theme="tompearl"] h2,
body[theme="tompearl"] h3,
body[theme="tompearl"] #rng-text {
  color: #ffffff;
  text-shadow: 0 0 18px rgba(255, 255, 255, 0.24), 0 0 32px rgba(255, 255, 255, 0.12);
}

/* Additional lightweight static and animated themes. */
@keyframes xa-theme-drift {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}
body[theme="aurora"]{--primary-color:#7dd3fc;--secondary-color:#c084fc;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #7dd3fc 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #c084fc 18%, transparent), transparent 38%), #07111f;background-attachment:fixed;}
body[theme="cyberpunk"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10051a 78%,white 4%);--bg-color:#10051a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10051a);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #10051a 88%, #f0abfc 12%), color-mix(in srgb, #10051a 82%, #22d3ee 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="ember"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#1a0805 78%,white 4%);--bg-color:#1a0805;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1a0805);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fb923c 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #ef4444 18%, transparent), transparent 38%), #1a0805;background-attachment:fixed;}
body[theme="lavender"]{--primary-color:#c4b5fd;--secondary-color:#f0abfc;--accent-color:#c4b5fd;--bg-2-color:color-mix(in srgb,#130d21 78%,white 4%);--bg-color:#130d21;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#c4b5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#130d21);--border-color:color-mix(in srgb,#c4b5fd 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #130d21 88%, #c4b5fd 12%), color-mix(in srgb, #130d21 82%, #f0abfc 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="sapphire"]{--primary-color:#60a5fa;--secondary-color:#2563eb;--accent-color:#60a5fa;--bg-2-color:color-mix(in srgb,#061329 78%,white 4%);--bg-color:#061329;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#60a5fa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#061329);--border-color:color-mix(in srgb,#60a5fa 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #60a5fa 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #2563eb 18%, transparent), transparent 38%), #061329;background-attachment:fixed;}
body[theme="rosewood"]{--primary-color:#fb7185;--secondary-color:#be123c;--accent-color:#fb7185;--bg-2-color:color-mix(in srgb,#1b070d 78%,white 4%);--bg-color:#1b070d;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb7185);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1b070d);--border-color:color-mix(in srgb,#fb7185 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #1b070d 88%, #fb7185 12%), color-mix(in srgb, #1b070d 82%, #be123c 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="emerald"]{--primary-color:#6ee7b7;--secondary-color:#10b981;--accent-color:#6ee7b7;--bg-2-color:color-mix(in srgb,#061711 78%,white 4%);--bg-color:#061711;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#6ee7b7);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#061711);--border-color:color-mix(in srgb,#6ee7b7 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #6ee7b7 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #10b981 18%, transparent), transparent 38%), #061711;background-attachment:fixed;}
body[theme="solar"]{--primary-color:#fde047;--secondary-color:#f97316;--accent-color:#fde047;--bg-2-color:color-mix(in srgb,#1a1004 78%,white 4%);--bg-color:#1a1004;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fde047);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1a1004);--border-color:color-mix(in srgb,#fde047 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #1a1004 88%, #fde047 12%), color-mix(in srgb, #1a1004 82%, #f97316 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="nebula"]{--primary-color:#e879f9;--secondary-color:#818cf8;--accent-color:#e879f9;--bg-2-color:color-mix(in srgb,#0d0820 78%,white 4%);--bg-color:#0d0820;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e879f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0d0820);--border-color:color-mix(in srgb,#e879f9 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #e879f9 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #818cf8 18%, transparent), transparent 38%), #0d0820;background-attachment:fixed;}
body[theme="midnight"]{--primary-color:#93c5fd;--secondary-color:#475569;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#05070d 78%,white 4%);--bg-color:#05070d;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#05070d);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #05070d 88%, #93c5fd 12%), color-mix(in srgb, #05070d 82%, #475569 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="synthwave"]{--primary-color:#fb7185;--secondary-color:#a855f7;--accent-color:#fb7185;--bg-2-color:color-mix(in srgb,#16051d 78%,white 4%);--bg-color:#16051d;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb7185);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#16051d);--border-color:color-mix(in srgb,#fb7185 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fb7185 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #a855f7 18%, transparent), transparent 38%), #16051d;background-attachment:fixed;}
body[theme="terminal"]{--primary-color:#4ade80;--secondary-color:#15803d;--accent-color:#4ade80;--bg-2-color:color-mix(in srgb,#020c05 78%,white 4%);--bg-color:#020c05;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#4ade80);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c05);--border-color:color-mix(in srgb,#4ade80 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #020c05 88%, #4ade80 12%), color-mix(in srgb, #020c05 82%, #15803d 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="paper"]{--primary-color:#334155;--secondary-color:#64748b;--accent-color:#334155;--bg-2-color:color-mix(in srgb,#f8fafc 78%,white 4%);--bg-color:#f8fafc;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#334155);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#f8fafc);--border-color:color-mix(in srgb,#334155 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #334155 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #64748b 18%, transparent), transparent 38%), #f8fafc;background-attachment:fixed;}
body[theme="coffee"]{--primary-color:#fbbf24;--secondary-color:#a16207;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#1c120c 78%,white 4%);--bg-color:#1c120c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1c120c);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #1c120c 88%, #fbbf24 12%), color-mix(in srgb, #1c120c 82%, #a16207 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="sakura"]{--primary-color:#f9a8d4;--secondary-color:#f472b6;--accent-color:#f9a8d4;--bg-2-color:color-mix(in srgb,#1c0a16 78%,white 4%);--bg-color:#1c0a16;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f9a8d4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1c0a16);--border-color:color-mix(in srgb,#f9a8d4 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f9a8d4 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f472b6 18%, transparent), transparent 38%), #1c0a16;background-attachment:fixed;}
body[theme="arctic"]{--primary-color:#e0f2fe;--secondary-color:#38bdf8;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#071521 78%,white 4%);--bg-color:#071521;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#071521);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #071521 88%, #e0f2fe 12%), color-mix(in srgb, #071521 82%, #38bdf8 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="desert"]{--primary-color:#fed7aa;--secondary-color:#c2410c;--accent-color:#fed7aa;--bg-2-color:color-mix(in srgb,#1c1007 78%,white 4%);--bg-color:#1c1007;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fed7aa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1c1007);--border-color:color-mix(in srgb,#fed7aa 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fed7aa 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #c2410c 18%, transparent), transparent 38%), #1c1007;background-attachment:fixed;}
body[theme="toxic"]{--primary-color:#bef264;--secondary-color:#65a30d;--accent-color:#bef264;--bg-2-color:color-mix(in srgb,#0b1205 78%,white 4%);--bg-color:#0b1205;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#bef264);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1205);--border-color:color-mix(in srgb,#bef264 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #0b1205 88%, #bef264 12%), color-mix(in srgb, #0b1205 82%, #65a30d 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="oceanic"]{--primary-color:#67e8f9;--secondary-color:#0e7490;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#03141c 78%,white 4%);--bg-color:#03141c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03141c);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #67e8f9 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #0e7490 18%, transparent), transparent 38%), #03141c;background-attachment:fixed;}
body[theme="monochrome"]{--primary-color:#f8fafc;--secondary-color:#94a3b8;--accent-color:#f8fafc;--bg-2-color:color-mix(in srgb,#0f1115 78%,white 4%);--bg-color:#0f1115;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f8fafc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0f1115);--border-color:color-mix(in srgb,#f8fafc 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #0f1115 88%, #f8fafc 12%), color-mix(in srgb, #0f1115 82%, #94a3b8 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="plasma"]{--primary-color:#f472b6;--secondary-color:#7c3aed;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#18051d 78%,white 4%);--bg-color:#18051d;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#18051d);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f472b6 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #7c3aed 18%, transparent), transparent 38%), #18051d;background-attachment:fixed;}
body[theme="sunset"]{--primary-color:#fdba74;--secondary-color:#f43f5e;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#1f0b0b 78%,white 4%);--bg-color:#1f0b0b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1f0b0b);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #1f0b0b 88%, #fdba74 12%), color-mix(in srgb, #1f0b0b 82%, #f43f5e 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="rainforest"]{--primary-color:#86efac;--secondary-color:#15803d;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#04150d 78%,white 4%);--bg-color:#04150d;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#04150d);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #86efac 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #15803d 18%, transparent), transparent 38%), #04150d;background-attachment:fixed;}
body[theme="royal"]{--primary-color:#c4b5fd;--secondary-color:#4338ca;--accent-color:#c4b5fd;--bg-2-color:color-mix(in srgb,#0c0820 78%,white 4%);--bg-color:#0c0820;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#c4b5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0c0820);--border-color:color-mix(in srgb,#c4b5fd 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #0c0820 88%, #c4b5fd 12%), color-mix(in srgb, #0c0820 82%, #4338ca 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}

body[theme="grape"]{--primary-color:#d8b4fe;--secondary-color:#9333ea;--accent-color:#d8b4fe;--bg-2-color:color-mix(in srgb,#12071e 78%,white 4%);--bg-color:#12071e;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#d8b4fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#12071e);--border-color:color-mix(in srgb,#d8b4fe 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #12071e 88%, #d8b4fe 12%), color-mix(in srgb, #12071e 82%, #9333ea 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="icefire"]{--primary-color:#bae6fd;--secondary-color:#f97316;--accent-color:#bae6fd;--bg-2-color:color-mix(in srgb,#0a111b 78%,white 4%);--bg-color:#0a111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#bae6fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0a111b);--border-color:color-mix(in srgb,#bae6fd 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #bae6fd 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f97316 18%, transparent), transparent 38%), #0a111b;background-attachment:fixed;}
body[theme="matrix"]{--primary-color:#86efac;--secondary-color:#22c55e;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#010a04 78%,white 4%);--bg-color:#010a04;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#010a04);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #010a04 88%, #86efac 12%), color-mix(in srgb, #010a04 82%, #22c55e 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="candy"]{--primary-color:#f9a8d4;--secondary-color:#60a5fa;--accent-color:#f9a8d4;--bg-2-color:color-mix(in srgb,#180b1c 78%,white 4%);--bg-color:#180b1c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f9a8d4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180b1c);--border-color:color-mix(in srgb,#f9a8d4 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f9a8d4 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #60a5fa 18%, transparent), transparent 38%), #180b1c;background-attachment:fixed;}
body[theme="graphite"]{--primary-color:#e2e8f0;--secondary-color:#64748b;--accent-color:#e2e8f0;--bg-2-color:color-mix(in srgb,#0b0e13 78%,white 4%);--bg-color:#0b0e13;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e2e8f0);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0e13);--border-color:color-mix(in srgb,#e2e8f0 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #0b0e13 88%, #e2e8f0 12%), color-mix(in srgb, #0b0e13 82%, #64748b 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="neonlime"]{--primary-color:#d9f99d;--secondary-color:#a3e635;--accent-color:#d9f99d;--bg-2-color:color-mix(in srgb,#0c1305 78%,white 4%);--bg-color:#0c1305;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#d9f99d);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0c1305);--border-color:color-mix(in srgb,#d9f99d 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #d9f99d 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #a3e635 18%, transparent), transparent 38%), #0c1305;background-attachment:fixed;}
body[theme="deepsea"]{--primary-color:#5eead4;--secondary-color:#0f766e;--accent-color:#5eead4;--bg-2-color:color-mix(in srgb,#021312 78%,white 4%);--bg-color:#021312;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#5eead4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#021312);--border-color:color-mix(in srgb,#5eead4 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #021312 88%, #5eead4 12%), color-mix(in srgb, #021312 82%, #0f766e 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="cosmic"]{--primary-color:#f0abfc;--secondary-color:#6366f1;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#09051a 78%,white 4%);--bg-color:#09051a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#09051a);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f0abfc 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #6366f1 18%, transparent), transparent 38%), #09051a;background-attachment:fixed;}
body[theme="ultraviolet"]{--primary-color:#e9d5ff;--secondary-color:#6d28d9;--accent-color:#e9d5ff;--bg-2-color:color-mix(in srgb,#0b0415 78%,white 4%);--bg-color:#0b0415;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e9d5ff);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0415);--border-color:color-mix(in srgb,#e9d5ff 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #0b0415 88%, #e9d5ff 12%), color-mix(in srgb, #0b0415 82%, #6d28d9 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="watermelon"]{--primary-color:#fda4af;--secondary-color:#4ade80;--accent-color:#fda4af;--bg-2-color:color-mix(in srgb,#110c0b 78%,white 4%);--bg-color:#110c0b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fda4af);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#110c0b);--border-color:color-mix(in srgb,#fda4af 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fda4af 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #4ade80 18%, transparent), transparent 38%), #110c0b;background-attachment:fixed;}

/* The anniversary theme is an explicit celebration request, so its rain stays animated. */
@media (prefers-reduced-motion: reduce) {
  body[theme="anniversary"] .anniversary-rain > span {
    animation-delay: var(--fall-delay) !important;
    animation-duration: var(--fall-speed) !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
  }

  body[theme="anniversary"] .anniversary-confetti {
    animation-name: xandersarcade-confetti-rain !important;
  }

  body[theme="anniversary"] .anniversary-coin {
    animation-name: xandersarcade-coin-rain !important;
  }

  body[theme="anniversary"] .anniversary-dollar {
    animation-name: xandersarcade-dollar-rain !important;
  }
}
/* Additional distinctive static and animated themes. */
/* 475 more individually named themes with distinct visual families. */
@keyframes xa-mass-float{from{background-position:0% 0%}to{background-position:100% 80%}}
@keyframes xa-mass-metal{from{background-position:0 0}to{background-position:60px 60px}}
@keyframes xa-mass-bloom{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes xa-mass-grid{from{background-position:0 0}to{background-position:44px 44px}}
@keyframes xa-mass-scan{from{background-position:0 0}to{background-position:0 180px}}
@keyframes xa-mass-spin{from{background-position:0deg}to{background-position:360deg}}
@keyframes xa-mass-contour{from{background-position:0 0}to{background-position:80px 50px}}
@keyframes xa-mass-liquid{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes xa-mass-draft{from{background-position:0 0}to{background-position:36px 36px}}
@keyframes xa-mass-paper{from{background-position:0 0}to{background-position:20px 20px}}
@keyframes xa-mass-fire{from{background-position:0% 100%}to{background-position:100% 0%}}
@keyframes xa-mass-wave{from{background-position:0 0}to{background-position:80px 0}}
@keyframes xa-mass-rain{from{background-position:0 0}to{background-position:120px 220px}}
@keyframes xa-mass-glass{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes xa-mass-sunset{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes xa-mass-halo{from{background-position:0% 0%}to{background-position:100% 40%}}
@keyframes xa-mass-crosshatch{from{background-position:0 0}to{background-position:32px 32px}}
@keyframes xa-mass-starfield{from{background-position:0 0}to{background-position:100px 60px}}
@keyframes xa-mass-circuit{from{background-position:0 0}to{background-position:48px 48px}}


































































































































































































































































































































































































































































@keyframes xa-theme-drift {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}
body[theme="glassmorphism"]{--primary-color:#a5b4fc;--secondary-color:#67e8f9;--accent-color:#a5b4fc;--bg-2-color:color-mix(in srgb,#0b1020 78%,white 4%);--bg-color:#0b1020;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a5b4fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1020);--border-color:color-mix(in srgb,#a5b4fc 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #a5b4fc 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #67e8f9 18%, transparent), transparent 38%), #0b1020;background-attachment:fixed;}
body[theme="blueprint"]{--primary-color:#93c5fd;--secondary-color:#38bdf8;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#06152a 78%,white 4%);--bg-color:#06152a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#06152a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #06152a 88%, #93c5fd 12%), color-mix(in srgb, #06152a 82%, #38bdf8 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="papertrail"]{--primary-color:#475569;--secondary-color:#94a3b8;--accent-color:#475569;--bg-2-color:color-mix(in srgb,#f1ede4 78%,white 4%);--bg-color:#f1ede4;--text-color:#0f172a;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#475569 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #475569 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #94a3b8 18%, transparent), transparent 38%), #f1ede4;background-attachment:fixed;}
body[theme="synthgrid"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#12051f 78%,white 4%);--bg-color:#12051f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#12051f);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #12051f 88%, #f0abfc 12%), color-mix(in srgb, #12051f 82%, #22d3ee 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="neonnoir"]{--primary-color:#f43f5e;--secondary-color:#06b6d4;--accent-color:#f43f5e;--bg-2-color:color-mix(in srgb,#080a14 78%,white 4%);--bg-color:#080a14;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f43f5e);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#080a14);--border-color:color-mix(in srgb,#f43f5e 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f43f5e 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #06b6d4 18%, transparent), transparent 38%), #080a14;background-attachment:fixed;}
body[theme="biolume"]{--primary-color:#5eead4;--secondary-color:#a3e635;--accent-color:#5eead4;--bg-2-color:color-mix(in srgb,#031613 78%,white 4%);--bg-color:#031613;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#5eead4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#031613);--border-color:color-mix(in srgb,#5eead4 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #031613 88%, #5eead4 12%), color-mix(in srgb, #031613 82%, #a3e635 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="desertnight"]{--primary-color:#fbbf24;--secondary-color:#fb7185;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#170b08 78%,white 4%);--bg-color:#170b08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170b08);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fbbf24 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #fb7185 18%, transparent), transparent 38%), #170b08;background-attachment:fixed;}
body[theme="moonlit"]{--primary-color:#c4b5fd;--secondary-color:#93c5fd;--accent-color:#c4b5fd;--bg-2-color:color-mix(in srgb,#080b19 78%,white 4%);--bg-color:#080b19;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#c4b5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#080b19);--border-color:color-mix(in srgb,#c4b5fd 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #080b19 88%, #c4b5fd 12%), color-mix(in srgb, #080b19 82%, #93c5fd 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}

body[theme="lavenderfog"]{--primary-color:#ddd6fe;--secondary-color:#c084fc;--accent-color:#ddd6fe;--bg-2-color:color-mix(in srgb,#120d1e 78%,white 4%);--bg-color:#120d1e;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#ddd6fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#120d1e);--border-color:color-mix(in srgb,#ddd6fe 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #120d1e 88%, #ddd6fe 12%), color-mix(in srgb, #120d1e 82%, #c084fc 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="pixelwave"]{--primary-color:#facc15;--secondary-color:#38bdf8;--accent-color:#facc15;--bg-2-color:color-mix(in srgb,#0a1022 78%,white 4%);--bg-color:#0a1022;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#facc15);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0a1022);--border-color:color-mix(in srgb,#facc15 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #facc15 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #38bdf8 18%, transparent), transparent 38%), #0a1022;background-attachment:fixed;}
body[theme="terminalrain"]{--primary-color:#86efac;--secondary-color:#22c55e;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020b05 78%,white 4%);--bg-color:#020b05;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020b05);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #020b05 88%, #86efac 12%), color-mix(in srgb, #020b05 82%, #22c55e 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="auroraveil"]{--primary-color:#99f6e4;--secondary-color:#f0abfc;--accent-color:#99f6e4;--bg-2-color:color-mix(in srgb,#06121c 78%,white 4%);--bg-color:#06121c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#99f6e4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#06121c);--border-color:color-mix(in srgb,#99f6e4 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #99f6e4 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f0abfc 18%, transparent), transparent 38%), #06121c;background-attachment:fixed;}
body[theme="prism"]{--primary-color:#f9a8d4;--secondary-color:#a78bfa;--accent-color:#f9a8d4;--bg-2-color:color-mix(in srgb,#100a1c 78%,white 4%);--bg-color:#100a1c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f9a8d4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#100a1c);--border-color:color-mix(in srgb,#f9a8d4 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #100a1c 88%, #f9a8d4 12%), color-mix(in srgb, #100a1c 82%, #a78bfa 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="inkwash"]{--primary-color:#e2e8f0;--secondary-color:#94a3b8;--accent-color:#e2e8f0;--bg-2-color:color-mix(in srgb,#111827 78%,white 4%);--bg-color:#111827;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e2e8f0);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111827);--border-color:color-mix(in srgb,#e2e8f0 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #e2e8f0 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #94a3b8 18%, transparent), transparent 38%), #111827;background-attachment:fixed;}
body[theme="velvet"]{--primary-color:#fda4af;--secondary-color:#c084fc;--accent-color:#fda4af;--bg-2-color:color-mix(in srgb,#1a0815 78%,white 4%);--bg-color:#1a0815;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fda4af);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1a0815);--border-color:color-mix(in srgb,#fda4af 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #1a0815 88%, #fda4af 12%), color-mix(in srgb, #1a0815 82%, #c084fc 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="citrus"]{--primary-color:#bef264;--secondary-color:#facc15;--accent-color:#bef264;--bg-2-color:color-mix(in srgb,#111507 78%,white 4%);--bg-color:#111507;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#bef264);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111507);--border-color:color-mix(in srgb,#bef264 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #bef264 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #facc15 18%, transparent), transparent 38%), #111507;background-attachment:fixed;}
body[theme="rosegalaxy"]{--primary-color:#f9a8d4;--secondary-color:#818cf8;--accent-color:#f9a8d4;--bg-2-color:color-mix(in srgb,#160914 78%,white 4%);--bg-color:#160914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f9a8d4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#160914);--border-color:color-mix(in srgb,#f9a8d4 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #160914 88%, #f9a8d4 12%), color-mix(in srgb, #160914 82%, #818cf8 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="circuit"]{--primary-color:#4ade80;--secondary-color:#22d3ee;--accent-color:#4ade80;--bg-2-color:color-mix(in srgb,#03110c 78%,white 4%);--bg-color:#03110c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#4ade80);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03110c);--border-color:color-mix(in srgb,#4ade80 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #4ade80 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #22d3ee 18%, transparent), transparent 38%), #03110c;background-attachment:fixed;}
body[theme="topaz"]{--primary-color:#fde68a;--secondary-color:#f59e0b;--accent-color:#fde68a;--bg-2-color:color-mix(in srgb,#171006 78%,white 4%);--bg-color:#171006;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fde68a);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#171006);--border-color:color-mix(in srgb,#fde68a 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #171006 88%, #fde68a 12%), color-mix(in srgb, #171006 82%, #f59e0b 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="obsidian"]{--primary-color:#e5e7eb;--secondary-color:#6b7280;--accent-color:#e5e7eb;--bg-2-color:color-mix(in srgb,#050608 78%,white 4%);--bg-color:#050608;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e5e7eb);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#050608);--border-color:color-mix(in srgb,#e5e7eb 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #e5e7eb 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #6b7280 18%, transparent), transparent 38%), #050608;background-attachment:fixed;}
body[theme="cloudnine"]{--primary-color:#e0f2fe;--secondary-color:#c4b5fd;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#111827 78%,white 4%);--bg-color:#111827;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111827);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #111827 88%, #e0f2fe 12%), color-mix(in srgb, #111827 82%, #c4b5fd 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="mintglass"]{--primary-color:#99f6e4;--secondary-color:#6ee7b7;--accent-color:#99f6e4;--bg-2-color:color-mix(in srgb,#061512 78%,white 4%);--bg-color:#061512;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#99f6e4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#061512);--border-color:color-mix(in srgb,#99f6e4 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #99f6e4 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #6ee7b7 18%, transparent), transparent 38%), #061512;background-attachment:fixed;}
body[theme="magma"]{--primary-color:#fb923c;--secondary-color:#dc2626;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170504 78%,white 4%);--bg-color:#170504;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170504);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #170504 88%, #fb923c 12%), color-mix(in srgb, #170504 82%, #dc2626 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="starforge"]{--primary-color:#fde68a;--secondary-color:#a78bfa;--accent-color:#fde68a;--bg-2-color:color-mix(in srgb,#090817 78%,white 4%);--bg-color:#090817;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fde68a);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#090817);--border-color:color-mix(in srgb,#fde68a 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fde68a 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #a78bfa 18%, transparent), transparent 38%), #090817;background-attachment:fixed;}
body[theme="oceanfloor"]{--primary-color:#67e8f9;--secondary-color:#14b8a6;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#02131b 78%,white 4%);--bg-color:#02131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#02131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #02131b 88%, #67e8f9 12%), color-mix(in srgb, #02131b 82%, #14b8a6 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="hologram"]{--primary-color:#67e8f9;--secondary-color:#e879f9;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#080b18 78%,white 4%);--bg-color:#080b18;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#080b18);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #67e8f9 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #e879f9 18%, transparent), transparent 38%), #080b18;background-attachment:fixed;}
body[theme="arcade"]{--primary-color:#f43f5e;--secondary-color:#facc15;--accent-color:#f43f5e;--bg-2-color:color-mix(in srgb,#130611 78%,white 4%);--bg-color:#130611;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f43f5e);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#130611);--border-color:color-mix(in srgb,#f43f5e 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #130611 88%, #f43f5e 12%), color-mix(in srgb, #130611 82%, #facc15 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="sakuradrift"]{--primary-color:#fbcfe8;--secondary-color:#f472b6;--accent-color:#fbcfe8;--bg-2-color:color-mix(in srgb,#190b16 78%,white 4%);--bg-color:#190b16;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbcfe8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#190b16);--border-color:color-mix(in srgb,#fbcfe8 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fbcfe8 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f472b6 18%, transparent), transparent 38%), #190b16;background-attachment:fixed;}
body[theme="carbon"]{--primary-color:#d1d5db;--secondary-color:#6b7280;--accent-color:#d1d5db;--bg-2-color:color-mix(in srgb,#0b0d10 78%,white 4%);--bg-color:#0b0d10;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#d1d5db);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0d10);--border-color:color-mix(in srgb,#d1d5db 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #0b0d10 88%, #d1d5db 12%), color-mix(in srgb, #0b0d10 82%, #6b7280 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="twilight"]{--primary-color:#c4b5fd;--secondary-color:#fb7185;--accent-color:#c4b5fd;--bg-2-color:color-mix(in srgb,#110b1b 78%,white 4%);--bg-color:#110b1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#c4b5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#110b1b);--border-color:color-mix(in srgb,#c4b5fd 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #c4b5fd 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #fb7185 18%, transparent), transparent 38%), #110b1b;background-attachment:fixed;}
body[theme="storm"]{--primary-color:#cbd5e1;--secondary-color:#60a5fa;--accent-color:#cbd5e1;--bg-2-color:color-mix(in srgb,#080f1a 78%,white 4%);--bg-color:#080f1a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#cbd5e1);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#080f1a);--border-color:color-mix(in srgb,#cbd5e1 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #080f1a 88%, #cbd5e1 12%), color-mix(in srgb, #080f1a 82%, #60a5fa 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="glacier"]{--primary-color:#e0f2fe;--secondary-color:#38bdf8;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#06121c 78%,white 4%);--bg-color:#06121c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#06121c);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #e0f2fe 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #38bdf8 18%, transparent), transparent 38%), #06121c;background-attachment:fixed;}
body[theme="candyland"]{--primary-color:#f9a8d4;--secondary-color:#fcd34d;--accent-color:#f9a8d4;--bg-2-color:color-mix(in srgb,#180b17 78%,white 4%);--bg-color:#180b17;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f9a8d4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180b17);--border-color:color-mix(in srgb,#f9a8d4 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #180b17 88%, #f9a8d4 12%), color-mix(in srgb, #180b17 82%, #fcd34d 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="fractal"]{--primary-color:#c084fc;--secondary-color:#f472b6;--accent-color:#c084fc;--bg-2-color:color-mix(in srgb,#100719 78%,white 4%);--bg-color:#100719;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#c084fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#100719);--border-color:color-mix(in srgb,#c084fc 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #c084fc 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f472b6 18%, transparent), transparent 38%), #100719;background-attachment:fixed;}
body[theme="moss"]{--primary-color:#bef264;--secondary-color:#84cc16;--accent-color:#bef264;--bg-2-color:color-mix(in srgb,#081008 78%,white 4%);--bg-color:#081008;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#bef264);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#081008);--border-color:color-mix(in srgb,#bef264 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #081008 88%, #bef264 12%), color-mix(in srgb, #081008 82%, #84cc16 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="honeycomb"]{--primary-color:#fde68a;--secondary-color:#f59e0b;--accent-color:#fde68a;--bg-2-color:color-mix(in srgb,#171005 78%,white 4%);--bg-color:#171005;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fde68a);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#171005);--border-color:color-mix(in srgb,#fde68a 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fde68a 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f59e0b 18%, transparent), transparent 38%), #171005;background-attachment:fixed;}
body[theme="blacklight"]{--primary-color:#d946ef;--secondary-color:#7c3aed;--accent-color:#d946ef;--bg-2-color:color-mix(in srgb,#0d0314 78%,white 4%);--bg-color:#0d0314;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#d946ef);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0d0314);--border-color:color-mix(in srgb,#d946ef 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #0d0314 88%, #d946ef 12%), color-mix(in srgb, #0d0314 82%, #7c3aed 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="chrome"]{--primary-color:#f8fafc;--secondary-color:#94a3b8;--accent-color:#f8fafc;--bg-2-color:color-mix(in srgb,#111318 78%,white 4%);--bg-color:#111318;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f8fafc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111318);--border-color:color-mix(in srgb,#f8fafc 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f8fafc 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #94a3b8 18%, transparent), transparent 38%), #111318;background-attachment:fixed;}
body[theme="vapor"]{--primary-color:#f0abfc;--secondary-color:#818cf8;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10091d 78%,white 4%);--bg-color:#10091d;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10091d);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #10091d 88%, #f0abfc 12%), color-mix(in srgb, #10091d 82%, #818cf8 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="deepviolet"]{--primary-color:#d8b4fe;--secondary-color:#7c3aed;--accent-color:#d8b4fe;--bg-2-color:color-mix(in srgb,#090313 78%,white 4%);--bg-color:#090313;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#d8b4fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#090313);--border-color:color-mix(in srgb,#d8b4fe 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #d8b4fe 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #7c3aed 18%, transparent), transparent 38%), #090313;background-attachment:fixed;}
body[theme="firewatch"]{--primary-color:#fdba74;--secondary-color:#ef4444;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#170806 78%,white 4%);--bg-color:#170806;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170806);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #170806 88%, #fdba74 12%), color-mix(in srgb, #170806 82%, #ef4444 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="seaglass"]{--primary-color:#99f6e4;--secondary-color:#7dd3fc;--accent-color:#99f6e4;--bg-2-color:color-mix(in srgb,#061416 78%,white 4%);--bg-color:#061416;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#99f6e4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#061416);--border-color:color-mix(in srgb,#99f6e4 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #99f6e4 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #7dd3fc 18%, transparent), transparent 38%), #061416;background-attachment:fixed;}
body[theme="plum"]{--primary-color:#f0abfc;--secondary-color:#be185d;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#180711 78%,white 4%);--bg-color:#180711;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180711);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #180711 88%, #f0abfc 12%), color-mix(in srgb, #180711 82%, #be185d 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="sandstorm"]{--primary-color:#fed7aa;--secondary-color:#d97706;--accent-color:#fed7aa;--bg-2-color:color-mix(in srgb,#181006 78%,white 4%);--bg-color:#181006;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fed7aa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#181006);--border-color:color-mix(in srgb,#fed7aa 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fed7aa 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #d97706 18%, transparent), transparent 38%), #181006;background-attachment:fixed;}
body[theme="electricblue"]{--primary-color:#93c5fd;--secondary-color:#2563eb;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#040b18 78%,white 4%);--bg-color:#040b18;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#040b18);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #040b18 88%, #93c5fd 12%), color-mix(in srgb, #040b18 82%, #2563eb 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="redshift"]{--primary-color:#fca5a5;--secondary-color:#f97316;--accent-color:#fca5a5;--bg-2-color:color-mix(in srgb,#180605 78%,white 4%);--bg-color:#180605;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fca5a5);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180605);--border-color:color-mix(in srgb,#fca5a5 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fca5a5 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f97316 18%, transparent), transparent 38%), #180605;background-attachment:fixed;}
body[theme="datawave"]{--primary-color:#67e8f9;--secondary-color:#818cf8;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#050b18 78%,white 4%);--bg-color:#050b18;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#050b18);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #050b18 88%, #67e8f9 12%), color-mix(in srgb, #050b18 82%, #818cf8 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="lunar"]{--primary-color:#d1d5db;--secondary-color:#9ca3af;--accent-color:#d1d5db;--bg-2-color:color-mix(in srgb,#0c0d12 78%,white 4%);--bg-color:#0c0d12;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#d1d5db);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0c0d12);--border-color:color-mix(in srgb,#d1d5db 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #d1d5db 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #9ca3af 18%, transparent), transparent 38%), #0c0d12;background-attachment:fixed;}
body[theme="koi"]{--primary-color:#fb923c;--secondary-color:#f8fafc;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#071316 78%,white 4%);--bg-color:#071316;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#071316);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #071316 88%, #fb923c 12%), color-mix(in srgb, #071316 82%, #f8fafc 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="monochromegrid"]{--primary-color:#f8fafc;--secondary-color:#64748b;--accent-color:#f8fafc;--bg-2-color:color-mix(in srgb,#0a0c10 78%,white 4%);--bg-color:#0a0c10;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f8fafc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0a0c10);--border-color:color-mix(in srgb,#f8fafc 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f8fafc 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #64748b 18%, transparent), transparent 38%), #0a0c10;background-attachment:fixed;}
body[theme="parchment"]{--primary-color:#78350f;--secondary-color:#b45309;--accent-color:#78350f;--bg-2-color:color-mix(in srgb,#eee4ce 78%,white 4%);--bg-color:#eee4ce;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#78350f);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#eee4ce);--border-color:color-mix(in srgb,#78350f 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #eee4ce 88%, #78350f 12%), color-mix(in srgb, #eee4ce 82%, #b45309 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="iridescent"]{--primary-color:#a5f3fc;--secondary-color:#f0abfc;--accent-color:#a5f3fc;--bg-2-color:color-mix(in srgb,#090e1c 78%,white 4%);--bg-color:#090e1c;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a5f3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#090e1c);--border-color:color-mix(in srgb,#a5f3fc 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #a5f3fc 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f0abfc 18%, transparent), transparent 38%), #090e1c;background-attachment:fixed;}
body[theme="acidrain"]{--primary-color:#bef264;--secondary-color:#22d3ee;--accent-color:#bef264;--bg-2-color:color-mix(in srgb,#03100d 78%,white 4%);--bg-color:#03100d;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#bef264);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03100d);--border-color:color-mix(in srgb,#bef264 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #03100d 88%, #bef264 12%), color-mix(in srgb, #03100d 82%, #22d3ee 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="cosmos"]{--primary-color:#c4b5fd;--secondary-color:#f0abfc;--accent-color:#c4b5fd;--bg-2-color:color-mix(in srgb,#070513 78%,white 4%);--bg-color:#070513;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#c4b5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#070513);--border-color:color-mix(in srgb,#c4b5fd 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #c4b5fd 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #f0abfc 18%, transparent), transparent 38%), #070513;background-attachment:fixed;}
body[theme="nightdrive"]{--primary-color:#38bdf8;--secondary-color:#f43f5e;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#050a16 78%,white 4%);--bg-color:#050a16;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#050a16);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #050a16 88%, #38bdf8 12%), color-mix(in srgb, #050a16 82%, #f43f5e 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="aurorapink"]{--primary-color:#f9a8d4;--secondary-color:#5eead4;--accent-color:#f9a8d4;--bg-2-color:color-mix(in srgb,#100914 78%,white 4%);--bg-color:#100914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f9a8d4);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#100914);--border-color:color-mix(in srgb,#f9a8d4 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #f9a8d4 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #5eead4 18%, transparent), transparent 38%), #100914;background-attachment:fixed;}
body[theme="inkblue"]{--primary-color:#93c5fd;--secondary-color:#1d4ed8;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#050b18 78%,white 4%);--bg-color:#050b18;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#050b18);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #050b18 88%, #93c5fd 12%), color-mix(in srgb, #050b18 82%, #1d4ed8 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
body[theme="goldenhour"]{--primary-color:#fde68a;--secondary-color:#fb923c;--accent-color:#fde68a;--bg-2-color:color-mix(in srgb,#1a0f04 78%,white 4%);--bg-color:#1a0f04;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fde68a);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#1a0f04);--border-color:color-mix(in srgb,#fde68a 32%,transparent);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, #fde68a 22%, transparent), transparent 34%), radial-gradient(circle at 84% 88%, color-mix(in srgb, #fb923c 18%, transparent), transparent 38%), #1a0f04;background-attachment:fixed;}
body[theme="thunder"]{--primary-color:#e2e8f0;--secondary-color:#facc15;--accent-color:#e2e8f0;--bg-2-color:color-mix(in srgb,#070b12 78%,white 4%);--bg-color:#070b12;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e2e8f0);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#070b12);--border-color:color-mix(in srgb,#e2e8f0 32%,transparent);background:linear-gradient(135deg, color-mix(in srgb, #070b12 88%, #e2e8f0 12%), color-mix(in srgb, #070b12 82%, #facc15 18%));background-attachment:fixed;background-size:180% 180%;animation:xa-theme-drift 18s ease-in-out infinite alternate;}
/* Signature surfaces for the new set: patterns and motion differ by theme family. */
@keyframes xa-grid-drift{from{background-position:0 0,0 0}to{background-position:48px 48px,0 0}}
@keyframes xa-scan-drift{from{background-position:0 0,0 0}to{background-position:0 160px,120px 0}}
@keyframes xa-glass-breathe{0%,100%{background-position:12% 16%,86% 82%,0 0}50%{background-position:28% 32%,70% 62%,0 0}}
@keyframes xa-pixel-shift{from{background-position:0 0,0 0}to{background-position:32px 0,-32px 0}}
body[theme="glassmorphism"]{background:linear-gradient(135deg,rgba(165,180,252,.2),transparent 42%),linear-gradient(315deg,rgba(103,232,249,.18),transparent 48%),rgba(11,16,32,.96);backdrop-filter:blur(18px);background-size:140% 140%,140% 140%,auto;animation:xa-glass-breathe 16s ease-in-out infinite alternate;}
body[theme="blueprint"]{background-color:#06152a;background-image:linear-gradient(rgba(147,197,253,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(147,197,253,.13) 1px,transparent 1px),linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px;animation:xa-grid-drift 22s linear infinite;}
body[theme="papertrail"]{background-color:#f1ede4;background-image:radial-gradient(rgba(71,85,105,.16) .7px,transparent .7px),linear-gradient(110deg,rgba(255,255,255,.65),transparent 42%);background-size:9px 9px,100% 100%;}
body[theme="synthgrid"]{background-color:#12051f;background-image:linear-gradient(rgba(34,211,238,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(240,171,252,.17) 1px,transparent 1px),linear-gradient(180deg,transparent 70%,rgba(240,171,252,.2));background-size:42px 42px,42px 42px,100% 100%;animation:xa-grid-drift 12s linear infinite;}
body[theme="pixelwave"]{background-color:#0a1022;background-image:repeating-linear-gradient(90deg,rgba(56,189,248,.14) 0 3px,transparent 3px 14px),repeating-linear-gradient(0deg,rgba(250,204,21,.12) 0 3px,transparent 3px 14px);background-size:28px 28px;animation:xa-pixel-shift 9s steps(8,end) infinite;}
body[theme="terminalrain"]{background-color:#020b05;background-image:repeating-linear-gradient(90deg,transparent 0 18px,rgba(134,239,172,.1) 19px 20px),linear-gradient(180deg,rgba(34,197,94,.22),transparent 35%);background-size:40px 100%,100% 220px;animation:xa-scan-drift 15s linear infinite;}
body[theme="circuit"]{background-color:#03110c;background-image:linear-gradient(90deg,rgba(74,222,128,.13) 1px,transparent 1px),linear-gradient(rgba(34,211,238,.13) 1px,transparent 1px),radial-gradient(circle at 25% 25%,#4ade80 0 2px,transparent 3px);background-size:36px 36px,36px 36px,72px 72px;animation:xa-grid-drift 20s linear infinite;}
body[theme="honeycomb"]{background-color:#171005;background-image:radial-gradient(circle at 50% 100%,rgba(253,230,138,.2) 0 17%,transparent 18%),radial-gradient(circle at 0 50%,rgba(245,158,11,.16) 0 17%,transparent 18%);background-size:54px 31px;}
body[theme="monochromegrid"]{background-color:#0a0c10;background-image:linear-gradient(rgba(248,250,252,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(248,250,252,.1) 1px,transparent 1px);background-size:30px 30px;animation:xa-grid-drift 26s linear infinite;}
body[theme="parchment"]{background-color:#eee4ce;background-image:radial-gradient(ellipse at 20% 15%,rgba(120,53,15,.2),transparent 36%),radial-gradient(ellipse at 80% 85%,rgba(180,83,9,.16),transparent 34%),repeating-linear-gradient(0deg,rgba(120,53,15,.06) 0 1px,transparent 1px 5px);}
body[theme="hologram"]{background:linear-gradient(115deg,rgba(103,232,249,.2),transparent 30%),linear-gradient(245deg,rgba(232,121,249,.2),transparent 38%),#080b18;background-size:180% 180%;animation:xa-glass-breathe 10s ease-in-out infinite alternate;}
body[theme="arcade"]{background-color:#130611;background-image:repeating-linear-gradient(0deg,rgba(250,204,21,.1) 0 2px,transparent 2px 6px),linear-gradient(135deg,rgba(244,63,94,.25),transparent 45%);background-size:100% 8px,100% 100%;animation:xa-scan-drift 11s linear infinite;}
body[theme="carbon"]{background-color:#0b0d10;background-image:repeating-linear-gradient(135deg,rgba(209,213,219,.1) 0 2px,transparent 2px 8px),repeating-linear-gradient(45deg,rgba(107,114,128,.1) 0 2px,transparent 2px 8px);background-size:16px 16px;}
body[theme="nightdrive"]{background:linear-gradient(90deg,rgba(56,189,248,.2),transparent 35%,rgba(244,63,94,.2)),#050a16;background-size:220% 100%;animation:xa-glass-breathe 8s ease-in-out infinite alternate;}
/* 150 additional themes: each family uses a different visual language. */
@keyframes xa-family-float{from{background-position:0% 0%}to{background-position:100% 80%}}
@keyframes xa-family-metal{from{background-position:0 0}to{background-position:60px 60px}}
@keyframes xa-family-bloom{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes xa-family-grid{from{background-position:0 0}to{background-position:44px 44px}}
@keyframes xa-family-scan{from{background-position:0 0}to{background-position:0 180px}}
@keyframes xa-family-spin{from{background-position:0deg}to{background-position:360deg}}
@keyframes xa-family-contour{from{background-position:0 0}to{background-position:80px 50px}}
@keyframes xa-family-liquid{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes xa-family-draft{from{background-position:0 0}to{background-position:36px 36px}}
@keyframes xa-family-paper{from{background-position:0 0}to{background-position:20px 20px}}
@keyframes xa-family-fire{from{background-position:0% 100%}to{background-position:100% 0%}}
@keyframes xa-family-wave{from{background-position:0 0}to{background-position:80px 0}}
@keyframes xa-family-rain{from{background-position:0 0}to{background-position:120px 220px}}
@keyframes xa-family-glass{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes xa-family-sunset{from{background-position:0% 0%}to{background-position:100% 100%}}
body[theme="monsoon"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;}
body[theme="rainshadow"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;background-size:180% 180%;animation:xa-family-float 18s ease-in-out infinite alternate;}
body[theme="cloudbank"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;}
body[theme="bluehour"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;background-size:180% 180%;animation:xa-family-float 18s ease-in-out infinite alternate;}
body[theme="starlit"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;}
body[theme="frostmoon"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;background-size:180% 180%;animation:xa-family-float 18s ease-in-out infinite alternate;}
body[theme="duskcloud"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;}
body[theme="nightmist"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;background-size:180% 180%;animation:xa-family-float 18s ease-in-out infinite alternate;}
body[theme="sunhalo"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;}
body[theme="overcast"]{--primary-color:#7dd3fc;--secondary-color:#c4b5fd;--accent-color:#7dd3fc;--bg-2-color:color-mix(in srgb,#07111f 78%,white 4%);--bg-color:#07111f;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#7dd3fc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111f);--border-color:color-mix(in srgb,#7dd3fc 32%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,#7dd3fc 38%,transparent) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,color-mix(in srgb,#c4b5fd 32%,transparent) 0 2px,transparent 3px),#07111f;background-attachment:fixed;background-size:180% 180%;animation:xa-family-float 18s ease-in-out infinite alternate;}
body[theme="brass"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;}
body[theme="bronze"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;background-size:180% 180%;animation:xa-family-metal 14s linear infinite;}
body[theme="pewter"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;}
body[theme="silverleaf"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;background-size:180% 180%;animation:xa-family-metal 14s linear infinite;}
body[theme="ironwood"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;}
body[theme="marbled"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;background-size:180% 180%;animation:xa-family-metal 14s linear infinite;}
body[theme="slate"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;}
body[theme="alabaster"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;background-size:180% 180%;animation:xa-family-metal 14s linear infinite;}
body[theme="basalt"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;}
body[theme="terracotta"]{--primary-color:#fbbf24;--secondary-color:#cbd5e1;--accent-color:#fbbf24;--bg-2-color:color-mix(in srgb,#111216 78%,white 4%);--bg-color:#111216;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fbbf24);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#111216);--border-color:color-mix(in srgb,#fbbf24 32%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,#fbbf24 38%,transparent) 0 2px,transparent 2px 13px),linear-gradient(45deg,color-mix(in srgb,#cbd5e1 32%,transparent),transparent 58%),#111216;background-attachment:fixed;background-size:180% 180%;animation:xa-family-metal 14s linear infinite;}

body[theme="pine"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-bloom 16s ease-in-out infinite alternate;}
body[theme="cedar"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;}
body[theme="wildflower"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-bloom 16s ease-in-out infinite alternate;}
body[theme="lavenderfield"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;}
body[theme="meadow"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-bloom 16s ease-in-out infinite alternate;}
body[theme="alpine"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;}
body[theme="riverstone"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-bloom 16s ease-in-out infinite alternate;}
body[theme="sequoia"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;}
body[theme="eucalyptus"]{--primary-color:#86efac;--secondary-color:#bef264;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#07120b 78%,white 4%);--bg-color:#07120b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07120b);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:radial-gradient(circle at 20% 80%,color-mix(in srgb,#86efac 38%,transparent) 0 5%,transparent 5.5%),radial-gradient(circle at 80% 20%,color-mix(in srgb,#bef264 32%,transparent) 0 4%,transparent 4.5%),#07120b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-bloom 16s ease-in-out infinite alternate;}
body[theme="neonpulse"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;}
body[theme="glowstick"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;}
body[theme="cyberglow"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-grid 20s linear infinite;}
body[theme="chroma"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-grid 20s linear infinite;}
body[theme="neonpetal"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;}
body[theme="plasmawave"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-grid 20s linear infinite;}
body[theme="afterimage"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;}
body[theme="neonflare"]{--primary-color:#f0abfc;--secondary-color:#22d3ee;--accent-color:#f0abfc;--bg-2-color:color-mix(in srgb,#10061b 78%,white 4%);--bg-color:#10061b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f0abfc);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#10061b);--border-color:color-mix(in srgb,#f0abfc 32%,transparent);background:linear-gradient(color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#f0abfc 38%,transparent) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 60%),#10061b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-grid 20s linear infinite;}

body[theme="cassette"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;background-size:180% 180%;animation:xa-family-scan 11s linear infinite;}
body[theme="polaroid"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;}
body[theme="gameboy"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;background-size:180% 180%;animation:xa-family-scan 11s linear infinite;}
body[theme="atari"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;}
body[theme="retrowave"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;background-size:180% 180%;animation:xa-family-scan 11s linear infinite;}
body[theme="pixelparty"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;}
body[theme="crt"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;background-size:180% 180%;animation:xa-family-scan 11s linear infinite;}
body[theme="outrun"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;}
body[theme="arcadefilm"]{--primary-color:#f472b6;--secondary-color:#facc15;--accent-color:#f472b6;--bg-2-color:color-mix(in srgb,#140914 78%,white 4%);--bg-color:#140914;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#f472b6);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#140914);--border-color:color-mix(in srgb,#f472b6 32%,transparent);background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,color-mix(in srgb,#f472b6 38%,transparent),color-mix(in srgb,#facc15 32%,transparent)),#140914;background-attachment:fixed;background-size:180% 180%;animation:xa-family-scan 11s linear infinite;}
body[theme="tessellate"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;}
body[theme="kaleido"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;background-size:180% 180%;animation:xa-family-spin 28s linear infinite;}

body[theme="triangulate"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;background-size:180% 180%;animation:xa-family-spin 28s linear infinite;}
body[theme="hexfield"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;}
body[theme="circles"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;background-size:180% 180%;animation:xa-family-spin 28s linear infinite;}
body[theme="chevrons"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;}
body[theme="isometric"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;background-size:180% 180%;animation:xa-family-spin 28s linear infinite;}
body[theme="wireframe"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;}
body[theme="diamondcut"]{--primary-color:#a78bfa;--secondary-color:#67e8f9;--accent-color:#a78bfa;--bg-2-color:color-mix(in srgb,#0b0a1b 78%,white 4%);--bg-color:#0b0a1b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#a78bfa);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b0a1b);--border-color:color-mix(in srgb,#a78bfa 32%,transparent);background:conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,#a78bfa 38%,transparent), color-mix(in srgb,#67e8f9 32%,transparent), #0b0a1b, color-mix(in srgb,#a78bfa 38%,transparent));background-attachment:fixed;background-size:180% 180%;animation:xa-family-spin 28s linear infinite;}

body[theme="elevation"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-contour 24s ease-in-out infinite alternate;}
body[theme="faultline"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;}
body[theme="terrain"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-contour 24s ease-in-out infinite alternate;}
body[theme="ridgewalk"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;}
body[theme="canyon"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-contour 24s ease-in-out infinite alternate;}
body[theme="basin"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;}
body[theme="summit"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-contour 24s ease-in-out infinite alternate;}
body[theme="depthmap"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;}
body[theme="geodesic"]{--primary-color:#93c5fd;--secondary-color:#84cc16;--accent-color:#93c5fd;--bg-2-color:color-mix(in srgb,#07101a 78%,white 4%);--bg-color:#07101a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#93c5fd);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07101a);--border-color:color-mix(in srgb,#93c5fd 32%,transparent);background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 18px,color-mix(in srgb,#93c5fd 38%,transparent) 19px 20px),#07101a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-contour 24s ease-in-out infinite alternate;}
body[theme="inkripple"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;}
body[theme="oilspill"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-liquid 13s ease-in-out infinite alternate;}
body[theme="rainbowink"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;}
body[theme="mercury"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-liquid 13s ease-in-out infinite alternate;}
body[theme="tidalglass"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;}
body[theme="bubblebath"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-liquid 13s ease-in-out infinite alternate;}
body[theme="liquidgold"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;}
body[theme="seafluid"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-liquid 13s ease-in-out infinite alternate;}
body[theme="soapfilm"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;}
body[theme="chromedrip"]{--primary-color:#67e8f9;--secondary-color:#f0abfc;--accent-color:#67e8f9;--bg-2-color:color-mix(in srgb,#07131b 78%,white 4%);--bg-color:#07131b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#67e8f9);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07131b);--border-color:color-mix(in srgb,#67e8f9 32%,transparent);background:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,#67e8f9 38%,transparent),transparent 42%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,#f0abfc 32%,transparent),transparent 44%),#07131b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-liquid 13s ease-in-out infinite alternate;}

body[theme="architect"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-draft 18s linear infinite;}
body[theme="schematic"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;}
body[theme="gridpaper"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-draft 18s linear infinite;}
body[theme="machinery"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;}
body[theme="blueprintred"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-draft 18s linear infinite;}
body[theme="engineering"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;}
body[theme="workshop"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-draft 18s linear infinite;}
body[theme="circuitplan"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;}
body[theme="floorplan"]{--primary-color:#38bdf8;--secondary-color:#f97316;--accent-color:#38bdf8;--bg-2-color:color-mix(in srgb,#07111b 78%,white 4%);--bg-color:#07111b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#38bdf8);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#07111b);--border-color:color-mix(in srgb,#38bdf8 32%,transparent);background:linear-gradient(color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#38bdf8 38%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,#f97316 32%,transparent) 1px,transparent 1px),#07111b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-draft 18s linear infinite;}
body[theme="newsprint"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;}

body[theme="notebook"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;}
body[theme="ledger"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;background-size:180% 180%;animation:xa-family-paper 30s linear infinite;}
body[theme="bluepaper"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;}
body[theme="graphitepaper"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;background-size:180% 180%;animation:xa-family-paper 30s linear infinite;}
body[theme="origami"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;}
body[theme="postcard"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;background-size:180% 180%;animation:xa-family-paper 30s linear infinite;}
body[theme="bookcloth"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;}
body[theme="risograph"]{--primary-color:#64748b;--secondary-color:#f8fafc;--accent-color:#64748b;--bg-2-color:color-mix(in srgb,#ece7dc 78%,white 4%);--bg-color:#ece7dc;--text-color:#111827;--text-secondary-color:#334155;--text-placeholder-color:#64748b;--border-color:color-mix(in srgb,#64748b 32%,transparent);background:radial-gradient(rgba(30,41,59,.16) .8px,transparent .8px),linear-gradient(110deg,rgba(255,255,255,.72),transparent),#ece7dc;background-attachment:fixed;background-size:180% 180%;animation:xa-family-paper 30s linear infinite;}
body[theme="wildfire"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;}
body[theme="coalglow"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;background-size:180% 180%;animation:xa-family-fire 9s ease-in-out infinite alternate;}
body[theme="hearth"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;}
body[theme="sparktrail"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;background-size:180% 180%;animation:xa-family-fire 9s ease-in-out infinite alternate;}
body[theme="ashfall"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;}
body[theme="flareup"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;background-size:180% 180%;animation:xa-family-fire 9s ease-in-out infinite alternate;}

body[theme="smokestack"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;background-size:180% 180%;animation:xa-family-fire 9s ease-in-out infinite alternate;}
body[theme="hotmetal"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;}
body[theme="sunburn"]{--primary-color:#fb923c;--secondary-color:#ef4444;--accent-color:#fb923c;--bg-2-color:color-mix(in srgb,#170704 78%,white 4%);--bg-color:#170704;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fb923c);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#170704);--border-color:color-mix(in srgb,#fb923c 32%,transparent);background:linear-gradient(115deg,color-mix(in srgb,#fb923c 38%,transparent),transparent 32%),linear-gradient(250deg,color-mix(in srgb,#ef4444 32%,transparent),transparent 44%),#170704;background-attachment:fixed;background-size:180% 180%;animation:xa-family-fire 9s ease-in-out infinite alternate;}
body[theme="kelpforest"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;}
body[theme="deepcurrent"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-wave 17s linear infinite;}

body[theme="seabed"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-wave 17s linear infinite;}
body[theme="coralreef"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;}
body[theme="saltwater"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-wave 17s linear infinite;}
body[theme="wavecrest"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;}
body[theme="shipwreck"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-wave 17s linear infinite;}
body[theme="marineroom"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;}
body[theme="undertow"]{--primary-color:#2dd4bf;--secondary-color:#38bdf8;--accent-color:#2dd4bf;--bg-2-color:color-mix(in srgb,#03151b 78%,white 4%);--bg-color:#03151b;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#2dd4bf);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#03151b);--border-color:color-mix(in srgb,#2dd4bf 32%,transparent);background:repeating-linear-gradient(160deg,transparent 0 14px,rgba(255,255,255,.08) 15px 17px),linear-gradient(180deg,color-mix(in srgb,#2dd4bf 38%,transparent),color-mix(in srgb,#38bdf8 32%,transparent)),#03151b;background-attachment:fixed;background-size:180% 180%;animation:xa-family-wave 17s linear infinite;}
body[theme="datastream"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;}
body[theme="codefall"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;background-size:180% 180%;animation:xa-family-rain 12s linear infinite;}
body[theme="terminalgreen"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;}


body[theme="mainframe"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;background-size:180% 180%;animation:xa-family-rain 12s linear infinite;}
body[theme="bitshift"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;}
body[theme="greencode"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;background-size:180% 180%;animation:xa-family-rain 12s linear infinite;}
body[theme="syntax"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;}
body[theme="serverroom"]{--primary-color:#86efac;--secondary-color:#22d3ee;--accent-color:#86efac;--bg-2-color:color-mix(in srgb,#020c08 78%,white 4%);--bg-color:#020c08;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#86efac);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#020c08);--border-color:color-mix(in srgb,#86efac 32%,transparent);background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,#86efac 38%,transparent) 23px 25px),linear-gradient(180deg,color-mix(in srgb,#22d3ee 32%,transparent),transparent 54%),#020c08;background-attachment:fixed;background-size:180% 180%;animation:xa-family-rain 12s linear infinite;}
body[theme="frostedglass"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;}
body[theme="rainonglass"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;background-size:180% 180%;animation:xa-family-glass 15s ease-in-out infinite alternate;}
body[theme="stainedglass"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;}
body[theme="smokeglass"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;background-size:180% 180%;animation:xa-family-glass 15s ease-in-out infinite alternate;}

body[theme="glasshouse"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;background-size:180% 180%;animation:xa-family-glass 15s ease-in-out infinite alternate;}
body[theme="crystalroom"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;}
body[theme="mirrorglow"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;background-size:180% 180%;animation:xa-family-glass 15s ease-in-out infinite alternate;}
body[theme="iceglass"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;}
body[theme="prismglass"]{--primary-color:#e0f2fe;--secondary-color:#f9a8d4;--accent-color:#e0f2fe;--bg-2-color:color-mix(in srgb,#0b1118 78%,white 4%);--bg-color:#0b1118;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#e0f2fe);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#0b1118);--border-color:color-mix(in srgb,#e0f2fe 32%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),radial-gradient(circle at 70% 20%,color-mix(in srgb,#f9a8d4 32%,transparent),transparent 42%),color-mix(in srgb,#e0f2fe 38%,transparent);background-attachment:fixed;background-size:180% 180%;animation:xa-family-glass 15s ease-in-out infinite alternate;}
body[theme="coralhour"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;}
body[theme="peachsky"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-sunset 19s ease-in-out infinite alternate;}
body[theme="goldsky"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;}
body[theme="violetdusk"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-sunset 19s ease-in-out infinite alternate;}
body[theme="horizon"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;}
body[theme="afterglow"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-sunset 19s ease-in-out infinite alternate;}

body[theme="twilightrose"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-sunset 19s ease-in-out infinite alternate;}
body[theme="amberhaze"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;}
body[theme="lastlight"]{--primary-color:#fdba74;--secondary-color:#f472b6;--accent-color:#fdba74;--bg-2-color:color-mix(in srgb,#180a0a 78%,white 4%);--bg-color:#180a0a;--text-color:#f8fafc;--text-secondary-color:color-mix(in srgb,#f8fafc 72%,#fdba74);--text-placeholder-color:color-mix(in srgb,#f8fafc 46%,#180a0a);--border-color:color-mix(in srgb,#fdba74 32%,transparent);background:linear-gradient(160deg,color-mix(in srgb,#fdba74 38%,transparent),transparent 42%),linear-gradient(20deg,color-mix(in srgb,#f472b6 32%,transparent),transparent 56%),#180a0a;background-attachment:fixed;background-size:180% 180%;animation:xa-family-sunset 19s ease-in-out infinite alternate;}


/* Potato Mode: disable decorative motion and rendering effects site-wide. */
html.xandersarcade-potato,
html.xandersarcade-potato *,
html.xandersarcade-potato *::before,
html.xandersarcade-potato *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html.xandersarcade-potato #blobs,
html.xandersarcade-potato #particles-js,
html.xandersarcade-potato #leaf-container,
html.xandersarcade-potato #topography-background,
html.xandersarcade-potato #tom-pearl-drips,
html.xandersarcade-potato #fluid,
html.xandersarcade-potato .anniversary-rain,
html.xandersarcade-potato .xandersarcade-cosmos,
html.xandersarcade-potato .xandersarcade-ocean-scene,
html.xandersarcade-potato .xandersarcade-volcanic-scene,
html.xandersarcade-potato .xandersarcade-anniversary-confetti,
html.xandersarcade-potato .tom-pearl-paint {
  display: none !important;
}

/* Keep shared interface surfaces dark across every theme. */
body[theme] .navbar {
  --navbar-surface: linear-gradient(180deg, #141414, #0c0c0c);
  --navbar-outline: color-mix(in srgb, var(--primary-color) 24%, #292929);
  --navbar-shadow: 0 12px 28px rgba(0, 0, 0, 0.48);
  background: #101010 !important;
  color: #f5f5f5;
}

body[theme] .navbar::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.025), transparent 30%, transparent 75%, rgba(255, 255, 255, 0.01));
}

body[theme] .navbar::after {
  opacity: 0.12;
}

body[theme]:not(.xandersarcade-home):not(.xandersarcade-game-player) .search-container,
body[theme].xandersarcade-home .search-container {
  background: #101010 !important;
  border-color: #282828 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.015) !important;
  backdrop-filter: none !important;
}

body[theme] .search-container:hover,
body[theme] .search-container:focus-within {
  background: #111111 !important;
  border-color: #353535 !important;
}

body[theme] .search-container .search,
body[theme] .search-container input {
  color: #f5f5f5 !important;
}

body[theme] .search-container .search::placeholder,
body[theme] .search-container input::placeholder {
  color: #a8a8a8 !important;
}

body[theme] .btn:not(.btn-outline) {
  background: color-mix(in srgb, var(--primary-color) 58%, #080808);
  color: #f5f5f5;
}

body[theme] .btn:not(.btn-outline):hover,
body[theme] .btn:not(.btn-outline):focus {
  background: color-mix(in srgb, var(--accent-color) 55%, #080808);
  color: #ffffff;
}

body[theme] .navbar .navbar-title,
body[theme] .navbar .navbar-link,
body[theme] .navbar .navbar-brand-link {
  color: #f5f5f5;
}

body[theme] .card,
body[theme] .section-card {
  background: color-mix(in srgb, var(--bg-2-color) 88%, #000000 12%) !important;
}