.support-theme-shell {
    position: relative;
    isolation: isolate;
  }

  .support-theme-shell .support-search-shell {
    position: relative;
    border-radius: 1.5rem;
    border: 1px solid color-mix(in srgb, var(--public-panel-border, rgba(148, 163, 184, 0.18)) 90%, transparent);
    background: color-mix(in srgb, var(--public-panel-bg, rgba(255, 255, 255, 0.88)) 90%, transparent);
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(18px) saturate(150%);
  }

  .support-theme-shell .support-panel,
  .support-theme-shell .support-card,
  .support-theme-shell .support-callout,
  .support-theme-shell .support-chip {
    border: 1px solid var(--public-panel-border, rgba(148, 163, 184, 0.18));
    background: color-mix(in srgb, var(--public-panel-bg, rgba(255, 255, 255, 0.9)) 90%, transparent);
    color: var(--public-text-strong, #0f172a);
    backdrop-filter: blur(18px) saturate(145%);
  }

  .support-theme-shell .support-subcard {
    border: 1px solid var(--public-divider-color, rgba(148, 163, 184, 0.18));
    background: color-mix(in srgb, var(--public-subcard-bg, rgba(255, 255, 255, 0.88)) 92%, transparent);
    color: var(--public-text-muted, #475569);
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .support-search-shell,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .support-panel,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .support-card,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .support-callout,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .support-chip {
    background: var(--public-panel-bg, rgba(6, 12, 24, 0.94));
    box-shadow: 0 24px 56px rgba(2, 6, 23, 0.28);
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .support-subcard {
    background: var(--public-subcard-bg, rgba(16, 28, 52, 0.94));
    border-color: var(--public-divider-color, rgba(96, 165, 250, 0.12));
    color: var(--public-text-muted, rgba(226, 232, 240, 0.86));
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-gray-900,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-slate-900,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-gray-800,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-gray-700 {
    color: var(--public-text-strong, #f8fafc) !important;
  }

  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-gray-600,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-gray-500,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-gray-400,
  :is(body.theme-dark, body.ui-mode-dark, body.public-site-body.preset-mode-dark) .support-theme-shell .text-gray-300 {
    color: var(--public-text-muted, rgba(226, 232, 240, 0.86)) !important;
  }