/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.518e079e.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.ea323500.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.853d50a3.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.55554cd0.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/outfit_cbfa4884.module.css [app-client] (css) */
@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.866357a4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.758e15a8.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.866357a4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.758e15a8.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.866357a4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.758e15a8.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.866357a4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.758e15a8.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/b2ea385cb5ae8625-s.866357a4.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/1b99372b3eaef0c8-s.p.758e15a8.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit Fallback;
  src: local(Arial);
  ascent-override: 100.18%;
  descent-override: 26.05%;
  line-gap-override: 0.0%;
  size-adjust: 99.82%;
}

.outfit_cbfa4884-module__hWmOPq__className {
  font-family: Outfit, Outfit Fallback;
  font-style: normal;
}

.outfit_cbfa4884-module__hWmOPq__variable {
  --font-outfit: "Outfit", "Outfit Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_c765f1e1.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.690580e8.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0b4edfe7.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.bff0868b.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.719084df.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.102b7f24.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.690580e8.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0b4edfe7.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.bff0868b.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.719084df.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.102b7f24.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.690580e8.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0b4edfe7.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.bff0868b.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.719084df.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.102b7f24.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.690580e8.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0b4edfe7.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.bff0868b.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.719084df.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.102b7f24.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_c765f1e1-module__TOcNWq__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_c765f1e1-module__TOcNWq__variable {
  --font-jetbrains-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [next]/internal/font/google/fraunces_5ea7e84a.module.css [app-client] (css) */
@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/85fcf895b86d74a6-s.3eba0a3c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5307092570128b5a-s.3c97c9fa.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/b67966e0b83b2cd0-s.p.85e63c96.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Fraunces Fallback;
  src: local(Times New Roman);
  ascent-override: 84.71%;
  descent-override: 22.09%;
  line-gap-override: 0.0%;
  size-adjust: 115.45%;
}

.fraunces_5ea7e84a-module__nbvPNa__className {
  font-family: Fraunces, Fraunces Fallback;
  font-style: normal;
}

