html:not(.dark),
html:not(.dark) body {
  background: #fbf8f3 !important;
}

html:not(.dark) #app > div.relative.flex.min-h-screen {
  background: linear-gradient(180deg, #fbf8f3 0%, #fbf8f3 82%, #f4efe7 82%, #f4efe7 100%) !important;
}

html:not(.dark) #app > div.relative.flex.min-h-screen > .pointer-events-none.absolute.inset-0.overflow-hidden > div {
  display: none !important;
}

html:not(.dark) #app > div.relative.flex.min-h-screen > .pointer-events-none.absolute.inset-0.overflow-hidden::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 74% 43%, rgba(194, 122, 69, .10), transparent 18rem);
}

html:not(.dark) header.relative {
  padding-top: 18px !important;
}

html:not(.dark) header nav {
  max-width: 1230px !important;
}

html:not(.dark) header img {
  border-radius: 9px !important;
  box-shadow: 0 10px 24px rgba(166, 66, 0, .14) !important;
}

html:not(.dark)[data-ohlaai-page="home"] main.relative {
  padding-top: 86px !important;
}

html:not(.dark)[data-ohlaai-page="home"] main .max-w-6xl {
  max-width: 1230px !important;
}

html:not(.dark)[data-ohlaai-page="home"] h1 {
  font-family: Georgia, "Times New Roman", "Microsoft YaHei", serif !important;
  color: #161616 !important;
  font-size: clamp(56px, 6vw, 84px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

html:not(.dark)[data-ohlaai-page="home"] h1::after {
  content: "\0041\0049\0020\5927\6a21\578b";
  display: block;
  margin-top: .15em;
  color: #a64200;
}

html:not(.dark)[data-ohlaai-page="home"] h1 + p {
  max-width: 690px;
  color: #302922 !important;
  font-size: 23px !important;
  line-height: 1.55 !important;
}

html:not(.dark) .btn.btn-primary,
html:not(.dark) a.inline-flex.items-center.rounded-full.bg-gray-900 {
  border-radius: 8px !important;
  background: #a64200 !important;
  color: #fff !important;
  border: 1px solid #a64200 !important;
  box-shadow: 0 18px 36px rgba(166, 66, 0, .20) !important;
}

html:not(.dark)[data-ohlaai-page="home"] .btn.btn-primary {
  padding: 18px 38px !important;
  min-height: 64px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

html:not(.dark) .btn.btn-primary:hover,
html:not(.dark) a.inline-flex.items-center.rounded-full.bg-gray-900:hover {
  background: #8f3700 !important;
  border-color: #8f3700 !important;
}

html:not(.dark) .terminal-window,
html:not(.dark) .terminal-container {
  border-color: #ead8c9 !important;
  box-shadow: 0 28px 70px rgba(166, 66, 0, .16) !important;
}

html:not(.dark) .terminal-header {
  background: #fff8f1 !important;
  border-color: #ead8c9 !important;
}

html:not(.dark) .terminal-body {
  background: #fffdf9 !important;
}

html:not(.dark) .code-cmd,
html:not(.dark) .code-success,
html:not(.dark) .code-url,
html:not(.dark) .code-prompt {
  color: #a64200 !important;
}

html:not(.dark) [class*="rounded-2xl"][class*="border-gray-200"],
html:not(.dark) [class*="rounded-xl"][class*="border-primary-200"],
html:not(.dark) [class*="rounded-full"][class*="border-gray-200"] {
  border-color: #ead8c9 !important;
  background-color: rgba(255, 255, 255, .66) !important;
  box-shadow: 0 14px 34px rgba(166, 66, 0, .08) !important;
}

html:not(.dark) [class*="text-primary-"],
html:not(.dark) [class*="text-teal-"] {
  color: #a64200 !important;
}

html:not(.dark) [class*="bg-primary-100"] {
  background-color: #ffd9c8 !important;
  color: #7a2d00 !important;
}

html:not(.dark) [class*="from-primary-"],
html:not(.dark) [class*="to-primary-"] {
  --tw-gradient-from: #c27a45 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #a64200 var(--tw-gradient-to-position) !important;
}

html:not(.dark)[data-ohlaai-page="app"] #app,
html:not(.dark)[data-ohlaai-page="app"] body {
  background: #fbf8f3 !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="from-primary-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-teal-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-cyan-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-emerald-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-green-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-blue-50"] {
  --tw-gradient-from: #fffaf4 var(--tw-gradient-from-position) !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="via-primary-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-teal-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-cyan-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-emerald-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-green-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-blue-50"] {
  --tw-gradient-to: rgba(255, 250, 244, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #fff4ec var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="to-primary-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-teal-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-cyan-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-emerald-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-green-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-blue-50"] {
  --tw-gradient-to: #f4efe7 var(--tw-gradient-to-position) !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="bg-primary-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-teal-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-cyan-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-emerald-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-green-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-blue-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-success-50"] {
  background-color: #fff4ec !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="bg-primary-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-teal-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-cyan-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-emerald-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-green-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-blue-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-success-100"] {
  background-color: #ffe2cf !important;
  color: #a64200 !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="text-primary-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-teal-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-cyan-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-emerald-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-green-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-blue-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-success-"] {
  color: #c24a00 !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="border-primary"],
html:not(.dark)[data-ohlaai-page="app"] [class*="border-teal"],
html:not(.dark)[data-ohlaai-page="app"] [class*="border-cyan"],
html:not(.dark)[data-ohlaai-page="app"] [class*="border-emerald"],
html:not(.dark)[data-ohlaai-page="app"] [class*="border-green"],
html:not(.dark)[data-ohlaai-page="app"] [class*="border-blue"],
html:not(.dark)[data-ohlaai-page="app"] [class*="border-success"] {
  border-color: #f1cdb7 !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="ring-primary"],
html:not(.dark)[data-ohlaai-page="app"] [class*="ring-teal"],
html:not(.dark)[data-ohlaai-page="app"] [class*="ring-cyan"],
html:not(.dark)[data-ohlaai-page="app"] [class*="ring-emerald"],
html:not(.dark)[data-ohlaai-page="app"] [class*="ring-green"],
html:not(.dark)[data-ohlaai-page="app"] [class*="ring-blue"],
html:not(.dark)[data-ohlaai-page="app"] [class*="ring-success"] {
  --tw-ring-color: rgba(194, 74, 0, .22) !important;
}

html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-primary"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-primary"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-teal"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-teal"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-cyan"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-cyan"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-emerald"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-emerald"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-green"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-green"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-blue"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-blue"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-success"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-success"] {
  background: #a64200 !important;
  border-color: #a64200 !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  html:not(.dark)[data-ohlaai-page="home"] main.relative {
    padding-top: 54px !important;
  }

  html:not(.dark)[data-ohlaai-page="home"] h1 {
    font-size: 46px !important;
  }

  html:not(.dark)[data-ohlaai-page="home"] h1 + p {
    font-size: 18px !important;
  }
}

html:not(.dark)[data-ohlaai-page="app"] [class*="from-primary-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-teal-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-cyan-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-emerald-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-green-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="from-blue-"],
html:not(.dark) body:has(aside) [class*="from-primary-"],
html:not(.dark) body:has(aside) [class*="from-teal-"],
html:not(.dark) body:has(aside) [class*="from-cyan-"],
html:not(.dark) body:has(aside) [class*="from-emerald-"],
html:not(.dark) body:has(aside) [class*="from-green-"],
html:not(.dark) body:has(aside) [class*="from-blue-"] {
  --tw-gradient-from: #fffaf4 var(--tw-gradient-from-position) !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="via-primary-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-teal-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-cyan-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-emerald-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-green-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="via-blue-"],
html:not(.dark) body:has(aside) [class*="via-primary-"],
html:not(.dark) body:has(aside) [class*="via-teal-"],
html:not(.dark) body:has(aside) [class*="via-cyan-"],
html:not(.dark) body:has(aside) [class*="via-emerald-"],
html:not(.dark) body:has(aside) [class*="via-green-"],
html:not(.dark) body:has(aside) [class*="via-blue-"] {
  --tw-gradient-to: rgba(255, 250, 244, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #fff4ec var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="to-primary-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-teal-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-cyan-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-emerald-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-green-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="to-blue-"],
html:not(.dark) body:has(aside) [class*="to-primary-"],
html:not(.dark) body:has(aside) [class*="to-teal-"],
html:not(.dark) body:has(aside) [class*="to-cyan-"],
html:not(.dark) body:has(aside) [class*="to-emerald-"],
html:not(.dark) body:has(aside) [class*="to-green-"],
html:not(.dark) body:has(aside) [class*="to-blue-"] {
  --tw-gradient-to: #f4efe7 var(--tw-gradient-to-position) !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="bg-primary-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-teal-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-cyan-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-emerald-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-green-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-blue-50"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-primary-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-teal-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-cyan-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-emerald-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-green-100"],
html:not(.dark)[data-ohlaai-page="app"] [class*="bg-blue-100"],
html:not(.dark) body:has(aside) [class*="bg-primary-50"],
html:not(.dark) body:has(aside) [class*="bg-teal-50"],
html:not(.dark) body:has(aside) [class*="bg-cyan-50"],
html:not(.dark) body:has(aside) [class*="bg-emerald-50"],
html:not(.dark) body:has(aside) [class*="bg-green-50"],
html:not(.dark) body:has(aside) [class*="bg-blue-50"],
html:not(.dark) body:has(aside) [class*="bg-primary-100"],
html:not(.dark) body:has(aside) [class*="bg-teal-100"],
html:not(.dark) body:has(aside) [class*="bg-cyan-100"],
html:not(.dark) body:has(aside) [class*="bg-emerald-100"],
html:not(.dark) body:has(aside) [class*="bg-green-100"],
html:not(.dark) body:has(aside) [class*="bg-blue-100"] {
  background-color: #fff3eb !important;
}

html:not(.dark)[data-ohlaai-page="app"] [class*="text-primary-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-teal-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-cyan-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-emerald-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-green-"],
html:not(.dark)[data-ohlaai-page="app"] [class*="text-blue-"],
html:not(.dark) body:has(aside) [class*="text-primary-"],
html:not(.dark) body:has(aside) [class*="text-teal-"],
html:not(.dark) body:has(aside) [class*="text-cyan-"],
html:not(.dark) body:has(aside) [class*="text-emerald-"],
html:not(.dark) body:has(aside) [class*="text-green-"],
html:not(.dark) body:has(aside) [class*="text-blue-"] {
  color: #c24a00 !important;
}

html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-primary"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-primary"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-teal"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-teal"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-cyan"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-cyan"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-emerald"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-emerald"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-green"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-green"],
html:not(.dark)[data-ohlaai-page="app"] button[class*="bg-blue"],
html:not(.dark)[data-ohlaai-page="app"] a[class*="bg-blue"],
html:not(.dark) body:has(aside) button[class*="bg-primary"],
html:not(.dark) body:has(aside) a[class*="bg-primary"],
html:not(.dark) body:has(aside) button[class*="bg-teal"],
html:not(.dark) body:has(aside) a[class*="bg-teal"],
html:not(.dark) body:has(aside) button[class*="bg-cyan"],
html:not(.dark) body:has(aside) a[class*="bg-cyan"],
html:not(.dark) body:has(aside) button[class*="bg-emerald"],
html:not(.dark) body:has(aside) a[class*="bg-emerald"],
html:not(.dark) body:has(aside) button[class*="bg-green"],
html:not(.dark) body:has(aside) a[class*="bg-green"],
html:not(.dark) body:has(aside) button[class*="bg-blue"],
html:not(.dark) body:has(aside) a[class*="bg-blue"] {
  background: #a64200 !important;
  border-color: #a64200 !important;
  color: #fff !important;
}