/*!
 * Supercharger - Core Styles
 *
 * Minimal, theme-friendly structural styles.
 * Version: 1.0.0
 *
 * PHILOSOPHY:
 * - Only structural/layout CSS here
 * - NO visual styles (colors, typography, etc.)
 * - Theme styles take precedence
 * - Component styles live in modules
 */
:root {
  --supercharger-spacing-unit: 1rem;
  --supercharger-spacing-xs: calc(var(--supercharger-spacing-unit) * 0.25);
  --supercharger-spacing-sm: calc(var(--supercharger-spacing-unit) * 0.5);
  --supercharger-spacing-md: var(--supercharger-spacing-unit);
  --supercharger-spacing-lg: calc(var(--supercharger-spacing-unit) * 1.5);
  --supercharger-spacing-xl: calc(var(--supercharger-spacing-unit) * 2);
  --supercharger-spacing-xxl: calc(var(--supercharger-spacing-unit) * 2.5);
  --supercharger-border-radius-sm: 4px;
  --supercharger-border-radius-md: 6px;
  --supercharger-border-radius-lg: 10px;
  --supercharger-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --supercharger-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --supercharger-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --supercharger-transition-fast: 150ms ease-in-out;
  --supercharger-transition-base: 250ms ease-in-out;
  --supercharger-post-meta-gap: var(--supercharger-spacing-sm);
  --supercharger-post-meta-margin-top: 0;
  --supercharger-post-meta-icon-gap: calc(var(--supercharger-spacing-unit) * 0.125);
  --supercharger-post-meta-icon-opacity: 0.8;
  --supercharger-post-meta-badge-padding: calc(var(--supercharger-spacing-unit) * 0.125)
    calc(var(--supercharger-spacing-unit) * 0.375);
  --supercharger-post-meta-badge-radius: var(--supercharger-border-radius-sm);
}

