:root { color-scheme: dark; }
html, body { background: #070a12 !important; }
body {
  background-image:
    radial-gradient(1200px 600px at 85% -10%, rgba(110,107,255,.16), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(0,212,255,.10), transparent 55%),
    radial-gradient(700px 400px at 50% 50%, rgba(158,123,255,.06), transparent 60%) !important;
  background-attachment: fixed !important;
}
header, nav, aside {
  background: rgba(13,17,30,.72) !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
header { border-bottom: 1px solid rgba(255,255,255,.06) !important; }
button, .btn, [role="button"] { transition: all .18s cubic-bezier(.2,.7,.3,1); }
button:hover, [role="button"]:hover { transform: translateY(-1px); }
button:active, [role="button"]:active { transform: translateY(0) scale(.98); }
textarea, input[type="text"], input[type="email"], input[type="password"], input[type="search"] {
  background: rgba(17,22,38,.66) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  color: #eef1ff !important;
  backdrop-filter: blur(14px);
}
textarea:focus, input:focus {
  border-color: rgba(110,107,255,.55) !important;
  box-shadow: 0 0 0 3px rgba(110,107,255,.18), 0 0 24px rgba(110,107,255,.12) !important;
}
[role="dialog"], .modal, .card, .popover, [data-radix-popper-content-wrapper] > div {
  background: rgba(15,20,35,.86) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
}
.text-white, .text-gray-100, .text-gray-200, .text-gray-300 { color: #eef1ff !important; }
.text-gray-400, .text-gray-500, .text-gray-600 { color: #9aa3c0 !important; }
.bg-white, .bg-gray-50, .bg-gray-100 { background: rgba(15,20,35,.66) !important; }
.bg-gray-200, .bg-gray-300 { background: rgba(30,37,58,.6) !important; }
.hover\:bg-gray-100:hover, .hover\:bg-gray-200:hover { background: rgba(110,107,255,.14) !important; }
.text-blue-600, .text-blue-500, .text-indigo-500, .text-purple-500 { color: #a5a0ff !important; }
.bg-blue-600, .bg-blue-500, .bg-indigo-600, .bg-indigo-500 { background: linear-gradient(135deg,#6e6bff,#9e7bff) !important; }
.border, .border-gray-200, .border-gray-300 { border-color: rgba(255,255,255,.08) !important; }
::selection { background: rgba(110,107,255,.4); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(110,107,255,.3); border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }
html.dark body, html.dark #root, html.dark #root > div, html.dark main { background: #070a12 !important; color: #e9edff; }
html.dark body { background-image: radial-gradient(1200px 600px at 85% -10%, rgba(110,107,255,.16), transparent 60%), radial-gradient(900px 500px at -10% 110%, rgba(0,212,255,.10), transparent 55%) !important; }
.text-black, .text-gray-900, .text-gray-800, h1, h2, h3, h4, h5, h6 { color: #eef1ff !important; }
input, textarea, input[type="text"], input[type="email"], input[type="password"], input[type="search"] {
  background: rgba(244,246,255,.96) !important; color: #0b0f1a !important;
}
:root {
  --presentation: #070a12;
  --surface-primary: #0d1220;
  --surface-primary-alt: #11182a;
  --surface-primary-contrast: #eef1ff;
  --surface-secondary: #11182a;
  --surface-secondary-alt: #16203a;
  --surface-tertiary: #131b30;
  --surface-tertiary-alt: #182238;
  --surface-dialog: #101828;
  --surface-chat: #0a0f1c;
  --surface-hover: rgba(110,107,255,.14);
  --surface-hover-alt: rgba(110,107,255,.18);
  --surface-active: rgba(110,107,255,.20);
  --surface-active-alt: rgba(110,107,255,.24);
  --surface-submit: #6e6bff;
  --surface-submit-hover: #8a86ff;
  --border-light: rgba(255,255,255,.09);
  --border-medium: rgba(255,255,255,.14);
  --border-heavy: rgba(255,255,255,.20);
  --border-xheavy: rgba(255,255,255,.28);
  --border: rgba(255,255,255,.09);
  --text-primary: #eef1ff;
  --text-secondary: #9aa3c0;
  --text-tertiary: #6f79a0;
}
footer { display: none !important; }
a[href="https://librechat.ai"] { display: none !important; }
a[href*="librechat"] { display: none !important; }
a[href*="librechat.ai"] { display: none !important; }
footer, [class*="footer"], [id*="footer"] { display: none !important; }
body::before {
  content: "";
  position: fixed; inset: -20%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(40% 35% at 20% 25%, rgba(110,107,255,.20), transparent 60%),
    radial-gradient(35% 30% at 80% 20%, rgba(0,212,255,.14), transparent 60%),
    radial-gradient(45% 40% at 60% 85%, rgba(158,123,255,.16), transparent 60%);
  filter: blur(60px);
  animation: okoAurora 26s ease-in-out infinite alternate;
}
@keyframes okoAurora {
  0% { transform: translate3d(-3%, -2%, 0) scale(1); }
  50% { transform: translate3d(3%, 2%, 0) scale(1.06); }
  100% { transform: translate3d(-2%, 3%, 0) scale(1.03); }
}