:root {
  --n1vo-bg: #0a0a0a;
  --n1vo-panel: #111111;
  --n1vo-panel-2: #18181b;
  --n1vo-accent: #4f46e5;
  --n1vo-text: #fafafa;
  --n1vo-muted: rgba(250, 250, 250, 0.68);
  --n1vo-border: rgba(250, 250, 250, 0.1);
}

html,
body {
  background:
    radial-gradient(circle at top left, rgba(79, 70, 229, 0.18), transparent 34rem),
    var(--n1vo-bg) !important;
}

body {
  color: var(--n1vo-text);
}

a[href*="librechat"],
a[href*="github.com/danny-avila"],
[aria-label*="LibreChat" i],
[title*="LibreChat" i],
[data-testid*="version" i] {
  display: none !important;
}

img[src*="openai"],
img[src*="anthropic"],
img[src*="deepseek"],
img[alt*="OpenAI" i],
img[alt*="Anthropic" i],
img[alt*="DeepSeek" i] {
  content: url("/n1vo/n1vo-mark.svg") !important;
  border-radius: 12px !important;
}

button,
[role="button"],
a {
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

button:hover,
[role="button"]:hover {
  border-color: rgba(79, 70, 229, 0.45) !important;
}

button:focus-visible,
[role="button"]:focus-visible,
textarea:focus-visible,
input:focus-visible {
  outline: 2px solid rgba(79, 70, 229, 0.88) !important;
  outline-offset: 2px !important;
}

aside,
nav,
[class*="sidebar" i] {
  border-color: var(--n1vo-border) !important;
}

[class*="sidebar" i],
aside {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
    var(--n1vo-panel) !important;
}

[data-radix-popper-content-wrapper] [role="menuitem"],
[role="option"],
[cmdk-item] {
  border-radius: 12px !important;
}

[data-radix-popper-content-wrapper],
[role="dialog"],
[cmdk-root] {
  border-color: var(--n1vo-border) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.38) !important;
}

.n1vo-hidden-provider {
  display: none !important;
}

.n1vo-brand-badge {
  display: inline-grid;
  min-width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--n1vo-border);
  border-radius: 10px;
  background: linear-gradient(135deg, var(--n1vo-panel-2), rgba(79, 70, 229, 0.3));
  color: var(--n1vo-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

#loading-container::after {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(250, 250, 250, 0.16);
  border-radius: 14px;
  background: url("/n1vo/n1vo-mark.svg") center / cover no-repeat;
  content: "";
  box-shadow: 0 18px 60px rgba(79, 70, 229, 0.28);
}