/* SunAPI approved slate palette. Dark mode surfaces only. */
.dark body:not([data-theme-preset]) .sunapi-code-sample {
  background: linear-gradient(135deg, #23272d, #292e35) !important
}
.dark body:not([data-theme-preset]) .sunapi-home,
.dark body:not([data-theme-preset]) .sunapi-pricing {
  background:
    radial-gradient(ellipse at top right, #292e35, transparent 65%), #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-model-card,
.dark body:not([data-theme-preset]) .sunapi-stats,
.dark body:not([data-theme-preset]) .sunapi-features > div > div:nth-child(2) > div,
.dark body:not([data-theme-preset]) .sunapi-step,
.dark body:not([data-theme-preset]) .sunapi-pricing section[aria-label] {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-price-grid > div:nth-child(even) {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #30374155, transparent),
    linear-gradient(180deg, #20242a, #20242a 60%) !important
}
.dark body:not([data-theme-preset]):has(.sunapi-pricing) > #root {
  background: #20242a !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing-search input {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-benefits span {
  background: #292e35 !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-benefits svg,
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-meta > div::before {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing section[aria-label],
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-card {
  background: #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-filter-field [data-slot='select-trigger'],
.dark body:not([data-theme-preset]) .sunapi-pricing section[aria-label] > div > button,
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-footer button {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-filter-field [data-slot='select-trigger']:hover,
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-footer button:hover {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-badges span {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-badges span:first-child {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-price-grid > div:nth-child(even) {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-price-grid > div:nth-child(even)::before {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-site-footer {
  background:
    radial-gradient(ellipse at 30% 0, #303741, transparent 60%), #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-showcase-card {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-showcase .sunapi-benefit-strip {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-card {
  background:
    linear-gradient(145deg, #23272d, #20242a 65%, #23272d) padding-box,
    linear-gradient(145deg, #35d9fa, #4380ff 55%, #0dc9f5) border-box !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-price-block {
  border-color: #39424d !important;
  background: linear-gradient(115deg, #292e35, #292e35) !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-footer button {
  background: linear-gradient(110deg, #23272d, #292e35) !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-footer button:hover {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-card-approved {border-color:#303741 !important;background:linear-gradient(135deg,#23272d,#23272d) !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-card-approved .sunapi-model-footer button.sunapi-card-details {background:linear-gradient(110deg,#39424d,#303741) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved:hover,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved:focus-within {background:linear-gradient(135deg,#23272d,#23272d) !important;border-color:#303741 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card-approved .sunapi-model-footer button.sunapi-card-details {background:linear-gradient(110deg,#39424d,#303741) !important
}
.dark body:not([data-theme-preset]) .sunapi-details-popup {background:#20242a !important;border-color:#39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-details-header {background:linear-gradient(110deg,#292e3566,#23272d00) !important
}
.dark body:not([data-theme-preset]) .sunapi-details-tab-list {background:#20242a !important
}
.dark body:not([data-theme-preset]) .sunapi-details-price {background:linear-gradient(130deg,#292e35,#23272d) !important;border-color:#39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-details-output {background:linear-gradient(130deg,#292e35,#23272d) !important;border-color:#39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-details-cache {background:linear-gradient(130deg,#122a2c55,#23272d) !important;border-color:#39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-details-footer {background:#23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-details-copy-name {background:#292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-details-model-id {background:#20242a !important
}
.dark body:not([data-theme-preset]) .sunapi-site-footer {
  background:
    radial-gradient(ellipse 50% 60% at 20% 0, #303741, transparent), #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-footer-cta {
  background: linear-gradient(110deg, #303741 72%, #0c72ff 72%) !important
}
.dark body:not([data-theme-preset]) .sunapi-home {
  background:
    radial-gradient(ellipse at top right, #303741, transparent), #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-playground {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-showcase-card,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-step,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-stats {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-playground-code,
.dark body:not([data-theme-preset]) .sunapi-playground select {
  background: #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-newsletter {
  background: #303741 !important
}
@media (min-width: 900px) {
  .dark body:not([data-theme-preset]) .sunapi-site-footer {
    background: #23272d !important
  }
}
.dark body:not([data-theme-preset]) .sunapi-home {
  background:
    radial-gradient(ellipse 55% 24% at 80% 9%, #30374155, transparent),
    linear-gradient(180deg, #20242a, #20242a 60%) !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-stats,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-step,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-showcase-card {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):has(.sunapi-home),
.dark body:not([data-theme-preset]):has(.sunapi-home) > #root {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):has(.sunapi-home) header[role='banner'] {
  background: #20242aed !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-hero-eyebrow {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-hero .sunapi-hero-actions a:last-child,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-supported a,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-step a {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-hero-actions a:hover,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-supported a:hover,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-step a:hover {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-animated-stage .sunapi-provider-cards > span {
  background: linear-gradient(145deg, #303741, #292e35) !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-animated-stage::after {
  background: linear-gradient(155deg, #39424d66, #292e3599) !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-original-demo > div {
  background: #23272df5 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-original-demo::before {
  background: linear-gradient(105deg, #39424d80, #39424d80) !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-original-demo [class*='border-'] {
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-feature-icon,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-feature-link,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip > div > span,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-step > div:first-child > div:first-child {
  background: #303741 !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-art-code .sunapi-feature-icon,
.dark body:not([data-theme-preset])
  .sunapi-home
  .sunapi-step:nth-child(2)
  > div:first-child
  > div:first-child {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-stats .grid > div,
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip > div {
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-steps {
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-app-item[data-app='Kilo Code'] svg {
  background: #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-terminal-preview {
  background: #23272d !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-terminal-endpoint {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-v2 {
  background: radial-gradient(ellipse at 90% 10%, #3037414f, transparent) !important
}
.dark body:not([data-theme-preset]) .sunapi-reference-v2-eyebrow {
  background: #303741 !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-v2-actions a:last-child,
.dark body:not([data-theme-preset]) .sunapi-reference-code,
.dark body:not([data-theme-preset]) .sunapi-reference-v2-providers > div,
.dark body:not([data-theme-preset]) .sunapi-reference-v2-providers .sunapi-reference-v2-more,
.dark body:not([data-theme-preset]) .sunapi-reference-v2-hub {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-code-tabs {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-reference-code-body .group\/code-block {
  background: #23272d !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-code-copy {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-hub-button::before {
  background: conic-gradient(
    #303741 0deg,
    #303741 180deg,
    #6bd8ff 230deg,
    #478dff 265deg,
    #b5a0ff 300deg,
    #303741 340deg
  ) !important
}
.dark body:not([data-theme-preset]) .sunapi-hub-button::after {
  background: radial-gradient(ellipse at 50% 0%, #303741, #292e35 80%) !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-code {
  background: #23272d !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-reference-code-heading {
  background: linear-gradient(110deg, #292e35, #292e35) !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-editor-icon {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-reference-code-heading [data-slot='select-trigger'],
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-code-copy {
  background: #303741 !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-code-copy:hover {
  background: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-code-tabs {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset])
  .sunapi-home
  .sunapi-reference-code-tabs
  [data-slot='tabs-trigger'][data-active] {
  background: linear-gradient(0deg, #39424d, #292e3500) !important
}
.dark body:not([data-theme-preset]) .sunapi-reference-code-body .group\/code-block {
  background: #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-reference-code-number {
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-reference-code-note {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-stream-console {
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-stream-tabbar,
.dark body:not([data-theme-preset]) .sunapi-stream-request {
  background: #23272d !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset])
  .sunapi-home
  .sunapi-stream-tabbar
  [data-slot='tabs-trigger'][data-active] {
  background: linear-gradient(0deg, #303741, #23272d00) !important
}
.dark body:not([data-theme-preset]) .sunapi-stream-endpoint,
.dark body:not([data-theme-preset]) .sunapi-stream-footer {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-home .sunapi-stream-copy {
  background: #303741 !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-stream-response {
  background: linear-gradient(120deg, #292e35, #292e35) !important;
  border-color: #303741 !important
}
html.dark body:not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip>div {background:linear-gradient(145deg,#292e35,#23272d) !important;border-color:#303741 !important
}
.dark body:not([data-theme-preset]) main:has(> div > .sunapi-overview) {
  background:
    radial-gradient(ellipse 65% 42% at 100% 0%, #292e3580, transparent),
    radial-gradient(ellipse 75% 45% at 0% 0%, #292e3590, transparent), #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-overview-stat span:has(> svg) {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-overview-info-panel > div:first-child,
.dark body:not([data-theme-preset]) .sunapi-overview-performance > div:first-child {
  background: #292e3540 !important
}
.dark body:not([data-theme-preset]) .sunapi-overview-performance [class*='bg-muted/40'] {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) main:has(> div > .sunapi-overview) {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #30374155, transparent),
    linear-gradient(180deg, #20242a, #20242a 60%) !important
}
.dark body:not([data-theme-preset]) .sunapi-overview-stat span:has(> svg) {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-overview-info-panel > div:first-child,
.dark body:not([data-theme-preset]) .sunapi-overview-performance > div:first-child {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-overview-performance [class*='bg-muted/40'] {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-support {
  background:
    radial-gradient(ellipse 55% 32% at 85% 5%, #30374170, transparent),
    radial-gradient(ellipse 60% 28% at 7% 4%, #30374166, transparent),
    linear-gradient(#20242a, #20242a) !important
}
.dark body:not([data-theme-preset]) .sunapi-support-card {
  background: #23272de8 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-support-eyebrow,
.dark body:not([data-theme-preset]) .sunapi-support-icon,
.dark body:not([data-theme-preset]) .sunapi-support-number,
.dark body:not([data-theme-preset]) .sunapi-support-check:hover,
.dark body:not([data-theme-preset]) .sunapi-support-topic-link {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-support-contact {
  border-color: #303741 !important;
  background: linear-gradient(115deg, #292e35, #292e35) !important
}
.dark body:not([data-theme-preset]) .sunapi-support {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #30374155, transparent),
    linear-gradient(180deg, #20242a, #20242a 60%) !important
}
.dark body:not([data-theme-preset]) .sunapi-support-card {
  background: #23272d !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-support-eyebrow,
.dark body:not([data-theme-preset]) .sunapi-support-icon,
.dark body:not([data-theme-preset]) .sunapi-support-number,
.dark body:not([data-theme-preset]) .sunapi-support-topic-link {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-support-check:hover,
.dark body:not([data-theme-preset]) .sunapi-support-topic-link:hover {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-support-contact {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .code-panel {
  background: #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .code-bar {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .site-footer {
  background: #23272d !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .status {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page {
  background: #20242a !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .config-card,
.dark body:not([data-theme-preset]) .sunapi-docs-page .contents,
.dark body:not([data-theme-preset]) .sunapi-docs-page .step {
  background: #292e35 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .config-row,
.dark body:not([data-theme-preset]) .sunapi-docs-page .note,
.dark body:not([data-theme-preset]) .sunapi-docs-page th {
  background: #303741 !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page code {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #30374155, transparent),
    linear-gradient(180deg, #20242a, #20242a 60%) !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .btn {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .btn:hover {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .eyebrow,
.dark body:not([data-theme-preset]) .sunapi-docs-page .icon-box,
.dark body:not([data-theme-preset]) .sunapi-docs-page .section-number {
  background: #303741 !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .config-row,
.dark body:not([data-theme-preset]) .sunapi-docs-page .note,
.dark body:not([data-theme-preset]) .sunapi-docs-page th {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .contents nav a:hover,
.dark body:not([data-theme-preset]) .sunapi-docs-page .copy-btn:hover {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .contents nav a[aria-current] {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .help-card {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .error-code {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .code-panel {
  background: #20242a !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .code-bar {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-docs-page .skip {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]) .sunapi-site-header {
  background: #23272deb !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) {
  --background: #20242a !important;
  --card: #23272d !important;
  --popover: #292e35 !important;
  --secondary: #292e35 !important;
  --muted: #292e35 !important;
  --accent: #303741 !important;
  --sidebar: #20242a !important;
  --sidebar-accent: #303741 !important;
  --table-row: #23272d !important;
  --table-header: #292e35 !important;
  --table-header-hover: #303741 !important;
  --table-disabled: #292e35 !important;
  --table-disabled-hover: #292e35 !important;
  --skeleton-base: #292e35 !important;
  --skeleton-highlight: #303741 !important
}
.dark body:not([data-theme-preset]) header.sunapi-site-header,
.dark body:not([data-theme-preset]) header[role='banner'] {
  background: #20242aed !important;
  border-color: #303741 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-code-sample {
  background: linear-gradient(135deg, #20242a, #23272d) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing {
  background:
    radial-gradient(ellipse at top right, #23272d, transparent 65%), #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-model-card,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-stats,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-features
  > div
  > div:nth-child(2)
  > div,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-step,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing section[aria-label] {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-price-grid > div:nth-child(even) {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #292e3555, transparent),
    linear-gradient(180deg, #181b1f, #181b1f 60%) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]):has(.sunapi-pricing) > #root {
  background: #181b1f !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing-search input {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-benefits span {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-benefits svg,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-model-meta
  > div::before {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing section[aria-label],
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card {
  background: #20242a !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-filter-field
  [data-slot='select-trigger'],
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  section[aria-label]
  > div
  > button,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-model-footer
  button {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-filter-field
  [data-slot='select-trigger']:hover,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-model-footer
  button:hover {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-badges span {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-model-badges
  span:first-child {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-price-grid
  > div:nth-child(even) {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-price-grid
  > div:nth-child(even)::before {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-site-footer {
  background:
    radial-gradient(ellipse at 30% 0, #23272d, transparent 60%), #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-showcase-card {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-showcase .sunapi-benefit-strip {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card {
  background:
    linear-gradient(145deg, #20242a, #181b1f 65%, #20242a) padding-box,
    linear-gradient(145deg, #35d9fa, #4380ff 55%, #0dc9f5) border-box !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-price-block {
  background: linear-gradient(115deg, #23272d, #20242a) !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-model-footer
  button {
  background: linear-gradient(110deg, #20242a, #23272d) !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-model-footer
  button:hover {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-site-footer {
  background:
    radial-gradient(ellipse 50% 60% at 20% 0, #292e35, transparent), #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-footer-cta {
  background: linear-gradient(110deg, #292e35 72%, #0c72ff 72%) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home {
  background:
    radial-gradient(ellipse at top right, #292e35, transparent), #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-playground {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-showcase-card,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-step,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-stats {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-playground-code,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-playground select {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-newsletter {
  background: #292e35 !important
}
@media (min-width: 900px) {
  .dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-site-footer {
    background: #20242a !important
  }
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home {
  background:
    radial-gradient(ellipse 55% 24% at 80% 9%, #292e3555, transparent),
    linear-gradient(180deg, #181b1f, #181b1f 60%) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-stats,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-step,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-showcase-card {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]):has(.sunapi-home),
.dark body:not([data-theme-preset]):not([data-theme-preset]):has(.sunapi-home) > #root {
  background: #181b1f !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]):has(.sunapi-home) header[role='banner'] {
  background: #181b1fed !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-hero-eyebrow {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-reference-hero
  .sunapi-hero-actions
  a:last-child,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-supported a,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-step a {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-hero-actions a:hover,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-supported a:hover,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-step a:hover {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-animated-stage
  .sunapi-provider-cards
  > span {
  background: linear-gradient(145deg, #292e35, #23272d) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-animated-stage::after {
  background: linear-gradient(155deg, #292e3566, #20242a99) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-original-demo > div {
  background: #20242af5 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-original-demo::before {
  background: linear-gradient(105deg, #30374180, #30374180) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-feature-icon,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-feature-link,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-benefit-strip
  > div
  > span,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-step
  > div:first-child
  > div:first-child {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-art-code
  .sunapi-feature-icon,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-step:nth-child(2)
  > div:first-child
  > div:first-child {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-app-item[data-app='Kilo Code']
  svg {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-terminal-preview {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-terminal-endpoint {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-reference-v2 {
  background: radial-gradient(ellipse at 90% 10%, #23272d4f, transparent) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-reference-v2-eyebrow {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-reference-v2-actions
  a:last-child,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-reference-code,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-reference-v2-providers > div,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-reference-v2-providers
  .sunapi-reference-v2-more,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-reference-v2-hub {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-reference-code-tabs {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-reference-code-body
  .group\/code-block {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-reference-code-copy {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-hub-button::before {
  background: conic-gradient(
    #292e35 0deg,
    #292e35 180deg,
    #6bd8ff 230deg,
    #478dff 265deg,
    #b5a0ff 300deg,
    #292e35 340deg
  ) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-hub-button::after {
  background: radial-gradient(ellipse at 50% 0%, #292e35, #20242a 80%) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-reference-code {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-reference-code-heading {
  background: linear-gradient(110deg, #23272d, #23272d) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-editor-icon {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-reference-code-heading
  [data-slot='select-trigger'],
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-reference-code-copy {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-reference-code-copy:hover {
  background: #303741 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-reference-code-tabs {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-reference-code-tabs
  [data-slot='tabs-trigger'][data-active] {
  background: linear-gradient(0deg, #292e35, #23272d00) !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-reference-code-body
  .group\/code-block {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-reference-code-note {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-stream-tabbar,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-stream-request {
  background: #20242a !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-stream-tabbar
  [data-slot='tabs-trigger'][data-active] {
  background: linear-gradient(0deg, #292e35, #20242a00) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-stream-endpoint,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-stream-footer {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-home .sunapi-stream-copy {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-stream-response {
  background: linear-gradient(120deg, #23272d, #20242a) !important
}
html.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-benefit-strip
  > div {
  background: linear-gradient(145deg, #20242a, #20242a) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) main:has(> div > .sunapi-overview) {
  background:
    radial-gradient(ellipse 65% 42% at 100% 0%, #23272d80, transparent),
    radial-gradient(ellipse 75% 45% at 0% 0%, #23272d90, transparent), #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-overview-stat span:has(> svg) {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-overview-info-panel
  > div:first-child,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-overview-performance
  > div:first-child {
  background: #23272d40 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-overview-performance
  [class*='bg-muted/40'] {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) main:has(> div > .sunapi-overview) {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #292e3555, transparent),
    linear-gradient(180deg, #181b1f, #181b1f 60%) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-overview-stat span:has(> svg) {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-overview-info-panel
  > div:first-child,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-overview-performance
  > div:first-child {
  background: #23272d !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-overview-performance
  [class*='bg-muted/40'] {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support {
  background:
    radial-gradient(ellipse 55% 32% at 85% 5%, #23272d70, transparent),
    radial-gradient(ellipse 60% 28% at 7% 4%, #292e3566, transparent),
    linear-gradient(#181b1f, #20242a) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-card {
  background: #20242ae8 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-eyebrow,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-icon,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-number,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-check:hover,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-topic-link {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-contact {
  background: linear-gradient(115deg, #20242a, #23272d) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #292e3555, transparent),
    linear-gradient(180deg, #181b1f, #181b1f 60%) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-card {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-eyebrow,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-icon,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-number,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-topic-link {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-check:hover,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-topic-link:hover {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-support-contact {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .code-panel {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .code-bar {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .site-footer {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .status {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .config-card,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .contents,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .step {
  background: #20242a !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .config-row,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .note,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page th {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page code {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page {
  background:
    radial-gradient(ellipse 55% 450px at 80% 0, #292e3555, transparent),
    linear-gradient(180deg, #181b1f, #181b1f 60%) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .btn {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .btn:hover {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .eyebrow,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .icon-box,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .section-number {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .config-row,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .note,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page th {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .contents nav a:hover,
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .copy-btn:hover {
  background: #292e35 !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-docs-page
  .contents
  nav
  a[aria-current] {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .help-card {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .error-code {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .code-panel {
  background: #181b1f !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .code-bar {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-docs-page .skip {
  background: #23272d !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-site-header {
  background: #20242aeb !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]):not([data-theme-preset]) {
  --background: #181b1f !important;
  --card: #20242a !important;
  --popover: #23272d !important;
  --secondary: #23272d !important;
  --muted: #23272d !important;
  --accent: #292e35 !important;
  --sidebar: #181b1f !important;
  --sidebar-accent: #292e35 !important;
  --table-row: #20242a !important;
  --table-header: #23272d !important;
  --table-header-hover: #292e35 !important;
  --table-disabled: #23272d !important;
  --table-disabled-hover: #23272d !important;
  --skeleton-base: #23272d !important;
  --skeleton-highlight: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) header.sunapi-site-header,
.dark body:not([data-theme-preset]):not([data-theme-preset]) header[role='banner'] {
  background: #181b1fed !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .api-key-horizontal-card {
  background: linear-gradient(110deg, #23272d, #20242a) !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .api-key-card-icon {
  background: #292e35 !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .api-key-card-code {
  background: #20242a !important
}
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  #support-contact
  .sunapi-contact-small-icon.sunapi-contact-email {
  background: #292e35 !important
}
html.dark body:not([data-theme-preset]):not([data-theme-preset]) #sunapi-support-panel {
  background: #20242a !important
}
html.dark body:not([data-theme-preset]):not([data-theme-preset]) #sunapi-support-panel header {
  background: linear-gradient(120deg, #292e35, #23272d) !important
}
html.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  #sunapi-support-widget
  .sunapi-support-item {
  background: #23272d !important
}
html.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  #sunapi-support-widget
  .sunapi-support-item:hover {
  background: #292e35 !important
}
html.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  #sunapi-support-widget
  .sunapi-support-item {
  background: #23272d !important
}
html.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-home
  .sunapi-benefit-strip
  > div {
  background: linear-gradient(145deg, #20242a, #20242a) !important
}
.dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-card {
  background: linear-gradient(145deg, #23272d, #20242a 65%, #23272d) padding-box !important
}
.dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card,
.dark
  body:not([data-theme-preset]):not([data-theme-preset])
  .sunapi-pricing
  .sunapi-model-card:focus-within {

  background: linear-gradient(145deg, #20242a, #181b1f 65%, #20242a) padding-box !important
}
@media (hover: hover) and (pointer: fine) {
  .dark body:not([data-theme-preset]) .sunapi-pricing .sunapi-model-card:hover {
    background:
      linear-gradient(145deg, #23272d, #20242a 65%, #23272d) padding-box,
      linear-gradient(145deg, #35d9fa, #4380ff 55%, #0dc9f5) border-box !important
  }
}
@media (hover: hover) and (pointer: fine) {
  .dark body:not([data-theme-preset]):not([data-theme-preset]) .sunapi-pricing .sunapi-model-card:hover {

    background:
      linear-gradient(145deg, #20242a, #181b1f 65%, #20242a) padding-box,
      linear-gradient(145deg, #35d9fa, #4380ff 55%, #0dc9f5) border-box !important
  }
}
.dark body:not([data-theme-preset]) .api-key-horizontal-card {
  background: linear-gradient(110deg, #292e35, #23272d) !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) .api-key-card-icon {
  background: #303741 !important
}
.dark body:not([data-theme-preset]) .api-key-card-code {
  background: #23272d !important;
  border-color: #39424d !important
}
.dark body:not([data-theme-preset]) #support-contact .sunapi-contact-small-icon.sunapi-contact-email {background:#39424d !important
}
html.dark body:not([data-theme-preset]) #sunapi-support-panel {background:#23272d !important;border-color:#303741 !important
}
html.dark body:not([data-theme-preset]) #sunapi-support-panel header {background:linear-gradient(120deg,#303741,#292e35) !important
}
html.dark body:not([data-theme-preset]) #sunapi-support-widget .sunapi-support-item {background:#292e35 !important;border-color:#303741 !important
}
html.dark body:not([data-theme-preset]) #sunapi-support-widget .sunapi-support-item:hover {background:#303741 !important
}
html.dark body:not([data-theme-preset]) #sunapi-support-widget .sunapi-support-item {background:#292e35 !important;border-color:#39424d !important
}
html.dark body:not([data-theme-preset]) .sunapi-home .sunapi-benefit-strip>div {background:linear-gradient(145deg,#292e35,#23272d) !important;border-color:#303741 !important
}

/* Codex-inspired neutral charcoal review. Not deployed. */
html.dark, html.dark body:not([data-theme-preset]) { --background:#181b1f!important; --foreground:#edf0f2!important; --card:#23272d!important; --card-foreground:#edf0f2!important; --popover:#292e35!important; --popover-foreground:#edf0f2!important; --secondary:#2e343b!important; --muted:#2e343b!important; --muted-foreground:#aeb8c4!important; --accent:#303030!important; --accent-foreground:#fafafa!important; --border:#3b424b!important; --input:#3b424b!important; --sidebar:#161616!important; --sidebar-accent:#2e2e2e!important; --table-row:#20242a!important; --table-header:#262626!important; background:#181b1f!important; color:#edf0f2!important; }
html.dark body:not([data-theme-preset]) #root, html.dark body:not([data-theme-preset]) #root>div, html.dark body:not([data-theme-preset]) #root .sunapi-pricing { background:#181b1f!important; background-image:none!important; }
html.dark body:not([data-theme-preset]) #root .sunapi-site-header {background:rgba(24,27,31,.97)!important;border-color:#3b434d!important;box-shadow:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-hero {background:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-hero::before,html.dark body:not([data-theme-preset]) #root .sunapi-pricing::before {display:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-hero h1 {background:none!important;-webkit-text-fill-color:#edf0f2!important;color:#edf0f2!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-hero p,html.dark body:not([data-theme-preset]) #root .sunapi-eyebrow,html.dark body:not([data-theme-preset]) #root .sunapi-card-description,html.dark body:not([data-theme-preset]) #root .sunapi-check-badge,html.dark body:not([data-theme-preset]) #root .sunapi-site-links a {color:#c4cbd3!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-model-card,html.dark body:not([data-theme-preset]) #root .sunapi-model-card-approved {background:#23272d!important;background-image:none!important;border-color:#3b424b!important;box-shadow:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-model-card:hover {background:#282828!important;border-color:#555555!important;box-shadow:0 10px 28px #0005!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-model-card::before,html.dark body:not([data-theme-preset]) #root .sunapi-model-card::after{display:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-model-name {color:#edf0f2!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-model-code,html.dark body:not([data-theme-preset]) #root .sunapi-shared-token-unit,html.dark body:not([data-theme-preset]) #root .sunapi-check-half>span:first-child,html.dark body:not([data-theme-preset]) #root .sunapi-check-cache>span:first-child {color:#aeb8c4!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-search {background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-search input {background:#272c32!important;border-color:#333!important;box-shadow:0 0 0 5px #ffffff03!important;color:#d4d4d4!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-benefits>*,html.dark body:not([data-theme-preset]) #root .sunapi-benefits li,html.dark body:not([data-theme-preset]) #root .sunapi-compact-type-filter,html.dark body:not([data-theme-preset]) #root .sunapi-pricing-toolbar button {background:#292e35!important;border-color:#3b424b!important;color:#d4d4d4!important;box-shadow:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-provider-shortcuts button {background:#20242a!important;border-color:#3b424b!important;color:#c4cbd3!important;box-shadow:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-provider-shortcuts button[aria-pressed=true],html.dark body:not([data-theme-preset]) #root .sunapi-provider-shortcuts button[aria-checked=true],html.dark body:not([data-theme-preset]) #root .sunapi-provider-shortcuts button[data-state=checked] {background:#3b434d!important;border-color:#777777!important;color:#fff!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-provider-count {color:#d4d4d4!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-vendor-avatar {background:#2e343b!important;border-color:#3a3a3a!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-card-tags>* {background:#2e343b!important;border-color:#3b424b!important;color:#c4cbd3!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-price-block,html.dark body:not([data-theme-preset]) #root .sunapi-price-grid {background:transparent!important;border-color:#3b424b!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-model-footer {border-color:#3b424b!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-card-details {background:#2e343b!important;border-color:#404040!important;color:#edf0f2!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-site-footer {background:#161616!important;background-image:none!important;border-color:#3b424b!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-site-footer::before,html.dark body:not([data-theme-preset]) #root .sunapi-site-footer::after {display:none!important;}

html.dark body:not([data-theme-preset]) #root .sunapi-site-links a::after { box-shadow:none!important; background:#dedede!important; }
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-search input {box-shadow:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-benefits svg {background:transparent!important;color:#b4b4b4!important;box-shadow:none!important;}


/* Feature card component surfaces follow the approved slate palette. */
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-feature-v2 {
  --feature-text: #edf0f2;
  --feature-muted: #aeb8c4;
  --feature-line: #3b424b;
  --feature-surface: #1c2025;
  background: #23272d !important;
  border-color: #3b424b !important;
  box-shadow: none !important;
}
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-feature-v2:hover {
  background: #272c32 !important;
  border-color: #596574 !important;
}
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-feature-v2-icon {
  background: #292e35 !important;
  border-color: #46505c !important;
  box-shadow: none !important;
}
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-v2-endpoint,
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-v2-apps span,
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-v2-key-row,
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-v2-model-row,
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-v2-code-window {
  background: #1c2025 !important;
  border-color: #3b424b !important;
  box-shadow: none !important;
}
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-v2-code-bar {
  background: #20242a !important;
  border-color: #3b424b !important;
}
html.dark body:not([data-theme-preset]) #root .sunapi-home .sunapi-feature-heading-compact p {color: #c4cbd3 !important;}

/* Approved graphite readability refinement: pricing only. */
html.dark body:not([data-theme-preset]) #root .sunapi-pricing { --muted-foreground:#b9c4d0; color:#f1f4f6!important; background:#16191d!important; }
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved {background:#252a31!important;border-color:#46505c!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved:hover {background:#2b323a!important;border-color:#657384!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-card-description {color:#d4dbe3!important;font-size:14.5px!important;line-height:1.65!important;font-weight:400!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-name {color:#f1f4f6!important;font-weight:600!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-code,
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-shared-token-unit {color:#b9c4d0!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-provider-shortcuts button {background:#20252b!important;color:#d4dbe3!important;border-color:#46505c!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-provider-shortcuts button[aria-pressed=true] {background:#354351!important;border-color:#74a7d4!important;color:#edf5fc!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div:first-child>span:first-child {color:#8ddac8!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div:nth-child(2)>span:first-child {color:#c6b1eb!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-search input {background:#20252b!important;border-color:#46505c!important;color:#e1e7ed!important;box-shadow:none!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-pricing-search input::placeholder {color:#b9c4d0!important;opacity:1!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-check-badge {color:#c4cfda!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing-hero p,
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-eyebrow {color:#d4dbe3!important;}


/* Pricing unit and small-text review, not deployed. */
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div>span:first-child{font-size:12px!important;line-height:1.4!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div>span:nth-child(2){flex-wrap:nowrap!important;flex-direction:column!important;justify-content:flex-start;gap:5px!important;align-items:flex-start!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div>span:nth-child(2)>span.sr-only{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;display:flex!important;flex-direction:row;flex-shrink:0;align-self:flex-end;align-items:center;gap:3px;color:#bec8d3!important;font-family:inherit!important;font-size:10px!important;line-height:1.25!important;font-weight:400!important;white-space:nowrap!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div>span:nth-child(2)>span.sr-only>span{font-size:10px!important;line-height:1.25!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-code{font-size:10.5px!important;line-height:1.4!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-card-tags>*{font-size:10.5px!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-brand-row>span{font-size:11px!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-check-half>span:first-child,
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-check-cache>span:first-child{font-size:10px!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-check-cache small{font-size:9px!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-shared-token-unit{display:none!important;}

html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div>span:nth-child(2)>span:first-child{white-space:nowrap!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-card-description{min-height:48px!important;}

/* Both prices share the same card surface. */
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div,
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div:nth-child(even){background:transparent!important;background-image:none!important;box-shadow:none!important;}

html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div>span:nth-child(2)>span.sr-only {clip-path:none!important;margin:0!important;padding:0!important;border:0!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-price-grid>div>span:nth-child(2)>span.sr-only::after {content:" tokens";}

/* Hover/focus preview. Idle borders stay subdued. */
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved {
 border-color:#46505c!important;box-shadow:none!important;
 transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
@media (hover:hover) {
 html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved:hover {
  border-color:#8bbfe8!important;box-shadow:0 0 0 1px #8bbfe829,0 0 18px #78b9ef14!important;
 }
 html.dark body:not([data-theme-preset]) #root .sunapi-pricing button:not(:disabled):hover {
  border-color:#a2cbed!important;box-shadow:0 0 0 1px #8bbfe833,0 0 12px #78b9ef1a!important;
 }
}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved:focus-within {
 border-color:#8bbfe8!important;box-shadow:0 0 0 1px #8bbfe829!important;
}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing button {transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing button:focus-visible {border-color:#a2cbed!important;outline:2px solid #8bbfe8!important;outline-offset:2px;}
@media (prefers-reduced-motion:reduce) {
 html.dark body:not([data-theme-preset]) #root .sunapi-pricing button,
 html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card.sunapi-model-card-approved {transition:none!important;}
}


/* Approved secondary and primary card actions. */
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-model-footer button.sunapi-card-copy-name {background:transparent!important;border-color:#46505c!important;color:#c4cbd3!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-model-footer button.sunapi-card-details {background:#28445c!important;border-color:#52718b!important;color:#f4f7fa!important;}
@media(hover:hover){
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-model-footer button.sunapi-card-copy-name:hover {background:#2b323a!important;border-color:#a2cbed!important;color:#f4f7fa!important;}
html.dark body:not([data-theme-preset]) #root .sunapi-pricing .sunapi-model-card .sunapi-model-footer button.sunapi-card-details:hover {background:#335670!important;border-color:#a2cbed!important;color:#fff!important;}
}