:root {
  --semi-color-primary: #bf6f4e !important;
  --semi-color-primary-hover: #d8875f !important;
  --semi-color-primary-active: #a95636 !important;
  --semi-color-primary-light-default: rgba(191, 111, 78, 0.16) !important;
  --semi-color-primary-light-hover: rgba(191, 111, 78, 0.24) !important;
  --semi-color-primary-light-active: rgba(191, 111, 78, 0.32) !important;
  --semi-color-bg-0: #141411 !important;
  --semi-color-bg-1: #1c1a17 !important;
  --semi-color-bg-2: #292722 !important;
  --semi-color-fill-0: rgba(255, 255, 255, 0.045) !important;
  --semi-color-fill-1: rgba(255, 255, 255, 0.07) !important;
  --semi-color-fill-2: rgba(255, 255, 255, 0.1) !important;
  --semi-color-border: rgba(224, 167, 135, 0.24) !important;
  --semi-color-text-0: #f7efe4 !important;
  --semi-color-text-1: #d8cbbd !important;
  --semi-color-text-2: #a99b8d !important;
  --semi-color-disabled-text: rgba(247, 239, 228, 0.36) !important;
}

html,
body,
#root,
html.dark,
html.dark body,
html.dark #root,
body[theme-mode="dark"] {
  color-scheme: dark !important;
  color: #f7efe4 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 240px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 96px),
    #141411 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body,
body * {
  border-color: rgba(224, 167, 135, 0.22);
}

img[src*="new-api"],
img[alt*="New API"],
img[alt*="new-api"] {
  display: none !important;
}

img[src="/assets/logo.svg"] {
  border-radius: 8px !important;
}

.custom-footer,
a[href="/about"],
a[href^="/about?"],
a[href^="/about#"],
a[href*="/about/"],
a[href*="#/about"],
a[href*="QuantumNous"],
a[href*="new-api"] {
  display: none !important;
}

.blur-ball,
.with-pastel-balls::before {
  display: none !important;
}

.semi-layout,
.semi-layout-content,
.semi-layout-sider,
.semi-layout-header,
.semi-navigation,
.sidebar-container,
.sidebar-nav,
.pricing-layout,
.pricing-sidebar,
.pricing-content {
  background: transparent !important;
}

.semi-layout-header,
header,
.top-header {
  background: rgba(20, 20, 17, 0.86) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

.semi-layout-header a:first-child,
header a:first-child {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #f3b58e !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
}

.semi-layout-sider,
.sidebar-container,
.sidebar-nav {
  background: rgba(28, 26, 23, 0.92) !important;
  border-right: 1px solid rgba(224, 167, 135, 0.18) !important;
  box-shadow: none !important;
}

a,
.semi-navigation-item,
.semi-navigation-item-text,
.semi-navigation-sub-title,
.semi-typography,
.semi-button,
.semi-input,
.semi-input-wrapper,
.semi-select,
.semi-table,
.semi-table *,
.semi-card,
.semi-card *,
.semi-form,
.semi-form *,
.semi-tabs,
.semi-tabs * {
  color: #f7efe4;
}

.semi-navigation-item,
.semi-navigation-sub,
.semi-navigation-sub-title {
  border-radius: 8px !important;
}

.semi-navigation-item:hover,
.semi-navigation-sub-title:hover {
  background: rgba(191, 111, 78, 0.14) !important;
  color: #f3b58e !important;
}

.semi-navigation-item-selected,
.semi-navigation-item-active,
.semi-navigation-sub-title-selected {
  background: rgba(191, 111, 78, 0.2) !important;
  color: #f3b58e !important;
  font-weight: 800 !important;
}

.semi-card,
.semi-modal-content,
.semi-sidesheet,
.semi-popover,
.semi-dropdown,
.semi-table,
.semi-tabs-pane,
.semi-form,
.semi-list,
.semi-chat-inputBox,
.table-scroll-card {
  background: rgba(41, 39, 34, 0.82) !important;
  border: 1px solid rgba(224, 167, 135, 0.22) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.semi-button,
.semi-input-wrapper,
.semi-select,
.semi-tagInput,
.semi-input-textarea-wrapper,
.semi-datepicker-range-input,
.semi-tabs-tab-button,
.semi-page-item {
  border-radius: 8px !important;
}

.semi-button-primary,
.semi-button-primary:not(.semi-button-disabled) {
  background: linear-gradient(180deg, #d47d4f, #b75e35) !important;
  border-color: transparent !important;
  color: #fffaf2 !important;
}

.semi-button-primary:hover,
.semi-button-primary:not(.semi-button-disabled):hover {
  background: linear-gradient(180deg, #e08b60, #bf6f4e) !important;
}

.semi-input-wrapper,
.semi-select,
.semi-tagInput,
.semi-input-textarea-wrapper,
.semi-datepicker-range-input {
  background: rgba(20, 20, 17, 0.54) !important;
  border-color: rgba(224, 167, 135, 0.22) !important;
}

.semi-input-wrapper-focus,
.semi-select-focus,
.semi-tagInput-focus {
  border-color: #bf6f4e !important;
  box-shadow: 0 0 0 3px rgba(191, 111, 78, 0.18) !important;
}

.semi-table,
.semi-table-container,
.semi-table-body,
.semi-table-tbody,
.semi-table-row,
.semi-table-row-cell,
.semi-table-thead,
.semi-table-row-head,
.semi-table-fixed,
.semi-table-fixed-left,
.semi-table-fixed-right {
  background: rgba(41, 39, 34, 0.86) !important;
  color: #f7efe4 !important;
}

.semi-table-thead > .semi-table-row > .semi-table-row-head {
  background: rgba(20, 20, 17, 0.64) !important;
  color: #f7efe4 !important;
}

.semi-table-row:hover .semi-table-row-cell,
.semi-table-row:hover {
  background: rgba(255, 255, 255, 0.055) !important;
}

.semi-tag {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(224, 167, 135, 0.18) !important;
}

.semi-tag,
.semi-tag * {
  color: inherit;
}

.semi-avatar {
  background: #bf6f4e !important;
  color: #fffaf2 !important;
}

.semi-page-item-active {
  background: rgba(191, 111, 78, 0.24) !important;
  color: #f3b58e !important;
}