.supercharger-module {
  --supercharger-widget-margin-block: 2.5rem;
  --supercharger-widget-padding-sm: 1.5rem;
  --supercharger-widget-padding: 2.5rem;
  --supercharger-thumbnail-ratio: 16/9;
  --supercharger-widget-corner: 10px;
  --supercharger-card-corner: 10px;
  --supercharger-thumbnail-corner: 6px;
  --supercharger-button-corner: 6px;
  --supercharger-border-width: 1px;
  --supercharger-border-style: solid;
  --supercharger-card-border-width: 0;
  --supercharger-outline-width: 2px;
  --supercharger-outline-offset: -2px;
  --supercharger-shadow-h-offset: 0;
  --supercharger-shadow-v-offset: 10px;
  --supercharger-shadow-blur: 30px;
  --supercharger-shadow-spread: 0;
  --supercharger-ai-badge-corner: 4px;
  --supercharger-ai-badge-font-size: 0.6875em;
  --supercharger-ai-badge-line-height: 1.2;
  --supercharger-ai-badge-font-weight: 400;
  --supercharger-ai-badge-letter-spacing: -0.04em;
  --supercharger-ai-badge-opacity: 0.4;
  --supercharger-ai-badge-offset: 1px;
  --supercharger-color-background: #fff;
  --supercharger-color-layout: #f6f6ff;
  --supercharger-color-primary: #000;
  --supercharger-widget-bg: var(--supercharger-color-background);
  --supercharger-layout-bg: var(--supercharger-color-layout);
  --supercharger-heading-color: var(--supercharger-color-primary);
  --supercharger-text-color: var(--supercharger-color-primary);
  --supercharger-secondary-color: #5c5c5c;
  --supercharger-accent-color: #5338ff;
  --supercharger-accent-contrast-color: #fff;
  --supercharger-accent-color-light: #d5d8ff;
  --supercharger-button-color: #5338ff;
  --supercharger-button-bg: #fff;
  --supercharger-border-color: #d5d8ff;
  --supercharger-card-border-color: transparent;
  --supercharger-outline-color: #d5d8ff;
  --supercharger-shadow-color: #12008212;
  --supercharger-gradient-start-color: #6c79ff;
  --supercharger-gradient-end-color: #efa2ff;
  --supercharger-gradient-contrast: #fff;
  --supercharger-gradient-secondary-contrast: rgba(255, 255, 255, 0.7);
  --supercharger-gradient-bg-start-color: #f8f8ff;
  --supercharger-gradient-bg-end-color: #fff;
  --supercharger-post-meta-badge-color: #5338ff;
  --supercharger-post-meta-badge-bg: #f3f2ff;
  --supercharger-ai-badge-color: #5338ff;
  --supercharger-ai-badge-bg: #f2eaff;
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-module[data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
  --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
  --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-module[data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
  --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
  --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
@media (prefers-color-scheme: dark) {
  :where(body[data-scheme=auto]) .supercharger-module[data-dark-mode=auto] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
    --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
    --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-module[data-dark-mode=auto] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
    --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
    --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-module[data-dark-mode=auto] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
    --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
    --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-module[data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
  --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
  --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
:where(body.dark:not([data-scheme=light])) .supercharger-module[data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
  --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
  --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
@media (prefers-color-scheme: dark) {
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-module[data-dark-mode=system] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #5338ff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #fff);
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-card-border-color: var(--supercharger-card-border-color-dark, transparent);
    --supercharger-outline-color: var(--supercharger-outline-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #6c79ff);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #efa2ff);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-gradient-bg-start-color: var(--supercharger-gradient-bg-start-color-dark, #222);
    --supercharger-gradient-bg-end-color: var(--supercharger-gradient-bg-end-color-dark, #222);
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
}

.supercharger-module[data-preset=minimal] {
  --supercharger-color-background: #fff;
  --supercharger-color-layout: #f6f6f6;
  --supercharger-color-primary: #000;
  --supercharger-widget-bg: var(--supercharger-color-background);
  --supercharger-layout-bg: var(--supercharger-color-layout);
  --supercharger-heading-color: var(--supercharger-color-primary);
  --supercharger-text-color: var(--supercharger-color-primary);
  --supercharger-border-color: #d6d6d6;
  --supercharger-card-border-color: transparent;
  --supercharger-outline-color: #d6d6d6;
  --supercharger-shadow-color: #12008212;
  --supercharger-secondary-color: #5c5c5c;
  --supercharger-accent-color: #555;
  --supercharger-accent-contrast-color: #fff;
  --supercharger-accent-color-light: #d6d6d6;
  --supercharger-button-color: #000;
  --supercharger-button-bg: #fff;
  --supercharger-gradient-start-color: #000;
  --supercharger-gradient-end-color: #000;
  --supercharger-gradient-contrast: #fff;
  --supercharger-gradient-secondary-contrast: rgba(255, 255, 255, 0.7);
  --supercharger-post-meta-badge-color: #555;
  --supercharger-post-meta-badge-bg: #eaeaea;
  --supercharger-ai-badge-color: #555;
  --supercharger-ai-badge-bg: #eaeaea;
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-module[data-preset=minimal][data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-module[data-preset=minimal][data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
@media (prefers-color-scheme: dark) {
  :where(body[data-scheme=auto]) .supercharger-module[data-preset=minimal][data-dark-mode=auto] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-module[data-preset=minimal][data-dark-mode=auto] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-module[data-preset=minimal][data-dark-mode=auto] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-module[data-preset=minimal][data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
:where(body.dark:not([data-scheme=light])) .supercharger-module[data-preset=minimal][data-dark-mode=auto] {
  --supercharger-color-background: var(--supercharger-color-background-dark, #222);
  --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
  --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
  --supercharger-widget-bg: var(--supercharger-color-layout);
  --supercharger-layout-bg: var(--supercharger-color-background);
  --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
  --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
  --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
  --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
  --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
  --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
  --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
  --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
  --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
  --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
  --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
  --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
  --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
  --supercharger-gradient-secondary-contrast: var(
    --supercharger-gradient-secondary-contrast-dark,
    rgba(255, 255, 255, 0.7)
  );
  --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
  --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
}
@media (prefers-color-scheme: dark) {
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-module[data-preset=minimal][data-dark-mode=system] {
    --supercharger-color-background: var(--supercharger-color-background-dark, #222);
    --supercharger-color-layout: var(--supercharger-color-layout-dark, #3f3f3f);
    --supercharger-color-primary: var(--supercharger-color-primary-dark, #fff);
    --supercharger-widget-bg: var(--supercharger-color-layout);
    --supercharger-layout-bg: var(--supercharger-color-background);
    --supercharger-heading-color: var(--supercharger-heading-color-dark, var(--supercharger-color-primary));
    --supercharger-text-color: var(--supercharger-text-color-dark, var(--supercharger-color-primary));
    --supercharger-border-color: var(--supercharger-border-color-dark, #3f3f3f);
    --supercharger-shadow-color: var(--supercharger-shadow-color-dark, #00000024);
    --supercharger-secondary-color: var(--supercharger-secondary-color-dark, #cbcbcb);
    --supercharger-accent-color: var(--supercharger-accent-color-dark, #fff);
    --supercharger-accent-contrast-color: var(--supercharger-accent-contrast-color-dark, #222);
    --supercharger-accent-color-light: var(--supercharger-accent-color-light-dark, #cbcbcb);
    --supercharger-button-color: var(--supercharger-button-color-dark, #fff);
    --supercharger-button-bg: var(--supercharger-button-bg-dark, #222);
    --supercharger-gradient-start-color: var(--supercharger-gradient-start-color-dark, #3f3f3f);
    --supercharger-gradient-end-color: var(--supercharger-gradient-end-color-dark, #3f3f3f);
    --supercharger-gradient-contrast: var(--supercharger-gradient-contrast-dark, #fff);
    --supercharger-gradient-secondary-contrast: var(
      --supercharger-gradient-secondary-contrast-dark,
      rgba(255, 255, 255, 0.7)
    );
    --supercharger-post-meta-badge-color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
    --supercharger-post-meta-badge-bg: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    --supercharger-ai-badge-color: var(--supercharger-ai-badge-color-dark, #cbcbcb);
    --supercharger-ai-badge-bg: var(--supercharger-ai-badge-bg-dark, #292929);
  }
}

.supercharger-module[data-preset=outline] {
  --supercharger-widget-bg: transparent;
  --supercharger-layout-bg: transparent;
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-module[data-preset=outline][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-module[data-preset=outline][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
}
@media (prefers-color-scheme: dark) {
  :where(body[data-scheme=auto]) .supercharger-module[data-preset=outline][data-dark-mode=auto] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-module[data-preset=outline][data-dark-mode=auto] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-module[data-preset=outline][data-dark-mode=auto] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  }
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-module[data-preset=outline][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
}
:where(body.dark:not([data-scheme=light])) .supercharger-module[data-preset=outline][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
}
@media (prefers-color-scheme: dark) {
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-module[data-preset=outline][data-dark-mode=system] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  }
}

.supercharger-module[data-preset=flat] {
  --supercharger-shadow-h-offset: 0;
  --supercharger-shadow-v-offset: 0;
  --supercharger-shadow-blur: 0;
  --supercharger-shadow-spread: 0;
}

.supercharger-module[data-preset=sharp] {
  --supercharger-shadow-h-offset: 0;
  --supercharger-shadow-v-offset: 0;
  --supercharger-shadow-blur: 0;
  --supercharger-shadow-spread: 0;
  --supercharger-widget-corner: 0;
  --supercharger-card-corner: 0;
  --supercharger-thumbnail-corner: 0;
  --supercharger-button-corner: 0;
  --supercharger-ai-badge-corner: 0;
}

.supercharger-module[data-preset=embedded] {
  --supercharger-content-max-width: 100%;
}
.supercharger-module[data-preset=embedded]:not(.ai-footer-recirculation--embedded, .ai-highlight--embedded) {
  --supercharger-widget-padding-sm: 0;
  --supercharger-widget-padding: 0;
}
.supercharger-module[data-preset=embedded]:not(.ai-exit-intent-recirculation--embedded, .ai-smart-up-next--embedded) {
  --supercharger-shadow-h-offset: 0;
  --supercharger-shadow-v-offset: 0;
  --supercharger-shadow-blur: 0;
  --supercharger-shadow-spread: 0;
}
.supercharger-module[data-preset=embedded] {
  --supercharger-border-width: 0;
  --supercharger-widget-bg: transparent;
  --supercharger-layout-bg: transparent;
  --supercharger-border-color: transparent;
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-module[data-preset=embedded][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-module[data-preset=embedded][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
}
@media (prefers-color-scheme: dark) {
  :where(body[data-scheme=auto]) .supercharger-module[data-preset=embedded][data-dark-mode=auto] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
    --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-module[data-preset=embedded][data-dark-mode=auto] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
    --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-module[data-preset=embedded][data-dark-mode=auto] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
    --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
  }
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-module[data-preset=embedded][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
}
:where(body.dark:not([data-scheme=light])) .supercharger-module[data-preset=embedded][data-dark-mode=auto] {
  --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
  --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
  --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
}
@media (prefers-color-scheme: dark) {
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-module[data-preset=embedded][data-dark-mode=system] {
    --supercharger-widget-bg: var(--supercharger-widget-bg-dark, transparent);
    --supercharger-layout-bg: var(--supercharger-layout-bg-dark, transparent);
    --supercharger-border-color: var(--supercharger-border-color-dark, transparent);
  }
}
.supercharger-module[data-preset=embedded].ai-highlight--embedded {
  --supercharger-widget-padding-sm: 0;
  --supercharger-widget-padding: 0;
}
.supercharger-module[data-preset=embedded].ai-highlight--embedded[data-border=accent] {
  --supercharger-widget-padding-sm: 0 0 0 var(--supercharger-spacing-lg);
  --supercharger-widget-padding: 0 0 0 var(--supercharger-spacing-xxl);
}
.supercharger-module[data-preset=embedded] .supercharger-ai-badge-inside {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  transform: none;
  justify-content: flex-end;
  padding-block-start: var(--supercharger-spacing-xs);
}

@keyframes supercharger-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes supercharger-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes supercharger-slide-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes supercharger-slide-in-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes supercharger-slide-in-left {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes supercharger-slide-in-right {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes supercharger-bounce {
  0%, 100%, 80% {
    transform: scale(0);
  }
  40% {
    transform: scale(0.75);
  }
}
@keyframes supercharger-ripple {
  0% {
    opacity: 0.5;
    box-shadow: 0 0 0 0 var(--supercharger-button-bg);
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0 10px transparent;
  }
}
/**
 * Container Layout
 *
 * Container context for modules using Container Queries
 */
.supercharger-container {
  container-type: inline-size;
  container-name: supercharger-module;
  width: 100%;
}

.supercharger-section {
  padding-block: clamp(var(--supercharger-spacing-lg), 5vw, var(--supercharger-spacing-2xl));
}
.supercharger-section--compact {
  padding-block: var(--supercharger-spacing-md);
}

/**
 * Grid Layout
 *
 * Responsive grid using Container Queries
 */
.supercharger-grid {
  display: grid;
  gap: var(--supercharger-spacing-md);
}
.supercharger-grid--auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17.5rem), 1fr));
  gap: var(--supercharger-spacing-md);
}
.supercharger-grid--adaptive {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}
@container (min-width: 768px) {
  .supercharger-grid--adaptive {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  }
}
@container (min-width: 1200px) {
  .supercharger-grid--adaptive {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  }
}
.supercharger-grid--gap-sm {
  gap: var(--supercharger-spacing-sm);
}
.supercharger-grid--gap-lg {
  gap: var(--supercharger-spacing-lg);
}

.supercharger-post-meta__taxonomies {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--supercharger-post-meta-gap, var(--supercharger-spacing-sm));
  margin-top: var(--supercharger-post-meta-margin-top, 0);
  color: var(--supercharger-post-meta-color, inherit);
  font-size: var(--supercharger-post-meta-font-size, 0.75em);
}
.supercharger-post-meta__taxonomies:empty {
  display: none;
}
.supercharger-post-meta__taxonomies .supercharger-post-meta__item {
  display: inline-flex;
  align-items: center;
  gap: var(--supercharger-spacing-xs);
}

.supercharger-post-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--supercharger-post-meta-gap, var(--supercharger-spacing-sm));
  margin-top: var(--supercharger-post-meta-margin-top, 0);
  color: var(--supercharger-post-meta-color, inherit);
  font-size: var(--supercharger-post-meta-font-size, 0.875em);
}
.supercharger-post-meta:first-child {
  margin-top: 0;
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-post-meta {
  color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-post-meta {
  color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
}
@media (prefers-color-scheme: dark) {
  :where(body[data-scheme=auto]) .supercharger-post-meta {
    color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-post-meta {
    color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-post-meta {
    color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
  }
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-post-meta {
  color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
}
:where(body.dark:not([data-scheme=light])) .supercharger-post-meta {
  color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
}
@media (prefers-color-scheme: dark) {
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-post-meta {
    color: var(--supercharger-post-meta-color-dark, var(--supercharger-post-meta-color, inherit));
  }
}
.supercharger-post-meta .supercharger-post-meta__item:not(:first-child)::before {
  content: "";
  width: var(--supercharger-spacing-xs);
  height: var(--supercharger-spacing-xs);
  margin-inline-end: calc(var(--supercharger-post-meta-gap, var(--supercharger-spacing-sm)) - var(--supercharger-post-meta-icon-gap, 0.25em));
  border-radius: 50%;
  background: var(--supercharger-post-meta-color, inherit);
}

.supercharger-post-meta__item {
  display: inline-flex;
  align-items: center;
  gap: var(--supercharger-post-meta-icon-gap, 0.25em);
  color: inherit;
  font-size: inherit;
}
.supercharger-post-meta__item object {
  display: inline-flex;
  align-items: center;
  gap: var(--supercharger-post-meta-icon-gap, 0.25em);
}

.supercharger-post-meta__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--supercharger-post-meta-icon-color, currentColor);
  font-size: 1rem;
}
.supercharger-post-meta__icon svg {
  display: block;
  width: 1em;
  height: 1em;
}

.supercharger-post-meta__value {
  color: var(--supercharger-post-meta-value-color, inherit);
}

.supercharger-post-meta__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}
.supercharger-post-meta__link:hover, .supercharger-post-meta__link:focus {
  color: var(--supercharger-post-meta-link-hover-color, var(--supercharger-accent-color));
}

.supercharger-post-meta__badge {
  display: inline-flex;
  align-items: center;
  padding: var(--supercharger-post-meta-badge-padding, 0.125em 0.5em);
  background-color: var(--supercharger-post-meta-badge-bg, #f3f2ff);
  color: var(--supercharger-post-meta-badge-color, #5338ff);
  border-radius: var(--supercharger-post-meta-badge-radius, var(--supercharger-border-radius-sm, 4px));
}
.supercharger-post-meta__badge--default {
  background-color: var(--supercharger-post-meta-badge-bg, #f3f2ff);
  color: var(--supercharger-post-meta-badge-color, #5338ff);
}
.supercharger-post-meta__badge--success {
  background-color: var(--supercharger-post-meta-badge-success-bg, #dcfce7);
  color: var(--supercharger-post-meta-badge-success-color, #22c55e);
}
.supercharger-post-meta__badge--warning {
  background-color: var(--supercharger-post-meta-badge-warning-bg, #fef9c3);
  color: var(--supercharger-post-meta-badge-warning-color, #eab308);
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-post-meta__badge {
  background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
  color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-post-meta__badge--default {
  background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-post-meta__badge--success {
  background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
  color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
}
:where(html[data-scheme=dark], html[data-theme=dark]) .supercharger-post-meta__badge--warning {
  background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
  color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-post-meta__badge {
  background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
  color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-post-meta__badge--default {
  background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-post-meta__badge--success {
  background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
  color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
}
:where(body[data-scheme=dark], body[data-theme=dark]) .supercharger-post-meta__badge--warning {
  background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
  color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
}
@media (prefers-color-scheme: dark) {
  :where(body[data-scheme=auto]) .supercharger-post-meta__badge {
    background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
    color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
  }
  :where(body[data-scheme=auto]) .supercharger-post-meta__badge--default {
    background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  }
  :where(body[data-scheme=auto]) .supercharger-post-meta__badge--success {
    background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
    color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
  }
  :where(body[data-scheme=auto]) .supercharger-post-meta__badge--warning {
    background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
    color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-post-meta__badge {
    background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
    color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-post-meta__badge--default {
    background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-post-meta__badge--success {
    background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
    color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
  }
  :where(html[data-scheme=auto], html[data-theme=auto]) .supercharger-post-meta__badge--warning {
    background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
    color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-post-meta__badge {
    background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
    color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-post-meta__badge--default {
    background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-post-meta__badge--success {
    background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
    color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
  }
  :where(html:not([data-scheme]):not([data-theme])) body:not([data-scheme=light]):not([data-scheme=dark]):not([data-scheme=default]) .supercharger-post-meta__badge--warning {
    background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
    color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
  }
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-post-meta__badge {
  background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
  color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-post-meta__badge--default {
  background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-post-meta__badge--success {
  background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
  color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
}
:where(html.dark:not([data-scheme=light]),
html.dark-mode:not([data-scheme=light]),
html.is-dark-theme:not([data-scheme=light])) body:not([data-scheme=light]) .supercharger-post-meta__badge--warning {
  background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
  color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
}
:where(body.dark:not([data-scheme=light])) .supercharger-post-meta__badge {
  background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
  color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
}
:where(body.dark:not([data-scheme=light])) .supercharger-post-meta__badge--default {
  background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
  color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
}
:where(body.dark:not([data-scheme=light])) .supercharger-post-meta__badge--success {
  background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
  color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
}
:where(body.dark:not([data-scheme=light])) .supercharger-post-meta__badge--warning {
  background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
  color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
}
@media (prefers-color-scheme: dark) {
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-post-meta__badge {
    background-color: var(--supercharger-post-meta-badge-bg-dark, var(--supercharger-post-meta-badge-bg, #3a3a3a));
    color: var(--supercharger-post-meta-badge-color-dark, var(--supercharger-post-meta-badge-color, #cbcbcb));
  }
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-post-meta__badge--default {
    background-color: var(--supercharger-post-meta-badge-bg-dark, #3a3a3a);
    color: var(--supercharger-post-meta-badge-color-dark, #cbcbcb);
  }
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-post-meta__badge--success {
    background-color: var(--supercharger-post-meta-badge-success-bg-dark, var(--supercharger-post-meta-badge-success-bg, #166534));
    color: var(--supercharger-post-meta-badge-success-color-dark, var(--supercharger-post-meta-badge-success-color, #86efac));
  }
  html:not([data-scheme=light]):not([data-theme=light]):not(:has(body[data-scheme=light])) .supercharger-post-meta__badge--warning {
    background-color: var(--supercharger-post-meta-badge-warning-bg-dark, var(--supercharger-post-meta-badge-warning-bg, #713f12));
    color: var(--supercharger-post-meta-badge-warning-color-dark, var(--supercharger-post-meta-badge-warning-color, #fde047));
  }
}

.supercharger-post-meta__item--categories .supercharger-post-meta__link,
.supercharger-post-meta__item--tags .supercharger-post-meta__link {
  text-decoration: none;
}

.supercharger-post-meta__item--author .supercharger-post-meta__link,
.supercharger-post-meta__item--comments .supercharger-post-meta__link {
  display: inline-flex;
  align-items: center;
  gap: var(--supercharger-spacing-xs);
  text-decoration: none;
}

.supercharger-post-meta__item--reading-time object {
  display: inline-flex;
  align-items: center;
  gap: var(--supercharger-spacing-xs);
}

.supercharger-ai-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--supercharger-spacing-xs);
  color: var(--supercharger-ai-badge-color);
  border-radius: var(--supercharger-ai-badge-corner);
}
.supercharger-ai-badge span {
  font-size: var(--supercharger-ai-badge-font-size, 0.6875em);
  line-height: var(--supercharger-ai-badge-line-height, 1);
  font-weight: var(--supercharger-ai-badge-font-weight, 400);
  letter-spacing: var(--supercharger-ai-badge-letter-spacing, -0.04em);
  white-space: nowrap;
  cursor: default;
}
.supercharger-ai-badge-header {
  padding: var(--supercharger-spacing-xs) var(--supercharger-spacing-sm);
  background: var(--supercharger-ai-badge-bg);
}
.supercharger-ai-badge-inside {
  position: absolute;
  bottom: var(--supercharger-spacing-sm);
  right: var(--supercharger-spacing-sm);
  z-index: 2;
  display: flex;
  justify-self: flex-end;
  padding: 0;
  opacity: var(--supercharger-ai-badge-opacity);
}
[dir=rtl] .supercharger-ai-badge-inside {
  left: var(--supercharger-spacing-sm);
  right: unset;
}
.supercharger-ai-badge-outside {
  position: absolute;
  z-index: 1;
  background: var(--supercharger-ai-badge-bg);
}
@container (min-width: 500px) {
  .supercharger-ai-badge-outside {
    padding: var(--supercharger-spacing-sm) var(--supercharger-spacing-xs);
  }
}
@media (max-width: 1199.98px) {
  .supercharger-ai-badge-outside {
    top: 100%;
    right: var(--supercharger-spacing-lg);
    transform: translateY(var(--supercharger-ai-badge-offset));
    padding: calc(var(--supercharger-spacing-xs) * 0.5) calc(var(--supercharger-spacing-sm) * 0.5);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}
@media (min-width: 1200px) {
  .supercharger-ai-badge-outside {
    top: 50%;
    left: 100%;
    transform: translateY(-50%) translateX(var(--supercharger-ai-badge-offset));
    padding: calc(var(--supercharger-spacing-sm) * 0.5) calc(var(--supercharger-spacing-xs) * 0.5);
    flex-direction: column-reverse;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .supercharger-ai-badge-outside svg {
    transform: rotate(-90deg);
  }
  .supercharger-ai-badge-outside span {
    writing-mode: sideways-lr;
  }
}
@media (max-width: 1199.98px) {
  [dir=rtl] .supercharger-ai-badge-outside {
    top: 100%;
    left: var(--supercharger-spacing-lg);
    right: unset;
    transform: translateY(var(--supercharger-ai-badge-offset));
    padding: calc(var(--supercharger-spacing-xs) * 0.5) calc(var(--supercharger-spacing-sm) * 0.5);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}
@media (min-width: 1200px) {
  [dir=rtl] .supercharger-ai-badge-outside {
    left: unset;
    right: 100%;
    transform: translateY(-50%) translateX(calc(var(--supercharger-ai-badge-offset) * -1));
    flex-direction: column;
  }
  [dir=rtl] .supercharger-ai-badge-outside svg {
    transform: rotate(90deg);
  }
  [dir=rtl] .supercharger-ai-badge-outside span {
    writing-mode: sideways-rl;
  }
}

.supercharger-module {
  box-sizing: border-box;
}
.supercharger-module:last-child {
  --supercharger-widget-margin-block: 2.5rem 0;
}
.supercharger-module:first-child {
  --supercharger-widget-margin-block: 0 2.5rem;
}
.supercharger-module:first-child:last-child {
  --supercharger-widget-margin-block: 0;
}
.supercharger-module *,
.supercharger-module *::before,
.supercharger-module *::after {
  box-sizing: border-box;
}

.supercharger-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.supercharger-hidden {
  display: none !important;
}

@media print {
  .supercharger-no-print {
    display: none !important;
  }
}
/*# sourceMappingURL=main.css.map */