.fraunces_5ea7e84a-module__nbvPNa__variable {
  --font-fraunces: "Fraunces", "Fraunces Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-geist-sans), "Segoe UI", system-ui, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: var(--font-jetbrains-mono), "Segoe UI Symbol", "Apple Symbols", ui-monospace, monospace;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-800: #1e2939;
    --color-zinc-950: #09090b;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-xl: 80rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans), "Segoe UI", system-ui, sans-serif;
    --default-mono-font-family: var(--font-jetbrains-mono), "Segoe UI Symbol", "Apple Symbols", ui-monospace, monospace;
    --color-text-inverse: var(--text-inverse);
    --color-surface-alt: var(--surface-alt);
    --color-border-default: var(--border);
    --color-border-strong: var(--border-strong);
    --color-border-card: var(--border-card);
    --color-brand: var(--brand);
    --color-brand-accent: var(--brand-accent);
    --color-success: var(--success);
    --color-error-light: var(--error-light);
    --color-error-fg: var(--error-fg);
    --color-warning: var(--warning);
    --color-warning-light: var(--warning-light);
    --color-warning-border: var(--warning-border);
    --color-warning-fg: var(--warning-fg);
    --color-inspector-molecule: var(--inspector-molecule);
    --color-inspector-table: var(--inspector-table);
    --color-aae-pi-gold: var(--aae-pi-gold);
    --color-aae-atom-o: var(--aae-atom-o);
    --font-display: var(--font-outfit);
    --font-editorial: var(--font-fraunces), "Iowan Old Style", "Georgia", serif;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17474);
      --color-gray-500: lab(47.7841% -.393212 -10.0268);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-zinc-950: lab(2.51107% .242703 -.886115);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :root {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --background: #fff;
    --foreground: #171717;
    --text-heading: #111827;
    --text-body: #374151;
    --text-muted: #6b7280;
    --text-caption: #9ca3af;
    --text-inverse: #fff;
    --surface: #fff;
    --surface-alt: #f8fafd;
    --surface-inset: #f3f5f9;
    --surface-sunken: #eff0f5;
    --surface-card: var(--surface);
    --overlay: #000;
    --border: #0f172a14;
    --border-subtle: #0f172a0a;
    --border-input: #0f172a29;
    --border-strong: #0f172a2e;
    --border-card: #0f172a1a;
    --shadow-xs: 0 1px 2px #0f172a0d;
    --shadow-sm: 0 1px 2px #0f172a0f, 0 4px 12px #0f172a0f;
    --shadow-md: 0 2px 4px #0f172a0f, 0 12px 24px #0f172a14;
    --shadow-lg: 0 4px 8px #0f172a14, 0 24px 48px #0f172a1a;
    --shadow-card: 0 1px 2px #0f172a0a, 0 1px 1px #0f172a05;
    --shadow-card-hover: 0 4px 10px #0f172a0f, 0 1px 2px #0f172a0a;
    --shadow-glow-brand: 0 0 20px #4338ca2e;
    --shadow-glow-success: 0 0 16px #16a34a38;
    --shadow-glow-error: 0 0 16px #dc26262e;
    --glass-bg: #fffffff5;
    --glass-border: #fff6;
    --glass-blur: 16px;
    --card-hover-lift: -1px;
    --rdkit-canvas: #fff;
    --rdkit-bond: #1a1a1a;
    --rdkit-oxygen: #c00;
    --rdkit-nitrogen: #1a1acc;
    --rdkit-chlorine: #00880e;
    --rdkit-sulfur: #a89600;
    --rdkit-bromine: #820;
    --rdkit-fluorine: #90841a;
    --rdkit-phosphorus: #c70;
    --rdkit-iodine: #609;
    --rdkit-hydrogen: #666;
    --rdkit-carbon: #555;
    --rdkit-silicon: #a07840;
    --rdkit-aluminum: #8a6868;
    --rdkit-iron: #c05020;
    --rdkit-calcium: #1a8858;
    --rdkit-sodium: #7c38c8;
    --rdkit-potassium: #6828a8;
    --rdkit-magnesium: #1a8878;
    --rdkit-copper: #a86818;
    --rdkit-manganese: #7850a0;
    --rdkit-titanium: #606878;
    --rdkit-chromium: #5868a0;
    --rdkit-zinc: #585890;
    --rdkit-lead: #484850;
    --rdkit-beryllium: #8a9810;
    --rdkit-lithium: #9050c8;
    --rdkit-barium: #007850;
    --rdkit-silver: #607080;
    --rdkit-gold: #a88800;
    --rdkit-boron: #c85858;
    --rdkit-scandium: #707080;
    --rdkit-vanadium: #5a5a68;
    --rdkit-cobalt: #c8567c;
    --rdkit-nickel: #2a8e2a;
    --rdkit-arsenic: #804ca8;
    --rdkit-strontium: #1aaa1a;
    --rdkit-yttrium: #1a8a8a;
    --rdkit-zirconium: #2a7878;
    --rdkit-niobium: #2a7878;
    --rdkit-molybdenum: #2a7878;
    --rdkit-cadmium: #a87838;
    --rdkit-tin: #485858;
    --rdkit-antimony: #683888;
    --rdkit-tellurium: #a85800;
    --rdkit-cesium: #57178f;
    --rdkit-lanthanum: #2a7898;
    --rdkit-cerium: #98981a;
    --rdkit-praseodymium: #5a8838;
    --rdkit-neodymium: #38883a;
    --rdkit-samarium: #1a8858;
    --rdkit-europium: #1a7858;
    --rdkit-gadolinium: #1a8868;
    --rdkit-terbium: #1a886a;
    --rdkit-dysprosium: #1a8870;
    --rdkit-holmium: #1a8050;
    --rdkit-erbium: #1a8848;
    --rdkit-thulium: #1a8040;
    --rdkit-ytterbium: #1a8a30;
    --rdkit-lutetium: #1a8030;
    --rdkit-hafnium: #1a6890;
    --rdkit-tantalum: #1a5880;
    --rdkit-tungsten: #1a5878;
    --rdkit-platinum: #6a6a80;
    --rdkit-mercury: #585870;
    --rdkit-thallium: #803a35;
    --rdkit-bismuth: #683088;
    --rdkit-thorium: #1a6898;
    --rdkit-uranium: #1a4880;
    --brand: #4c5fd7;
    --brand-hover: #3a4cc0;
    --brand-light: #eef0ff;
    --brand-muted: #dee2ff;
    --brand-border: #c3caf7;
    --brand-accent: #7686ea;
    --brand-fg: #1e2876;
    --part1: #2e7dbf;
    --part1-light: #eff6ff;
    --part1-border: #93c5fd;
    --part2: #7c3aed;
    --part2-light: #f5f3ff;
    --part2-border: #c4b5fd;
    --part3: #0d9e73;
    --part3-light: #ecfdf5;
    --part3-border: #6ee7b7;
    --part4: #c2710c;
    --part4-light: #fff7ed;
    --part4-border: #fdba74;
    --source-usnco: #1e3a8a;
    --source-icho: #a88800;
    --source-llm: #7c3aed;
    --source-libretexts: #0d9488;
    --admin-accent: var(--brand);
    --admin-subbar-offset: 8rem;
    --cost-opus: #6d28d9;
    --cost-haiku: #0891b2;
    --cost-sonnet: #4f46e5;
    --cost-gemini: #ea580c;
    --cost-elevenlabs: #65a30d;
    --icho: #7c3aed;
    --icho-light: #f5f3ff;
    --icho-border: #c4b5fd;
    --hero-from: #1a3a4a;
    --hero-via: #0c5c6a;
    --hero-to: #1a6e5c;
    --hero-text-positive: #6ee7b7;
    --hero-text-negative: #fca5a5;
    --success: #16a34a;
    --success-light: #f0fdf4;
    --success-muted: #bbf7d0;
    --success-border: #86efac;
    --success-fg: #166534;
    --error: #dc2626;
    --error-light: #fef2f2;
    --error-muted: #fecaca;
    --error-border: #fca5a5;
    --error-fg: #991b1b;
    --warning: #d97706;
    --warning-light: #fffbeb;
    --warning-muted: #fde68a;
    --warning-border: #fcd34d;
    --warning-fg: #92400e;
    --inspector-molecule: #0d9488;
    --inspector-table: #7c3aed;
    --palette-blue: #2563eb;
    --palette-orange: #ea580c;
    --palette-red: #dc2626;
    --palette-amber: #d97706;
    --palette-yellow: #ca8a04;
    --palette-lime: #65a30d;
    --palette-green: #059669;
    --palette-purple: #7c3aed;
    --palette-cyan: #0891b2;
    --palette-pink: #db2777;
    --palette-magenta: #c026d3;
    --palette-teal: #0d9488;
    --palette-silver: #64748b;
    --plot-bg: #f8f9fb;
    --plot-grid: #0000000f;
    --plot-grid-mid: #0000001f;
    --plot-marker-stroke: #fff;
    --score-high: #16a34a;
    --score-high-light: #f0fdf4;
    --score-high-muted: #bbf7d0;
    --score-high-border: #86efac;
    --score-high-fg: #166534;
    --score-mid: #ca8a04;
    --score-mid-light: #fefce8;
    --score-mid-muted: #fef08a;
    --score-mid-border: #fde047;
    --score-mid-fg: #854d0e;
    --score-low: #dc2626;
    --score-low-light: #fef2f2;
    --score-low-muted: #fecaca;
    --score-low-border: #fca5a5;
    --score-low-fg: #991b1b;
    --heatmap-text-dark: #111827;
    --heatmap-text-light: #fff;
    --exam1: #1b5e99;
    --exam1-light: #edf4fb;
    --exam1-border: #7bb3d9;
    --exam2: #6025c0;
    --exam2-light: #f0eafd;
    --exam2-border: #b49aea;
    --exam3: #077a5a;
    --exam3-light: #e8f8f1;
    --exam3-border: #5cd4a8;
    --exam4: #955a0b;
    --exam4-light: #fdf3e4;
    --exam4-border: #daa050;
    --desc-practice: #7c3aed;
    --desc-practice-light: #f5f3ff;
    --desc-practice-border: #c4b5fd;
    --desc-exam: #c026d3;
    --desc-exam-light: #fdf4ff;
    --desc-exam-border: #e879f9;
    --char-glados: #06b6d4;
    --char-glados-light: #ecfeff;
    --char-glados-ring: #22d3ee;
    --char-wheatley: #3b82f6;
    --char-wheatley-light: #eff6ff;
    --char-wheatley-ring: #60a5fa;
    --char-cave: #d97706;
    --char-cave-light: #fffbeb;
    --char-cave-ring: #fbbf24;
    --tooltip: #111827;
    --toggle-knob: #fff;
    --ref-highlight: #65a30d;
    --err-conceptual-bg: #fef2f2;
    --err-conceptual-text: #b91c1c;
    --err-conceptual-border: #fecaca;
    --err-formula-bg: #fff7ed;
    --err-formula-text: #c2410c;
    --err-formula-border: #fed7aa;
    --err-calculation-bg: #fefce8;
    --err-calculation-text: #a16207;
    --err-calculation-border: #fde68a;
    --err-unit-bg: #faf5ff;
    --err-unit-text: #7e22ce;
    --err-unit-border: #e9d5ff;
    --err-logic-bg: #f0f9ff;
    --err-logic-text: #0369a1;
    --err-logic-border: #bae6fd;
    --err-incomplete-bg: #ecfeff;
    --err-incomplete-text: #0e7490;
    --err-incomplete-border: #a5f3fc;
    --err-procedure-bg: #fdf2f8;
    --err-procedure-text: #be185d;
    --err-procedure-border: #fbcfe8;
    --err-data-bg: #ecfdf5;
    --err-data-text: #047857;
    --err-data-border: #a7f3d0;
    --err-factual-bg: #f5f3ff;
    --err-factual-text: #6d28d9;
    --err-factual-border: #ddd6fe;
    --err-other-bg: #f9fafb;
    --err-other-text: #374151;
    --err-other-border: #e5e7eb;
    --ptable-alkali-bg: #fef2f2;
    --ptable-alkali-text: #7f1d1d;
    --ptable-alkali-border: #fca5a5;
    --ptable-alkaline-bg: #fff7ed;
    --ptable-alkaline-text: #7c2d12;
    --ptable-alkaline-border: #fdba74;
    --ptable-transition-bg: #fefce8;
    --ptable-transition-text: #713f12;
    --ptable-transition-border: #fde047;
    --ptable-post-bg: #f0fdf4;
    --ptable-post-text: #14532d;
    --ptable-post-border: #86efac;
    --ptable-metalloid-bg: #f0fdfa;
    --ptable-metalloid-text: #134e4a;
    --ptable-metalloid-border: #5eead4;
    --ptable-nonmetal-bg: #f0f9ff;
    --ptable-nonmetal-text: #0c4a6e;
    --ptable-nonmetal-border: #7dd3fc;
    --ptable-halogen-bg: #f5f3ff;
    --ptable-halogen-text: #4c1d95;
    --ptable-halogen-border: #c4b5fd;
    --ptable-noble-bg: #fdf2f8;
    --ptable-noble-text: #831843;
    --ptable-noble-border: #f9a8d4;
    --ptable-lanthanide-bg: #fffbeb;
    --ptable-lanthanide-text: #78350f;
    --ptable-lanthanide-border: #fcd34d;
    --ptable-actinide-bg: #f7fee7;
    --ptable-actinide-text: #365314;
    --ptable-actinide-border: #bef264;
    --ptable-unknown-bg: #f9fafb;
    --ptable-unknown-text: #374151;
    --ptable-unknown-border: #d1d5db;
    --figure-status-auto-verified: #0f5132;
    --figure-status-needs-review: #854d0e;
    --figure-status-rejected: #991b1b;
    --figure-status-unattributed: #475569;
    --frontier: #059669;
    --frontier-bg: #05966914;
    --domain-thermo: #ea580c;
    --domain-react: #2563eb;
    --domain-organic: #4d7c0f;
    --domain-struct: #7c3aed;
    --domain-applied: #0891b2;
    --domain-other: #db2777;
    --domain-cross: #6366f1;
    --constellation-no-data: #d1d5db;
    --constellation-edge-strong: #86efac;
    --constellation-edge-default: #d1d5db;
    --constellation-node-stroke-hover: #374151;
    --constellation-score-text-light: #fff;
    --constellation-score-text-dark: #1f2937;
    --constellation-label-hover: #111827;
    --constellation-label-default: #6b7280;
    --cp-acid-bg: #dbeafe;
    --cp-acid-text: #1e40af;
    --cp-acid-border: #60a5fa;
    --cp-acid-bg-light: #eff6ff;
    --cp-acid-text-light: #1d4ed8;
    --cp-base-bg: #fef3c7;
    --cp-base-text: #92400e;
    --cp-base-border: #fbbf24;
    --cp-base-bg-light: #fffbeb;
    --cp-base-text-light: #b45309;
    --cp-pair1-bg: #eff6ff;
    --cp-pair1-text: #1d4ed8;
    --cp-pair1-border: #93c5fd;
    --cp-pair1-dot: #3b82f6;
    --cp-pair2-bg: #fffbeb;
    --cp-pair2-text: #b45309;
    --cp-pair2-border: #fcd34d;
    --cp-pair2-dot: #f59e0b;
    --cp-streak-hot: #d97706;
    --ice-initial-bg: #dbeafe80;
    --ice-initial-text: #1d4ed8;
    --ice-change-bg: #fef3c780;
    --ice-change-text: #b45309;
    --ice-equil-bg: #dcfce780;
    --ice-equil-text: #15803d;
    --ice-final-bg: #f3e8ff80;
    --ice-final-text: #7e22ce;
    --cfs-accent: #7c3aed;
    --cfs-accent-hover: #6d28d9;
    --cfs-accent-light: #f3e8ff;
    --cfs-accent-text: #7e22ce;
    --cfs-high-bg: #fee2e2;
    --cfs-high-text: #b91c1c;
    --cfs-high-border: #fca5a5;
    --cfs-high-active-bg: #fecaca4d;
    --cfs-low-bg: #dbeafe;
    --cfs-low-text: #1d4ed8;
    --cfs-low-border: #93c5fd;
    --cfs-low-active-bg: #dbeafe4d;
    --cfs-props-from: #faf5ff;
    --cfs-props-to: #eef2ff;
    --cfs-warn: #d97706;
    --cfs-ligand-active-bg: #f3e8ff;
    --cfs-ligand-active-text: #7e22ce;
    --cfs-delta: #059669;
    --titr-diamond-bg: #faf5ff;
    --titr-diamond-border: #e9d5ff;
    --titr-star-bg: #fffbeb;
    --titr-star-border: #fde68a;
    --rl-highlight-bg: #eff6ff;
    --rl-complete-text: #16a34a;
    --pd-accent: #7c3aed;
    --pd-accent-light: #faf5ff;
    --pd-accent-border: #d8b4fe;
    --pd-accent-text: #6b21a8;
    --pd-freeze: #2563eb;
    --pd-freeze-bg: #eff6ff;
    --pd-freeze-text: #1d4ed8;
    --pd-boil: #dc2626;
    --pd-boil-bg: #fef2f2;
    --pd-boil-text: #b91c1c;
    --pd-calc-from: #eff6ff;
    --pd-calc-to: #fef2f2;
    --pd-quick-hover: #f3e8ff;
    --ir-accent: #0d9488;
    --ir-accent-hover: #0f766e;
    --ir-accent-light: #f0fdfa;
    --ir-accent-bg: #ccfbf1;
    --ir-accent-border: #99f6e4;
    --ir-accent-text: #115e59;
    --ir-accent-dark: #134e4a;
    --ir-detail-bg: #f0fdfa;
    --ir-detail-border: #99f6e4;
    --ir-detail-text: #115e59;
    --ir-detail-heading: #134e4a;
    --ir-detail-sub: #0f766e;
    --ir-key-bg: #ccfbf1;
    --ir-key-text: #0f766e;
    --ir-card-active-border: #2dd4bf;
    --ir-card-hover-border: #5eead4;
    --ir-card-hover-bg: #f0fdfa80;
    --ir-incorrect: #dc2626;
    --ir-region-oh: #ef4444;
    --ir-region-nh: #f97316;
    --ir-region-ch: #eab308;
    --ir-region-triple: #22c55e;
    --ir-region-carbonyl: #3b82f6;
    --ir-region-cc: #8b5cf6;
    --ir-region-co: #06b6d4;
    --ir-region-oh-fill: #ef444421;
    --ir-region-oh-fill-selected: #ef444440;
    --ir-region-nh-fill: #f9731621;
    --ir-region-nh-fill-selected: #f9731640;
    --ir-region-ch-fill: #eab30821;
    --ir-region-ch-fill-selected: #eab30840;
    --ir-region-triple-fill: #22c55e21;
    --ir-region-triple-fill-selected: #22c55e40;
    --ir-region-carbonyl-fill: #3b82f621;
    --ir-region-carbonyl-fill-selected: #3b82f640;
    --ir-region-cc-fill: #8b5cf621;
    --ir-region-cc-fill-selected: #8b5cf640;
    --ir-region-co-fill: #06b6d421;
    --ir-region-co-fill-selected: #06b6d440;
    --bl-base: #2563eb;
    --bl-base-bg: #2563eb0f;
    --bl-base-border: #2563eb2e;
    --bl-ph-0: #dc2626;
    --bl-ph-2: #ea580c;
    --bl-ph-4: #d97706;
    --bl-ph-5: #ca8a04;
    --bl-ph-7: #16a34a;
    --bl-ph-8: #0d9488;
    --bl-ph-10: #2563eb;
    --bl-ph-12: #7c3aed;
    --bl-ph-14: #9333ea;
    --sr-ir: #d97706;
    --sr-ir-bg: #d9770614;
    --sr-ir-border: #d9770640;
    --sr-hnmr: #059669;
    --sr-hnmr-bg: #05966914;
    --sr-hnmr-border: #05966940;
    --sr-cnmr: #2563eb;
    --sr-cnmr-bg: #2563eb14;
    --sr-cnmr-border: #2563eb40;
    --sr-real: #7c3aed;
    --sr-real-bg: #7c3aed14;
    --sr-real-border: #7c3aed40;
    --sr-expert-plus: #be123c;
    --sr-expert-plus-bg: #be123c14;
    --sr-expert-plus-border: #be123c40;
    --sr-locked: #0891b2;
    --sr-locked-bg: #0891b214;
    --sr-locked-border: #0891b273;
    --sr-solvent: #94a3b8;
    --sr-solvent-bg: #94a3b814;
    --sr-integration: #f59e0b;
    --sr-integration-bg: #f59e0b1a;
    --sr-synth: #6366f1;
    --sr-synth-bg: #6366f11a;
    --sr-ideal: #14b8a6;
    --sr-ideal-bg: #14b8a61a;
    --sr-ideal-border: #14b8a666;
    --sr-canvas-trace-width: 1.5px;
    --sr-canvas-trace-fill-opacity: .15;
    --sr-region-0: #ef44440f;
    --sr-region-1: #fbbf240f;
    --sr-region-2: #22c55e0f;
    --sr-region-3: #9333ea0f;
    --qa-ppt-white: #e2e8f0;
    --qa-ppt-yellow: #eab308;
    --qa-ppt-orange: #ea580c;
    --qa-ppt-brown: #78350f;
    --qa-ppt-rust: #b45309;
    --qa-ppt-black: #1c1917;
    --qa-ppt-blue: #3b82f6;
    --qa-ppt-green: #6b8f71;
    --qa-ppt-salmon: #f9a8d4;
    --qa-ppt-cream: #fef3c7;
    --qa-ppt-deep-blue: #1e40af;
    --qa-ppt-purple: #7c3aed;
    --qa-tube-interior: #94a3b8;
    --qa-flame-crimson: #dc143c;
    --qa-flame-yellow: #facc15;
    --qa-flame-lilac: #c084fc;
    --qa-flame-blue-green: #2dd4bf;
    --qa-flame-yellow-green: #a3e635;
    --qa-flame-red: #ef4444;
    --qa-flame-orange-red: #f97316;
    --kin-plot-0: #3b82f6;
    --kin-plot-1: #10b981;
    --kin-plot-2: #f59e0b;
    --kin-plot-fit: #6b7280;
    --kin-halflife: #8b5cf6;
    --kin-predict: #ec4899;
    --kin-conc-bar: #3b82f6;
    --kin-explorer: #14b8a6;
    --scatter-point: #3b82f6;
    --scatter-point-outlier: #f59e0b;
    --scatter-fit-student: #8b5cf6;
    --scatter-fit-reference: #10b981;
    --scatter-grid: #d1d5db;
    --scatter-error-bar: #9ca3af;
    --rce-reactant: #2563eb;
    --rce-product: #059669;
    --rce-ts: #dc2626;
    --rce-ea: #d97706;
    --rce-dh: #7c3aed;
    --rce-catalyst: #db2777;
    --rce-boltz: #4338ca;
    --rce-boltz-fill: #4338ca;
    --rce-intermediate: #0d9488;
    --rce-curve: #374151;
    --osm-water: #3b82f6;
    --osm-water-fill: #bfdbfe;
    --osm-solute: #f59e0b;
    --osm-solute-fill: #fde68a;
    --osm-membrane: #7c3aed;
    --osm-piston: #6b7280;
    --osm-piston-active: #4b5563;
    --osm-cell: #ef4444;
    --osm-cell-fill: #fecaca;
    --osm-tube-wall: #d1d5db;
    --osm-arrow: #10b981;
    --spb-london: var(--palette-orange);
    --spb-dipole: var(--palette-blue);
    --spb-hbond: var(--palette-red);
    --spb-donor-halo: #dc262626;
    --spb-polar-halo: #2563eb1f;
    --spb-nonpolar-halo: #64748b1a;
    --spb-col-structure-bg: #f5f5f4;
    --spb-col-forces-bg: #eef2f7;
    --spb-col-properties-bg: #f4f1ec;
    --spb-col-border: #d4d4d8;
    --spb-delta-positive-bg: #dcfce7;
    --spb-delta-positive-text: #166534;
    --spb-delta-negative-bg: #fef3c7;
    --spb-delta-negative-text: #854d0e;
    --spb-bench-bg: linear-gradient(180deg, #fef3c7 0%, #fde68a 100%);
    --spb-history-line: #cbd5e1;
    --spb-feedback-correct: var(--success-bg);
    --spb-feedback-confusable: #e0e7ff;
    --spb-challenge-slot-empty: #f1f5f9;
    --spb-challenge-slot-filled: #ddd6fe;
    --spb-thermometer-fill: linear-gradient(0deg, #3b82f6 0%, #dc2626 100%);
    --spb-therm-track: #e5e7eb;
    --spb-misc-full: var(--palette-blue);
    --spb-misc-none: var(--palette-orange);
    --topic-kinetics: #dc2626;
    --topic-kinetics-bg: #fef2f2;
    --topic-kinetics-border: #fecaca;
    --topic-kinetics-hover: #f87171;
    --topic-thermodynamics: #ea580c;
    --topic-thermodynamics-bg: #fff7ed;
    --topic-thermodynamics-border: #fdba74;
    --topic-thermodynamics-hover: #fb923c;
    --topic-equilibrium: #b45309;
    --topic-equilibrium-bg: #fffbeb;
    --topic-equilibrium-border: #fde68a;
    --topic-equilibrium-hover: #fbbf24;
    --topic-gas-laws: #ca8a04;
    --topic-gas-laws-bg: #fefce8;
    --topic-gas-laws-border: #fde047;
    --topic-gas-laws-hover: #facc15;
    --topic-acid-base: #2563eb;
    --topic-acid-base-bg: #eff6ff;
    --topic-acid-base-border: #bfdbfe;
    --topic-acid-base-hover: #60a5fa;
    --topic-electrochemistry: #1d4ed8;
    --topic-electrochemistry-bg: #eff6ff;
    --topic-electrochemistry-border: #93c5fd;
    --topic-electrochemistry-hover: #60a5fa;
    --topic-redox: #4f46e5;
    --topic-redox-bg: #eef2ff;
    --topic-redox-border: #c7d2fe;
    --topic-redox-hover: #818cf8;
    --topic-stoichiometry: #6366f1;
    --topic-stoichiometry-bg: #eef2ff;
    --topic-stoichiometry-border: #c7d2fe;
    --topic-stoichiometry-hover: #a5b4fc;
    --topic-advanced-electro: #3730a3;
    --topic-advanced-electro-bg: #eef2ff;
    --topic-advanced-electro-border: #a5b4fc;
    --topic-advanced-electro-hover: #818cf8;
    --topic-organic: #16a34a;
    --topic-organic-bg: #f0fdf4;
    --topic-organic-border: #bbf7d0;
    --topic-organic-hover: #4ade80;
    --topic-biochemistry: #16a34a;
    --topic-biochemistry-bg: #f0fdf4;
    --topic-biochemistry-border: #86efac;
    --topic-biochemistry-hover: #4ade80;
    --topic-polymers: #047857;
    --topic-polymers-bg: #ecfdf5;
    --topic-polymers-border: #6ee7b7;
    --topic-polymers-hover: #34d399;
    --topic-spectroscopy: #0d9488;
    --topic-spectroscopy-bg: #f0fdfa;
    --topic-spectroscopy-border: #99f6e4;
    --topic-spectroscopy-hover: #2dd4bf;
    --topic-advanced-organic: #15803d;
    --topic-advanced-organic-bg: #f0fdf4;
    --topic-advanced-organic-border: #86efac;
    --topic-advanced-organic-hover: #4ade80;
    --topic-chemical-bonding: #0891b2;
    --topic-chemical-bonding-bg: #ecfeff;
    --topic-chemical-bonding-border: #67e8f9;
    --topic-chemical-bonding-hover: #22d3ee;
    --topic-intermolecular: #0e7490;
    --topic-intermolecular-bg: #ecfeff;
    --topic-intermolecular-border: #67e8f9;
    --topic-intermolecular-hover: #06b6d4;
    --topic-periodic-trends: #0284c7;
    --topic-periodic-trends-bg: #f0f9ff;
    --topic-periodic-trends-border: #7dd3fc;
    --topic-periodic-trends-hover: #38bdf8;
    --topic-quantum: #7e22ce;
    --topic-quantum-bg: #faf5ff;
    --topic-quantum-border: #d8b4fe;
    --topic-quantum-hover: #a855f7;
    --topic-symmetry: #4f46e5;
    --topic-symmetry-bg: #eef2ff;
    --topic-symmetry-border: #c7d2fe;
    --topic-symmetry-hover: #818cf8;
    --symexp-axis: #4f46e5;
    --symexp-plane: #0d9488;
    --symexp-ok: #15803d;
    --symexp-bad: #dc2626;
    --symexp-error: #b91c1c;
    --topic-colligative: #7c3aed;
    --topic-colligative-bg: #f5f3ff;
    --topic-colligative-border: #ddd6fe;
    --topic-colligative-hover: #a78bfa;
    --topic-coordination: #c026d3;
    --topic-coordination-bg: #fdf4ff;
    --topic-coordination-border: #e879f9;
    --topic-coordination-hover: #d946ef;
    --topic-nuclear: #a21caf;
    --topic-nuclear-bg: #fdf4ff;
    --topic-nuclear-border: #f0abfc;
    --topic-nuclear-hover: #d946ef;
    --topic-photochemistry: #db2777;
    --topic-photochemistry-bg: #fdf2f8;
    --topic-photochemistry-border: #f9a8d4;
    --topic-photochemistry-hover: #f472b6;
    --topic-separations: #e11d48;
    --topic-separations-bg: #fff1f2;
    --topic-separations-border: #fecdd3;
    --topic-separations-hover: #fb7185;
    --topic-qual-analysis: #c2410c;
    --topic-qual-analysis-bg: #fff7ed;
    --topic-qual-analysis-border: #fed7aa;
    --topic-qual-analysis-hover: #fb923c;
    --topic-solubility: #059669;
    --topic-solubility-bg: #ecfdf5;
    --topic-solubility-border: #a7f3d0;
    --topic-solubility-hover: #34d399;
    --topic-lab-safety: #be123c;
    --topic-lab-safety-bg: #fff1f2;
    --topic-lab-safety-border: #fda4af;
    --topic-lab-safety-hover: #fb7185;
    --topic-cross-topic: #78350f;
    --topic-cross-topic-bg: #fff7ed;
    --topic-cross-topic-border: #fed7aa;
    --topic-cross-topic-hover: #b45309;
    --topic-crystallography: #475569;
    --topic-crystallography-bg: #f8fafc;
    --topic-crystallography-border: #cbd5e1;
    --topic-crystallography-hover: #94a3b8;
    --cryst-bg: #f8fafc;
    --cryst-cell-edge: #cbd5e1;
    --cryst-cell-edge-center: #475569;
    --cryst-atom-default: #475569;
    --cryst-atom-dim: #94a3b8;
    --cryst-atom-ghost: #e2e8f0;
    --cryst-highlight: #10b981;
    --cryst-highlight-strong: #059669;
    --cryst-reference: #f59e0b;
    --cryst-reference-strong: #d97706;
    --cryst-claimed: #10b981;
    --cryst-claimed-bg: #d1fae5;
    --cryst-neighbor-line: #059669;
    --cryst-plane-fill: #10b98138;
    --cryst-plane-stroke: #059669;
    --cryst-ray: #0ea5e9;
    --cryst-ray-path-diff: #10b981;
    --cryst-overlap: #ef444459;
    --cryst-zone-gap: #fcd34d;
    --cryst-zone-contact: #10b981;
    --cryst-zone-overlap: #ef4444;
    --cryst-hole-octa: #06b6d4;
    --cryst-hole-tet: #f59e0b;
    --cryst-hole-cubic: #ec4899;
    --cryst-species-anion: #10b981;
    --cryst-species-cation: #6d28d9;
    --cryst-species-oxide: #ef4444;
    --cryst-ratio-red: #fca5a5;
    --cryst-ratio-amber: #fcd34d;
    --cryst-ratio-green: #86efac;
    --cryst-ratio-blue: #93c5fd;
    --cryst-ratio-purple: #c4b5fd;
    --poly-accent: #047857;
    --poly-accent-soft: #ecfdf5;
    --poly-target: #04785729;
    --poly-target-edge: #04785799;
    --poly-you: #ca8a04;
    --poly-vp-bg: #f9fafb;
    --poly-vp-grid: #0f172a14;
    --poly-scale-label: #64748b;
    --poly-chain-1: #0ea5e9;
    --poly-chain-2: #10b981;
    --poly-chain-3: #f59e0b;
    --poly-chain-4: #8b5cf6;
    --poly-chain-5: #ec4899;
    --poly-chain-6: #3b82f6;
    --poly-chain-7: #eab308;
    --poly-chain-8: #14b8a6;
    --poly-crystal: #0ea5e9;
    --poly-amorphous: #8b5cf6;
    --poly-crosslink: #ec4899;
    --poly-shatter: #ef4444;
    --poly-bounce: #047857;
    --poly-dent: #f59e0b;
    --poly-flow: #ef4444;
    --poly-state-glassy: #60a5fa;
    --poly-state-rubbery: #f59e0b;
    --poly-state-flow: #ef4444;
    --poly-state-elastomer: #047857;
    --poly-state-brittle: #94a3b8;
    --poly-state-crosslinked-network: #be185d;
    --poly-pend-H: #d1d5db;
    --poly-pend-CH3: #86efac;
    --poly-pend-Ph: #e9d5ff;
    --poly-pend-ester: #fde68a;
    --poly-pend-Cl: #bbf7d0;
    --poly-pend-F: #ecfccb;
    --poly-pend-CN: #fbcfe8;
    --poly-pend-diene: #99f6e4;
    --poly-clash: #ff6b6b;
    --ls-ghs-border: #d40000;
    --ls-ghs-fill: #fff;
    --ls-ghs-icon: #1a1a1a;
    --ls-ghs-glow: #d4000033;
    --ls-nfpa-health: #0057b8;
    --ls-nfpa-flam: #d40000;
    --ls-nfpa-react: #f5c518;
    --ls-nfpa-special: #fff;
    --ls-nfpa-text: #1a1a1a;
    --ls-nfpa-border: #4b5563;
    --ls-nfpa-highlight: #7c3aed;
    --ls-consequence-from: #fef2f2;
    --ls-consequence-to: #fff7ed;
    --ls-consequence-border: #f97316;
    --ls-consequence-text: #9a3412;
    --ls-consequence-glow: #f9731626;
    --ls-safe-bg: #ecfdf5;
    --ls-safe-border: #a7f3d0;
    --ls-safe-text: #065f46;
    --ls-cat-glassware: #3b82f6;
    --ls-cat-heating: #ef4444;
    --ls-cat-measuring: #10b981;
    --ls-cat-safety: #f59e0b;
    --ls-cat-separation: #8b5cf6;
    --ls-accent: #dc2626;
    --ls-accent-hover: #b91c1c;
    --ls-streak-hot: #d97706;
    --sep-silica: #f5f0e0;
    --sep-silica-border: #d4c9a8;
    --sep-solvent-front: #a3d9cc;
    --sep-origin-line: #8b7355;
    --sep-uv-bg: #0a0a1a;
    --sep-uv-glow: #c084fc;
    --sep-uv-fluor: #a7f3d014;
    --sep-uv-quench: #1a1a1a;
    --sep-column-glass: #c8dcf04d;
    --sep-column-border: #93c5fd;
    --sep-column-silica: #e8e0cc;
    --sep-drip: #3b82f6;
    --sep-aqueous: #60a5fa;
    --sep-organic: #fbbf24;
    --sep-funnel-glass: #c8dcf040;
    --sep-funnel-border: #93c5fd;
    --sep-polar: #dc2626;
    --sep-nonpolar: #2563eb;
    --sep-res-good: #16a34a;
    --sep-res-poor: #dc2626;
    --sep-res-marginal: #d97706;
    --sep-spot-1: #d97706;
    --sep-spot-2: #7c3aed;
    --sep-spot-3: #ea580c;
    --sep-spot-4: #ca8a04;
    --sep-spot-5: #2563eb;
    --sep-spot-6: #059669;
    --sep-spot-7: #dc2626;
    --sep-spot-8: #6366f1;
    --sep-baseline: #6b7280;
    --sep-detector: #dc2626;
    --sep-ghost: #6b72804d;
    --fgs-alcohol: #1e6cb5;
    --fgs-aldehyde: #ea580c;
    --fgs-ketone: #b45309;
    --fgs-carboxylic-acid: #b91c1c;
    --fgs-ester: #047857;
    --fgs-ether: #6d28d9;
    --fgs-amine: #0891b2;
    --fgs-amide: #db2777;
    --fgs-alkene: #65a30d;
    --fgs-alkyne: #3730a3;
    --fgs-nitrile: #0f766e;
    --fgs-aromatic: #be185d;
    --fgs-phenol: #1d4ed8;
    --fgs-acyl-halide: #e11d48;
    --fgs-anhydride: #9333ea;
    --fgs-epoxide: #0284c7;
    --fgs-collector-bg: #f8fafc;
    --fgs-collector-border: #e2e8f0;
    --fgs-collector-empty: #f1f5f9;
    --fgs-card-bg: #fff;
    --fgs-card-border: #e2e8f0;
    --fgs-region-hover: #2563eb14;
    --fgs-streak-hot: #d97706;
    --sne-sn2: #2563eb;
    --sne-sn1: #059669;
    --sne-e2: #d97706;
    --sne-e1: #dc2626;
    --sne-input-bg: #f8fafc;
    --sne-input-border: #e2e8f0;
    --sne-verdict-bg: #f0f9ff;
    --sne-factor-bg: #fefce8;
    --sne-factor-border: #fde68a;
    --sne-bar-track: #e2e8f0;
    --sne-signature-bg: #fafaf9;
    --sne-pill-active: #1e40af;
    --sne-pill-active-bg: #dbeafe;
    --sne-mm-cell-empty: #f1f5f9;
    --sne-mm-cell-outside: #e2e8f0;
    --sne-mm-cell-border: #cbd5e1;
    --sne-mm-palette-bg: #fff;
    --sne-mm-palette-shadow: 0 8px 28px #0f172a29;
    --sne-mm-card-bg: #fff;
    --sne-mm-card-border: #e2e8f0;
    --sne-mm-card-shadow: 0 1px 2px #0f172a0a, 0 4px 12px #0f172a0d;
    --sne-mm-card-shadow-hover: 0 2px 4px #0f172a0f, 0 8px 20px #0f172a14;
    --sne-mm-axis-label: #64748b;
    --sne-mm-progress-track: #e2e8f0;
    --sne-mm-progress-fill: linear-gradient(90deg, #2563eb, #059669);
    --gem-tier1: #d4a017;
    --gem-tier1-light: #fef3c7;
    --gem-tier1-glow: #d4a0174d;
    --gem-tier2: #7c3aed;
    --gem-tier2-light: #ede9fe;
    --gem-tier2-glow: #7c3aed4d;
    --gem-tier3: #0d9488;
    --gem-tier3-light: #ccfbf1;
    --gem-tier3-glow: #0d94884d;
    --gem-pill-fg: #fff;
    --gem-tier1-hint: #d4a0172e;
    --gem-tier2-hint: #7c3aed2e;
    --seed-bottom-strip-h: 56px;
    --z-seed-drawer: 40;
    --z-seed-undo-toast: 50;
    --z-seed-mobile-accordion: 30;
    --z-seed-modal: 60;
    --z-float-fab: 70;
    --z-impersonation-banner: 95;
    --gem-tier3-hint: #0d94882e;
    --gem-progress-now-dark: #64748b;
    --gem-progress-now: #cbd5e1;
    --gem-progress-now-bright: #e2e8f0;
    --gem-progress-now-glow: #e2e8f08c;
    --gem-score-rarity: #d97706;
    --gem-score-aesth: #e11d48;
    --gem-score-fame: #0284c7;
    --gem-score-chem: #059669;
    --gem-score-fit: #7c3aed;
    --gem-score-visual: #e11d48;
    --gem-score-lore: #0284c7;
    --gem-capsule-bg: #f0f4ff;
    --gem-capsule-border: #c7d2fe;
    --gem-crack-line: #6366f1;
    --gem-cell-empty: #f3f4f6;
    --gem-cell-empty-border: #d1d5db;
    --gem-streak-fire: #ea580c;
    --pending-bg: #eef2ff;
    --pending-border: #a5b4fc;
    --pending-fg: #4338ca;
    --pending-pulse: #818cf84d;
    --gem-modal-overlay: #02040cf2;
    --gem-modal-glow-strength: 9%;
    --gem-modal-border-strength: 25%;
    --gem-modal-shadow-strength: 12%;
    --learn-card-bg: #fff;
    --learn-card-border: #e2e8f0;
    --learn-collector-bg: #f8fafc;
    --learn-collector-border: #e2e8f0;
    --learn-collector-empty: #f1f5f9;
    --learn-streak-hot: #d97706;
    --chem-reaction-addition: #06b6d4;
    --chem-reaction-elimination: #f43f5e;
    --chem-reaction-substitution: #a855f7;
    --chem-reaction-rearrangement: #ca8a04;
    --chem-reaction-oxidation: #2563eb;
    --chem-reaction-reduction: #059669;
    --chem-bond-breaking: #dc2626;
    --chem-bond-forming: #16a34a;
    --chem-bond-partial: #f59e0b;
    --chem-delta-neg: #0e7490;
    --chem-delta-pos: #dc2626;
    --chem-formal-neg: #0369a1;
    --chem-formal-pos: #b91c1c;
    --chem-arrow-lp-to-bond: #d97706;
    --chem-arrow-bond-to-lp: #0891b2;
    --chem-arrow-bond-to-bond: #7c3aed;
    --chem-arrow-proton: #e11d48;
    --chem-arrow-fishhook: #f59e0b;
    --chem-nucleophile: #0891b2;
    --chem-electrophile: #b91c1c;
    --chem-leaving-group: #7c3aed;
    --chem-base: #059669;
    --chem-acid: #ea580c;
    --chem-radical: #f59e0b;
    --chem-exergonic: #16a34a;
    --chem-endergonic: #dc2626;
    --chem-transition-state: #d97706;
    --chem-reactant: #2563eb;
    --chem-product: #059669;
    --chem-atom-C: var(--rdkit-bond);
    --chem-atom-O: var(--rdkit-oxygen);
    --chem-atom-N: var(--rdkit-nitrogen);
    --chem-atom-S: var(--rdkit-sulfur);
    --chem-atom-Cl: var(--rdkit-chlorine);
    --chem-atom-Br: var(--rdkit-bromine);
    --chem-atom-F: var(--rdkit-fluorine);
    --chem-atom-P: var(--rdkit-phosphorus);
    --chem-atom-I: var(--rdkit-iodine);
    --chem-atom-H: var(--rdkit-hydrogen);
    --rtc-addition: var(--chem-reaction-addition);
    --rtc-elimination: var(--chem-reaction-elimination);
    --rtc-substitution: var(--chem-reaction-substitution);
    --rtc-rearrangement: var(--chem-reaction-rearrangement);
    --rtc-oxidation: var(--chem-reaction-oxidation);
    --rtc-reduction: var(--chem-reaction-reduction);
    --rtc-bond-broken: var(--chem-bond-breaking);
    --rtc-bond-formed: var(--chem-bond-forming);
    --rtc-highlight-opacity: .35;
    --jab-singlet: #2563eb;
    --jab-triplet: #9333ea;
    --jab-sublevel: #94a3b8;
    --jab-absorption: #6d28d9;
    --jab-fluorescence: #16a34a;
    --jab-phosphorescence: #ea580c;
    --jab-ic: #0891b2;
    --jab-vr: #dc2626;
    --jab-isc: #7c3aed;
    --jab-dot: #f59e0b;
    --jab-dot-glow: #f59e0b66;
    --jab-wait-pulse: #ea580c4d;
    --jab-spin-flip: #d946ef;
    --jab-heat: #dc262626;
    --jab-tally-bg: #f1f5f9;
    --aae-family-nonpolar: #3b82f6;
    --aae-family-nonpolar-bg: #eff6ff;
    --aae-family-aromatic: #7c3aed;
    --aae-family-aromatic-bg: #f5f3ff;
    --aae-family-polar: #0891b2;
    --aae-family-polar-bg: #ecfeff;
    --aae-family-positive: #d97706;
    --aae-family-positive-bg: #fffbeb;
    --aae-family-negative: #dc2626;
    --aae-family-negative-bg: #fef2f2;
    --aae-family-special: var(--topic-biochemistry);
    --aae-family-special-bg: var(--topic-biochemistry-bg);
    --aae-captured: var(--topic-biochemistry);
    --aae-captured-bg: var(--topic-biochemistry-bg);
    --aae-uncaptured: #9ca3af;
    --aae-hover: #2563eb;
    --aae-pi-gold: #d97706;
    --aae-pi-glow: #d9770659;
    --aae-charge-pos: #d97706;
    --aae-charge-pos-bg: #fffbeb;
    --aae-charge-neg: #dc2626;
    --aae-charge-neg-bg: #fef2f2;
    --aae-charge-zero: #6b7280;
    --aae-charge-zero-bg: #f9fafb;
    --aae-net-charge-border: #d97706;
    --aae-atom-n: #2563eb;
    --aae-atom-o: #dc2626;
    --aae-atom-s: #ca8a04;
    --aae-sidechain-stroke: var(--topic-biochemistry);
    --aae-backbone-stroke: #6b7280;
    --aae-ph-acid: #dc2626;
    --aae-ph-mid: #d97706;
    --aae-ph-base: #2563eb;
    --aae-ph-marker: #7c3aed;
    --aae-alpha-c: #7c3aed;
    --aae-ionizable-ring: #d9770633;
    --eft-stage-bg: #f8fafc;
    --eft-stage-grid: #e2e8f0;
    --eft-orb-gold: #b45309;
    --eft-orb-glow: #b4530980;
    --eft-arrow-radical: #be123c;
    --eft-arrow-radical-glow: #be123c80;
    --eft-field-rich-alpha: .55;
    --eft-field-poor-alpha: .65;
    --eft-field-bde-weak: #eab3088c;
    --eft-bond: #1e293b;
    --eft-select-source: #b45309;
    --eft-select-sink: #2563eb;
    --eft-counter-text: #0f172a;
    --eft-diagnostic-bg: #f5f3ff;
    --eft-diagnostic-border: #7c3aed;
    --eft-dihedral-gauge: #5b21b6;
    --eft-badge-bg: #f0fdf4;
    --eft-badge-border: #16a34a;
    --eft-badge-text: #14532d;
    --eft-badge-locked-bg: #f5f3ff;
    --eft-badge-locked-border: #7c3aed;
    --eft-badge-locked-text: #4c1d95;
    --badge-calc-bg: #fef3c7;
    --badge-calc-text: #92400e;
    --badge-sim-bg: #f3e8ff;
    --badge-sim-text: #6b21a8;
    --badge-quiz-bg: #d1fae5;
    --badge-quiz-text: #065f46;
    --badge-ref-bg: #e0f2fe;
    --badge-ref-text: #0c4a6e;
    --badge-guided-bg: #ffe4e6;
    --badge-guided-text: #9f1239;
    --badge-interactive-bg: #cffafe;
    --badge-interactive-text: #155e75;
    --mystery-light: #fef9c3;
    --mystery-fg: #854d0e;
    --synthesis-light: #ede9fe;
    --synthesis-fg: #5b21b6;
    --stroke-pen: #111827;
    --stroke-eraser-preview: #ef444459;
    --canvas-grid: #1118270f;
    --canvas-bg: #fff;
    --mo-positive: #d97706;
    --mo-negative: #1d4ed8;
    --mo-combined: #6d28d9;
    --mo-bond: #0f766e;
    --mo-anti: #b91c1c;
    --mo-nonbond: #6b7280;
    --mo-gold: #f59e0b;
    --mo-gold-fg: #b45309;
    --ngb-curve-stroke: #475569;
    --ngb-curve-fill: #4755690f;
    --ngb-axis: #64748b;
    --ngb-ball-fill: #e89a2a;
    --ngb-ball-stroke: #b45309;
    --ngb-basin-marker: #64748b;
    --ngb-slope-line: #dd5547;
    --ngb-slope-line-faded: #dd55474d;
    --ngb-spontaneous-tint: #e89a2a0f;
    --ngb-non-spontaneous-tint: #dd55470d;
    --ngb-battery-shell: #475569;
    --ngb-battery-fill: #f8fafc;
    --ngb-battery-charge-good: #e89a2a;
    --ngb-battery-charge-low: #475569;
    --ngb-battery-display-bg: #0000000a;
    --ngb-battery-display-fg: #475569;
    --ngb-battery-on-bar: #0f172a;
    --ngb-electron-trail: #fbbf24;
    --ngb-wire: #475569;
    --ww-card-bg: #fcfbff;
    --ww-card-border: #e2e8f0;
    --ww-collector-bg: #f8fafc;
    --ww-collector-empty: #f5f5f8;
    --ww-wall: #1e293b;
    --ww-wall-shock: #dc2626;
    --ww-wall-ok: #16a34a;
    --ww-scale-marker: #7e22ce;
    --ww-axis: #64748b;
    --qwell-psi-positive: #2563eb;
    --qwell-psi-negative: #dc2626;
    --qwell-density: #0d9488;
    --qwell-energy-line: #475569;
    --qwell-string-amplitude: #92400e;
    --qwell-pipe-pressure: #0e7490;
    --cl-card-bg: #fcfbff;
    --cl-card-border: #e2e8f0;
    --cl-wall: #1e293b;
    --cl-leakage: #2563eb73;
    --cl-photon: #d97706;
    --cl-marble: #64748b;
    --cl-position: #7c3aed;
    --cl-momentum: #d97706;
    --cl-rung-low: #2563eb;
    --cl-rung-high: #1e2876;
    --cl-gauge-lambda: #7c3aed;
    --cl-gauge-momentum: #d97706;
    --cl-gauge-freq: #db2777;
    --cl-gauge-energy: #ea580c;
    --cl-history: #92400e;
    --cfb-card-bg: #fcfbff;
    --cfb-card-border: #e2e8f0;
    --cfb-homo: #2563eb;
    --cfb-lumo: #d97706;
    --cfb-glow-accent: #7c3aed;
    --cfb-match: #16a34a;
    --cfb-forbidden: #dc2626;
    --cfb-carbon-node: #475569;
    --cfb-node-label: #64748b;
    --cfb-canvas-surface: #f8f9fb;
    --aw-bg: #eef2fb;
    --aw-bg2: #e3e9f6;
    --aw-chamber: #f5f8ff;
    --aw-panel: #fff;
    --aw-panel2: #f3f6fc;
    --aw-border: #d4ddf0;
    --aw-text: #16203a;
    --aw-muted: #48587a;
    --aw-faint: #8b9ab8;
    --aw-accent: #7c43ff;
    --aw-photon: #d68a00;
    --aw-nucleus: #e0670a;
    --aw-match: #13a35e;
    --aw-glow-acc: #7c43ff4d;
    --aw-level-1: #3730a3;
    --aw-level-2: #0e7490;
    --aw-level-3: #047857;
    --aw-level-4: #4d7c0f;
    --aw-level-5: #b45309;
    --aw-level-6: #c2410c;
    --aw-level-7: #b91c1c;
  }

  @supports (color: lab(0% 0 0)) {
    :root {
      --surface-alt: lab(98.1279% -.121385 -1.51236);
      --surface-inset: lab(96.4902% -.0369251 -2.27605);
      --surface-sunken: lab(94.8662% -.0367463 -2.27597);
      --ww-card-bg: lab(98.7838% .724077 -2.13361);
      --ww-collector-empty: lab(96.4827% .481009 -1.42353);
      --cl-card-bg: lab(98.7838% .724077 -2.13361);
      --cfb-card-bg: lab(98.7838% .724077 -2.13361);
    }
  }

  .dark {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --background: #080c18;
    --foreground: #c9d1d9;
    --text-heading: #f0f2f5;
    --text-body: #c9d1d9;
    --text-muted: #8b95a5;
    --text-caption: #64748b;
    --text-inverse: #080c18;
    --surface: #121827;
    --surface-alt: #1a2236;
    --surface-inset: #232e45;
    --surface-sunken: #060a14;
    --surface-card: var(--surface);
    --overlay: #000;
    --border: #2a3752;
    --border-subtle: #1e2a40;
    --border-input: #384d6b;
    --border-strong: #ffffff2e;
    --border-card: #3a4a6a;
    --shadow-xs: 0 1px 2px #0000004d;
    --shadow-sm: 0 2px 8px #0006;
    --shadow-md: 0 4px 16px #00000073;
    --shadow-lg: 0 8px 32px #00000080, 0 2px 8px #0000004d;
    --shadow-card: 0 1px 2px #00000040;
    --shadow-card-hover: 0 2px 4px #00000040, 0 16px 36px -16px #818cf838;
    --shadow-glow-brand: 0 0 20px #818cf833;
    --shadow-glow-success: 0 0 16px #22c55e33;
    --shadow-glow-error: 0 0 16px #ef444426;
    --glass-bg: #121827f2;
    --glass-border: #818cf833;
    --card-hover-lift: -1px;
    --rdkit-canvas: #1a2236;
    --rdkit-bond: #d4d8e0;
    --rdkit-oxygen: #ff8a8a;
    --rdkit-nitrogen: #93c0ff;
    --rdkit-chlorine: #4ade80;
    --rdkit-sulfur: #facc15;
    --rdkit-bromine: #d97756;
    --rdkit-fluorine: #c8b838;
    --rdkit-phosphorus: #fdba74;
    --rdkit-iodine: #c084fc;
    --rdkit-hydrogen: #b8b8b8;
    --rdkit-carbon: #b0b0b0;
    --rdkit-silicon: #d4b088;
    --rdkit-aluminum: #c4a8a8;
    --rdkit-iron: #e88060;
    --rdkit-calcium: #48c880;
    --rdkit-sodium: #b880f0;
    --rdkit-potassium: #a868e0;
    --rdkit-magnesium: #48c0a0;
    --rdkit-copper: #d8a058;
    --rdkit-manganese: #b890d8;
    --rdkit-titanium: #a0a8b8;
    --rdkit-chromium: #98a8d0;
    --rdkit-zinc: #9898c8;
    --rdkit-lead: #909098;
    --rdkit-beryllium: #b8c838;
    --rdkit-lithium: #c890ff;
    --rdkit-barium: #38b878;
    --rdkit-silver: #a8b8c8;
    --rdkit-gold: #ffd840;
    --rdkit-boron: #f0a0a0;
    --rdkit-scandium: #c8c8d0;
    --rdkit-vanadium: #a8a8b8;
    --rdkit-cobalt: #f098b0;
    --rdkit-nickel: #6cd66c;
    --rdkit-arsenic: #c898d8;
    --rdkit-strontium: #5fdf5f;
    --rdkit-yttrium: #88e8e8;
    --rdkit-zirconium: #88d8d8;
    --rdkit-niobium: #88c8d0;
    --rdkit-molybdenum: #6ec0c0;
    --rdkit-cadmium: #e8c870;
    --rdkit-tin: #98a8a8;
    --rdkit-antimony: #b890d0;
    --rdkit-tellurium: #e0a050;
    --rdkit-cesium: #b48cd9;
    --rdkit-lanthanum: #80c8e8;
    --rdkit-cerium: #d8d878;
    --rdkit-praseodymium: #98c878;
    --rdkit-neodymium: #88c888;
    --rdkit-samarium: #68c898;
    --rdkit-europium: #68d098;
    --rdkit-gadolinium: #68d098;
    --rdkit-terbium: #68d098;
    --rdkit-dysprosium: #68d8a8;
    --rdkit-holmium: #5ed09c;
    --rdkit-erbium: #68d088;
    --rdkit-thulium: #5cd078;
    --rdkit-ytterbium: #68d068;
    --rdkit-lutetium: #5cc868;
    --rdkit-hafnium: #5cb0e0;
    --rdkit-tantalum: #5ca0d8;
    --rdkit-tungsten: #5ca8d0;
    --rdkit-platinum: #c0c0d0;
    --rdkit-mercury: #b0b0c8;
    --rdkit-thallium: #d09080;
    --rdkit-bismuth: #c890d8;
    --rdkit-thorium: #5cb0e8;
    --rdkit-uranium: #5c98d8;
    --brand: #818cf8;
    --brand-hover: #6366f1;
    --brand-light: #1e1b4b;
    --brand-muted: #1e1b4b;
    --brand-border: #312e81;
    --brand-accent: #a5b4fc;
    --brand-fg: #c7d2fe;
    --part1: #60a5fa;
    --part1-light: #0e1a2e;
    --part1-border: #3b82f6;
    --part2: #a78bfa;
    --part2-light: #18142e;
    --part2-border: #7c3aed;
    --part3: #34d399;
    --part3-light: #0c1e18;
    --part3-border: #10b981;
    --part4: #fbbf24;
    --part4-light: #1e1808;
    --part4-border: #d97706;
    --source-usnco: #60a5fa;
    --source-icho: #ffd840;
    --source-llm: #a78bfa;
    --source-libretexts: #2dd4bf;
    --admin-accent: var(--brand);
    --cost-opus: #8b5cf6;
    --cost-haiku: #22d3ee;
    --cost-sonnet: #818cf8;
    --cost-gemini: #fb923c;
    --cost-elevenlabs: #84cc16;
    --icho: #a78bfa;
    --icho-light: #18142e;
    --icho-border: #7c3aed;
    --hero-from: #0c1e3a;
    --hero-via: #124a6e;
    --hero-to: #0e4a3a;
    --hero-text-positive: #6ee7b7;
    --hero-text-negative: #fca5a5;
    --success: #22c55e;
    --success-light: #0a1e14;
    --success-muted: #0a2e1c;
    --success-border: #166534;
    --success-fg: #4ade80;
    --error: #f87171;
    --error-light: #1e0c0c;
    --error-muted: #2e1010;
    --error-border: #991b1b;
    --error-fg: #fca5a5;
    --warning: #fbbf24;
    --warning-light: #1e1808;
    --warning-muted: #2e2408;
    --warning-border: #854d0e;
    --warning-fg: #e6c97a;
    --inspector-molecule: #2dd4bf;
    --inspector-table: #a78bfa;
    --palette-blue: #60a5fa;
    --palette-orange: #f97316;
    --palette-red: #ef4444;
    --palette-amber: #fbbf24;
    --palette-yellow: #eab308;
    --palette-lime: #84cc16;
    --palette-green: #34d399;
    --palette-purple: #a78bfa;
    --palette-cyan: #22d3ee;
    --palette-pink: #f472b6;
    --palette-magenta: #e879f9;
    --palette-teal: #2dd4bf;
    --palette-silver: #94a3b8;
    --plot-bg: #0a0a14;
    --plot-grid: #ffffff0f;
    --plot-grid-mid: #ffffff1a;
    --plot-marker-stroke: #0a0a14;
    --score-high: #22c55e;
    --score-high-light: #0a1e14;
    --score-high-muted: #0a2e1c;
    --score-high-border: #166534;
    --score-high-fg: #4ade80;
    --score-mid: #eab308;
    --score-mid-light: #1e1808;
    --score-mid-muted: #2e2408;
    --score-mid-border: #854d0e;
    --score-mid-fg: #fde047;
    --score-low: #f87171;
    --score-low-light: #1e0c0c;
    --score-low-muted: #2e1010;
    --score-low-border: #991b1b;
    --score-low-fg: #fca5a5;
    --heatmap-text-dark: #111827;
    --heatmap-text-light: #fff;
    --exam1: #5a9fd4;
    --exam1-light: #0c1a2e;
    --exam1-border: #2d7ab5;
    --exam2: #9b7af0;
    --exam2-light: #14102e;
    --exam2-border: #6d3fc4;
    --exam3: #3cc99a;
    --exam3-light: #081e16;
    --exam3-border: #0d8c64;
    --exam4: #daa040;
    --exam4-light: #1e1608;
    --exam4-border: #a06e15;
    --desc-practice: #a78bfa;
    --desc-practice-light: #18142e;
    --desc-practice-border: #7c3aed;
    --desc-exam: #e879f9;
    --desc-exam-light: #1e1226;
    --desc-exam-border: #c026d3;
    --char-glados: #22d3ee;
    --char-glados-light: #081a20;
    --char-glados-ring: #06b6d4;
    --char-wheatley: #60a5fa;
    --char-wheatley-light: #0e1628;
    --char-wheatley-ring: #3b82f6;
    --char-cave: #fbbf24;
    --char-cave-light: #1a1508;
    --char-cave-ring: #d97706;
    --cp-acid-bg: #2563eb1f;
    --cp-acid-text: #60a5fa;
    --cp-acid-border: #3b82f6;
    --cp-acid-bg-light: #2563eb0f;
    --cp-acid-text-light: #93c5fd;
    --cp-base-bg: #fbbf241f;
    --cp-base-text: #fbbf24;
    --cp-base-border: #d97706;
    --cp-base-bg-light: #fbbf240f;
    --cp-base-text-light: #fcd34d;
    --cp-pair1-bg: #2563eb0f;
    --cp-pair1-text: #60a5fa;
    --cp-pair1-border: #3b82f6;
    --cp-pair1-dot: #60a5fa;
    --cp-pair2-bg: #fbbf240f;
    --cp-pair2-text: #fbbf24;
    --cp-pair2-border: #d97706;
    --cp-pair2-dot: #fbbf24;
    --cp-streak-hot: #fbbf24;
    --ice-initial-bg: #2563eb26;
    --ice-initial-text: #60a5fa;
    --ice-change-bg: #d9770626;
    --ice-change-text: #fbbf24;
    --ice-equil-bg: #16a34a26;
    --ice-equil-text: #4ade80;
    --ice-final-bg: #7c3aed26;
    --ice-final-text: #a78bfa;
    --cfs-accent: #a78bfa;
    --cfs-accent-hover: #8b5cf6;
    --cfs-accent-light: #7c3aed1f;
    --cfs-accent-text: #c4b5fd;
    --cfs-high-bg: #ef44441f;
    --cfs-high-text: #fca5a5;
    --cfs-high-border: #ef4444;
    --cfs-high-active-bg: #ef444426;
    --cfs-low-bg: #2563eb1f;
    --cfs-low-text: #60a5fa;
    --cfs-low-border: #3b82f6;
    --cfs-low-active-bg: #2563eb26;
    --cfs-props-from: #18142e;
    --cfs-props-to: #151930;
    --cfs-warn: #fbbf24;
    --cfs-ligand-active-bg: #7c3aed26;
    --cfs-ligand-active-text: #c4b5fd;
    --cfs-delta: #34d399;
    --titr-diamond-bg: #7c3aed1a;
    --titr-diamond-border: #7c3aed;
    --titr-star-bg: #d977061a;
    --titr-star-border: #d97706;
    --rl-highlight-bg: #2563eb1a;
    --rl-complete-text: #4ade80;
    --pd-accent: #a78bfa;
    --pd-accent-light: #7c3aed1a;
    --pd-accent-border: #8b5cf6;
    --pd-accent-text: #c4b5fd;
    --pd-freeze: #60a5fa;
    --pd-freeze-bg: #2563eb1a;
    --pd-freeze-text: #93c5fd;
    --pd-boil: #f87171;
    --pd-boil-bg: #ef44441a;
    --pd-boil-text: #fca5a5;
    --pd-calc-from: #0e1a2e;
    --pd-calc-to: #1e0c0c;
    --pd-quick-hover: #7c3aed1f;
    --ir-accent: #2dd4bf;
    --ir-accent-hover: #14b8a6;
    --ir-accent-light: #0d94881a;
    --ir-accent-bg: #0d948826;
    --ir-accent-border: #0d9488;
    --ir-accent-text: #5eead4;
    --ir-accent-dark: #2dd4bf;
    --ir-detail-bg: #0d94881a;
    --ir-detail-border: #0d9488;
    --ir-detail-text: #5eead4;
    --ir-detail-heading: #99f6e4;
    --ir-detail-sub: #2dd4bf;
    --ir-key-bg: #0d948826;
    --ir-key-text: #2dd4bf;
    --ir-card-active-border: #2dd4bf;
    --ir-card-hover-border: #5eead4;
    --ir-card-hover-bg: #0d94881a;
    --ir-incorrect: #f87171;
    --ir-region-oh: #f87171;
    --ir-region-nh: #fb923c;
    --ir-region-ch: #facc15;
    --ir-region-triple: #4ade80;
    --ir-region-carbonyl: #60a5fa;
    --ir-region-cc: #a78bfa;
    --ir-region-co: #22d3ee;
    --ir-region-oh-fill: #ef444429;
    --ir-region-oh-fill-selected: #ef44444d;
    --ir-region-nh-fill: #f9731629;
    --ir-region-nh-fill-selected: #f973164d;
    --ir-region-ch-fill: #eab30829;
    --ir-region-ch-fill-selected: #eab3084d;
    --ir-region-triple-fill: #22c55e29;
    --ir-region-triple-fill-selected: #22c55e4d;
    --ir-region-carbonyl-fill: #3b82f629;
    --ir-region-carbonyl-fill-selected: #3b82f64d;
    --ir-region-cc-fill: #8b5cf629;
    --ir-region-cc-fill-selected: #8b5cf64d;
    --ir-region-co-fill: #06b6d429;
    --ir-region-co-fill-selected: #06b6d44d;
    --bl-base: #60a5fa;
    --bl-base-bg: #2563eb1f;
    --bl-base-border: #2563eb4d;
    --bl-ph-0: #ef4444;
    --bl-ph-2: #f97316;
    --bl-ph-4: #fbbf24;
    --bl-ph-5: #facc15;
    --bl-ph-7: #4ade80;
    --bl-ph-8: #2dd4bf;
    --bl-ph-10: #60a5fa;
    --bl-ph-12: #a78bfa;
    --bl-ph-14: #c084fc;
    --sr-ir: #fbbf24;
    --sr-ir-bg: #fbbf241a;
    --sr-ir-border: #fbbf244d;
    --sr-hnmr: #34d399;
    --sr-hnmr-bg: #34d3991a;
    --sr-hnmr-border: #34d3994d;
    --sr-cnmr: #60a5fa;
    --sr-cnmr-bg: #60a5fa1a;
    --sr-cnmr-border: #60a5fa4d;
    --sr-real: #a78bfa;
    --sr-real-bg: #a78bfa1f;
    --sr-real-border: #a78bfa4d;
    --sr-expert-plus: #fb7185;
    --sr-expert-plus-bg: #fb71851f;
    --sr-expert-plus-border: #fb71854d;
    --sr-locked: #22d3ee;
    --sr-locked-bg: #22d3ee1f;
    --sr-locked-border: #22d3ee66;
    --sr-solvent: #cbd5e1;
    --sr-solvent-bg: #cbd5e11a;
    --sr-integration: #fbbf24;
    --sr-integration-bg: #fbbf241f;
    --sr-synth: #818cf8;
    --sr-synth-bg: #818cf81f;
    --sr-ideal: #67e8f9;
    --sr-ideal-bg: #67e8f91f;
    --sr-ideal-border: #67e8f966;
    --sr-region-0: #ef444414;
    --sr-region-1: #fbbf2414;
    --sr-region-2: #22c55e14;
    --sr-region-3: #9333ea14;
    --qa-tube-interior: #64748b;
    --kin-plot-0: #60a5fa;
    --kin-plot-1: #34d399;
    --kin-plot-2: #fbbf24;
    --kin-plot-fit: #9ca3af;
    --kin-halflife: #a78bfa;
    --kin-predict: #f472b6;
    --kin-conc-bar: #60a5fa;
    --kin-explorer: #2dd4bf;
    --scatter-point: #60a5fa;
    --scatter-point-outlier: #fbbf24;
    --scatter-fit-student: #a78bfa;
    --scatter-fit-reference: #34d399;
    --scatter-grid: #4b5563;
    --scatter-error-bar: #6b7280;
    --rce-reactant: #60a5fa;
    --rce-product: #34d399;
    --rce-ts: #f87171;
    --rce-ea: #fbbf24;
    --rce-dh: #a78bfa;
    --rce-catalyst: #f472b6;
    --rce-boltz: #818cf8;
    --rce-boltz-fill: #818cf8;
    --rce-intermediate: #2dd4bf;
    --rce-curve: #d1d5db;
    --osm-water: #60a5fa;
    --osm-water-fill: #3b82f659;
    --osm-solute: #fbbf24;
    --osm-solute-fill: #fbbf244d;
    --osm-membrane: #a78bfa;
    --osm-piston: #9ca3af;
    --osm-piston-active: #7c3aed;
    --osm-cell: #f87171;
    --osm-cell-fill: #ef444459;
    --osm-tube-wall: #4b5563;
    --osm-arrow: #34d399;
    --spb-donor-halo: #f8717140;
    --spb-polar-halo: #60a5fa38;
    --spb-nonpolar-halo: #94a3b82e;
    --spb-col-structure-bg: #1a1a1a;
    --spb-col-forces-bg: #161922;
    --spb-col-properties-bg: #181c20;
    --spb-col-border: #2a2d35;
    --spb-delta-positive-bg: #22c55e2e;
    --spb-delta-positive-text: #86efac;
    --spb-delta-negative-bg: #eab3082e;
    --spb-delta-negative-text: #fde047;
    --spb-bench-bg: linear-gradient(180deg, #1f1b0f 0%, #2a2410 100%);
    --spb-history-line: #475569;
    --spb-feedback-confusable: #6366f126;
    --spb-challenge-slot-empty: #1e293b;
    --spb-challenge-slot-filled: #7c3aed40;
    --spb-therm-track: #374151;
    --topic-kinetics: #f87171;
    --topic-kinetics-bg: #dc26261a;
    --topic-kinetics-border: #dc2626;
    --topic-thermodynamics: #fb923c;
    --topic-thermodynamics-bg: #ea580c1a;
    --topic-thermodynamics-border: #ea580c;
    --topic-equilibrium: #fcd34d;
    --topic-equilibrium-bg: #b453091a;
    --topic-equilibrium-border: #b45309;
    --topic-gas-laws: #eab308;
    --topic-gas-laws-bg: #ca8a041a;
    --topic-gas-laws-border: #ca8a04;
    --topic-gas-laws-hover: #facc15;
    --topic-acid-base: #60a5fa;
    --topic-acid-base-bg: #2563eb1a;
    --topic-acid-base-border: #2563eb;
    --topic-electrochemistry: #60a5fa;
    --topic-electrochemistry-bg: #1d4ed81a;
    --topic-electrochemistry-border: #1d4ed8;
    --topic-redox: #818cf8;
    --topic-redox-bg: #4f46e51a;
    --topic-redox-border: #4f46e5;
    --topic-stoichiometry: #818cf8;
    --topic-stoichiometry-bg: #6366f11a;
    --topic-stoichiometry-border: #6366f1;
    --topic-advanced-electro: #a78bfa;
    --topic-advanced-electro-bg: #3730a31a;
    --topic-advanced-electro-border: #3730a3;
    --topic-organic: #4ade80;
    --topic-organic-bg: #16a34a1a;
    --topic-organic-border: #16a34a;
    --topic-biochemistry: #4ade80;
    --topic-biochemistry-bg: #16a34a1a;
    --topic-biochemistry-border: #16a34a;
    --topic-polymers: #34d399;
    --topic-polymers-bg: #0478571a;
    --topic-polymers-border: #047857;
    --topic-spectroscopy: #2dd4bf;
    --topic-spectroscopy-bg: #0d94881a;
    --topic-spectroscopy-border: #0d9488;
    --topic-advanced-organic: #4ade80;
    --topic-advanced-organic-bg: #15803d1a;
    --topic-advanced-organic-border: #15803d;
    --topic-chemical-bonding: #22d3ee;
    --topic-chemical-bonding-bg: #0891b21a;
    --topic-chemical-bonding-border: #0891b2;
    --topic-intermolecular: #06b6d4;
    --topic-intermolecular-bg: #0e74901a;
    --topic-intermolecular-border: #0e7490;
    --topic-periodic-trends: #38bdf8;
    --topic-periodic-trends-bg: #0284c71a;
    --topic-periodic-trends-border: #0284c7;
    --topic-quantum: #a855f7;
    --topic-quantum-bg: #7e22ce1a;
    --topic-quantum-border: #7e22ce;
    --topic-crystallography: #94a3b8;
    --topic-crystallography-bg: #4755691a;
    --topic-crystallography-border: #475569;
    --topic-symmetry: #818cf8;
    --topic-symmetry-bg: #4f46e51a;
    --topic-symmetry-border: #4f46e5;
    --symexp-axis: #7c9cff;
    --symexp-plane: #34d9c5;
    --symexp-ok: #43d6a0;
    --symexp-bad: #ff6b7d;
    --symexp-error: #f87171;
    --topic-colligative: #a78bfa;
    --topic-colligative-bg: #7c3aed1a;
    --topic-colligative-border: #7c3aed;
    --topic-coordination: #d946ef;
    --topic-coordination-bg: #c026d31a;
    --topic-coordination-border: #c026d3;
    --topic-nuclear: #d946ef;
    --topic-nuclear-bg: #a21caf1a;
    --topic-nuclear-border: #a21caf;
    --topic-photochemistry: #f472b6;
    --topic-photochemistry-bg: #db27771a;
    --topic-photochemistry-border: #db2777;
    --topic-separations: #fb7185;
    --topic-separations-bg: #e11d481a;
    --topic-separations-border: #9f1239;
    --topic-qual-analysis: #fb923c;
    --topic-qual-analysis-bg: #c2410c1a;
    --topic-qual-analysis-border: #c2410c;
    --topic-solubility: #34d399;
    --topic-solubility-bg: #0596691a;
    --topic-solubility-border: #059669;
    --topic-lab-safety: #fb7185;
    --topic-lab-safety-bg: #be123c1a;
    --topic-lab-safety-border: #be123c;
    --topic-equilibrium-hover: #fcd34d;
    --topic-kinetics-hover: #f87171;
    --topic-thermodynamics-hover: #fb923c;
    --topic-acid-base-hover: #60a5fa;
    --topic-colligative-hover: #a78bfa;
    --topic-spectroscopy-hover: #2dd4bf;
    --topic-qual-analysis-hover: #fb923c;
    --topic-coordination-hover: #e879f9;
    --topic-solubility-hover: #34d399;
    --topic-lab-safety-hover: #fb7185;
    --topic-separations-hover: #f43f5e;
    --topic-electrochemistry-hover: #60a5fa;
    --topic-redox-hover: #818cf8;
    --topic-stoichiometry-hover: #a5b4fc;
    --topic-advanced-electro-hover: #a78bfa;
    --topic-organic-hover: #86efac;
    --topic-biochemistry-hover: #4ade80;
    --topic-polymers-hover: #34d399;
    --topic-advanced-organic-hover: #4ade80;
    --topic-chemical-bonding-hover: #22d3ee;
    --topic-intermolecular-hover: #06b6d4;
    --topic-periodic-trends-hover: #38bdf8;
    --topic-quantum-hover: #a855f7;
    --topic-crystallography-hover: #94a3b8;
    --topic-symmetry-hover: #818cf8;
    --topic-nuclear-hover: #d946ef;
    --topic-photochemistry-hover: #f472b6;
    --topic-cross-topic: #f59e0b;
    --topic-cross-topic-bg: #78350f1f;
    --topic-cross-topic-border: #78350f59;
    --topic-cross-topic-hover: #fed7aa;
    --cryst-bg: #0f172a;
    --cryst-cell-edge: #475569;
    --cryst-cell-edge-center: #cbd5e1;
    --cryst-atom-default: #cbd5e1;
    --cryst-atom-dim: #64748b;
    --cryst-atom-ghost: #1e293b;
    --cryst-highlight: #34d399;
    --cryst-highlight-strong: #10b981;
    --cryst-reference: #fbbf24;
    --cryst-reference-strong: #f59e0b;
    --cryst-claimed: #34d399;
    --cryst-claimed-bg: #064e3b;
    --cryst-neighbor-line: #10b981;
    --cryst-plane-fill: #10b98159;
    --cryst-plane-stroke: #10b981;
    --cryst-ray: #38bdf8;
    --cryst-ray-path-diff: #34d399;
    --cryst-overlap: #f8717159;
    --cryst-zone-gap: #a16207;
    --cryst-zone-contact: #34d399;
    --cryst-zone-overlap: #f87171;
    --cryst-hole-octa: #22d3ee;
    --cryst-hole-tet: #fbbf24;
    --cryst-hole-cubic: #f472b6;
    --cryst-species-anion: #34d399;
    --cryst-species-cation: #c4b5fd;
    --cryst-species-oxide: #fca5a5;
    --cryst-ratio-red: #ef4444;
    --cryst-ratio-amber: #f59e0b;
    --cryst-ratio-green: #10b981;
    --cryst-ratio-blue: #3b82f6;
    --cryst-ratio-purple: #8b5cf6;
    --poly-accent: #34d399;
    --poly-accent-soft: #34d3991f;
    --poly-target: #34d3992e;
    --poly-target-edge: #34d399b3;
    --poly-you: #fbbf24;
    --poly-vp-bg: #0a0e18;
    --poly-vp-grid: #ffffff0f;
    --poly-scale-label: #94a3b8;
    --poly-chain-1: #38bdf8;
    --poly-chain-2: #34d399;
    --poly-chain-3: #fbbf24;
    --poly-chain-4: #a78bfa;
    --poly-chain-5: #f472b6;
    --poly-chain-6: #60a5fa;
    --poly-chain-7: #facc15;
    --poly-chain-8: #2dd4bf;
    --poly-crystal: #38bdf8;
    --poly-amorphous: #a78bfa;
    --poly-crosslink: #f472b6;
    --poly-shatter: #f87171;
    --poly-bounce: #34d399;
    --poly-dent: #fbbf24;
    --poly-flow: #f87171;
    --poly-state-glassy: #93c5fd;
    --poly-state-rubbery: #fbbf24;
    --poly-state-flow: #f87171;
    --poly-state-elastomer: #34d399;
    --poly-state-brittle: #cbd5e1;
    --poly-state-crosslinked-network: #f472b6;
    --poly-pend-H: #4b5563;
    --poly-pend-CH3: #34d399;
    --poly-pend-Ph: #c4b5fd;
    --poly-pend-ester: #fbbf24;
    --poly-pend-Cl: #6ee7b7;
    --poly-pend-F: #a3e635;
    --poly-pend-CN: #f9a8d4;
    --poly-pend-diene: #5eead4;
    --poly-clash: #fca5a5;
    --ls-ghs-border: #ef4444;
    --ls-ghs-fill: #1f1f1f;
    --ls-ghs-icon: #e5e5e5;
    --ls-ghs-glow: #ef44444d;
    --ls-nfpa-health: #3b82f6;
    --ls-nfpa-flam: #ef4444;
    --ls-nfpa-react: #fbbf24;
    --ls-nfpa-special: #374151;
    --ls-nfpa-text: #f5f5f5;
    --ls-nfpa-border: #6b7280;
    --ls-nfpa-highlight: #a78bfa;
    --ls-consequence-from: #dc26261a;
    --ls-consequence-to: #f9731614;
    --ls-consequence-border: #c2410c;
    --ls-consequence-text: #fca5a5;
    --ls-consequence-glow: #f9731633;
    --ls-safe-bg: #10b9811a;
    --ls-safe-border: #065f46;
    --ls-safe-text: #6ee7b7;
    --ls-cat-glassware: #60a5fa;
    --ls-cat-heating: #f87171;
    --ls-cat-measuring: #34d399;
    --ls-cat-safety: #fbbf24;
    --ls-cat-separation: #a78bfa;
    --ls-accent: #f87171;
    --ls-accent-hover: #ef4444;
    --ls-streak-hot: #fbbf24;
    --sep-silica: #2a2520;
    --sep-silica-border: #4a3f30;
    --sep-solvent-front: #0d9488;
    --sep-origin-line: #a18b6e;
    --sep-uv-bg: #050510;
    --sep-uv-glow: #d8b4fe;
    --sep-uv-fluor: #a7f3d00d;
    --sep-uv-quench: #333;
    --sep-column-glass: #93c5fd1a;
    --sep-column-border: #60a5fa;
    --sep-column-silica: #3a3020;
    --sep-drip: #60a5fa;
    --sep-aqueous: #3b82f6;
    --sep-organic: #f59e0b;
    --sep-funnel-glass: #93c5fd14;
    --sep-funnel-border: #60a5fa;
    --sep-polar: #f87171;
    --sep-nonpolar: #60a5fa;
    --sep-res-good: #22c55e;
    --sep-res-poor: #f87171;
    --sep-res-marginal: #fbbf24;
    --sep-spot-1: #fbbf24;
    --sep-spot-2: #a78bfa;
    --sep-spot-3: #fb923c;
    --sep-spot-4: #eab308;
    --sep-spot-5: #60a5fa;
    --sep-spot-6: #34d399;
    --sep-spot-7: #f87171;
    --sep-spot-8: #818cf8;
    --sep-baseline: #9ca3af;
    --sep-detector: #f87171;
    --sep-ghost: #9ca3af4d;
    --fgs-alcohol: #60a5fa;
    --fgs-aldehyde: #fb923c;
    --fgs-ketone: #fbbf24;
    --fgs-carboxylic-acid: #f87171;
    --fgs-ester: #34d399;
    --fgs-ether: #a78bfa;
    --fgs-amine: #22d3ee;
    --fgs-amide: #f472b6;
    --fgs-alkene: #a3e635;
    --fgs-alkyne: #818cf8;
    --fgs-nitrile: #2dd4bf;
    --fgs-aromatic: #fb7185;
    --fgs-phenol: #93c5fd;
    --fgs-acyl-halide: #fda4af;
    --fgs-anhydride: #c084fc;
    --fgs-epoxide: #38bdf8;
    --fgs-collector-bg: #0f172a99;
    --fgs-collector-border: #334155;
    --fgs-collector-empty: #1e293b;
    --fgs-card-bg: #1e293b;
    --fgs-card-border: #334155;
    --fgs-region-hover: #60a5fa1f;
    --fgs-streak-hot: #fbbf24;
    --sne-sn2: #60a5fa;
    --sne-sn1: #34d399;
    --sne-e2: #fbbf24;
    --sne-e1: #f87171;
    --sne-input-bg: #1e293b;
    --sne-input-border: #334155;
    --sne-verdict-bg: #0f172a;
    --sne-factor-bg: #1c1917;
    --sne-factor-border: #44403c;
    --sne-bar-track: #334155;
    --sne-signature-bg: #1c1917;
    --sne-pill-active: #93c5fd;
    --sne-pill-active-bg: #1e3a5f;
    --sne-mm-cell-empty: #1e293b;
    --sne-mm-cell-outside: #0f172a;
    --sne-mm-cell-border: #1e293b;
    --sne-mm-palette-bg: #0f172a;
    --sne-mm-palette-shadow: 0 8px 28px #00000080;
    --sne-mm-card-bg: #0f172a;
    --sne-mm-card-border: #1e293b;
    --sne-mm-card-shadow: 0 1px 2px #0006, 0 4px 12px #00000059;
    --sne-mm-card-shadow-hover: 0 2px 4px #00000080, 0 8px 20px #00000073;
    --sne-mm-axis-label: #94a3b8;
    --sne-mm-progress-track: #1e293b;
    --sne-mm-progress-fill: linear-gradient(90deg, #60a5fa, #34d399);
    --gem-tier1: #e0b320;
    --gem-tier1-light: #3d2e0a;
    --gem-tier1-glow: #e0b32040;
    --gem-tier2: #8b5cf6;
    --gem-tier2-light: #1e1340;
    --gem-tier2-glow: #8b5cf640;
    --gem-tier3: #14b8a6;
    --gem-tier3-light: #0a2520;
    --gem-tier3-glow: #14b8a640;
    --gem-pill-fg: #0f172a;
    --gem-tier1-hint: #e0b32038;
    --gem-tier2-hint: #8b5cf638;
    --gem-tier3-hint: #14b8a638;
    --gem-progress-now-dark: #475569;
    --gem-progress-now: #cbd5e1;
    --gem-progress-now-bright: #e2e8f0;
    --gem-progress-now-glow: #e2e8f0b3;
    --gem-score-rarity: #f59e0b;
    --gem-score-aesth: #fb7185;
    --gem-score-fame: #38bdf8;
    --gem-score-chem: #34d399;
    --gem-score-fit: #a78bfa;
    --gem-score-visual: #fb7185;
    --gem-score-lore: #38bdf8;
    --gem-capsule-bg: #1a2240;
    --gem-capsule-border: #2a3752;
    --gem-crack-line: #818cf8;
    --gem-cell-empty: #1e2a40;
    --gem-cell-empty-border: #384d6b;
    --gem-streak-fire: #f97316;
    --pending-bg: #1e1b4b;
    --pending-border: #4f46e5;
    --pending-fg: #c7d2fe;
    --pending-pulse: #818cf880;
    --gem-modal-overlay: #060a14eb;
    --gem-modal-glow-strength: 28%;
    --gem-modal-border-strength: 55%;
    --gem-modal-shadow-strength: 35%;
    --learn-card-bg: #1e293b;
    --learn-card-border: #334155;
    --learn-collector-bg: #0f172a99;
    --learn-collector-border: #334155;
    --learn-collector-empty: #1e293b;
    --learn-streak-hot: #fbbf24;
    --chem-reaction-addition: #67e8f9;
    --chem-reaction-elimination: #fda4af;
    --chem-reaction-substitution: #d8b4fe;
    --chem-reaction-rearrangement: #facc15;
    --chem-reaction-oxidation: #60a5fa;
    --chem-reaction-reduction: #34d399;
    --chem-bond-breaking: #f87171;
    --chem-bond-forming: #4ade80;
    --chem-bond-partial: #fbbf24;
    --chem-delta-neg: #67e8f9;
    --chem-delta-pos: #ef4444;
    --chem-formal-neg: #60a5fa;
    --chem-formal-pos: #f87171;
    --chem-arrow-lp-to-bond: #fbbf24;
    --chem-arrow-bond-to-lp: #67e8f9;
    --chem-arrow-bond-to-bond: #c4b5fd;
    --chem-arrow-proton: #fda4af;
    --chem-arrow-fishhook: #fcd34d;
    --chem-nucleophile: #67e8f9;
    --chem-electrophile: #fca5a5;
    --chem-leaving-group: #c4b5fd;
    --chem-base: #6ee7b7;
    --chem-acid: #fb923c;
    --chem-radical: #fcd34d;
    --chem-exergonic: #4ade80;
    --chem-endergonic: #f87171;
    --chem-transition-state: #fbbf24;
    --chem-reactant: #60a5fa;
    --chem-product: #34d399;
    --chem-atom-C: var(--rdkit-bond);
    --chem-atom-O: var(--rdkit-oxygen);
    --chem-atom-N: var(--rdkit-nitrogen);
    --chem-atom-S: var(--rdkit-sulfur);
    --chem-atom-Cl: var(--rdkit-chlorine);
    --chem-atom-Br: var(--rdkit-bromine);
    --chem-atom-F: var(--rdkit-fluorine);
    --chem-atom-P: var(--rdkit-phosphorus);
    --chem-atom-I: var(--rdkit-iodine);
    --chem-atom-H: var(--rdkit-hydrogen);
    --rtc-highlight-opacity: .45;
    --jab-singlet: #60a5fa;
    --jab-triplet: #a78bfa;
    --jab-sublevel: #64748b;
    --jab-absorption: #8b5cf6;
    --jab-fluorescence: #4ade80;
    --jab-phosphorescence: #fb923c;
    --jab-ic: #22d3ee;
    --jab-vr: #f87171;
    --jab-isc: #a78bfa;
    --jab-dot: #fbbf24;
    --jab-dot-glow: #fbbf2466;
    --jab-wait-pulse: #fb923c4d;
    --jab-spin-flip: #e879f9;
    --jab-heat: #f8717126;
    --jab-tally-bg: #1e293b;
    --aae-family-nonpolar: #60a5fa;
    --aae-family-nonpolar-bg: #3b82f61a;
    --aae-family-aromatic: #a78bfa;
    --aae-family-aromatic-bg: #7c3aed1a;
    --aae-family-polar: #22d3ee;
    --aae-family-polar-bg: #0891b21a;
    --aae-family-positive: #fbbf24;
    --aae-family-positive-bg: #d977061a;
    --aae-family-negative: #f87171;
    --aae-family-negative-bg: #dc26261a;
    --aae-uncaptured: #374151;
    --aae-hover: #60a5fa;
    --aae-pi-gold: #fbbf24;
    --aae-pi-glow: #fbbf2459;
    --aae-charge-pos: #fbbf24;
    --aae-charge-pos-bg: #d977061f;
    --aae-charge-neg: #f87171;
    --aae-charge-neg-bg: #dc26261f;
    --aae-charge-zero: #9ca3af;
    --aae-charge-zero-bg: #6b728014;
    --aae-net-charge-border: #fbbf24;
    --aae-atom-n: #60a5fa;
    --aae-atom-o: #f87171;
    --aae-atom-s: #fbbf24;
    --aae-backbone-stroke: #64748b;
    --aae-ph-acid: #f87171;
    --aae-ph-mid: #fbbf24;
    --aae-ph-base: #60a5fa;
    --aae-ph-marker: #a78bfa;
    --aae-alpha-c: #a78bfa;
    --aae-ionizable-ring: #fbbf2438;
    --eft-stage-bg: #0a0810;
    --eft-stage-grid: #14101c;
    --eft-orb-gold: #ffe0a0;
    --eft-orb-glow: #ffe0a0b3;
    --eft-arrow-radical: #fda4af;
    --eft-arrow-radical-glow: #fda4afb3;
    --eft-field-rich-alpha: .55;
    --eft-field-poor-alpha: .7;
    --eft-field-bde-weak: #eab308d9;
    --eft-bond: #d1d5db;
    --eft-select-source: #fcd34d;
    --eft-select-sink: #93c5fd;
    --eft-counter-text: #f9fafb;
    --eft-diagnostic-bg: #0f0c1a;
    --eft-diagnostic-border: #a78bfa;
    --eft-dihedral-gauge: #a78bfa;
    --eft-badge-bg: #052e16;
    --eft-badge-border: #4ade80;
    --eft-badge-text: #bbf7d0;
    --eft-badge-locked-bg: #2e1065;
    --eft-badge-locked-border: #a78bfa;
    --eft-badge-locked-text: #ddd6fe;
    --badge-calc-bg: #d977061a;
    --badge-calc-text: #d4a04e;
    --badge-sim-bg: #7c3aed1a;
    --badge-sim-text: #a59ad6;
    --badge-quiz-bg: #10b9811a;
    --badge-quiz-text: #6bbd96;
    --badge-ref-bg: #0ea5e91a;
    --badge-ref-text: #7db3d6;
    --badge-guided-bg: #f43f5e1a;
    --badge-guided-text: #d58894;
    --badge-interactive-bg: #06b6d41a;
    --badge-interactive-text: #6fbccc;
    --mystery-light: #ca8a041f;
    --mystery-fg: #fbbf24;
    --synthesis-light: #7c3aed1f;
    --synthesis-fg: #c4b5fd;
    --tooltip: #f0f2f5;
    --toggle-knob: #fff;
    --ref-highlight: #a3e635;
    --err-conceptual-bg: #ef44441f;
    --err-conceptual-text: #fca5a5;
    --err-conceptual-border: #ef444440;
    --err-formula-bg: #f973161f;
    --err-formula-text: #fdba74;
    --err-formula-border: #f9731640;
    --err-calculation-bg: #eab3081f;
    --err-calculation-text: #fde047;
    --err-calculation-border: #eab30840;
    --err-unit-bg: #a855f71f;
    --err-unit-text: #d8b4fe;
    --err-unit-border: #a855f740;
    --err-logic-bg: #0ea5e91f;
    --err-logic-text: #7dd3fc;
    --err-logic-border: #0ea5e940;
    --err-incomplete-bg: #06b6d41f;
    --err-incomplete-text: #67e8f9;
    --err-incomplete-border: #06b6d440;
    --err-procedure-bg: #ec48991f;
    --err-procedure-text: #f9a8d4;
    --err-procedure-border: #ec489940;
    --err-data-bg: #10b9811f;
    --err-data-text: #6ee7b7;
    --err-data-border: #10b98140;
    --err-factual-bg: #8b5cf61f;
    --err-factual-text: #c4b5fd;
    --err-factual-border: #8b5cf640;
    --err-other-bg: #6b72801f;
    --err-other-text: #9ca3af;
    --err-other-border: #6b728040;
    --ptable-alkali-bg: #ef44441f;
    --ptable-alkali-text: #fca5a5;
    --ptable-alkali-border: #ef44444d;
    --ptable-alkaline-bg: #f973161f;
    --ptable-alkaline-text: #fdba74;
    --ptable-alkaline-border: #f973164d;
    --ptable-transition-bg: #eab30814;
    --ptable-transition-text: #fde047;
    --ptable-transition-border: #eab30840;
    --ptable-post-bg: #22c55e1a;
    --ptable-post-text: #86efac;
    --ptable-post-border: #22c55e4d;
    --ptable-metalloid-bg: #14b8a61a;
    --ptable-metalloid-text: #5eead4;
    --ptable-metalloid-border: #14b8a64d;
    --ptable-nonmetal-bg: #0ea5e91a;
    --ptable-nonmetal-text: #7dd3fc;
    --ptable-nonmetal-border: #0ea5e94d;
    --ptable-halogen-bg: #8b5cf61a;
    --ptable-halogen-text: #c4b5fd;
    --ptable-halogen-border: #8b5cf64d;
    --ptable-noble-bg: #ec48991a;
    --ptable-noble-text: #f9a8d4;
    --ptable-noble-border: #ec48994d;
    --ptable-lanthanide-bg: #f59e0b1a;
    --ptable-lanthanide-text: #fcd34d;
    --ptable-lanthanide-border: #f59e0b4d;
    --ptable-actinide-bg: #84cc161a;
    --ptable-actinide-text: #bef264;
    --ptable-actinide-border: #84cc164d;
    --ptable-unknown-bg: #6b72801a;
    --ptable-unknown-text: #9ca3af;
    --ptable-unknown-border: #6b72804d;
    --figure-status-auto-verified: #3ddc97;
    --figure-status-needs-review: #fbbf24;
    --figure-status-rejected: #fca5a5;
    --figure-status-unattributed: #94a3b8;
    --frontier: #34d399;
    --frontier-bg: #34d3991f;
    --domain-thermo: #fb923c;
    --domain-react: #60a5fa;
    --domain-organic: #84cc16;
    --domain-struct: #a78bfa;
    --domain-applied: #22d3ee;
    --domain-other: #f472b6;
    --domain-cross: #818cf8;
    --constellation-no-data: #374151;
    --constellation-edge-strong: #4ade80;
    --constellation-edge-default: #374151;
    --constellation-node-stroke-hover: #d1d5db;
    --constellation-score-text-light: #f0f2f5;
    --constellation-score-text-dark: #e5e7eb;
    --constellation-label-hover: #f0f2f5;
    --constellation-label-default: #8b95a5;
    --stroke-pen: #f0f2f5;
    --stroke-eraser-preview: #f8717159;
    --canvas-grid: #f0f2f514;
    --canvas-bg: #121827;
    --mo-positive: #fbbf24;
    --mo-negative: #60a5fa;
    --mo-combined: #c4b5fd;
    --mo-bond: #5eead4;
    --mo-anti: #f87171;
    --mo-nonbond: #9ca3af;
    --mo-gold: #fcd34d;
    --mo-gold-fg: #fcd34d;
    --ngb-curve-stroke: #94a3b8;
    --ngb-curve-fill: #94a3b81a;
    --ngb-axis: #94a3b8;
    --ngb-ball-fill: #f4cf6e;
    --ngb-ball-stroke: #92400e;
    --ngb-basin-marker: #94a3b8;
    --ngb-slope-line: #f87171;
    --ngb-slope-line-faded: #f871714d;
    --ngb-spontaneous-tint: #f4cf6e0f;
    --ngb-non-spontaneous-tint: #f8717112;
    --ngb-battery-shell: #94a3b8;
    --ngb-battery-fill: #f1f5f9;
    --ngb-battery-charge-good: #e89a2a;
    --ngb-battery-charge-low: #94a3b8;
    --ngb-battery-display-bg: #ffffff0f;
    --ngb-battery-display-fg: #e2e8f0;
    --ngb-battery-on-bar: #0f172a;
    --ngb-electron-trail: #fde68a;
    --ngb-wire: #94a3b8;
    --ww-card-bg: #1e293b;
    --ww-card-border: #334155;
    --ww-collector-bg: #0f172a99;
    --ww-collector-empty: #1e293b;
    --ww-wall: #cbd5e1;
    --ww-wall-shock: #f87171;
    --ww-wall-ok: #4ade80;
    --ww-scale-marker: #a855f7;
    --ww-axis: #94a3b8;
    --qwell-psi-positive: #60a5fa;
    --qwell-psi-negative: #f87171;
    --qwell-density: #2dd4bf;
    --qwell-energy-line: #94a3b8;
    --qwell-string-amplitude: #fbbf24;
    --qwell-pipe-pressure: #22d3ee;
    --cl-card-bg: #1e293b;
    --cl-card-border: #334155;
    --cl-wall: #cbd5e1;
    --cl-leakage: #60a5fa80;
    --cl-photon: #fbbf24;
    --cl-marble: #94a3b8;
    --cl-position: #a78bfa;
    --cl-momentum: #fbbf24;
    --cl-rung-low: #60a5fa;
    --cl-rung-high: #c7d2fe;
    --cl-gauge-lambda: #a78bfa;
    --cl-gauge-momentum: #fbbf24;
    --cl-gauge-freq: #f472b6;
    --cl-gauge-energy: #fb923c;
    --cl-history: #fbbf24;
    --cfb-card-bg: #1e293b;
    --cfb-card-border: #334155;
    --cfb-homo: #60a5fa;
    --cfb-lumo: #fbbf24;
    --cfb-glow-accent: #a78bfa;
    --cfb-match: #4ade80;
    --cfb-forbidden: #f87171;
    --cfb-carbon-node: #cbd5e1;
    --cfb-node-label: #94a3b8;
    --cfb-canvas-surface: #0a0a14;
    --aw-bg: #060912;
    --aw-bg2: #0b1224;
    --aw-chamber: #070b16;
    --aw-panel: #101a30;
    --aw-panel2: #0d1424;
    --aw-border: #22304e;
    --aw-text: #eaf0fb;
    --aw-muted: #9fb0cc;
    --aw-faint: #5d6f8e;
    --aw-accent: #b79bff;
    --aw-photon: #fc5;
    --aw-nucleus: #ff9a3c;
    --aw-match: #5fe39a;
    --aw-glow-acc: #b79bff99;
    --aw-level-1: #a5b4fc;
    --aw-level-2: #67e8f9;
    --aw-level-3: #6ee7b7;
    --aw-level-4: #bef264;
    --aw-level-5: #fcd34d;
    --aw-level-6: #fdba74;
    --aw-level-7: #fca5a5;
  }

  html {
    overflow-x: clip;
  }

  body {
    background: var(--background);
    color: var(--foreground);
    overflow-x: clip;
  }
}

@layer components {
  @media (prefers-reduced-motion: reduce) {
    .card-hover-lift, .case-select-card, .suspect-card, [class*="ir-region"], [role="tab"], [aria-pressed], [aria-current="step"], [role="group"] > button[aria-disabled], .segment-control button, .segment-pill, .nmr-stepper-line, .spectrum-trace-fade {
      transition-duration: 1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  .seed-bottom-strip {
    height: var(--seed-bottom-strip-h);
  }

  .seed-dock-drawer {
    z-index: var(--z-seed-drawer);
  }

  button[aria-pressed="true"].suspect-card {
    box-shadow: var(--shadow-glow-brand);
  }

  .card-locked {
    pointer-events: none;
    cursor: default;
  }

  .suspect-card .rdkit-canvas {
    background-color: #0000 !important;
  }

  .suspect-card .rdkit-canvas svg {
    max-width: 100%;
    height: auto;
    display: block;
  }

  .animate-collapse {
    animation: .28s cubic-bezier(.4, 0, .2, 1) forwards home-collapse;
    overflow: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    .animate-collapse {
      animation-duration: .01ms;
    }
  }

  @keyframes discovery-modal-in {
    from {
      opacity: 0;
      transform: scale(.96)translateY(6px);
    }

    to {
      opacity: 1;
      transform: scale(1)translateY(0);
    }
  }

  @keyframes discovery-overlay-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .animate-discovery-modal-in {
    animation: .22s cubic-bezier(.16, 1, .3, 1) both discovery-modal-in;
  }

  .animate-discovery-overlay-in {
    animation: .2s ease-out both discovery-overlay-in;
  }

  @media (prefers-reduced-motion: reduce) {
    .animate-discovery-modal-in, .animate-discovery-overlay-in {
      animation-duration: .01ms;
    }
  }

  .countdown-ribbon {
    background: var(--surface-alt);
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border);
  }

  .countdown-ribbon-inner {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    max-width: 1024px;
    margin: 0 auto;
    padding: 18px 16px;
    display: flex;
  }

  .countdown-eyebrow {
    font-family: var(--font-mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--text-caption);
    align-items: center;
    gap: 8px;
    font-size: 9.5px;
    display: flex;
  }

  .countdown-eyebrow:before {
    content: "";
    background: var(--text-caption);
    opacity: .5;
    width: 18px;
    height: 1px;
  }

  .countdown-eyebrow strong {
    color: var(--text-muted);
    font-weight: 600;
  }

  .countdown-timer {
    font-family: var(--font-mono);
    color: var(--text-heading);
    font-feature-settings: "tnum";
    letter-spacing: .02em;
    align-items: baseline;
    gap: 2px;
    font-size: 30px;
    font-weight: 600;
    display: inline-flex;
  }

  .countdown-timer .seg {
    text-align: center;
    min-width: 40px;
    display: inline-block;
  }

  .countdown-timer .unit {
    color: var(--text-caption);
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-left: 3px;
    font-size: 9.5px;
    font-weight: 500;
    position: relative;
    top: -12px;
  }

  .countdown-timer .colon {
    color: var(--brand);
    opacity: .65;
    padding: 0 4px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .countdown-timer .colon {
      animation: 1s steps(2, end) infinite countdown-colon-blink;
    }
  }

  .countdown-sub {
    color: var(--text-muted);
    align-items: center;
    gap: 14px;
    font-size: 11.5px;
    display: flex;
  }

  .countdown-sub-item {
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .countdown-sub-item .label {
    color: var(--text-caption);
    letter-spacing: .04em;
    font-size: 10.5px;
  }

  .countdown-sub-item .val {
    font-family: var(--font-mono);
    color: var(--text-heading);
    font-size: 12px;
    font-weight: 600;
  }

  .countdown-sub-item.local .val {
    color: var(--brand);
  }

  .countdown-sub-sep {
    background: var(--border);
    width: 1px;
    height: 14px;
  }

  .countdown-acs-chip {
    font-family: var(--font-display);
    color: var(--text-muted);
    border: 1px solid var(--border);
    border-radius: 999px;
    align-items: center;
    gap: 5px;
    padding: 3px 9px 3px 10px;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    transition: color .15s, border-color .15s, background .15s;
    display: inline-flex;
  }

  .countdown-acs-chip:hover {
    color: var(--brand);
    border-color: var(--brand-border);
    background: var(--brand-light);
  }

  .mast-countdown {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    display: flex;
  }

  .mast-countdown--done {
    justify-content: center;
  }

  .mast-countdown-primary {
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  .mast-countdown-eyebrow-line {
    font-family: var(--font-mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--text-caption);
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    font-size: 9.5px;
    display: flex;
  }

  .mast-countdown-eyebrow-line strong {
    color: var(--text-heading);
    font-weight: 700;
  }

  .mast-countdown-eyebrow-date {
    text-align: right;
    color: var(--text-caption);
    font-weight: 500;
  }

  .mast-countdown-eyebrow-sep {
    opacity: .55;
  }

  .mast-countdown-eyebrow {
    font-family: var(--font-mono);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--text-caption);
    font-size: 10.5px;
  }

  .mast-countdown-timer {
    font-family: var(--font-mono);
    color: var(--text-heading);
    font-feature-settings: "tnum";
    letter-spacing: .02em;
    align-items: baseline;
    gap: 2px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
  }

  .mast-countdown-timer .seg {
    align-items: baseline;
    display: inline-flex;
  }

  .mast-countdown-timer .unit {
    color: var(--text-caption);
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-left: 2px;
    font-size: 9.5px;
    font-weight: 500;
  }

  .mast-countdown-timer .colon {
    color: var(--brand);
    opacity: .7;
    padding: 0 4px;
    font-weight: 500;
  }

  @media (prefers-reduced-motion: no-preference) {
    .mast-countdown-timer .colon {
      animation: 1s steps(2, end) infinite countdown-colon-blink;
    }
  }

  .mast-countdown-sub-timers {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .mast-countdown-sub-timer-group {
    align-items: center;
    gap: 12px;
    display: inline-flex;
  }

  .mast-countdown-sub-timer {
    align-items: baseline;
    gap: 6px;
    display: inline-flex;
  }

  .mast-countdown-sub-timer .label {
    font-family: var(--font-display);
    color: var(--text-caption);
    letter-spacing: .04em;
    font-size: 10.5px;
    font-weight: 500;
  }

  .mast-countdown-sub-timer .val {
    font-family: var(--font-mono);
    color: var(--text-heading);
    font-size: 11.5px;
    font-weight: 600;
  }

  .mast-countdown-sub-timer.is-active .val {
    color: var(--brand);
  }

  .mast-countdown-sub-timer.is-done .val {
    color: var(--success);
  }

  .mast-countdown-sub-timer.is-done .label {
    opacity: .7;
  }

  .mast-countdown-sub-timer-sep {
    background: var(--border-default);
    align-self: center;
    width: 1px;
    height: 14px;
    display: inline-block;
  }

  .mast-countdown-link {
    font-family: var(--font-display);
    color: var(--text-caption);
    align-items: center;
    gap: 4px;
    padding: 4px 0;
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color .16s;
    display: inline-flex;
  }

  .mast-countdown-link:hover {
    color: var(--brand);
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  @media (max-width: 767px) {
    .mast-countdown {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .mast-countdown-primary {
      align-items: flex-start;
    }

    .mast-countdown-timer {
      font-size: 30px;
    }

    .mast-countdown-timer .unit {
      font-size: 8.5px;
    }

    .mast-countdown-sub-timers {
      justify-content: space-between;
      gap: 8px;
      width: 100%;
    }

    .mast-countdown-sub-timer-group {
      gap: 8px;
    }

    .mast-countdown-link {
      align-self: flex-end;
      font-size: 11px;
    }
  }

  .periodic-cell.is-attention {
    border-color: var(--warning-border);
    box-shadow: 0 0 0 2px var(--warning), 0 4px 12px -6px var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .periodic-cell.is-attention {
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--warning) 22%, transparent), 0 4px 12px -6px color-mix(in srgb, var(--warning) 30%, transparent);
    }
  }

  .periodic-cell.is-frontier {
    border-color: var(--frontier);
    box-shadow: inset 0 0 0 1px var(--frontier);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .periodic-cell.is-frontier {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--frontier) 40%, transparent);
    }
  }

  .periodic-cell.is-attention.is-frontier {
    border-color: var(--frontier);
    box-shadow: 0 0 0 2px var(--warning), inset 0 0 0 1px var(--frontier);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .periodic-cell.is-attention.is-frontier {
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--warning) 22%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--frontier) 40%, transparent);
    }
  }

  .periodic-cell.is-attention.is-frontier .attention-dot {
    display: none;
  }

  .periodic-cell.is-start-here {
    box-shadow: 0 0 0 2px var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .periodic-cell.is-start-here {
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .periodic-cell.is-start-here {
      animation: 2.4s ease-in-out infinite periodic-start-here-pulse;
    }
  }

  .poly-ref-label {
    display: block;
  }

  @media (max-width: 640px) {
    .poly-ref-label {
      display: none !important;
    }
  }

  .admin-accent-strip {
    background: linear-gradient(to right, transparent 0%, var(--section-accent, var(--brand)) 6%, var(--section-accent, var(--brand)) 18%, var(--section-accent, var(--brand)) 82%, var(--section-accent, var(--brand)) 94%, transparent 100%);
    height: 3px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-accent-strip {
      background: linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--section-accent, var(--brand)) 35%, transparent) 6%, var(--section-accent, var(--brand)) 18%, var(--section-accent, var(--brand)) 82%, color-mix(in srgb, var(--section-accent, var(--brand)) 35%, transparent) 94%, transparent 100%);
    }
  }

  .admin-accent-strip {
    opacity: .9;
  }

  .admin-nav-pill {
    background: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-nav-pill {
      background: color-mix(in srgb, var(--section-accent, var(--brand)) 14%, transparent);
    }
  }

  .admin-nav-pill {
    color: var(--section-accent, var(--brand));
  }

  .dark .admin-nav-pill {
    background: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-nav-pill {
      background: color-mix(in srgb, var(--section-accent, var(--brand)) 20%, transparent);
    }
  }

  .admin-subtab {
    color: var(--text-muted);
    white-space: nowrap;
    border-radius: .4rem .4rem 0 0;
    align-items: center;
    gap: .5rem;
    padding: .55rem .85rem .7rem;
    font-size: .875rem;
    font-weight: 500;
    transition: background-color .14s, color .14s;
    display: inline-flex;
    position: relative;
  }

  .admin-subtab:hover {
    color: var(--text-heading);
    background: var(--surface-inset);
  }

  .admin-subtab-active {
    color: var(--section-accent, var(--brand));
    background: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-subtab-active {
      background: color-mix(in srgb, var(--section-accent, var(--brand)) 10%, transparent);
    }
  }

  .admin-subtab-active {
    font-weight: 600;
  }

  .admin-subtab-active:after {
    content: "";
    background: var(--section-accent, var(--brand));
    border-radius: 2px 2px 0 0;
    height: 3px;
    position: absolute;
    bottom: -2px;
    left: .35rem;
    right: .35rem;
  }

  .dark .admin-subtab-active {
    background: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-subtab-active {
      background: color-mix(in srgb, var(--section-accent, var(--brand)) 16%, transparent);
    }
  }

  .admin-subtabs-rail {
    background: var(--admin-accent);
    position: relative;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-subtabs-rail {
      background: color-mix(in srgb, var(--admin-accent) 4%, var(--surface));
    }
  }

  .dark .admin-subtabs-rail {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-subtabs-rail {
      background: color-mix(in srgb, var(--admin-accent) 7%, var(--surface));
    }
  }

  .admin-toolbar-band {
    top: var(--admin-subtabs-bottom, 3rem);
    z-index: 25;
    background: var(--admin-accent);
    position: sticky;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-toolbar-band {
      background: color-mix(in srgb, var(--admin-accent) 4%, var(--surface));
    }
  }

  .admin-toolbar-band {
    border-bottom: 1px solid var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-toolbar-band {
      border-bottom: 1px solid color-mix(in srgb, var(--admin-accent) 18%, var(--border));
    }
  }

  .dark .admin-toolbar-band {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-toolbar-band {
      background: color-mix(in srgb, var(--admin-accent) 7%, var(--surface));
    }
  }

  .dark .admin-toolbar-band {
    border-bottom-color: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-toolbar-band {
      border-bottom-color: color-mix(in srgb, var(--admin-accent) 28%, var(--border));
    }
  }

  .admin-toolbar-band-static {
    position: static;
    top: auto;
  }

  .admin-segment {
    color: var(--text-muted);
    white-space: nowrap;
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    border-radius: .375rem;
    align-items: center;
    padding: .25rem .6rem;
    font-size: .7rem;
    font-weight: 500;
    transition: background-color .14s, color .14s, border-color .14s;
    display: inline-flex;
  }

  .admin-segment:hover {
    color: var(--text-heading);
    background: var(--surface-inset);
    border-color: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-segment:hover {
      border-color: color-mix(in srgb, var(--section-accent, var(--brand)) 22%, transparent);
    }
  }

  .admin-segment-active {
    color: var(--section-accent, var(--brand));
    background: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-segment-active {
      background: color-mix(in srgb, var(--section-accent, var(--brand)) 14%, transparent);
    }
  }

  .admin-segment-active {
    border-color: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-segment-active {
      border-color: color-mix(in srgb, var(--section-accent, var(--brand)) 32%, transparent);
    }
  }

  .admin-segment-active {
    font-weight: 600;
  }

  .dark .admin-segment-active {
    background: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-segment-active {
      background: color-mix(in srgb, var(--section-accent, var(--brand)) 22%, transparent);
    }
  }

  .dark .admin-segment-active {
    border-color: var(--section-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-segment-active {
      border-color: color-mix(in srgb, var(--section-accent, var(--brand)) 45%, transparent);
    }
  }

  .admin-card-rail {
    border-left: 3px solid var(--card-accent, var(--section-accent, var(--brand)));
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .admin-card-tint {
    background-image: linear-gradient(to right, var(--card-accent, var(--section-accent, var(--brand))) 0%, transparent 35%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-card-tint {
      background-image: linear-gradient(to right, color-mix(in srgb, var(--card-accent, var(--section-accent, var(--brand))) 6%, transparent) 0%, transparent 35%);
    }
  }

  .dark .admin-card-tint {
    background-image: linear-gradient(to right, var(--card-accent, var(--section-accent, var(--brand))) 0%, transparent 35%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-card-tint {
      background-image: linear-gradient(to right, color-mix(in srgb, var(--card-accent, var(--section-accent, var(--brand))) 10%, transparent) 0%, transparent 35%);
    }
  }

  .admin-badge {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--brand-accent);
    background: var(--brand-accent);
    border-radius: .3rem;
    padding: .12rem .45rem;
    font-size: .6rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-badge {
      background: color-mix(in srgb, var(--brand-accent) 10%, transparent);
    }
  }

  .admin-badge {
    border: 1px solid var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-badge {
      border: 1px solid color-mix(in srgb, var(--brand-accent) 28%, transparent);
    }
  }

  .admin-badge {
    line-height: 1.4;
  }

  .admin-topstrip {
    z-index: 40;
    grid-template-columns: var(--admin-rail-w, 15.25rem) 1fr;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    align-items: center;
    height: 3.5rem;
    display: grid;
    position: sticky;
    top: 0;
  }

  .admin-surface[data-rail="collapsed"] .admin-topstrip {
    grid-template-columns: auto 1fr;
  }

  .admin-topstrip-brand-zone {
    border-right: 1px solid var(--border);
    align-items: center;
    gap: .625rem;
    height: 100%;
    padding: 0 1.125rem;
    display: flex;
  }

  .admin-surface[data-rail="collapsed"] .admin-topstrip-brand-zone {
    border-right-color: #0000;
    padding-right: .375rem;
  }

  .admin-topstrip-brand-link {
    color: inherit;
    align-items: center;
    gap: .625rem;
    text-decoration: none;
    display: inline-flex;
  }

  .admin-topstrip-brand-mark {
    background: linear-gradient(180deg, var(--brand) 0%, var(--brand) 58%, var(--brand) 100%);
    width: 1.625rem;
    height: 1.625rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-topstrip-brand-mark {
      background: linear-gradient(180deg, color-mix(in srgb, var(--brand) 78%, white) 0%, var(--brand) 58%, color-mix(in srgb, var(--brand) 62%, black) 100%);
    }
  }

  .admin-topstrip-brand-mark {
    color: #fff;
    letter-spacing: -.02em;
    box-shadow: 0 1px 2px var(--brand), inset 0 1px 0 #ffffff40;
    border-radius: .4375rem;
    place-items: center;
    font-size: .8125rem;
    font-weight: 600;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-topstrip-brand-mark {
      box-shadow: 0 1px 2px color-mix(in srgb, var(--brand) 40%, transparent), inset 0 1px 0 #ffffff40;
    }
  }

  .admin-topstrip-brand-name {
    font-family: var(--font-display, ui-sans-serif, system-ui);
    color: var(--text-heading);
    letter-spacing: -.01em;
    white-space: nowrap;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    font-weight: 600;
    display: inline-flex;
  }

  .admin-rail-toggle {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--text-caption);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: .375rem;
    place-items: center;
    margin-left: auto;
    transition: background .14s, color .14s;
    display: grid;
    position: relative;
  }

  .admin-rail-toggle:hover {
    background: var(--surface-alt, var(--surface-inset));
    color: var(--text-body);
  }

  .admin-rail-toggle svg {
    width: .9375rem;
    height: .9375rem;
  }

  .admin-rail-toggle-hint {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    background: var(--text-heading);
    color: var(--surface);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    letter-spacing: .02em;
    z-index: 60;
    border-radius: .3125rem;
    padding: .1875rem .4375rem;
    font-size: .625rem;
    transition: opacity .16s;
    position: absolute;
    top: calc(100% + .375rem);
    right: 0;
  }

  .admin-rail-toggle:hover .admin-rail-toggle-hint, .admin-rail-toggle:focus-visible .admin-rail-toggle-hint {
    opacity: 1;
  }

  .admin-topstrip-actions-zone {
    justify-self: end;
    align-items: center;
    gap: .5rem;
    padding: 0 1rem;
    display: flex;
  }

  .admin-status-dot {
    color: var(--text-muted);
    white-space: nowrap;
    align-items: center;
    gap: .4375rem;
    padding-right: .125rem;
    font-size: .75rem;
    display: inline-flex;
  }

  .admin-status-dot:before {
    content: "";
    background: var(--success);
    width: .4375rem;
    height: .4375rem;
    box-shadow: 0 0 0 3px var(--success);
    border-radius: 50%;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-status-dot:before {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--success) 18%, transparent);
    }
  }

  .admin-icon-btn {
    width: 2rem;
    height: 2rem;
    color: var(--text-muted);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: .375rem;
    place-items: center;
    text-decoration: none;
    transition: background .14s, color .14s;
    display: grid;
    position: relative;
  }

  .admin-icon-btn:hover {
    background: var(--surface-alt, var(--surface-inset));
    color: var(--text-body);
  }

  .admin-icon-btn:disabled {
    cursor: not-allowed;
    opacity: .55;
  }

  .admin-icon-btn:disabled:hover {
    color: var(--text-muted);
    background: none;
  }

  .admin-icon-btn svg {
    width: 1rem;
    height: 1rem;
  }

  .admin-icon-btn-dot {
    background: var(--brand);
    border: 1.5px solid var(--surface);
    border-radius: 50%;
    width: .375rem;
    height: .375rem;
    position: absolute;
    top: .4375rem;
    right: .4375rem;
  }

  .admin-icon-btn-count {
    background: var(--error);
    min-width: 1rem;
    height: 1rem;
    color: var(--surface);
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    padding: 0 .25rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1rem;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
  }

  .admin-topstrip-actions-zone > [data-topstrip-role]:not([data-topstrip-role="divider"]) {
    display: contents;
  }

  .admin-flags-popover-row:hover {
    background: var(--surface-inset);
  }

  .admin-topstrip-divider-v {
    background: var(--border);
    width: 1px;
    height: 1.25rem;
    margin: 0 .125rem;
    display: inline-block;
  }

  .admin-avatar {
    background: linear-gradient(135deg, var(--brand), var(--brand) 60%, var(--brand));
    border-radius: 50%;
    width: 1.75rem;
    height: 1.75rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-avatar {
      background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 30%, white), color-mix(in srgb, var(--brand) 70%, white) 60%, var(--brand));
    }
  }

  .admin-avatar {
    color: #fff;
    letter-spacing: .02em;
    cursor: pointer;
    border: none;
    place-items: center;
    padding: 0;
    font-family: inherit;
    font-size: .6875rem;
    font-weight: 600;
    text-decoration: none;
    display: grid;
    box-shadow: inset 0 0 0 1px #ffffff40;
  }

  .admin-shell {
    grid-template-columns: var(--admin-rail-w, 15.25rem) minmax(0, 1fr);
    min-height: calc(100vh - 3.5rem);
    display: grid;
  }

  .admin-surface[data-rail="collapsed"] .admin-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-sidebar {
    border-right: 1px solid var(--border);
    background: var(--surface);
    flex-direction: column;
    height: calc(100vh - 3.5rem);
    padding: 1.125rem .625rem .875rem;
    display: flex;
    position: sticky;
    top: 3.5rem;
    overflow: hidden auto;
  }

  .admin-surface[data-rail="collapsed"] .admin-sidebar {
    display: none;
  }

  .admin-sidebar-nav {
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .admin-rail-section {
    margin-bottom: 1.375rem;
  }

  .admin-rail-section:last-of-type {
    margin-bottom: 0;
  }

  .admin-rail-section-label {
    color: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: .08em;
    justify-content: space-between;
    align-items: center;
    padding: 0 .625rem .375rem;
    font-size: .6875rem;
    font-weight: 500;
    display: flex;
  }

  .admin-rail-section-pip {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    color: var(--text-caption);
    background: var(--surface-alt, var(--surface-inset));
    letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
    border-radius: .25rem;
    padding: .0625rem .3125rem;
    font-size: .625rem;
    font-weight: 500;
  }

  .admin-rail-items {
    flex-direction: column;
    gap: .0625rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .admin-rail-item {
    color: var(--text-body);
    border-radius: .4375rem;
    align-items: center;
    gap: .625rem;
    padding: .375rem .625rem;
    font-size: .8125rem;
    font-weight: 400;
    text-decoration: none;
    transition: background .12s, color .12s;
    display: flex;
  }

  .admin-rail-item > svg {
    width: .9375rem;
    height: .9375rem;
    color: var(--text-muted);
    flex-shrink: 0;
  }

  .admin-rail-item:hover {
    background: var(--surface-alt, var(--surface-inset));
    color: var(--text-heading);
  }

  .admin-rail-item:hover > svg {
    color: var(--text-body);
  }

  .admin-rail-item.admin-rail-item-active {
    background: var(--brand-light);
    color: var(--brand-fg);
    font-weight: 500;
  }

  .admin-rail-item.admin-rail-item-active > svg {
    color: var(--brand);
  }

  .dark .admin-rail-item.admin-rail-item-active {
    background: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-rail-item.admin-rail-item-active {
      background: color-mix(in srgb, var(--brand) 22%, transparent);
    }
  }

  .admin-rail-item-label {
    flex: 1;
    min-width: 0;
  }

  .admin-rail-item-badge {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    color: var(--text-muted);
    background: var(--surface-alt, var(--surface-inset));
    letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
    border-radius: .625rem;
    margin-left: auto;
    padding: .0625rem .4375rem;
    font-size: .625rem;
    font-weight: 500;
  }

  .admin-rail-item.admin-rail-item-active .admin-rail-item-badge {
    background: var(--brand-muted);
    color: var(--brand-fg);
  }

  .admin-rail-item-soon {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--text-caption);
    opacity: .7;
    margin-left: auto;
    font-size: .5625rem;
  }

  .admin-rail-item-soon-disabled {
    opacity: .55;
    cursor: default;
  }

  .admin-rail-item-soon-disabled:hover {
    color: var(--text-body);
    background: none;
  }

  .admin-rail-footer {
    border-top: 1px solid var(--border);
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    color: var(--text-caption);
    letter-spacing: .02em;
    font-variant-numeric: tabular-nums;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding: .75rem .625rem .25rem;
    font-size: .625rem;
    display: flex;
  }

  .admin-content {
    min-width: 0;
    min-height: calc(100vh - 3.5rem);
    padding: 1.625rem 2.5rem 5rem;
  }

  .admin-masthead {
    max-width: 72rem;
    margin-bottom: 1.75rem;
  }

  .admin-masthead-row {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    margin-top: .625rem;
    display: flex;
  }

  .admin-subtitle {
    color: var(--text-caption);
    max-width: 44rem;
    margin-top: .625rem;
    font-size: .9375rem;
    line-height: 1.55;
  }

  .admin-body {
    max-width: 72rem;
  }

  .admin-footer-slot {
    max-width: 72rem;
    padding-top: .875rem;
  }

  .admin-surface[data-rail="collapsed"] .admin-masthead, .admin-surface[data-rail="collapsed"] .admin-body, .admin-surface[data-rail="collapsed"] .admin-footer-slot {
    max-width: none;
  }

  .gem-pipeline-primary, .gem-pipeline-secondary {
    white-space: nowrap;
    cursor: pointer;
    border-radius: .375rem;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    padding: .4375rem .875rem;
    font-family: inherit;
    font-size: .8125rem;
    line-height: 1.2;
    transition: background-color .14s, border-color .14s, color .14s, box-shadow .14s, transform 80ms;
    display: inline-flex;
  }

  .gem-pipeline-primary {
    letter-spacing: -.003em;
    border: 1px solid var(--brand);
    background: var(--brand);
    color: #fff;
    box-shadow: inset 0 1px 0 #ffffff29, 0 1px 2px #00000014, 0 6px 14px -10px var(--brand);
    font-weight: 600;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-pipeline-primary {
      box-shadow: inset 0 1px 0 #ffffff29, 0 1px 2px #00000014, 0 6px 14px -10px color-mix(in srgb, var(--brand) 55%, transparent);
    }
  }

  .gem-pipeline-primary:hover:not(:disabled) {
    background: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-pipeline-primary:hover:not(:disabled) {
      background: color-mix(in srgb, var(--brand) 90%, black);
    }
  }

  .gem-pipeline-primary:hover:not(:disabled) {
    border-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-pipeline-primary:hover:not(:disabled) {
      border-color: color-mix(in srgb, var(--brand) 90%, black);
    }
  }

  .gem-pipeline-primary:active:not(:disabled) {
    transform: translateY(1px);
  }

  .gem-pipeline-primary:disabled {
    opacity: .5;
    cursor: not-allowed;
    box-shadow: none;
  }

  .gem-pipeline-secondary {
    letter-spacing: -.002em;
    border: 1px solid var(--border);
    color: var(--text-body);
    background: none;
    font-weight: 500;
  }

  .gem-pipeline-secondary:hover:not(:disabled) {
    background: var(--surface-inset);
    border-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-pipeline-secondary:hover:not(:disabled) {
      border-color: color-mix(in srgb, var(--brand) 32%, var(--border));
    }
  }

  .gem-pipeline-secondary:hover:not(:disabled) {
    color: var(--text-heading);
  }

  .gem-pipeline-secondary:active:not(:disabled) {
    transform: translateY(1px);
  }

  .gem-pipeline-secondary:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .gem-pipeline-secondary--compact {
    padding: .3125rem .625rem;
    font-size: .75rem;
  }

  @media (max-width: 767px) {
    .gem-proposal-grid {
      grid-template-columns: 1fr !important;
    }

    .gem-dock-drawer {
      grid-template-columns: 1fr !important;
      max-height: 60vh !important;
    }

    .gem-pipeline-popover {
      width: calc(100vw - 32px) !important;
      margin: 0 auto !important;
      left: 0 !important;
      right: 0 !important;
    }
  }

  .admin-topstrip a:focus-visible, .admin-topstrip button:focus-visible, .admin-sidebar a:focus-visible, .admin-sidebar button:focus-visible {
    outline: 2px solid var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-topstrip a:focus-visible, .admin-topstrip button:focus-visible, .admin-sidebar a:focus-visible, .admin-sidebar button:focus-visible {
      outline: 2px solid color-mix(in srgb, var(--brand) 38%, transparent);
    }
  }

  .admin-topstrip a:focus-visible, .admin-topstrip button:focus-visible, .admin-sidebar a:focus-visible, .admin-sidebar button:focus-visible {
    outline-offset: 2px;
  }

  @media (max-width: 1023px) {
    .admin-surface {
      --admin-rail-w: 0rem;
    }

    .admin-content {
      padding: 1.25rem 1rem 3rem;
    }

    .admin-shell {
      grid-template-columns: minmax(0, 1fr);
    }

    .admin-sidebar {
      display: none;
    }

    .admin-topstrip {
      grid-template-columns: auto 1fr;
    }

    .admin-topstrip-brand-zone {
      border-right-color: #0000;
      gap: .5rem;
      padding: 0 .625rem;
    }

    .admin-topstrip-actions-zone {
      gap: .25rem;
      padding: 0 .625rem;
    }

    .admin-status-dot, .admin-topstrip-actions-zone > [data-topstrip-role="health"], .admin-topstrip-actions-zone > [data-topstrip-role="divider"], .admin-topstrip-actions-zone > [data-topstrip-role="flags-bell"], .admin-topstrip-actions-zone > [data-topstrip-role="theme"], .admin-topstrip-actions-zone > [data-topstrip-role="view-app"], .admin-topstrip-actions-zone > [data-topstrip-role="avatar"] {
      display: none;
    }

    .admin-surface[data-rail="open"] .admin-sidebar {
      z-index: 45;
      border-right: 1px solid var(--border);
      background: var(--surface);
      width: min(86vw, 19rem);
      height: calc(100dvh - 3.5rem);
      padding-top: .5rem;
      animation: .2s ease-out admin-drawer-in;
      display: flex;
      position: fixed;
      top: 3.5rem;
      left: 0;
      overflow-y: auto;
      box-shadow: 0 10px 40px -12px #00000059;
    }

    @keyframes admin-drawer-in {
      from {
        opacity: .6;
        transform: translateX(-100%);
      }

      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    .admin-surface[data-rail="open"] .admin-drawer-backdrop {
      z-index: 44;
      background: #0000006b;
      border: 0;
      animation: .2s ease-out admin-backdrop-in;
      display: block;
      position: fixed;
      inset: 3.5rem 0 0;
    }

    @keyframes admin-backdrop-in {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }
  }

  .admin-drawer-backdrop {
    display: none;
  }

  .admin-eyebrow {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--text-caption);
    align-items: center;
    gap: .55rem;
    font-size: .6875rem;
    font-weight: 600;
    display: inline-flex;
  }

  .admin-eyebrow-sep {
    color: var(--text-caption);
    opacity: .55;
    margin: 0 .15rem;
  }

  .admin-h1 {
    font-family: var(--font-editorial);
    font-variation-settings: "opsz" 48, "SOFT" 30;
    letter-spacing: -.015em;
    color: var(--text-heading);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.08;
  }

  .admin-double-rule {
    background: linear-gradient(to bottom, var(--border) 0, var(--border) 1px, transparent 1px, transparent 3px, var(--section-accent, var(--brand)) 3px, var(--section-accent, var(--brand)) 4px);
    opacity: .95;
    height: 4px;
  }

  .admin-stamp {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--text-caption);
    font-variant-numeric: tabular-nums;
    opacity: .78;
    white-space: nowrap;
    font-size: .625rem;
    font-weight: 500;
  }

  .admin-meta-scope {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    letter-spacing: .08em;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    align-items: baseline;
    gap: .4rem;
    font-size: .6875rem;
    font-weight: 500;
    display: inline-flex;
  }

  .admin-meta-key {
    text-transform: uppercase;
    letter-spacing: .22em;
    color: var(--text-caption);
    opacity: .7;
    font-size: .625rem;
  }

  .admin-meta-val {
    color: var(--text-body);
    font-weight: 600;
  }

  .admin-meta-sep {
    color: var(--text-caption);
    opacity: .45;
    padding: 0 .1rem;
  }

  .admin-meta-reset {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    letter-spacing: .16em;
    text-transform: uppercase;
    border: 1px solid var(--admin-accent);
    border-radius: 9999px;
    padding: .2rem .55rem;
    font-size: .625rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-meta-reset {
      border: 1px solid color-mix(in srgb, var(--admin-accent) 22%, var(--border));
    }
  }

  .admin-meta-reset {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-meta-reset {
      background: color-mix(in srgb, var(--admin-accent) 6%, var(--surface));
    }
  }

  .admin-meta-reset {
    color: var(--text-muted);
    transition: background .12s, color .12s, border-color .12s;
  }

  .admin-meta-reset:hover {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-meta-reset:hover {
      background: color-mix(in srgb, var(--admin-accent) 14%, var(--surface));
    }
  }

  .admin-meta-reset:hover {
    color: var(--text-body);
    border-color: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-meta-reset:hover {
      border-color: color-mix(in srgb, var(--admin-accent) 38%, var(--border));
    }
  }

  .dark .admin-meta-reset {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-meta-reset {
      background: color-mix(in srgb, var(--admin-accent) 10%, var(--surface));
    }
  }

  .dark .admin-meta-reset {
    border-color: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-meta-reset {
      border-color: color-mix(in srgb, var(--admin-accent) 32%, var(--border));
    }
  }

  .admin-num {
    font-family: var(--font-jetbrains-mono), ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "zero" 1;
  }

  .admin-filter-card {
    z-index: 25;
    background: var(--admin-accent);
    border-radius: .75rem;
    flex-direction: column;
    gap: .75rem;
    padding: .75rem .875rem;
    display: flex;
    position: sticky;
    top: 3.5rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-filter-card {
      background: color-mix(in srgb, var(--admin-accent) 3%, var(--surface));
    }
  }

  .admin-filter-card {
    border: 1px solid var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-filter-card {
      border: 1px solid color-mix(in srgb, var(--admin-accent) 14%, var(--border));
    }
  }

  .admin-filter-card {
    margin-top: .25rem;
    transition: box-shadow .18s, border-color .18s;
  }

  @supports (animation-timeline: scroll()) {
    .admin-filter-card {
      animation: linear both admin-filter-stick;
      animation-timeline: scroll();
      animation-range: 0 6rem;
    }
  }

  @keyframes admin-filter-stick {
    from {
      border-color: color-mix(in srgb, var(--admin-accent) 14%, var(--border));
      box-shadow: 0 0 #0000;
    }

    to {
      box-shadow: 0 1px 0 0 color-mix(in srgb, var(--admin-accent) 22%, var(--border)), 0 6px 18px -10px color-mix(in srgb, var(--admin-accent) 45%, transparent);
      border-color: color-mix(in srgb, var(--admin-accent) 24%, var(--border));
    }
  }

  .dark .admin-filter-card {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-filter-card {
      background: color-mix(in srgb, var(--admin-accent) 7%, var(--surface));
    }
  }

  .dark .admin-filter-card {
    border-color: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-filter-card {
      border-color: color-mix(in srgb, var(--admin-accent) 24%, var(--border));
    }
  }

  .admin-filter-card-row {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    display: flex;
  }

  .admin-filter-card-primary {
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    display: inline-flex;
  }

  .admin-filter-card-segments {
    background: var(--admin-accent);
    border-radius: .5rem;
    align-items: center;
    gap: .125rem;
    padding: .15rem;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-filter-card-segments {
      background: color-mix(in srgb, var(--admin-accent) 5%, var(--surface));
    }
  }

  .admin-filter-card-segments {
    border: 1px solid var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-filter-card-segments {
      border: 1px solid color-mix(in srgb, var(--admin-accent) 12%, var(--border));
    }
  }

  .dark .admin-filter-card-segments {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-filter-card-segments {
      background: color-mix(in srgb, var(--admin-accent) 10%, var(--surface));
    }
  }

  .dark .admin-filter-card-segments {
    border-color: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-filter-card-segments {
      border-color: color-mix(in srgb, var(--admin-accent) 22%, var(--border));
    }
  }

  .admin-filter-card-meta {
    border-top: 1px solid var(--admin-accent);
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding-top: .55rem;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-filter-card-meta {
      border-top: 1px solid color-mix(in srgb, var(--admin-accent) 10%, var(--border));
    }
  }

  .dark .admin-filter-card-meta {
    border-top-color: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-filter-card-meta {
      border-top-color: color-mix(in srgb, var(--admin-accent) 18%, var(--border));
    }
  }

  .admin-subbar-minimal {
    z-index: 25;
    background: var(--admin-accent);
    border-radius: .75rem;
    align-items: center;
    min-height: 2.5rem;
    margin-top: .25rem;
    padding: .35rem .875rem;
    display: flex;
    position: sticky;
    top: 3.5rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-subbar-minimal {
      background: color-mix(in srgb, var(--admin-accent) 2%, var(--surface));
    }
  }

  .admin-subbar-minimal {
    border: 1px solid var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .admin-subbar-minimal {
      border: 1px solid color-mix(in srgb, var(--admin-accent) 10%, var(--border));
    }
  }

  .dark .admin-subbar-minimal {
    background: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-subbar-minimal {
      background: color-mix(in srgb, var(--admin-accent) 5%, var(--surface));
    }
  }

  .dark .admin-subbar-minimal {
    border-color: var(--admin-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .admin-subbar-minimal {
      border-color: color-mix(in srgb, var(--admin-accent) 18%, var(--border));
    }
  }

  .admin-subbar-breadcrumb {
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-muted);
    font-size: .7rem;
    font-family: var(--font-outfit), ui-sans-serif, system-ui, sans-serif;
    align-items: center;
    gap: .4rem;
    font-weight: 500;
    display: inline-flex;
  }

  .admin-subbar-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    display: inline-flex;
  }

  @media (max-width: 1023px) {
    .admin-filter-card, .admin-subbar-minimal {
      gap: .5rem;
      margin-top: 0;
      padding: .5rem .625rem;
      position: static;
    }

    .admin-filter-card-row {
      gap: .5rem;
    }

    .admin-filter-card-meta {
      display: none;
    }
  }

  @keyframes admin-rise {
    from {
      opacity: 0;
      transform: translateY(6px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes admin-rule-draw {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }

  .admin-reveal > * {
    animation: .52s cubic-bezier(.2, .7, .2, 1) both admin-rise;
  }

  .admin-reveal > :first-child {
    animation-delay: 40ms;
  }

  .admin-reveal > :nth-child(2) {
    animation-delay: .11s;
  }

  .admin-reveal > :nth-child(3) {
    animation-delay: .18s;
  }

  .admin-reveal > :nth-child(4) {
    animation-delay: .25s;
  }

  .admin-reveal > :nth-child(5) {
    animation-delay: .32s;
  }

  .admin-reveal-rule {
    transform-origin: 0;
    animation: .52s cubic-bezier(.2, .7, .2, 1) .32s both admin-rule-draw;
  }

  @media (prefers-reduced-motion: reduce) {
    .admin-reveal > *, .admin-reveal-rule {
      animation: none !important;
    }
  }

  .admin-workbench-grid {
    background-color: var(--surface);
    background-image: linear-gradient(#00000009 1px, #0000 1px), linear-gradient(90deg, #00000009 1px, #0000 1px);
    background-size: 20px 20px;
  }

  .dark .admin-workbench-grid {
    background-image: linear-gradient(#ffffff0a 1px, #0000 1px), linear-gradient(90deg, #ffffff0a 1px, #0000 1px);
  }

  .rce-rds-pulse {
    animation: 1.5s ease-in-out infinite rce-pulse;
  }

  .osm-pulse {
    animation: 1.8s ease-in-out infinite osm-pulse;
  }

  .sep-shake {
    animation: 1.5s ease-out sep-shake;
  }

  .sep-tube-pulse {
    animation: 1.2s ease-in-out infinite sep-tube-pulse;
  }

  .safe-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .glass-panel {
    background: var(--glass-bg);
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-md);
  }

  .card-elevated {
    background: var(--surface);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border);
  }

  .card-hover-lift {
    transition: transform .2s ease-out, box-shadow .2s ease-out;
  }

  @media (hover: hover) {
    .card-hover-lift:hover {
      transform: translateY(var(--card-hover-lift));
      box-shadow: var(--shadow-card-hover);
    }

    .case-select-card:hover {
      border-color: var(--border-strong);
    }
  }

  .session-card {
    box-shadow: var(--shadow-card);
    transition: transform .22s cubic-bezier(.16, 1, .3, 1), box-shadow .22s ease-out, border-color .22s ease-out;
  }

  .session-card:hover {
    box-shadow: var(--shadow-card-hover);
    border-color: var(--brand);
    transform: translateY(-2px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .session-card:hover {
      border-color: color-mix(in srgb, var(--brand) 28%, var(--border-card));
    }
  }

  .focus-ring:focus-visible {
    box-shadow: 0 0 0 3px var(--brand-muted), var(--shadow-glow-brand);
    border-color: var(--brand-accent);
    outline: none;
  }

  .glow-success {
    box-shadow: var(--shadow-glow-success);
  }

  .glow-error {
    box-shadow: var(--shadow-glow-error);
  }

  .glow-brand {
    box-shadow: var(--shadow-glow-brand);
  }

  .input-validated {
    animation: .3s ease-out checkPop;
    border-color: var(--success-border) !important;
    background-color: var(--success-light) !important;
    color: var(--success-fg) !important;
  }

  .input-invalid {
    animation: .3s ease-out shakeBrief;
    border-color: var(--error-border) !important;
    background-color: var(--error-light) !important;
    color: var(--error-fg) !important;
  }

  .segment-control {
    background: var(--surface-inset);
    border-radius: .75rem;
    gap: 2px;
    padding: 3px;
    display: inline-flex;
    position: relative;
  }

  .segment-control button {
    z-index: 1;
    color: var(--text-muted);
    white-space: nowrap;
    border-radius: .625rem;
    padding: .375rem .875rem;
    font-size: .875rem;
    font-weight: 500;
    transition: color .2s;
    position: relative;
  }

  .segment-control button[aria-selected="true"] {
    color: var(--text-inverse);
  }

  .segment-pill {
    background: var(--brand);
    height: calc(100% - 6px);
    box-shadow: var(--shadow-sm);
    border-radius: .625rem;
    transition: left .25s cubic-bezier(.34, 1.56, .64, 1), width .25s cubic-bezier(.34, 1.56, .64, 1);
    position: absolute;
    top: 3px;
  }

  .ir-band, .ir-band:focus {
    outline: none;
  }

  .ir-band:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
    border-radius: 4px;
  }

  @media (hover: hover) {
    .ir-band:hover rect {
      stroke-width: 1.5px;
    }
  }

  .ir-band:focus-visible rect {
    stroke-width: 2px;
  }

  input[type="range"].styled-slider {
    appearance: none;
    background: var(--surface-sunken);
    border-radius: 3px;
    outline: none;
    width: 100%;
    height: 6px;
  }

  input[type="range"].styled-slider::-webkit-slider-thumb {
    appearance: none;
    background: var(--surface);
    border: 2px solid var(--brand);
    width: 20px;
    height: 20px;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    border-radius: 50%;
    transition: box-shadow .15s, transform .15s;
  }

  input[type="range"].styled-slider::-webkit-slider-thumb:hover {
    box-shadow: var(--shadow-glow-brand);
    transform: scale(1.1);
  }

  input[type="range"].styled-slider::-moz-range-thumb {
    background: var(--surface);
    border: 2px solid var(--brand);
    width: 20px;
    height: 20px;
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    border-radius: 50%;
  }

  input[type="range"].styled-slider::-moz-range-track {
    background: var(--surface-sunken);
    border-radius: 3px;
    height: 6px;
  }

  .step-progress {
    align-items: center;
    gap: 0;
    width: 100%;
    display: flex;
  }

  .step-dot {
    border: 2px solid var(--border);
    background: var(--surface);
    width: 2rem;
    height: 2rem;
    color: var(--text-caption);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    font-weight: 700;
    transition: all .3s;
    display: flex;
  }

  .step-dot.active {
    border-color: var(--brand);
    background: var(--brand-light);
    color: var(--brand);
    animation: 2s ease-in-out infinite glowPulse;
  }

  .step-dot.completed {
    border-color: var(--brand);
    background: var(--brand);
    color: var(--text-inverse);
    animation: .3s ease-out checkPop;
  }

  .step-line {
    background: var(--border);
    flex: 1;
    height: 2px;
    transition: background .3s;
  }

  .step-line.completed {
    background: var(--brand);
  }

  @keyframes fadeSlideUp {
    from {
      opacity: 0;
      transform: translateY(12px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fade-slide-up {
    animation: .3s ease-out fadeSlideUp;
  }

  @keyframes sneDrawerFadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes sneDrawerSlideRight {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(0);
    }
  }

  @keyframes sneDrawerSlideUp {
    from {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes sneCountBounce {
    0% {
      transform: scale(1);
    }

    35% {
      transform: scale(1.45);
    }

    60% {
      transform: scale(.92);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes sneCountGlow {
    0% {
      box-shadow: 0 0 0 0 var(--sne-pill-active);
    }

    100% {
      box-shadow: 0 0 0 8px #0000;
    }
  }

  @keyframes sneVerdictCrossFade {
    from {
      opacity: 0;
      transform: translateY(4px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes sneWitnessToast {
    0% {
      opacity: 0;
      transform: translateY(-12px)scale(.96);
    }

    20% {
      opacity: 1;
      transform: translateY(0)scale(1);
    }

    85% {
      opacity: 1;
      transform: translateY(0)scale(1);
    }

    100% {
      opacity: 0;
      transform: translateY(-8px)scale(.98);
    }
  }

  @keyframes sneCellLockIn {
    0% {
      opacity: 0;
      transform: scale(.85);
    }

    60% {
      opacity: 1;
      transform: scale(1.08);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes sneCellShimmer {
    0%, 100% {
      opacity: .05;
    }

    50% {
      opacity: .2;
    }
  }

  @keyframes snePaletteOpen {
    0% {
      opacity: 0;
      transform: scale(.92)translateY(-4px);
    }

    100% {
      opacity: 1;
      transform: scale(1)translateY(0);
    }
  }

  @keyframes growBar {
    from {
      width: 0;
    }

    to {
      width: var(--bar-width);
    }
  }

  .animate-grow-bar {
    animation: .6s ease-out forwards growBar;
  }

  @keyframes scorePulse {
    0% {
      transform: scale(1);
    }

    40% {
      transform: scale(1.15);
      box-shadow: 0 0 12px #22c55e66;
    }

    100% {
      box-shadow: none;
      transform: scale(1);
    }
  }

  .animate-score-pulse {
    animation: .4s ease-out scorePulse;
  }

  @keyframes portalModalIn {
    from {
      opacity: 0;
      transform: scale(.92);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .animate-portal-in {
    animation: .18s ease-out portalModalIn;
  }

  @keyframes waveIdle {
    0%, 100% {
      transform: scaleY(1);
    }

    50% {
      transform: scaleY(.6);
    }
  }

  @keyframes optionPop {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.02);
    }

    100% {
      transform: scale(1);
    }
  }

  .animate-option-pop {
    animation: .12s ease-out optionPop;
  }

  .stagger-1 {
    animation: .25s ease-out both fadeSlideUp;
  }

  .stagger-2 {
    animation: .25s ease-out .15s both fadeSlideUp;
  }

  .stagger-3 {
    animation: .25s ease-out .3s both fadeSlideUp;
  }

  .stagger-4 {
    animation: .25s ease-out .45s both fadeSlideUp;
  }

  .stagger-5 {
    animation: .25s ease-out .6s both fadeSlideUp;
  }

  @keyframes streakGlow {
    0%, 100% {
      box-shadow: 0 0 8px #fb923c4d;
    }

    50% {
      box-shadow: 0 0 16px #fb923c99;
    }
  }

  .animate-streak-glow {
    animation: 2s ease-in-out infinite streakGlow;
  }

  @keyframes streakFlame {
    0%, 100% {
      transform: scale(1)rotate(0);
    }

    25% {
      transform: scale(1.1)rotate(-3deg);
    }

    75% {
      transform: scale(1.05)rotate(3deg);
    }
  }

  .animate-streak-flame {
    animation: 1.5s ease-in-out infinite streakFlame;
  }

  @keyframes shimmer {
    0% {
      background-position: -200% 0;
    }

    100% {
      background-position: 200% 0;
    }
  }

  .animate-shimmer {
    background: linear-gradient(90deg, var(--surface-inset) 25%, var(--surface-sunken) 50%, var(--surface-inset) 75%);
    background-size: 200% 100%;
    animation: 1.5s ease-in-out infinite shimmer;
  }

  @keyframes orbitSpin {
    from {
      transform: rotate(0);
    }

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

  @keyframes orbitSpinReverse {
    from {
      transform: rotate(360deg);
    }

    to {
      transform: rotate(0);
    }
  }

  @keyframes bounceIn {
    0% {
      opacity: 0;
      transform: translateY(16px)scale(.96);
    }

    60% {
      opacity: 1;
      transform: translateY(-4px)scale(1.02);
    }

    100% {
      opacity: 1;
      transform: translateY(0)scale(1);
    }
  }

  .animate-bounce-in {
    animation: .4s cubic-bezier(.34, 1.56, .64, 1) bounceIn;
  }

  @keyframes glowPulse {
    0%, 100% {
      box-shadow: 0 0 0 0 var(--brand-muted);
    }

    50% {
      box-shadow: var(--shadow-glow-brand);
    }
  }

  .animate-glow-pulse {
    animation: 2s ease-in-out infinite glowPulse;
  }

  @keyframes slideInRight {
    from {
      opacity: 0;
      transform: translateX(24px);
    }

    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .animate-slide-in {
    animation: .25s ease-out slideInRight;
  }

  @keyframes slideOutLeft {
    from {
      opacity: 1;
      transform: translateX(0);
    }

    to {
      opacity: 0;
      transform: translateX(-24px);
    }
  }

  @keyframes checkPop {
    0% {
      opacity: 0;
      transform: scale(0);
    }

    60% {
      opacity: 1;
      transform: scale(1.2);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  .animate-check-pop {
    animation: .3s cubic-bezier(.34, 1.56, .64, 1) checkPop;
  }

  @keyframes shakeBrief {
    0%, 100% {
      transform: translateX(0);
    }

    20% {
      transform: translateX(-4px);
    }

    40% {
      transform: translateX(4px);
    }

    60% {
      transform: translateX(-3px);
    }

    80% {
      transform: translateX(2px);
    }
  }

  .animate-shake {
    animation: .3s ease-out shakeBrief;
  }

  @keyframes drawStroke {
    from {
      stroke-dashoffset: var(--stroke-length, 100);
    }

    to {
      stroke-dashoffset: 0;
    }
  }

  .animate-draw-stroke {
    animation: .6s ease-out forwards drawStroke;
  }

  @keyframes counterBounce {
    0% {
      transform: scale(1);
    }

    30% {
      transform: scale(1.3);
    }

    100% {
      transform: scale(1);
    }
  }

  .animate-counter-bounce {
    animation: .3s cubic-bezier(.34, 1.56, .64, 1) counterBounce;
  }

  @keyframes confettiPop {
    0% {
      opacity: 1;
      transform: scale(0);
    }

    50% {
      opacity: .8;
      transform: scale(1);
    }

    100% {
      opacity: 0;
      transform: scale(1.5);
    }
  }

  @keyframes marchingAnts {
    to {
      stroke-dashoffset: -16px;
    }
  }

  .animate-marching-ants {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23818cf8' stroke-width='2' stroke-dasharray='6%2c6' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    animation: 1s linear infinite marchingAntsRotate;
  }

  @keyframes marchingAntsRotate {
    to {
      background-position: 16px 0;
    }
  }

  .dark .animate-marching-ants {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23a5b4fc' stroke-width='2' stroke-dasharray='6%2c6' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  }

  @keyframes slideIn {
    from {
      opacity: 0;
      transform: translateY(8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .mo-animate-slide-in {
    animation: .28s cubic-bezier(.34, 1.56, .64, 1) slideIn;
  }

  @keyframes goldPulse {
    0%, 100% {
      filter: drop-shadow(0 0 #0000);
    }

    50% {
      filter: drop-shadow(0 0 6px var(--mo-gold));
    }
  }

  .mo-animate-gold-pulse {
    animation: 1.6s ease-in-out 2 goldPulse;
  }

  .mo-canvas-note {
    max-width: 260px;
    color: var(--text-body);
    background: var(--surface-alt);
    border: 1px solid var(--border-subtle);
    pointer-events: none;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 1.35;
    position: absolute;
    bottom: 8px;
    left: 12px;
  }

  .mo-curve-toggle {
    border: 1px solid var(--border-input);
    background: var(--surface);
    border-radius: 6px;
    display: inline-flex;
    overflow: hidden;
  }

  .mo-curve-toggle button {
    color: var(--text-muted);
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px 10px;
    font-size: 12px;
  }

  .mo-curve-toggle button[data-curve-mode-active="true"] {
    background: var(--surface-inset);
    color: var(--text-heading);
    font-weight: 600;
  }

  .mo-trail-card {
    border: 1px solid var(--border-subtle);
    background: var(--surface);
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.45;
    animation: .28s cubic-bezier(.34, 1.56, .64, 1) both slideIn;
  }

  .mo-trail-card[data-weight="zero"] {
    border-color: var(--mo-nonbond);
  }

  .mo-trail-card[data-weight="low"] {
    border-color: var(--border-input);
  }

  .mo-trail-card[data-weight="medium"] {
    border-color: var(--mo-bond);
  }

  .mo-trail-card[data-weight="high"] {
    border-color: var(--mo-bond);
    border-width: 2px;
  }

  .mo-trail-card[data-weight="very-high"] {
    border-color: var(--mo-gold-fg);
    background: var(--surface-alt);
    border-width: 2px;
  }

  .mo-tilt-bar {
    background: linear-gradient(90deg, var(--mo-bond), var(--mo-nonbond), var(--mo-anti));
    border-radius: 3px;
    height: 6px;
    margin: 6px 0;
    position: relative;
  }

  .mo-tilt-marker {
    background: var(--text-heading);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    transition: left .36s cubic-bezier(.3, .8, .4, 1.05);
    position: absolute;
    top: -3px;
  }

  .mo-mirror-banner {
    border: 1px solid var(--mo-gold-fg);
    background: var(--surface-alt);
    border-radius: 8px;
    padding: 10px 12px;
    animation: .32s cubic-bezier(.34, 1.56, .64, 1) both slideIn;
  }

  .mo-walsh-hint {
    fill: none;
    stroke: var(--mo-gold);
    stroke-width: 1.5px;
    stroke-dasharray: 4 3;
    opacity: .85;
  }

  .mo-family-cell {
    border: 1px solid var(--border-subtle);
    background: var(--surface);
    cursor: pointer;
    border-radius: 6px;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 6px;
    font-size: 11px;
    transition: transform .14s ease-out, border-color .2s ease-out;
    display: flex;
  }

  .mo-family-cell:hover {
    transform: translateY(-1px);
  }

  .mo-family-cell[data-current="true"] {
    border-color: var(--mo-bond);
    border-width: 2px;
  }

  .mo-family-cell[data-disabled="true"] {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
  }

  .mo-slot-remove {
    opacity: 0;
    pointer-events: none;
    transition: opacity .14s ease-out;
  }

  g:hover > .mo-slot-remove {
    opacity: 1;
    pointer-events: auto;
  }

  @media (hover: none) {
    .mo-slot-remove {
      opacity: .85;
      pointer-events: auto;
    }
  }

  .mo-magnetism-arrow {
    font-size: 14px;
    line-height: 1;
    transition: transform .2s ease-out, opacity .2s ease-out;
    display: inline-block;
  }

  .mo-magnetism-arrow[data-paired="true"] {
    opacity: .85;
    transform: scale(.8);
  }

  @media (prefers-reduced-motion: reduce) {
    .mo-animate-slide-in, .mo-animate-gold-pulse, .mo-trail-card, .mo-mirror-banner {
      animation: none !important;
    }

    .mo-tilt-marker {
      transition: none !important;
    }
  }

  .hex-pattern, .motif-hex {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%234338ca' fill-opacity='0.08'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .dark .hex-pattern, .dark .motif-hex {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23818cf8' fill-opacity='0.06'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .motif-grid {
    background-image: repeating-linear-gradient(0deg, var(--brand) 0px, var(--brand) 1px, transparent 1px, transparent 24px), repeating-linear-gradient(90deg, var(--brand) 0px, var(--brand) 1px, transparent 1px, transparent 24px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .motif-grid {
      background-image: repeating-linear-gradient(0deg, color-mix(in srgb, var(--brand) 7%, transparent) 0px, color-mix(in srgb, var(--brand) 7%, transparent) 1px, transparent 1px, transparent 24px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--brand) 7%, transparent) 0px, color-mix(in srgb, var(--brand) 7%, transparent) 1px, transparent 1px, transparent 24px);
    }
  }

  .dark .motif-grid {
    background-image: repeating-linear-gradient(0deg, var(--brand) 0px, var(--brand) 1px, transparent 1px, transparent 24px), repeating-linear-gradient(90deg, var(--brand) 0px, var(--brand) 1px, transparent 1px, transparent 24px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .motif-grid {
      background-image: repeating-linear-gradient(0deg, color-mix(in srgb, var(--brand) 14%, transparent) 0px, color-mix(in srgb, var(--brand) 14%, transparent) 1px, transparent 1px, transparent 24px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--brand) 14%, transparent) 0px, color-mix(in srgb, var(--brand) 14%, transparent) 1px, transparent 1px, transparent 24px);
    }
  }

  .motif-pinstripes {
    background-image: repeating-linear-gradient(45deg, var(--brand) 0px, var(--brand) 1px, transparent 1px, transparent 14px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .motif-pinstripes {
      background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--brand) 14%, transparent) 0px, color-mix(in srgb, var(--brand) 14%, transparent) 1px, transparent 1px, transparent 14px);
    }
  }

  .dark .motif-pinstripes {
    background-image: repeating-linear-gradient(45deg, var(--brand) 0px, var(--brand) 1px, transparent 1px, transparent 14px);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .motif-pinstripes {
      background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--brand) 22%, transparent) 0px, color-mix(in srgb, var(--brand) 22%, transparent) 1px, transparent 1px, transparent 14px);
    }
  }

  .accordion-grid {
    grid-template-rows: 0fr;
    transition: grid-template-rows .3s ease-out;
    display: grid;
  }

  .accordion-grid.open {
    grid-template-rows: 1fr;
  }

  .accordion-grid > div {
    overflow: hidden;
  }

  .gradient-text {
    background: linear-gradient(135deg, var(--brand) 0%, var(--brand-accent) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .glass-chip {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #ffffff1a;
    border: 1px solid #ffffff26;
    border-radius: .5rem;
    padding: .375rem .75rem;
  }

  .glass-chip-link {
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, transform .15s;
  }

  .glass-chip-link:hover {
    background: #ffffff2e;
    border-color: #ffffff47;
  }

  .glass-chip-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff80;
  }

  .glass-chip-link:active {
    transform: scale(.97);
  }

  .gem-claim-pill {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: var(--gem-tier1);
    border-radius: .5rem;
    align-items: center;
    gap: .375rem;
    padding: .375rem .75rem .375rem .5rem;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-claim-pill {
      background: color-mix(in srgb, var(--gem-tier1) 18%, transparent);
    }
  }

  .gem-claim-pill {
    border: 1px solid var(--gem-tier1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-claim-pill {
      border: 1px solid color-mix(in srgb, var(--gem-tier1) 60%, transparent);
    }
  }

  .gem-claim-pill {
    box-shadow: 0 0 0 0 var(--gem-tier1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-claim-pill {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--gem-tier1) 45%, transparent);
    }
  }

  .gem-claim-pill {
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, box-shadow .2s, transform .15s;
  }

  .gem-claim-pill:hover {
    background: var(--gem-tier1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-claim-pill:hover {
      background: color-mix(in srgb, var(--gem-tier1) 26%, transparent);
    }
  }

  .gem-claim-pill:hover {
    border-color: var(--gem-tier1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-claim-pill:hover {
      border-color: color-mix(in srgb, var(--gem-tier1) 80%, transparent);
    }
  }

  .gem-claim-pill:hover {
    box-shadow: 0 0 0 4px var(--gem-tier1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-claim-pill:hover {
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--gem-tier1) 18%, transparent);
    }
  }

  .gem-claim-pill:focus-visible {
    box-shadow: 0 0 0 3px var(--gem-tier1);
    outline: none;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-claim-pill:focus-visible {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--gem-tier1) 55%, transparent);
    }
  }

  .gem-claim-pill:active {
    transform: scale(.97);
  }

  .gem-collector-pill {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    cursor: pointer;
    background: #ffffff1a;
    border: 1px solid #ffffff2e;
    border-radius: .5rem;
    align-items: center;
    gap: .375rem;
    padding: .375rem .75rem .375rem .5rem;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, box-shadow .2s, transform .15s;
    display: inline-flex;
  }

  .gem-collector-pill:hover {
    background: #ffffff29;
    border-color: #ffffff4d;
    box-shadow: 0 0 0 3px #ffffff14;
  }

  .gem-collector-pill:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff80;
  }

  .gem-collector-pill:active {
    transform: scale(.97);
  }

  .hero-glow {
    position: relative;
    overflow: hidden;
  }

  .hero-glow:before {
    content: "";
    pointer-events: none;
    background: radial-gradient(600px 400px at 10% 20%, #ffffff12 0%, #0000 70%), radial-gradient(500px 350px at 85%, #ffffff0a 0%, #0000 70%), radial-gradient(400px 250px at 40% 90%, #ffffff08 0%, #0000 70%);
    position: absolute;
    inset: 0;
  }

  .collapsible-panel {
    grid-template-rows: 0fr;
    transition: grid-template-rows .3s ease-in-out;
    display: grid;
  }

  .collapsible-panel[data-open="true"] {
    grid-template-rows: 1fr;
  }

  .collapsible-panel > div {
    overflow: hidden;
  }

  @keyframes fgsCollectFly {
    0% {
      opacity: 1;
      transform: scale(1);
    }

    50% {
      opacity: 1;
      transform: scale(1.4)translateY(-15px);
    }

    100% {
      opacity: 0;
      transform: scale(.5);
    }
  }

  .animate-fgs-collect {
    animation: .5s cubic-bezier(.34, 1.56, .64, 1) forwards fgsCollectFly;
  }

  @keyframes gemCrackLeft {
    0% {
      opacity: 1;
      transform: translateX(0)rotate(0);
    }

    100% {
      opacity: 0;
      transform: translateX(-60px)rotate(-15deg);
    }
  }

  @keyframes gemCrackRight {
    0% {
      opacity: 1;
      transform: translateX(0)rotate(0);
    }

    100% {
      opacity: 0;
      transform: translateX(60px)rotate(15deg);
    }
  }

  @keyframes gemShimmer {
    0% {
      background-position: -200% 0;
    }

    100% {
      background-position: 200% 0;
    }
  }

  @keyframes gemGlowPulse {
    0%, 100% {
      filter: drop-shadow(0 0 8px var(--glow-color, #7c3aed66));
    }

    50% {
      filter: drop-shadow(0 0 20px var(--glow-color, #7c3aed99));
    }
  }

  @keyframes gemAliveBreath {
    0%, 100% {
      opacity: .94;
      transform: scale(1);
    }

    50% {
      opacity: 1;
      transform: scale(1.05);
    }
  }

  .animate-gem-alive-breath {
    animation: 2s ease-in-out infinite gemAliveBreath;
  }

  @keyframes gemCollectFly {
    0% {
      opacity: 1;
      transform: scale(1)translate(0);
    }

    100% {
      opacity: 0;
      transform: scale(.3)translate(60vw, -60vh);
    }
  }

  .animate-gem-collect {
    animation: .6s cubic-bezier(.34, 1.56, .64, 1) forwards gemCollectFly;
    position: fixed;
  }

  .animate-gem-glow-pulse {
    animation: 2s ease-in-out infinite gemGlowPulse;
  }

  @keyframes gemProgressBreath {
    0%, 100% {
      filter: brightness();
      box-shadow: 0 0 6px var(--gem-progress-now-glow);
    }

    50% {
      filter: brightness(1.15);
      box-shadow: 0 0 14px var(--gem-progress-now-glow);
    }
  }

  .animate-gem-progress-breath {
    animation: 1.4s ease-in-out infinite gemProgressBreath;
  }

  @keyframes gemProgressShimmer {
    0% {
      transform: translateX(-100%);
    }

    100% {
      transform: translateX(100%);
    }
  }

  .animate-gem-progress-shimmer {
    animation: 1.8s linear infinite gemProgressShimmer;
  }

  @keyframes gemProgressHead {
    0%, 100% {
      opacity: .85;
      transform: translate(-50%, -50%)scale(1);
    }

    50% {
      opacity: 1;
      transform: translate(-50%, -50%)scale(1.45);
    }
  }

  .animate-gem-progress-head {
    animation: 1.2s ease-in-out infinite gemProgressHead;
  }

  @keyframes gemIridescence {
    0% {
      transform: rotate(0);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .animate-gem-iridescence {
    animation: 15s linear infinite gemIridescence;
  }

  .tier-marker-tip {
    position: relative !important;
  }

  .tier-marker-tip:after {
    content: attr(data-tip);
    color: #fffffff7;
    letter-spacing: .01em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    z-index: 30;
    background: #0f172af0;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 500;
    transition: opacity 80ms ease-out, transform .12s ease-out;
    position: absolute;
    bottom: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%)translateY(2px);
    box-shadow: 0 4px 12px #0000002e;
  }

  .tier-marker-tip:hover:after, .tier-marker-tip:focus:after {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }

  .tier-marker-tip:focus {
    outline-offset: 1px;
    outline: 2px solid #ffffffd9;
  }

  @keyframes gemMedalFloat {
    0%, 100% {
      opacity: .86;
      transform: scale(1);
    }

    50% {
      opacity: 1;
      transform: scale(1.06);
    }
  }

  .animate-gem-medal-float {
    animation: 2.6s ease-in-out infinite gemMedalFloat;
  }

  @keyframes tutorialPulse {
    0%, 100% {
      box-shadow: 0 0 0 3px #a78bfa, 0 0 16px 2px #a78bfa66;
    }

    50% {
      box-shadow: 0 0 0 4px #a78bfa, 0 0 28px 8px #a78bfa88;
    }
  }

  .group:hover .anim-gem-alive-breath-on-hover, .group:focus-within .anim-gem-alive-breath-on-hover {
    animation: 2s ease-in-out infinite gemAliveBreath;
  }

  .group:hover .anim-gem-medal-float-on-hover, .group:focus-within .anim-gem-medal-float-on-hover {
    animation: 2.6s ease-in-out infinite gemMedalFloat;
  }

  .gem-cal-name {
    color: var(--gem-hue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-cal-name {
      color: color-mix(in srgb, var(--gem-hue) 65%, black);
    }
  }

  :is(.dark .gem-cal-name) {
    color: #ffffffd9;
  }

  @keyframes gemCellPop {
    0% {
      transform: scale(.6);
    }

    70% {
      transform: scale(1.12);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes milestoneRainbow {
    0% {
      border-color: var(--part1);
    }

    25% {
      border-color: var(--part2);
    }

    50% {
      border-color: var(--part3);
    }

    75% {
      border-color: var(--part4);
    }

    100% {
      border-color: var(--brand);
    }
  }

  @keyframes gemDockPulse {
    0%, 100% {
      opacity: .45;
      transform: scale(.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.15);
    }
  }

  @keyframes gemPlaceholderBreath {
    0%, 100% {
      opacity: .55;
    }

    50% {
      opacity: .9;
    }
  }

  @keyframes gemTrail {
    0% {
      opacity: .6;
      transform: scale(1)translateY(0);
    }

    100% {
      opacity: 0;
      transform: scale(.3)translateY(-60px);
    }
  }

  .gallery-card-cv {
    content-visibility: auto;
    contain-intrinsic-size: 0 280px;
  }

  .gallery-card-cv-compact {
    content-visibility: auto;
    contain-intrinsic-size: 0 60px;
  }

  .crystal-system-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: .375rem;
    display: grid;
  }

  .dual-range-slider {
    height: 2rem;
    position: relative;
  }

  .dual-range-slider input[type="range"] {
    pointer-events: none;
    appearance: none;
    background: none;
    width: 100%;
    height: 6px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .dual-range-slider input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    background: var(--brand);
    border: 2px solid var(--surface);
    cursor: pointer;
    pointer-events: auto;
    z-index: 2;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: relative;
    box-shadow: 0 1px 3px #0003;
  }

  .dual-range-slider input[type="range"]::-moz-range-thumb {
    background: var(--brand);
    border: 2px solid var(--surface);
    cursor: pointer;
    pointer-events: auto;
    z-index: 2;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: relative;
    box-shadow: 0 1px 3px #0003;
  }

  .dual-range-track {
    background: var(--surface-inset);
    pointer-events: none;
    border-radius: 3px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }

  .dual-range-fill {
    background: var(--brand);
    opacity: .4;
    border-radius: 3px;
    height: 100%;
    position: absolute;
    top: 0;
  }

  .filter-pill {
    border: 1px solid var(--border-default);
    background: var(--surface);
    min-height: 2rem;
    color: var(--text-body);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 9999px;
    align-items: center;
    gap: .25rem;
    padding: .375rem .625rem;
    font-size: .75rem;
    font-weight: 500;
    transition: all .15s;
    display: inline-flex;
  }

  @media (pointer: coarse) {
    .filter-pill {
      min-height: 2.5rem;
      padding: .5rem .75rem;
    }
  }

  .filter-pill:hover {
    border-color: var(--border-hover);
    background: var(--surface-alt);
  }

  .filter-pill[data-active="true"] {
    background: var(--brand-light);
    border-color: var(--brand);
    color: var(--brand);
  }

  .filter-tag {
    background: var(--surface-alt);
    border: 1px solid var(--border-default);
    min-height: 1.75rem;
    color: var(--text-body);
    border-radius: .375rem;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    font-size: .6875rem;
    display: inline-flex;
  }

  @media (pointer: coarse) {
    .filter-tag {
      min-height: 2.25rem;
      padding: .375rem .625rem;
    }
  }

  .filter-tag button {
    color: var(--text-muted);
    cursor: pointer;
    background: none;
    border: none;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .filter-tag button:hover {
    color: var(--text-body);
  }

  .dark .diagram-adaptive {
    filter: invert() hue-rotate(180deg);
  }

  .jab-dot-pulse {
    animation: 1.5s ease-in-out infinite jab-dot-pulse;
  }

  .jab-wait-glow {
    animation: 1.2s ease-in-out infinite jab-wait-glow;
  }

  input[type="range"].jab-slider {
    appearance: none;
    background: var(--surface-sunken);
    cursor: pointer;
    border-radius: 2px;
    outline: none;
    width: 100%;
    height: 4px;
  }

  input[type="range"].jab-slider::-webkit-slider-thumb {
    appearance: none;
    background: var(--surface);
    border: 2.5px solid var(--slider-accent, var(--brand));
    cursor: pointer;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    transition: box-shadow .15s, transform .15s;
    box-shadow: 0 1px 3px #00000026;
  }

  input[type="range"].jab-slider::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 4px var(--slider-accent, var(--brand));
  }

  @supports (color: color-mix(in lab, red, red)) {
    input[type="range"].jab-slider::-webkit-slider-thumb:hover {
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--slider-accent, var(--brand)) 20%, transparent);
    }
  }

  input[type="range"].jab-slider::-webkit-slider-thumb:hover {
    transform: scale(1.15);
  }

  input[type="range"].jab-slider::-moz-range-thumb {
    background: var(--surface);
    border: 2.5px solid var(--slider-accent, var(--brand));
    cursor: pointer;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    box-shadow: 0 1px 3px #00000026;
  }

  input[type="range"].jab-slider::-moz-range-track {
    background: var(--surface-sunken);
    border-radius: 2px;
    height: 4px;
  }

  input[type="range"].jab-slider:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  input[type="range"].jab-spectrum {
    appearance: none;
    cursor: pointer;
    border-radius: 4px;
    outline: none;
    width: 100%;
    height: 8px;
  }

  input[type="range"].jab-spectrum::-webkit-slider-thumb {
    appearance: none;
    cursor: pointer;
    background: #fff;
    border: 2px solid #00000040;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    transition: box-shadow .15s, transform .15s;
    box-shadow: 0 1px 4px #00000040, inset 0 0 0 1px #ffffff80;
  }

  input[type="range"].jab-spectrum::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    box-shadow: 0 0 0 4px #ffffff4d, 0 1px 4px #00000040;
  }

  input[type="range"].jab-spectrum::-moz-range-thumb {
    cursor: pointer;
    background: #fff;
    border: 2px solid #00000040;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    box-shadow: 0 1px 4px #00000040;
  }

  input[type="range"].jab-spectrum::-moz-range-track {
    background: inherit;
    border-radius: 4px;
    height: 8px;
  }

  input[type="range"].jab-spectrum:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .jab-fire-glow {
    animation: 2s ease-in-out infinite jab-fire-glow;
  }

  @media (max-width: 767px) {
    .jab-mobile-compact svg {
      max-height: 180px !important;
    }
  }

  .eft-field {
    mix-blend-mode: multiply;
  }

  .dark .eft-field {
    mix-blend-mode: screen;
  }

  .eft-select-ring {
    transform-origin: center;
    transform-box: fill-box;
    animation: 1.4s ease-out infinite eft-select-pulse-ring;
  }

  .eft-stage-wrong {
    animation: .42s ease-in-out eft-stage-shake;
  }

  .eft-toast-in {
    animation: .22s ease-out eft-toast-in;
  }

  .eft-arrow-solid {
    animation: .28s ease-out both eft-arrow-solid-in;
  }

  .eft-arch-badge {
    transform-origin: center;
    transform-box: fill-box;
    animation: .35s cubic-bezier(.34, 1.56, .64, 1) .18s both eft-arch-badge-snap;
  }

  .eft-highlight-pulse {
    transform-origin: center;
    transform-box: fill-box;
    animation: 1.1s ease-out infinite eft-highlight-pulse;
  }

  .eft-field-wrong-pulse {
    animation: .42s ease-in-out eft-field-pulse-wrong;
  }

  .eft-reflection-timer {
    width: 100%;
    animation: 3s linear forwards eft-reflection-timer;
  }

  @media (prefers-reduced-motion: reduce) {
    .eft-reflection-timer {
      width: 0;
      animation: none;
    }

    .eft-arrow-solid, .eft-arch-badge, .eft-highlight-pulse, .eft-field-wrong-pulse, .eft-toast-in {
      animation: none;
    }
  }

  .status-pill {
    white-space: nowrap;
    border-radius: 9999px;
    align-items: center;
    gap: .25rem;
    padding: .125rem .5rem;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    display: inline-flex;
  }

  .status-pill-pending {
    background: var(--warning-light);
    color: var(--warning-fg);
    box-shadow: inset 0 0 0 1px var(--warning-border);
  }

  .status-pill-approved {
    background: var(--success);
    color: #fff;
    box-shadow: var(--shadow-sm);
  }

  .status-pill-rejected {
    background: var(--error);
    color: #fff;
    box-shadow: var(--shadow-sm);
  }

  .status-pill-flagged {
    background: var(--warning);
    color: var(--warning-fg);
    box-shadow: var(--shadow-sm);
  }

  .status-pill-needs-attention {
    background: var(--error-light);
    color: var(--error-fg);
    box-shadow: inset 0 0 0 1px var(--error-border);
  }

  .status-pill-enriching {
    background: var(--brand);
    color: #fff;
    box-shadow: var(--shadow-sm);
  }

  .enriching-pulse {
    animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
  }

  @media (prefers-reduced-motion: reduce) {
    .enriching-pulse {
      animation: none;
    }

    .enriching-pulse:after {
      content: "";
      opacity: .6;
      background: currentColor;
      border-radius: 50%;
      width: 6px;
      height: 6px;
      margin-left: 6px;
      display: inline-block;
    }
  }

  .aae-pi-snap-ring {
    animation: .6s ease-out forwards aae-pi-snap;
  }

  .aae-charge-flip {
    animation: .3s ease-in-out aae-charge-flip;
  }

  .aae-proton-in {
    animation: .25s ease-out forwards aae-proton-in;
  }

  .aae-proton-out {
    animation: .2s ease-in forwards aae-proton-out;
  }

  .aae-cell-capture {
    animation: .5s cubic-bezier(.34, 1.56, .64, 1) forwards aae-cell-capture;
  }

  .aae-personality-fly {
    animation: .4s ease-out forwards aae-personality-fly;
  }

  .aae-trace-draw {
    animation: 1.2s ease-out forwards aae-trace-draw;
  }

  [data-overflowed="true"] {
    outline: 1px solid var(--color-error-fg);
    outline-offset: 1px;
    box-shadow: 0 0 8px rgb(from var(--color-error-fg) r g b / .4);
    position: relative;
  }

  [data-overflowed="true"]:after {
    content: "⚠";
    background: var(--color-error-fg);
    color: var(--color-error-light);
    pointer-events: none;
    border-radius: 3px;
    padding: 1px 3px;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: -6px;
    right: -6px;
  }

  .chip-host {
    position: relative;
  }

  .field-edit-chip {
    z-index: 2;
    opacity: 0;
    transition: opacity .12s ease-out;
    position: absolute;
    top: 2px;
    right: 2px;
  }

  .chip-host:hover .field-edit-chip, .field-edit-chip:focus-visible, .field-edit-chip[data-pinned="true"] {
    opacity: 1;
  }

  .field-edit-chip[aria-hidden="true"] {
    pointer-events: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .field-edit-chip {
      transition: none;
    }
  }

  .formula-mindat-link {
    transition: text-shadow .14s ease-out;
  }

  .formula-mindat-link:hover {
    text-shadow: 0 0 6px, 0 0 12px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .formula-mindat-link:hover {
      text-shadow: 0 0 6px currentColor, 0 0 12px color-mix(in srgb, currentColor 55%, transparent);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .formula-mindat-link {
      transition: none;
    }
  }

  .cs-overlay {
    cursor: pointer;
    transition: opacity .12s ease-out;
  }

  .cs-overlay:focus {
    outline: none;
  }

  .cs-overlay:focus-visible > rect {
    stroke: var(--brand-accent);
    stroke-width: 2px;
  }

  .gem-grid-cell {
    animation: .22s ease-out both gem-grid-cell-in;
    animation-delay: calc(var(--cell-index, 0) * var(--page-swap-active, 0) * 10ms);
  }

  .gem-new-badge {
    background: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-new-badge {
      background: color-mix(in srgb, var(--brand-accent) 92%, transparent);
    }
  }

  .gem-new-badge {
    color: #fff;
    box-shadow: 0 0 0 0 var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .gem-new-badge {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand-accent) 45%, transparent);
    }
  }

  .gem-new-badge {
    animation: 2.2s ease-in-out infinite gem-new-badge-pulse;
  }

  .gem-just-claimed {
    animation: 1.2s ease-out gem-just-claimed-flash;
  }
}

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .visible\! {
    visibility: visible !important;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }

  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-3 {
    top: calc(var(--spacing) * -3);
  }

  .-top-4 {
    top: calc(var(--spacing) * -4);
  }

  .-top-6 {
    top: calc(var(--spacing) * -6);
  }

  .-top-8 {
    top: calc(var(--spacing) * -8);
  }

  .-top-9 {
    top: calc(var(--spacing) * -9);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/4 {
    top: 25%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-7 {
    top: calc(var(--spacing) * 7);
  }

  .top-9 {
    top: calc(var(--spacing) * 9);
  }

  .top-11 {
    top: calc(var(--spacing) * 11);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-16 {
    top: calc(var(--spacing) * 16);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-\[-3px\] {
    top: -3px;
  }

  .top-\[3\.5rem\] {
    top: 3.5rem;
  }

  .top-\[9px\] {
    top: 9px;
  }

  .top-\[11px\] {
    top: 11px;
  }

  .top-\[18px\] {
    top: 18px;
  }

  .top-\[19\%\] {
    top: 19%;
  }

  .top-\[19px\] {
    top: 19px;
  }

  .top-\[80px\] {
    top: 80px;
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-6 {
    right: calc(var(--spacing) * -6);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-0\.5 {
    right: calc(var(--spacing) * .5);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-20 {
    right: calc(var(--spacing) * 20);
  }

  .right-\[4\.25rem\] {
    right: 4.25rem;
  }

  .right-\[min\(560px\,90vw\)\] {
    right: min(560px, 90vw);
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .-bottom-3 {
    bottom: calc(var(--spacing) * -3);
  }

  .-bottom-px {
    bottom: -1px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-0\.5 {
    bottom: calc(var(--spacing) * .5);
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }

  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }

  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }

  .bottom-\[-3px\] {
    bottom: -3px;
  }

  .bottom-full {
    bottom: 100%;
  }

  .-left-0\.5 {
    left: calc(var(--spacing) * -.5);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-\[18px\] {
    left: 18px;
  }

  .left-full {
    left: 100%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-60 {
    z-index: 60;
  }

  .z-70 {
    z-index: 70;
  }

  .z-95 {
    z-index: 95;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[45\] {
    z-index: 45;
  }

  .z-\[46\] {
    z-index: 46;
  }

  .z-\[54\] {
    z-index: 54;
  }

  .z-\[55\] {
    z-index: 55;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[61\] {
    z-index: 61;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[1500\] {
    z-index: 1500;
  }

  .order-0 {
    order: 0;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .order-4 {
    order: 4;
  }

  .order-5 {
    order: 5;
  }

  .order-first {
    order: -9999;
  }

  .col-1 {
    grid-column: 1;
  }

  .col-2 {
    grid-column: 2;
  }

  .col-3 {
    grid-column: 3;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .row-1 {
    grid-row: 1;
  }

  .row-2 {
    grid-row: 2;
  }

  .row-3 {
    grid-row: 3;
  }

  .row-4 {
    grid-row: 4;
  }

  .row-6 {
    grid-row: 6;
  }

  .row-7 {
    grid-row: 7;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-1 {
    margin: calc(var(--spacing) * 1);
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .m-\[-1px\] {
    margin: -1px;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }

  .\!mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-px {
    margin-top: -1px;
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-\[6px\] {
    margin-top: 6px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }

  .ml-\[5\.5rem\] {
    margin-left: 5.5rem;
  }

  .ml-\[calc\(theme\(spacing\.2\)\+1px\)\] {
    margin-left: calc(.5rem + 1px);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!grid {
    display: grid !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .aspect-\[5\/3\] {
    aspect-ratio: 5 / 3;
  }

  .aspect-\[5\/4\] {
    aspect-ratio: 5 / 4;
  }

  .aspect-\[340\/560\] {
    aspect-ratio: 340 / 560;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-1\/3 {
    height: 33.3333%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-60 {
    height: calc(var(--spacing) * 60);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .h-\[1\.25rem\] {
    height: 1.25rem;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[6px\] {
    height: 6px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[44px\] {
    height: 44px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[50vh\] {
    height: 50vh;
  }

  .h-\[52\%\] {
    height: 52%;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[72px\] {
    height: 72px;
  }

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[88px\] {
    height: 88px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[220px\] {
    height: 220px;
  }

  .h-\[250px\] {
    height: 250px;
  }

  .h-\[320px\] {
    height: 320px;
  }

  .h-\[440px\] {
    height: 440px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-\[24rem\] {
    max-height: 24rem;
  }

  .max-h-\[28rem\] {
    max-height: 28rem;
  }

  .max-h-\[40vh\] {
    max-height: 40vh;
  }

  .max-h-\[50px\] {
    max-height: 50px;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[78vh\] {
    max-height: 78vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[82vh\] {
    max-height: 82vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[88vh\] {
    max-height: 88vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[calc\(100dvh-8rem\)\] {
    max-height: calc(100dvh - 8rem);
  }

  .max-h-\[calc\(100vh-100px\)\] {
    max-height: calc(100vh - 100px);
  }

  .max-h-\[calc\(100vh-280px\)\] {
    max-height: calc(100vh - 280px);
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-\[1\.5em\] {
    min-height: 1.5em;
  }

  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }

  .min-h-\[2\.5em\] {
    min-height: 2.5em;
  }

  .min-h-\[2\.25rem\] {
    min-height: 2.25rem;
  }

  .min-h-\[3rem\] {
    min-height: 3rem;
  }

  .min-h-\[18px\] {
    min-height: 18px;
  }

  .min-h-\[24px\] {
    min-height: 24px;
  }

  .min-h-\[32px\] {
    min-height: 32px;
  }

  .min-h-\[36px\] {
    min-height: 36px;
  }

  .min-h-\[40px\] {
    min-height: 40px;
  }

  .min-h-\[44px\] {
    min-height: 44px;
  }

  .min-h-\[52px\] {
    min-height: 52px;
  }

  .min-h-\[56px\] {
    min-height: 56px;
  }

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

  .min-h-\[64px\] {
    min-height: 64px;
  }

  .min-h-\[80px\] {
    min-height: 80px;
  }

  .min-h-\[96px\] {
    min-height: 96px;
  }

  .min-h-\[100dvh\] {
    min-height: 100dvh;
  }

  .min-h-\[100px\] {
    min-height: 100px;
  }

  .min-h-\[112px\] {
    min-height: 112px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-\[280px\] {
    min-height: 280px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[360px\] {
    min-height: 360px;
  }

  .min-h-\[400px\] {
    min-height: 400px;
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-5\/6 {
    width: 83.3333%;
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-11\/12 {
    width: 91.6667%;
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[2px\] {
    width: 2px;
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[16px\] {
    width: 16px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[26rem\] {
    width: 26rem;
  }

  .w-\[32px\] {
    width: 32px;
  }

  .w-\[34\%\] {
    width: 34%;
  }

  .w-\[44px\] {
    width: 44px;
  }

  .w-\[52\%\] {
    width: 52%;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }

  .w-\[min\(18rem\,calc\(100vw-2rem\)\)\] {
    width: min(18rem, 100vw - 2rem);
  }

  .w-\[min\(90\%\,28rem\)\] {
    width: min(90%, 28rem);
  }

  .w-\[min\(90\%\,32rem\)\] {
    width: min(90%, 32rem);
  }

  .w-\[min\(90\%\,42rem\)\] {
    width: min(90%, 42rem);
  }

  .w-\[min\(560px\,90vw\)\] {
    width: min(560px, 90vw);
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[10ch\] {
    max-width: 10ch;
  }

  .max-w-\[10rem\] {
    max-width: 10rem;
  }

  .max-w-\[12rem\] {
    max-width: 12rem;
  }

  .max-w-\[14ch\] {
    max-width: 14ch;
  }

  .max-w-\[14rem\] {
    max-width: 14rem;
  }

  .max-w-\[50px\] {
    max-width: 50px;
  }

  .max-w-\[55\%\] {
    max-width: 55%;
  }

  .max-w-\[60px\] {
    max-width: 60px;
  }

  .max-w-\[68rem\] {
    max-width: 68rem;
  }

  .max-w-\[70px\] {
    max-width: 70px;
  }

  .max-w-\[80px\] {
    max-width: 80px;
  }

  .max-w-\[85\%\] {
    max-width: 85%;
  }

  .max-w-\[88px\] {
    max-width: 88px;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[540px\] {
    max-width: 540px;
  }

  .max-w-\[1560px\] {
    max-width: 1560px;
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-prose {
    max-width: 65ch;
  }

  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-\[1\.5rem\] {
    min-width: 1.5rem;
  }

  .min-w-\[1\.25rem\] {
    min-width: 1.25rem;
  }

  .min-w-\[1rem\] {
    min-width: 1rem;
  }

  .min-w-\[2\.5rem\] {
    min-width: 2.5rem;
  }

  .min-w-\[2ch\] {
    min-width: 2ch;
  }

  .min-w-\[2rem\] {
    min-width: 2rem;
  }

  .min-w-\[3ch\] {
    min-width: 3ch;
  }

  .min-w-\[5rem\] {
    min-width: 5rem;
  }

  .min-w-\[6px\] {
    min-width: 6px;
  }

  .min-w-\[7px\] {
    min-width: 7px;
  }

  .min-w-\[7rem\] {
    min-width: 7rem;
  }

  .min-w-\[8\.5rem\] {
    min-width: 8.5rem;
  }

  .min-w-\[8px\] {
    min-width: 8px;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[10px\] {
    min-width: 10px;
  }

  .min-w-\[12px\] {
    min-width: 12px;
  }

  .min-w-\[16px\] {
    min-width: 16px;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .min-w-\[22px\] {
    min-width: 22px;
  }

  .min-w-\[24px\] {
    min-width: 24px;
  }

  .min-w-\[28rem\] {
    min-width: 28rem;
  }

  .min-w-\[36px\] {
    min-width: 36px;
  }

  .min-w-\[44px\] {
    min-width: 44px;
  }

  .min-w-\[50px\] {
    min-width: 50px;
  }

  .min-w-\[52px\] {
    min-width: 52px;
  }

  .min-w-\[60px\] {
    min-width: 60px;
  }

  .min-w-\[64px\] {
    min-width: 64px;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[96px\] {
    min-width: 96px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[110px\] {
    min-width: 110px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[320px\] {
    min-width: 320px;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .origin-center {
    transform-origin: center;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-3 {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[140\%\] {
    --tw-translate-y: calc(140% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[1\.02\] {
    scale: 1.02;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-\[bounceIn_0\.3s_ease-out\] {
    animation: .3s ease-out bounceIn;
  }

  .animate-\[bounceIn_500ms_ease-out\] {
    animation: .5s ease-out bounceIn;
  }

  .animate-\[checkPop_0\.3s_ease-out\] {
    animation: .3s ease-out checkPop;
  }

  .animate-\[confettiPop_0\.5s_ease-out\] {
    animation: .5s ease-out confettiPop;
  }

  .animate-\[confettiPop_0\.6s_ease-out\] {
    animation: .6s ease-out confettiPop;
  }

  .animate-\[confettiPop_500ms_ease-out\] {
    animation: .5s ease-out confettiPop;
  }

  .animate-\[fadeSlideUp_0\.3s_ease-out\] {
    animation: .3s ease-out fadeSlideUp;
  }

  .animate-\[fadeSlideUp_200ms_ease-out\] {
    animation: .2s ease-out fadeSlideUp;
  }

  .animate-\[fadeSlideUp_300ms_ease-out\] {
    animation: .3s ease-out fadeSlideUp;
  }

  .animate-\[fadeUp_0\.2s_ease\] {
    animation: .2s fadeUp;
  }

  .animate-\[glowPulse_2s_ease-in-out_infinite\] {
    animation: 2s ease-in-out infinite glowPulse;
  }

  .animate-\[shakeBrief_0\.3s_ease-out\] {
    animation: .3s ease-out shakeBrief;
  }

  .animate-\[shakeBrief_0\.4s_ease-in-out\] {
    animation: .4s ease-in-out shakeBrief;
  }

  .animate-\[streakFlame_1s_ease-in-out_infinite\] {
    animation: 1s ease-in-out infinite streakFlame;
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-ew-resize {
    cursor: ew-resize;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-se-resize {
    cursor: se-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-center {
    scroll-snap-align: center;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }

  .scroll-mt-32 {
    scroll-margin-top: calc(var(--spacing) * 32);
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .break-inside-avoid {
    break-inside: avoid;
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto_56px\] {
    grid-template-columns: 1fr auto 56px;
  }

  .grid-cols-\[48px_1fr_44px\] {
    grid-template-columns: 48px 1fr 44px;
  }

  .grid-cols-\[56px_minmax\(0\,1fr\)\] {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }

  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(280px\,380px\)_1fr\] {
    grid-template-columns: minmax(280px, 380px) 1fr;
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(\.\.\.\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(. . . ));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(8rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-\[1px\] {
    gap: 1px;
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-px > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border-default > :not(:last-child)) {
    border-color: var(--border);
  }

  :where(.divide-border-input > :not(:last-child)) {
    border-color: var(--border-input);
  }

  :where(.divide-border-subtle > :not(:last-child)) {
    border-color: var(--border-subtle);
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[11px\] {
    border-radius: 11px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[15px\] {
    border-radius: 15px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-\[5px\] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .rounded-t-full {
    border-top-left-radius: 3.40282e38px;
    border-top-right-radius: 3.40282e38px;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-b-3xl {
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }

  .rounded-b-\[4px\] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-t-\[1px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-\[5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .border-l-\[5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 5px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-\[color-mix\(in_srgb\,var\(--brand\)_35\%\,transparent\)\] {
    border-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--brand\)_35\%\,transparent\)\] {
      border-color: color-mix(in srgb, var(--brand) 35%, transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--gem-tier1\)_40\%\,transparent\)\] {
    border-color: var(--gem-tier1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--gem-tier1\)_40\%\,transparent\)\] {
      border-color: color-mix(in srgb, var(--gem-tier1) 40%, transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--gem-tier2\)_40\%\,transparent\)\] {
    border-color: var(--gem-tier2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--gem-tier2\)_40\%\,transparent\)\] {
      border-color: color-mix(in srgb, var(--gem-tier2) 40%, transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--gem-tier3\)_40\%\,transparent\)\] {
    border-color: var(--gem-tier3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--gem-tier3\)_40\%\,transparent\)\] {
      border-color: color-mix(in srgb, var(--gem-tier3) 40%, transparent);
    }
  }

  .border-aae-captured {
    border-color: var(--aae-captured);
  }

  .border-aae-charge-neg {
    border-color: var(--aae-charge-neg);
  }

  .border-aae-pi-gold {
    border-color: var(--aae-pi-gold);
  }

  .border-aae-pi-gold\/40 {
    border-color: var(--aae-pi-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-aae-pi-gold\/40 {
      border-color: color-mix(in oklab, var(--aae-pi-gold) 40%, transparent);
    }
  }

  .border-aae-uncaptured {
    border-color: var(--aae-uncaptured);
  }

  .border-bl-base-border {
    border-color: var(--bl-base-border);
  }

  .border-border-card {
    border-color: var(--border-card);
  }

  .border-border-card\/60 {
    border-color: var(--border-card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-card\/60 {
      border-color: color-mix(in oklab, var(--border-card) 60%, transparent);
    }
  }

  .border-border-default {
    border-color: var(--border);
  }

  .border-border-default\/40 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-default\/40 {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .border-border-default\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-default\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-border-default\/60 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-default\/60 {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .border-border-input {
    border-color: var(--border-input);
  }

  .border-border-input\/40 {
    border-color: var(--border-input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-input\/40 {
      border-color: color-mix(in oklab, var(--border-input) 40%, transparent);
    }
  }

  .border-border-strong {
    border-color: var(--border-strong);
  }

  .border-border-subtle {
    border-color: var(--border-subtle);
  }

  .border-border-subtle\/50 {
    border-color: var(--border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border-subtle\/50 {
      border-color: color-mix(in oklab, var(--border-subtle) 50%, transparent);
    }
  }

  .border-brand {
    border-color: var(--brand);
  }

  .border-brand-accent {
    border-color: var(--brand-accent);
  }

  .border-brand-border {
    border-color: var(--brand-border);
  }

  .border-brand-hover\/60 {
    border-color: var(--brand-hover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-hover\/60 {
      border-color: color-mix(in oklab, var(--brand-hover) 60%, transparent);
    }
  }

  .border-brand-light {
    border-color: var(--brand-light);
  }

  .border-brand\/25 {
    border-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/25 {
      border-color: color-mix(in oklab, var(--brand) 25%, transparent);
    }
  }

  .border-brand\/30 {
    border-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/30 {
      border-color: color-mix(in oklab, var(--brand) 30%, transparent);
    }
  }

  .border-brand\/40 {
    border-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/40 {
      border-color: color-mix(in oklab, var(--brand) 40%, transparent);
    }
  }

  .border-cfb-card-border {
    border-color: var(--cfb-card-border);
  }

  .border-cfs-high-border {
    border-color: var(--cfs-high-border);
  }

  .border-cfs-low-border {
    border-color: var(--cfs-low-border);
  }

  .border-char-cave {
    border-color: var(--char-cave);
  }

  .border-char-glados {
    border-color: var(--char-glados);
  }

  .border-char-wheatley {
    border-color: var(--char-wheatley);
  }

  .border-cl-card-border {
    border-color: var(--cl-card-border);
  }

  .border-cp-acid-border {
    border-color: var(--cp-acid-border);
  }

  .border-cp-base-border {
    border-color: var(--cp-base-border);
  }

  .border-cp-pair1-border {
    border-color: var(--cp-pair1-border);
  }

  .border-cp-pair2-border {
    border-color: var(--cp-pair2-border);
  }

  .border-cryst-cell-edge {
    border-color: var(--cryst-cell-edge);
  }

  .border-cryst-cell-edge\/40 {
    border-color: var(--cryst-cell-edge);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cryst-cell-edge\/40 {
      border-color: color-mix(in oklab, var(--cryst-cell-edge) 40%, transparent);
    }
  }

  .border-cryst-cell-edge\/50 {
    border-color: var(--cryst-cell-edge);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cryst-cell-edge\/50 {
      border-color: color-mix(in oklab, var(--cryst-cell-edge) 50%, transparent);
    }
  }

  .border-cryst-cell-edge\/60 {
    border-color: var(--cryst-cell-edge);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cryst-cell-edge\/60 {
      border-color: color-mix(in oklab, var(--cryst-cell-edge) 60%, transparent);
    }
  }

  .border-cryst-highlight {
    border-color: var(--cryst-highlight);
  }

  .border-cryst-highlight-strong {
    border-color: var(--cryst-highlight-strong);
  }

  .border-cryst-highlight-strong\/40 {
    border-color: var(--cryst-highlight-strong);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cryst-highlight-strong\/40 {
      border-color: color-mix(in oklab, var(--cryst-highlight-strong) 40%, transparent);
    }
  }

  .border-cryst-highlight\/30 {
    border-color: var(--cryst-highlight);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-cryst-highlight\/30 {
      border-color: color-mix(in oklab, var(--cryst-highlight) 30%, transparent);
    }
  }

  .border-current {
    border-color: currentColor;
  }

  .border-err-calculation-border {
    border-color: var(--err-calculation-border);
  }

  .border-err-conceptual-border {
    border-color: var(--err-conceptual-border);
  }

  .border-err-data-border {
    border-color: var(--err-data-border);
  }

  .border-err-factual-border {
    border-color: var(--err-factual-border);
  }

  .border-err-formula-border {
    border-color: var(--err-formula-border);
  }

  .border-err-incomplete-border {
    border-color: var(--err-incomplete-border);
  }

  .border-err-logic-border {
    border-color: var(--err-logic-border);
  }

  .border-err-other-border {
    border-color: var(--err-other-border);
  }

  .border-err-procedure-border {
    border-color: var(--err-procedure-border);
  }

  .border-err-unit-border {
    border-color: var(--err-unit-border);
  }

  .border-error {
    border-color: var(--error);
  }

  .border-error-border {
    border-color: var(--error-border);
  }

  .border-exam1-border\/30 {
    border-color: var(--exam1-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam1-border\/30 {
      border-color: color-mix(in oklab, var(--exam1-border) 30%, transparent);
    }
  }

  .border-exam1\/20 {
    border-color: var(--exam1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam1\/20 {
      border-color: color-mix(in oklab, var(--exam1) 20%, transparent);
    }
  }

  .border-exam2-border\/30 {
    border-color: var(--exam2-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam2-border\/30 {
      border-color: color-mix(in oklab, var(--exam2-border) 30%, transparent);
    }
  }

  .border-exam2\/20 {
    border-color: var(--exam2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam2\/20 {
      border-color: color-mix(in oklab, var(--exam2) 20%, transparent);
    }
  }

  .border-exam3-border\/30 {
    border-color: var(--exam3-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam3-border\/30 {
      border-color: color-mix(in oklab, var(--exam3-border) 30%, transparent);
    }
  }

  .border-exam3\/20 {
    border-color: var(--exam3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam3\/20 {
      border-color: color-mix(in oklab, var(--exam3) 20%, transparent);
    }
  }

  .border-exam4-border\/30 {
    border-color: var(--exam4-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam4-border\/30 {
      border-color: color-mix(in oklab, var(--exam4-border) 30%, transparent);
    }
  }

  .border-exam4\/20 {
    border-color: var(--exam4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-exam4\/20 {
      border-color: color-mix(in oklab, var(--exam4) 20%, transparent);
    }
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-icho-border {
    border-color: var(--icho-border);
  }

  .border-kin-explorer {
    border-color: var(--kin-explorer);
  }

  .border-kin-explorer\/30 {
    border-color: var(--kin-explorer);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-kin-explorer\/30 {
      border-color: color-mix(in oklab, var(--kin-explorer) 30%, transparent);
    }
  }

  .border-kin-halflife {
    border-color: var(--kin-halflife);
  }

  .border-kin-halflife\/30 {
    border-color: var(--kin-halflife);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-kin-halflife\/30 {
      border-color: color-mix(in oklab, var(--kin-halflife) 30%, transparent);
    }
  }

  .border-ls-accent {
    border-color: var(--ls-accent);
  }

  .border-ls-accent\/30 {
    border-color: var(--ls-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ls-accent\/30 {
      border-color: color-mix(in oklab, var(--ls-accent) 30%, transparent);
    }
  }

  .border-ls-accent\/40 {
    border-color: var(--ls-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-ls-accent\/40 {
      border-color: color-mix(in oklab, var(--ls-accent) 40%, transparent);
    }
  }

  .border-ls-consequence-border {
    border-color: var(--ls-consequence-border);
  }

  .border-ls-safe-border {
    border-color: var(--ls-safe-border);
  }

  .border-mo-anti {
    border-color: var(--mo-anti);
  }

  .border-mo-bond {
    border-color: var(--mo-bond);
  }

  .border-mo-gold-fg {
    border-color: var(--mo-gold-fg);
  }

  .border-ngb-basin-marker {
    border-color: var(--ngb-basin-marker);
  }

  .border-ngb-slope-line {
    border-color: var(--ngb-slope-line);
  }

  .border-part1-border {
    border-color: var(--part1-border);
  }

  .border-part1-border\/30 {
    border-color: var(--part1-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-part1-border\/30 {
      border-color: color-mix(in oklab, var(--part1-border) 30%, transparent);
    }
  }

  .border-part2-border {
    border-color: var(--part2-border);
  }

  .border-part2-border\/30 {
    border-color: var(--part2-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-part2-border\/30 {
      border-color: color-mix(in oklab, var(--part2-border) 30%, transparent);
    }
  }

  .border-part3-border {
    border-color: var(--part3-border);
  }

  .border-part3-border\/30 {
    border-color: var(--part3-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-part3-border\/30 {
      border-color: color-mix(in oklab, var(--part3-border) 30%, transparent);
    }
  }

  .border-part4-border {
    border-color: var(--part4-border);
  }

  .border-part4-border\/30 {
    border-color: var(--part4-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-part4-border\/30 {
      border-color: color-mix(in oklab, var(--part4-border) 30%, transparent);
    }
  }

  .border-pd-accent-border {
    border-color: var(--pd-accent-border);
  }

  .border-poly-accent {
    border-color: var(--poly-accent);
  }

  .border-ptable-actinide-border {
    border-color: var(--ptable-actinide-border);
  }

  .border-ptable-alkali-border {
    border-color: var(--ptable-alkali-border);
  }

  .border-ptable-alkaline-border {
    border-color: var(--ptable-alkaline-border);
  }

  .border-ptable-halogen-border {
    border-color: var(--ptable-halogen-border);
  }

  .border-ptable-lanthanide-border {
    border-color: var(--ptable-lanthanide-border);
  }

  .border-ptable-metalloid-border {
    border-color: var(--ptable-metalloid-border);
  }

  .border-ptable-noble-border {
    border-color: var(--ptable-noble-border);
  }

  .border-ptable-nonmetal-border {
    border-color: var(--ptable-nonmetal-border);
  }

  .border-ptable-post-border {
    border-color: var(--ptable-post-border);
  }

  .border-ptable-transition-border {
    border-color: var(--ptable-transition-border);
  }

  .border-ptable-unknown-border {
    border-color: var(--ptable-unknown-border);
  }

  .border-score-high-border {
    border-color: var(--score-high-border);
  }

  .border-score-low-border {
    border-color: var(--score-low-border);
  }

  .border-score-mid-border {
    border-color: var(--score-mid-border);
  }

  .border-sr-real-border {
    border-color: var(--sr-real-border);
  }

  .border-success {
    border-color: var(--success);
  }

  .border-success-border {
    border-color: var(--success-border);
  }

  .border-success-border\/40 {
    border-color: var(--success-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success-border\/40 {
      border-color: color-mix(in oklab, var(--success-border) 40%, transparent);
    }
  }

  .border-success-border\/50 {
    border-color: var(--success-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success-border\/50 {
      border-color: color-mix(in oklab, var(--success-border) 50%, transparent);
    }
  }

  .border-success-fg {
    border-color: var(--success-fg);
  }

  .border-success\/40 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/40 {
      border-color: color-mix(in oklab, var(--success) 40%, transparent);
    }
  }

  .border-success\/45 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/45 {
      border-color: color-mix(in oklab, var(--success) 45%, transparent);
    }
  }

  .border-surface {
    border-color: var(--surface);
  }

  .border-text-body {
    border-color: var(--text-body);
  }

  .border-text-caption {
    border-color: var(--text-caption);
  }

  .border-text-heading {
    border-color: var(--text-heading);
  }

  .border-text-muted {
    border-color: var(--text-muted);
  }

  .border-titr-diamond-border {
    border-color: var(--titr-diamond-border);
  }

  .border-titr-star-border {
    border-color: var(--titr-star-border);
  }

  .border-topic-organic {
    border-color: var(--topic-organic);
  }

  .border-topic-organic\/40 {
    border-color: var(--topic-organic);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-topic-organic\/40 {
      border-color: color-mix(in oklab, var(--topic-organic) 40%, transparent);
    }
  }

  .border-topic-qual-analysis {
    border-color: var(--topic-qual-analysis);
  }

  .border-topic-quantum {
    border-color: var(--topic-quantum);
  }

  .border-topic-quantum-border {
    border-color: var(--topic-quantum-border);
  }

  .border-topic-symmetry {
    border-color: var(--topic-symmetry);
  }

  .border-topic-symmetry-border {
    border-color: var(--topic-symmetry-border);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-warning {
    border-color: var(--warning);
  }

  .border-warning-border {
    border-color: var(--warning-border);
  }

  .border-warning-border\/50 {
    border-color: var(--warning-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-border\/50 {
      border-color: color-mix(in oklab, var(--warning-border) 50%, transparent);
    }
  }

  .border-warning-border\/60 {
    border-color: var(--warning-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-border\/60 {
      border-color: color-mix(in oklab, var(--warning-border) 60%, transparent);
    }
  }

  .border-warning-fg {
    border-color: var(--warning-fg);
  }

  .border-warning-fg\/30 {
    border-color: var(--warning-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-fg\/30 {
      border-color: color-mix(in oklab, var(--warning-fg) 30%, transparent);
    }
  }

  .border-warning-fg\/40 {
    border-color: var(--warning-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-fg\/40 {
      border-color: color-mix(in oklab, var(--warning-fg) 40%, transparent);
    }
  }

  .border-warning\/40 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/40 {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }

  .border-warning\/45 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/45 {
      border-color: color-mix(in oklab, var(--warning) 45%, transparent);
    }
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-white\/40 {
    border-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .border-ww-card-border {
    border-color: var(--ww-card-border);
  }

  .border-ww-wall-ok {
    border-color: var(--ww-wall-ok);
  }

  .border-ww-wall-shock {
    border-color: var(--ww-wall-shock);
  }

  .border-t-brand {
    border-top-color: var(--brand);
  }

  .border-t-error-border {
    border-top-color: var(--error-border);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-t-warning {
    border-top-color: var(--warning);
  }

  .border-t-warning-fg {
    border-top-color: var(--warning-fg);
  }

  .border-t-white {
    border-top-color: var(--color-white);
  }

  .border-l-border-default {
    border-left-color: var(--border);
  }

  .border-l-brand {
    border-left-color: var(--brand);
  }

  .border-l-error-border {
    border-left-color: var(--error-border);
  }

  .border-l-error-fg {
    border-left-color: var(--error-fg);
  }

  .border-l-exam1 {
    border-left-color: var(--exam1);
  }

  .border-l-exam2 {
    border-left-color: var(--exam2);
  }

  .border-l-exam3 {
    border-left-color: var(--exam3);
  }

  .border-l-exam4 {
    border-left-color: var(--exam4);
  }

  .border-l-part1 {
    border-left-color: var(--part1);
  }

  .border-l-part2 {
    border-left-color: var(--part2);
  }

  .border-l-part3 {
    border-left-color: var(--part3);
  }

  .border-l-part4 {
    border-left-color: var(--part4);
  }

  .border-l-poly-accent {
    border-left-color: var(--poly-accent);
  }

  .border-l-poly-bounce {
    border-left-color: var(--poly-bounce);
  }

  .border-l-poly-dent {
    border-left-color: var(--poly-dent);
  }

  .border-l-poly-flow {
    border-left-color: var(--poly-flow);
  }

  .border-l-poly-shatter {
    border-left-color: var(--poly-shatter);
  }

  .border-l-poly-state-crosslinked-network {
    border-left-color: var(--poly-state-crosslinked-network);
  }

  .border-l-success {
    border-left-color: var(--success);
  }

  .border-l-success-border {
    border-left-color: var(--success-border);
  }

  .border-l-success-fg {
    border-left-color: var(--success-fg);
  }

  .border-l-text-caption {
    border-left-color: var(--text-caption);
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .border-l-warning {
    border-left-color: var(--warning);
  }

  .border-l-warning-border {
    border-left-color: var(--warning-border);
  }

  .border-l-warning-fg {
    border-left-color: var(--warning-fg);
  }

  .bg-\[\#050a14\] {
    background-color: #050a14;
  }

  .bg-\[\#08080c\] {
    background-color: #08080c;
  }

  .bg-\[color-mix\(\.\.\.\)\] {
    background-color: color-mix(. . . );
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand\)_18\%\,transparent\)\] {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb, var(--brand) 18%, transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--brand\)_22\%\,transparent\)\] {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--brand\)_22\%\,transparent\)\] {
      background-color: color-mix(in srgb, var(--brand) 22%, transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--gem-tier1\)_20\%\,var\(--surface\)\)\] {
    background-color: var(--gem-tier1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--gem-tier1\)_20\%\,var\(--surface\)\)\] {
      background-color: color-mix(in srgb, var(--gem-tier1) 20%, var(--surface));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--gem-tier2\)_20\%\,var\(--surface\)\)\] {
    background-color: var(--gem-tier2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--gem-tier2\)_20\%\,var\(--surface\)\)\] {
      background-color: color-mix(in srgb, var(--gem-tier2) 20%, var(--surface));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--gem-tier3\)_20\%\,var\(--surface\)\)\] {
    background-color: var(--gem-tier3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--gem-tier3\)_20\%\,var\(--surface\)\)\] {
      background-color: color-mix(in srgb, var(--gem-tier3) 20%, var(--surface));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--warning\)_18\%\,transparent\)\] {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--warning\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb, var(--warning) 18%, transparent);
    }
  }

  .bg-\[var\(--background\)\] {
    background-color: var(--background);
  }

  .bg-aae-captured {
    background-color: var(--aae-captured);
  }

  .bg-aae-captured-bg {
    background-color: var(--aae-captured-bg);
  }

  .bg-aae-charge-neg-bg {
    background-color: var(--aae-charge-neg-bg);
  }

  .bg-aae-charge-pos-bg {
    background-color: var(--aae-charge-pos-bg);
  }

  .bg-aae-charge-pos-bg\/30 {
    background-color: var(--aae-charge-pos-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-aae-charge-pos-bg\/30 {
      background-color: color-mix(in oklab, var(--aae-charge-pos-bg) 30%, transparent);
    }
  }

  .bg-aae-charge-zero-bg {
    background-color: var(--aae-charge-zero-bg);
  }

  .bg-aae-family-aromatic {
    background-color: var(--aae-family-aromatic);
  }

  .bg-aae-family-aromatic-bg {
    background-color: var(--aae-family-aromatic-bg);
  }

  .bg-aae-family-negative {
    background-color: var(--aae-family-negative);
  }

  .bg-aae-family-negative-bg {
    background-color: var(--aae-family-negative-bg);
  }

  .bg-aae-family-nonpolar {
    background-color: var(--aae-family-nonpolar);
  }

  .bg-aae-family-nonpolar-bg {
    background-color: var(--aae-family-nonpolar-bg);
  }

  .bg-aae-family-polar {
    background-color: var(--aae-family-polar);
  }

  .bg-aae-family-polar-bg {
    background-color: var(--aae-family-polar-bg);
  }

  .bg-aae-family-positive {
    background-color: var(--aae-family-positive);
  }

  .bg-aae-family-positive-bg {
    background-color: var(--aae-family-positive-bg);
  }

  .bg-aae-family-special {
    background-color: var(--aae-family-special);
  }

  .bg-aae-family-special-bg {
    background-color: var(--aae-family-special-bg);
  }

  .bg-aae-pi-gold {
    background-color: var(--aae-pi-gold);
  }

  .bg-aae-uncaptured {
    background-color: var(--aae-uncaptured);
  }

  .bg-badge-calc-bg {
    background-color: var(--badge-calc-bg);
  }

  .bg-badge-guided-bg {
    background-color: var(--badge-guided-bg);
  }

  .bg-badge-interactive-bg {
    background-color: var(--badge-interactive-bg);
  }

  .bg-badge-quiz-bg {
    background-color: var(--badge-quiz-bg);
  }

  .bg-badge-ref-bg {
    background-color: var(--badge-ref-bg);
  }

  .bg-badge-sim-bg {
    background-color: var(--badge-sim-bg);
  }

  .bg-bl-base-bg {
    background-color: var(--bl-base-bg);
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/35 {
    background-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/35 {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/55 {
    background-color: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/55 {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-border-card {
    background-color: var(--border-card);
  }

  .bg-border-default {
    background-color: var(--border);
  }

  .bg-border-default\/40 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border-default\/40 {
      background-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .bg-border-default\/50 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border-default\/50 {
      background-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .bg-border-default\/60 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border-default\/60 {
      background-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .bg-border-input {
    background-color: var(--border-input);
  }

  .bg-border-subtle {
    background-color: var(--border-subtle);
  }

  .bg-brand {
    background-color: var(--brand);
  }

  .bg-brand-accent {
    background-color: var(--brand-accent);
  }

  .bg-brand-accent\/10 {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-accent\/10 {
      background-color: color-mix(in oklab, var(--brand-accent) 10%, transparent);
    }
  }

  .bg-brand-accent\/15 {
    background-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-accent\/15 {
      background-color: color-mix(in oklab, var(--brand-accent) 15%, transparent);
    }
  }

  .bg-brand-light {
    background-color: var(--brand-light);
  }

  .bg-brand-light\/30 {
    background-color: var(--brand-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-light\/30 {
      background-color: color-mix(in oklab, var(--brand-light) 30%, transparent);
    }
  }

  .bg-brand-light\/40 {
    background-color: var(--brand-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-light\/40 {
      background-color: color-mix(in oklab, var(--brand-light) 40%, transparent);
    }
  }

  .bg-brand-light\/50 {
    background-color: var(--brand-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-light\/50 {
      background-color: color-mix(in oklab, var(--brand-light) 50%, transparent);
    }
  }

  .bg-brand-light\/60 {
    background-color: var(--brand-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-light\/60 {
      background-color: color-mix(in oklab, var(--brand-light) 60%, transparent);
    }
  }

  .bg-brand-muted {
    background-color: var(--brand-muted);
  }

  .bg-brand\/5 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/5 {
      background-color: color-mix(in oklab, var(--brand) 5%, transparent);
    }
  }

  .bg-brand\/8 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/8 {
      background-color: color-mix(in oklab, var(--brand) 8%, transparent);
    }
  }

  .bg-brand\/10 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/10 {
      background-color: color-mix(in oklab, var(--brand) 10%, transparent);
    }
  }

  .bg-brand\/15 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/15 {
      background-color: color-mix(in oklab, var(--brand) 15%, transparent);
    }
  }

  .bg-brand\/30 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/30 {
      background-color: color-mix(in oklab, var(--brand) 30%, transparent);
    }
  }

  .bg-brand\/70 {
    background-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand\/70 {
      background-color: color-mix(in oklab, var(--brand) 70%, transparent);
    }
  }

  .bg-cfs-high-active-bg {
    background-color: var(--cfs-high-active-bg);
  }

  .bg-cfs-high-bg {
    background-color: var(--cfs-high-bg);
  }

  .bg-cfs-ligand-active-bg {
    background-color: var(--cfs-ligand-active-bg);
  }

  .bg-cfs-low-active-bg {
    background-color: var(--cfs-low-active-bg);
  }

  .bg-cfs-low-bg {
    background-color: var(--cfs-low-bg);
  }

  .bg-char-cave-light {
    background-color: var(--char-cave-light);
  }

  .bg-char-glados-light {
    background-color: var(--char-glados-light);
  }

  .bg-char-wheatley-light {
    background-color: var(--char-wheatley-light);
  }

  .bg-cp-acid-bg {
    background-color: var(--cp-acid-bg);
  }

  .bg-cp-acid-bg-light {
    background-color: var(--cp-acid-bg-light);
  }

  .bg-cp-base-bg {
    background-color: var(--cp-base-bg);
  }

  .bg-cp-base-bg-light {
    background-color: var(--cp-base-bg-light);
  }

  .bg-cp-pair1-bg {
    background-color: var(--cp-pair1-bg);
  }

  .bg-cp-pair1-dot {
    background-color: var(--cp-pair1-dot);
  }

  .bg-cp-pair2-bg {
    background-color: var(--cp-pair2-bg);
  }

  .bg-cp-pair2-dot {
    background-color: var(--cp-pair2-dot);
  }

  .bg-cryst-atom-default {
    background-color: var(--cryst-atom-default);
  }

  .bg-cryst-atom-ghost {
    background-color: var(--cryst-atom-ghost);
  }

  .bg-cryst-atom-ghost\/20 {
    background-color: var(--cryst-atom-ghost);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-atom-ghost\/20 {
      background-color: color-mix(in oklab, var(--cryst-atom-ghost) 20%, transparent);
    }
  }

  .bg-cryst-atom-ghost\/30 {
    background-color: var(--cryst-atom-ghost);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-atom-ghost\/30 {
      background-color: color-mix(in oklab, var(--cryst-atom-ghost) 30%, transparent);
    }
  }

  .bg-cryst-atom-ghost\/50 {
    background-color: var(--cryst-atom-ghost);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-atom-ghost\/50 {
      background-color: color-mix(in oklab, var(--cryst-atom-ghost) 50%, transparent);
    }
  }

  .bg-cryst-bg {
    background-color: var(--cryst-bg);
  }

  .bg-cryst-bg\/90 {
    background-color: var(--cryst-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-bg\/90 {
      background-color: color-mix(in oklab, var(--cryst-bg) 90%, transparent);
    }
  }

  .bg-cryst-claimed-bg {
    background-color: var(--cryst-claimed-bg);
  }

  .bg-cryst-claimed-bg\/30 {
    background-color: var(--cryst-claimed-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-claimed-bg\/30 {
      background-color: color-mix(in oklab, var(--cryst-claimed-bg) 30%, transparent);
    }
  }

  .bg-cryst-claimed-bg\/40 {
    background-color: var(--cryst-claimed-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-claimed-bg\/40 {
      background-color: color-mix(in oklab, var(--cryst-claimed-bg) 40%, transparent);
    }
  }

  .bg-cryst-highlight {
    background-color: var(--cryst-highlight);
  }

  .bg-cryst-highlight-strong {
    background-color: var(--cryst-highlight-strong);
  }

  .bg-cryst-highlight\/10 {
    background-color: var(--cryst-highlight);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-highlight\/10 {
      background-color: color-mix(in oklab, var(--cryst-highlight) 10%, transparent);
    }
  }

  .bg-cryst-zone-gap\/50 {
    background-color: var(--cryst-zone-gap);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-zone-gap\/50 {
      background-color: color-mix(in oklab, var(--cryst-zone-gap) 50%, transparent);
    }
  }

  .bg-cryst-zone-overlap {
    background-color: var(--cryst-zone-overlap);
  }

  .bg-cryst-zone-overlap\/50 {
    background-color: var(--cryst-zone-overlap);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cryst-zone-overlap\/50 {
      background-color: color-mix(in oklab, var(--cryst-zone-overlap) 50%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-err-calculation-bg {
    background-color: var(--err-calculation-bg);
  }

  .bg-err-conceptual-bg {
    background-color: var(--err-conceptual-bg);
  }

  .bg-err-data-bg {
    background-color: var(--err-data-bg);
  }

  .bg-err-factual-bg {
    background-color: var(--err-factual-bg);
  }

  .bg-err-formula-bg {
    background-color: var(--err-formula-bg);
  }

  .bg-err-incomplete-bg {
    background-color: var(--err-incomplete-bg);
  }

  .bg-err-logic-bg {
    background-color: var(--err-logic-bg);
  }

  .bg-err-other-bg {
    background-color: var(--err-other-bg);
  }

  .bg-err-procedure-bg {
    background-color: var(--err-procedure-bg);
  }

  .bg-err-unit-bg {
    background-color: var(--err-unit-bg);
  }

  .bg-error {
    background-color: var(--error);
  }

  .bg-error-fg {
    background-color: var(--error-fg);
  }

  .bg-error-fg\/15 {
    background-color: var(--error-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-fg\/15 {
      background-color: color-mix(in oklab, var(--error-fg) 15%, transparent);
    }
  }

  .bg-error-light {
    background-color: var(--error-light);
  }

  .bg-error-light\/40 {
    background-color: var(--error-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-light\/40 {
      background-color: color-mix(in oklab, var(--error-light) 40%, transparent);
    }
  }

  .bg-error-light\/50 {
    background-color: var(--error-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-light\/50 {
      background-color: color-mix(in oklab, var(--error-light) 50%, transparent);
    }
  }

  .bg-error-light\/60 {
    background-color: var(--error-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-light\/60 {
      background-color: color-mix(in oklab, var(--error-light) 60%, transparent);
    }
  }

  .bg-error-light\/70 {
    background-color: var(--error-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-light\/70 {
      background-color: color-mix(in oklab, var(--error-light) 70%, transparent);
    }
  }

  .bg-error-muted {
    background-color: var(--error-muted);
  }

  .bg-exam1-light {
    background-color: var(--exam1-light);
  }

  .bg-exam1\/10 {
    background-color: var(--exam1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-exam1\/10 {
      background-color: color-mix(in oklab, var(--exam1) 10%, transparent);
    }
  }

  .bg-exam2-light {
    background-color: var(--exam2-light);
  }

  .bg-exam2\/10 {
    background-color: var(--exam2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-exam2\/10 {
      background-color: color-mix(in oklab, var(--exam2) 10%, transparent);
    }
  }

  .bg-exam3-light {
    background-color: var(--exam3-light);
  }

  .bg-exam3\/10 {
    background-color: var(--exam3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-exam3\/10 {
      background-color: color-mix(in oklab, var(--exam3) 10%, transparent);
    }
  }

  .bg-exam4-light {
    background-color: var(--exam4-light);
  }

  .bg-exam4\/10 {
    background-color: var(--exam4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-exam4\/10 {
      background-color: color-mix(in oklab, var(--exam4) 10%, transparent);
    }
  }

  .bg-gem-tier1 {
    background-color: var(--gem-tier1);
  }

  .bg-gem-tier2 {
    background-color: var(--gem-tier2);
  }

  .bg-gem-tier3 {
    background-color: var(--gem-tier3);
  }

  .bg-icho-light {
    background-color: var(--icho-light);
  }

  .bg-inspector-molecule {
    background-color: var(--inspector-molecule);
  }

  .bg-inspector-table {
    background-color: var(--inspector-table);
  }

  .bg-ir-detail-bg {
    background-color: var(--ir-detail-bg);
  }

  .bg-ir-key-bg {
    background-color: var(--ir-key-bg);
  }

  .bg-kin-explorer\/5 {
    background-color: var(--kin-explorer);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-kin-explorer\/5 {
      background-color: color-mix(in oklab, var(--kin-explorer) 5%, transparent);
    }
  }

  .bg-kin-explorer\/10 {
    background-color: var(--kin-explorer);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-kin-explorer\/10 {
      background-color: color-mix(in oklab, var(--kin-explorer) 10%, transparent);
    }
  }

  .bg-kin-halflife\/5 {
    background-color: var(--kin-halflife);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-kin-halflife\/5 {
      background-color: color-mix(in oklab, var(--kin-halflife) 5%, transparent);
    }
  }

  .bg-kin-halflife\/10 {
    background-color: var(--kin-halflife);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-kin-halflife\/10 {
      background-color: color-mix(in oklab, var(--kin-halflife) 10%, transparent);
    }
  }

  .bg-ls-accent {
    background-color: var(--ls-accent);
  }

  .bg-ls-consequence-from {
    background-color: var(--ls-consequence-from);
  }

  .bg-ls-nfpa-flam {
    background-color: var(--ls-nfpa-flam);
  }

  .bg-ls-nfpa-health {
    background-color: var(--ls-nfpa-health);
  }

  .bg-ls-nfpa-react {
    background-color: var(--ls-nfpa-react);
  }

  .bg-ls-safe-bg {
    background-color: var(--ls-safe-bg);
  }

  .bg-mo-anti {
    background-color: var(--mo-anti);
  }

  .bg-mo-anti\/10 {
    background-color: var(--mo-anti);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-mo-anti\/10 {
      background-color: color-mix(in oklab, var(--mo-anti) 10%, transparent);
    }
  }

  .bg-mo-bond {
    background-color: var(--mo-bond);
  }

  .bg-mo-bond\/10 {
    background-color: var(--mo-bond);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-mo-bond\/10 {
      background-color: color-mix(in oklab, var(--mo-bond) 10%, transparent);
    }
  }

  .bg-mystery-light {
    background-color: var(--mystery-light);
  }

  .bg-overlay\/40 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/40 {
      background-color: color-mix(in oklab, var(--overlay) 40%, transparent);
    }
  }

  .bg-overlay\/50 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/50 {
      background-color: color-mix(in oklab, var(--overlay) 50%, transparent);
    }
  }

  .bg-overlay\/60 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/60 {
      background-color: color-mix(in oklab, var(--overlay) 60%, transparent);
    }
  }

  .bg-overlay\/70 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/70 {
      background-color: color-mix(in oklab, var(--overlay) 70%, transparent);
    }
  }

  .bg-overlay\/80 {
    background-color: var(--overlay);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-overlay\/80 {
      background-color: color-mix(in oklab, var(--overlay) 80%, transparent);
    }
  }

  .bg-part1 {
    background-color: var(--part1);
  }

  .bg-part1-light {
    background-color: var(--part1-light);
  }

  .bg-part2 {
    background-color: var(--part2);
  }

  .bg-part2-light {
    background-color: var(--part2-light);
  }

  .bg-part3 {
    background-color: var(--part3);
  }

  .bg-part3-light {
    background-color: var(--part3-light);
  }

  .bg-part4 {
    background-color: var(--part4);
  }

  .bg-part4-light {
    background-color: var(--part4-light);
  }

  .bg-pd-accent-light {
    background-color: var(--pd-accent-light);
  }

  .bg-poly-accent {
    background-color: var(--poly-accent);
  }

  .bg-poly-accent-soft {
    background-color: var(--poly-accent-soft);
  }

  .bg-poly-vp-bg {
    background-color: var(--poly-vp-bg);
  }

  .bg-ptable-actinide-bg {
    background-color: var(--ptable-actinide-bg);
  }

  .bg-ptable-alkali-bg {
    background-color: var(--ptable-alkali-bg);
  }

  .bg-ptable-alkaline-bg {
    background-color: var(--ptable-alkaline-bg);
  }

  .bg-ptable-halogen-bg {
    background-color: var(--ptable-halogen-bg);
  }

  .bg-ptable-lanthanide-bg {
    background-color: var(--ptable-lanthanide-bg);
  }

  .bg-ptable-metalloid-bg {
    background-color: var(--ptable-metalloid-bg);
  }

  .bg-ptable-noble-bg {
    background-color: var(--ptable-noble-bg);
  }

  .bg-ptable-nonmetal-bg {
    background-color: var(--ptable-nonmetal-bg);
  }

  .bg-ptable-post-bg {
    background-color: var(--ptable-post-bg);
  }

  .bg-ptable-transition-bg {
    background-color: var(--ptable-transition-bg);
  }

  .bg-ptable-unknown-bg {
    background-color: var(--ptable-unknown-bg);
  }

  .bg-rl-highlight-bg {
    background-color: var(--rl-highlight-bg);
  }

  .bg-scatter-fit-reference {
    background-color: var(--scatter-fit-reference);
  }

  .bg-scatter-fit-student {
    background-color: var(--scatter-fit-student);
  }

  .bg-score-high {
    background-color: var(--score-high);
  }

  .bg-score-high-light {
    background-color: var(--score-high-light);
  }

  .bg-score-high-muted {
    background-color: var(--score-high-muted);
  }

  .bg-score-low {
    background-color: var(--score-low);
  }

  .bg-score-low-light {
    background-color: var(--score-low-light);
  }

  .bg-score-low-muted {
    background-color: var(--score-low-muted);
  }

  .bg-score-mid {
    background-color: var(--score-mid);
  }

  .bg-score-mid-fg {
    background-color: var(--score-mid-fg);
  }

  .bg-score-mid-light {
    background-color: var(--score-mid-light);
  }

  .bg-score-mid-muted {
    background-color: var(--score-mid-muted);
  }

  .bg-sr-expert-plus-bg {
    background-color: var(--sr-expert-plus-bg);
  }

  .bg-sr-real {
    background-color: var(--sr-real);
  }

  .bg-sr-real-bg {
    background-color: var(--sr-real-bg);
  }

  .bg-success {
    background-color: var(--success);
  }

  .bg-success-fg {
    background-color: var(--success-fg);
  }

  .bg-success-light {
    background-color: var(--success-light);
  }

  .bg-success-light\/20 {
    background-color: var(--success-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-light\/20 {
      background-color: color-mix(in oklab, var(--success-light) 20%, transparent);
    }
  }

  .bg-success-light\/30 {
    background-color: var(--success-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-light\/30 {
      background-color: color-mix(in oklab, var(--success-light) 30%, transparent);
    }
  }

  .bg-success-light\/50 {
    background-color: var(--success-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-light\/50 {
      background-color: color-mix(in oklab, var(--success-light) 50%, transparent);
    }
  }

  .bg-success-muted {
    background-color: var(--success-muted);
  }

  .bg-surface {
    background-color: var(--surface);
  }

  .bg-surface-alt {
    background-color: var(--surface-alt);
  }

  .bg-surface-alt\/30 {
    background-color: var(--surface-alt);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-alt\/30 {
      background-color: color-mix(in oklab, var(--surface-alt) 30%, transparent);
    }
  }

  .bg-surface-alt\/40 {
    background-color: var(--surface-alt);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-alt\/40 {
      background-color: color-mix(in oklab, var(--surface-alt) 40%, transparent);
    }
  }

  .bg-surface-alt\/50 {
    background-color: var(--surface-alt);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-alt\/50 {
      background-color: color-mix(in oklab, var(--surface-alt) 50%, transparent);
    }
  }

  .bg-surface-alt\/60 {
    background-color: var(--surface-alt);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-alt\/60 {
      background-color: color-mix(in oklab, var(--surface-alt) 60%, transparent);
    }
  }

  .bg-surface-card {
    background-color: var(--surface-card);
  }

  .bg-surface-inset {
    background-color: var(--surface-inset);
  }

  .bg-surface-inset\/40 {
    background-color: var(--surface-inset);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-inset\/40 {
      background-color: color-mix(in oklab, var(--surface-inset) 40%, transparent);
    }
  }

  .bg-surface-inset\/60 {
    background-color: var(--surface-inset);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-inset\/60 {
      background-color: color-mix(in oklab, var(--surface-inset) 60%, transparent);
    }
  }

  .bg-surface-inset\/80 {
    background-color: var(--surface-inset);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-inset\/80 {
      background-color: color-mix(in oklab, var(--surface-inset) 80%, transparent);
    }
  }

  .bg-surface-inset\/85 {
    background-color: var(--surface-inset);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-inset\/85 {
      background-color: color-mix(in oklab, var(--surface-inset) 85%, transparent);
    }
  }

  .bg-surface-sunken {
    background-color: var(--surface-sunken);
  }

  .bg-surface\/40 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/40 {
      background-color: color-mix(in oklab, var(--surface) 40%, transparent);
    }
  }

  .bg-surface\/60 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/60 {
      background-color: color-mix(in oklab, var(--surface) 60%, transparent);
    }
  }

  .bg-surface\/80 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/80 {
      background-color: color-mix(in oklab, var(--surface) 80%, transparent);
    }
  }

  .bg-surface\/90 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/90 {
      background-color: color-mix(in oklab, var(--surface) 90%, transparent);
    }
  }

  .bg-surface\/95 {
    background-color: var(--surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/95 {
      background-color: color-mix(in oklab, var(--surface) 95%, transparent);
    }
  }

  .bg-synthesis-light {
    background-color: var(--synthesis-light);
  }

  .bg-text-body\/15 {
    background-color: var(--text-body);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-body\/15 {
      background-color: color-mix(in oklab, var(--text-body) 15%, transparent);
    }
  }

  .bg-text-caption {
    background-color: var(--text-caption);
  }

  .bg-text-caption\/15 {
    background-color: var(--text-caption);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-caption\/15 {
      background-color: color-mix(in oklab, var(--text-caption) 15%, transparent);
    }
  }

  .bg-text-caption\/20 {
    background-color: var(--text-caption);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-caption\/20 {
      background-color: color-mix(in oklab, var(--text-caption) 20%, transparent);
    }
  }

  .bg-text-caption\/30 {
    background-color: var(--text-caption);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-caption\/30 {
      background-color: color-mix(in oklab, var(--text-caption) 30%, transparent);
    }
  }

  .bg-text-caption\/40 {
    background-color: var(--text-caption);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-caption\/40 {
      background-color: color-mix(in oklab, var(--text-caption) 40%, transparent);
    }
  }

  .bg-text-heading {
    background-color: var(--text-heading);
  }

  .bg-text-heading\/30 {
    background-color: var(--text-heading);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-heading\/30 {
      background-color: color-mix(in oklab, var(--text-heading) 30%, transparent);
    }
  }

  .bg-text-inverse\/20 {
    background-color: var(--text-inverse);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-inverse\/20 {
      background-color: color-mix(in oklab, var(--text-inverse) 20%, transparent);
    }
  }

  .bg-text-muted {
    background-color: var(--text-muted);
  }

  .bg-titr-diamond-bg {
    background-color: var(--titr-diamond-bg);
  }

  .bg-titr-star-bg {
    background-color: var(--titr-star-bg);
  }

  .bg-toggle-knob {
    background-color: var(--toggle-knob);
  }

  .bg-tooltip {
    background-color: var(--tooltip);
  }

  .bg-topic-cross-topic-bg {
    background-color: var(--topic-cross-topic-bg);
  }

  .bg-topic-cross-topic-bg\/40 {
    background-color: var(--topic-cross-topic-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-topic-cross-topic-bg\/40 {
      background-color: color-mix(in oklab, var(--topic-cross-topic-bg) 40%, transparent);
    }
  }

  .bg-topic-organic {
    background-color: var(--topic-organic);
  }

  .bg-topic-organic-bg {
    background-color: var(--topic-organic-bg);
  }

  .bg-topic-qual-analysis {
    background-color: var(--topic-qual-analysis);
  }

  .bg-topic-qual-analysis-bg {
    background-color: var(--topic-qual-analysis-bg);
  }

  .bg-topic-quantum {
    background-color: var(--topic-quantum);
  }

  .bg-topic-quantum-bg {
    background-color: var(--topic-quantum-bg);
  }

  .bg-topic-quantum-bg\/50 {
    background-color: var(--topic-quantum-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-topic-quantum-bg\/50 {
      background-color: color-mix(in oklab, var(--topic-quantum-bg) 50%, transparent);
    }
  }

  .bg-topic-quantum\/60 {
    background-color: var(--topic-quantum);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-topic-quantum\/60 {
      background-color: color-mix(in oklab, var(--topic-quantum) 60%, transparent);
    }
  }

  .bg-topic-symmetry {
    background-color: var(--topic-symmetry);
  }

  .bg-topic-symmetry-bg {
    background-color: var(--topic-symmetry-bg);
  }

  .bg-topic-symmetry-bg\/40 {
    background-color: var(--topic-symmetry-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-topic-symmetry-bg\/40 {
      background-color: color-mix(in oklab, var(--topic-symmetry-bg) 40%, transparent);
    }
  }

  .bg-topic-symmetry-bg\/60 {
    background-color: var(--topic-symmetry-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-topic-symmetry-bg\/60 {
      background-color: color-mix(in oklab, var(--topic-symmetry-bg) 60%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-warning {
    background-color: var(--warning);
  }

  .bg-warning-fg {
    background-color: var(--warning-fg);
  }

  .bg-warning-fg\/15 {
    background-color: var(--warning-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-fg\/15 {
      background-color: color-mix(in oklab, var(--warning-fg) 15%, transparent);
    }
  }

  .bg-warning-light {
    background-color: var(--warning-light);
  }

  .bg-warning-light\/30 {
    background-color: var(--warning-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-light\/30 {
      background-color: color-mix(in oklab, var(--warning-light) 30%, transparent);
    }
  }

  .bg-warning-light\/40 {
    background-color: var(--warning-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-light\/40 {
      background-color: color-mix(in oklab, var(--warning-light) 40%, transparent);
    }
  }

  .bg-warning-light\/50 {
    background-color: var(--warning-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-light\/50 {
      background-color: color-mix(in oklab, var(--warning-light) 50%, transparent);
    }
  }

  .bg-warning-light\/60 {
    background-color: var(--warning-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-light\/60 {
      background-color: color-mix(in oklab, var(--warning-light) 60%, transparent);
    }
  }

  .bg-warning-light\/80 {
    background-color: var(--warning-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-light\/80 {
      background-color: color-mix(in oklab, var(--warning-light) 80%, transparent);
    }
  }

  .bg-warning-muted {
    background-color: var(--warning-muted);
  }

  .bg-warning\/10 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .bg-warning\/25 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/25 {
      background-color: color-mix(in oklab, var(--warning) 25%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/25 {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-white\/85 {
    background-color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/85 {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .bg-ww-card-bg {
    background-color: var(--ww-card-bg);
  }

  .bg-ww-collector-bg {
    background-color: var(--ww-collector-bg);
  }

  .bg-ww-collector-empty {
    background-color: var(--ww-collector-empty);
  }

  .bg-ww-scale-marker {
    background-color: var(--ww-scale-marker);
  }

  .bg-ww-wall-ok\/10 {
    background-color: var(--ww-wall-ok);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ww-wall-ok\/10 {
      background-color: color-mix(in oklab, var(--ww-wall-ok) 10%, transparent);
    }
  }

  .bg-ww-wall-shock {
    background-color: var(--ww-wall-shock);
  }

  .bg-ww-wall-shock\/10 {
    background-color: var(--ww-wall-shock);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-ww-wall-shock\/10 {
      background-color: color-mix(in oklab, var(--ww-wall-shock) 10%, transparent);
    }
  }

  .bg-zinc-950 {
    background-color: var(--color-zinc-950);
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-brand-light {
    --tw-gradient-from: var(--brand-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-cfs-props-from {
    --tw-gradient-from: var(--cfs-props-from);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-hero-from {
    --tw-gradient-from: var(--hero-from);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-part1-light\/40 {
    --tw-gradient-from: var(--part1-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-part1-light\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--part1-light) 40%, transparent);
    }
  }

  .from-part1-light\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-part2-light\/40 {
    --tw-gradient-from: var(--part2-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-part2-light\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--part2-light) 40%, transparent);
    }
  }

  .from-part2-light\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-part3-light\/40 {
    --tw-gradient-from: var(--part3-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-part3-light\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--part3-light) 40%, transparent);
    }
  }

  .from-part3-light\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-part4-light\/40 {
    --tw-gradient-from: var(--part4-light);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-part4-light\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--part4-light) 40%, transparent);
    }
  }

  .from-part4-light\/40 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-pd-calc-from {
    --tw-gradient-from: var(--pd-calc-from);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-hero-via {
    --tw-gradient-via: var(--hero-via);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-brand-muted {
    --tw-gradient-to: var(--brand-muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-cfs-props-to {
    --tw-gradient-to: var(--cfs-props-to);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-hero-to {
    --tw-gradient-to: var(--hero-to);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-pd-calc-to {
    --tw-gradient-to: var(--pd-calc-to);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .fill-\[var\(--rce-boltz\)\] {
    fill: var(--rce-boltz);
  }

  .fill-\[var\(--rce-catalyst\)\] {
    fill: var(--rce-catalyst);
  }

  .fill-\[var\(--rce-dh\)\] {
    fill: var(--rce-dh);
  }

  .fill-\[var\(--rce-ea\)\] {
    fill: var(--rce-ea);
  }

  .fill-\[var\(--rce-intermediate\)\] {
    fill: var(--rce-intermediate);
  }

  .fill-\[var\(--rce-product\)\] {
    fill: var(--rce-product);
  }

  .fill-\[var\(--rce-reactant\)\] {
    fill: var(--rce-reactant);
  }

  .fill-\[var\(--rce-ts\)\] {
    fill: var(--rce-ts);
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-none {
    fill: none;
  }

  .fill-scatter-fit-student\/40 {
    fill: var(--scatter-fit-student);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-scatter-fit-student\/40 {
      fill: color-mix(in oklab, var(--scatter-fit-student) 40%, transparent);
    }
  }

  .fill-scatter-point {
    fill: var(--scatter-point);
  }

  .fill-text-body {
    fill: var(--text-body);
  }

  .fill-text-caption {
    fill: var(--text-caption);
  }

  .fill-text-muted {
    fill: var(--text-muted);
  }

  .stroke-scatter-error-bar {
    stroke: var(--scatter-error-bar);
  }

  .stroke-scatter-fit-reference {
    stroke: var(--scatter-fit-reference);
  }

  .stroke-scatter-fit-student {
    stroke: var(--scatter-fit-student);
  }

  .stroke-scatter-grid {
    stroke: var(--scatter-grid);
  }

  .stroke-scatter-point-outlier {
    stroke: var(--scatter-point-outlier);
  }

  .stroke-text-body {
    stroke: var(--text-body);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-\[1px\] {
    padding-block: 1px;
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }

  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-\[calc\(40vh\+env\(safe-area-inset-bottom\,0px\)\)\] {
    padding-bottom: calc(40vh + env(safe-area-inset-bottom, 0px));
  }

  .pb-\[env\(safe-area-inset-bottom\,0px\)\] {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-\[calc\(3\*theme\(spacing\.2\)\+3\*theme\(spacing\[1\.5\]\)\+theme\(spacing\.px\)\)\] {
    padding-left: calc(2.625rem + 1px);
  }

  .\!text-left {
    text-align: left !important;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-display {
    font-family: var(--font-outfit);
  }

  .font-mono {
    font-family: var(--font-jetbrains-mono), "Segoe UI Symbol", "Apple Symbols", ui-monospace, monospace;
  }

  .font-sans {
    font-family: var(--font-geist-sans), "Segoe UI", system-ui, sans-serif;
  }

  .font-serif {
    font-family: var(--font-serif);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.65rem\] {
    font-size: .65rem;
  }

  .text-\[5\.5px\] {
    font-size: 5.5px;
  }

  .text-\[7\.5px\] {
    font-size: 7.5px;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8\.5px\] {
    font-size: 8.5px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }

  .leading-\[0\.92\] {
    --tw-leading: .92;
    line-height: .92;
  }

  .leading-\[0\.95\] {
    --tw-leading: .95;
    line-height: .95;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.24em\] {
    --tw-tracking: .24em;
    letter-spacing: .24em;
  }

  .tracking-\[0\.25em\] {
    --tw-tracking: .25em;
    letter-spacing: .25em;
  }

  .tracking-\[0\.28em\] {
    --tw-tracking: .28em;
    letter-spacing: .28em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[color\:var\(--gem-tier1\)\] {
    color: var(--gem-tier1);
  }

  .text-\[color\:var\(--gem-tier2\)\] {
    color: var(--gem-tier2);
  }

  .text-\[color\:var\(--gem-tier3\)\] {
    color: var(--gem-tier3);
  }

  .text-\[var\(--osm-membrane\)\] {
    color: var(--osm-membrane);
  }

  .text-\[var\(--rce-ts\)\] {
    color: var(--rce-ts);
  }

  .text-aae-captured {
    color: var(--aae-captured);
  }

  .text-aae-charge-neg {
    color: var(--aae-charge-neg);
  }

  .text-aae-charge-pos {
    color: var(--aae-charge-pos);
  }

  .text-aae-charge-zero {
    color: var(--aae-charge-zero);
  }

  .text-aae-family-aromatic {
    color: var(--aae-family-aromatic);
  }

  .text-aae-family-negative {
    color: var(--aae-family-negative);
  }

  .text-aae-family-nonpolar {
    color: var(--aae-family-nonpolar);
  }

  .text-aae-family-polar {
    color: var(--aae-family-polar);
  }

  .text-aae-family-positive {
    color: var(--aae-family-positive);
  }

  .text-aae-family-special {
    color: var(--aae-family-special);
  }

  .text-aae-pi-gold {
    color: var(--aae-pi-gold);
  }

  .text-badge-calc-text {
    color: var(--badge-calc-text);
  }

  .text-badge-guided-text {
    color: var(--badge-guided-text);
  }

  .text-badge-interactive-text {
    color: var(--badge-interactive-text);
  }

  .text-badge-quiz-text {
    color: var(--badge-quiz-text);
  }

  .text-badge-ref-text {
    color: var(--badge-ref-text);
  }

  .text-badge-sim-text {
    color: var(--badge-sim-text);
  }

  .text-bl-base {
    color: var(--bl-base);
  }

  .text-border-default {
    color: var(--border);
  }

  .text-brand {
    color: var(--brand);
  }

  .text-brand-accent {
    color: var(--brand-accent);
  }

  .text-brand-fg {
    color: var(--brand-fg);
  }

  .text-cfs-accent-text {
    color: var(--cfs-accent-text);
  }

  .text-cfs-high-text {
    color: var(--cfs-high-text);
  }

  .text-cfs-ligand-active-text {
    color: var(--cfs-ligand-active-text);
  }

  .text-cfs-low-text {
    color: var(--cfs-low-text);
  }

  .text-cfs-warn {
    color: var(--cfs-warn);
  }

  .text-cp-acid-text {
    color: var(--cp-acid-text);
  }

  .text-cp-acid-text-light {
    color: var(--cp-acid-text-light);
  }

  .text-cp-base-text {
    color: var(--cp-base-text);
  }

  .text-cp-base-text-light {
    color: var(--cp-base-text-light);
  }

  .text-cp-pair1-text {
    color: var(--cp-pair1-text);
  }

  .text-cp-pair2-text {
    color: var(--cp-pair2-text);
  }

  .text-cp-streak-hot {
    color: var(--cp-streak-hot);
  }

  .text-cryst-atom-default {
    color: var(--cryst-atom-default);
  }

  .text-cryst-atom-dim {
    color: var(--cryst-atom-dim);
  }

  .text-cryst-claimed {
    color: var(--cryst-claimed);
  }

  .text-cryst-highlight {
    color: var(--cryst-highlight);
  }

  .text-cryst-highlight-strong {
    color: var(--cryst-highlight-strong);
  }

  .text-cryst-zone-overlap {
    color: var(--cryst-zone-overlap);
  }

  .text-current {
    color: currentColor;
  }

  .text-err-calculation-text {
    color: var(--err-calculation-text);
  }

  .text-err-conceptual-text {
    color: var(--err-conceptual-text);
  }

  .text-err-data-text {
    color: var(--err-data-text);
  }

  .text-err-factual-text {
    color: var(--err-factual-text);
  }

  .text-err-formula-text {
    color: var(--err-formula-text);
  }

  .text-err-incomplete-text {
    color: var(--err-incomplete-text);
  }

  .text-err-logic-text {
    color: var(--err-logic-text);
  }

  .text-err-other-text {
    color: var(--err-other-text);
  }

  .text-err-procedure-text {
    color: var(--err-procedure-text);
  }

  .text-err-unit-text {
    color: var(--err-unit-text);
  }

  .text-error {
    color: var(--error);
  }

  .text-error-fg {
    color: var(--error-fg);
  }

  .text-error-fg\/90 {
    color: var(--error-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-error-fg\/90 {
      color: color-mix(in oklab, var(--error-fg) 90%, transparent);
    }
  }

  .text-error-light {
    color: var(--error-light);
  }

  .text-exam1 {
    color: var(--exam1);
  }

  .text-exam1-border {
    color: var(--exam1-border);
  }

  .text-exam2 {
    color: var(--exam2);
  }

  .text-exam2-border {
    color: var(--exam2-border);
  }

  .text-exam3 {
    color: var(--exam3);
  }

  .text-exam3-border {
    color: var(--exam3-border);
  }

  .text-exam4 {
    color: var(--exam4);
  }

  .text-exam4-border {
    color: var(--exam4-border);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-heatmap-text-dark {
    color: var(--heatmap-text-dark);
  }

  .text-heatmap-text-light {
    color: var(--heatmap-text-light);
  }

  .text-hero-negative {
    color: var(--hero-text-negative);
  }

  .text-hero-positive {
    color: var(--hero-text-positive);
  }

  .text-icho {
    color: var(--icho);
  }

  .text-ir-incorrect {
    color: var(--ir-incorrect);
  }

  .text-ir-key-text {
    color: var(--ir-key-text);
  }

  .text-kin-explorer {
    color: var(--kin-explorer);
  }

  .text-kin-halflife {
    color: var(--kin-halflife);
  }

  .text-ls-accent {
    color: var(--ls-accent);
  }

  .text-ls-consequence-text {
    color: var(--ls-consequence-text);
  }

  .text-ls-safe-text {
    color: var(--ls-safe-text);
  }

  .text-ls-streak-hot {
    color: var(--ls-streak-hot);
  }

  .text-mo-anti {
    color: var(--mo-anti);
  }

  .text-mo-bond {
    color: var(--mo-bond);
  }

  .text-mo-gold-fg {
    color: var(--mo-gold-fg);
  }

  .text-mo-nonbond {
    color: var(--mo-nonbond);
  }

  .text-mystery-fg {
    color: var(--mystery-fg);
  }

  .text-ngb-basin-marker {
    color: var(--ngb-basin-marker);
  }

  .text-ngb-slope-line {
    color: var(--ngb-slope-line);
  }

  .text-part1 {
    color: var(--part1);
  }

  .text-part1-border {
    color: var(--part1-border);
  }

  .text-part1\/70 {
    color: var(--part1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-part1\/70 {
      color: color-mix(in oklab, var(--part1) 70%, transparent);
    }
  }

  .text-part2 {
    color: var(--part2);
  }

  .text-part2-border {
    color: var(--part2-border);
  }

  .text-part2\/70 {
    color: var(--part2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-part2\/70 {
      color: color-mix(in oklab, var(--part2) 70%, transparent);
    }
  }

  .text-part3 {
    color: var(--part3);
  }

  .text-part3-border {
    color: var(--part3-border);
  }

  .text-part3\/70 {
    color: var(--part3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-part3\/70 {
      color: color-mix(in oklab, var(--part3) 70%, transparent);
    }
  }

  .text-part4 {
    color: var(--part4);
  }

  .text-part4-border {
    color: var(--part4-border);
  }

  .text-part4\/70 {
    color: var(--part4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-part4\/70 {
      color: color-mix(in oklab, var(--part4) 70%, transparent);
    }
  }

  .text-pd-accent-text {
    color: var(--pd-accent-text);
  }

  .text-pd-boil-text {
    color: var(--pd-boil-text);
  }

  .text-pd-freeze-text {
    color: var(--pd-freeze-text);
  }

  .text-poly-accent {
    color: var(--poly-accent);
  }

  .text-poly-dent {
    color: var(--poly-dent);
  }

  .text-poly-flow {
    color: var(--poly-flow);
  }

  .text-poly-scale-label {
    color: var(--poly-scale-label);
  }

  .text-poly-state-brittle {
    color: var(--poly-state-brittle);
  }

  .text-poly-state-crosslinked-network {
    color: var(--poly-state-crosslinked-network);
  }

  .text-poly-state-elastomer {
    color: var(--poly-state-elastomer);
  }

  .text-poly-state-flow {
    color: var(--poly-state-flow);
  }

  .text-poly-state-glassy {
    color: var(--poly-state-glassy);
  }

  .text-poly-state-rubbery {
    color: var(--poly-state-rubbery);
  }

  .text-ptable-actinide-text {
    color: var(--ptable-actinide-text);
  }

  .text-ptable-alkali-text {
    color: var(--ptable-alkali-text);
  }

  .text-ptable-alkaline-text {
    color: var(--ptable-alkaline-text);
  }

  .text-ptable-halogen-text {
    color: var(--ptable-halogen-text);
  }

  .text-ptable-lanthanide-text {
    color: var(--ptable-lanthanide-text);
  }

  .text-ptable-metalloid-text {
    color: var(--ptable-metalloid-text);
  }

  .text-ptable-noble-text {
    color: var(--ptable-noble-text);
  }

  .text-ptable-nonmetal-text {
    color: var(--ptable-nonmetal-text);
  }

  .text-ptable-post-text {
    color: var(--ptable-post-text);
  }

  .text-ptable-transition-text {
    color: var(--ptable-transition-text);
  }

  .text-ptable-unknown-text {
    color: var(--ptable-unknown-text);
  }

  .text-qwell-density {
    color: var(--qwell-density);
  }

  .text-qwell-psi-positive {
    color: var(--qwell-psi-positive);
  }

  .text-qwell-string-amplitude {
    color: var(--qwell-string-amplitude);
  }

  .text-ref-highlight {
    color: var(--ref-highlight);
  }

  .text-rl-complete-text {
    color: var(--rl-complete-text);
  }

  .text-score-high {
    color: var(--score-high);
  }

  .text-score-high-fg {
    color: var(--score-high-fg);
  }

  .text-score-low {
    color: var(--score-low);
  }

  .text-score-low-fg {
    color: var(--score-low-fg);
  }

  .text-score-mid {
    color: var(--score-mid);
  }

  .text-score-mid-fg {
    color: var(--score-mid-fg);
  }

  .text-sr-expert-plus {
    color: var(--sr-expert-plus);
  }

  .text-sr-real {
    color: var(--sr-real);
  }

  .text-success {
    color: var(--success);
  }

  .text-success-fg {
    color: var(--success-fg);
  }

  .text-surface {
    color: var(--surface);
  }

  .text-surface-inset {
    color: var(--surface-inset);
  }

  .text-synthesis-fg {
    color: var(--synthesis-fg);
  }

  .text-text-body {
    color: var(--text-body);
  }

  .text-text-caption {
    color: var(--text-caption);
  }

  .text-text-caption\/50 {
    color: var(--text-caption);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-caption\/50 {
      color: color-mix(in oklab, var(--text-caption) 50%, transparent);
    }
  }

  .text-text-caption\/60 {
    color: var(--text-caption);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-caption\/60 {
      color: color-mix(in oklab, var(--text-caption) 60%, transparent);
    }
  }

  .text-text-heading {
    color: var(--text-heading);
  }

  .text-text-inverse {
    color: var(--text-inverse);
  }

  .text-text-inverse\/70 {
    color: var(--text-inverse);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-inverse\/70 {
      color: color-mix(in oklab, var(--text-inverse) 70%, transparent);
    }
  }

  .text-text-muted {
    color: var(--text-muted);
  }

  .text-text-muted\/35 {
    color: var(--text-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-muted\/35 {
      color: color-mix(in oklab, var(--text-muted) 35%, transparent);
    }
  }

  .text-text-muted\/50 {
    color: var(--text-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-muted\/50 {
      color: color-mix(in oklab, var(--text-muted) 50%, transparent);
    }
  }

  .text-text-muted\/70 {
    color: var(--text-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-muted\/70 {
      color: color-mix(in oklab, var(--text-muted) 70%, transparent);
    }
  }

  .text-text-muted\/80 {
    color: var(--text-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-text-muted\/80 {
      color: color-mix(in oklab, var(--text-muted) 80%, transparent);
    }
  }

  .text-topic-cross-topic {
    color: var(--topic-cross-topic);
  }

  .text-topic-organic {
    color: var(--topic-organic);
  }

  .text-topic-qual-analysis {
    color: var(--topic-qual-analysis);
  }

  .text-topic-quantum {
    color: var(--topic-quantum);
  }

  .text-topic-symmetry {
    color: var(--topic-symmetry);
  }

  .text-transparent {
    color: #0000;
  }

  .text-warning {
    color: var(--warning);
  }

  .text-warning-fg {
    color: var(--warning-fg);
  }

  .text-warning-fg\/60 {
    color: var(--warning-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-fg\/60 {
      color: color-mix(in oklab, var(--warning-fg) 60%, transparent);
    }
  }

  .text-warning-fg\/70 {
    color: var(--warning-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-fg\/70 {
      color: color-mix(in oklab, var(--warning-fg) 70%, transparent);
    }
  }

  .text-warning-fg\/80 {
    color: var(--warning-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-fg\/80 {
      color: color-mix(in oklab, var(--warning-fg) 80%, transparent);
    }
  }

  .text-warning-fg\/90 {
    color: var(--warning-fg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-warning-fg\/90 {
      color: color-mix(in oklab, var(--warning-fg) 90%, transparent);
    }
  }

  .text-warning-light {
    color: var(--warning-light);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/35 {
    color: #ffffff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/35 {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/50 {
    color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/50 {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .text-white\/55 {
    color: #ffffff8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/65 {
    color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/72 {
    color: #ffffffb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/72 {
      color: color-mix(in oklab, var(--color-white) 72%, transparent);
    }
  }

  .text-white\/75 {
    color: #ffffffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }

  .text-white\/78 {
    color: #ffffffc7;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/78 {
      color: color-mix(in oklab, var(--color-white) 78%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/82 {
    color: #ffffffd1;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/82 {
      color: color-mix(in oklab, var(--color-white) 82%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .text-ww-wall-ok {
    color: var(--ww-wall-ok);
  }

  .text-ww-wall-shock {
    color: var(--ww-wall-shock);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-brand-accent\/40 {
    -webkit-text-decoration-color: var(--brand-accent);
    text-decoration-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-brand-accent\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--brand-accent) 40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--brand-accent) 40%, transparent);
    }
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .accent-\[color\:var\(--cryst-highlight\)\] {
    accent-color: var(--cryst-highlight);
  }

  .accent-\[var\(--brand\)\] {
    accent-color: var(--brand);
  }

  .accent-\[var\(--brand-accent\)\] {
    accent-color: var(--brand-accent);
  }

  .accent-\[var\(--osm-membrane\)\] {
    accent-color: var(--osm-membrane);
  }

  .accent-\[var\(--osm-piston\)\] {
    accent-color: var(--osm-piston);
  }

  .accent-\[var\(--osm-water\)\] {
    accent-color: var(--osm-water);
  }

  .accent-\[var\(--rce-boltz\)\] {
    accent-color: var(--rce-boltz);
  }

  .accent-\[var\(--rce-catalyst\)\] {
    accent-color: var(--rce-catalyst);
  }

  .accent-\[var\(--rce-ea\)\] {
    accent-color: var(--rce-ea);
  }

  .accent-\[var\(--topic-organic\)\] {
    accent-color: var(--topic-organic);
  }

  .accent-brand {
    accent-color: var(--brand);
  }

  .accent-brand-accent {
    accent-color: var(--brand-accent);
  }

  .accent-cryst-highlight-strong {
    accent-color: var(--cryst-highlight-strong);
  }

  .accent-error {
    accent-color: var(--error);
  }

  .accent-pd-accent {
    accent-color: var(--pd-accent);
  }

  .accent-poly-accent {
    accent-color: var(--poly-accent);
  }

  .accent-topic-quantum {
    accent-color: var(--topic-quantum);
  }

  .\[color-scheme\:light\] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-85 {
    opacity: .85;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[0\.04\] {
    opacity: .04;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[-6px_0_20px_-6px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: -6px 0 20px -6px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_-10px_20px_-14px_rgba\(0\,0\,0\,0\.22\)\] {
    --tw-shadow: 0 -10px 20px -14px var(--tw-shadow-color, #00000038);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_var\(--cryst-atom-ghost\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--cryst-atom-ghost));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.02\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #00000005);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-aae-pi-gold {
    --tw-ring-color: var(--aae-pi-gold);
  }

  .ring-border-default {
    --tw-ring-color: var(--border);
  }

  .ring-border-subtle {
    --tw-ring-color: var(--border-subtle);
  }

  .ring-brand {
    --tw-ring-color: var(--brand);
  }

  .ring-brand-accent {
    --tw-ring-color: var(--brand-accent);
  }

  .ring-brand-accent\/40 {
    --tw-ring-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand-accent\/40 {
      --tw-ring-color: color-mix(in oklab, var(--brand-accent) 40%, transparent);
    }
  }

  .ring-brand-border {
    --tw-ring-color: var(--brand-border);
  }

  .ring-brand\/30 {
    --tw-ring-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand\/30 {
      --tw-ring-color: color-mix(in oklab, var(--brand) 30%, transparent);
    }
  }

  .ring-brand\/40 {
    --tw-ring-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand\/40 {
      --tw-ring-color: color-mix(in oklab, var(--brand) 40%, transparent);
    }
  }

  .ring-char-cave-ring {
    --tw-ring-color: var(--char-cave-ring);
  }

  .ring-char-glados-ring {
    --tw-ring-color: var(--char-glados-ring);
  }

  .ring-char-wheatley-ring {
    --tw-ring-color: var(--char-wheatley-ring);
  }

  .ring-cryst-highlight-strong {
    --tw-ring-color: var(--cryst-highlight-strong);
  }

  .ring-cryst-highlight\/50 {
    --tw-ring-color: var(--cryst-highlight);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-cryst-highlight\/50 {
      --tw-ring-color: color-mix(in oklab, var(--cryst-highlight) 50%, transparent);
    }
  }

  .ring-cryst-highlight\/60 {
    --tw-ring-color: var(--cryst-highlight);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-cryst-highlight\/60 {
      --tw-ring-color: color-mix(in oklab, var(--cryst-highlight) 60%, transparent);
    }
  }

  .ring-current {
    --tw-ring-color: currentcolor;
  }

  .ring-error {
    --tw-ring-color: var(--error);
  }

  .ring-error-border {
    --tw-ring-color: var(--error-border);
  }

  .ring-success {
    --tw-ring-color: var(--success);
  }

  .ring-success-border {
    --tw-ring-color: var(--success-border);
  }

  .ring-topic-qual-analysis {
    --tw-ring-color: var(--topic-qual-analysis);
  }

  .ring-topic-quantum\/40 {
    --tw-ring-color: var(--topic-quantum);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-topic-quantum\/40 {
      --tw-ring-color: color-mix(in oklab, var(--topic-quantum) 40%, transparent);
    }
  }

  .ring-topic-symmetry {
    --tw-ring-color: var(--topic-symmetry);
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .ring-offset-surface {
    --tw-ring-offset-color: var(--surface);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .outline-brand {
    outline-color: var(--brand);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[6px\] {
    --tw-blur: blur(6px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .\!filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background\,box-shadow\] {
    transition-property: background, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\,transform\] {
    transition-property: background-color, border-color, box-shadow, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,box-shadow\,border-color\,opacity\] {
    transition-property: transform, box-shadow, border-color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,background-color\] {
    transition-property: width, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-180 {
    --tw-duration: .18s;
    transition-duration: .18s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-400 {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[180ms\] {
    --tw-duration: .18s;
    transition-duration: .18s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[aae\:storage\] {
    aae: storage;
  }

  .\[atom\:n\] {
    atom: n;
  }

  .\[boot\:error\] {
    boot: error;
  }

  .\[boot\:info\] {
    boot: info;
  }

  .\[boot\:telemetry\] {
    boot: telemetry;
  }

  .\[boot\:warn\] {
    boot: warn;
  }

  .\[check\:warn\] {
    check: warn;
  }

  .\[dev\:fresh\] {
    dev: fresh;
  }

  .\[dev\:reap\] {
    dev: reap;
  }

  .\[exam\:warn\] {
    exam: warn;
  }

  .\[generate\:fallback\] {
    generate: fallback;
  }

  .\[mindat\:info\] {
    mindat: info;
  }

  .\[mindat\:warn\] {
    mindat: warn;
  }

  .\[wikimedia\:warn\] {
    wikimedia: warn;
  }

  .backface-hidden {
    backface-visibility: hidden;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:border-text-muted:is(:where(.group):hover *) {
      border-color: var(--text-muted);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-brand:is(:where(.group):hover *) {
      background-color: var(--brand);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-brand:is(:where(.group):hover *) {
      color: var(--brand);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-exam1:is(:where(.group):hover *) {
      color: var(--exam1);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-exam2:is(:where(.group):hover *) {
      color: var(--exam2);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-exam3:is(:where(.group):hover *) {
      color: var(--exam3);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-exam4:is(:where(.group):hover *) {
      color: var(--exam4);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-part1:is(:where(.group):hover *) {
      color: var(--part1);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-part2:is(:where(.group):hover *) {
      color: var(--part2);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-part3:is(:where(.group):hover *) {
      color: var(--part3);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-part4:is(:where(.group):hover *) {
      color: var(--part4);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-text-body:is(:where(.group):hover *) {
      color: var(--text-body);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: .6;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\:ring-2:is(:where(.group):hover *) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .group-hover\:ring-brand\/30:is(:where(.group):hover *) {
      --tw-ring-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:ring-brand\/30:is(:where(.group):hover *) {
        --tw-ring-color: color-mix(in oklab, var(--brand) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:brightness-110:is(:where(.group):hover *) {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (hover: hover) {
    .group-hover\/gem\:translate-x-0\.5:is(:where(.group\/gem):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .group-active\:bg-brand:is(:where(.group):active *) {
    background-color: var(--brand);
  }

  @media (hover: hover) {
    .group-enabled\:group-hover\:-translate-x-0\.5:is(:where(.group):enabled *):is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-enabled\:group-hover\:translate-x-0\.5:is(:where(.group):enabled *):is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  .marker\:text-text-caption ::marker {
    color: var(--text-caption);
  }

  .marker\:text-text-caption::marker {
    color: var(--text-caption);
  }

  .marker\:text-text-caption ::-webkit-details-marker {
    color: var(--text-caption);
  }

  .marker\:text-text-caption::-webkit-details-marker {
    color: var(--text-caption);
  }

  .placeholder\:text-text-caption::placeholder {
    color: var(--text-caption);
  }

  .placeholder\:text-text-muted::placeholder {
    color: var(--text-muted);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-\[1px\]:hover {
      --tw-translate-y: calc(1px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.04\]:hover {
      scale: 1.04;
    }
  }

  @media (hover: hover) {
    .hover\:scale-\[1\.05\]:hover {
      scale: 1.05;
    }
  }

  @media (hover: hover) {
    .hover\:border-aae-hover:hover {
      border-color: var(--aae-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-aae-pi-gold:hover {
      border-color: var(--aae-pi-gold);
    }
  }

  @media (hover: hover) {
    .hover\:border-border-default:hover {
      border-color: var(--border);
    }
  }

  @media (hover: hover) {
    .hover\:border-border-input:hover {
      border-color: var(--border-input);
    }
  }

  @media (hover: hover) {
    .hover\:border-border-strong:hover {
      border-color: var(--border-strong);
    }
  }

  @media (hover: hover) {
    .hover\:border-brand:hover {
      border-color: var(--brand);
    }
  }

  @media (hover: hover) {
    .hover\:border-brand-accent:hover {
      border-color: var(--brand-accent);
    }
  }

  @media (hover: hover) {
    .hover\:border-brand-border:hover {
      border-color: var(--brand-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-brand\/45:hover {
      border-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/45:hover {
        border-color: color-mix(in oklab, var(--brand) 45%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-brand\/50:hover {
      border-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-brand\/50:hover {
        border-color: color-mix(in oklab, var(--brand) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-cryst-highlight:hover {
      border-color: var(--cryst-highlight);
    }
  }

  @media (hover: hover) {
    .hover\:border-error-border:hover {
      border-color: var(--error-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-exam1-border:hover {
      border-color: var(--exam1-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-exam2-border:hover {
      border-color: var(--exam2-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-exam3-border:hover {
      border-color: var(--exam3-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-exam4-border:hover {
      border-color: var(--exam4-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-ir-card-active-border:hover {
      border-color: var(--ir-card-active-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-kin-explorer:hover {
      border-color: var(--kin-explorer);
    }
  }

  @media (hover: hover) {
    .hover\:border-kin-halflife:hover {
      border-color: var(--kin-halflife);
    }
  }

  @media (hover: hover) {
    .hover\:border-ls-accent\/30:hover {
      border-color: var(--ls-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-ls-accent\/30:hover {
        border-color: color-mix(in oklab, var(--ls-accent) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-ls-accent\/40:hover {
      border-color: var(--ls-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-ls-accent\/40:hover {
        border-color: color-mix(in oklab, var(--ls-accent) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-part1:hover {
      border-color: var(--part1);
    }
  }

  @media (hover: hover) {
    .hover\:border-part1-border:hover {
      border-color: var(--part1-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-part1-border\/60:hover {
      border-color: var(--part1-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-part1-border\/60:hover {
        border-color: color-mix(in oklab, var(--part1-border) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-part2:hover {
      border-color: var(--part2);
    }
  }

  @media (hover: hover) {
    .hover\:border-part2-border:hover {
      border-color: var(--part2-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-part2-border\/60:hover {
      border-color: var(--part2-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-part2-border\/60:hover {
        border-color: color-mix(in oklab, var(--part2-border) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-part3:hover {
      border-color: var(--part3);
    }
  }

  @media (hover: hover) {
    .hover\:border-part3-border:hover {
      border-color: var(--part3-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-part3-border\/60:hover {
      border-color: var(--part3-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-part3-border\/60:hover {
        border-color: color-mix(in oklab, var(--part3-border) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-part4:hover {
      border-color: var(--part4);
    }
  }

  @media (hover: hover) {
    .hover\:border-part4-border:hover {
      border-color: var(--part4-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-part4-border\/60:hover {
      border-color: var(--part4-border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-part4-border\/60:hover {
        border-color: color-mix(in oklab, var(--part4-border) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-poly-accent:hover {
      border-color: var(--poly-accent);
    }
  }

  @media (hover: hover) {
    .hover\:border-sr-real:hover {
      border-color: var(--sr-real);
    }
  }

  @media (hover: hover) {
    .hover\:border-success-border:hover {
      border-color: var(--success-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-text-muted:hover {
      border-color: var(--text-muted);
    }
  }

  @media (hover: hover) {
    .hover\:border-topic-organic:hover {
      border-color: var(--topic-organic);
    }
  }

  @media (hover: hover) {
    .hover\:border-topic-quantum:hover {
      border-color: var(--topic-quantum);
    }
  }

  @media (hover: hover) {
    .hover\:border-topic-symmetry:hover {
      border-color: var(--topic-symmetry);
    }
  }

  @media (hover: hover) {
    .hover\:border-topic-symmetry-border:hover {
      border-color: var(--topic-symmetry-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-warning-border:hover {
      border-color: var(--warning-border);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_srgb\,var\(--brand\)_10\%\,transparent\)\]:hover {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--brand\)_10\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb, var(--brand) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-bl-base-bg\/80:hover {
      background-color: var(--bl-base-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bl-base-bg\/80:hover {
        background-color: color-mix(in oklab, var(--bl-base-bg) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-accent:hover {
      background-color: var(--brand-accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-border:hover {
      background-color: var(--brand-border);
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-hover:hover {
      background-color: var(--brand-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-light:hover {
      background-color: var(--brand-light);
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-light\/30:hover {
      background-color: var(--brand-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-light\/30:hover {
        background-color: color-mix(in oklab, var(--brand-light) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-light\/40:hover {
      background-color: var(--brand-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-light\/40:hover {
        background-color: color-mix(in oklab, var(--brand-light) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-light\/60:hover {
      background-color: var(--brand-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-light\/60:hover {
        background-color: color-mix(in oklab, var(--brand-light) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-light\/80:hover {
      background-color: var(--brand-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-light\/80:hover {
        background-color: color-mix(in oklab, var(--brand-light) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-muted:hover {
      background-color: var(--brand-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand-muted\/20:hover {
      background-color: var(--brand-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-muted\/20:hover {
        background-color: color-mix(in oklab, var(--brand-muted) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand\/8:hover {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/8:hover {
        background-color: color-mix(in oklab, var(--brand) 8%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand\/10:hover {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/10:hover {
        background-color: color-mix(in oklab, var(--brand) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand\/15:hover {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/15:hover {
        background-color: color-mix(in oklab, var(--brand) 15%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand\/50:hover {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/50:hover {
        background-color: color-mix(in oklab, var(--brand) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-brand\/90:hover {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand\/90:hover {
        background-color: color-mix(in oklab, var(--brand) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-cryst-atom-ghost:hover {
      background-color: var(--cryst-atom-ghost);
    }
  }

  @media (hover: hover) {
    .hover\:bg-cryst-cell-edge:hover {
      background-color: var(--cryst-cell-edge);
    }
  }

  @media (hover: hover) {
    .hover\:bg-error:hover {
      background-color: var(--error);
    }
  }

  @media (hover: hover) {
    .hover\:bg-error-light:hover {
      background-color: var(--error-light);
    }
  }

  @media (hover: hover) {
    .hover\:bg-error-light\/40:hover {
      background-color: var(--error-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-error-light\/40:hover {
        background-color: color-mix(in oklab, var(--error-light) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-error-light\/80:hover {
      background-color: var(--error-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-error-light\/80:hover {
        background-color: color-mix(in oklab, var(--error-light) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-error-muted:hover {
      background-color: var(--error-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-error-muted\/30:hover {
      background-color: var(--error-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-error-muted\/30:hover {
        background-color: color-mix(in oklab, var(--error-muted) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-ir-accent-light:hover {
      background-color: var(--ir-accent-light);
    }
  }

  @media (hover: hover) {
    .hover\:bg-ls-accent-hover:hover {
      background-color: var(--ls-accent-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-ls-consequence-from:hover {
      background-color: var(--ls-consequence-from);
    }
  }

  @media (hover: hover) {
    .hover\:bg-part1:hover {
      background-color: var(--part1);
    }
  }

  @media (hover: hover) {
    .hover\:bg-part2:hover {
      background-color: var(--part2);
    }
  }

  @media (hover: hover) {
    .hover\:bg-part3:hover {
      background-color: var(--part3);
    }
  }

  @media (hover: hover) {
    .hover\:bg-part4:hover {
      background-color: var(--part4);
    }
  }

  @media (hover: hover) {
    .hover\:bg-pd-quick-hover:hover {
      background-color: var(--pd-quick-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-success-light:hover {
      background-color: var(--success-light);
    }
  }

  @media (hover: hover) {
    .hover\:bg-success-light\/40:hover {
      background-color: var(--success-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success-light\/40:hover {
        background-color: color-mix(in oklab, var(--success-light) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-success-muted:hover {
      background-color: var(--success-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-success\/90:hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/90:hover {
        background-color: color-mix(in oklab, var(--success) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface:hover {
      background-color: var(--surface);
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-alt:hover {
      background-color: var(--surface-alt);
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-alt\/40:hover {
      background-color: var(--surface-alt);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-alt\/40:hover {
        background-color: color-mix(in oklab, var(--surface-alt) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-alt\/50:hover {
      background-color: var(--surface-alt);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-alt\/50:hover {
        background-color: color-mix(in oklab, var(--surface-alt) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-alt\/60:hover {
      background-color: var(--surface-alt);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-alt\/60:hover {
        background-color: color-mix(in oklab, var(--surface-alt) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-card:hover {
      background-color: var(--surface-card);
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-inset:hover {
      background-color: var(--surface-inset);
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-inset\/40:hover {
      background-color: var(--surface-inset);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-inset\/40:hover {
        background-color: color-mix(in oklab, var(--surface-inset) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-inset\/70:hover {
      background-color: var(--surface-inset);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-inset\/70:hover {
        background-color: color-mix(in oklab, var(--surface-inset) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-surface-sunken:hover {
      background-color: var(--surface-sunken);
    }
  }

  @media (hover: hover) {
    .hover\:bg-topic-organic-border:hover {
      background-color: var(--topic-organic-border);
    }
  }

  @media (hover: hover) {
    .hover\:bg-topic-quantum-bg:hover {
      background-color: var(--topic-quantum-bg);
    }
  }

  @media (hover: hover) {
    .hover\:bg-topic-quantum-hover:hover {
      background-color: var(--topic-quantum-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-warning-light:hover {
      background-color: var(--warning-light);
    }
  }

  @media (hover: hover) {
    .hover\:bg-warning-light\/40:hover {
      background-color: var(--warning-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning-light\/40:hover {
        background-color: color-mix(in oklab, var(--warning-light) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-warning-light\/80:hover {
      background-color: var(--warning-light);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning-light\/80:hover {
        background-color: color-mix(in oklab, var(--warning-light) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-warning-muted:hover {
      background-color: var(--warning-muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-warning-muted\/30:hover {
      background-color: var(--warning-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning-muted\/30:hover {
        background-color: color-mix(in oklab, var(--warning-muted) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-warning\/35:hover {
      background-color: var(--warning);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/35:hover {
        background-color: color-mix(in oklab, var(--warning) 35%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/15:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:px-2:hover {
      padding-inline: calc(var(--spacing) * 2);
    }
  }

  @media (hover: hover) {
    .hover\:text-brand:hover {
      color: var(--brand);
    }
  }

  @media (hover: hover) {
    .hover\:text-brand-accent:hover {
      color: var(--brand-accent);
    }
  }

  @media (hover: hover) {
    .hover\:text-brand-fg:hover {
      color: var(--brand-fg);
    }
  }

  @media (hover: hover) {
    .hover\:text-brand-hover:hover {
      color: var(--brand-hover);
    }
  }

  @media (hover: hover) {
    .hover\:text-cfs-accent-text:hover {
      color: var(--cfs-accent-text);
    }
  }

  @media (hover: hover) {
    .hover\:text-cryst-atom-default:hover {
      color: var(--cryst-atom-default);
    }
  }

  @media (hover: hover) {
    .hover\:text-cryst-highlight-strong:hover {
      color: var(--cryst-highlight-strong);
    }
  }

  @media (hover: hover) {
    .hover\:text-error:hover {
      color: var(--error);
    }
  }

  @media (hover: hover) {
    .hover\:text-error-fg:hover {
      color: var(--error-fg);
    }
  }

  @media (hover: hover) {
    .hover\:text-ir-accent:hover {
      color: var(--ir-accent);
    }
  }

  @media (hover: hover) {
    .hover\:text-poly-accent:hover {
      color: var(--poly-accent);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-body:hover {
      color: var(--text-body);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-heading:hover {
      color: var(--text-heading);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-muted:hover {
      color: var(--text-muted);
    }
  }

  @media (hover: hover) {
    .hover\:text-topic-quantum:hover {
      color: var(--topic-quantum);
    }
  }

  @media (hover: hover) {
    .hover\:text-topic-symmetry:hover {
      color: var(--topic-symmetry);
    }
  }

  @media (hover: hover) {
    .hover\:text-warning-fg:hover {
      color: var(--warning-fg);
    }
  }

  @media (hover: hover) {
    .hover\:text-warning-fg\/80:hover {
      color: var(--warning-fg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-warning-fg\/80:hover {
        color: color-mix(in oklab, var(--warning-fg) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:text-white\/85:hover {
      color: #ffffffd9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-white\/85:hover {
        color: color-mix(in oklab, var(--color-white) 85%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:decoration-brand-accent:hover {
      -webkit-text-decoration-color: var(--brand-accent);
      text-decoration-color: var(--brand-accent);
    }
  }

  @media (hover: hover) {
    .hover\:opacity-70:hover {
      opacity: .7;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[-10px_0_28px_-6px_rgba\(0\,0\,0\,0\.35\)\]:hover {
      --tw-shadow: -10px 0 28px -6px var(--tw-shadow-color, #00000059);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-sm:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-2:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-brand-accent:hover {
      --tw-ring-color: var(--brand-accent);
    }
  }

  @media (hover: hover) {
    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (hover: hover) {
    .hover\:brightness-105:hover {
      --tw-brightness: brightness(105%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (hover: hover) {
    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (hover: hover) {
    .hover\:drop-shadow-xl:hover {
      --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a));
      --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:border-brand-accent:focus {
    border-color: var(--brand-accent);
  }

  .focus\:border-cryst-highlight:focus {
    border-color: var(--cryst-highlight);
  }

  .focus\:bg-surface-alt:focus {
    background-color: var(--surface-alt);
  }

  .focus\:underline:focus {
    text-decoration-line: underline;
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[\.\.\.\]:focus {
    --tw-ring-color: . . . ;
  }

  .focus\:ring-brand-accent:focus {
    --tw-ring-color: var(--brand-accent);
  }

  .focus\:ring-brand-accent\/40:focus {
    --tw-ring-color: var(--brand-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-brand-accent\/40:focus {
      --tw-ring-color: color-mix(in oklab, var(--brand-accent) 40%, transparent);
    }
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-aae-pi-gold:focus-visible {
    --tw-ring-color: var(--aae-pi-gold);
  }

  .focus-visible\:ring-brand:focus-visible {
    --tw-ring-color: var(--brand);
  }

  .focus-visible\:ring-brand-accent:focus-visible {
    --tw-ring-color: var(--brand-accent);
  }

  .focus-visible\:ring-brand\/60:focus-visible {
    --tw-ring-color: var(--brand);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-brand\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--brand) 60%, transparent);
    }
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-overlay:focus-visible {
    --tw-ring-offset-color: var(--overlay);
  }

  .focus-visible\:ring-offset-surface:focus-visible {
    --tw-ring-offset-color: var(--surface);
  }

  .focus-visible\:ring-offset-surface-alt:focus-visible {
    --tw-ring-offset-color: var(--surface-alt);
  }

  .focus-visible\:ring-offset-surface-inset:focus-visible {
    --tw-ring-offset-color: var(--surface-inset);
  }

  .focus-visible\:\[outline\:2px_solid_var\(--ring\,\#a855f7\)\]:focus-visible {
    outline: 2px solid var(--ring, #a855f7);
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:\[outline-offset\:2px\]:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }

  .focus-visible\:outline-brand:focus-visible {
    outline-color: var(--brand);
  }

  .focus-visible\:outline-topic-quantum:focus-visible {
    outline-color: var(--topic-quantum);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:translate-y-\[0\.5px\]:active {
    --tw-translate-y: .5px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:scale-90:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.92\]:active {
    scale: .92;
  }

  .active\:scale-\[0\.97\]:active {
    scale: .97;
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-brand:active {
    background-color: var(--brand);
  }

  .active\:bg-brand-light:active {
    background-color: var(--brand-light);
  }

  .active\:bg-surface-alt\/80:active {
    background-color: var(--surface-alt);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-surface-alt\/80:active {
      background-color: color-mix(in oklab, var(--surface-alt) 80%, transparent);
    }
  }

  @media (hover: hover) {
    .enabled\:hover\:z-10:enabled:hover {
      z-index: 10;
    }
  }

  @media (hover: hover) {
    .enabled\:hover\:brightness-110:enabled:hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .enabled\:active\:scale-95:enabled:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }

  .disabled\:bg-surface-alt:disabled {
    background-color: var(--surface-alt);
  }

  .disabled\:bg-surface-inset:disabled {
    background-color: var(--surface-inset);
  }

  .disabled\:text-text-caption:disabled {
    color: var(--text-caption);
  }

  .disabled\:text-text-muted:disabled {
    color: var(--text-muted);
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media (hover: hover) {
    .disabled\:hover\:scale-100:disabled:hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:border-border-input:disabled:hover {
      border-color: var(--border-input);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-surface:disabled:hover {
      background-color: var(--surface);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-surface-inset:disabled:hover {
      background-color: var(--surface-inset);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:no-underline:disabled:hover {
      text-decoration-line: none;
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:shadow-none:disabled:hover {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:shadow-sm:disabled:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:brightness-100:disabled:hover {
      --tw-brightness: brightness(100%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .disabled\:active\:scale-100:disabled:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-ping {
      animation: var(--animate-ping);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[right\,box-shadow\,background-color\,transform\,padding\] {
      transition-property: right, box-shadow, background-color, transform, padding;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-all {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-opacity {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-transform {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-150 {
      --tw-duration: .15s;
      transition-duration: .15s;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-\[240ms\] {
      --tw-duration: .24s;
      transition-duration: .24s;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:pointer-events-none {
      pointer-events: none;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:cursor-not-allowed {
      cursor: not-allowed;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:opacity-50 {
      opacity: .5;
    }
  }

  @media (min-width: 40rem) {
    .sm\:not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-24 {
      top: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-auto {
      right: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:order-none {
      order: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-full {
      grid-column: 1 / -1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-1 {
      margin-bottom: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:contents {
      display: contents;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-64 {
      height: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[20px\] {
      height: 20px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-h-\[60vh\] {
      max-height: 60vh;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-14 {
      width: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[60px\] {
      width: 60px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[180px\] {
      width: 180px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[400px\] {
      width: 400px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[62\%\] {
      max-width: 62%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[250px\] {
      max-width: 250px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[280px\] {
      max-width: 280px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[520px\] {
      max-width: 520px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-md {
      max-width: var(--container-md);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[180px\] {
      min-width: 180px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rotate-0 {
      rotate: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:snap-none {
      scroll-snap-type: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[140px_1fr\] {
      grid-template-columns: 140px 1fr;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(8rem\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:self-auto {
      align-self: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-1 {
      padding-block: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[11px\] {
      font-size: 11px;
    }
  }

  @media (min-width: 48rem) {
    .md\:relative {
      position: relative;
    }
  }

  @media (min-width: 48rem) {
    .md\:static {
      position: static;
    }
  }

  @media (min-width: 48rem) {
    .md\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-3 {
      top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:top-4 {
      top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:right-3 {
      right: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:bottom-auto {
      bottom: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:z-auto {
      z-index: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-start-1 {
      grid-column-start: 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-start-2 {
      grid-column-start: 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-start-3 {
      grid-column-start: 3;
    }
  }

  @media (min-width: 48rem) {
    .md\:row-start-1 {
      grid-row-start: 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:-mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-1\.5 {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid {
      display: grid;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline {
      display: inline;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-12 {
      height: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-32 {
      height: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-80 {
      height: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[520px\] {
      height: 520px;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[600px\] {
      height: 600px;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-h-\[640px\] {
      max-height: 640px;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-h-\[calc\(100vh-2rem\)\] {
      max-height: calc(100vh - 2rem);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-9 {
      width: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-12 {
      width: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-28 {
      width: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-32 {
      width: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-56 {
      width: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:rotate-180 {
      rotate: 180deg;
    }
  }

  @media (min-width: 48rem) {
    .md\:snap-none {
      scroll-snap-type: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_1\.4fr_1fr\] {
      grid-template-columns: 1fr 1.4fr 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_350px\] {
      grid-template-columns: 1fr 350px;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[55fr_45fr\] {
      grid-template-columns: 55fr 45fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[120px_1fr_1fr\] {
      grid-template-columns: 120px 1fr 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[220px_1fr\] {
      grid-template-columns: 220px 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[300px_1fr\] {
      grid-template-columns: 300px 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0, 1fr) 320px;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,360px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(300px\,440px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(300px, 440px);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,11fr\)_minmax\(0\,14fr\)\] {
      grid-template-columns: minmax(0, 11fr) minmax(0, 14fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(0\,360px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-9 {
      gap: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:overflow-visible {
      overflow: visible;
    }
  }

  @media (min-width: 48rem) {
    .md\:overflow-x-visible {
      overflow-x: visible;
    }
  }

  @media (min-width: 48rem) {
    .md\:overflow-y-auto {
      overflow-y: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:rounded-xl {
      border-radius: var(--radius-xl);
    }
  }

  @media (min-width: 48rem) {
    .md\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @media (min-width: 48rem) {
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }

  @media (min-width: 48rem) {
    .md\:border-border-subtle {
      border-color: var(--border-subtle);
    }
  }

  @media (min-width: 48rem) {
    .md\:bg-surface {
      background-color: var(--surface);
    }
  }

  @media (min-width: 48rem) {
    .md\:bg-transparent {
      background-color: #0000;
    }
  }

  @media (min-width: 48rem) {
    .md\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-1 {
      padding-block: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[11px\] {
      font-size: 11px;
    }
  }

  @media (min-width: 48rem) {
    .md\:leading-relaxed {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }

  @media (min-width: 48rem) {
    .md\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 48rem) {
    .md\:\[writing-mode\:vertical-rl\] {
      writing-mode: vertical-rl;
    }
  }

  @media (min-width: 48rem) {
    @media (hover: hover) {
      .md\:group-hover\:translate-x-1:is(:where(.group):hover *) {
        --tw-translate-x: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:static {
      position: static;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-3 {
      top: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-4 {
      top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-1 {
      order: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-2 {
      order: 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:order-none {
      order: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-start-1 {
      grid-column-start: 1;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-start-2 {
      grid-column-start: 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-start-3 {
      grid-column-start: 3;
    }
  }

  @media (min-width: 64rem) {
    .lg\:row-start-2 {
      grid-row-start: 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:row-start-3 {
      grid-row-start: 3;
    }
  }

  @media (min-width: 64rem) {
    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid {
      display: grid;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:table-cell {
      display: table-cell;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-\[320px\] {
      height: 320px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-h-\[calc\(100vh-8rem\)\] {
      max-height: calc(100vh - 8rem);
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-h-none {
      max-height: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-sm {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 64rem) {
    .lg\:auto-rows-min {
      grid-auto-rows: min-content;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_240px\] {
      grid-template-columns: 1fr 240px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1fr_280px\] {
      grid-template-columns: 1fr 280px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[3fr_2fr\] {
      grid-template-columns: 3fr 2fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[5fr_3fr\] {
      grid-template-columns: 5fr 3fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
      grid-template-columns: minmax(0, 1fr) 300px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-lg {
      border-radius: var(--radius-lg);
    }
  }

  @media (min-width: 64rem) {
    .lg\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:bg-transparent {
      background-color: #0000;
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 64rem) {
    .lg\:opacity-0 {
      opacity: 0;
    }
  }

  @media (min-width: 64rem) {
    @media (hover: hover) {
      .lg\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:block {
      display: block;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:hidden {
      display: none;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:inline {
      display: inline;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[color-mix\(in_srgb\,var\(--brand\)_26\%\,transparent\)\] {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-\[color-mix\(in_srgb\,var\(--brand\)_26\%\,transparent\)\] {
        background-color: color-mix(in srgb, var(--brand) 26%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[color-mix\(in_srgb\,var\(--brand\)_30\%\,transparent\)\] {
      background-color: var(--brand);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-\[color-mix\(in_srgb\,var\(--brand\)_30\%\,transparent\)\] {
        background-color: color-mix(in srgb, var(--brand) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:\[color-scheme\:dark\] {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-white\/10:hover {
        background-color: #ffffff1a;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-white\/10:hover {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }

  @media print {
    .print\:block {
      display: block;
    }
  }

  .\[\&_\.katex\]\:text-\[0\.95em\] .katex {
    font-size: .95em;
  }

  .\[\&_svg\]\:h-auto svg {
    height: auto;
  }

  .\[\&_svg\]\:max-h-\[100px\] svg {
    max-height: 100px;
  }

  .\[\&_svg\]\:w-full svg {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .sm\:\[\&_svg\]\:max-h-\[200px\] svg {
      max-height: 200px;
    }
  }

  .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb {
    height: calc(var(--spacing) * 3);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb {
    height: calc(var(--spacing) * 4);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb {
    width: calc(var(--spacing) * 4);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
    appearance: none;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: 3.40282e38px;
  }

  .\[\&\:\:-webkit-slider-thumb\]\:bg-brand::-webkit-slider-thumb {
    background-color: var(--brand);
  }

  .\[\&\:\:-webkit-slider-thumb\]\:bg-kin-explorer::-webkit-slider-thumb {
    background-color: var(--kin-explorer);
  }

  @media (hover: none) {
    .\[\@media\(hover\:none\)\]\:hidden {
      display: none;
    }
  }
}

@keyframes rce-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 3px var(--rce-ts));
    opacity: .8;
  }

  50% {
    filter: drop-shadow(0 0 8px var(--rce-ts));
    opacity: 1;
  }
}

@keyframes home-collapse {
  0% {
    max-height: var(--collapse-from, 480px);
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    max-height: 0;
    transform: translateY(-4px);
  }
}

@keyframes countdown-colon-blink {
  50% {
    opacity: .18;
  }
}

@keyframes periodic-start-here-pulse {
  0%, 100% {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand) 25%, transparent);
  }

  50% {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 40%, transparent);
  }
}

@keyframes ls-consequence-pulse {
  0%, 100% {
    border-color: var(--ls-consequence-border);
    box-shadow: 0 0 8px var(--ls-consequence-glow);
  }

  50% {
    border-color: color-mix(in srgb, var(--ls-consequence-border) 70%, white);
    box-shadow: 0 0 16px var(--ls-consequence-glow);
  }
}

@keyframes poly-monomer-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--poly-accent-soft), 0 0 0 1px var(--poly-accent);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--poly-accent) 22%, transparent), 0 0 0 2px var(--poly-accent);
    transform: scale(1.04);
  }
}

@keyframes osm-pulse {
  0%, 100% {
    opacity: .85;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@keyframes sep-shake {
  0% {
    transform: rotate(0);
  }

  10% {
    transform: rotate(8deg);
  }

  20% {
    transform: rotate(-7deg);
  }

  30% {
    transform: rotate(6deg);
  }

  40% {
    transform: rotate(-5deg);
  }

  50% {
    transform: rotate(4deg);
  }

  60% {
    transform: rotate(-3deg);
  }

  70% {
    transform: rotate(2deg);
  }

  80% {
    transform: rotate(-1deg);
  }

  90% {
    transform: rotate(.5deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes sep-tube-pulse {
  0%, 100% {
    box-shadow: 0 0 4px var(--sep-drip);
  }

  50% {
    box-shadow: 0 0 12px var(--sep-drip);
  }
}

@keyframes spb-cascade-column-in {
  from {
    opacity: 0;
    transform: translateX(-12px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes spb-delta-rise {
  0% {
    opacity: 0;
    transform: translateY(8px)scale(.9);
  }

  15% {
    opacity: 1;
    transform: translateY(-8px)scale(1.05);
  }

  85% {
    opacity: 1;
    transform: translateY(-24px)scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(-40px)scale(.95);
  }
}

@keyframes spb-london-cloud {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  50% {
    transform: translate(2px, -1px)scale(1.04);
  }
}

@keyframes spb-hbond-pulse {
  0%, 100% {
    opacity: .35;
    stroke-dashoffset: 0;
  }

  50% {
    opacity: .85;
    stroke-dashoffset: -6px;
  }
}

@keyframes spb-dipole-arrow {
  0%, 100% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }
}

@keyframes jab-dot-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 4px var(--jab-dot-glow));
  }

  50% {
    filter: drop-shadow(0 0 12px var(--jab-dot-glow));
  }
}

@keyframes jab-wait-glow {
  0%, 100% {
    filter: drop-shadow(0 0 6px var(--jab-wait-pulse));
    opacity: .7;
  }

  50% {
    filter: drop-shadow(0 0 18px var(--jab-wait-pulse));
    opacity: 1;
  }
}

@keyframes jab-spin-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes jab-heat-ripple {
  0% {
    opacity: .6;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(5);
  }
}

@keyframes jab-photon-flash {
  0% {
    opacity: 1;
    filter: drop-shadow(0 0 8px);
  }

  100% {
    opacity: 0;
    filter: drop-shadow(0 0);
  }
}

@keyframes jab-fire-glow {
  0%, 100% {
    box-shadow: 0 0 6px color-mix(in srgb, var(--jab-fire-color, var(--brand)) 40%, transparent), 0 2px 6px #00000014;
  }

  50% {
    box-shadow: 0 0 16px color-mix(in srgb, var(--jab-fire-color, var(--brand)) 50%, transparent), 0 2px 8px #0000001f;
  }
}

@keyframes eft-field-breathe {
  0%, 100% {
    opacity: .95;
  }

  50% {
    opacity: 1;
  }
}

@keyframes eft-select-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  70% {
    opacity: .25;
    transform: scale(1.6);
  }

  100% {
    opacity: 0;
    transform: scale(1.9);
  }
}

@keyframes eft-field-pulse-wrong {
  0%, 100% {
    filter: none;
  }

  40% {
    filter: saturate(1.8) brightness(1.15);
  }
}

@keyframes eft-highlight-pulse {
  0% {
    opacity: .95;
    transform: scale(.85);
  }

  70% {
    opacity: .2;
    transform: scale(1.35);
  }

  100% {
    opacity: 0;
    transform: scale(1.55);
  }
}

@keyframes eft-counter-bounce {
  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.35);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes eft-dihedral-sweep {
  from {
    stroke-dasharray: 0 200;
  }

  to {
    stroke-dasharray: var(--eft-arc-len, 120) 200;
  }
}

@keyframes eft-orb-fade-in {
  from {
    opacity: 0;
    transform: scale(.4);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes eft-select-pulse-ring {
  0% {
    opacity: 1;
    stroke-width: 2.5px;
  }

  50% {
    opacity: .55;
    stroke-width: 4px;
  }

  100% {
    opacity: 1;
    stroke-width: 2.5px;
  }
}

@keyframes eft-stage-shake {
  0%, 100% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-4px);
  }

  40% {
    transform: translateX(4px);
  }

  60% {
    transform: translateX(-3px);
  }

  80% {
    transform: translateX(2px);
  }
}

@keyframes eft-toast-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes eft-arrow-solid-in {
  from {
    opacity: .35;
  }

  to {
    opacity: 1;
  }
}

@keyframes eft-arch-badge-snap {
  from {
    opacity: 0;
    transform: scale(.72);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes eft-reflection-timer {
  from {
    width: 100%;
  }

  to {
    width: 0;
  }
}

@keyframes aae-pi-snap {
  0% {
    opacity: 1;
    transform: scale(.8);
  }

  60% {
    opacity: .8;
    transform: scale(1.4);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes aae-charge-flip {
  0% {
    transform: rotateX(0);
  }

  50% {
    opacity: .4;
    transform: rotateX(90deg);
  }

  100% {
    opacity: 1;
    transform: rotateX(0);
  }
}

@keyframes aae-proton-in {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  70% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes aae-proton-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes aae-cell-capture {
  0% {
    opacity: 0;
    box-shadow: 0 0 0 0 var(--aae-pi-glow);
    transform: scale(.6);
  }

  60% {
    transform: scale(1.1);
  }

  80% {
    box-shadow: 0 0 12px 4px var(--aae-pi-glow);
  }

  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 #0000;
  }
}

@keyframes aae-personality-fly {
  0% {
    opacity: 0;
    transform: translateY(-24px)scale(.92);
  }

  70% {
    transform: translateY(4px)scale(1.02);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes aae-trace-draw {
  from {
    stroke-dashoffset: var(--aae-stroke-len, 400);
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes aae-pulse {
  0%, 100% {
    opacity: .55;
    stroke-width: 2.2px;
  }

  50% {
    opacity: 1;
    stroke-width: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aae-pulse-ring {
    opacity: .8;
    animation: none !important;
  }
}

@keyframes gem-grid-cell-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes gem-new-badge-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand-accent) 45%, transparent);
  }

  50% {
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--brand-accent) 0%, transparent);
  }
}

@keyframes gem-just-claimed-flash {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand-accent) 55%, transparent);
  }

  40% {
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--brand-accent) 25%, transparent);
  }

  100% {
    box-shadow: 0 0 #0000;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gem-grid-cell, .gem-new-badge, .gem-just-claimed {
    animation: none !important;
  }

  .gem-grid {
    --page-swap-active: 0 !important;
  }
}

@keyframes ww-axis-label-crossfade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ww-card-pop {
  0% {
    opacity: 0;
    transform: translateY(8px)scale(.96);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes ww-shock-in {
  0% {
    opacity: 0;
    transform: scale(.6);
  }

  60% {
    opacity: 1;
    transform: scale(1.08);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ww-check-pop {
  0% {
    opacity: 0;
    transform: scale(.4);
  }

  60% {
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.aw-morph-slider {
  touch-action: none;
  min-height: 34px;
  accent-color: var(--aw-accent);
}

@keyframes aw-dial-jolt {
  0%, 100% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-3px);
  }

  40% {
    transform: translateX(3px);
  }

  60% {
    transform: translateX(-2px);
  }

  80% {
    transform: translateX(2px);
  }
}

@keyframes aw-drop-bounce {
  0% {
    opacity: 0;
    transform: translateY(-80px);
  }

  60% {
    opacity: 1;
    transform: translateY(0);
  }

  75% {
    transform: translateY(-6px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes aw-cloud-bloom {
  0% {
    opacity: 0;
    transform: scale(.6);
  }

  60% {
    opacity: .9;
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes aw-nl-diagonal-sweep {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes aw-noble-flash {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.7);
  }

  18% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1.05);
  }

  70% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(1);
  }
}

@keyframes aw-pt-cellpop {
  0% {
    transform: scale(.3);
  }

  55% {
    transform: scale(1.35);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes aw-pt-nobleglow {
  0% {
    box-shadow: 0 0 0 var(--aw-match);
  }

  30% {
    box-shadow: 0 0 20px var(--aw-match);
  }

  100% {
    box-shadow: 0 0 9px #ffcc558c;
  }
}

@keyframes aw-capstone-slide {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__05f4da69._.css.map*/