/* Auto-generated by scripts/generate_theme_css.py — do not hand-edit.
   GreenDial multi-skin UI themes. Applied via html[data-gd-theme="…"].
*/

/* ── Shared picker chrome (theme-independent base) ───────── */
.gd-style-picker {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.gd-style-option {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  background: rgba(0,0,0,0.2);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
  font: inherit;
  color: inherit;
}
.gd-style-option:hover { transform: translateY(-1px); }
.gd-style-option.selected { outline: none; }
.gd-style-swatches {
  display: flex; gap: 4px; height: 14px;
}
.gd-style-swatches span {
  flex: 1; border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.25);
  min-width: 0;
}
.gd-style-name {
  font-size: 13px; font-weight: 650;
  letter-spacing: 0.01em;
}
.gd-style-meta {
  font-size: 10px; text-transform: uppercase;
  letter-spacing: 0.08em; opacity: 0.55;
}
.gd-style-blurb {
  font-size: 11px; line-height: 1.35; opacity: 0.7;
}
.gd-style-badge {
  display: inline-block;
  font-size: 9px; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  padding: 2px 6px; border-radius: 4px;
  background: rgba(255,255,255,0.08);
  width: fit-content;
}
.gd-style-section-title {
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  opacity: 0.5; margin: 18px 0 8px;
}
.gd-style-compact {
  display: flex; align-items: center; gap: 8px;
}
.gd-style-compact select {
  font-size: 12px; padding: 4px 8px;
  max-width: 200px;
}
.gd-style-toolbar {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; opacity: 0.85;
}


/* ═══════════════════════════════════════════════════════════════
   Theme: emerald_protocol
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="emerald_protocol"] {
  color-scheme: dark;
  --gd-bg: #1a1a2e;
  --gd-bg2: #12121f;
  --gd-elevated: #2a2a4e;
  --gd-fg: #eeeeee;
  --gd-muted: rgba(255,255,255,0.55);
  --gd-accent: #10b981;
  --gd-accent2: #34d399;
  --gd-danger: #ef4444;
  --gd-border: rgba(255,255,255,0.12);
  --gd-header: linear-gradient(135deg, rgba(16,185,129,0.18), rgba(26,26,46,0.97));
  --gd-radius: 12px;
  --gd-glow: rgba(16,185,129,0.35);
  --gd-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --gd-mono: 'SF Mono', Monaco, Menlo, monospace;
  --gd-btn-bg: #10b981;
  --gd-btn-fg: #ffffff;
}

html[data-gd-theme="emerald_protocol"],
html[data-gd-theme="emerald_protocol"] body {
  background: #1a1a2e !important;
  color: #eeeeee !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

html[data-gd-theme="emerald_protocol"] ::selection {
  background: rgba(16,185,129,0.35);
  color: #eeeeee;
}

html[data-gd-theme="emerald_protocol"] a { color: #10b981 !important; }
html[data-gd-theme="emerald_protocol"] a:hover { color: #34d399 !important; }

/* Header / chrome */
html[data-gd-theme="emerald_protocol"] .header,
html[data-gd-theme="emerald_protocol"] header {
  background: linear-gradient(135deg, rgba(16,185,129,0.18), rgba(26,26,46,0.97)) !important;
  border-bottom-color: rgba(255,255,255,0.12) !important;
  color: #eeeeee !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="emerald_protocol"] .logo,
html[data-gd-theme="emerald_protocol"] .brand,
html[data-gd-theme="emerald_protocol"] .header .logo {
  color: #10b981 !important;
}
html[data-gd-theme="emerald_protocol"] .header-links a,
html[data-gd-theme="emerald_protocol"] .header-title,
html[data-gd-theme="emerald_protocol"] .user-count,
html[data-gd-theme="emerald_protocol"] .badge {
  color: rgba(255,255,255,0.55) !important;
}
html[data-gd-theme="emerald_protocol"] .header-links a:hover { color: #10b981 !important; }

/* Nav */
html[data-gd-theme="emerald_protocol"] .nav-tab {
  color: rgba(255,255,255,0.55) !important;
  border-radius: 12px !important;
}
html[data-gd-theme="emerald_protocol"] .nav-tab:hover {
  background: #2a2a4e !important;
  color: #eeeeee !important;
}
html[data-gd-theme="emerald_protocol"] .nav-tab.active {
  background: color-mix(in srgb, #10b981 22%, transparent) !important;
  color: #10b981 !important;
}

/* Buttons */
html[data-gd-theme="emerald_protocol"] .btn,
html[data-gd-theme="emerald_protocol"] .btn-primary,
html[data-gd-theme="emerald_protocol"] .btn.btn-primary,
html[data-gd-theme="emerald_protocol"] .hero-btn.primary {
  background: #10b981 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(16,185,129,0.35);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="emerald_protocol"] .btn-primary:hover,
html[data-gd-theme="emerald_protocol"] .btn.btn-primary:hover,
html[data-gd-theme="emerald_protocol"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(16,185,129,0.35);
}
html[data-gd-theme="emerald_protocol"] .btn-secondary,
html[data-gd-theme="emerald_protocol"] .hero-btn.secondary,
html[data-gd-theme="emerald_protocol"] .lang-btn {
  background: color-mix(in srgb, #2a2a4e 80%, transparent) !important;
  color: #eeeeee !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 12px !important;
}
html[data-gd-theme="emerald_protocol"] .btn-secondary:hover,
html[data-gd-theme="emerald_protocol"] .hero-btn.secondary:hover,
html[data-gd-theme="emerald_protocol"] .lang-btn:hover {
  border-color: #10b981 !important;
  color: #10b981 !important;
}
html[data-gd-theme="emerald_protocol"] .lang-btn.active {
  background: #10b981 !important;
  border-color: #10b981 !important;
  color: #ffffff !important;
}
html[data-gd-theme="emerald_protocol"] .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
  border-radius: 12px !important;
}

/* Surfaces */
html[data-gd-theme="emerald_protocol"] .panel,
html[data-gd-theme="emerald_protocol"] .endpoint,
html[data-gd-theme="emerald_protocol"] .flow-step,
html[data-gd-theme="emerald_protocol"] .founder-card,
html[data-gd-theme="emerald_protocol"] .notification-dropdown,
html[data-gd-theme="emerald_protocol"] .modal-content,
html[data-gd-theme="emerald_protocol"] .auth-popup,
html[data-gd-theme="emerald_protocol"] .chat-login-card,
html[data-gd-theme="emerald_protocol"] .msg,
html[data-gd-theme="emerald_protocol"] .code-block,
html[data-gd-theme="emerald_protocol"] pre,
html[data-gd-theme="emerald_protocol"] .hc-log,
html[data-gd-theme="emerald_protocol"] .transcript-view {
  background: #2a2a4e !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #eeeeee !important;
  border-radius: 12px !important;
}
html[data-gd-theme="emerald_protocol"] .panel-header,
html[data-gd-theme="emerald_protocol"] .endpoint-header,
html[data-gd-theme="emerald_protocol"] .notification-header {
  background: color-mix(in srgb, #12121f 70%, #2a2a4e) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #eeeeee !important;
}

/* Chat bubbles */
html[data-gd-theme="emerald_protocol"] .msg.user {
  background: color-mix(in srgb, #10b981 22%, #2a2a4e) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
html[data-gd-theme="emerald_protocol"] .msg.assistant,
html[data-gd-theme="emerald_protocol"] .msg.doc {
  background: #2a2a4e !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

/* Forms */
html[data-gd-theme="emerald_protocol"] input,
html[data-gd-theme="emerald_protocol"] textarea,
html[data-gd-theme="emerald_protocol"] select,
html[data-gd-theme="emerald_protocol"] .settings-select,
html[data-gd-theme="emerald_protocol"] .custom-prompt-textarea {
  background: #12121f !important;
  color: #eeeeee !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 12px !important;
  font-family: inherit !important;
}
html[data-gd-theme="emerald_protocol"] input:focus,
html[data-gd-theme="emerald_protocol"] textarea:focus,
html[data-gd-theme="emerald_protocol"] select:focus {
  outline: 2px solid #10b981 !important;
  outline-offset: 1px;
  border-color: #10b981 !important;
}
html[data-gd-theme="emerald_protocol"] input::placeholder,
html[data-gd-theme="emerald_protocol"] textarea::placeholder {
  color: rgba(255,255,255,0.55) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="emerald_protocol"] .settings-group-title {
  color: rgba(255,255,255,0.55) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="emerald_protocol"] .settings-label { color: #eeeeee !important; }
html[data-gd-theme="emerald_protocol"] .settings-desc { color: rgba(255,255,255,0.55) !important; }
html[data-gd-theme="emerald_protocol"] .settings-item { border-bottom-color: rgba(255,255,255,0.12) !important; }
html[data-gd-theme="emerald_protocol"] .settings-toggle {
  background: #12121f !important;
  border: 1px solid rgba(255,255,255,0.12);
}
html[data-gd-theme="emerald_protocol"] .settings-toggle.on {
  background: #10b981 !important;
}

/* Typography helpers */
html[data-gd-theme="emerald_protocol"] h1, html[data-gd-theme="emerald_protocol"] h2, html[data-gd-theme="emerald_protocol"] h3 {
  color: #10b981 !important;
}
html[data-gd-theme="emerald_protocol"] h2 { color: #10b981 !important; }
html[data-gd-theme="emerald_protocol"] p, html[data-gd-theme="emerald_protocol"] .subtitle, html[data-gd-theme="emerald_protocol"] .profile-empty {
  color: rgba(255,255,255,0.55) !important;
}
html[data-gd-theme="emerald_protocol"] code, html[data-gd-theme="emerald_protocol"] .method, html[data-gd-theme="emerald_protocol"] pre {
  font-family: 'SF Mono', Monaco, Menlo, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="emerald_protocol"] .method.get { background: color-mix(in srgb, #10b981 30%, transparent) !important; color: #10b981 !important; }
html[data-gd-theme="emerald_protocol"] .method.post { background: color-mix(in srgb, #34d399 30%, transparent) !important; color: #34d399 !important; }
html[data-gd-theme="emerald_protocol"] .spec-link {
  background: #2a2a4e !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #eeeeee !important;
  border-radius: 12px !important;
}
html[data-gd-theme="emerald_protocol"] .spec-link:hover {
  border-color: #10b981 !important;
  color: #10b981 !important;
}

/* Stickers board */
html[data-gd-theme="emerald_protocol"] .area-label,
html[data-gd-theme="emerald_protocol"] thead th:first-child {
  background: #1a1a2e !important;
  color: rgba(255,255,255,0.55) !important;
}
html[data-gd-theme="emerald_protocol"] .cell.filled {
  background: color-mix(in srgb, #10b981 14%, transparent) !important;
}
html[data-gd-theme="emerald_protocol"] .cell.today-col {
  border-color: #10b981 !important;
}
html[data-gd-theme="emerald_protocol"] thead th.today-col {
  color: #10b981 !important;
}
html[data-gd-theme="emerald_protocol"] .header h1 { color: #10b981 !important; }

/* Hero */
html[data-gd-theme="emerald_protocol"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #10b981 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(255,255,255,0.12) !important;
}
html[data-gd-theme="emerald_protocol"] .hero p { color: rgba(255,255,255,0.55) !important; }

/* User chrome */
html[data-gd-theme="emerald_protocol"] .user-badge {
  background: #2a2a4e !important;
  color: #eeeeee !important;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px !important;
}
html[data-gd-theme="emerald_protocol"] .notification-bell { color: rgba(255,255,255,0.55) !important; }
html[data-gd-theme="emerald_protocol"] .notification-bell:hover { color: #eeeeee !important; }
html[data-gd-theme="emerald_protocol"] .notification-badge { background: #ef4444 !important; }

/* Starter / misc chips */
html[data-gd-theme="emerald_protocol"] .starter-btn {
  background: #2a2a4e !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #eeeeee !important;
  border-radius: 12px !important;
}
html[data-gd-theme="emerald_protocol"] .starter-btn:hover {
  border-color: #10b981 !important;
  color: #10b981 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="emerald_protocol"] .gd-style-picker {
  border-color: rgba(255,255,255,0.12);
}
html[data-gd-theme="emerald_protocol"] .gd-style-option {
  background: #12121f;
  border-color: rgba(255,255,255,0.12);
  color: #eeeeee;
}
html[data-gd-theme="emerald_protocol"] .gd-style-option:hover,
html[data-gd-theme="emerald_protocol"] .gd-style-option.selected {
  border-color: #10b981;
  box-shadow: 0 0 0 1px #10b981, 0 4px 16px rgba(16,185,129,0.35);
}
html[data-gd-theme="emerald_protocol"] .gd-style-option.selected {
  background: color-mix(in srgb, #10b981 12%, #2a2a4e);
}


html[data-gd-theme="emerald_protocol"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="emerald_protocol"] ::-webkit-scrollbar-track { background: #12121f; }
html[data-gd-theme="emerald_protocol"] ::-webkit-scrollbar-thumb {
  background: #10b98188;
  border-radius: 12px;
  border: 2px solid #12121f;
}


html[data-gd-theme="emerald_protocol"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="emerald_protocol"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="emerald_protocol"] body > .header,
html[data-gd-theme="emerald_protocol"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="emerald_protocol"] body > .popup-overlay,
html[data-gd-theme="emerald_protocol"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="emerald_protocol"] body::before {
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, #10b98133, transparent 50%),
    radial-gradient(ellipse 60% 40% at 90% 10%, #34d39922, transparent 45%),
    radial-gradient(circle at 50% 100%, #10b98111, transparent 40%);
  opacity: 1;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: borland
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="borland"] {
  color-scheme: dark;
  --gd-bg: #000084;
  --gd-bg2: #00005c;
  --gd-elevated: #0000aa;
  --gd-fg: #ffff55;
  --gd-muted: #aaaa55;
  --gd-accent: #55ffff;
  --gd-accent2: #ffffff;
  --gd-danger: #ff5555;
  --gd-border: #55ffff;
  --gd-header: linear-gradient(180deg, #0000aa 0%, #000084 100%);
  --gd-radius: 0px;
  --gd-glow: rgba(85,255,255,0.4);
  --gd-font: 'IBM Plex Mono', 'Courier New', Courier, monospace;
  --gd-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --gd-btn-bg: #aaaaaa;
  --gd-btn-fg: #000084;
}

html[data-gd-theme="borland"],
html[data-gd-theme="borland"] body {
  background: #000084 !important;
  color: #ffff55 !important;
  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;
}

html[data-gd-theme="borland"] ::selection {
  background: rgba(85,255,255,0.35);
  color: #ffff55;
}

html[data-gd-theme="borland"] a { color: #55ffff !important; }
html[data-gd-theme="borland"] a:hover { color: #ffffff !important; }

/* Header / chrome */
html[data-gd-theme="borland"] .header,
html[data-gd-theme="borland"] header {
  background: linear-gradient(180deg, #0000aa 0%, #000084 100%) !important;
  border-bottom-color: #55ffff !important;
  color: #ffff55 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="borland"] .logo,
html[data-gd-theme="borland"] .brand,
html[data-gd-theme="borland"] .header .logo {
  color: #55ffff !important;
}
html[data-gd-theme="borland"] .header-links a,
html[data-gd-theme="borland"] .header-title,
html[data-gd-theme="borland"] .user-count,
html[data-gd-theme="borland"] .badge {
  color: #aaaa55 !important;
}
html[data-gd-theme="borland"] .header-links a:hover { color: #55ffff !important; }

/* Nav */
html[data-gd-theme="borland"] .nav-tab {
  color: #aaaa55 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="borland"] .nav-tab:hover {
  background: #0000aa !important;
  color: #ffff55 !important;
}
html[data-gd-theme="borland"] .nav-tab.active {
  background: color-mix(in srgb, #55ffff 22%, transparent) !important;
  color: #55ffff !important;
}

/* Buttons */
html[data-gd-theme="borland"] .btn,
html[data-gd-theme="borland"] .btn-primary,
html[data-gd-theme="borland"] .btn.btn-primary,
html[data-gd-theme="borland"] .hero-btn.primary {
  background: #aaaaaa !important;
  color: #000084 !important;
  border-radius: 0px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(85,255,255,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="borland"] .btn-primary:hover,
html[data-gd-theme="borland"] .btn.btn-primary:hover,
html[data-gd-theme="borland"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(85,255,255,0.4);
}
html[data-gd-theme="borland"] .btn-secondary,
html[data-gd-theme="borland"] .hero-btn.secondary,
html[data-gd-theme="borland"] .lang-btn {
  background: color-mix(in srgb, #0000aa 80%, transparent) !important;
  color: #ffff55 !important;
  border: 1px solid #55ffff !important;
  border-radius: 0px !important;
}
html[data-gd-theme="borland"] .btn-secondary:hover,
html[data-gd-theme="borland"] .hero-btn.secondary:hover,
html[data-gd-theme="borland"] .lang-btn:hover {
  border-color: #55ffff !important;
  color: #55ffff !important;
}
html[data-gd-theme="borland"] .lang-btn.active {
  background: #55ffff !important;
  border-color: #55ffff !important;
  color: #000084 !important;
}
html[data-gd-theme="borland"] .btn-danger {
  background: #ff5555 !important;
  color: #fff !important;
  border-radius: 0px !important;
}

/* Surfaces */
html[data-gd-theme="borland"] .panel,
html[data-gd-theme="borland"] .endpoint,
html[data-gd-theme="borland"] .flow-step,
html[data-gd-theme="borland"] .founder-card,
html[data-gd-theme="borland"] .notification-dropdown,
html[data-gd-theme="borland"] .modal-content,
html[data-gd-theme="borland"] .auth-popup,
html[data-gd-theme="borland"] .chat-login-card,
html[data-gd-theme="borland"] .msg,
html[data-gd-theme="borland"] .code-block,
html[data-gd-theme="borland"] pre,
html[data-gd-theme="borland"] .hc-log,
html[data-gd-theme="borland"] .transcript-view {
  background: #0000aa !important;
  border-color: #55ffff !important;
  color: #ffff55 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="borland"] .panel-header,
html[data-gd-theme="borland"] .endpoint-header,
html[data-gd-theme="borland"] .notification-header {
  background: color-mix(in srgb, #00005c 70%, #0000aa) !important;
  border-color: #55ffff !important;
  color: #ffff55 !important;
}

/* Chat bubbles */
html[data-gd-theme="borland"] .msg.user {
  background: color-mix(in srgb, #55ffff 22%, #0000aa) !important;
  border: 1px solid #55ffff !important;
}
html[data-gd-theme="borland"] .msg.assistant,
html[data-gd-theme="borland"] .msg.doc {
  background: #0000aa !important;
  border: 1px solid #55ffff !important;
}

/* Forms */
html[data-gd-theme="borland"] input,
html[data-gd-theme="borland"] textarea,
html[data-gd-theme="borland"] select,
html[data-gd-theme="borland"] .settings-select,
html[data-gd-theme="borland"] .custom-prompt-textarea {
  background: #00005c !important;
  color: #ffff55 !important;
  border: 1px solid #55ffff !important;
  border-radius: 0px !important;
  font-family: inherit !important;
}
html[data-gd-theme="borland"] input:focus,
html[data-gd-theme="borland"] textarea:focus,
html[data-gd-theme="borland"] select:focus {
  outline: 2px solid #55ffff !important;
  outline-offset: 1px;
  border-color: #55ffff !important;
}
html[data-gd-theme="borland"] input::placeholder,
html[data-gd-theme="borland"] textarea::placeholder {
  color: #aaaa55 !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="borland"] .settings-group-title {
  color: #aaaa55 !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="borland"] .settings-label { color: #ffff55 !important; }
html[data-gd-theme="borland"] .settings-desc { color: #aaaa55 !important; }
html[data-gd-theme="borland"] .settings-item { border-bottom-color: #55ffff !important; }
html[data-gd-theme="borland"] .settings-toggle {
  background: #00005c !important;
  border: 1px solid #55ffff;
}
html[data-gd-theme="borland"] .settings-toggle.on {
  background: #55ffff !important;
}

/* Typography helpers */
html[data-gd-theme="borland"] h1, html[data-gd-theme="borland"] h2, html[data-gd-theme="borland"] h3 {
  color: #55ffff !important;
}
html[data-gd-theme="borland"] h2 { color: #55ffff !important; }
html[data-gd-theme="borland"] p, html[data-gd-theme="borland"] .subtitle, html[data-gd-theme="borland"] .profile-empty {
  color: #aaaa55 !important;
}
html[data-gd-theme="borland"] code, html[data-gd-theme="borland"] .method, html[data-gd-theme="borland"] pre {
  font-family: 'IBM Plex Mono', 'Courier New', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="borland"] .method.get { background: color-mix(in srgb, #55ffff 30%, transparent) !important; color: #55ffff !important; }
html[data-gd-theme="borland"] .method.post { background: color-mix(in srgb, #ffffff 30%, transparent) !important; color: #ffffff !important; }
html[data-gd-theme="borland"] .spec-link {
  background: #0000aa !important;
  border-color: #55ffff !important;
  color: #ffff55 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="borland"] .spec-link:hover {
  border-color: #55ffff !important;
  color: #55ffff !important;
}

/* Stickers board */
html[data-gd-theme="borland"] .area-label,
html[data-gd-theme="borland"] thead th:first-child {
  background: #000084 !important;
  color: #aaaa55 !important;
}
html[data-gd-theme="borland"] .cell.filled {
  background: color-mix(in srgb, #55ffff 14%, transparent) !important;
}
html[data-gd-theme="borland"] .cell.today-col {
  border-color: #55ffff !important;
}
html[data-gd-theme="borland"] thead th.today-col {
  color: #55ffff !important;
}
html[data-gd-theme="borland"] .header h1 { color: #55ffff !important; }

/* Hero */
html[data-gd-theme="borland"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #55ffff 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: #55ffff !important;
}
html[data-gd-theme="borland"] .hero p { color: #aaaa55 !important; }

/* User chrome */
html[data-gd-theme="borland"] .user-badge {
  background: #0000aa !important;
  color: #ffff55 !important;
  border: 1px solid #55ffff;
  border-radius: 0px !important;
}
html[data-gd-theme="borland"] .notification-bell { color: #aaaa55 !important; }
html[data-gd-theme="borland"] .notification-bell:hover { color: #ffff55 !important; }
html[data-gd-theme="borland"] .notification-badge { background: #ff5555 !important; }

/* Starter / misc chips */
html[data-gd-theme="borland"] .starter-btn {
  background: #0000aa !important;
  border: 1px solid #55ffff !important;
  color: #ffff55 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="borland"] .starter-btn:hover {
  border-color: #55ffff !important;
  color: #55ffff !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="borland"] .gd-style-picker {
  border-color: #55ffff;
}
html[data-gd-theme="borland"] .gd-style-option {
  background: #00005c;
  border-color: #55ffff;
  color: #ffff55;
}
html[data-gd-theme="borland"] .gd-style-option:hover,
html[data-gd-theme="borland"] .gd-style-option.selected {
  border-color: #55ffff;
  box-shadow: 0 0 0 1px #55ffff, 0 4px 16px rgba(85,255,255,0.4);
}
html[data-gd-theme="borland"] .gd-style-option.selected {
  background: color-mix(in srgb, #55ffff 12%, #0000aa);
}


html[data-gd-theme="borland"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="borland"] ::-webkit-scrollbar-track { background: #00005c; }
html[data-gd-theme="borland"] ::-webkit-scrollbar-thumb {
  background: #55ffff88;
  border-radius: 0px;
  border: 2px solid #00005c;
}


html[data-gd-theme="borland"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="borland"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="borland"] body > .header,
html[data-gd-theme="borland"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="borland"] body > .popup-overlay,
html[data-gd-theme="borland"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="borland"] body::before {
  background-image:
    linear-gradient(#55ffff18 1px, transparent 1px),
    linear-gradient(90deg, #55ffff18 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.55;
}


html[data-gd-theme="borland"] .btn, html[data-gd-theme="borland"] .btn-primary, html[data-gd-theme="borland"] button.btn {
  border: 2px solid #ffffff !important;
  border-bottom-color: #000000 !important;
  border-right-color: #000000 !important;
  border-top-color: #ffffff !important;
  border-left-color: #ffffff !important;
  box-shadow: none !important;
}
html[data-gd-theme="borland"] .nav-tab.active {
  outline: 1px solid #55ffff;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: deep_plasma
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="deep_plasma"] {
  color-scheme: dark;
  --gd-bg: #0b0618;
  --gd-bg2: #05030d;
  --gd-elevated: #1a1030;
  --gd-fg: #f5e8ff;
  --gd-muted: rgba(240,171,252,0.65);
  --gd-accent: #c084fc;
  --gd-accent2: #22d3ee;
  --gd-danger: #fb7185;
  --gd-border: rgba(192,132,252,0.28);
  --gd-header: linear-gradient(120deg, rgba(192,132,252,0.25), rgba(34,211,238,0.12), #0b0618);
  --gd-radius: 16px;
  --gd-glow: rgba(34,211,238,0.45);
  --gd-font: 'Segoe UI', system-ui, sans-serif;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #c084fc;
  --gd-btn-fg: #0b0618;
}

html[data-gd-theme="deep_plasma"],
html[data-gd-theme="deep_plasma"] body {
  background: #0b0618 !important;
  color: #f5e8ff !important;
  font-family: 'Segoe UI', system-ui, sans-serif !important;
}

html[data-gd-theme="deep_plasma"] ::selection {
  background: rgba(192,132,252,0.4);
  color: #f5e8ff;
}

html[data-gd-theme="deep_plasma"] a { color: #c084fc !important; }
html[data-gd-theme="deep_plasma"] a:hover { color: #22d3ee !important; }

/* Header / chrome */
html[data-gd-theme="deep_plasma"] .header,
html[data-gd-theme="deep_plasma"] header {
  background: linear-gradient(120deg, rgba(192,132,252,0.25), rgba(34,211,238,0.12), #0b0618) !important;
  border-bottom-color: rgba(192,132,252,0.28) !important;
  color: #f5e8ff !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="deep_plasma"] .logo,
html[data-gd-theme="deep_plasma"] .brand,
html[data-gd-theme="deep_plasma"] .header .logo {
  color: #c084fc !important;
}
html[data-gd-theme="deep_plasma"] .header-links a,
html[data-gd-theme="deep_plasma"] .header-title,
html[data-gd-theme="deep_plasma"] .user-count,
html[data-gd-theme="deep_plasma"] .badge {
  color: rgba(240,171,252,0.65) !important;
}
html[data-gd-theme="deep_plasma"] .header-links a:hover { color: #c084fc !important; }

/* Nav */
html[data-gd-theme="deep_plasma"] .nav-tab {
  color: rgba(240,171,252,0.65) !important;
  border-radius: 16px !important;
}
html[data-gd-theme="deep_plasma"] .nav-tab:hover {
  background: #1a1030 !important;
  color: #f5e8ff !important;
}
html[data-gd-theme="deep_plasma"] .nav-tab.active {
  background: color-mix(in srgb, #c084fc 22%, transparent) !important;
  color: #c084fc !important;
}

/* Buttons */
html[data-gd-theme="deep_plasma"] .btn,
html[data-gd-theme="deep_plasma"] .btn-primary,
html[data-gd-theme="deep_plasma"] .btn.btn-primary,
html[data-gd-theme="deep_plasma"] .hero-btn.primary {
  background: #c084fc !important;
  color: #0b0618 !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(34,211,238,0.45);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="deep_plasma"] .btn-primary:hover,
html[data-gd-theme="deep_plasma"] .btn.btn-primary:hover,
html[data-gd-theme="deep_plasma"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(34,211,238,0.45);
}
html[data-gd-theme="deep_plasma"] .btn-secondary,
html[data-gd-theme="deep_plasma"] .hero-btn.secondary,
html[data-gd-theme="deep_plasma"] .lang-btn {
  background: color-mix(in srgb, #1a1030 80%, transparent) !important;
  color: #f5e8ff !important;
  border: 1px solid rgba(192,132,252,0.28) !important;
  border-radius: 16px !important;
}
html[data-gd-theme="deep_plasma"] .btn-secondary:hover,
html[data-gd-theme="deep_plasma"] .hero-btn.secondary:hover,
html[data-gd-theme="deep_plasma"] .lang-btn:hover {
  border-color: #c084fc !important;
  color: #c084fc !important;
}
html[data-gd-theme="deep_plasma"] .lang-btn.active {
  background: #c084fc !important;
  border-color: #c084fc !important;
  color: #0b0618 !important;
}
html[data-gd-theme="deep_plasma"] .btn-danger {
  background: #fb7185 !important;
  color: #fff !important;
  border-radius: 16px !important;
}

/* Surfaces */
html[data-gd-theme="deep_plasma"] .panel,
html[data-gd-theme="deep_plasma"] .endpoint,
html[data-gd-theme="deep_plasma"] .flow-step,
html[data-gd-theme="deep_plasma"] .founder-card,
html[data-gd-theme="deep_plasma"] .notification-dropdown,
html[data-gd-theme="deep_plasma"] .modal-content,
html[data-gd-theme="deep_plasma"] .auth-popup,
html[data-gd-theme="deep_plasma"] .chat-login-card,
html[data-gd-theme="deep_plasma"] .msg,
html[data-gd-theme="deep_plasma"] .code-block,
html[data-gd-theme="deep_plasma"] pre,
html[data-gd-theme="deep_plasma"] .hc-log,
html[data-gd-theme="deep_plasma"] .transcript-view {
  background: #1a1030 !important;
  border-color: rgba(192,132,252,0.28) !important;
  color: #f5e8ff !important;
  border-radius: 16px !important;
}
html[data-gd-theme="deep_plasma"] .panel-header,
html[data-gd-theme="deep_plasma"] .endpoint-header,
html[data-gd-theme="deep_plasma"] .notification-header {
  background: color-mix(in srgb, #05030d 70%, #1a1030) !important;
  border-color: rgba(192,132,252,0.28) !important;
  color: #f5e8ff !important;
}

/* Chat bubbles */
html[data-gd-theme="deep_plasma"] .msg.user {
  background: color-mix(in srgb, #c084fc 22%, #1a1030) !important;
  border: 1px solid rgba(192,132,252,0.28) !important;
}
html[data-gd-theme="deep_plasma"] .msg.assistant,
html[data-gd-theme="deep_plasma"] .msg.doc {
  background: #1a1030 !important;
  border: 1px solid rgba(192,132,252,0.28) !important;
}

/* Forms */
html[data-gd-theme="deep_plasma"] input,
html[data-gd-theme="deep_plasma"] textarea,
html[data-gd-theme="deep_plasma"] select,
html[data-gd-theme="deep_plasma"] .settings-select,
html[data-gd-theme="deep_plasma"] .custom-prompt-textarea {
  background: #05030d !important;
  color: #f5e8ff !important;
  border: 1px solid rgba(192,132,252,0.28) !important;
  border-radius: 16px !important;
  font-family: inherit !important;
}
html[data-gd-theme="deep_plasma"] input:focus,
html[data-gd-theme="deep_plasma"] textarea:focus,
html[data-gd-theme="deep_plasma"] select:focus {
  outline: 2px solid #c084fc !important;
  outline-offset: 1px;
  border-color: #c084fc !important;
}
html[data-gd-theme="deep_plasma"] input::placeholder,
html[data-gd-theme="deep_plasma"] textarea::placeholder {
  color: rgba(240,171,252,0.65) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="deep_plasma"] .settings-group-title {
  color: rgba(240,171,252,0.65) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="deep_plasma"] .settings-label { color: #f5e8ff !important; }
html[data-gd-theme="deep_plasma"] .settings-desc { color: rgba(240,171,252,0.65) !important; }
html[data-gd-theme="deep_plasma"] .settings-item { border-bottom-color: rgba(192,132,252,0.28) !important; }
html[data-gd-theme="deep_plasma"] .settings-toggle {
  background: #05030d !important;
  border: 1px solid rgba(192,132,252,0.28);
}
html[data-gd-theme="deep_plasma"] .settings-toggle.on {
  background: #c084fc !important;
}

/* Typography helpers */
html[data-gd-theme="deep_plasma"] h1, html[data-gd-theme="deep_plasma"] h2, html[data-gd-theme="deep_plasma"] h3 {
  color: #c084fc !important;
}
html[data-gd-theme="deep_plasma"] h2 { color: #c084fc !important; }
html[data-gd-theme="deep_plasma"] p, html[data-gd-theme="deep_plasma"] .subtitle, html[data-gd-theme="deep_plasma"] .profile-empty {
  color: rgba(240,171,252,0.65) !important;
}
html[data-gd-theme="deep_plasma"] code, html[data-gd-theme="deep_plasma"] .method, html[data-gd-theme="deep_plasma"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="deep_plasma"] .method.get { background: color-mix(in srgb, #c084fc 30%, transparent) !important; color: #c084fc !important; }
html[data-gd-theme="deep_plasma"] .method.post { background: color-mix(in srgb, #22d3ee 30%, transparent) !important; color: #22d3ee !important; }
html[data-gd-theme="deep_plasma"] .spec-link {
  background: #1a1030 !important;
  border-color: rgba(192,132,252,0.28) !important;
  color: #f5e8ff !important;
  border-radius: 16px !important;
}
html[data-gd-theme="deep_plasma"] .spec-link:hover {
  border-color: #c084fc !important;
  color: #c084fc !important;
}

/* Stickers board */
html[data-gd-theme="deep_plasma"] .area-label,
html[data-gd-theme="deep_plasma"] thead th:first-child {
  background: #0b0618 !important;
  color: rgba(240,171,252,0.65) !important;
}
html[data-gd-theme="deep_plasma"] .cell.filled {
  background: color-mix(in srgb, #c084fc 14%, transparent) !important;
}
html[data-gd-theme="deep_plasma"] .cell.today-col {
  border-color: #c084fc !important;
}
html[data-gd-theme="deep_plasma"] thead th.today-col {
  color: #c084fc !important;
}
html[data-gd-theme="deep_plasma"] .header h1 { color: #c084fc !important; }

/* Hero */
html[data-gd-theme="deep_plasma"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #c084fc 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(192,132,252,0.28) !important;
}
html[data-gd-theme="deep_plasma"] .hero p { color: rgba(240,171,252,0.65) !important; }

/* User chrome */
html[data-gd-theme="deep_plasma"] .user-badge {
  background: #1a1030 !important;
  color: #f5e8ff !important;
  border: 1px solid rgba(192,132,252,0.28);
  border-radius: 16px !important;
}
html[data-gd-theme="deep_plasma"] .notification-bell { color: rgba(240,171,252,0.65) !important; }
html[data-gd-theme="deep_plasma"] .notification-bell:hover { color: #f5e8ff !important; }
html[data-gd-theme="deep_plasma"] .notification-badge { background: #fb7185 !important; }

/* Starter / misc chips */
html[data-gd-theme="deep_plasma"] .starter-btn {
  background: #1a1030 !important;
  border: 1px solid rgba(192,132,252,0.28) !important;
  color: #f5e8ff !important;
  border-radius: 16px !important;
}
html[data-gd-theme="deep_plasma"] .starter-btn:hover {
  border-color: #c084fc !important;
  color: #c084fc !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="deep_plasma"] .gd-style-picker {
  border-color: rgba(192,132,252,0.28);
}
html[data-gd-theme="deep_plasma"] .gd-style-option {
  background: #05030d;
  border-color: rgba(192,132,252,0.28);
  color: #f5e8ff;
}
html[data-gd-theme="deep_plasma"] .gd-style-option:hover,
html[data-gd-theme="deep_plasma"] .gd-style-option.selected {
  border-color: #c084fc;
  box-shadow: 0 0 0 1px #c084fc, 0 4px 16px rgba(34,211,238,0.45);
}
html[data-gd-theme="deep_plasma"] .gd-style-option.selected {
  background: color-mix(in srgb, #c084fc 12%, #1a1030);
}


html[data-gd-theme="deep_plasma"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="deep_plasma"] ::-webkit-scrollbar-track { background: #05030d; }
html[data-gd-theme="deep_plasma"] ::-webkit-scrollbar-thumb {
  background: #c084fc88;
  border-radius: 16px;
  border: 2px solid #05030d;
}


html[data-gd-theme="deep_plasma"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="deep_plasma"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="deep_plasma"] body > .header,
html[data-gd-theme="deep_plasma"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="deep_plasma"] body > .popup-overlay,
html[data-gd-theme="deep_plasma"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="deep_plasma"] body::before {
  background:
    radial-gradient(ellipse 50% 40% at 30% 40%, #c084fc44, transparent 60%),
    radial-gradient(ellipse 40% 50% at 70% 60%, #22d3ee33, transparent 55%),
    radial-gradient(circle at 50% 50%, #c084fc15, transparent 70%);
  filter: blur(0.5px);
  opacity: 1;
  animation: gd-plasma-drift 18s ease-in-out infinite alternate;
}
@keyframes gd-plasma-drift {
  from { transform: scale(1) translate(0,0); }
  to { transform: scale(1.08) translate(-2%, 1%); }
}




/* ═══════════════════════════════════════════════════════════════
   Theme: faster_than_lightspeed
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="faster_than_lightspeed"] {
  color-scheme: dark;
  --gd-bg: #020617;
  --gd-bg2: #000000;
  --gd-elevated: #0f172a;
  --gd-fg: #e0f2fe;
  --gd-muted: rgba(148,163,184,0.85);
  --gd-accent: #38bdf8;
  --gd-accent2: #a78bfa;
  --gd-danger: #f43f5e;
  --gd-border: rgba(56,189,248,0.28);
  --gd-header: linear-gradient(90deg, rgba(56,189,248,0.15), rgba(167,139,250,0.12), transparent);
  --gd-radius: 10px;
  --gd-glow: rgba(56,189,248,0.5);
  --gd-font: 'Inter', system-ui, sans-serif;
  --gd-mono: 'JetBrains Mono', monospace;
  --gd-btn-bg: #38bdf8;
  --gd-btn-fg: #020617;
}

html[data-gd-theme="faster_than_lightspeed"],
html[data-gd-theme="faster_than_lightspeed"] body {
  background: #020617 !important;
  color: #e0f2fe !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

html[data-gd-theme="faster_than_lightspeed"] ::selection {
  background: rgba(56,189,248,0.35);
  color: #e0f2fe;
}

html[data-gd-theme="faster_than_lightspeed"] a { color: #38bdf8 !important; }
html[data-gd-theme="faster_than_lightspeed"] a:hover { color: #a78bfa !important; }

/* Header / chrome */
html[data-gd-theme="faster_than_lightspeed"] .header,
html[data-gd-theme="faster_than_lightspeed"] header {
  background: linear-gradient(90deg, rgba(56,189,248,0.15), rgba(167,139,250,0.12), transparent) !important;
  border-bottom-color: rgba(56,189,248,0.28) !important;
  color: #e0f2fe !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="faster_than_lightspeed"] .logo,
html[data-gd-theme="faster_than_lightspeed"] .brand,
html[data-gd-theme="faster_than_lightspeed"] .header .logo {
  color: #38bdf8 !important;
}
html[data-gd-theme="faster_than_lightspeed"] .header-links a,
html[data-gd-theme="faster_than_lightspeed"] .header-title,
html[data-gd-theme="faster_than_lightspeed"] .user-count,
html[data-gd-theme="faster_than_lightspeed"] .badge {
  color: rgba(148,163,184,0.85) !important;
}
html[data-gd-theme="faster_than_lightspeed"] .header-links a:hover { color: #38bdf8 !important; }

/* Nav */
html[data-gd-theme="faster_than_lightspeed"] .nav-tab {
  color: rgba(148,163,184,0.85) !important;
  border-radius: 10px !important;
}
html[data-gd-theme="faster_than_lightspeed"] .nav-tab:hover {
  background: #0f172a !important;
  color: #e0f2fe !important;
}
html[data-gd-theme="faster_than_lightspeed"] .nav-tab.active {
  background: color-mix(in srgb, #38bdf8 22%, transparent) !important;
  color: #38bdf8 !important;
}

/* Buttons */
html[data-gd-theme="faster_than_lightspeed"] .btn,
html[data-gd-theme="faster_than_lightspeed"] .btn-primary,
html[data-gd-theme="faster_than_lightspeed"] .btn.btn-primary,
html[data-gd-theme="faster_than_lightspeed"] .hero-btn.primary {
  background: #38bdf8 !important;
  color: #020617 !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(56,189,248,0.5);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="faster_than_lightspeed"] .btn-primary:hover,
html[data-gd-theme="faster_than_lightspeed"] .btn.btn-primary:hover,
html[data-gd-theme="faster_than_lightspeed"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(56,189,248,0.5);
}
html[data-gd-theme="faster_than_lightspeed"] .btn-secondary,
html[data-gd-theme="faster_than_lightspeed"] .hero-btn.secondary,
html[data-gd-theme="faster_than_lightspeed"] .lang-btn {
  background: color-mix(in srgb, #0f172a 80%, transparent) !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(56,189,248,0.28) !important;
  border-radius: 10px !important;
}
html[data-gd-theme="faster_than_lightspeed"] .btn-secondary:hover,
html[data-gd-theme="faster_than_lightspeed"] .hero-btn.secondary:hover,
html[data-gd-theme="faster_than_lightspeed"] .lang-btn:hover {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}
html[data-gd-theme="faster_than_lightspeed"] .lang-btn.active {
  background: #38bdf8 !important;
  border-color: #38bdf8 !important;
  color: #020617 !important;
}
html[data-gd-theme="faster_than_lightspeed"] .btn-danger {
  background: #f43f5e !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* Surfaces */
html[data-gd-theme="faster_than_lightspeed"] .panel,
html[data-gd-theme="faster_than_lightspeed"] .endpoint,
html[data-gd-theme="faster_than_lightspeed"] .flow-step,
html[data-gd-theme="faster_than_lightspeed"] .founder-card,
html[data-gd-theme="faster_than_lightspeed"] .notification-dropdown,
html[data-gd-theme="faster_than_lightspeed"] .modal-content,
html[data-gd-theme="faster_than_lightspeed"] .auth-popup,
html[data-gd-theme="faster_than_lightspeed"] .chat-login-card,
html[data-gd-theme="faster_than_lightspeed"] .msg,
html[data-gd-theme="faster_than_lightspeed"] .code-block,
html[data-gd-theme="faster_than_lightspeed"] pre,
html[data-gd-theme="faster_than_lightspeed"] .hc-log,
html[data-gd-theme="faster_than_lightspeed"] .transcript-view {
  background: #0f172a !important;
  border-color: rgba(56,189,248,0.28) !important;
  color: #e0f2fe !important;
  border-radius: 10px !important;
}
html[data-gd-theme="faster_than_lightspeed"] .panel-header,
html[data-gd-theme="faster_than_lightspeed"] .endpoint-header,
html[data-gd-theme="faster_than_lightspeed"] .notification-header {
  background: color-mix(in srgb, #000000 70%, #0f172a) !important;
  border-color: rgba(56,189,248,0.28) !important;
  color: #e0f2fe !important;
}

/* Chat bubbles */
html[data-gd-theme="faster_than_lightspeed"] .msg.user {
  background: color-mix(in srgb, #38bdf8 22%, #0f172a) !important;
  border: 1px solid rgba(56,189,248,0.28) !important;
}
html[data-gd-theme="faster_than_lightspeed"] .msg.assistant,
html[data-gd-theme="faster_than_lightspeed"] .msg.doc {
  background: #0f172a !important;
  border: 1px solid rgba(56,189,248,0.28) !important;
}

/* Forms */
html[data-gd-theme="faster_than_lightspeed"] input,
html[data-gd-theme="faster_than_lightspeed"] textarea,
html[data-gd-theme="faster_than_lightspeed"] select,
html[data-gd-theme="faster_than_lightspeed"] .settings-select,
html[data-gd-theme="faster_than_lightspeed"] .custom-prompt-textarea {
  background: #000000 !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(56,189,248,0.28) !important;
  border-radius: 10px !important;
  font-family: inherit !important;
}
html[data-gd-theme="faster_than_lightspeed"] input:focus,
html[data-gd-theme="faster_than_lightspeed"] textarea:focus,
html[data-gd-theme="faster_than_lightspeed"] select:focus {
  outline: 2px solid #38bdf8 !important;
  outline-offset: 1px;
  border-color: #38bdf8 !important;
}
html[data-gd-theme="faster_than_lightspeed"] input::placeholder,
html[data-gd-theme="faster_than_lightspeed"] textarea::placeholder {
  color: rgba(148,163,184,0.85) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="faster_than_lightspeed"] .settings-group-title {
  color: rgba(148,163,184,0.85) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="faster_than_lightspeed"] .settings-label { color: #e0f2fe !important; }
html[data-gd-theme="faster_than_lightspeed"] .settings-desc { color: rgba(148,163,184,0.85) !important; }
html[data-gd-theme="faster_than_lightspeed"] .settings-item { border-bottom-color: rgba(56,189,248,0.28) !important; }
html[data-gd-theme="faster_than_lightspeed"] .settings-toggle {
  background: #000000 !important;
  border: 1px solid rgba(56,189,248,0.28);
}
html[data-gd-theme="faster_than_lightspeed"] .settings-toggle.on {
  background: #38bdf8 !important;
}

/* Typography helpers */
html[data-gd-theme="faster_than_lightspeed"] h1, html[data-gd-theme="faster_than_lightspeed"] h2, html[data-gd-theme="faster_than_lightspeed"] h3 {
  color: #38bdf8 !important;
}
html[data-gd-theme="faster_than_lightspeed"] h2 { color: #38bdf8 !important; }
html[data-gd-theme="faster_than_lightspeed"] p, html[data-gd-theme="faster_than_lightspeed"] .subtitle, html[data-gd-theme="faster_than_lightspeed"] .profile-empty {
  color: rgba(148,163,184,0.85) !important;
}
html[data-gd-theme="faster_than_lightspeed"] code, html[data-gd-theme="faster_than_lightspeed"] .method, html[data-gd-theme="faster_than_lightspeed"] pre {
  font-family: 'JetBrains Mono', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="faster_than_lightspeed"] .method.get { background: color-mix(in srgb, #38bdf8 30%, transparent) !important; color: #38bdf8 !important; }
html[data-gd-theme="faster_than_lightspeed"] .method.post { background: color-mix(in srgb, #a78bfa 30%, transparent) !important; color: #a78bfa !important; }
html[data-gd-theme="faster_than_lightspeed"] .spec-link {
  background: #0f172a !important;
  border-color: rgba(56,189,248,0.28) !important;
  color: #e0f2fe !important;
  border-radius: 10px !important;
}
html[data-gd-theme="faster_than_lightspeed"] .spec-link:hover {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

/* Stickers board */
html[data-gd-theme="faster_than_lightspeed"] .area-label,
html[data-gd-theme="faster_than_lightspeed"] thead th:first-child {
  background: #020617 !important;
  color: rgba(148,163,184,0.85) !important;
}
html[data-gd-theme="faster_than_lightspeed"] .cell.filled {
  background: color-mix(in srgb, #38bdf8 14%, transparent) !important;
}
html[data-gd-theme="faster_than_lightspeed"] .cell.today-col {
  border-color: #38bdf8 !important;
}
html[data-gd-theme="faster_than_lightspeed"] thead th.today-col {
  color: #38bdf8 !important;
}
html[data-gd-theme="faster_than_lightspeed"] .header h1 { color: #38bdf8 !important; }

/* Hero */
html[data-gd-theme="faster_than_lightspeed"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #38bdf8 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(56,189,248,0.28) !important;
}
html[data-gd-theme="faster_than_lightspeed"] .hero p { color: rgba(148,163,184,0.85) !important; }

/* User chrome */
html[data-gd-theme="faster_than_lightspeed"] .user-badge {
  background: #0f172a !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(56,189,248,0.28);
  border-radius: 10px !important;
}
html[data-gd-theme="faster_than_lightspeed"] .notification-bell { color: rgba(148,163,184,0.85) !important; }
html[data-gd-theme="faster_than_lightspeed"] .notification-bell:hover { color: #e0f2fe !important; }
html[data-gd-theme="faster_than_lightspeed"] .notification-badge { background: #f43f5e !important; }

/* Starter / misc chips */
html[data-gd-theme="faster_than_lightspeed"] .starter-btn {
  background: #0f172a !important;
  border: 1px solid rgba(56,189,248,0.28) !important;
  color: #e0f2fe !important;
  border-radius: 10px !important;
}
html[data-gd-theme="faster_than_lightspeed"] .starter-btn:hover {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="faster_than_lightspeed"] .gd-style-picker {
  border-color: rgba(56,189,248,0.28);
}
html[data-gd-theme="faster_than_lightspeed"] .gd-style-option {
  background: #000000;
  border-color: rgba(56,189,248,0.28);
  color: #e0f2fe;
}
html[data-gd-theme="faster_than_lightspeed"] .gd-style-option:hover,
html[data-gd-theme="faster_than_lightspeed"] .gd-style-option.selected {
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px #38bdf8, 0 4px 16px rgba(56,189,248,0.5);
}
html[data-gd-theme="faster_than_lightspeed"] .gd-style-option.selected {
  background: color-mix(in srgb, #38bdf8 12%, #0f172a);
}


html[data-gd-theme="faster_than_lightspeed"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="faster_than_lightspeed"] ::-webkit-scrollbar-track { background: #000000; }
html[data-gd-theme="faster_than_lightspeed"] ::-webkit-scrollbar-thumb {
  background: #38bdf888;
  border-radius: 10px;
  border: 2px solid #000000;
}


html[data-gd-theme="faster_than_lightspeed"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="faster_than_lightspeed"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="faster_than_lightspeed"] body > .header,
html[data-gd-theme="faster_than_lightspeed"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="faster_than_lightspeed"] body > .popup-overlay,
html[data-gd-theme="faster_than_lightspeed"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="faster_than_lightspeed"] body::before {
  background-image:
    radial-gradient(1px 1px at 10% 20%, #fff 50%, transparent 50%),
    radial-gradient(1px 1px at 30% 65%, #fff 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 55% 15%, #38bdf8 50%, transparent 50%),
    radial-gradient(1px 1px at 70% 80%, #fff 50%, transparent 50%),
    radial-gradient(1px 1px at 85% 35%, #a78bfa 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 15% 85%, #fff 50%, transparent 50%),
    radial-gradient(1px 1px at 45% 45%, #fff 50%, transparent 50%),
    linear-gradient(105deg, transparent 40%, #38bdf808 50%, transparent 60%);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 200% 100%;
  opacity: 0.9;
  animation: gd-hyperspace 12s linear infinite;
}
@keyframes gd-hyperspace {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
  to { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 200% 0; }
}




/* ═══════════════════════════════════════════════════════════════
   Theme: ghost_recon
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="ghost_recon"] {
  color-scheme: dark;
  --gd-bg: #0f1410;
  --gd-bg2: #0a0e0b;
  --gd-elevated: #1a2218;
  --gd-fg: #d9f99d;
  --gd-muted: rgba(190,242,100,0.55);
  --gd-accent: #84cc16;
  --gd-accent2: #65a30d;
  --gd-danger: #ef4444;
  --gd-border: rgba(132,204,22,0.35);
  --gd-header: linear-gradient(180deg, #1a2218, #0f1410);
  --gd-radius: 4px;
  --gd-glow: rgba(132,204,22,0.4);
  --gd-font: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  --gd-mono: 'Share Tech Mono', monospace;
  --gd-btn-bg: #84cc16;
  --gd-btn-fg: #0f1410;
}

html[data-gd-theme="ghost_recon"],
html[data-gd-theme="ghost_recon"] body {
  background: #0f1410 !important;
  color: #d9f99d !important;
  font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif !important;
}

html[data-gd-theme="ghost_recon"] ::selection {
  background: rgba(132,204,22,0.35);
  color: #d9f99d;
}

html[data-gd-theme="ghost_recon"] a { color: #84cc16 !important; }
html[data-gd-theme="ghost_recon"] a:hover { color: #65a30d !important; }

/* Header / chrome */
html[data-gd-theme="ghost_recon"] .header,
html[data-gd-theme="ghost_recon"] header {
  background: linear-gradient(180deg, #1a2218, #0f1410) !important;
  border-bottom-color: rgba(132,204,22,0.35) !important;
  color: #d9f99d !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="ghost_recon"] .logo,
html[data-gd-theme="ghost_recon"] .brand,
html[data-gd-theme="ghost_recon"] .header .logo {
  color: #84cc16 !important;
}
html[data-gd-theme="ghost_recon"] .header-links a,
html[data-gd-theme="ghost_recon"] .header-title,
html[data-gd-theme="ghost_recon"] .user-count,
html[data-gd-theme="ghost_recon"] .badge {
  color: rgba(190,242,100,0.55) !important;
}
html[data-gd-theme="ghost_recon"] .header-links a:hover { color: #84cc16 !important; }

/* Nav */
html[data-gd-theme="ghost_recon"] .nav-tab {
  color: rgba(190,242,100,0.55) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="ghost_recon"] .nav-tab:hover {
  background: #1a2218 !important;
  color: #d9f99d !important;
}
html[data-gd-theme="ghost_recon"] .nav-tab.active {
  background: color-mix(in srgb, #84cc16 22%, transparent) !important;
  color: #84cc16 !important;
}

/* Buttons */
html[data-gd-theme="ghost_recon"] .btn,
html[data-gd-theme="ghost_recon"] .btn-primary,
html[data-gd-theme="ghost_recon"] .btn.btn-primary,
html[data-gd-theme="ghost_recon"] .hero-btn.primary {
  background: #84cc16 !important;
  color: #0f1410 !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(132,204,22,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="ghost_recon"] .btn-primary:hover,
html[data-gd-theme="ghost_recon"] .btn.btn-primary:hover,
html[data-gd-theme="ghost_recon"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(132,204,22,0.4);
}
html[data-gd-theme="ghost_recon"] .btn-secondary,
html[data-gd-theme="ghost_recon"] .hero-btn.secondary,
html[data-gd-theme="ghost_recon"] .lang-btn {
  background: color-mix(in srgb, #1a2218 80%, transparent) !important;
  color: #d9f99d !important;
  border: 1px solid rgba(132,204,22,0.35) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="ghost_recon"] .btn-secondary:hover,
html[data-gd-theme="ghost_recon"] .hero-btn.secondary:hover,
html[data-gd-theme="ghost_recon"] .lang-btn:hover {
  border-color: #84cc16 !important;
  color: #84cc16 !important;
}
html[data-gd-theme="ghost_recon"] .lang-btn.active {
  background: #84cc16 !important;
  border-color: #84cc16 !important;
  color: #0f1410 !important;
}
html[data-gd-theme="ghost_recon"] .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* Surfaces */
html[data-gd-theme="ghost_recon"] .panel,
html[data-gd-theme="ghost_recon"] .endpoint,
html[data-gd-theme="ghost_recon"] .flow-step,
html[data-gd-theme="ghost_recon"] .founder-card,
html[data-gd-theme="ghost_recon"] .notification-dropdown,
html[data-gd-theme="ghost_recon"] .modal-content,
html[data-gd-theme="ghost_recon"] .auth-popup,
html[data-gd-theme="ghost_recon"] .chat-login-card,
html[data-gd-theme="ghost_recon"] .msg,
html[data-gd-theme="ghost_recon"] .code-block,
html[data-gd-theme="ghost_recon"] pre,
html[data-gd-theme="ghost_recon"] .hc-log,
html[data-gd-theme="ghost_recon"] .transcript-view {
  background: #1a2218 !important;
  border-color: rgba(132,204,22,0.35) !important;
  color: #d9f99d !important;
  border-radius: 4px !important;
}
html[data-gd-theme="ghost_recon"] .panel-header,
html[data-gd-theme="ghost_recon"] .endpoint-header,
html[data-gd-theme="ghost_recon"] .notification-header {
  background: color-mix(in srgb, #0a0e0b 70%, #1a2218) !important;
  border-color: rgba(132,204,22,0.35) !important;
  color: #d9f99d !important;
}

/* Chat bubbles */
html[data-gd-theme="ghost_recon"] .msg.user {
  background: color-mix(in srgb, #84cc16 22%, #1a2218) !important;
  border: 1px solid rgba(132,204,22,0.35) !important;
}
html[data-gd-theme="ghost_recon"] .msg.assistant,
html[data-gd-theme="ghost_recon"] .msg.doc {
  background: #1a2218 !important;
  border: 1px solid rgba(132,204,22,0.35) !important;
}

/* Forms */
html[data-gd-theme="ghost_recon"] input,
html[data-gd-theme="ghost_recon"] textarea,
html[data-gd-theme="ghost_recon"] select,
html[data-gd-theme="ghost_recon"] .settings-select,
html[data-gd-theme="ghost_recon"] .custom-prompt-textarea {
  background: #0a0e0b !important;
  color: #d9f99d !important;
  border: 1px solid rgba(132,204,22,0.35) !important;
  border-radius: 4px !important;
  font-family: inherit !important;
}
html[data-gd-theme="ghost_recon"] input:focus,
html[data-gd-theme="ghost_recon"] textarea:focus,
html[data-gd-theme="ghost_recon"] select:focus {
  outline: 2px solid #84cc16 !important;
  outline-offset: 1px;
  border-color: #84cc16 !important;
}
html[data-gd-theme="ghost_recon"] input::placeholder,
html[data-gd-theme="ghost_recon"] textarea::placeholder {
  color: rgba(190,242,100,0.55) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="ghost_recon"] .settings-group-title {
  color: rgba(190,242,100,0.55) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="ghost_recon"] .settings-label { color: #d9f99d !important; }
html[data-gd-theme="ghost_recon"] .settings-desc { color: rgba(190,242,100,0.55) !important; }
html[data-gd-theme="ghost_recon"] .settings-item { border-bottom-color: rgba(132,204,22,0.35) !important; }
html[data-gd-theme="ghost_recon"] .settings-toggle {
  background: #0a0e0b !important;
  border: 1px solid rgba(132,204,22,0.35);
}
html[data-gd-theme="ghost_recon"] .settings-toggle.on {
  background: #84cc16 !important;
}

/* Typography helpers */
html[data-gd-theme="ghost_recon"] h1, html[data-gd-theme="ghost_recon"] h2, html[data-gd-theme="ghost_recon"] h3 {
  color: #84cc16 !important;
}
html[data-gd-theme="ghost_recon"] h2 { color: #84cc16 !important; }
html[data-gd-theme="ghost_recon"] p, html[data-gd-theme="ghost_recon"] .subtitle, html[data-gd-theme="ghost_recon"] .profile-empty {
  color: rgba(190,242,100,0.55) !important;
}
html[data-gd-theme="ghost_recon"] code, html[data-gd-theme="ghost_recon"] .method, html[data-gd-theme="ghost_recon"] pre {
  font-family: 'Share Tech Mono', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="ghost_recon"] .method.get { background: color-mix(in srgb, #84cc16 30%, transparent) !important; color: #84cc16 !important; }
html[data-gd-theme="ghost_recon"] .method.post { background: color-mix(in srgb, #65a30d 30%, transparent) !important; color: #65a30d !important; }
html[data-gd-theme="ghost_recon"] .spec-link {
  background: #1a2218 !important;
  border-color: rgba(132,204,22,0.35) !important;
  color: #d9f99d !important;
  border-radius: 4px !important;
}
html[data-gd-theme="ghost_recon"] .spec-link:hover {
  border-color: #84cc16 !important;
  color: #84cc16 !important;
}

/* Stickers board */
html[data-gd-theme="ghost_recon"] .area-label,
html[data-gd-theme="ghost_recon"] thead th:first-child {
  background: #0f1410 !important;
  color: rgba(190,242,100,0.55) !important;
}
html[data-gd-theme="ghost_recon"] .cell.filled {
  background: color-mix(in srgb, #84cc16 14%, transparent) !important;
}
html[data-gd-theme="ghost_recon"] .cell.today-col {
  border-color: #84cc16 !important;
}
html[data-gd-theme="ghost_recon"] thead th.today-col {
  color: #84cc16 !important;
}
html[data-gd-theme="ghost_recon"] .header h1 { color: #84cc16 !important; }

/* Hero */
html[data-gd-theme="ghost_recon"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #84cc16 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(132,204,22,0.35) !important;
}
html[data-gd-theme="ghost_recon"] .hero p { color: rgba(190,242,100,0.55) !important; }

/* User chrome */
html[data-gd-theme="ghost_recon"] .user-badge {
  background: #1a2218 !important;
  color: #d9f99d !important;
  border: 1px solid rgba(132,204,22,0.35);
  border-radius: 4px !important;
}
html[data-gd-theme="ghost_recon"] .notification-bell { color: rgba(190,242,100,0.55) !important; }
html[data-gd-theme="ghost_recon"] .notification-bell:hover { color: #d9f99d !important; }
html[data-gd-theme="ghost_recon"] .notification-badge { background: #ef4444 !important; }

/* Starter / misc chips */
html[data-gd-theme="ghost_recon"] .starter-btn {
  background: #1a2218 !important;
  border: 1px solid rgba(132,204,22,0.35) !important;
  color: #d9f99d !important;
  border-radius: 4px !important;
}
html[data-gd-theme="ghost_recon"] .starter-btn:hover {
  border-color: #84cc16 !important;
  color: #84cc16 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="ghost_recon"] .gd-style-picker {
  border-color: rgba(132,204,22,0.35);
}
html[data-gd-theme="ghost_recon"] .gd-style-option {
  background: #0a0e0b;
  border-color: rgba(132,204,22,0.35);
  color: #d9f99d;
}
html[data-gd-theme="ghost_recon"] .gd-style-option:hover,
html[data-gd-theme="ghost_recon"] .gd-style-option.selected {
  border-color: #84cc16;
  box-shadow: 0 0 0 1px #84cc16, 0 4px 16px rgba(132,204,22,0.4);
}
html[data-gd-theme="ghost_recon"] .gd-style-option.selected {
  background: color-mix(in srgb, #84cc16 12%, #1a2218);
}


html[data-gd-theme="ghost_recon"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="ghost_recon"] ::-webkit-scrollbar-track { background: #0a0e0b; }
html[data-gd-theme="ghost_recon"] ::-webkit-scrollbar-thumb {
  background: #84cc1688;
  border-radius: 4px;
  border: 2px solid #0a0e0b;
}


html[data-gd-theme="ghost_recon"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="ghost_recon"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="ghost_recon"] body > .header,
html[data-gd-theme="ghost_recon"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="ghost_recon"] body > .popup-overlay,
html[data-gd-theme="ghost_recon"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="ghost_recon"] body::before {
  background-image:
    radial-gradient(ellipse 30% 25% at 20% 30%, #84cc1618, transparent 60%),
    radial-gradient(ellipse 25% 30% at 70% 50%, #65a30d14, transparent 55%),
    radial-gradient(ellipse 20% 20% at 40% 80%, #84cc1610, transparent 50%);
  opacity: 1;
}
html[data-gd-theme="ghost_recon"] body::after {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background: repeating-linear-gradient(
    0deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 3px
  );
  opacity: 0.35;
}


html[data-gd-theme="ghost_recon"] .header::after {
  content: "SYS // ONLINE";
  position: absolute; right: 12px; bottom: 2px;
  font-size: 9px; letter-spacing: 0.15em;
  color: #84cc16; opacity: 0.55;
  font-family: 'Share Tech Mono', monospace;
}
html[data-gd-theme="ghost_recon"] .header { position: sticky; }



/* ═══════════════════════════════════════════════════════════════
   Theme: magic_the_gathering
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="magic_the_gathering"] {
  color-scheme: dark;
  --gd-bg: #1c1410;
  --gd-bg2: #120e0a;
  --gd-elevated: #2a1f18;
  --gd-fg: #f5e6c8;
  --gd-muted: rgba(245,230,200,0.6);
  --gd-accent: #d4a017;
  --gd-accent2: #7c3aed;
  --gd-danger: #dc2626;
  --gd-border: rgba(212,160,23,0.4);
  --gd-header: linear-gradient(135deg, rgba(124,58,237,0.35), rgba(212,160,23,0.2), #1c1410);
  --gd-radius: 8px;
  --gd-glow: rgba(212,160,23,0.45);
  --gd-font: Georgia, 'Palatino Linotype', serif;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #d4a017;
  --gd-btn-fg: #1c1410;
}

html[data-gd-theme="magic_the_gathering"],
html[data-gd-theme="magic_the_gathering"] body {
  background: #1c1410 !important;
  color: #f5e6c8 !important;
  font-family: Georgia, 'Palatino Linotype', serif !important;
}

html[data-gd-theme="magic_the_gathering"] ::selection {
  background: rgba(124,58,237,0.4);
  color: #f5e6c8;
}

html[data-gd-theme="magic_the_gathering"] a { color: #d4a017 !important; }
html[data-gd-theme="magic_the_gathering"] a:hover { color: #7c3aed !important; }

/* Header / chrome */
html[data-gd-theme="magic_the_gathering"] .header,
html[data-gd-theme="magic_the_gathering"] header {
  background: linear-gradient(135deg, rgba(124,58,237,0.35), rgba(212,160,23,0.2), #1c1410) !important;
  border-bottom-color: rgba(212,160,23,0.4) !important;
  color: #f5e6c8 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="magic_the_gathering"] .logo,
html[data-gd-theme="magic_the_gathering"] .brand,
html[data-gd-theme="magic_the_gathering"] .header .logo {
  color: #d4a017 !important;
}
html[data-gd-theme="magic_the_gathering"] .header-links a,
html[data-gd-theme="magic_the_gathering"] .header-title,
html[data-gd-theme="magic_the_gathering"] .user-count,
html[data-gd-theme="magic_the_gathering"] .badge {
  color: rgba(245,230,200,0.6) !important;
}
html[data-gd-theme="magic_the_gathering"] .header-links a:hover { color: #d4a017 !important; }

/* Nav */
html[data-gd-theme="magic_the_gathering"] .nav-tab {
  color: rgba(245,230,200,0.6) !important;
  border-radius: 8px !important;
}
html[data-gd-theme="magic_the_gathering"] .nav-tab:hover {
  background: #2a1f18 !important;
  color: #f5e6c8 !important;
}
html[data-gd-theme="magic_the_gathering"] .nav-tab.active {
  background: color-mix(in srgb, #d4a017 22%, transparent) !important;
  color: #d4a017 !important;
}

/* Buttons */
html[data-gd-theme="magic_the_gathering"] .btn,
html[data-gd-theme="magic_the_gathering"] .btn-primary,
html[data-gd-theme="magic_the_gathering"] .btn.btn-primary,
html[data-gd-theme="magic_the_gathering"] .hero-btn.primary {
  background: #d4a017 !important;
  color: #1c1410 !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(212,160,23,0.45);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="magic_the_gathering"] .btn-primary:hover,
html[data-gd-theme="magic_the_gathering"] .btn.btn-primary:hover,
html[data-gd-theme="magic_the_gathering"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(212,160,23,0.45);
}
html[data-gd-theme="magic_the_gathering"] .btn-secondary,
html[data-gd-theme="magic_the_gathering"] .hero-btn.secondary,
html[data-gd-theme="magic_the_gathering"] .lang-btn {
  background: color-mix(in srgb, #2a1f18 80%, transparent) !important;
  color: #f5e6c8 !important;
  border: 1px solid rgba(212,160,23,0.4) !important;
  border-radius: 8px !important;
}
html[data-gd-theme="magic_the_gathering"] .btn-secondary:hover,
html[data-gd-theme="magic_the_gathering"] .hero-btn.secondary:hover,
html[data-gd-theme="magic_the_gathering"] .lang-btn:hover {
  border-color: #d4a017 !important;
  color: #d4a017 !important;
}
html[data-gd-theme="magic_the_gathering"] .lang-btn.active {
  background: #d4a017 !important;
  border-color: #d4a017 !important;
  color: #1c1410 !important;
}
html[data-gd-theme="magic_the_gathering"] .btn-danger {
  background: #dc2626 !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* Surfaces */
html[data-gd-theme="magic_the_gathering"] .panel,
html[data-gd-theme="magic_the_gathering"] .endpoint,
html[data-gd-theme="magic_the_gathering"] .flow-step,
html[data-gd-theme="magic_the_gathering"] .founder-card,
html[data-gd-theme="magic_the_gathering"] .notification-dropdown,
html[data-gd-theme="magic_the_gathering"] .modal-content,
html[data-gd-theme="magic_the_gathering"] .auth-popup,
html[data-gd-theme="magic_the_gathering"] .chat-login-card,
html[data-gd-theme="magic_the_gathering"] .msg,
html[data-gd-theme="magic_the_gathering"] .code-block,
html[data-gd-theme="magic_the_gathering"] pre,
html[data-gd-theme="magic_the_gathering"] .hc-log,
html[data-gd-theme="magic_the_gathering"] .transcript-view {
  background: #2a1f18 !important;
  border-color: rgba(212,160,23,0.4) !important;
  color: #f5e6c8 !important;
  border-radius: 8px !important;
}
html[data-gd-theme="magic_the_gathering"] .panel-header,
html[data-gd-theme="magic_the_gathering"] .endpoint-header,
html[data-gd-theme="magic_the_gathering"] .notification-header {
  background: color-mix(in srgb, #120e0a 70%, #2a1f18) !important;
  border-color: rgba(212,160,23,0.4) !important;
  color: #f5e6c8 !important;
}

/* Chat bubbles */
html[data-gd-theme="magic_the_gathering"] .msg.user {
  background: color-mix(in srgb, #d4a017 22%, #2a1f18) !important;
  border: 1px solid rgba(212,160,23,0.4) !important;
}
html[data-gd-theme="magic_the_gathering"] .msg.assistant,
html[data-gd-theme="magic_the_gathering"] .msg.doc {
  background: #2a1f18 !important;
  border: 1px solid rgba(212,160,23,0.4) !important;
}

/* Forms */
html[data-gd-theme="magic_the_gathering"] input,
html[data-gd-theme="magic_the_gathering"] textarea,
html[data-gd-theme="magic_the_gathering"] select,
html[data-gd-theme="magic_the_gathering"] .settings-select,
html[data-gd-theme="magic_the_gathering"] .custom-prompt-textarea {
  background: #120e0a !important;
  color: #f5e6c8 !important;
  border: 1px solid rgba(212,160,23,0.4) !important;
  border-radius: 8px !important;
  font-family: inherit !important;
}
html[data-gd-theme="magic_the_gathering"] input:focus,
html[data-gd-theme="magic_the_gathering"] textarea:focus,
html[data-gd-theme="magic_the_gathering"] select:focus {
  outline: 2px solid #d4a017 !important;
  outline-offset: 1px;
  border-color: #d4a017 !important;
}
html[data-gd-theme="magic_the_gathering"] input::placeholder,
html[data-gd-theme="magic_the_gathering"] textarea::placeholder {
  color: rgba(245,230,200,0.6) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="magic_the_gathering"] .settings-group-title {
  color: rgba(245,230,200,0.6) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="magic_the_gathering"] .settings-label { color: #f5e6c8 !important; }
html[data-gd-theme="magic_the_gathering"] .settings-desc { color: rgba(245,230,200,0.6) !important; }
html[data-gd-theme="magic_the_gathering"] .settings-item { border-bottom-color: rgba(212,160,23,0.4) !important; }
html[data-gd-theme="magic_the_gathering"] .settings-toggle {
  background: #120e0a !important;
  border: 1px solid rgba(212,160,23,0.4);
}
html[data-gd-theme="magic_the_gathering"] .settings-toggle.on {
  background: #d4a017 !important;
}

/* Typography helpers */
html[data-gd-theme="magic_the_gathering"] h1, html[data-gd-theme="magic_the_gathering"] h2, html[data-gd-theme="magic_the_gathering"] h3 {
  color: #d4a017 !important;
}
html[data-gd-theme="magic_the_gathering"] h2 { color: #d4a017 !important; }
html[data-gd-theme="magic_the_gathering"] p, html[data-gd-theme="magic_the_gathering"] .subtitle, html[data-gd-theme="magic_the_gathering"] .profile-empty {
  color: rgba(245,230,200,0.6) !important;
}
html[data-gd-theme="magic_the_gathering"] code, html[data-gd-theme="magic_the_gathering"] .method, html[data-gd-theme="magic_the_gathering"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="magic_the_gathering"] .method.get { background: color-mix(in srgb, #d4a017 30%, transparent) !important; color: #d4a017 !important; }
html[data-gd-theme="magic_the_gathering"] .method.post { background: color-mix(in srgb, #7c3aed 30%, transparent) !important; color: #7c3aed !important; }
html[data-gd-theme="magic_the_gathering"] .spec-link {
  background: #2a1f18 !important;
  border-color: rgba(212,160,23,0.4) !important;
  color: #f5e6c8 !important;
  border-radius: 8px !important;
}
html[data-gd-theme="magic_the_gathering"] .spec-link:hover {
  border-color: #d4a017 !important;
  color: #d4a017 !important;
}

/* Stickers board */
html[data-gd-theme="magic_the_gathering"] .area-label,
html[data-gd-theme="magic_the_gathering"] thead th:first-child {
  background: #1c1410 !important;
  color: rgba(245,230,200,0.6) !important;
}
html[data-gd-theme="magic_the_gathering"] .cell.filled {
  background: color-mix(in srgb, #d4a017 14%, transparent) !important;
}
html[data-gd-theme="magic_the_gathering"] .cell.today-col {
  border-color: #d4a017 !important;
}
html[data-gd-theme="magic_the_gathering"] thead th.today-col {
  color: #d4a017 !important;
}
html[data-gd-theme="magic_the_gathering"] .header h1 { color: #d4a017 !important; }

/* Hero */
html[data-gd-theme="magic_the_gathering"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #d4a017 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(212,160,23,0.4) !important;
}
html[data-gd-theme="magic_the_gathering"] .hero p { color: rgba(245,230,200,0.6) !important; }

/* User chrome */
html[data-gd-theme="magic_the_gathering"] .user-badge {
  background: #2a1f18 !important;
  color: #f5e6c8 !important;
  border: 1px solid rgba(212,160,23,0.4);
  border-radius: 8px !important;
}
html[data-gd-theme="magic_the_gathering"] .notification-bell { color: rgba(245,230,200,0.6) !important; }
html[data-gd-theme="magic_the_gathering"] .notification-bell:hover { color: #f5e6c8 !important; }
html[data-gd-theme="magic_the_gathering"] .notification-badge { background: #dc2626 !important; }

/* Starter / misc chips */
html[data-gd-theme="magic_the_gathering"] .starter-btn {
  background: #2a1f18 !important;
  border: 1px solid rgba(212,160,23,0.4) !important;
  color: #f5e6c8 !important;
  border-radius: 8px !important;
}
html[data-gd-theme="magic_the_gathering"] .starter-btn:hover {
  border-color: #d4a017 !important;
  color: #d4a017 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="magic_the_gathering"] .gd-style-picker {
  border-color: rgba(212,160,23,0.4);
}
html[data-gd-theme="magic_the_gathering"] .gd-style-option {
  background: #120e0a;
  border-color: rgba(212,160,23,0.4);
  color: #f5e6c8;
}
html[data-gd-theme="magic_the_gathering"] .gd-style-option:hover,
html[data-gd-theme="magic_the_gathering"] .gd-style-option.selected {
  border-color: #d4a017;
  box-shadow: 0 0 0 1px #d4a017, 0 4px 16px rgba(212,160,23,0.45);
}
html[data-gd-theme="magic_the_gathering"] .gd-style-option.selected {
  background: color-mix(in srgb, #d4a017 12%, #2a1f18);
}


html[data-gd-theme="magic_the_gathering"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="magic_the_gathering"] ::-webkit-scrollbar-track { background: #120e0a; }
html[data-gd-theme="magic_the_gathering"] ::-webkit-scrollbar-thumb {
  background: #d4a01788;
  border-radius: 8px;
  border: 2px solid #120e0a;
}


html[data-gd-theme="magic_the_gathering"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="magic_the_gathering"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="magic_the_gathering"] body > .header,
html[data-gd-theme="magic_the_gathering"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="magic_the_gathering"] body > .popup-overlay,
html[data-gd-theme="magic_the_gathering"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="magic_the_gathering"] body::before {
  background:
    radial-gradient(circle at 50% 0%, #d4a01722, transparent 40%),
    radial-gradient(circle at 10% 90%, #7c3aed18, transparent 35%),
    radial-gradient(circle at 90% 80%, #d4a01712, transparent 30%);
  opacity: 1;
}
html[data-gd-theme="magic_the_gathering"] .header {
  box-shadow: inset 0 -1px 0 #d4a01755, 0 0 0 1px #d4a01722;
}


html[data-gd-theme="magic_the_gathering"] .logo, html[data-gd-theme="magic_the_gathering"] .header .logo {
  text-shadow: 0 0 12px #d4a01788, 0 1px 0 #7c3aed;
}
html[data-gd-theme="magic_the_gathering"] .panel, html[data-gd-theme="magic_the_gathering"] .endpoint, html[data-gd-theme="magic_the_gathering"] .flow-step, html[data-gd-theme="magic_the_gathering"] .founder-card {
  box-shadow: inset 0 0 0 1px #d4a01733, 0 8px 32px rgba(0,0,0,0.4) !important;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: dungeon_crawler_rpg
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="dungeon_crawler_rpg"] {
  color-scheme: dark;
  --gd-bg: #1a120b;
  --gd-bg2: #0f0b07;
  --gd-elevated: #2c2015;
  --gd-fg: #fef3c7;
  --gd-muted: rgba(196,165,116,0.75);
  --gd-accent: #c4a574;
  --gd-accent2: #b45309;
  --gd-danger: #b91c1c;
  --gd-border: rgba(180,83,9,0.45);
  --gd-header: linear-gradient(180deg, #3b2a1a, #1a120b);
  --gd-radius: 6px;
  --gd-glow: rgba(245,158,11,0.35);
  --gd-font: 'Cinzel', 'Times New Roman', serif;
  --gd-mono: monospace;
  --gd-btn-bg: #c4a574;
  --gd-btn-fg: #1a120b;
}

html[data-gd-theme="dungeon_crawler_rpg"],
html[data-gd-theme="dungeon_crawler_rpg"] body {
  background: #1a120b !important;
  color: #fef3c7 !important;
  font-family: 'Cinzel', 'Times New Roman', serif !important;
}

html[data-gd-theme="dungeon_crawler_rpg"] ::selection {
  background: rgba(180,83,9,0.4);
  color: #fef3c7;
}

html[data-gd-theme="dungeon_crawler_rpg"] a { color: #c4a574 !important; }
html[data-gd-theme="dungeon_crawler_rpg"] a:hover { color: #b45309 !important; }

/* Header / chrome */
html[data-gd-theme="dungeon_crawler_rpg"] .header,
html[data-gd-theme="dungeon_crawler_rpg"] header {
  background: linear-gradient(180deg, #3b2a1a, #1a120b) !important;
  border-bottom-color: rgba(180,83,9,0.45) !important;
  color: #fef3c7 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="dungeon_crawler_rpg"] .logo,
html[data-gd-theme="dungeon_crawler_rpg"] .brand,
html[data-gd-theme="dungeon_crawler_rpg"] .header .logo {
  color: #c4a574 !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .header-links a,
html[data-gd-theme="dungeon_crawler_rpg"] .header-title,
html[data-gd-theme="dungeon_crawler_rpg"] .user-count,
html[data-gd-theme="dungeon_crawler_rpg"] .badge {
  color: rgba(196,165,116,0.75) !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .header-links a:hover { color: #c4a574 !important; }

/* Nav */
html[data-gd-theme="dungeon_crawler_rpg"] .nav-tab {
  color: rgba(196,165,116,0.75) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .nav-tab:hover {
  background: #2c2015 !important;
  color: #fef3c7 !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .nav-tab.active {
  background: color-mix(in srgb, #c4a574 22%, transparent) !important;
  color: #c4a574 !important;
}

/* Buttons */
html[data-gd-theme="dungeon_crawler_rpg"] .btn,
html[data-gd-theme="dungeon_crawler_rpg"] .btn-primary,
html[data-gd-theme="dungeon_crawler_rpg"] .btn.btn-primary,
html[data-gd-theme="dungeon_crawler_rpg"] .hero-btn.primary {
  background: #c4a574 !important;
  color: #1a120b !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(245,158,11,0.35);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="dungeon_crawler_rpg"] .btn-primary:hover,
html[data-gd-theme="dungeon_crawler_rpg"] .btn.btn-primary:hover,
html[data-gd-theme="dungeon_crawler_rpg"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(245,158,11,0.35);
}
html[data-gd-theme="dungeon_crawler_rpg"] .btn-secondary,
html[data-gd-theme="dungeon_crawler_rpg"] .hero-btn.secondary,
html[data-gd-theme="dungeon_crawler_rpg"] .lang-btn {
  background: color-mix(in srgb, #2c2015 80%, transparent) !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(180,83,9,0.45) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .btn-secondary:hover,
html[data-gd-theme="dungeon_crawler_rpg"] .hero-btn.secondary:hover,
html[data-gd-theme="dungeon_crawler_rpg"] .lang-btn:hover {
  border-color: #c4a574 !important;
  color: #c4a574 !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .lang-btn.active {
  background: #c4a574 !important;
  border-color: #c4a574 !important;
  color: #1a120b !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .btn-danger {
  background: #b91c1c !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* Surfaces */
html[data-gd-theme="dungeon_crawler_rpg"] .panel,
html[data-gd-theme="dungeon_crawler_rpg"] .endpoint,
html[data-gd-theme="dungeon_crawler_rpg"] .flow-step,
html[data-gd-theme="dungeon_crawler_rpg"] .founder-card,
html[data-gd-theme="dungeon_crawler_rpg"] .notification-dropdown,
html[data-gd-theme="dungeon_crawler_rpg"] .modal-content,
html[data-gd-theme="dungeon_crawler_rpg"] .auth-popup,
html[data-gd-theme="dungeon_crawler_rpg"] .chat-login-card,
html[data-gd-theme="dungeon_crawler_rpg"] .msg,
html[data-gd-theme="dungeon_crawler_rpg"] .code-block,
html[data-gd-theme="dungeon_crawler_rpg"] pre,
html[data-gd-theme="dungeon_crawler_rpg"] .hc-log,
html[data-gd-theme="dungeon_crawler_rpg"] .transcript-view {
  background: #2c2015 !important;
  border-color: rgba(180,83,9,0.45) !important;
  color: #fef3c7 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .panel-header,
html[data-gd-theme="dungeon_crawler_rpg"] .endpoint-header,
html[data-gd-theme="dungeon_crawler_rpg"] .notification-header {
  background: color-mix(in srgb, #0f0b07 70%, #2c2015) !important;
  border-color: rgba(180,83,9,0.45) !important;
  color: #fef3c7 !important;
}

/* Chat bubbles */
html[data-gd-theme="dungeon_crawler_rpg"] .msg.user {
  background: color-mix(in srgb, #c4a574 22%, #2c2015) !important;
  border: 1px solid rgba(180,83,9,0.45) !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .msg.assistant,
html[data-gd-theme="dungeon_crawler_rpg"] .msg.doc {
  background: #2c2015 !important;
  border: 1px solid rgba(180,83,9,0.45) !important;
}

/* Forms */
html[data-gd-theme="dungeon_crawler_rpg"] input,
html[data-gd-theme="dungeon_crawler_rpg"] textarea,
html[data-gd-theme="dungeon_crawler_rpg"] select,
html[data-gd-theme="dungeon_crawler_rpg"] .settings-select,
html[data-gd-theme="dungeon_crawler_rpg"] .custom-prompt-textarea {
  background: #0f0b07 !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(180,83,9,0.45) !important;
  border-radius: 6px !important;
  font-family: inherit !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] input:focus,
html[data-gd-theme="dungeon_crawler_rpg"] textarea:focus,
html[data-gd-theme="dungeon_crawler_rpg"] select:focus {
  outline: 2px solid #c4a574 !important;
  outline-offset: 1px;
  border-color: #c4a574 !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] input::placeholder,
html[data-gd-theme="dungeon_crawler_rpg"] textarea::placeholder {
  color: rgba(196,165,116,0.75) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="dungeon_crawler_rpg"] .settings-group-title {
  color: rgba(196,165,116,0.75) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="dungeon_crawler_rpg"] .settings-label { color: #fef3c7 !important; }
html[data-gd-theme="dungeon_crawler_rpg"] .settings-desc { color: rgba(196,165,116,0.75) !important; }
html[data-gd-theme="dungeon_crawler_rpg"] .settings-item { border-bottom-color: rgba(180,83,9,0.45) !important; }
html[data-gd-theme="dungeon_crawler_rpg"] .settings-toggle {
  background: #0f0b07 !important;
  border: 1px solid rgba(180,83,9,0.45);
}
html[data-gd-theme="dungeon_crawler_rpg"] .settings-toggle.on {
  background: #c4a574 !important;
}

/* Typography helpers */
html[data-gd-theme="dungeon_crawler_rpg"] h1, html[data-gd-theme="dungeon_crawler_rpg"] h2, html[data-gd-theme="dungeon_crawler_rpg"] h3 {
  color: #c4a574 !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] h2 { color: #c4a574 !important; }
html[data-gd-theme="dungeon_crawler_rpg"] p, html[data-gd-theme="dungeon_crawler_rpg"] .subtitle, html[data-gd-theme="dungeon_crawler_rpg"] .profile-empty {
  color: rgba(196,165,116,0.75) !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] code, html[data-gd-theme="dungeon_crawler_rpg"] .method, html[data-gd-theme="dungeon_crawler_rpg"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="dungeon_crawler_rpg"] .method.get { background: color-mix(in srgb, #c4a574 30%, transparent) !important; color: #c4a574 !important; }
html[data-gd-theme="dungeon_crawler_rpg"] .method.post { background: color-mix(in srgb, #b45309 30%, transparent) !important; color: #b45309 !important; }
html[data-gd-theme="dungeon_crawler_rpg"] .spec-link {
  background: #2c2015 !important;
  border-color: rgba(180,83,9,0.45) !important;
  color: #fef3c7 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .spec-link:hover {
  border-color: #c4a574 !important;
  color: #c4a574 !important;
}

/* Stickers board */
html[data-gd-theme="dungeon_crawler_rpg"] .area-label,
html[data-gd-theme="dungeon_crawler_rpg"] thead th:first-child {
  background: #1a120b !important;
  color: rgba(196,165,116,0.75) !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .cell.filled {
  background: color-mix(in srgb, #c4a574 14%, transparent) !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .cell.today-col {
  border-color: #c4a574 !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] thead th.today-col {
  color: #c4a574 !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .header h1 { color: #c4a574 !important; }

/* Hero */
html[data-gd-theme="dungeon_crawler_rpg"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #c4a574 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(180,83,9,0.45) !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .hero p { color: rgba(196,165,116,0.75) !important; }

/* User chrome */
html[data-gd-theme="dungeon_crawler_rpg"] .user-badge {
  background: #2c2015 !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(180,83,9,0.45);
  border-radius: 6px !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .notification-bell { color: rgba(196,165,116,0.75) !important; }
html[data-gd-theme="dungeon_crawler_rpg"] .notification-bell:hover { color: #fef3c7 !important; }
html[data-gd-theme="dungeon_crawler_rpg"] .notification-badge { background: #b91c1c !important; }

/* Starter / misc chips */
html[data-gd-theme="dungeon_crawler_rpg"] .starter-btn {
  background: #2c2015 !important;
  border: 1px solid rgba(180,83,9,0.45) !important;
  color: #fef3c7 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="dungeon_crawler_rpg"] .starter-btn:hover {
  border-color: #c4a574 !important;
  color: #c4a574 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="dungeon_crawler_rpg"] .gd-style-picker {
  border-color: rgba(180,83,9,0.45);
}
html[data-gd-theme="dungeon_crawler_rpg"] .gd-style-option {
  background: #0f0b07;
  border-color: rgba(180,83,9,0.45);
  color: #fef3c7;
}
html[data-gd-theme="dungeon_crawler_rpg"] .gd-style-option:hover,
html[data-gd-theme="dungeon_crawler_rpg"] .gd-style-option.selected {
  border-color: #c4a574;
  box-shadow: 0 0 0 1px #c4a574, 0 4px 16px rgba(245,158,11,0.35);
}
html[data-gd-theme="dungeon_crawler_rpg"] .gd-style-option.selected {
  background: color-mix(in srgb, #c4a574 12%, #2c2015);
}


html[data-gd-theme="dungeon_crawler_rpg"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="dungeon_crawler_rpg"] ::-webkit-scrollbar-track { background: #0f0b07; }
html[data-gd-theme="dungeon_crawler_rpg"] ::-webkit-scrollbar-thumb {
  background: #c4a57488;
  border-radius: 6px;
  border: 2px solid #0f0b07;
}


html[data-gd-theme="dungeon_crawler_rpg"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="dungeon_crawler_rpg"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="dungeon_crawler_rpg"] body > .header,
html[data-gd-theme="dungeon_crawler_rpg"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="dungeon_crawler_rpg"] body > .popup-overlay,
html[data-gd-theme="dungeon_crawler_rpg"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="dungeon_crawler_rpg"] body::before {
  background-image:
    radial-gradient(ellipse at 20% 30%, rgba(0,0,0,0.25) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(0,0,0,0.2) 0%, transparent 45%),
    linear-gradient(180deg, #0f0b07, #1a120b);
  opacity: 1;
}


html[data-gd-theme="dungeon_crawler_rpg"] .panel, html[data-gd-theme="dungeon_crawler_rpg"] .endpoint, html[data-gd-theme="dungeon_crawler_rpg"] .msg {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 4px 0 #0f0b07, 0 8px 24px rgba(0,0,0,0.45) !important;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: graph_trotterization
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="graph_trotterization"] {
  color-scheme: dark;
  --gd-bg: #0f172a;
  --gd-bg2: #020617;
  --gd-elevated: #1e293b;
  --gd-fg: #e2e8f0;
  --gd-muted: rgba(148,163,184,0.85);
  --gd-accent: #60a5fa;
  --gd-accent2: #34d399;
  --gd-danger: #f87171;
  --gd-border: rgba(96,165,250,0.3);
  --gd-header: linear-gradient(90deg, rgba(96,165,250,0.2), rgba(52,211,153,0.12), #0f172a);
  --gd-radius: 14px;
  --gd-glow: rgba(96,165,250,0.45);
  --gd-font: 'IBM Plex Sans', system-ui, sans-serif;
  --gd-mono: 'IBM Plex Mono', monospace;
  --gd-btn-bg: #60a5fa;
  --gd-btn-fg: #0f172a;
}

html[data-gd-theme="graph_trotterization"],
html[data-gd-theme="graph_trotterization"] body {
  background: #0f172a !important;
  color: #e2e8f0 !important;
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
}

html[data-gd-theme="graph_trotterization"] ::selection {
  background: rgba(52,211,153,0.35);
  color: #e2e8f0;
}

html[data-gd-theme="graph_trotterization"] a { color: #60a5fa !important; }
html[data-gd-theme="graph_trotterization"] a:hover { color: #34d399 !important; }

/* Header / chrome */
html[data-gd-theme="graph_trotterization"] .header,
html[data-gd-theme="graph_trotterization"] header {
  background: linear-gradient(90deg, rgba(96,165,250,0.2), rgba(52,211,153,0.12), #0f172a) !important;
  border-bottom-color: rgba(96,165,250,0.3) !important;
  color: #e2e8f0 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="graph_trotterization"] .logo,
html[data-gd-theme="graph_trotterization"] .brand,
html[data-gd-theme="graph_trotterization"] .header .logo {
  color: #60a5fa !important;
}
html[data-gd-theme="graph_trotterization"] .header-links a,
html[data-gd-theme="graph_trotterization"] .header-title,
html[data-gd-theme="graph_trotterization"] .user-count,
html[data-gd-theme="graph_trotterization"] .badge {
  color: rgba(148,163,184,0.85) !important;
}
html[data-gd-theme="graph_trotterization"] .header-links a:hover { color: #60a5fa !important; }

/* Nav */
html[data-gd-theme="graph_trotterization"] .nav-tab {
  color: rgba(148,163,184,0.85) !important;
  border-radius: 14px !important;
}
html[data-gd-theme="graph_trotterization"] .nav-tab:hover {
  background: #1e293b !important;
  color: #e2e8f0 !important;
}
html[data-gd-theme="graph_trotterization"] .nav-tab.active {
  background: color-mix(in srgb, #60a5fa 22%, transparent) !important;
  color: #60a5fa !important;
}

/* Buttons */
html[data-gd-theme="graph_trotterization"] .btn,
html[data-gd-theme="graph_trotterization"] .btn-primary,
html[data-gd-theme="graph_trotterization"] .btn.btn-primary,
html[data-gd-theme="graph_trotterization"] .hero-btn.primary {
  background: #60a5fa !important;
  color: #0f172a !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(96,165,250,0.45);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="graph_trotterization"] .btn-primary:hover,
html[data-gd-theme="graph_trotterization"] .btn.btn-primary:hover,
html[data-gd-theme="graph_trotterization"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(96,165,250,0.45);
}
html[data-gd-theme="graph_trotterization"] .btn-secondary,
html[data-gd-theme="graph_trotterization"] .hero-btn.secondary,
html[data-gd-theme="graph_trotterization"] .lang-btn {
  background: color-mix(in srgb, #1e293b 80%, transparent) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(96,165,250,0.3) !important;
  border-radius: 14px !important;
}
html[data-gd-theme="graph_trotterization"] .btn-secondary:hover,
html[data-gd-theme="graph_trotterization"] .hero-btn.secondary:hover,
html[data-gd-theme="graph_trotterization"] .lang-btn:hover {
  border-color: #60a5fa !important;
  color: #60a5fa !important;
}
html[data-gd-theme="graph_trotterization"] .lang-btn.active {
  background: #60a5fa !important;
  border-color: #60a5fa !important;
  color: #0f172a !important;
}
html[data-gd-theme="graph_trotterization"] .btn-danger {
  background: #f87171 !important;
  color: #fff !important;
  border-radius: 14px !important;
}

/* Surfaces */
html[data-gd-theme="graph_trotterization"] .panel,
html[data-gd-theme="graph_trotterization"] .endpoint,
html[data-gd-theme="graph_trotterization"] .flow-step,
html[data-gd-theme="graph_trotterization"] .founder-card,
html[data-gd-theme="graph_trotterization"] .notification-dropdown,
html[data-gd-theme="graph_trotterization"] .modal-content,
html[data-gd-theme="graph_trotterization"] .auth-popup,
html[data-gd-theme="graph_trotterization"] .chat-login-card,
html[data-gd-theme="graph_trotterization"] .msg,
html[data-gd-theme="graph_trotterization"] .code-block,
html[data-gd-theme="graph_trotterization"] pre,
html[data-gd-theme="graph_trotterization"] .hc-log,
html[data-gd-theme="graph_trotterization"] .transcript-view {
  background: #1e293b !important;
  border-color: rgba(96,165,250,0.3) !important;
  color: #e2e8f0 !important;
  border-radius: 14px !important;
}
html[data-gd-theme="graph_trotterization"] .panel-header,
html[data-gd-theme="graph_trotterization"] .endpoint-header,
html[data-gd-theme="graph_trotterization"] .notification-header {
  background: color-mix(in srgb, #020617 70%, #1e293b) !important;
  border-color: rgba(96,165,250,0.3) !important;
  color: #e2e8f0 !important;
}

/* Chat bubbles */
html[data-gd-theme="graph_trotterization"] .msg.user {
  background: color-mix(in srgb, #60a5fa 22%, #1e293b) !important;
  border: 1px solid rgba(96,165,250,0.3) !important;
}
html[data-gd-theme="graph_trotterization"] .msg.assistant,
html[data-gd-theme="graph_trotterization"] .msg.doc {
  background: #1e293b !important;
  border: 1px solid rgba(96,165,250,0.3) !important;
}

/* Forms */
html[data-gd-theme="graph_trotterization"] input,
html[data-gd-theme="graph_trotterization"] textarea,
html[data-gd-theme="graph_trotterization"] select,
html[data-gd-theme="graph_trotterization"] .settings-select,
html[data-gd-theme="graph_trotterization"] .custom-prompt-textarea {
  background: #020617 !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(96,165,250,0.3) !important;
  border-radius: 14px !important;
  font-family: inherit !important;
}
html[data-gd-theme="graph_trotterization"] input:focus,
html[data-gd-theme="graph_trotterization"] textarea:focus,
html[data-gd-theme="graph_trotterization"] select:focus {
  outline: 2px solid #60a5fa !important;
  outline-offset: 1px;
  border-color: #60a5fa !important;
}
html[data-gd-theme="graph_trotterization"] input::placeholder,
html[data-gd-theme="graph_trotterization"] textarea::placeholder {
  color: rgba(148,163,184,0.85) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="graph_trotterization"] .settings-group-title {
  color: rgba(148,163,184,0.85) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="graph_trotterization"] .settings-label { color: #e2e8f0 !important; }
html[data-gd-theme="graph_trotterization"] .settings-desc { color: rgba(148,163,184,0.85) !important; }
html[data-gd-theme="graph_trotterization"] .settings-item { border-bottom-color: rgba(96,165,250,0.3) !important; }
html[data-gd-theme="graph_trotterization"] .settings-toggle {
  background: #020617 !important;
  border: 1px solid rgba(96,165,250,0.3);
}
html[data-gd-theme="graph_trotterization"] .settings-toggle.on {
  background: #60a5fa !important;
}

/* Typography helpers */
html[data-gd-theme="graph_trotterization"] h1, html[data-gd-theme="graph_trotterization"] h2, html[data-gd-theme="graph_trotterization"] h3 {
  color: #60a5fa !important;
}
html[data-gd-theme="graph_trotterization"] h2 { color: #60a5fa !important; }
html[data-gd-theme="graph_trotterization"] p, html[data-gd-theme="graph_trotterization"] .subtitle, html[data-gd-theme="graph_trotterization"] .profile-empty {
  color: rgba(148,163,184,0.85) !important;
}
html[data-gd-theme="graph_trotterization"] code, html[data-gd-theme="graph_trotterization"] .method, html[data-gd-theme="graph_trotterization"] pre {
  font-family: 'IBM Plex Mono', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="graph_trotterization"] .method.get { background: color-mix(in srgb, #60a5fa 30%, transparent) !important; color: #60a5fa !important; }
html[data-gd-theme="graph_trotterization"] .method.post { background: color-mix(in srgb, #34d399 30%, transparent) !important; color: #34d399 !important; }
html[data-gd-theme="graph_trotterization"] .spec-link {
  background: #1e293b !important;
  border-color: rgba(96,165,250,0.3) !important;
  color: #e2e8f0 !important;
  border-radius: 14px !important;
}
html[data-gd-theme="graph_trotterization"] .spec-link:hover {
  border-color: #60a5fa !important;
  color: #60a5fa !important;
}

/* Stickers board */
html[data-gd-theme="graph_trotterization"] .area-label,
html[data-gd-theme="graph_trotterization"] thead th:first-child {
  background: #0f172a !important;
  color: rgba(148,163,184,0.85) !important;
}
html[data-gd-theme="graph_trotterization"] .cell.filled {
  background: color-mix(in srgb, #60a5fa 14%, transparent) !important;
}
html[data-gd-theme="graph_trotterization"] .cell.today-col {
  border-color: #60a5fa !important;
}
html[data-gd-theme="graph_trotterization"] thead th.today-col {
  color: #60a5fa !important;
}
html[data-gd-theme="graph_trotterization"] .header h1 { color: #60a5fa !important; }

/* Hero */
html[data-gd-theme="graph_trotterization"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #60a5fa 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(96,165,250,0.3) !important;
}
html[data-gd-theme="graph_trotterization"] .hero p { color: rgba(148,163,184,0.85) !important; }

/* User chrome */
html[data-gd-theme="graph_trotterization"] .user-badge {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(96,165,250,0.3);
  border-radius: 14px !important;
}
html[data-gd-theme="graph_trotterization"] .notification-bell { color: rgba(148,163,184,0.85) !important; }
html[data-gd-theme="graph_trotterization"] .notification-bell:hover { color: #e2e8f0 !important; }
html[data-gd-theme="graph_trotterization"] .notification-badge { background: #f87171 !important; }

/* Starter / misc chips */
html[data-gd-theme="graph_trotterization"] .starter-btn {
  background: #1e293b !important;
  border: 1px solid rgba(96,165,250,0.3) !important;
  color: #e2e8f0 !important;
  border-radius: 14px !important;
}
html[data-gd-theme="graph_trotterization"] .starter-btn:hover {
  border-color: #60a5fa !important;
  color: #60a5fa !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="graph_trotterization"] .gd-style-picker {
  border-color: rgba(96,165,250,0.3);
}
html[data-gd-theme="graph_trotterization"] .gd-style-option {
  background: #020617;
  border-color: rgba(96,165,250,0.3);
  color: #e2e8f0;
}
html[data-gd-theme="graph_trotterization"] .gd-style-option:hover,
html[data-gd-theme="graph_trotterization"] .gd-style-option.selected {
  border-color: #60a5fa;
  box-shadow: 0 0 0 1px #60a5fa, 0 4px 16px rgba(96,165,250,0.45);
}
html[data-gd-theme="graph_trotterization"] .gd-style-option.selected {
  background: color-mix(in srgb, #60a5fa 12%, #1e293b);
}


html[data-gd-theme="graph_trotterization"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="graph_trotterization"] ::-webkit-scrollbar-track { background: #020617; }
html[data-gd-theme="graph_trotterization"] ::-webkit-scrollbar-thumb {
  background: #60a5fa88;
  border-radius: 14px;
  border: 2px solid #020617;
}


html[data-gd-theme="graph_trotterization"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="graph_trotterization"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="graph_trotterization"] body > .header,
html[data-gd-theme="graph_trotterization"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="graph_trotterization"] body > .popup-overlay,
html[data-gd-theme="graph_trotterization"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="graph_trotterization"] body::before {
  background-image:
    radial-gradient(circle at 15% 25%, #60a5fa 2px, transparent 2.5px),
    radial-gradient(circle at 55% 40%, #34d399 2px, transparent 2.5px),
    radial-gradient(circle at 80% 20%, #60a5fa 1.5px, transparent 2px),
    radial-gradient(circle at 35% 75%, #34d399 2px, transparent 2.5px),
    radial-gradient(circle at 70% 70%, #60a5fa 1.5px, transparent 2px),
    linear-gradient(#60a5fa14 1px, transparent 1px),
    linear-gradient(90deg, #60a5fa14 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 48px 48px, 48px 48px;
  opacity: 0.7;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: crt_phosphor
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="crt_phosphor"] {
  color-scheme: dark;
  --gd-bg: #001100;
  --gd-bg2: #000800;
  --gd-elevated: #0a2a0a;
  --gd-fg: #33ff66;
  --gd-muted: rgba(51,255,102,0.55);
  --gd-accent: #33ff66;
  --gd-accent2: #9affb0;
  --gd-danger: #ff3333;
  --gd-border: rgba(51,255,102,0.4);
  --gd-header: linear-gradient(180deg, #0a2a0a, #001100);
  --gd-radius: 2px;
  --gd-glow: rgba(51,255,102,0.55);
  --gd-font: 'VT323', 'Courier New', monospace;
  --gd-mono: 'VT323', monospace;
  --gd-btn-bg: #33ff66;
  --gd-btn-fg: #001100;
}

html[data-gd-theme="crt_phosphor"],
html[data-gd-theme="crt_phosphor"] body {
  background: #001100 !important;
  color: #33ff66 !important;
  font-family: 'VT323', 'Courier New', monospace !important;
}

html[data-gd-theme="crt_phosphor"] ::selection {
  background: rgba(51,255,102,0.35);
  color: #33ff66;
}

html[data-gd-theme="crt_phosphor"] a { color: #33ff66 !important; }
html[data-gd-theme="crt_phosphor"] a:hover { color: #9affb0 !important; }

/* Header / chrome */
html[data-gd-theme="crt_phosphor"] .header,
html[data-gd-theme="crt_phosphor"] header {
  background: linear-gradient(180deg, #0a2a0a, #001100) !important;
  border-bottom-color: rgba(51,255,102,0.4) !important;
  color: #33ff66 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="crt_phosphor"] .logo,
html[data-gd-theme="crt_phosphor"] .brand,
html[data-gd-theme="crt_phosphor"] .header .logo {
  color: #33ff66 !important;
}
html[data-gd-theme="crt_phosphor"] .header-links a,
html[data-gd-theme="crt_phosphor"] .header-title,
html[data-gd-theme="crt_phosphor"] .user-count,
html[data-gd-theme="crt_phosphor"] .badge {
  color: rgba(51,255,102,0.55) !important;
}
html[data-gd-theme="crt_phosphor"] .header-links a:hover { color: #33ff66 !important; }

/* Nav */
html[data-gd-theme="crt_phosphor"] .nav-tab {
  color: rgba(51,255,102,0.55) !important;
  border-radius: 2px !important;
}
html[data-gd-theme="crt_phosphor"] .nav-tab:hover {
  background: #0a2a0a !important;
  color: #33ff66 !important;
}
html[data-gd-theme="crt_phosphor"] .nav-tab.active {
  background: color-mix(in srgb, #33ff66 22%, transparent) !important;
  color: #33ff66 !important;
}

/* Buttons */
html[data-gd-theme="crt_phosphor"] .btn,
html[data-gd-theme="crt_phosphor"] .btn-primary,
html[data-gd-theme="crt_phosphor"] .btn.btn-primary,
html[data-gd-theme="crt_phosphor"] .hero-btn.primary {
  background: #33ff66 !important;
  color: #001100 !important;
  border-radius: 2px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(51,255,102,0.55);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="crt_phosphor"] .btn-primary:hover,
html[data-gd-theme="crt_phosphor"] .btn.btn-primary:hover,
html[data-gd-theme="crt_phosphor"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(51,255,102,0.55);
}
html[data-gd-theme="crt_phosphor"] .btn-secondary,
html[data-gd-theme="crt_phosphor"] .hero-btn.secondary,
html[data-gd-theme="crt_phosphor"] .lang-btn {
  background: color-mix(in srgb, #0a2a0a 80%, transparent) !important;
  color: #33ff66 !important;
  border: 1px solid rgba(51,255,102,0.4) !important;
  border-radius: 2px !important;
}
html[data-gd-theme="crt_phosphor"] .btn-secondary:hover,
html[data-gd-theme="crt_phosphor"] .hero-btn.secondary:hover,
html[data-gd-theme="crt_phosphor"] .lang-btn:hover {
  border-color: #33ff66 !important;
  color: #33ff66 !important;
}
html[data-gd-theme="crt_phosphor"] .lang-btn.active {
  background: #33ff66 !important;
  border-color: #33ff66 !important;
  color: #001100 !important;
}
html[data-gd-theme="crt_phosphor"] .btn-danger {
  background: #ff3333 !important;
  color: #fff !important;
  border-radius: 2px !important;
}

/* Surfaces */
html[data-gd-theme="crt_phosphor"] .panel,
html[data-gd-theme="crt_phosphor"] .endpoint,
html[data-gd-theme="crt_phosphor"] .flow-step,
html[data-gd-theme="crt_phosphor"] .founder-card,
html[data-gd-theme="crt_phosphor"] .notification-dropdown,
html[data-gd-theme="crt_phosphor"] .modal-content,
html[data-gd-theme="crt_phosphor"] .auth-popup,
html[data-gd-theme="crt_phosphor"] .chat-login-card,
html[data-gd-theme="crt_phosphor"] .msg,
html[data-gd-theme="crt_phosphor"] .code-block,
html[data-gd-theme="crt_phosphor"] pre,
html[data-gd-theme="crt_phosphor"] .hc-log,
html[data-gd-theme="crt_phosphor"] .transcript-view {
  background: #0a2a0a !important;
  border-color: rgba(51,255,102,0.4) !important;
  color: #33ff66 !important;
  border-radius: 2px !important;
}
html[data-gd-theme="crt_phosphor"] .panel-header,
html[data-gd-theme="crt_phosphor"] .endpoint-header,
html[data-gd-theme="crt_phosphor"] .notification-header {
  background: color-mix(in srgb, #000800 70%, #0a2a0a) !important;
  border-color: rgba(51,255,102,0.4) !important;
  color: #33ff66 !important;
}

/* Chat bubbles */
html[data-gd-theme="crt_phosphor"] .msg.user {
  background: color-mix(in srgb, #33ff66 22%, #0a2a0a) !important;
  border: 1px solid rgba(51,255,102,0.4) !important;
}
html[data-gd-theme="crt_phosphor"] .msg.assistant,
html[data-gd-theme="crt_phosphor"] .msg.doc {
  background: #0a2a0a !important;
  border: 1px solid rgba(51,255,102,0.4) !important;
}

/* Forms */
html[data-gd-theme="crt_phosphor"] input,
html[data-gd-theme="crt_phosphor"] textarea,
html[data-gd-theme="crt_phosphor"] select,
html[data-gd-theme="crt_phosphor"] .settings-select,
html[data-gd-theme="crt_phosphor"] .custom-prompt-textarea {
  background: #000800 !important;
  color: #33ff66 !important;
  border: 1px solid rgba(51,255,102,0.4) !important;
  border-radius: 2px !important;
  font-family: inherit !important;
}
html[data-gd-theme="crt_phosphor"] input:focus,
html[data-gd-theme="crt_phosphor"] textarea:focus,
html[data-gd-theme="crt_phosphor"] select:focus {
  outline: 2px solid #33ff66 !important;
  outline-offset: 1px;
  border-color: #33ff66 !important;
}
html[data-gd-theme="crt_phosphor"] input::placeholder,
html[data-gd-theme="crt_phosphor"] textarea::placeholder {
  color: rgba(51,255,102,0.55) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="crt_phosphor"] .settings-group-title {
  color: rgba(51,255,102,0.55) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="crt_phosphor"] .settings-label { color: #33ff66 !important; }
html[data-gd-theme="crt_phosphor"] .settings-desc { color: rgba(51,255,102,0.55) !important; }
html[data-gd-theme="crt_phosphor"] .settings-item { border-bottom-color: rgba(51,255,102,0.4) !important; }
html[data-gd-theme="crt_phosphor"] .settings-toggle {
  background: #000800 !important;
  border: 1px solid rgba(51,255,102,0.4);
}
html[data-gd-theme="crt_phosphor"] .settings-toggle.on {
  background: #33ff66 !important;
}

/* Typography helpers */
html[data-gd-theme="crt_phosphor"] h1, html[data-gd-theme="crt_phosphor"] h2, html[data-gd-theme="crt_phosphor"] h3 {
  color: #33ff66 !important;
}
html[data-gd-theme="crt_phosphor"] h2 { color: #33ff66 !important; }
html[data-gd-theme="crt_phosphor"] p, html[data-gd-theme="crt_phosphor"] .subtitle, html[data-gd-theme="crt_phosphor"] .profile-empty {
  color: rgba(51,255,102,0.55) !important;
}
html[data-gd-theme="crt_phosphor"] code, html[data-gd-theme="crt_phosphor"] .method, html[data-gd-theme="crt_phosphor"] pre {
  font-family: 'VT323', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="crt_phosphor"] .method.get { background: color-mix(in srgb, #33ff66 30%, transparent) !important; color: #33ff66 !important; }
html[data-gd-theme="crt_phosphor"] .method.post { background: color-mix(in srgb, #9affb0 30%, transparent) !important; color: #9affb0 !important; }
html[data-gd-theme="crt_phosphor"] .spec-link {
  background: #0a2a0a !important;
  border-color: rgba(51,255,102,0.4) !important;
  color: #33ff66 !important;
  border-radius: 2px !important;
}
html[data-gd-theme="crt_phosphor"] .spec-link:hover {
  border-color: #33ff66 !important;
  color: #33ff66 !important;
}

/* Stickers board */
html[data-gd-theme="crt_phosphor"] .area-label,
html[data-gd-theme="crt_phosphor"] thead th:first-child {
  background: #001100 !important;
  color: rgba(51,255,102,0.55) !important;
}
html[data-gd-theme="crt_phosphor"] .cell.filled {
  background: color-mix(in srgb, #33ff66 14%, transparent) !important;
}
html[data-gd-theme="crt_phosphor"] .cell.today-col {
  border-color: #33ff66 !important;
}
html[data-gd-theme="crt_phosphor"] thead th.today-col {
  color: #33ff66 !important;
}
html[data-gd-theme="crt_phosphor"] .header h1 { color: #33ff66 !important; }

/* Hero */
html[data-gd-theme="crt_phosphor"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #33ff66 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(51,255,102,0.4) !important;
}
html[data-gd-theme="crt_phosphor"] .hero p { color: rgba(51,255,102,0.55) !important; }

/* User chrome */
html[data-gd-theme="crt_phosphor"] .user-badge {
  background: #0a2a0a !important;
  color: #33ff66 !important;
  border: 1px solid rgba(51,255,102,0.4);
  border-radius: 2px !important;
}
html[data-gd-theme="crt_phosphor"] .notification-bell { color: rgba(51,255,102,0.55) !important; }
html[data-gd-theme="crt_phosphor"] .notification-bell:hover { color: #33ff66 !important; }
html[data-gd-theme="crt_phosphor"] .notification-badge { background: #ff3333 !important; }

/* Starter / misc chips */
html[data-gd-theme="crt_phosphor"] .starter-btn {
  background: #0a2a0a !important;
  border: 1px solid rgba(51,255,102,0.4) !important;
  color: #33ff66 !important;
  border-radius: 2px !important;
}
html[data-gd-theme="crt_phosphor"] .starter-btn:hover {
  border-color: #33ff66 !important;
  color: #33ff66 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="crt_phosphor"] .gd-style-picker {
  border-color: rgba(51,255,102,0.4);
}
html[data-gd-theme="crt_phosphor"] .gd-style-option {
  background: #000800;
  border-color: rgba(51,255,102,0.4);
  color: #33ff66;
}
html[data-gd-theme="crt_phosphor"] .gd-style-option:hover,
html[data-gd-theme="crt_phosphor"] .gd-style-option.selected {
  border-color: #33ff66;
  box-shadow: 0 0 0 1px #33ff66, 0 4px 16px rgba(51,255,102,0.55);
}
html[data-gd-theme="crt_phosphor"] .gd-style-option.selected {
  background: color-mix(in srgb, #33ff66 12%, #0a2a0a);
}


html[data-gd-theme="crt_phosphor"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="crt_phosphor"] ::-webkit-scrollbar-track { background: #000800; }
html[data-gd-theme="crt_phosphor"] ::-webkit-scrollbar-thumb {
  background: #33ff6688;
  border-radius: 2px;
  border: 2px solid #000800;
}


html[data-gd-theme="crt_phosphor"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="crt_phosphor"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="crt_phosphor"] body > .header,
html[data-gd-theme="crt_phosphor"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="crt_phosphor"] body > .popup-overlay,
html[data-gd-theme="crt_phosphor"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="crt_phosphor"] body::before {
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.18) 2px,
    rgba(0,0,0,0.18) 4px
  );
  opacity: 0.55;
}
html[data-gd-theme="crt_phosphor"] body {
  text-shadow: 0 0 6px #33ff6688, 0 0 1px #33ff66;
}


html[data-gd-theme="crt_phosphor"] body {
  animation: gd-crt-flicker 4s infinite;
}
@keyframes gd-crt-flicker {
  0%, 97%, 100% { opacity: 1; }
  98% { opacity: 0.97; }
  99% { opacity: 0.99; }
}
html[data-gd-theme="crt_phosphor"] .btn-primary, html[data-gd-theme="crt_phosphor"] .btn.btn-primary {
  box-shadow: 0 0 12px rgba(51,255,102,0.55) !important;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: velvet_clinic
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="velvet_clinic"] {
  color-scheme: dark;
  --gd-bg: #1a1020;
  --gd-bg2: #120a18;
  --gd-elevated: #2a1a35;
  --gd-fg: #faf5ff;
  --gd-muted: rgba(232,180,188,0.7);
  --gd-accent: #e8b4bc;
  --gd-accent2: #9f7aea;
  --gd-danger: #f43f5e;
  --gd-border: rgba(232,180,188,0.3);
  --gd-header: linear-gradient(135deg, rgba(159,122,234,0.3), rgba(232,180,188,0.15), #1a1020);
  --gd-radius: 18px;
  --gd-glow: rgba(232,180,188,0.4);
  --gd-font: 'Cormorant Garamond', Georgia, serif;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #e8b4bc;
  --gd-btn-fg: #1a1020;
}

html[data-gd-theme="velvet_clinic"],
html[data-gd-theme="velvet_clinic"] body {
  background: #1a1020 !important;
  color: #faf5ff !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
}

html[data-gd-theme="velvet_clinic"] ::selection {
  background: rgba(159,122,234,0.35);
  color: #faf5ff;
}

html[data-gd-theme="velvet_clinic"] a { color: #e8b4bc !important; }
html[data-gd-theme="velvet_clinic"] a:hover { color: #9f7aea !important; }

/* Header / chrome */
html[data-gd-theme="velvet_clinic"] .header,
html[data-gd-theme="velvet_clinic"] header {
  background: linear-gradient(135deg, rgba(159,122,234,0.3), rgba(232,180,188,0.15), #1a1020) !important;
  border-bottom-color: rgba(232,180,188,0.3) !important;
  color: #faf5ff !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="velvet_clinic"] .logo,
html[data-gd-theme="velvet_clinic"] .brand,
html[data-gd-theme="velvet_clinic"] .header .logo {
  color: #e8b4bc !important;
}
html[data-gd-theme="velvet_clinic"] .header-links a,
html[data-gd-theme="velvet_clinic"] .header-title,
html[data-gd-theme="velvet_clinic"] .user-count,
html[data-gd-theme="velvet_clinic"] .badge {
  color: rgba(232,180,188,0.7) !important;
}
html[data-gd-theme="velvet_clinic"] .header-links a:hover { color: #e8b4bc !important; }

/* Nav */
html[data-gd-theme="velvet_clinic"] .nav-tab {
  color: rgba(232,180,188,0.7) !important;
  border-radius: 18px !important;
}
html[data-gd-theme="velvet_clinic"] .nav-tab:hover {
  background: #2a1a35 !important;
  color: #faf5ff !important;
}
html[data-gd-theme="velvet_clinic"] .nav-tab.active {
  background: color-mix(in srgb, #e8b4bc 22%, transparent) !important;
  color: #e8b4bc !important;
}

/* Buttons */
html[data-gd-theme="velvet_clinic"] .btn,
html[data-gd-theme="velvet_clinic"] .btn-primary,
html[data-gd-theme="velvet_clinic"] .btn.btn-primary,
html[data-gd-theme="velvet_clinic"] .hero-btn.primary {
  background: #e8b4bc !important;
  color: #1a1020 !important;
  border-radius: 18px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(232,180,188,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="velvet_clinic"] .btn-primary:hover,
html[data-gd-theme="velvet_clinic"] .btn.btn-primary:hover,
html[data-gd-theme="velvet_clinic"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(232,180,188,0.4);
}
html[data-gd-theme="velvet_clinic"] .btn-secondary,
html[data-gd-theme="velvet_clinic"] .hero-btn.secondary,
html[data-gd-theme="velvet_clinic"] .lang-btn {
  background: color-mix(in srgb, #2a1a35 80%, transparent) !important;
  color: #faf5ff !important;
  border: 1px solid rgba(232,180,188,0.3) !important;
  border-radius: 18px !important;
}
html[data-gd-theme="velvet_clinic"] .btn-secondary:hover,
html[data-gd-theme="velvet_clinic"] .hero-btn.secondary:hover,
html[data-gd-theme="velvet_clinic"] .lang-btn:hover {
  border-color: #e8b4bc !important;
  color: #e8b4bc !important;
}
html[data-gd-theme="velvet_clinic"] .lang-btn.active {
  background: #e8b4bc !important;
  border-color: #e8b4bc !important;
  color: #1a1020 !important;
}
html[data-gd-theme="velvet_clinic"] .btn-danger {
  background: #f43f5e !important;
  color: #fff !important;
  border-radius: 18px !important;
}

/* Surfaces */
html[data-gd-theme="velvet_clinic"] .panel,
html[data-gd-theme="velvet_clinic"] .endpoint,
html[data-gd-theme="velvet_clinic"] .flow-step,
html[data-gd-theme="velvet_clinic"] .founder-card,
html[data-gd-theme="velvet_clinic"] .notification-dropdown,
html[data-gd-theme="velvet_clinic"] .modal-content,
html[data-gd-theme="velvet_clinic"] .auth-popup,
html[data-gd-theme="velvet_clinic"] .chat-login-card,
html[data-gd-theme="velvet_clinic"] .msg,
html[data-gd-theme="velvet_clinic"] .code-block,
html[data-gd-theme="velvet_clinic"] pre,
html[data-gd-theme="velvet_clinic"] .hc-log,
html[data-gd-theme="velvet_clinic"] .transcript-view {
  background: #2a1a35 !important;
  border-color: rgba(232,180,188,0.3) !important;
  color: #faf5ff !important;
  border-radius: 18px !important;
}
html[data-gd-theme="velvet_clinic"] .panel-header,
html[data-gd-theme="velvet_clinic"] .endpoint-header,
html[data-gd-theme="velvet_clinic"] .notification-header {
  background: color-mix(in srgb, #120a18 70%, #2a1a35) !important;
  border-color: rgba(232,180,188,0.3) !important;
  color: #faf5ff !important;
}

/* Chat bubbles */
html[data-gd-theme="velvet_clinic"] .msg.user {
  background: color-mix(in srgb, #e8b4bc 22%, #2a1a35) !important;
  border: 1px solid rgba(232,180,188,0.3) !important;
}
html[data-gd-theme="velvet_clinic"] .msg.assistant,
html[data-gd-theme="velvet_clinic"] .msg.doc {
  background: #2a1a35 !important;
  border: 1px solid rgba(232,180,188,0.3) !important;
}

/* Forms */
html[data-gd-theme="velvet_clinic"] input,
html[data-gd-theme="velvet_clinic"] textarea,
html[data-gd-theme="velvet_clinic"] select,
html[data-gd-theme="velvet_clinic"] .settings-select,
html[data-gd-theme="velvet_clinic"] .custom-prompt-textarea {
  background: #120a18 !important;
  color: #faf5ff !important;
  border: 1px solid rgba(232,180,188,0.3) !important;
  border-radius: 18px !important;
  font-family: inherit !important;
}
html[data-gd-theme="velvet_clinic"] input:focus,
html[data-gd-theme="velvet_clinic"] textarea:focus,
html[data-gd-theme="velvet_clinic"] select:focus {
  outline: 2px solid #e8b4bc !important;
  outline-offset: 1px;
  border-color: #e8b4bc !important;
}
html[data-gd-theme="velvet_clinic"] input::placeholder,
html[data-gd-theme="velvet_clinic"] textarea::placeholder {
  color: rgba(232,180,188,0.7) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="velvet_clinic"] .settings-group-title {
  color: rgba(232,180,188,0.7) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="velvet_clinic"] .settings-label { color: #faf5ff !important; }
html[data-gd-theme="velvet_clinic"] .settings-desc { color: rgba(232,180,188,0.7) !important; }
html[data-gd-theme="velvet_clinic"] .settings-item { border-bottom-color: rgba(232,180,188,0.3) !important; }
html[data-gd-theme="velvet_clinic"] .settings-toggle {
  background: #120a18 !important;
  border: 1px solid rgba(232,180,188,0.3);
}
html[data-gd-theme="velvet_clinic"] .settings-toggle.on {
  background: #e8b4bc !important;
}

/* Typography helpers */
html[data-gd-theme="velvet_clinic"] h1, html[data-gd-theme="velvet_clinic"] h2, html[data-gd-theme="velvet_clinic"] h3 {
  color: #e8b4bc !important;
}
html[data-gd-theme="velvet_clinic"] h2 { color: #e8b4bc !important; }
html[data-gd-theme="velvet_clinic"] p, html[data-gd-theme="velvet_clinic"] .subtitle, html[data-gd-theme="velvet_clinic"] .profile-empty {
  color: rgba(232,180,188,0.7) !important;
}
html[data-gd-theme="velvet_clinic"] code, html[data-gd-theme="velvet_clinic"] .method, html[data-gd-theme="velvet_clinic"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="velvet_clinic"] .method.get { background: color-mix(in srgb, #e8b4bc 30%, transparent) !important; color: #e8b4bc !important; }
html[data-gd-theme="velvet_clinic"] .method.post { background: color-mix(in srgb, #9f7aea 30%, transparent) !important; color: #9f7aea !important; }
html[data-gd-theme="velvet_clinic"] .spec-link {
  background: #2a1a35 !important;
  border-color: rgba(232,180,188,0.3) !important;
  color: #faf5ff !important;
  border-radius: 18px !important;
}
html[data-gd-theme="velvet_clinic"] .spec-link:hover {
  border-color: #e8b4bc !important;
  color: #e8b4bc !important;
}

/* Stickers board */
html[data-gd-theme="velvet_clinic"] .area-label,
html[data-gd-theme="velvet_clinic"] thead th:first-child {
  background: #1a1020 !important;
  color: rgba(232,180,188,0.7) !important;
}
html[data-gd-theme="velvet_clinic"] .cell.filled {
  background: color-mix(in srgb, #e8b4bc 14%, transparent) !important;
}
html[data-gd-theme="velvet_clinic"] .cell.today-col {
  border-color: #e8b4bc !important;
}
html[data-gd-theme="velvet_clinic"] thead th.today-col {
  color: #e8b4bc !important;
}
html[data-gd-theme="velvet_clinic"] .header h1 { color: #e8b4bc !important; }

/* Hero */
html[data-gd-theme="velvet_clinic"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #e8b4bc 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(232,180,188,0.3) !important;
}
html[data-gd-theme="velvet_clinic"] .hero p { color: rgba(232,180,188,0.7) !important; }

/* User chrome */
html[data-gd-theme="velvet_clinic"] .user-badge {
  background: #2a1a35 !important;
  color: #faf5ff !important;
  border: 1px solid rgba(232,180,188,0.3);
  border-radius: 18px !important;
}
html[data-gd-theme="velvet_clinic"] .notification-bell { color: rgba(232,180,188,0.7) !important; }
html[data-gd-theme="velvet_clinic"] .notification-bell:hover { color: #faf5ff !important; }
html[data-gd-theme="velvet_clinic"] .notification-badge { background: #f43f5e !important; }

/* Starter / misc chips */
html[data-gd-theme="velvet_clinic"] .starter-btn {
  background: #2a1a35 !important;
  border: 1px solid rgba(232,180,188,0.3) !important;
  color: #faf5ff !important;
  border-radius: 18px !important;
}
html[data-gd-theme="velvet_clinic"] .starter-btn:hover {
  border-color: #e8b4bc !important;
  color: #e8b4bc !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="velvet_clinic"] .gd-style-picker {
  border-color: rgba(232,180,188,0.3);
}
html[data-gd-theme="velvet_clinic"] .gd-style-option {
  background: #120a18;
  border-color: rgba(232,180,188,0.3);
  color: #faf5ff;
}
html[data-gd-theme="velvet_clinic"] .gd-style-option:hover,
html[data-gd-theme="velvet_clinic"] .gd-style-option.selected {
  border-color: #e8b4bc;
  box-shadow: 0 0 0 1px #e8b4bc, 0 4px 16px rgba(232,180,188,0.4);
}
html[data-gd-theme="velvet_clinic"] .gd-style-option.selected {
  background: color-mix(in srgb, #e8b4bc 12%, #2a1a35);
}


html[data-gd-theme="velvet_clinic"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="velvet_clinic"] ::-webkit-scrollbar-track { background: #120a18; }
html[data-gd-theme="velvet_clinic"] ::-webkit-scrollbar-thumb {
  background: #e8b4bc88;
  border-radius: 18px;
  border: 2px solid #120a18;
}


html[data-gd-theme="velvet_clinic"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="velvet_clinic"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="velvet_clinic"] body > .header,
html[data-gd-theme="velvet_clinic"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="velvet_clinic"] body > .popup-overlay,
html[data-gd-theme="velvet_clinic"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="velvet_clinic"] body::before {
  background:
    radial-gradient(ellipse 70% 50% at 50% -20%, #e8b4bc33, transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 50%, #9f7aea22, transparent 50%);
  opacity: 1;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: illuminated_manuscript
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="illuminated_manuscript"] {
  color-scheme: light;
  --gd-bg: #f4ecd8;
  --gd-bg2: #ebe2c9;
  --gd-elevated: #fff8ea;
  --gd-fg: #1c1917;
  --gd-muted: #57534e;
  --gd-accent: #7f1d1d;
  --gd-accent2: #b45309;
  --gd-danger: #991b1b;
  --gd-border: rgba(127,29,29,0.25);
  --gd-header: linear-gradient(180deg, #fff8ea, #f4ecd8);
  --gd-radius: 4px;
  --gd-glow: rgba(180,83,9,0.3);
  --gd-font: 'Palatino Linotype', Palatino, Georgia, serif;
  --gd-mono: monospace;
  --gd-btn-bg: #7f1d1d;
  --gd-btn-fg: #f4ecd8;
}

html[data-gd-theme="illuminated_manuscript"],
html[data-gd-theme="illuminated_manuscript"] body {
  background: #f4ecd8 !important;
  color: #1c1917 !important;
  font-family: 'Palatino Linotype', Palatino, Georgia, serif !important;
}

html[data-gd-theme="illuminated_manuscript"] ::selection {
  background: rgba(180,83,9,0.25);
  color: #1c1917;
}

html[data-gd-theme="illuminated_manuscript"] a { color: #7f1d1d !important; }
html[data-gd-theme="illuminated_manuscript"] a:hover { color: #b45309 !important; }

/* Header / chrome */
html[data-gd-theme="illuminated_manuscript"] .header,
html[data-gd-theme="illuminated_manuscript"] header {
  background: linear-gradient(180deg, #fff8ea, #f4ecd8) !important;
  border-bottom-color: rgba(127,29,29,0.25) !important;
  color: #1c1917 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="illuminated_manuscript"] .logo,
html[data-gd-theme="illuminated_manuscript"] .brand,
html[data-gd-theme="illuminated_manuscript"] .header .logo {
  color: #7f1d1d !important;
}
html[data-gd-theme="illuminated_manuscript"] .header-links a,
html[data-gd-theme="illuminated_manuscript"] .header-title,
html[data-gd-theme="illuminated_manuscript"] .user-count,
html[data-gd-theme="illuminated_manuscript"] .badge {
  color: #57534e !important;
}
html[data-gd-theme="illuminated_manuscript"] .header-links a:hover { color: #7f1d1d !important; }

/* Nav */
html[data-gd-theme="illuminated_manuscript"] .nav-tab {
  color: #57534e !important;
  border-radius: 4px !important;
}
html[data-gd-theme="illuminated_manuscript"] .nav-tab:hover {
  background: #fff8ea !important;
  color: #1c1917 !important;
}
html[data-gd-theme="illuminated_manuscript"] .nav-tab.active {
  background: color-mix(in srgb, #7f1d1d 22%, transparent) !important;
  color: #7f1d1d !important;
}

/* Buttons */
html[data-gd-theme="illuminated_manuscript"] .btn,
html[data-gd-theme="illuminated_manuscript"] .btn-primary,
html[data-gd-theme="illuminated_manuscript"] .btn.btn-primary,
html[data-gd-theme="illuminated_manuscript"] .hero-btn.primary {
  background: #7f1d1d !important;
  color: #f4ecd8 !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(180,83,9,0.3);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="illuminated_manuscript"] .btn-primary:hover,
html[data-gd-theme="illuminated_manuscript"] .btn.btn-primary:hover,
html[data-gd-theme="illuminated_manuscript"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(180,83,9,0.3);
}
html[data-gd-theme="illuminated_manuscript"] .btn-secondary,
html[data-gd-theme="illuminated_manuscript"] .hero-btn.secondary,
html[data-gd-theme="illuminated_manuscript"] .lang-btn {
  background: color-mix(in srgb, #fff8ea 80%, transparent) !important;
  color: #1c1917 !important;
  border: 1px solid rgba(127,29,29,0.25) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="illuminated_manuscript"] .btn-secondary:hover,
html[data-gd-theme="illuminated_manuscript"] .hero-btn.secondary:hover,
html[data-gd-theme="illuminated_manuscript"] .lang-btn:hover {
  border-color: #7f1d1d !important;
  color: #7f1d1d !important;
}
html[data-gd-theme="illuminated_manuscript"] .lang-btn.active {
  background: #7f1d1d !important;
  border-color: #7f1d1d !important;
  color: #f4ecd8 !important;
}
html[data-gd-theme="illuminated_manuscript"] .btn-danger {
  background: #991b1b !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* Surfaces */
html[data-gd-theme="illuminated_manuscript"] .panel,
html[data-gd-theme="illuminated_manuscript"] .endpoint,
html[data-gd-theme="illuminated_manuscript"] .flow-step,
html[data-gd-theme="illuminated_manuscript"] .founder-card,
html[data-gd-theme="illuminated_manuscript"] .notification-dropdown,
html[data-gd-theme="illuminated_manuscript"] .modal-content,
html[data-gd-theme="illuminated_manuscript"] .auth-popup,
html[data-gd-theme="illuminated_manuscript"] .chat-login-card,
html[data-gd-theme="illuminated_manuscript"] .msg,
html[data-gd-theme="illuminated_manuscript"] .code-block,
html[data-gd-theme="illuminated_manuscript"] pre,
html[data-gd-theme="illuminated_manuscript"] .hc-log,
html[data-gd-theme="illuminated_manuscript"] .transcript-view {
  background: #fff8ea !important;
  border-color: rgba(127,29,29,0.25) !important;
  color: #1c1917 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="illuminated_manuscript"] .panel-header,
html[data-gd-theme="illuminated_manuscript"] .endpoint-header,
html[data-gd-theme="illuminated_manuscript"] .notification-header {
  background: color-mix(in srgb, #ebe2c9 70%, #fff8ea) !important;
  border-color: rgba(127,29,29,0.25) !important;
  color: #1c1917 !important;
}

/* Chat bubbles */
html[data-gd-theme="illuminated_manuscript"] .msg.user {
  background: color-mix(in srgb, #7f1d1d 22%, #fff8ea) !important;
  border: 1px solid rgba(127,29,29,0.25) !important;
}
html[data-gd-theme="illuminated_manuscript"] .msg.assistant,
html[data-gd-theme="illuminated_manuscript"] .msg.doc {
  background: #fff8ea !important;
  border: 1px solid rgba(127,29,29,0.25) !important;
}

/* Forms */
html[data-gd-theme="illuminated_manuscript"] input,
html[data-gd-theme="illuminated_manuscript"] textarea,
html[data-gd-theme="illuminated_manuscript"] select,
html[data-gd-theme="illuminated_manuscript"] .settings-select,
html[data-gd-theme="illuminated_manuscript"] .custom-prompt-textarea {
  background: #ebe2c9 !important;
  color: #1c1917 !important;
  border: 1px solid rgba(127,29,29,0.25) !important;
  border-radius: 4px !important;
  font-family: inherit !important;
}
html[data-gd-theme="illuminated_manuscript"] input:focus,
html[data-gd-theme="illuminated_manuscript"] textarea:focus,
html[data-gd-theme="illuminated_manuscript"] select:focus {
  outline: 2px solid #7f1d1d !important;
  outline-offset: 1px;
  border-color: #7f1d1d !important;
}
html[data-gd-theme="illuminated_manuscript"] input::placeholder,
html[data-gd-theme="illuminated_manuscript"] textarea::placeholder {
  color: #57534e !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="illuminated_manuscript"] .settings-group-title {
  color: #57534e !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="illuminated_manuscript"] .settings-label { color: #1c1917 !important; }
html[data-gd-theme="illuminated_manuscript"] .settings-desc { color: #57534e !important; }
html[data-gd-theme="illuminated_manuscript"] .settings-item { border-bottom-color: rgba(127,29,29,0.25) !important; }
html[data-gd-theme="illuminated_manuscript"] .settings-toggle {
  background: #ebe2c9 !important;
  border: 1px solid rgba(127,29,29,0.25);
}
html[data-gd-theme="illuminated_manuscript"] .settings-toggle.on {
  background: #7f1d1d !important;
}

/* Typography helpers */
html[data-gd-theme="illuminated_manuscript"] h1, html[data-gd-theme="illuminated_manuscript"] h2, html[data-gd-theme="illuminated_manuscript"] h3 {
  color: #1c1917 !important;
}
html[data-gd-theme="illuminated_manuscript"] h2 { color: #7f1d1d !important; }
html[data-gd-theme="illuminated_manuscript"] p, html[data-gd-theme="illuminated_manuscript"] .subtitle, html[data-gd-theme="illuminated_manuscript"] .profile-empty {
  color: #57534e !important;
}
html[data-gd-theme="illuminated_manuscript"] code, html[data-gd-theme="illuminated_manuscript"] .method, html[data-gd-theme="illuminated_manuscript"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="illuminated_manuscript"] .method.get { background: color-mix(in srgb, #7f1d1d 30%, transparent) !important; color: #7f1d1d !important; }
html[data-gd-theme="illuminated_manuscript"] .method.post { background: color-mix(in srgb, #b45309 30%, transparent) !important; color: #b45309 !important; }
html[data-gd-theme="illuminated_manuscript"] .spec-link {
  background: #fff8ea !important;
  border-color: rgba(127,29,29,0.25) !important;
  color: #1c1917 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="illuminated_manuscript"] .spec-link:hover {
  border-color: #7f1d1d !important;
  color: #7f1d1d !important;
}

/* Stickers board */
html[data-gd-theme="illuminated_manuscript"] .area-label,
html[data-gd-theme="illuminated_manuscript"] thead th:first-child {
  background: #f4ecd8 !important;
  color: #57534e !important;
}
html[data-gd-theme="illuminated_manuscript"] .cell.filled {
  background: color-mix(in srgb, #7f1d1d 14%, transparent) !important;
}
html[data-gd-theme="illuminated_manuscript"] .cell.today-col {
  border-color: #7f1d1d !important;
}
html[data-gd-theme="illuminated_manuscript"] thead th.today-col {
  color: #7f1d1d !important;
}
html[data-gd-theme="illuminated_manuscript"] .header h1 { color: #7f1d1d !important; }

/* Hero */
html[data-gd-theme="illuminated_manuscript"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #7f1d1d 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(127,29,29,0.25) !important;
}
html[data-gd-theme="illuminated_manuscript"] .hero p { color: #57534e !important; }

/* User chrome */
html[data-gd-theme="illuminated_manuscript"] .user-badge {
  background: #fff8ea !important;
  color: #1c1917 !important;
  border: 1px solid rgba(127,29,29,0.25);
  border-radius: 4px !important;
}
html[data-gd-theme="illuminated_manuscript"] .notification-bell { color: #57534e !important; }
html[data-gd-theme="illuminated_manuscript"] .notification-bell:hover { color: #1c1917 !important; }
html[data-gd-theme="illuminated_manuscript"] .notification-badge { background: #991b1b !important; }

/* Starter / misc chips */
html[data-gd-theme="illuminated_manuscript"] .starter-btn {
  background: #fff8ea !important;
  border: 1px solid rgba(127,29,29,0.25) !important;
  color: #1c1917 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="illuminated_manuscript"] .starter-btn:hover {
  border-color: #7f1d1d !important;
  color: #7f1d1d !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="illuminated_manuscript"] .gd-style-picker {
  border-color: rgba(127,29,29,0.25);
}
html[data-gd-theme="illuminated_manuscript"] .gd-style-option {
  background: #ebe2c9;
  border-color: rgba(127,29,29,0.25);
  color: #1c1917;
}
html[data-gd-theme="illuminated_manuscript"] .gd-style-option:hover,
html[data-gd-theme="illuminated_manuscript"] .gd-style-option.selected {
  border-color: #7f1d1d;
  box-shadow: 0 0 0 1px #7f1d1d, 0 4px 16px rgba(180,83,9,0.3);
}
html[data-gd-theme="illuminated_manuscript"] .gd-style-option.selected {
  background: color-mix(in srgb, #7f1d1d 12%, #fff8ea);
}


html[data-gd-theme="illuminated_manuscript"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="illuminated_manuscript"] ::-webkit-scrollbar-track { background: #ebe2c9; }
html[data-gd-theme="illuminated_manuscript"] ::-webkit-scrollbar-thumb {
  background: #7f1d1d88;
  border-radius: 4px;
  border: 2px solid #ebe2c9;
}


html[data-gd-theme="illuminated_manuscript"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="illuminated_manuscript"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="illuminated_manuscript"] body > .header,
html[data-gd-theme="illuminated_manuscript"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="illuminated_manuscript"] body > .popup-overlay,
html[data-gd-theme="illuminated_manuscript"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="illuminated_manuscript"] body::before {
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  opacity: 0.9;
}
html[data-gd-theme="illuminated_manuscript"] h1, html[data-gd-theme="illuminated_manuscript"] h2 {
  font-variant: small-caps;
  letter-spacing: 0.04em;
}


html[data-gd-theme="illuminated_manuscript"] h2::first-letter {
  font-size: 1.6em;
  color: #7f1d1d;
  font-weight: 700;
  float: left;
  line-height: 1;
  padding-right: 4px;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: ethos_marble
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="ethos_marble"] {
  color-scheme: light;
  --gd-bg: #f8faf9;
  --gd-bg2: #eef2f0;
  --gd-elevated: #ffffff;
  --gd-fg: #1e293b;
  --gd-muted: #64748b;
  --gd-accent: #047857;
  --gd-accent2: #0f766e;
  --gd-danger: #b91c1c;
  --gd-border: rgba(4,120,87,0.2);
  --gd-header: linear-gradient(180deg, #ffffff, #f0fdf4);
  --gd-radius: 10px;
  --gd-glow: rgba(4,120,87,0.25);
  --gd-font: 'Source Serif 4', Georgia, serif;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #047857;
  --gd-btn-fg: #ffffff;
}

html[data-gd-theme="ethos_marble"],
html[data-gd-theme="ethos_marble"] body {
  background: #f8faf9 !important;
  color: #1e293b !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
}

html[data-gd-theme="ethos_marble"] ::selection {
  background: rgba(4,120,87,0.2);
  color: #1e293b;
}

html[data-gd-theme="ethos_marble"] a { color: #047857 !important; }
html[data-gd-theme="ethos_marble"] a:hover { color: #0f766e !important; }

/* Header / chrome */
html[data-gd-theme="ethos_marble"] .header,
html[data-gd-theme="ethos_marble"] header {
  background: linear-gradient(180deg, #ffffff, #f0fdf4) !important;
  border-bottom-color: rgba(4,120,87,0.2) !important;
  color: #1e293b !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="ethos_marble"] .logo,
html[data-gd-theme="ethos_marble"] .brand,
html[data-gd-theme="ethos_marble"] .header .logo {
  color: #047857 !important;
}
html[data-gd-theme="ethos_marble"] .header-links a,
html[data-gd-theme="ethos_marble"] .header-title,
html[data-gd-theme="ethos_marble"] .user-count,
html[data-gd-theme="ethos_marble"] .badge {
  color: #64748b !important;
}
html[data-gd-theme="ethos_marble"] .header-links a:hover { color: #047857 !important; }

/* Nav */
html[data-gd-theme="ethos_marble"] .nav-tab {
  color: #64748b !important;
  border-radius: 10px !important;
}
html[data-gd-theme="ethos_marble"] .nav-tab:hover {
  background: #ffffff !important;
  color: #1e293b !important;
}
html[data-gd-theme="ethos_marble"] .nav-tab.active {
  background: color-mix(in srgb, #047857 22%, transparent) !important;
  color: #047857 !important;
}

/* Buttons */
html[data-gd-theme="ethos_marble"] .btn,
html[data-gd-theme="ethos_marble"] .btn-primary,
html[data-gd-theme="ethos_marble"] .btn.btn-primary,
html[data-gd-theme="ethos_marble"] .hero-btn.primary {
  background: #047857 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(4,120,87,0.25);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="ethos_marble"] .btn-primary:hover,
html[data-gd-theme="ethos_marble"] .btn.btn-primary:hover,
html[data-gd-theme="ethos_marble"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(4,120,87,0.25);
}
html[data-gd-theme="ethos_marble"] .btn-secondary,
html[data-gd-theme="ethos_marble"] .hero-btn.secondary,
html[data-gd-theme="ethos_marble"] .lang-btn {
  background: color-mix(in srgb, #ffffff 80%, transparent) !important;
  color: #1e293b !important;
  border: 1px solid rgba(4,120,87,0.2) !important;
  border-radius: 10px !important;
}
html[data-gd-theme="ethos_marble"] .btn-secondary:hover,
html[data-gd-theme="ethos_marble"] .hero-btn.secondary:hover,
html[data-gd-theme="ethos_marble"] .lang-btn:hover {
  border-color: #047857 !important;
  color: #047857 !important;
}
html[data-gd-theme="ethos_marble"] .lang-btn.active {
  background: #047857 !important;
  border-color: #047857 !important;
  color: #ffffff !important;
}
html[data-gd-theme="ethos_marble"] .btn-danger {
  background: #b91c1c !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* Surfaces */
html[data-gd-theme="ethos_marble"] .panel,
html[data-gd-theme="ethos_marble"] .endpoint,
html[data-gd-theme="ethos_marble"] .flow-step,
html[data-gd-theme="ethos_marble"] .founder-card,
html[data-gd-theme="ethos_marble"] .notification-dropdown,
html[data-gd-theme="ethos_marble"] .modal-content,
html[data-gd-theme="ethos_marble"] .auth-popup,
html[data-gd-theme="ethos_marble"] .chat-login-card,
html[data-gd-theme="ethos_marble"] .msg,
html[data-gd-theme="ethos_marble"] .code-block,
html[data-gd-theme="ethos_marble"] pre,
html[data-gd-theme="ethos_marble"] .hc-log,
html[data-gd-theme="ethos_marble"] .transcript-view {
  background: #ffffff !important;
  border-color: rgba(4,120,87,0.2) !important;
  color: #1e293b !important;
  border-radius: 10px !important;
}
html[data-gd-theme="ethos_marble"] .panel-header,
html[data-gd-theme="ethos_marble"] .endpoint-header,
html[data-gd-theme="ethos_marble"] .notification-header {
  background: color-mix(in srgb, #eef2f0 70%, #ffffff) !important;
  border-color: rgba(4,120,87,0.2) !important;
  color: #1e293b !important;
}

/* Chat bubbles */
html[data-gd-theme="ethos_marble"] .msg.user {
  background: color-mix(in srgb, #047857 22%, #ffffff) !important;
  border: 1px solid rgba(4,120,87,0.2) !important;
}
html[data-gd-theme="ethos_marble"] .msg.assistant,
html[data-gd-theme="ethos_marble"] .msg.doc {
  background: #ffffff !important;
  border: 1px solid rgba(4,120,87,0.2) !important;
}

/* Forms */
html[data-gd-theme="ethos_marble"] input,
html[data-gd-theme="ethos_marble"] textarea,
html[data-gd-theme="ethos_marble"] select,
html[data-gd-theme="ethos_marble"] .settings-select,
html[data-gd-theme="ethos_marble"] .custom-prompt-textarea {
  background: #eef2f0 !important;
  color: #1e293b !important;
  border: 1px solid rgba(4,120,87,0.2) !important;
  border-radius: 10px !important;
  font-family: inherit !important;
}
html[data-gd-theme="ethos_marble"] input:focus,
html[data-gd-theme="ethos_marble"] textarea:focus,
html[data-gd-theme="ethos_marble"] select:focus {
  outline: 2px solid #047857 !important;
  outline-offset: 1px;
  border-color: #047857 !important;
}
html[data-gd-theme="ethos_marble"] input::placeholder,
html[data-gd-theme="ethos_marble"] textarea::placeholder {
  color: #64748b !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="ethos_marble"] .settings-group-title {
  color: #64748b !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="ethos_marble"] .settings-label { color: #1e293b !important; }
html[data-gd-theme="ethos_marble"] .settings-desc { color: #64748b !important; }
html[data-gd-theme="ethos_marble"] .settings-item { border-bottom-color: rgba(4,120,87,0.2) !important; }
html[data-gd-theme="ethos_marble"] .settings-toggle {
  background: #eef2f0 !important;
  border: 1px solid rgba(4,120,87,0.2);
}
html[data-gd-theme="ethos_marble"] .settings-toggle.on {
  background: #047857 !important;
}

/* Typography helpers */
html[data-gd-theme="ethos_marble"] h1, html[data-gd-theme="ethos_marble"] h2, html[data-gd-theme="ethos_marble"] h3 {
  color: #1e293b !important;
}
html[data-gd-theme="ethos_marble"] h2 { color: #047857 !important; }
html[data-gd-theme="ethos_marble"] p, html[data-gd-theme="ethos_marble"] .subtitle, html[data-gd-theme="ethos_marble"] .profile-empty {
  color: #64748b !important;
}
html[data-gd-theme="ethos_marble"] code, html[data-gd-theme="ethos_marble"] .method, html[data-gd-theme="ethos_marble"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="ethos_marble"] .method.get { background: color-mix(in srgb, #047857 30%, transparent) !important; color: #047857 !important; }
html[data-gd-theme="ethos_marble"] .method.post { background: color-mix(in srgb, #0f766e 30%, transparent) !important; color: #0f766e !important; }
html[data-gd-theme="ethos_marble"] .spec-link {
  background: #ffffff !important;
  border-color: rgba(4,120,87,0.2) !important;
  color: #1e293b !important;
  border-radius: 10px !important;
}
html[data-gd-theme="ethos_marble"] .spec-link:hover {
  border-color: #047857 !important;
  color: #047857 !important;
}

/* Stickers board */
html[data-gd-theme="ethos_marble"] .area-label,
html[data-gd-theme="ethos_marble"] thead th:first-child {
  background: #f8faf9 !important;
  color: #64748b !important;
}
html[data-gd-theme="ethos_marble"] .cell.filled {
  background: color-mix(in srgb, #047857 14%, transparent) !important;
}
html[data-gd-theme="ethos_marble"] .cell.today-col {
  border-color: #047857 !important;
}
html[data-gd-theme="ethos_marble"] thead th.today-col {
  color: #047857 !important;
}
html[data-gd-theme="ethos_marble"] .header h1 { color: #047857 !important; }

/* Hero */
html[data-gd-theme="ethos_marble"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #047857 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(4,120,87,0.2) !important;
}
html[data-gd-theme="ethos_marble"] .hero p { color: #64748b !important; }

/* User chrome */
html[data-gd-theme="ethos_marble"] .user-badge {
  background: #ffffff !important;
  color: #1e293b !important;
  border: 1px solid rgba(4,120,87,0.2);
  border-radius: 10px !important;
}
html[data-gd-theme="ethos_marble"] .notification-bell { color: #64748b !important; }
html[data-gd-theme="ethos_marble"] .notification-bell:hover { color: #1e293b !important; }
html[data-gd-theme="ethos_marble"] .notification-badge { background: #b91c1c !important; }

/* Starter / misc chips */
html[data-gd-theme="ethos_marble"] .starter-btn {
  background: #ffffff !important;
  border: 1px solid rgba(4,120,87,0.2) !important;
  color: #1e293b !important;
  border-radius: 10px !important;
}
html[data-gd-theme="ethos_marble"] .starter-btn:hover {
  border-color: #047857 !important;
  color: #047857 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="ethos_marble"] .gd-style-picker {
  border-color: rgba(4,120,87,0.2);
}
html[data-gd-theme="ethos_marble"] .gd-style-option {
  background: #eef2f0;
  border-color: rgba(4,120,87,0.2);
  color: #1e293b;
}
html[data-gd-theme="ethos_marble"] .gd-style-option:hover,
html[data-gd-theme="ethos_marble"] .gd-style-option.selected {
  border-color: #047857;
  box-shadow: 0 0 0 1px #047857, 0 4px 16px rgba(4,120,87,0.25);
}
html[data-gd-theme="ethos_marble"] .gd-style-option.selected {
  background: color-mix(in srgb, #047857 12%, #ffffff);
}


html[data-gd-theme="ethos_marble"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="ethos_marble"] ::-webkit-scrollbar-track { background: #eef2f0; }
html[data-gd-theme="ethos_marble"] ::-webkit-scrollbar-thumb {
  background: #04785788;
  border-radius: 10px;
  border: 2px solid #eef2f0;
}


html[data-gd-theme="ethos_marble"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="ethos_marble"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="ethos_marble"] body > .header,
html[data-gd-theme="ethos_marble"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="ethos_marble"] body > .popup-overlay,
html[data-gd-theme="ethos_marble"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="ethos_marble"] body::before {
  background:
    linear-gradient(125deg, transparent 40%, #04785708 50%, transparent 60%),
    linear-gradient(55deg, transparent 30%, rgba(0,0,0,0.03) 50%, transparent 70%);
  opacity: 1;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: founder_atelier
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="founder_atelier"] {
  color-scheme: dark;
  --gd-bg: #1c1917;
  --gd-bg2: #0c0a09;
  --gd-elevated: #292524;
  --gd-fg: #fafaf9;
  --gd-muted: rgba(168,162,158,0.85);
  --gd-accent: #d97706;
  --gd-accent2: #fbbf24;
  --gd-danger: #ef4444;
  --gd-border: rgba(217,119,6,0.35);
  --gd-header: linear-gradient(120deg, rgba(217,119,6,0.2), #1c1917);
  --gd-radius: 12px;
  --gd-glow: rgba(217,119,6,0.4);
  --gd-font: 'Work Sans', system-ui, sans-serif;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #d97706;
  --gd-btn-fg: #1c1917;
}

html[data-gd-theme="founder_atelier"],
html[data-gd-theme="founder_atelier"] body {
  background: #1c1917 !important;
  color: #fafaf9 !important;
  font-family: 'Work Sans', system-ui, sans-serif !important;
}

html[data-gd-theme="founder_atelier"] ::selection {
  background: rgba(217,119,6,0.3);
  color: #fafaf9;
}

html[data-gd-theme="founder_atelier"] a { color: #d97706 !important; }
html[data-gd-theme="founder_atelier"] a:hover { color: #fbbf24 !important; }

/* Header / chrome */
html[data-gd-theme="founder_atelier"] .header,
html[data-gd-theme="founder_atelier"] header {
  background: linear-gradient(120deg, rgba(217,119,6,0.2), #1c1917) !important;
  border-bottom-color: rgba(217,119,6,0.35) !important;
  color: #fafaf9 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="founder_atelier"] .logo,
html[data-gd-theme="founder_atelier"] .brand,
html[data-gd-theme="founder_atelier"] .header .logo {
  color: #d97706 !important;
}
html[data-gd-theme="founder_atelier"] .header-links a,
html[data-gd-theme="founder_atelier"] .header-title,
html[data-gd-theme="founder_atelier"] .user-count,
html[data-gd-theme="founder_atelier"] .badge {
  color: rgba(168,162,158,0.85) !important;
}
html[data-gd-theme="founder_atelier"] .header-links a:hover { color: #d97706 !important; }

/* Nav */
html[data-gd-theme="founder_atelier"] .nav-tab {
  color: rgba(168,162,158,0.85) !important;
  border-radius: 12px !important;
}
html[data-gd-theme="founder_atelier"] .nav-tab:hover {
  background: #292524 !important;
  color: #fafaf9 !important;
}
html[data-gd-theme="founder_atelier"] .nav-tab.active {
  background: color-mix(in srgb, #d97706 22%, transparent) !important;
  color: #d97706 !important;
}

/* Buttons */
html[data-gd-theme="founder_atelier"] .btn,
html[data-gd-theme="founder_atelier"] .btn-primary,
html[data-gd-theme="founder_atelier"] .btn.btn-primary,
html[data-gd-theme="founder_atelier"] .hero-btn.primary {
  background: #d97706 !important;
  color: #1c1917 !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(217,119,6,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="founder_atelier"] .btn-primary:hover,
html[data-gd-theme="founder_atelier"] .btn.btn-primary:hover,
html[data-gd-theme="founder_atelier"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(217,119,6,0.4);
}
html[data-gd-theme="founder_atelier"] .btn-secondary,
html[data-gd-theme="founder_atelier"] .hero-btn.secondary,
html[data-gd-theme="founder_atelier"] .lang-btn {
  background: color-mix(in srgb, #292524 80%, transparent) !important;
  color: #fafaf9 !important;
  border: 1px solid rgba(217,119,6,0.35) !important;
  border-radius: 12px !important;
}
html[data-gd-theme="founder_atelier"] .btn-secondary:hover,
html[data-gd-theme="founder_atelier"] .hero-btn.secondary:hover,
html[data-gd-theme="founder_atelier"] .lang-btn:hover {
  border-color: #d97706 !important;
  color: #d97706 !important;
}
html[data-gd-theme="founder_atelier"] .lang-btn.active {
  background: #d97706 !important;
  border-color: #d97706 !important;
  color: #1c1917 !important;
}
html[data-gd-theme="founder_atelier"] .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
  border-radius: 12px !important;
}

/* Surfaces */
html[data-gd-theme="founder_atelier"] .panel,
html[data-gd-theme="founder_atelier"] .endpoint,
html[data-gd-theme="founder_atelier"] .flow-step,
html[data-gd-theme="founder_atelier"] .founder-card,
html[data-gd-theme="founder_atelier"] .notification-dropdown,
html[data-gd-theme="founder_atelier"] .modal-content,
html[data-gd-theme="founder_atelier"] .auth-popup,
html[data-gd-theme="founder_atelier"] .chat-login-card,
html[data-gd-theme="founder_atelier"] .msg,
html[data-gd-theme="founder_atelier"] .code-block,
html[data-gd-theme="founder_atelier"] pre,
html[data-gd-theme="founder_atelier"] .hc-log,
html[data-gd-theme="founder_atelier"] .transcript-view {
  background: #292524 !important;
  border-color: rgba(217,119,6,0.35) !important;
  color: #fafaf9 !important;
  border-radius: 12px !important;
}
html[data-gd-theme="founder_atelier"] .panel-header,
html[data-gd-theme="founder_atelier"] .endpoint-header,
html[data-gd-theme="founder_atelier"] .notification-header {
  background: color-mix(in srgb, #0c0a09 70%, #292524) !important;
  border-color: rgba(217,119,6,0.35) !important;
  color: #fafaf9 !important;
}

/* Chat bubbles */
html[data-gd-theme="founder_atelier"] .msg.user {
  background: color-mix(in srgb, #d97706 22%, #292524) !important;
  border: 1px solid rgba(217,119,6,0.35) !important;
}
html[data-gd-theme="founder_atelier"] .msg.assistant,
html[data-gd-theme="founder_atelier"] .msg.doc {
  background: #292524 !important;
  border: 1px solid rgba(217,119,6,0.35) !important;
}

/* Forms */
html[data-gd-theme="founder_atelier"] input,
html[data-gd-theme="founder_atelier"] textarea,
html[data-gd-theme="founder_atelier"] select,
html[data-gd-theme="founder_atelier"] .settings-select,
html[data-gd-theme="founder_atelier"] .custom-prompt-textarea {
  background: #0c0a09 !important;
  color: #fafaf9 !important;
  border: 1px solid rgba(217,119,6,0.35) !important;
  border-radius: 12px !important;
  font-family: inherit !important;
}
html[data-gd-theme="founder_atelier"] input:focus,
html[data-gd-theme="founder_atelier"] textarea:focus,
html[data-gd-theme="founder_atelier"] select:focus {
  outline: 2px solid #d97706 !important;
  outline-offset: 1px;
  border-color: #d97706 !important;
}
html[data-gd-theme="founder_atelier"] input::placeholder,
html[data-gd-theme="founder_atelier"] textarea::placeholder {
  color: rgba(168,162,158,0.85) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="founder_atelier"] .settings-group-title {
  color: rgba(168,162,158,0.85) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="founder_atelier"] .settings-label { color: #fafaf9 !important; }
html[data-gd-theme="founder_atelier"] .settings-desc { color: rgba(168,162,158,0.85) !important; }
html[data-gd-theme="founder_atelier"] .settings-item { border-bottom-color: rgba(217,119,6,0.35) !important; }
html[data-gd-theme="founder_atelier"] .settings-toggle {
  background: #0c0a09 !important;
  border: 1px solid rgba(217,119,6,0.35);
}
html[data-gd-theme="founder_atelier"] .settings-toggle.on {
  background: #d97706 !important;
}

/* Typography helpers */
html[data-gd-theme="founder_atelier"] h1, html[data-gd-theme="founder_atelier"] h2, html[data-gd-theme="founder_atelier"] h3 {
  color: #d97706 !important;
}
html[data-gd-theme="founder_atelier"] h2 { color: #d97706 !important; }
html[data-gd-theme="founder_atelier"] p, html[data-gd-theme="founder_atelier"] .subtitle, html[data-gd-theme="founder_atelier"] .profile-empty {
  color: rgba(168,162,158,0.85) !important;
}
html[data-gd-theme="founder_atelier"] code, html[data-gd-theme="founder_atelier"] .method, html[data-gd-theme="founder_atelier"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="founder_atelier"] .method.get { background: color-mix(in srgb, #d97706 30%, transparent) !important; color: #d97706 !important; }
html[data-gd-theme="founder_atelier"] .method.post { background: color-mix(in srgb, #fbbf24 30%, transparent) !important; color: #fbbf24 !important; }
html[data-gd-theme="founder_atelier"] .spec-link {
  background: #292524 !important;
  border-color: rgba(217,119,6,0.35) !important;
  color: #fafaf9 !important;
  border-radius: 12px !important;
}
html[data-gd-theme="founder_atelier"] .spec-link:hover {
  border-color: #d97706 !important;
  color: #d97706 !important;
}

/* Stickers board */
html[data-gd-theme="founder_atelier"] .area-label,
html[data-gd-theme="founder_atelier"] thead th:first-child {
  background: #1c1917 !important;
  color: rgba(168,162,158,0.85) !important;
}
html[data-gd-theme="founder_atelier"] .cell.filled {
  background: color-mix(in srgb, #d97706 14%, transparent) !important;
}
html[data-gd-theme="founder_atelier"] .cell.today-col {
  border-color: #d97706 !important;
}
html[data-gd-theme="founder_atelier"] thead th.today-col {
  color: #d97706 !important;
}
html[data-gd-theme="founder_atelier"] .header h1 { color: #d97706 !important; }

/* Hero */
html[data-gd-theme="founder_atelier"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #d97706 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(217,119,6,0.35) !important;
}
html[data-gd-theme="founder_atelier"] .hero p { color: rgba(168,162,158,0.85) !important; }

/* User chrome */
html[data-gd-theme="founder_atelier"] .user-badge {
  background: #292524 !important;
  color: #fafaf9 !important;
  border: 1px solid rgba(217,119,6,0.35);
  border-radius: 12px !important;
}
html[data-gd-theme="founder_atelier"] .notification-bell { color: rgba(168,162,158,0.85) !important; }
html[data-gd-theme="founder_atelier"] .notification-bell:hover { color: #fafaf9 !important; }
html[data-gd-theme="founder_atelier"] .notification-badge { background: #ef4444 !important; }

/* Starter / misc chips */
html[data-gd-theme="founder_atelier"] .starter-btn {
  background: #292524 !important;
  border: 1px solid rgba(217,119,6,0.35) !important;
  color: #fafaf9 !important;
  border-radius: 12px !important;
}
html[data-gd-theme="founder_atelier"] .starter-btn:hover {
  border-color: #d97706 !important;
  color: #d97706 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="founder_atelier"] .gd-style-picker {
  border-color: rgba(217,119,6,0.35);
}
html[data-gd-theme="founder_atelier"] .gd-style-option {
  background: #0c0a09;
  border-color: rgba(217,119,6,0.35);
  color: #fafaf9;
}
html[data-gd-theme="founder_atelier"] .gd-style-option:hover,
html[data-gd-theme="founder_atelier"] .gd-style-option.selected {
  border-color: #d97706;
  box-shadow: 0 0 0 1px #d97706, 0 4px 16px rgba(217,119,6,0.4);
}
html[data-gd-theme="founder_atelier"] .gd-style-option.selected {
  background: color-mix(in srgb, #d97706 12%, #292524);
}


html[data-gd-theme="founder_atelier"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="founder_atelier"] ::-webkit-scrollbar-track { background: #0c0a09; }
html[data-gd-theme="founder_atelier"] ::-webkit-scrollbar-thumb {
  background: #d9770688;
  border-radius: 12px;
  border: 2px solid #0c0a09;
}


html[data-gd-theme="founder_atelier"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="founder_atelier"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="founder_atelier"] body > .header,
html[data-gd-theme="founder_atelier"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="founder_atelier"] body > .popup-overlay,
html[data-gd-theme="founder_atelier"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="founder_atelier"] body::before {
  background-image:
    linear-gradient(#d9770610 1px, transparent 1px);
  background-size: 100% 28px;
  opacity: 0.6;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: bounty_treasury
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="bounty_treasury"] {
  color-scheme: dark;
  --gd-bg: #052e16;
  --gd-bg2: #022c14;
  --gd-elevated: #14532d;
  --gd-fg: #fef3c7;
  --gd-muted: rgba(253,230,138,0.7);
  --gd-accent: #fbbf24;
  --gd-accent2: #f59e0b;
  --gd-danger: #f87171;
  --gd-border: rgba(251,191,36,0.4);
  --gd-header: linear-gradient(135deg, rgba(251,191,36,0.25), #052e16);
  --gd-radius: 8px;
  --gd-glow: rgba(251,191,36,0.45);
  --gd-font: Georgia, serif;
  --gd-mono: monospace;
  --gd-btn-bg: #fbbf24;
  --gd-btn-fg: #052e16;
}

html[data-gd-theme="bounty_treasury"],
html[data-gd-theme="bounty_treasury"] body {
  background: #052e16 !important;
  color: #fef3c7 !important;
  font-family: Georgia, serif !important;
}

html[data-gd-theme="bounty_treasury"] ::selection {
  background: rgba(251,191,36,0.3);
  color: #fef3c7;
}

html[data-gd-theme="bounty_treasury"] a { color: #fbbf24 !important; }
html[data-gd-theme="bounty_treasury"] a:hover { color: #f59e0b !important; }

/* Header / chrome */
html[data-gd-theme="bounty_treasury"] .header,
html[data-gd-theme="bounty_treasury"] header {
  background: linear-gradient(135deg, rgba(251,191,36,0.25), #052e16) !important;
  border-bottom-color: rgba(251,191,36,0.4) !important;
  color: #fef3c7 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="bounty_treasury"] .logo,
html[data-gd-theme="bounty_treasury"] .brand,
html[data-gd-theme="bounty_treasury"] .header .logo {
  color: #fbbf24 !important;
}
html[data-gd-theme="bounty_treasury"] .header-links a,
html[data-gd-theme="bounty_treasury"] .header-title,
html[data-gd-theme="bounty_treasury"] .user-count,
html[data-gd-theme="bounty_treasury"] .badge {
  color: rgba(253,230,138,0.7) !important;
}
html[data-gd-theme="bounty_treasury"] .header-links a:hover { color: #fbbf24 !important; }

/* Nav */
html[data-gd-theme="bounty_treasury"] .nav-tab {
  color: rgba(253,230,138,0.7) !important;
  border-radius: 8px !important;
}
html[data-gd-theme="bounty_treasury"] .nav-tab:hover {
  background: #14532d !important;
  color: #fef3c7 !important;
}
html[data-gd-theme="bounty_treasury"] .nav-tab.active {
  background: color-mix(in srgb, #fbbf24 22%, transparent) !important;
  color: #fbbf24 !important;
}

/* Buttons */
html[data-gd-theme="bounty_treasury"] .btn,
html[data-gd-theme="bounty_treasury"] .btn-primary,
html[data-gd-theme="bounty_treasury"] .btn.btn-primary,
html[data-gd-theme="bounty_treasury"] .hero-btn.primary {
  background: #fbbf24 !important;
  color: #052e16 !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(251,191,36,0.45);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="bounty_treasury"] .btn-primary:hover,
html[data-gd-theme="bounty_treasury"] .btn.btn-primary:hover,
html[data-gd-theme="bounty_treasury"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(251,191,36,0.45);
}
html[data-gd-theme="bounty_treasury"] .btn-secondary,
html[data-gd-theme="bounty_treasury"] .hero-btn.secondary,
html[data-gd-theme="bounty_treasury"] .lang-btn {
  background: color-mix(in srgb, #14532d 80%, transparent) !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
  border-radius: 8px !important;
}
html[data-gd-theme="bounty_treasury"] .btn-secondary:hover,
html[data-gd-theme="bounty_treasury"] .hero-btn.secondary:hover,
html[data-gd-theme="bounty_treasury"] .lang-btn:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}
html[data-gd-theme="bounty_treasury"] .lang-btn.active {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #052e16 !important;
}
html[data-gd-theme="bounty_treasury"] .btn-danger {
  background: #f87171 !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* Surfaces */
html[data-gd-theme="bounty_treasury"] .panel,
html[data-gd-theme="bounty_treasury"] .endpoint,
html[data-gd-theme="bounty_treasury"] .flow-step,
html[data-gd-theme="bounty_treasury"] .founder-card,
html[data-gd-theme="bounty_treasury"] .notification-dropdown,
html[data-gd-theme="bounty_treasury"] .modal-content,
html[data-gd-theme="bounty_treasury"] .auth-popup,
html[data-gd-theme="bounty_treasury"] .chat-login-card,
html[data-gd-theme="bounty_treasury"] .msg,
html[data-gd-theme="bounty_treasury"] .code-block,
html[data-gd-theme="bounty_treasury"] pre,
html[data-gd-theme="bounty_treasury"] .hc-log,
html[data-gd-theme="bounty_treasury"] .transcript-view {
  background: #14532d !important;
  border-color: rgba(251,191,36,0.4) !important;
  color: #fef3c7 !important;
  border-radius: 8px !important;
}
html[data-gd-theme="bounty_treasury"] .panel-header,
html[data-gd-theme="bounty_treasury"] .endpoint-header,
html[data-gd-theme="bounty_treasury"] .notification-header {
  background: color-mix(in srgb, #022c14 70%, #14532d) !important;
  border-color: rgba(251,191,36,0.4) !important;
  color: #fef3c7 !important;
}

/* Chat bubbles */
html[data-gd-theme="bounty_treasury"] .msg.user {
  background: color-mix(in srgb, #fbbf24 22%, #14532d) !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
}
html[data-gd-theme="bounty_treasury"] .msg.assistant,
html[data-gd-theme="bounty_treasury"] .msg.doc {
  background: #14532d !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
}

/* Forms */
html[data-gd-theme="bounty_treasury"] input,
html[data-gd-theme="bounty_treasury"] textarea,
html[data-gd-theme="bounty_treasury"] select,
html[data-gd-theme="bounty_treasury"] .settings-select,
html[data-gd-theme="bounty_treasury"] .custom-prompt-textarea {
  background: #022c14 !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
  border-radius: 8px !important;
  font-family: inherit !important;
}
html[data-gd-theme="bounty_treasury"] input:focus,
html[data-gd-theme="bounty_treasury"] textarea:focus,
html[data-gd-theme="bounty_treasury"] select:focus {
  outline: 2px solid #fbbf24 !important;
  outline-offset: 1px;
  border-color: #fbbf24 !important;
}
html[data-gd-theme="bounty_treasury"] input::placeholder,
html[data-gd-theme="bounty_treasury"] textarea::placeholder {
  color: rgba(253,230,138,0.7) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="bounty_treasury"] .settings-group-title {
  color: rgba(253,230,138,0.7) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="bounty_treasury"] .settings-label { color: #fef3c7 !important; }
html[data-gd-theme="bounty_treasury"] .settings-desc { color: rgba(253,230,138,0.7) !important; }
html[data-gd-theme="bounty_treasury"] .settings-item { border-bottom-color: rgba(251,191,36,0.4) !important; }
html[data-gd-theme="bounty_treasury"] .settings-toggle {
  background: #022c14 !important;
  border: 1px solid rgba(251,191,36,0.4);
}
html[data-gd-theme="bounty_treasury"] .settings-toggle.on {
  background: #fbbf24 !important;
}

/* Typography helpers */
html[data-gd-theme="bounty_treasury"] h1, html[data-gd-theme="bounty_treasury"] h2, html[data-gd-theme="bounty_treasury"] h3 {
  color: #fbbf24 !important;
}
html[data-gd-theme="bounty_treasury"] h2 { color: #fbbf24 !important; }
html[data-gd-theme="bounty_treasury"] p, html[data-gd-theme="bounty_treasury"] .subtitle, html[data-gd-theme="bounty_treasury"] .profile-empty {
  color: rgba(253,230,138,0.7) !important;
}
html[data-gd-theme="bounty_treasury"] code, html[data-gd-theme="bounty_treasury"] .method, html[data-gd-theme="bounty_treasury"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="bounty_treasury"] .method.get { background: color-mix(in srgb, #fbbf24 30%, transparent) !important; color: #fbbf24 !important; }
html[data-gd-theme="bounty_treasury"] .method.post { background: color-mix(in srgb, #f59e0b 30%, transparent) !important; color: #f59e0b !important; }
html[data-gd-theme="bounty_treasury"] .spec-link {
  background: #14532d !important;
  border-color: rgba(251,191,36,0.4) !important;
  color: #fef3c7 !important;
  border-radius: 8px !important;
}
html[data-gd-theme="bounty_treasury"] .spec-link:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}

/* Stickers board */
html[data-gd-theme="bounty_treasury"] .area-label,
html[data-gd-theme="bounty_treasury"] thead th:first-child {
  background: #052e16 !important;
  color: rgba(253,230,138,0.7) !important;
}
html[data-gd-theme="bounty_treasury"] .cell.filled {
  background: color-mix(in srgb, #fbbf24 14%, transparent) !important;
}
html[data-gd-theme="bounty_treasury"] .cell.today-col {
  border-color: #fbbf24 !important;
}
html[data-gd-theme="bounty_treasury"] thead th.today-col {
  color: #fbbf24 !important;
}
html[data-gd-theme="bounty_treasury"] .header h1 { color: #fbbf24 !important; }

/* Hero */
html[data-gd-theme="bounty_treasury"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #fbbf24 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(251,191,36,0.4) !important;
}
html[data-gd-theme="bounty_treasury"] .hero p { color: rgba(253,230,138,0.7) !important; }

/* User chrome */
html[data-gd-theme="bounty_treasury"] .user-badge {
  background: #14532d !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(251,191,36,0.4);
  border-radius: 8px !important;
}
html[data-gd-theme="bounty_treasury"] .notification-bell { color: rgba(253,230,138,0.7) !important; }
html[data-gd-theme="bounty_treasury"] .notification-bell:hover { color: #fef3c7 !important; }
html[data-gd-theme="bounty_treasury"] .notification-badge { background: #f87171 !important; }

/* Starter / misc chips */
html[data-gd-theme="bounty_treasury"] .starter-btn {
  background: #14532d !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
  color: #fef3c7 !important;
  border-radius: 8px !important;
}
html[data-gd-theme="bounty_treasury"] .starter-btn:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="bounty_treasury"] .gd-style-picker {
  border-color: rgba(251,191,36,0.4);
}
html[data-gd-theme="bounty_treasury"] .gd-style-option {
  background: #022c14;
  border-color: rgba(251,191,36,0.4);
  color: #fef3c7;
}
html[data-gd-theme="bounty_treasury"] .gd-style-option:hover,
html[data-gd-theme="bounty_treasury"] .gd-style-option.selected {
  border-color: #fbbf24;
  box-shadow: 0 0 0 1px #fbbf24, 0 4px 16px rgba(251,191,36,0.45);
}
html[data-gd-theme="bounty_treasury"] .gd-style-option.selected {
  background: color-mix(in srgb, #fbbf24 12%, #14532d);
}


html[data-gd-theme="bounty_treasury"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="bounty_treasury"] ::-webkit-scrollbar-track { background: #022c14; }
html[data-gd-theme="bounty_treasury"] ::-webkit-scrollbar-thumb {
  background: #fbbf2488;
  border-radius: 8px;
  border: 2px solid #022c14;
}


html[data-gd-theme="bounty_treasury"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="bounty_treasury"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="bounty_treasury"] body > .header,
html[data-gd-theme="bounty_treasury"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="bounty_treasury"] body > .popup-overlay,
html[data-gd-theme="bounty_treasury"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="bounty_treasury"] body::before {
  background:
    radial-gradient(circle at 10% 20%, #fbbf2422 0 2px, transparent 3px),
    radial-gradient(circle at 90% 80%, #fbbf2418 0 3px, transparent 4px),
    radial-gradient(ellipse at 50% 0%, #fbbf2420, transparent 50%);
  opacity: 1;
}


html[data-gd-theme="bounty_treasury"] .panel, html[data-gd-theme="bounty_treasury"] .founder-card, html[data-gd-theme="bounty_treasury"] .endpoint {
  border: 1px solid #fbbf24 !important;
  box-shadow: 0 0 0 3px #052e16, 0 0 0 4px #fbbf2455 !important;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: quiet_library
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="quiet_library"] {
  color-scheme: dark;
  --gd-bg: #292524;
  --gd-bg2: #1c1917;
  --gd-elevated: #3f3a36;
  --gd-fg: #f5f5f4;
  --gd-muted: rgba(168,162,158,0.8);
  --gd-accent: #fbbf24;
  --gd-accent2: #d6d3d1;
  --gd-danger: #f87171;
  --gd-border: rgba(120,113,108,0.5);
  --gd-header: linear-gradient(180deg, #3f3a36, #292524);
  --gd-radius: 6px;
  --gd-glow: rgba(251,191,36,0.3);
  --gd-font: Georgia, 'Iowan Old Style', serif;
  --gd-mono: monospace;
  --gd-btn-bg: #fbbf24;
  --gd-btn-fg: #292524;
}

html[data-gd-theme="quiet_library"],
html[data-gd-theme="quiet_library"] body {
  background: #292524 !important;
  color: #f5f5f4 !important;
  font-family: Georgia, 'Iowan Old Style', serif !important;
}

html[data-gd-theme="quiet_library"] ::selection {
  background: rgba(251,191,36,0.25);
  color: #f5f5f4;
}

html[data-gd-theme="quiet_library"] a { color: #fbbf24 !important; }
html[data-gd-theme="quiet_library"] a:hover { color: #d6d3d1 !important; }

/* Header / chrome */
html[data-gd-theme="quiet_library"] .header,
html[data-gd-theme="quiet_library"] header {
  background: linear-gradient(180deg, #3f3a36, #292524) !important;
  border-bottom-color: rgba(120,113,108,0.5) !important;
  color: #f5f5f4 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="quiet_library"] .logo,
html[data-gd-theme="quiet_library"] .brand,
html[data-gd-theme="quiet_library"] .header .logo {
  color: #fbbf24 !important;
}
html[data-gd-theme="quiet_library"] .header-links a,
html[data-gd-theme="quiet_library"] .header-title,
html[data-gd-theme="quiet_library"] .user-count,
html[data-gd-theme="quiet_library"] .badge {
  color: rgba(168,162,158,0.8) !important;
}
html[data-gd-theme="quiet_library"] .header-links a:hover { color: #fbbf24 !important; }

/* Nav */
html[data-gd-theme="quiet_library"] .nav-tab {
  color: rgba(168,162,158,0.8) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="quiet_library"] .nav-tab:hover {
  background: #3f3a36 !important;
  color: #f5f5f4 !important;
}
html[data-gd-theme="quiet_library"] .nav-tab.active {
  background: color-mix(in srgb, #fbbf24 22%, transparent) !important;
  color: #fbbf24 !important;
}

/* Buttons */
html[data-gd-theme="quiet_library"] .btn,
html[data-gd-theme="quiet_library"] .btn-primary,
html[data-gd-theme="quiet_library"] .btn.btn-primary,
html[data-gd-theme="quiet_library"] .hero-btn.primary {
  background: #fbbf24 !important;
  color: #292524 !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(251,191,36,0.3);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="quiet_library"] .btn-primary:hover,
html[data-gd-theme="quiet_library"] .btn.btn-primary:hover,
html[data-gd-theme="quiet_library"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(251,191,36,0.3);
}
html[data-gd-theme="quiet_library"] .btn-secondary,
html[data-gd-theme="quiet_library"] .hero-btn.secondary,
html[data-gd-theme="quiet_library"] .lang-btn {
  background: color-mix(in srgb, #3f3a36 80%, transparent) !important;
  color: #f5f5f4 !important;
  border: 1px solid rgba(120,113,108,0.5) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="quiet_library"] .btn-secondary:hover,
html[data-gd-theme="quiet_library"] .hero-btn.secondary:hover,
html[data-gd-theme="quiet_library"] .lang-btn:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}
html[data-gd-theme="quiet_library"] .lang-btn.active {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #292524 !important;
}
html[data-gd-theme="quiet_library"] .btn-danger {
  background: #f87171 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* Surfaces */
html[data-gd-theme="quiet_library"] .panel,
html[data-gd-theme="quiet_library"] .endpoint,
html[data-gd-theme="quiet_library"] .flow-step,
html[data-gd-theme="quiet_library"] .founder-card,
html[data-gd-theme="quiet_library"] .notification-dropdown,
html[data-gd-theme="quiet_library"] .modal-content,
html[data-gd-theme="quiet_library"] .auth-popup,
html[data-gd-theme="quiet_library"] .chat-login-card,
html[data-gd-theme="quiet_library"] .msg,
html[data-gd-theme="quiet_library"] .code-block,
html[data-gd-theme="quiet_library"] pre,
html[data-gd-theme="quiet_library"] .hc-log,
html[data-gd-theme="quiet_library"] .transcript-view {
  background: #3f3a36 !important;
  border-color: rgba(120,113,108,0.5) !important;
  color: #f5f5f4 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="quiet_library"] .panel-header,
html[data-gd-theme="quiet_library"] .endpoint-header,
html[data-gd-theme="quiet_library"] .notification-header {
  background: color-mix(in srgb, #1c1917 70%, #3f3a36) !important;
  border-color: rgba(120,113,108,0.5) !important;
  color: #f5f5f4 !important;
}

/* Chat bubbles */
html[data-gd-theme="quiet_library"] .msg.user {
  background: color-mix(in srgb, #fbbf24 22%, #3f3a36) !important;
  border: 1px solid rgba(120,113,108,0.5) !important;
}
html[data-gd-theme="quiet_library"] .msg.assistant,
html[data-gd-theme="quiet_library"] .msg.doc {
  background: #3f3a36 !important;
  border: 1px solid rgba(120,113,108,0.5) !important;
}

/* Forms */
html[data-gd-theme="quiet_library"] input,
html[data-gd-theme="quiet_library"] textarea,
html[data-gd-theme="quiet_library"] select,
html[data-gd-theme="quiet_library"] .settings-select,
html[data-gd-theme="quiet_library"] .custom-prompt-textarea {
  background: #1c1917 !important;
  color: #f5f5f4 !important;
  border: 1px solid rgba(120,113,108,0.5) !important;
  border-radius: 6px !important;
  font-family: inherit !important;
}
html[data-gd-theme="quiet_library"] input:focus,
html[data-gd-theme="quiet_library"] textarea:focus,
html[data-gd-theme="quiet_library"] select:focus {
  outline: 2px solid #fbbf24 !important;
  outline-offset: 1px;
  border-color: #fbbf24 !important;
}
html[data-gd-theme="quiet_library"] input::placeholder,
html[data-gd-theme="quiet_library"] textarea::placeholder {
  color: rgba(168,162,158,0.8) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="quiet_library"] .settings-group-title {
  color: rgba(168,162,158,0.8) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="quiet_library"] .settings-label { color: #f5f5f4 !important; }
html[data-gd-theme="quiet_library"] .settings-desc { color: rgba(168,162,158,0.8) !important; }
html[data-gd-theme="quiet_library"] .settings-item { border-bottom-color: rgba(120,113,108,0.5) !important; }
html[data-gd-theme="quiet_library"] .settings-toggle {
  background: #1c1917 !important;
  border: 1px solid rgba(120,113,108,0.5);
}
html[data-gd-theme="quiet_library"] .settings-toggle.on {
  background: #fbbf24 !important;
}

/* Typography helpers */
html[data-gd-theme="quiet_library"] h1, html[data-gd-theme="quiet_library"] h2, html[data-gd-theme="quiet_library"] h3 {
  color: #fbbf24 !important;
}
html[data-gd-theme="quiet_library"] h2 { color: #fbbf24 !important; }
html[data-gd-theme="quiet_library"] p, html[data-gd-theme="quiet_library"] .subtitle, html[data-gd-theme="quiet_library"] .profile-empty {
  color: rgba(168,162,158,0.8) !important;
}
html[data-gd-theme="quiet_library"] code, html[data-gd-theme="quiet_library"] .method, html[data-gd-theme="quiet_library"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="quiet_library"] .method.get { background: color-mix(in srgb, #fbbf24 30%, transparent) !important; color: #fbbf24 !important; }
html[data-gd-theme="quiet_library"] .method.post { background: color-mix(in srgb, #d6d3d1 30%, transparent) !important; color: #d6d3d1 !important; }
html[data-gd-theme="quiet_library"] .spec-link {
  background: #3f3a36 !important;
  border-color: rgba(120,113,108,0.5) !important;
  color: #f5f5f4 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="quiet_library"] .spec-link:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}

/* Stickers board */
html[data-gd-theme="quiet_library"] .area-label,
html[data-gd-theme="quiet_library"] thead th:first-child {
  background: #292524 !important;
  color: rgba(168,162,158,0.8) !important;
}
html[data-gd-theme="quiet_library"] .cell.filled {
  background: color-mix(in srgb, #fbbf24 14%, transparent) !important;
}
html[data-gd-theme="quiet_library"] .cell.today-col {
  border-color: #fbbf24 !important;
}
html[data-gd-theme="quiet_library"] thead th.today-col {
  color: #fbbf24 !important;
}
html[data-gd-theme="quiet_library"] .header h1 { color: #fbbf24 !important; }

/* Hero */
html[data-gd-theme="quiet_library"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #fbbf24 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(120,113,108,0.5) !important;
}
html[data-gd-theme="quiet_library"] .hero p { color: rgba(168,162,158,0.8) !important; }

/* User chrome */
html[data-gd-theme="quiet_library"] .user-badge {
  background: #3f3a36 !important;
  color: #f5f5f4 !important;
  border: 1px solid rgba(120,113,108,0.5);
  border-radius: 6px !important;
}
html[data-gd-theme="quiet_library"] .notification-bell { color: rgba(168,162,158,0.8) !important; }
html[data-gd-theme="quiet_library"] .notification-bell:hover { color: #f5f5f4 !important; }
html[data-gd-theme="quiet_library"] .notification-badge { background: #f87171 !important; }

/* Starter / misc chips */
html[data-gd-theme="quiet_library"] .starter-btn {
  background: #3f3a36 !important;
  border: 1px solid rgba(120,113,108,0.5) !important;
  color: #f5f5f4 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="quiet_library"] .starter-btn:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="quiet_library"] .gd-style-picker {
  border-color: rgba(120,113,108,0.5);
}
html[data-gd-theme="quiet_library"] .gd-style-option {
  background: #1c1917;
  border-color: rgba(120,113,108,0.5);
  color: #f5f5f4;
}
html[data-gd-theme="quiet_library"] .gd-style-option:hover,
html[data-gd-theme="quiet_library"] .gd-style-option.selected {
  border-color: #fbbf24;
  box-shadow: 0 0 0 1px #fbbf24, 0 4px 16px rgba(251,191,36,0.3);
}
html[data-gd-theme="quiet_library"] .gd-style-option.selected {
  background: color-mix(in srgb, #fbbf24 12%, #3f3a36);
}


html[data-gd-theme="quiet_library"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="quiet_library"] ::-webkit-scrollbar-track { background: #1c1917; }
html[data-gd-theme="quiet_library"] ::-webkit-scrollbar-thumb {
  background: #fbbf2488;
  border-radius: 6px;
  border: 2px solid #1c1917;
}


html[data-gd-theme="quiet_library"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="quiet_library"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="quiet_library"] body > .header,
html[data-gd-theme="quiet_library"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="quiet_library"] body > .popup-overlay,
html[data-gd-theme="quiet_library"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="quiet_library"] body::before {
  background-image:
    linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px);
  background-size: 100% 1.6em;
  opacity: 0.8;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: openapi_blueprint
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="openapi_blueprint"] {
  color-scheme: dark;
  --gd-bg: #0c1a24;
  --gd-bg2: #061018;
  --gd-elevated: #132f42;
  --gd-fg: #e0f2fe;
  --gd-muted: rgba(125,211,252,0.7);
  --gd-accent: #38bdf8;
  --gd-accent2: #0ea5e9;
  --gd-danger: #fb7185;
  --gd-border: rgba(56,189,248,0.35);
  --gd-header: linear-gradient(180deg, #132f42, #0c1a24);
  --gd-radius: 4px;
  --gd-glow: rgba(56,189,248,0.4);
  --gd-font: 'IBM Plex Sans', system-ui, sans-serif;
  --gd-mono: 'IBM Plex Mono', monospace;
  --gd-btn-bg: #38bdf8;
  --gd-btn-fg: #0c1a24;
}

html[data-gd-theme="openapi_blueprint"],
html[data-gd-theme="openapi_blueprint"] body {
  background: #0c1a24 !important;
  color: #e0f2fe !important;
  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;
}

html[data-gd-theme="openapi_blueprint"] ::selection {
  background: rgba(56,189,248,0.3);
  color: #e0f2fe;
}

html[data-gd-theme="openapi_blueprint"] a { color: #38bdf8 !important; }
html[data-gd-theme="openapi_blueprint"] a:hover { color: #0ea5e9 !important; }

/* Header / chrome */
html[data-gd-theme="openapi_blueprint"] .header,
html[data-gd-theme="openapi_blueprint"] header {
  background: linear-gradient(180deg, #132f42, #0c1a24) !important;
  border-bottom-color: rgba(56,189,248,0.35) !important;
  color: #e0f2fe !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="openapi_blueprint"] .logo,
html[data-gd-theme="openapi_blueprint"] .brand,
html[data-gd-theme="openapi_blueprint"] .header .logo {
  color: #38bdf8 !important;
}
html[data-gd-theme="openapi_blueprint"] .header-links a,
html[data-gd-theme="openapi_blueprint"] .header-title,
html[data-gd-theme="openapi_blueprint"] .user-count,
html[data-gd-theme="openapi_blueprint"] .badge {
  color: rgba(125,211,252,0.7) !important;
}
html[data-gd-theme="openapi_blueprint"] .header-links a:hover { color: #38bdf8 !important; }

/* Nav */
html[data-gd-theme="openapi_blueprint"] .nav-tab {
  color: rgba(125,211,252,0.7) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="openapi_blueprint"] .nav-tab:hover {
  background: #132f42 !important;
  color: #e0f2fe !important;
}
html[data-gd-theme="openapi_blueprint"] .nav-tab.active {
  background: color-mix(in srgb, #38bdf8 22%, transparent) !important;
  color: #38bdf8 !important;
}

/* Buttons */
html[data-gd-theme="openapi_blueprint"] .btn,
html[data-gd-theme="openapi_blueprint"] .btn-primary,
html[data-gd-theme="openapi_blueprint"] .btn.btn-primary,
html[data-gd-theme="openapi_blueprint"] .hero-btn.primary {
  background: #38bdf8 !important;
  color: #0c1a24 !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(56,189,248,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="openapi_blueprint"] .btn-primary:hover,
html[data-gd-theme="openapi_blueprint"] .btn.btn-primary:hover,
html[data-gd-theme="openapi_blueprint"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(56,189,248,0.4);
}
html[data-gd-theme="openapi_blueprint"] .btn-secondary,
html[data-gd-theme="openapi_blueprint"] .hero-btn.secondary,
html[data-gd-theme="openapi_blueprint"] .lang-btn {
  background: color-mix(in srgb, #132f42 80%, transparent) !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(56,189,248,0.35) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="openapi_blueprint"] .btn-secondary:hover,
html[data-gd-theme="openapi_blueprint"] .hero-btn.secondary:hover,
html[data-gd-theme="openapi_blueprint"] .lang-btn:hover {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}
html[data-gd-theme="openapi_blueprint"] .lang-btn.active {
  background: #38bdf8 !important;
  border-color: #38bdf8 !important;
  color: #0c1a24 !important;
}
html[data-gd-theme="openapi_blueprint"] .btn-danger {
  background: #fb7185 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* Surfaces */
html[data-gd-theme="openapi_blueprint"] .panel,
html[data-gd-theme="openapi_blueprint"] .endpoint,
html[data-gd-theme="openapi_blueprint"] .flow-step,
html[data-gd-theme="openapi_blueprint"] .founder-card,
html[data-gd-theme="openapi_blueprint"] .notification-dropdown,
html[data-gd-theme="openapi_blueprint"] .modal-content,
html[data-gd-theme="openapi_blueprint"] .auth-popup,
html[data-gd-theme="openapi_blueprint"] .chat-login-card,
html[data-gd-theme="openapi_blueprint"] .msg,
html[data-gd-theme="openapi_blueprint"] .code-block,
html[data-gd-theme="openapi_blueprint"] pre,
html[data-gd-theme="openapi_blueprint"] .hc-log,
html[data-gd-theme="openapi_blueprint"] .transcript-view {
  background: #132f42 !important;
  border-color: rgba(56,189,248,0.35) !important;
  color: #e0f2fe !important;
  border-radius: 4px !important;
}
html[data-gd-theme="openapi_blueprint"] .panel-header,
html[data-gd-theme="openapi_blueprint"] .endpoint-header,
html[data-gd-theme="openapi_blueprint"] .notification-header {
  background: color-mix(in srgb, #061018 70%, #132f42) !important;
  border-color: rgba(56,189,248,0.35) !important;
  color: #e0f2fe !important;
}

/* Chat bubbles */
html[data-gd-theme="openapi_blueprint"] .msg.user {
  background: color-mix(in srgb, #38bdf8 22%, #132f42) !important;
  border: 1px solid rgba(56,189,248,0.35) !important;
}
html[data-gd-theme="openapi_blueprint"] .msg.assistant,
html[data-gd-theme="openapi_blueprint"] .msg.doc {
  background: #132f42 !important;
  border: 1px solid rgba(56,189,248,0.35) !important;
}

/* Forms */
html[data-gd-theme="openapi_blueprint"] input,
html[data-gd-theme="openapi_blueprint"] textarea,
html[data-gd-theme="openapi_blueprint"] select,
html[data-gd-theme="openapi_blueprint"] .settings-select,
html[data-gd-theme="openapi_blueprint"] .custom-prompt-textarea {
  background: #061018 !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(56,189,248,0.35) !important;
  border-radius: 4px !important;
  font-family: inherit !important;
}
html[data-gd-theme="openapi_blueprint"] input:focus,
html[data-gd-theme="openapi_blueprint"] textarea:focus,
html[data-gd-theme="openapi_blueprint"] select:focus {
  outline: 2px solid #38bdf8 !important;
  outline-offset: 1px;
  border-color: #38bdf8 !important;
}
html[data-gd-theme="openapi_blueprint"] input::placeholder,
html[data-gd-theme="openapi_blueprint"] textarea::placeholder {
  color: rgba(125,211,252,0.7) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="openapi_blueprint"] .settings-group-title {
  color: rgba(125,211,252,0.7) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="openapi_blueprint"] .settings-label { color: #e0f2fe !important; }
html[data-gd-theme="openapi_blueprint"] .settings-desc { color: rgba(125,211,252,0.7) !important; }
html[data-gd-theme="openapi_blueprint"] .settings-item { border-bottom-color: rgba(56,189,248,0.35) !important; }
html[data-gd-theme="openapi_blueprint"] .settings-toggle {
  background: #061018 !important;
  border: 1px solid rgba(56,189,248,0.35);
}
html[data-gd-theme="openapi_blueprint"] .settings-toggle.on {
  background: #38bdf8 !important;
}

/* Typography helpers */
html[data-gd-theme="openapi_blueprint"] h1, html[data-gd-theme="openapi_blueprint"] h2, html[data-gd-theme="openapi_blueprint"] h3 {
  color: #38bdf8 !important;
}
html[data-gd-theme="openapi_blueprint"] h2 { color: #38bdf8 !important; }
html[data-gd-theme="openapi_blueprint"] p, html[data-gd-theme="openapi_blueprint"] .subtitle, html[data-gd-theme="openapi_blueprint"] .profile-empty {
  color: rgba(125,211,252,0.7) !important;
}
html[data-gd-theme="openapi_blueprint"] code, html[data-gd-theme="openapi_blueprint"] .method, html[data-gd-theme="openapi_blueprint"] pre {
  font-family: 'IBM Plex Mono', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="openapi_blueprint"] .method.get { background: color-mix(in srgb, #38bdf8 30%, transparent) !important; color: #38bdf8 !important; }
html[data-gd-theme="openapi_blueprint"] .method.post { background: color-mix(in srgb, #0ea5e9 30%, transparent) !important; color: #0ea5e9 !important; }
html[data-gd-theme="openapi_blueprint"] .spec-link {
  background: #132f42 !important;
  border-color: rgba(56,189,248,0.35) !important;
  color: #e0f2fe !important;
  border-radius: 4px !important;
}
html[data-gd-theme="openapi_blueprint"] .spec-link:hover {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

/* Stickers board */
html[data-gd-theme="openapi_blueprint"] .area-label,
html[data-gd-theme="openapi_blueprint"] thead th:first-child {
  background: #0c1a24 !important;
  color: rgba(125,211,252,0.7) !important;
}
html[data-gd-theme="openapi_blueprint"] .cell.filled {
  background: color-mix(in srgb, #38bdf8 14%, transparent) !important;
}
html[data-gd-theme="openapi_blueprint"] .cell.today-col {
  border-color: #38bdf8 !important;
}
html[data-gd-theme="openapi_blueprint"] thead th.today-col {
  color: #38bdf8 !important;
}
html[data-gd-theme="openapi_blueprint"] .header h1 { color: #38bdf8 !important; }

/* Hero */
html[data-gd-theme="openapi_blueprint"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #38bdf8 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(56,189,248,0.35) !important;
}
html[data-gd-theme="openapi_blueprint"] .hero p { color: rgba(125,211,252,0.7) !important; }

/* User chrome */
html[data-gd-theme="openapi_blueprint"] .user-badge {
  background: #132f42 !important;
  color: #e0f2fe !important;
  border: 1px solid rgba(56,189,248,0.35);
  border-radius: 4px !important;
}
html[data-gd-theme="openapi_blueprint"] .notification-bell { color: rgba(125,211,252,0.7) !important; }
html[data-gd-theme="openapi_blueprint"] .notification-bell:hover { color: #e0f2fe !important; }
html[data-gd-theme="openapi_blueprint"] .notification-badge { background: #fb7185 !important; }

/* Starter / misc chips */
html[data-gd-theme="openapi_blueprint"] .starter-btn {
  background: #132f42 !important;
  border: 1px solid rgba(56,189,248,0.35) !important;
  color: #e0f2fe !important;
  border-radius: 4px !important;
}
html[data-gd-theme="openapi_blueprint"] .starter-btn:hover {
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="openapi_blueprint"] .gd-style-picker {
  border-color: rgba(56,189,248,0.35);
}
html[data-gd-theme="openapi_blueprint"] .gd-style-option {
  background: #061018;
  border-color: rgba(56,189,248,0.35);
  color: #e0f2fe;
}
html[data-gd-theme="openapi_blueprint"] .gd-style-option:hover,
html[data-gd-theme="openapi_blueprint"] .gd-style-option.selected {
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px #38bdf8, 0 4px 16px rgba(56,189,248,0.4);
}
html[data-gd-theme="openapi_blueprint"] .gd-style-option.selected {
  background: color-mix(in srgb, #38bdf8 12%, #132f42);
}


html[data-gd-theme="openapi_blueprint"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="openapi_blueprint"] ::-webkit-scrollbar-track { background: #061018; }
html[data-gd-theme="openapi_blueprint"] ::-webkit-scrollbar-thumb {
  background: #38bdf888;
  border-radius: 4px;
  border: 2px solid #061018;
}


html[data-gd-theme="openapi_blueprint"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="openapi_blueprint"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="openapi_blueprint"] body > .header,
html[data-gd-theme="openapi_blueprint"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="openapi_blueprint"] body > .popup-overlay,
html[data-gd-theme="openapi_blueprint"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="openapi_blueprint"] body::before {
  background-image:
    linear-gradient(#38bdf820 1px, transparent 1px),
    linear-gradient(90deg, #38bdf820 1px, transparent 1px),
    linear-gradient(#38bdf810 1px, transparent 1px),
    linear-gradient(90deg, #38bdf810 1px, transparent 1px);
  background-size: 80px 80px, 80px 80px, 16px 16px, 16px 16px;
  opacity: 0.55;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: schema_noir
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="schema_noir"] {
  color-scheme: dark;
  --gd-bg: #0a0a0a;
  --gd-bg2: #000000;
  --gd-elevated: #171717;
  --gd-fg: #fafafa;
  --gd-muted: #a3a3a3;
  --gd-accent: #fafafa;
  --gd-accent2: #e5e5e5;
  --gd-danger: #ef4444;
  --gd-border: #525252;
  --gd-header: #0a0a0a;
  --gd-radius: 0px;
  --gd-glow: rgba(255,255,255,0.15);
  --gd-font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --gd-mono: 'SF Mono', monospace;
  --gd-btn-bg: #fafafa;
  --gd-btn-fg: #0a0a0a;
}

html[data-gd-theme="schema_noir"],
html[data-gd-theme="schema_noir"] body {
  background: #0a0a0a !important;
  color: #fafafa !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

html[data-gd-theme="schema_noir"] ::selection {
  background: rgba(255,255,255,0.2);
  color: #fafafa;
}

html[data-gd-theme="schema_noir"] a { color: #fafafa !important; }
html[data-gd-theme="schema_noir"] a:hover { color: #e5e5e5 !important; }

/* Header / chrome */
html[data-gd-theme="schema_noir"] .header,
html[data-gd-theme="schema_noir"] header {
  background: #0a0a0a !important;
  border-bottom-color: #525252 !important;
  color: #fafafa !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="schema_noir"] .logo,
html[data-gd-theme="schema_noir"] .brand,
html[data-gd-theme="schema_noir"] .header .logo {
  color: #fafafa !important;
}
html[data-gd-theme="schema_noir"] .header-links a,
html[data-gd-theme="schema_noir"] .header-title,
html[data-gd-theme="schema_noir"] .user-count,
html[data-gd-theme="schema_noir"] .badge {
  color: #a3a3a3 !important;
}
html[data-gd-theme="schema_noir"] .header-links a:hover { color: #fafafa !important; }

/* Nav */
html[data-gd-theme="schema_noir"] .nav-tab {
  color: #a3a3a3 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="schema_noir"] .nav-tab:hover {
  background: #171717 !important;
  color: #fafafa !important;
}
html[data-gd-theme="schema_noir"] .nav-tab.active {
  background: color-mix(in srgb, #fafafa 22%, transparent) !important;
  color: #fafafa !important;
}

/* Buttons */
html[data-gd-theme="schema_noir"] .btn,
html[data-gd-theme="schema_noir"] .btn-primary,
html[data-gd-theme="schema_noir"] .btn.btn-primary,
html[data-gd-theme="schema_noir"] .hero-btn.primary {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border-radius: 0px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(255,255,255,0.15);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="schema_noir"] .btn-primary:hover,
html[data-gd-theme="schema_noir"] .btn.btn-primary:hover,
html[data-gd-theme="schema_noir"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(255,255,255,0.15);
}
html[data-gd-theme="schema_noir"] .btn-secondary,
html[data-gd-theme="schema_noir"] .hero-btn.secondary,
html[data-gd-theme="schema_noir"] .lang-btn {
  background: color-mix(in srgb, #171717 80%, transparent) !important;
  color: #fafafa !important;
  border: 1px solid #525252 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="schema_noir"] .btn-secondary:hover,
html[data-gd-theme="schema_noir"] .hero-btn.secondary:hover,
html[data-gd-theme="schema_noir"] .lang-btn:hover {
  border-color: #fafafa !important;
  color: #fafafa !important;
}
html[data-gd-theme="schema_noir"] .lang-btn.active {
  background: #fafafa !important;
  border-color: #fafafa !important;
  color: #0a0a0a !important;
}
html[data-gd-theme="schema_noir"] .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
  border-radius: 0px !important;
}

/* Surfaces */
html[data-gd-theme="schema_noir"] .panel,
html[data-gd-theme="schema_noir"] .endpoint,
html[data-gd-theme="schema_noir"] .flow-step,
html[data-gd-theme="schema_noir"] .founder-card,
html[data-gd-theme="schema_noir"] .notification-dropdown,
html[data-gd-theme="schema_noir"] .modal-content,
html[data-gd-theme="schema_noir"] .auth-popup,
html[data-gd-theme="schema_noir"] .chat-login-card,
html[data-gd-theme="schema_noir"] .msg,
html[data-gd-theme="schema_noir"] .code-block,
html[data-gd-theme="schema_noir"] pre,
html[data-gd-theme="schema_noir"] .hc-log,
html[data-gd-theme="schema_noir"] .transcript-view {
  background: #171717 !important;
  border-color: #525252 !important;
  color: #fafafa !important;
  border-radius: 0px !important;
}
html[data-gd-theme="schema_noir"] .panel-header,
html[data-gd-theme="schema_noir"] .endpoint-header,
html[data-gd-theme="schema_noir"] .notification-header {
  background: color-mix(in srgb, #000000 70%, #171717) !important;
  border-color: #525252 !important;
  color: #fafafa !important;
}

/* Chat bubbles */
html[data-gd-theme="schema_noir"] .msg.user {
  background: color-mix(in srgb, #fafafa 22%, #171717) !important;
  border: 1px solid #525252 !important;
}
html[data-gd-theme="schema_noir"] .msg.assistant,
html[data-gd-theme="schema_noir"] .msg.doc {
  background: #171717 !important;
  border: 1px solid #525252 !important;
}

/* Forms */
html[data-gd-theme="schema_noir"] input,
html[data-gd-theme="schema_noir"] textarea,
html[data-gd-theme="schema_noir"] select,
html[data-gd-theme="schema_noir"] .settings-select,
html[data-gd-theme="schema_noir"] .custom-prompt-textarea {
  background: #000000 !important;
  color: #fafafa !important;
  border: 1px solid #525252 !important;
  border-radius: 0px !important;
  font-family: inherit !important;
}
html[data-gd-theme="schema_noir"] input:focus,
html[data-gd-theme="schema_noir"] textarea:focus,
html[data-gd-theme="schema_noir"] select:focus {
  outline: 2px solid #fafafa !important;
  outline-offset: 1px;
  border-color: #fafafa !important;
}
html[data-gd-theme="schema_noir"] input::placeholder,
html[data-gd-theme="schema_noir"] textarea::placeholder {
  color: #a3a3a3 !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="schema_noir"] .settings-group-title {
  color: #a3a3a3 !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="schema_noir"] .settings-label { color: #fafafa !important; }
html[data-gd-theme="schema_noir"] .settings-desc { color: #a3a3a3 !important; }
html[data-gd-theme="schema_noir"] .settings-item { border-bottom-color: #525252 !important; }
html[data-gd-theme="schema_noir"] .settings-toggle {
  background: #000000 !important;
  border: 1px solid #525252;
}
html[data-gd-theme="schema_noir"] .settings-toggle.on {
  background: #fafafa !important;
}

/* Typography helpers */
html[data-gd-theme="schema_noir"] h1, html[data-gd-theme="schema_noir"] h2, html[data-gd-theme="schema_noir"] h3 {
  color: #fafafa !important;
}
html[data-gd-theme="schema_noir"] h2 { color: #fafafa !important; }
html[data-gd-theme="schema_noir"] p, html[data-gd-theme="schema_noir"] .subtitle, html[data-gd-theme="schema_noir"] .profile-empty {
  color: #a3a3a3 !important;
}
html[data-gd-theme="schema_noir"] code, html[data-gd-theme="schema_noir"] .method, html[data-gd-theme="schema_noir"] pre {
  font-family: 'SF Mono', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="schema_noir"] .method.get { background: color-mix(in srgb, #fafafa 30%, transparent) !important; color: #fafafa !important; }
html[data-gd-theme="schema_noir"] .method.post { background: color-mix(in srgb, #e5e5e5 30%, transparent) !important; color: #e5e5e5 !important; }
html[data-gd-theme="schema_noir"] .spec-link {
  background: #171717 !important;
  border-color: #525252 !important;
  color: #fafafa !important;
  border-radius: 0px !important;
}
html[data-gd-theme="schema_noir"] .spec-link:hover {
  border-color: #fafafa !important;
  color: #fafafa !important;
}

/* Stickers board */
html[data-gd-theme="schema_noir"] .area-label,
html[data-gd-theme="schema_noir"] thead th:first-child {
  background: #0a0a0a !important;
  color: #a3a3a3 !important;
}
html[data-gd-theme="schema_noir"] .cell.filled {
  background: color-mix(in srgb, #fafafa 14%, transparent) !important;
}
html[data-gd-theme="schema_noir"] .cell.today-col {
  border-color: #fafafa !important;
}
html[data-gd-theme="schema_noir"] thead th.today-col {
  color: #fafafa !important;
}
html[data-gd-theme="schema_noir"] .header h1 { color: #fafafa !important; }

/* Hero */
html[data-gd-theme="schema_noir"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #fafafa 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: #525252 !important;
}
html[data-gd-theme="schema_noir"] .hero p { color: #a3a3a3 !important; }

/* User chrome */
html[data-gd-theme="schema_noir"] .user-badge {
  background: #171717 !important;
  color: #fafafa !important;
  border: 1px solid #525252;
  border-radius: 0px !important;
}
html[data-gd-theme="schema_noir"] .notification-bell { color: #a3a3a3 !important; }
html[data-gd-theme="schema_noir"] .notification-bell:hover { color: #fafafa !important; }
html[data-gd-theme="schema_noir"] .notification-badge { background: #ef4444 !important; }

/* Starter / misc chips */
html[data-gd-theme="schema_noir"] .starter-btn {
  background: #171717 !important;
  border: 1px solid #525252 !important;
  color: #fafafa !important;
  border-radius: 0px !important;
}
html[data-gd-theme="schema_noir"] .starter-btn:hover {
  border-color: #fafafa !important;
  color: #fafafa !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="schema_noir"] .gd-style-picker {
  border-color: #525252;
}
html[data-gd-theme="schema_noir"] .gd-style-option {
  background: #000000;
  border-color: #525252;
  color: #fafafa;
}
html[data-gd-theme="schema_noir"] .gd-style-option:hover,
html[data-gd-theme="schema_noir"] .gd-style-option.selected {
  border-color: #fafafa;
  box-shadow: 0 0 0 1px #fafafa, 0 4px 16px rgba(255,255,255,0.15);
}
html[data-gd-theme="schema_noir"] .gd-style-option.selected {
  background: color-mix(in srgb, #fafafa 12%, #171717);
}


html[data-gd-theme="schema_noir"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="schema_noir"] ::-webkit-scrollbar-track { background: #000000; }
html[data-gd-theme="schema_noir"] ::-webkit-scrollbar-thumb {
  background: #fafafa88;
  border-radius: 0px;
  border: 2px solid #000000;
}


html[data-gd-theme="schema_noir"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="schema_noir"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="schema_noir"] body > .header,
html[data-gd-theme="schema_noir"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="schema_noir"] body > .popup-overlay,
html[data-gd-theme="schema_noir"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="schema_noir"] body::before { opacity: 0; }


html[data-gd-theme="schema_noir"] .btn-primary, html[data-gd-theme="schema_noir"] .btn.btn-primary {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border: 1px solid #fafafa !important;
}
html[data-gd-theme="schema_noir"] a { text-decoration: underline; text-underline-offset: 3px; }



/* ═══════════════════════════════════════════════════════════════
   Theme: spec_terminal
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="spec_terminal"] {
  color-scheme: dark;
  --gd-bg: #111827;
  --gd-bg2: #030712;
  --gd-elevated: #1f2937;
  --gd-fg: #f3f4f6;
  --gd-muted: #9ca3af;
  --gd-accent: #fbbf24;
  --gd-accent2: #f59e0b;
  --gd-danger: #f87171;
  --gd-border: rgba(251,191,36,0.3);
  --gd-header: linear-gradient(180deg, #1f2937, #111827);
  --gd-radius: 6px;
  --gd-glow: rgba(251,191,36,0.35);
  --gd-font: ui-monospace, 'Cascadia Code', monospace;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #fbbf24;
  --gd-btn-fg: #111827;
}

html[data-gd-theme="spec_terminal"],
html[data-gd-theme="spec_terminal"] body {
  background: #111827 !important;
  color: #f3f4f6 !important;
  font-family: ui-monospace, 'Cascadia Code', monospace !important;
}

html[data-gd-theme="spec_terminal"] ::selection {
  background: rgba(251,191,36,0.3);
  color: #f3f4f6;
}

html[data-gd-theme="spec_terminal"] a { color: #fbbf24 !important; }
html[data-gd-theme="spec_terminal"] a:hover { color: #f59e0b !important; }

/* Header / chrome */
html[data-gd-theme="spec_terminal"] .header,
html[data-gd-theme="spec_terminal"] header {
  background: linear-gradient(180deg, #1f2937, #111827) !important;
  border-bottom-color: rgba(251,191,36,0.3) !important;
  color: #f3f4f6 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="spec_terminal"] .logo,
html[data-gd-theme="spec_terminal"] .brand,
html[data-gd-theme="spec_terminal"] .header .logo {
  color: #fbbf24 !important;
}
html[data-gd-theme="spec_terminal"] .header-links a,
html[data-gd-theme="spec_terminal"] .header-title,
html[data-gd-theme="spec_terminal"] .user-count,
html[data-gd-theme="spec_terminal"] .badge {
  color: #9ca3af !important;
}
html[data-gd-theme="spec_terminal"] .header-links a:hover { color: #fbbf24 !important; }

/* Nav */
html[data-gd-theme="spec_terminal"] .nav-tab {
  color: #9ca3af !important;
  border-radius: 6px !important;
}
html[data-gd-theme="spec_terminal"] .nav-tab:hover {
  background: #1f2937 !important;
  color: #f3f4f6 !important;
}
html[data-gd-theme="spec_terminal"] .nav-tab.active {
  background: color-mix(in srgb, #fbbf24 22%, transparent) !important;
  color: #fbbf24 !important;
}

/* Buttons */
html[data-gd-theme="spec_terminal"] .btn,
html[data-gd-theme="spec_terminal"] .btn-primary,
html[data-gd-theme="spec_terminal"] .btn.btn-primary,
html[data-gd-theme="spec_terminal"] .hero-btn.primary {
  background: #fbbf24 !important;
  color: #111827 !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(251,191,36,0.35);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="spec_terminal"] .btn-primary:hover,
html[data-gd-theme="spec_terminal"] .btn.btn-primary:hover,
html[data-gd-theme="spec_terminal"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(251,191,36,0.35);
}
html[data-gd-theme="spec_terminal"] .btn-secondary,
html[data-gd-theme="spec_terminal"] .hero-btn.secondary,
html[data-gd-theme="spec_terminal"] .lang-btn {
  background: color-mix(in srgb, #1f2937 80%, transparent) !important;
  color: #f3f4f6 !important;
  border: 1px solid rgba(251,191,36,0.3) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="spec_terminal"] .btn-secondary:hover,
html[data-gd-theme="spec_terminal"] .hero-btn.secondary:hover,
html[data-gd-theme="spec_terminal"] .lang-btn:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}
html[data-gd-theme="spec_terminal"] .lang-btn.active {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #111827 !important;
}
html[data-gd-theme="spec_terminal"] .btn-danger {
  background: #f87171 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* Surfaces */
html[data-gd-theme="spec_terminal"] .panel,
html[data-gd-theme="spec_terminal"] .endpoint,
html[data-gd-theme="spec_terminal"] .flow-step,
html[data-gd-theme="spec_terminal"] .founder-card,
html[data-gd-theme="spec_terminal"] .notification-dropdown,
html[data-gd-theme="spec_terminal"] .modal-content,
html[data-gd-theme="spec_terminal"] .auth-popup,
html[data-gd-theme="spec_terminal"] .chat-login-card,
html[data-gd-theme="spec_terminal"] .msg,
html[data-gd-theme="spec_terminal"] .code-block,
html[data-gd-theme="spec_terminal"] pre,
html[data-gd-theme="spec_terminal"] .hc-log,
html[data-gd-theme="spec_terminal"] .transcript-view {
  background: #1f2937 !important;
  border-color: rgba(251,191,36,0.3) !important;
  color: #f3f4f6 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="spec_terminal"] .panel-header,
html[data-gd-theme="spec_terminal"] .endpoint-header,
html[data-gd-theme="spec_terminal"] .notification-header {
  background: color-mix(in srgb, #030712 70%, #1f2937) !important;
  border-color: rgba(251,191,36,0.3) !important;
  color: #f3f4f6 !important;
}

/* Chat bubbles */
html[data-gd-theme="spec_terminal"] .msg.user {
  background: color-mix(in srgb, #fbbf24 22%, #1f2937) !important;
  border: 1px solid rgba(251,191,36,0.3) !important;
}
html[data-gd-theme="spec_terminal"] .msg.assistant,
html[data-gd-theme="spec_terminal"] .msg.doc {
  background: #1f2937 !important;
  border: 1px solid rgba(251,191,36,0.3) !important;
}

/* Forms */
html[data-gd-theme="spec_terminal"] input,
html[data-gd-theme="spec_terminal"] textarea,
html[data-gd-theme="spec_terminal"] select,
html[data-gd-theme="spec_terminal"] .settings-select,
html[data-gd-theme="spec_terminal"] .custom-prompt-textarea {
  background: #030712 !important;
  color: #f3f4f6 !important;
  border: 1px solid rgba(251,191,36,0.3) !important;
  border-radius: 6px !important;
  font-family: inherit !important;
}
html[data-gd-theme="spec_terminal"] input:focus,
html[data-gd-theme="spec_terminal"] textarea:focus,
html[data-gd-theme="spec_terminal"] select:focus {
  outline: 2px solid #fbbf24 !important;
  outline-offset: 1px;
  border-color: #fbbf24 !important;
}
html[data-gd-theme="spec_terminal"] input::placeholder,
html[data-gd-theme="spec_terminal"] textarea::placeholder {
  color: #9ca3af !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="spec_terminal"] .settings-group-title {
  color: #9ca3af !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="spec_terminal"] .settings-label { color: #f3f4f6 !important; }
html[data-gd-theme="spec_terminal"] .settings-desc { color: #9ca3af !important; }
html[data-gd-theme="spec_terminal"] .settings-item { border-bottom-color: rgba(251,191,36,0.3) !important; }
html[data-gd-theme="spec_terminal"] .settings-toggle {
  background: #030712 !important;
  border: 1px solid rgba(251,191,36,0.3);
}
html[data-gd-theme="spec_terminal"] .settings-toggle.on {
  background: #fbbf24 !important;
}

/* Typography helpers */
html[data-gd-theme="spec_terminal"] h1, html[data-gd-theme="spec_terminal"] h2, html[data-gd-theme="spec_terminal"] h3 {
  color: #fbbf24 !important;
}
html[data-gd-theme="spec_terminal"] h2 { color: #fbbf24 !important; }
html[data-gd-theme="spec_terminal"] p, html[data-gd-theme="spec_terminal"] .subtitle, html[data-gd-theme="spec_terminal"] .profile-empty {
  color: #9ca3af !important;
}
html[data-gd-theme="spec_terminal"] code, html[data-gd-theme="spec_terminal"] .method, html[data-gd-theme="spec_terminal"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="spec_terminal"] .method.get { background: color-mix(in srgb, #fbbf24 30%, transparent) !important; color: #fbbf24 !important; }
html[data-gd-theme="spec_terminal"] .method.post { background: color-mix(in srgb, #f59e0b 30%, transparent) !important; color: #f59e0b !important; }
html[data-gd-theme="spec_terminal"] .spec-link {
  background: #1f2937 !important;
  border-color: rgba(251,191,36,0.3) !important;
  color: #f3f4f6 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="spec_terminal"] .spec-link:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}

/* Stickers board */
html[data-gd-theme="spec_terminal"] .area-label,
html[data-gd-theme="spec_terminal"] thead th:first-child {
  background: #111827 !important;
  color: #9ca3af !important;
}
html[data-gd-theme="spec_terminal"] .cell.filled {
  background: color-mix(in srgb, #fbbf24 14%, transparent) !important;
}
html[data-gd-theme="spec_terminal"] .cell.today-col {
  border-color: #fbbf24 !important;
}
html[data-gd-theme="spec_terminal"] thead th.today-col {
  color: #fbbf24 !important;
}
html[data-gd-theme="spec_terminal"] .header h1 { color: #fbbf24 !important; }

/* Hero */
html[data-gd-theme="spec_terminal"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #fbbf24 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(251,191,36,0.3) !important;
}
html[data-gd-theme="spec_terminal"] .hero p { color: #9ca3af !important; }

/* User chrome */
html[data-gd-theme="spec_terminal"] .user-badge {
  background: #1f2937 !important;
  color: #f3f4f6 !important;
  border: 1px solid rgba(251,191,36,0.3);
  border-radius: 6px !important;
}
html[data-gd-theme="spec_terminal"] .notification-bell { color: #9ca3af !important; }
html[data-gd-theme="spec_terminal"] .notification-bell:hover { color: #f3f4f6 !important; }
html[data-gd-theme="spec_terminal"] .notification-badge { background: #f87171 !important; }

/* Starter / misc chips */
html[data-gd-theme="spec_terminal"] .starter-btn {
  background: #1f2937 !important;
  border: 1px solid rgba(251,191,36,0.3) !important;
  color: #f3f4f6 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="spec_terminal"] .starter-btn:hover {
  border-color: #fbbf24 !important;
  color: #fbbf24 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="spec_terminal"] .gd-style-picker {
  border-color: rgba(251,191,36,0.3);
}
html[data-gd-theme="spec_terminal"] .gd-style-option {
  background: #030712;
  border-color: rgba(251,191,36,0.3);
  color: #f3f4f6;
}
html[data-gd-theme="spec_terminal"] .gd-style-option:hover,
html[data-gd-theme="spec_terminal"] .gd-style-option.selected {
  border-color: #fbbf24;
  box-shadow: 0 0 0 1px #fbbf24, 0 4px 16px rgba(251,191,36,0.35);
}
html[data-gd-theme="spec_terminal"] .gd-style-option.selected {
  background: color-mix(in srgb, #fbbf24 12%, #1f2937);
}


html[data-gd-theme="spec_terminal"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="spec_terminal"] ::-webkit-scrollbar-track { background: #030712; }
html[data-gd-theme="spec_terminal"] ::-webkit-scrollbar-thumb {
  background: #fbbf2488;
  border-radius: 6px;
  border: 2px solid #030712;
}


html[data-gd-theme="spec_terminal"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="spec_terminal"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="spec_terminal"] body > .header,
html[data-gd-theme="spec_terminal"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="spec_terminal"] body > .popup-overlay,
html[data-gd-theme="spec_terminal"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="spec_terminal"] body::before {
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.18) 2px,
    rgba(0,0,0,0.18) 4px
  );
  opacity: 0.55;
}
html[data-gd-theme="spec_terminal"] body {
  text-shadow: 0 0 6px #fbbf2488, 0 0 1px #fbbf24;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: courier_manual
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="courier_manual"] {
  color-scheme: light;
  --gd-bg: #f5f0e6;
  --gd-bg2: #ebe4d4;
  --gd-elevated: #fffcf5;
  --gd-fg: #1f2937;
  --gd-muted: #57534e;
  --gd-accent: #991b1b;
  --gd-accent2: #b91c1c;
  --gd-danger: #7f1d1d;
  --gd-border: rgba(31,41,55,0.25);
  --gd-header: linear-gradient(180deg, #fffcf5, #f5f0e6);
  --gd-radius: 2px;
  --gd-glow: rgba(153,27,27,0.25);
  --gd-font: 'Courier New', Courier, monospace;
  --gd-mono: 'Courier New', monospace;
  --gd-btn-bg: #991b1b;
  --gd-btn-fg: #f5f0e6;
}

html[data-gd-theme="courier_manual"],
html[data-gd-theme="courier_manual"] body {
  background: #f5f0e6 !important;
  color: #1f2937 !important;
  font-family: 'Courier New', Courier, monospace !important;
}

html[data-gd-theme="courier_manual"] ::selection {
  background: rgba(153,27,27,0.15);
  color: #1f2937;
}

html[data-gd-theme="courier_manual"] a { color: #991b1b !important; }
html[data-gd-theme="courier_manual"] a:hover { color: #b91c1c !important; }

/* Header / chrome */
html[data-gd-theme="courier_manual"] .header,
html[data-gd-theme="courier_manual"] header {
  background: linear-gradient(180deg, #fffcf5, #f5f0e6) !important;
  border-bottom-color: rgba(31,41,55,0.25) !important;
  color: #1f2937 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="courier_manual"] .logo,
html[data-gd-theme="courier_manual"] .brand,
html[data-gd-theme="courier_manual"] .header .logo {
  color: #991b1b !important;
}
html[data-gd-theme="courier_manual"] .header-links a,
html[data-gd-theme="courier_manual"] .header-title,
html[data-gd-theme="courier_manual"] .user-count,
html[data-gd-theme="courier_manual"] .badge {
  color: #57534e !important;
}
html[data-gd-theme="courier_manual"] .header-links a:hover { color: #991b1b !important; }

/* Nav */
html[data-gd-theme="courier_manual"] .nav-tab {
  color: #57534e !important;
  border-radius: 2px !important;
}
html[data-gd-theme="courier_manual"] .nav-tab:hover {
  background: #fffcf5 !important;
  color: #1f2937 !important;
}
html[data-gd-theme="courier_manual"] .nav-tab.active {
  background: color-mix(in srgb, #991b1b 22%, transparent) !important;
  color: #991b1b !important;
}

/* Buttons */
html[data-gd-theme="courier_manual"] .btn,
html[data-gd-theme="courier_manual"] .btn-primary,
html[data-gd-theme="courier_manual"] .btn.btn-primary,
html[data-gd-theme="courier_manual"] .hero-btn.primary {
  background: #991b1b !important;
  color: #f5f0e6 !important;
  border-radius: 2px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(153,27,27,0.25);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="courier_manual"] .btn-primary:hover,
html[data-gd-theme="courier_manual"] .btn.btn-primary:hover,
html[data-gd-theme="courier_manual"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(153,27,27,0.25);
}
html[data-gd-theme="courier_manual"] .btn-secondary,
html[data-gd-theme="courier_manual"] .hero-btn.secondary,
html[data-gd-theme="courier_manual"] .lang-btn {
  background: color-mix(in srgb, #fffcf5 80%, transparent) !important;
  color: #1f2937 !important;
  border: 1px solid rgba(31,41,55,0.25) !important;
  border-radius: 2px !important;
}
html[data-gd-theme="courier_manual"] .btn-secondary:hover,
html[data-gd-theme="courier_manual"] .hero-btn.secondary:hover,
html[data-gd-theme="courier_manual"] .lang-btn:hover {
  border-color: #991b1b !important;
  color: #991b1b !important;
}
html[data-gd-theme="courier_manual"] .lang-btn.active {
  background: #991b1b !important;
  border-color: #991b1b !important;
  color: #f5f0e6 !important;
}
html[data-gd-theme="courier_manual"] .btn-danger {
  background: #7f1d1d !important;
  color: #fff !important;
  border-radius: 2px !important;
}

/* Surfaces */
html[data-gd-theme="courier_manual"] .panel,
html[data-gd-theme="courier_manual"] .endpoint,
html[data-gd-theme="courier_manual"] .flow-step,
html[data-gd-theme="courier_manual"] .founder-card,
html[data-gd-theme="courier_manual"] .notification-dropdown,
html[data-gd-theme="courier_manual"] .modal-content,
html[data-gd-theme="courier_manual"] .auth-popup,
html[data-gd-theme="courier_manual"] .chat-login-card,
html[data-gd-theme="courier_manual"] .msg,
html[data-gd-theme="courier_manual"] .code-block,
html[data-gd-theme="courier_manual"] pre,
html[data-gd-theme="courier_manual"] .hc-log,
html[data-gd-theme="courier_manual"] .transcript-view {
  background: #fffcf5 !important;
  border-color: rgba(31,41,55,0.25) !important;
  color: #1f2937 !important;
  border-radius: 2px !important;
}
html[data-gd-theme="courier_manual"] .panel-header,
html[data-gd-theme="courier_manual"] .endpoint-header,
html[data-gd-theme="courier_manual"] .notification-header {
  background: color-mix(in srgb, #ebe4d4 70%, #fffcf5) !important;
  border-color: rgba(31,41,55,0.25) !important;
  color: #1f2937 !important;
}

/* Chat bubbles */
html[data-gd-theme="courier_manual"] .msg.user {
  background: color-mix(in srgb, #991b1b 22%, #fffcf5) !important;
  border: 1px solid rgba(31,41,55,0.25) !important;
}
html[data-gd-theme="courier_manual"] .msg.assistant,
html[data-gd-theme="courier_manual"] .msg.doc {
  background: #fffcf5 !important;
  border: 1px solid rgba(31,41,55,0.25) !important;
}

/* Forms */
html[data-gd-theme="courier_manual"] input,
html[data-gd-theme="courier_manual"] textarea,
html[data-gd-theme="courier_manual"] select,
html[data-gd-theme="courier_manual"] .settings-select,
html[data-gd-theme="courier_manual"] .custom-prompt-textarea {
  background: #ebe4d4 !important;
  color: #1f2937 !important;
  border: 1px solid rgba(31,41,55,0.25) !important;
  border-radius: 2px !important;
  font-family: inherit !important;
}
html[data-gd-theme="courier_manual"] input:focus,
html[data-gd-theme="courier_manual"] textarea:focus,
html[data-gd-theme="courier_manual"] select:focus {
  outline: 2px solid #991b1b !important;
  outline-offset: 1px;
  border-color: #991b1b !important;
}
html[data-gd-theme="courier_manual"] input::placeholder,
html[data-gd-theme="courier_manual"] textarea::placeholder {
  color: #57534e !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="courier_manual"] .settings-group-title {
  color: #57534e !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="courier_manual"] .settings-label { color: #1f2937 !important; }
html[data-gd-theme="courier_manual"] .settings-desc { color: #57534e !important; }
html[data-gd-theme="courier_manual"] .settings-item { border-bottom-color: rgba(31,41,55,0.25) !important; }
html[data-gd-theme="courier_manual"] .settings-toggle {
  background: #ebe4d4 !important;
  border: 1px solid rgba(31,41,55,0.25);
}
html[data-gd-theme="courier_manual"] .settings-toggle.on {
  background: #991b1b !important;
}

/* Typography helpers */
html[data-gd-theme="courier_manual"] h1, html[data-gd-theme="courier_manual"] h2, html[data-gd-theme="courier_manual"] h3 {
  color: #1f2937 !important;
}
html[data-gd-theme="courier_manual"] h2 { color: #991b1b !important; }
html[data-gd-theme="courier_manual"] p, html[data-gd-theme="courier_manual"] .subtitle, html[data-gd-theme="courier_manual"] .profile-empty {
  color: #57534e !important;
}
html[data-gd-theme="courier_manual"] code, html[data-gd-theme="courier_manual"] .method, html[data-gd-theme="courier_manual"] pre {
  font-family: 'Courier New', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="courier_manual"] .method.get { background: color-mix(in srgb, #991b1b 30%, transparent) !important; color: #991b1b !important; }
html[data-gd-theme="courier_manual"] .method.post { background: color-mix(in srgb, #b91c1c 30%, transparent) !important; color: #b91c1c !important; }
html[data-gd-theme="courier_manual"] .spec-link {
  background: #fffcf5 !important;
  border-color: rgba(31,41,55,0.25) !important;
  color: #1f2937 !important;
  border-radius: 2px !important;
}
html[data-gd-theme="courier_manual"] .spec-link:hover {
  border-color: #991b1b !important;
  color: #991b1b !important;
}

/* Stickers board */
html[data-gd-theme="courier_manual"] .area-label,
html[data-gd-theme="courier_manual"] thead th:first-child {
  background: #f5f0e6 !important;
  color: #57534e !important;
}
html[data-gd-theme="courier_manual"] .cell.filled {
  background: color-mix(in srgb, #991b1b 14%, transparent) !important;
}
html[data-gd-theme="courier_manual"] .cell.today-col {
  border-color: #991b1b !important;
}
html[data-gd-theme="courier_manual"] thead th.today-col {
  color: #991b1b !important;
}
html[data-gd-theme="courier_manual"] .header h1 { color: #991b1b !important; }

/* Hero */
html[data-gd-theme="courier_manual"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #991b1b 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(31,41,55,0.25) !important;
}
html[data-gd-theme="courier_manual"] .hero p { color: #57534e !important; }

/* User chrome */
html[data-gd-theme="courier_manual"] .user-badge {
  background: #fffcf5 !important;
  color: #1f2937 !important;
  border: 1px solid rgba(31,41,55,0.25);
  border-radius: 2px !important;
}
html[data-gd-theme="courier_manual"] .notification-bell { color: #57534e !important; }
html[data-gd-theme="courier_manual"] .notification-bell:hover { color: #1f2937 !important; }
html[data-gd-theme="courier_manual"] .notification-badge { background: #7f1d1d !important; }

/* Starter / misc chips */
html[data-gd-theme="courier_manual"] .starter-btn {
  background: #fffcf5 !important;
  border: 1px solid rgba(31,41,55,0.25) !important;
  color: #1f2937 !important;
  border-radius: 2px !important;
}
html[data-gd-theme="courier_manual"] .starter-btn:hover {
  border-color: #991b1b !important;
  color: #991b1b !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="courier_manual"] .gd-style-picker {
  border-color: rgba(31,41,55,0.25);
}
html[data-gd-theme="courier_manual"] .gd-style-option {
  background: #ebe4d4;
  border-color: rgba(31,41,55,0.25);
  color: #1f2937;
}
html[data-gd-theme="courier_manual"] .gd-style-option:hover,
html[data-gd-theme="courier_manual"] .gd-style-option.selected {
  border-color: #991b1b;
  box-shadow: 0 0 0 1px #991b1b, 0 4px 16px rgba(153,27,27,0.25);
}
html[data-gd-theme="courier_manual"] .gd-style-option.selected {
  background: color-mix(in srgb, #991b1b 12%, #fffcf5);
}


html[data-gd-theme="courier_manual"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="courier_manual"] ::-webkit-scrollbar-track { background: #ebe4d4; }
html[data-gd-theme="courier_manual"] ::-webkit-scrollbar-thumb {
  background: #991b1b88;
  border-radius: 2px;
  border: 2px solid #ebe4d4;
}


html[data-gd-theme="courier_manual"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="courier_manual"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="courier_manual"] body > .header,
html[data-gd-theme="courier_manual"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="courier_manual"] body > .popup-overlay,
html[data-gd-theme="courier_manual"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="courier_manual"] body::before {
  background-image:
    linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px);
  background-size: 100% 1.6em;
  opacity: 0.8;
}


html[data-gd-theme="courier_manual"] .badge, html[data-gd-theme="courier_manual"] .method {
  border: 2px solid #991b1b !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: grid_reference
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="grid_reference"] {
  color-scheme: light;
  --gd-bg: #ffffff;
  --gd-bg2: #f5f5f5;
  --gd-elevated: #ffffff;
  --gd-fg: #000000;
  --gd-muted: #525252;
  --gd-accent: #2563eb;
  --gd-accent2: #1d4ed8;
  --gd-danger: #dc2626;
  --gd-border: #000000;
  --gd-header: #ffffff;
  --gd-radius: 0px;
  --gd-glow: rgba(37,99,235,0.2);
  --gd-font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #2563eb;
  --gd-btn-fg: #ffffff;
}

html[data-gd-theme="grid_reference"],
html[data-gd-theme="grid_reference"] body {
  background: #ffffff !important;
  color: #000000 !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

html[data-gd-theme="grid_reference"] ::selection {
  background: rgba(37,99,235,0.2);
  color: #000000;
}

html[data-gd-theme="grid_reference"] a { color: #2563eb !important; }
html[data-gd-theme="grid_reference"] a:hover { color: #1d4ed8 !important; }

/* Header / chrome */
html[data-gd-theme="grid_reference"] .header,
html[data-gd-theme="grid_reference"] header {
  background: #ffffff !important;
  border-bottom-color: #000000 !important;
  color: #000000 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="grid_reference"] .logo,
html[data-gd-theme="grid_reference"] .brand,
html[data-gd-theme="grid_reference"] .header .logo {
  color: #2563eb !important;
}
html[data-gd-theme="grid_reference"] .header-links a,
html[data-gd-theme="grid_reference"] .header-title,
html[data-gd-theme="grid_reference"] .user-count,
html[data-gd-theme="grid_reference"] .badge {
  color: #525252 !important;
}
html[data-gd-theme="grid_reference"] .header-links a:hover { color: #2563eb !important; }

/* Nav */
html[data-gd-theme="grid_reference"] .nav-tab {
  color: #525252 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="grid_reference"] .nav-tab:hover {
  background: #ffffff !important;
  color: #000000 !important;
}
html[data-gd-theme="grid_reference"] .nav-tab.active {
  background: color-mix(in srgb, #2563eb 22%, transparent) !important;
  color: #2563eb !important;
}

/* Buttons */
html[data-gd-theme="grid_reference"] .btn,
html[data-gd-theme="grid_reference"] .btn-primary,
html[data-gd-theme="grid_reference"] .btn.btn-primary,
html[data-gd-theme="grid_reference"] .hero-btn.primary {
  background: #2563eb !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(37,99,235,0.2);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="grid_reference"] .btn-primary:hover,
html[data-gd-theme="grid_reference"] .btn.btn-primary:hover,
html[data-gd-theme="grid_reference"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(37,99,235,0.2);
}
html[data-gd-theme="grid_reference"] .btn-secondary,
html[data-gd-theme="grid_reference"] .hero-btn.secondary,
html[data-gd-theme="grid_reference"] .lang-btn {
  background: color-mix(in srgb, #ffffff 80%, transparent) !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="grid_reference"] .btn-secondary:hover,
html[data-gd-theme="grid_reference"] .hero-btn.secondary:hover,
html[data-gd-theme="grid_reference"] .lang-btn:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
}
html[data-gd-theme="grid_reference"] .lang-btn.active {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}
html[data-gd-theme="grid_reference"] .btn-danger {
  background: #dc2626 !important;
  color: #fff !important;
  border-radius: 0px !important;
}

/* Surfaces */
html[data-gd-theme="grid_reference"] .panel,
html[data-gd-theme="grid_reference"] .endpoint,
html[data-gd-theme="grid_reference"] .flow-step,
html[data-gd-theme="grid_reference"] .founder-card,
html[data-gd-theme="grid_reference"] .notification-dropdown,
html[data-gd-theme="grid_reference"] .modal-content,
html[data-gd-theme="grid_reference"] .auth-popup,
html[data-gd-theme="grid_reference"] .chat-login-card,
html[data-gd-theme="grid_reference"] .msg,
html[data-gd-theme="grid_reference"] .code-block,
html[data-gd-theme="grid_reference"] pre,
html[data-gd-theme="grid_reference"] .hc-log,
html[data-gd-theme="grid_reference"] .transcript-view {
  background: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="grid_reference"] .panel-header,
html[data-gd-theme="grid_reference"] .endpoint-header,
html[data-gd-theme="grid_reference"] .notification-header {
  background: color-mix(in srgb, #f5f5f5 70%, #ffffff) !important;
  border-color: #000000 !important;
  color: #000000 !important;
}

/* Chat bubbles */
html[data-gd-theme="grid_reference"] .msg.user {
  background: color-mix(in srgb, #2563eb 22%, #ffffff) !important;
  border: 1px solid #000000 !important;
}
html[data-gd-theme="grid_reference"] .msg.assistant,
html[data-gd-theme="grid_reference"] .msg.doc {
  background: #ffffff !important;
  border: 1px solid #000000 !important;
}

/* Forms */
html[data-gd-theme="grid_reference"] input,
html[data-gd-theme="grid_reference"] textarea,
html[data-gd-theme="grid_reference"] select,
html[data-gd-theme="grid_reference"] .settings-select,
html[data-gd-theme="grid_reference"] .custom-prompt-textarea {
  background: #f5f5f5 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  border-radius: 0px !important;
  font-family: inherit !important;
}
html[data-gd-theme="grid_reference"] input:focus,
html[data-gd-theme="grid_reference"] textarea:focus,
html[data-gd-theme="grid_reference"] select:focus {
  outline: 2px solid #2563eb !important;
  outline-offset: 1px;
  border-color: #2563eb !important;
}
html[data-gd-theme="grid_reference"] input::placeholder,
html[data-gd-theme="grid_reference"] textarea::placeholder {
  color: #525252 !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="grid_reference"] .settings-group-title {
  color: #525252 !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="grid_reference"] .settings-label { color: #000000 !important; }
html[data-gd-theme="grid_reference"] .settings-desc { color: #525252 !important; }
html[data-gd-theme="grid_reference"] .settings-item { border-bottom-color: #000000 !important; }
html[data-gd-theme="grid_reference"] .settings-toggle {
  background: #f5f5f5 !important;
  border: 1px solid #000000;
}
html[data-gd-theme="grid_reference"] .settings-toggle.on {
  background: #2563eb !important;
}

/* Typography helpers */
html[data-gd-theme="grid_reference"] h1, html[data-gd-theme="grid_reference"] h2, html[data-gd-theme="grid_reference"] h3 {
  color: #000000 !important;
}
html[data-gd-theme="grid_reference"] h2 { color: #2563eb !important; }
html[data-gd-theme="grid_reference"] p, html[data-gd-theme="grid_reference"] .subtitle, html[data-gd-theme="grid_reference"] .profile-empty {
  color: #525252 !important;
}
html[data-gd-theme="grid_reference"] code, html[data-gd-theme="grid_reference"] .method, html[data-gd-theme="grid_reference"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="grid_reference"] .method.get { background: color-mix(in srgb, #2563eb 30%, transparent) !important; color: #2563eb !important; }
html[data-gd-theme="grid_reference"] .method.post { background: color-mix(in srgb, #1d4ed8 30%, transparent) !important; color: #1d4ed8 !important; }
html[data-gd-theme="grid_reference"] .spec-link {
  background: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="grid_reference"] .spec-link:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
}

/* Stickers board */
html[data-gd-theme="grid_reference"] .area-label,
html[data-gd-theme="grid_reference"] thead th:first-child {
  background: #ffffff !important;
  color: #525252 !important;
}
html[data-gd-theme="grid_reference"] .cell.filled {
  background: color-mix(in srgb, #2563eb 14%, transparent) !important;
}
html[data-gd-theme="grid_reference"] .cell.today-col {
  border-color: #2563eb !important;
}
html[data-gd-theme="grid_reference"] thead th.today-col {
  color: #2563eb !important;
}
html[data-gd-theme="grid_reference"] .header h1 { color: #2563eb !important; }

/* Hero */
html[data-gd-theme="grid_reference"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #2563eb 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: #000000 !important;
}
html[data-gd-theme="grid_reference"] .hero p { color: #525252 !important; }

/* User chrome */
html[data-gd-theme="grid_reference"] .user-badge {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #000000;
  border-radius: 0px !important;
}
html[data-gd-theme="grid_reference"] .notification-bell { color: #525252 !important; }
html[data-gd-theme="grid_reference"] .notification-bell:hover { color: #000000 !important; }
html[data-gd-theme="grid_reference"] .notification-badge { background: #dc2626 !important; }

/* Starter / misc chips */
html[data-gd-theme="grid_reference"] .starter-btn {
  background: #ffffff !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
  border-radius: 0px !important;
}
html[data-gd-theme="grid_reference"] .starter-btn:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="grid_reference"] .gd-style-picker {
  border-color: #000000;
}
html[data-gd-theme="grid_reference"] .gd-style-option {
  background: #f5f5f5;
  border-color: #000000;
  color: #000000;
}
html[data-gd-theme="grid_reference"] .gd-style-option:hover,
html[data-gd-theme="grid_reference"] .gd-style-option.selected {
  border-color: #2563eb;
  box-shadow: 0 0 0 1px #2563eb, 0 4px 16px rgba(37,99,235,0.2);
}
html[data-gd-theme="grid_reference"] .gd-style-option.selected {
  background: color-mix(in srgb, #2563eb 12%, #ffffff);
}


html[data-gd-theme="grid_reference"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="grid_reference"] ::-webkit-scrollbar-track { background: #f5f5f5; }
html[data-gd-theme="grid_reference"] ::-webkit-scrollbar-thumb {
  background: #2563eb88;
  border-radius: 0px;
  border: 2px solid #f5f5f5;
}


html[data-gd-theme="grid_reference"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="grid_reference"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="grid_reference"] body > .header,
html[data-gd-theme="grid_reference"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="grid_reference"] body > .popup-overlay,
html[data-gd-theme="grid_reference"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="grid_reference"] body::before {
  background: linear-gradient(90deg, #2563eb 0 4px, transparent 4px);
  opacity: 0.15;
  width: 100%;
}
html[data-gd-theme="grid_reference"] h1, html[data-gd-theme="grid_reference"] h2 {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 800;
}


html[data-gd-theme="grid_reference"] .btn, html[data-gd-theme="grid_reference"] .btn-primary {
  border-radius: 0 !important;
  border: 2px solid #000 !important;
}
html[data-gd-theme="grid_reference"] .header {
  border-bottom: 3px solid #000 !important;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: scrapbook_pastel
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="scrapbook_pastel"] {
  color-scheme: light;
  --gd-bg: #fff7ed;
  --gd-bg2: #ffedd5;
  --gd-elevated: #ffffff;
  --gd-fg: #431407;
  --gd-muted: #9a3412;
  --gd-accent: #fb7185;
  --gd-accent2: #a78bfa;
  --gd-danger: #e11d48;
  --gd-border: rgba(251,113,133,0.35);
  --gd-header: linear-gradient(90deg, #fecdd3, #ddd6fe, #a5f3fc);
  --gd-radius: 16px;
  --gd-glow: rgba(251,113,133,0.35);
  --gd-font: 'Nunito', 'Segoe UI', sans-serif;
  --gd-mono: monospace;
  --gd-btn-bg: #fb7185;
  --gd-btn-fg: #ffffff;
}

html[data-gd-theme="scrapbook_pastel"],
html[data-gd-theme="scrapbook_pastel"] body {
  background: #fff7ed !important;
  color: #431407 !important;
  font-family: 'Nunito', 'Segoe UI', sans-serif !important;
}

html[data-gd-theme="scrapbook_pastel"] ::selection {
  background: rgba(167,139,250,0.3);
  color: #431407;
}

html[data-gd-theme="scrapbook_pastel"] a { color: #fb7185 !important; }
html[data-gd-theme="scrapbook_pastel"] a:hover { color: #a78bfa !important; }

/* Header / chrome */
html[data-gd-theme="scrapbook_pastel"] .header,
html[data-gd-theme="scrapbook_pastel"] header {
  background: linear-gradient(90deg, #fecdd3, #ddd6fe, #a5f3fc) !important;
  border-bottom-color: rgba(251,113,133,0.35) !important;
  color: #431407 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="scrapbook_pastel"] .logo,
html[data-gd-theme="scrapbook_pastel"] .brand,
html[data-gd-theme="scrapbook_pastel"] .header .logo {
  color: #fb7185 !important;
}
html[data-gd-theme="scrapbook_pastel"] .header-links a,
html[data-gd-theme="scrapbook_pastel"] .header-title,
html[data-gd-theme="scrapbook_pastel"] .user-count,
html[data-gd-theme="scrapbook_pastel"] .badge {
  color: #9a3412 !important;
}
html[data-gd-theme="scrapbook_pastel"] .header-links a:hover { color: #fb7185 !important; }

/* Nav */
html[data-gd-theme="scrapbook_pastel"] .nav-tab {
  color: #9a3412 !important;
  border-radius: 16px !important;
}
html[data-gd-theme="scrapbook_pastel"] .nav-tab:hover {
  background: #ffffff !important;
  color: #431407 !important;
}
html[data-gd-theme="scrapbook_pastel"] .nav-tab.active {
  background: color-mix(in srgb, #fb7185 22%, transparent) !important;
  color: #fb7185 !important;
}

/* Buttons */
html[data-gd-theme="scrapbook_pastel"] .btn,
html[data-gd-theme="scrapbook_pastel"] .btn-primary,
html[data-gd-theme="scrapbook_pastel"] .btn.btn-primary,
html[data-gd-theme="scrapbook_pastel"] .hero-btn.primary {
  background: #fb7185 !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(251,113,133,0.35);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="scrapbook_pastel"] .btn-primary:hover,
html[data-gd-theme="scrapbook_pastel"] .btn.btn-primary:hover,
html[data-gd-theme="scrapbook_pastel"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(251,113,133,0.35);
}
html[data-gd-theme="scrapbook_pastel"] .btn-secondary,
html[data-gd-theme="scrapbook_pastel"] .hero-btn.secondary,
html[data-gd-theme="scrapbook_pastel"] .lang-btn {
  background: color-mix(in srgb, #ffffff 80%, transparent) !important;
  color: #431407 !important;
  border: 1px solid rgba(251,113,133,0.35) !important;
  border-radius: 16px !important;
}
html[data-gd-theme="scrapbook_pastel"] .btn-secondary:hover,
html[data-gd-theme="scrapbook_pastel"] .hero-btn.secondary:hover,
html[data-gd-theme="scrapbook_pastel"] .lang-btn:hover {
  border-color: #fb7185 !important;
  color: #fb7185 !important;
}
html[data-gd-theme="scrapbook_pastel"] .lang-btn.active {
  background: #fb7185 !important;
  border-color: #fb7185 !important;
  color: #ffffff !important;
}
html[data-gd-theme="scrapbook_pastel"] .btn-danger {
  background: #e11d48 !important;
  color: #fff !important;
  border-radius: 16px !important;
}

/* Surfaces */
html[data-gd-theme="scrapbook_pastel"] .panel,
html[data-gd-theme="scrapbook_pastel"] .endpoint,
html[data-gd-theme="scrapbook_pastel"] .flow-step,
html[data-gd-theme="scrapbook_pastel"] .founder-card,
html[data-gd-theme="scrapbook_pastel"] .notification-dropdown,
html[data-gd-theme="scrapbook_pastel"] .modal-content,
html[data-gd-theme="scrapbook_pastel"] .auth-popup,
html[data-gd-theme="scrapbook_pastel"] .chat-login-card,
html[data-gd-theme="scrapbook_pastel"] .msg,
html[data-gd-theme="scrapbook_pastel"] .code-block,
html[data-gd-theme="scrapbook_pastel"] pre,
html[data-gd-theme="scrapbook_pastel"] .hc-log,
html[data-gd-theme="scrapbook_pastel"] .transcript-view {
  background: #ffffff !important;
  border-color: rgba(251,113,133,0.35) !important;
  color: #431407 !important;
  border-radius: 16px !important;
}
html[data-gd-theme="scrapbook_pastel"] .panel-header,
html[data-gd-theme="scrapbook_pastel"] .endpoint-header,
html[data-gd-theme="scrapbook_pastel"] .notification-header {
  background: color-mix(in srgb, #ffedd5 70%, #ffffff) !important;
  border-color: rgba(251,113,133,0.35) !important;
  color: #431407 !important;
}

/* Chat bubbles */
html[data-gd-theme="scrapbook_pastel"] .msg.user {
  background: color-mix(in srgb, #fb7185 22%, #ffffff) !important;
  border: 1px solid rgba(251,113,133,0.35) !important;
}
html[data-gd-theme="scrapbook_pastel"] .msg.assistant,
html[data-gd-theme="scrapbook_pastel"] .msg.doc {
  background: #ffffff !important;
  border: 1px solid rgba(251,113,133,0.35) !important;
}

/* Forms */
html[data-gd-theme="scrapbook_pastel"] input,
html[data-gd-theme="scrapbook_pastel"] textarea,
html[data-gd-theme="scrapbook_pastel"] select,
html[data-gd-theme="scrapbook_pastel"] .settings-select,
html[data-gd-theme="scrapbook_pastel"] .custom-prompt-textarea {
  background: #ffedd5 !important;
  color: #431407 !important;
  border: 1px solid rgba(251,113,133,0.35) !important;
  border-radius: 16px !important;
  font-family: inherit !important;
}
html[data-gd-theme="scrapbook_pastel"] input:focus,
html[data-gd-theme="scrapbook_pastel"] textarea:focus,
html[data-gd-theme="scrapbook_pastel"] select:focus {
  outline: 2px solid #fb7185 !important;
  outline-offset: 1px;
  border-color: #fb7185 !important;
}
html[data-gd-theme="scrapbook_pastel"] input::placeholder,
html[data-gd-theme="scrapbook_pastel"] textarea::placeholder {
  color: #9a3412 !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="scrapbook_pastel"] .settings-group-title {
  color: #9a3412 !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="scrapbook_pastel"] .settings-label { color: #431407 !important; }
html[data-gd-theme="scrapbook_pastel"] .settings-desc { color: #9a3412 !important; }
html[data-gd-theme="scrapbook_pastel"] .settings-item { border-bottom-color: rgba(251,113,133,0.35) !important; }
html[data-gd-theme="scrapbook_pastel"] .settings-toggle {
  background: #ffedd5 !important;
  border: 1px solid rgba(251,113,133,0.35);
}
html[data-gd-theme="scrapbook_pastel"] .settings-toggle.on {
  background: #fb7185 !important;
}

/* Typography helpers */
html[data-gd-theme="scrapbook_pastel"] h1, html[data-gd-theme="scrapbook_pastel"] h2, html[data-gd-theme="scrapbook_pastel"] h3 {
  color: #431407 !important;
}
html[data-gd-theme="scrapbook_pastel"] h2 { color: #fb7185 !important; }
html[data-gd-theme="scrapbook_pastel"] p, html[data-gd-theme="scrapbook_pastel"] .subtitle, html[data-gd-theme="scrapbook_pastel"] .profile-empty {
  color: #9a3412 !important;
}
html[data-gd-theme="scrapbook_pastel"] code, html[data-gd-theme="scrapbook_pastel"] .method, html[data-gd-theme="scrapbook_pastel"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="scrapbook_pastel"] .method.get { background: color-mix(in srgb, #fb7185 30%, transparent) !important; color: #fb7185 !important; }
html[data-gd-theme="scrapbook_pastel"] .method.post { background: color-mix(in srgb, #a78bfa 30%, transparent) !important; color: #a78bfa !important; }
html[data-gd-theme="scrapbook_pastel"] .spec-link {
  background: #ffffff !important;
  border-color: rgba(251,113,133,0.35) !important;
  color: #431407 !important;
  border-radius: 16px !important;
}
html[data-gd-theme="scrapbook_pastel"] .spec-link:hover {
  border-color: #fb7185 !important;
  color: #fb7185 !important;
}

/* Stickers board */
html[data-gd-theme="scrapbook_pastel"] .area-label,
html[data-gd-theme="scrapbook_pastel"] thead th:first-child {
  background: #fff7ed !important;
  color: #9a3412 !important;
}
html[data-gd-theme="scrapbook_pastel"] .cell.filled {
  background: color-mix(in srgb, #fb7185 14%, transparent) !important;
}
html[data-gd-theme="scrapbook_pastel"] .cell.today-col {
  border-color: #fb7185 !important;
}
html[data-gd-theme="scrapbook_pastel"] thead th.today-col {
  color: #fb7185 !important;
}
html[data-gd-theme="scrapbook_pastel"] .header h1 { color: #fb7185 !important; }

/* Hero */
html[data-gd-theme="scrapbook_pastel"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #fb7185 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(251,113,133,0.35) !important;
}
html[data-gd-theme="scrapbook_pastel"] .hero p { color: #9a3412 !important; }

/* User chrome */
html[data-gd-theme="scrapbook_pastel"] .user-badge {
  background: #ffffff !important;
  color: #431407 !important;
  border: 1px solid rgba(251,113,133,0.35);
  border-radius: 16px !important;
}
html[data-gd-theme="scrapbook_pastel"] .notification-bell { color: #9a3412 !important; }
html[data-gd-theme="scrapbook_pastel"] .notification-bell:hover { color: #431407 !important; }
html[data-gd-theme="scrapbook_pastel"] .notification-badge { background: #e11d48 !important; }

/* Starter / misc chips */
html[data-gd-theme="scrapbook_pastel"] .starter-btn {
  background: #ffffff !important;
  border: 1px solid rgba(251,113,133,0.35) !important;
  color: #431407 !important;
  border-radius: 16px !important;
}
html[data-gd-theme="scrapbook_pastel"] .starter-btn:hover {
  border-color: #fb7185 !important;
  color: #fb7185 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="scrapbook_pastel"] .gd-style-picker {
  border-color: rgba(251,113,133,0.35);
}
html[data-gd-theme="scrapbook_pastel"] .gd-style-option {
  background: #ffedd5;
  border-color: rgba(251,113,133,0.35);
  color: #431407;
}
html[data-gd-theme="scrapbook_pastel"] .gd-style-option:hover,
html[data-gd-theme="scrapbook_pastel"] .gd-style-option.selected {
  border-color: #fb7185;
  box-shadow: 0 0 0 1px #fb7185, 0 4px 16px rgba(251,113,133,0.35);
}
html[data-gd-theme="scrapbook_pastel"] .gd-style-option.selected {
  background: color-mix(in srgb, #fb7185 12%, #ffffff);
}


html[data-gd-theme="scrapbook_pastel"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="scrapbook_pastel"] ::-webkit-scrollbar-track { background: #ffedd5; }
html[data-gd-theme="scrapbook_pastel"] ::-webkit-scrollbar-thumb {
  background: #fb718588;
  border-radius: 16px;
  border: 2px solid #ffedd5;
}


html[data-gd-theme="scrapbook_pastel"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="scrapbook_pastel"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="scrapbook_pastel"] body > .header,
html[data-gd-theme="scrapbook_pastel"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="scrapbook_pastel"] body > .popup-overlay,
html[data-gd-theme="scrapbook_pastel"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="scrapbook_pastel"] body::before {
  background:
    radial-gradient(circle at 12% 18%, #fb718533 0 40px, transparent 41px),
    radial-gradient(circle at 88% 22%, #a78bfa28 0 50px, transparent 51px),
    radial-gradient(circle at 70% 85%, #fb718520 0 60px, transparent 61px);
  opacity: 0.9;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: emoji_arcade
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="emoji_arcade"] {
  color-scheme: dark;
  --gd-bg: #1e0338;
  --gd-bg2: #0f021c;
  --gd-elevated: #3b0764;
  --gd-fg: #fdf4ff;
  --gd-muted: rgba(240,171,252,0.7);
  --gd-accent: #f0abfc;
  --gd-accent2: #22d3ee;
  --gd-danger: #f43f5e;
  --gd-border: rgba(240,171,252,0.4);
  --gd-header: linear-gradient(90deg, #86198f, #0e7490);
  --gd-radius: 8px;
  --gd-glow: rgba(34,211,238,0.5);
  --gd-font: 'Press Start 2P', system-ui, sans-serif;
  --gd-mono: monospace;
  --gd-btn-bg: #f0abfc;
  --gd-btn-fg: #1e0338;
}

html[data-gd-theme="emoji_arcade"],
html[data-gd-theme="emoji_arcade"] body {
  background: #1e0338 !important;
  color: #fdf4ff !important;
  font-family: 'Press Start 2P', system-ui, sans-serif !important;
}

html[data-gd-theme="emoji_arcade"] ::selection {
  background: rgba(240,171,252,0.35);
  color: #fdf4ff;
}

html[data-gd-theme="emoji_arcade"] a { color: #f0abfc !important; }
html[data-gd-theme="emoji_arcade"] a:hover { color: #22d3ee !important; }

/* Header / chrome */
html[data-gd-theme="emoji_arcade"] .header,
html[data-gd-theme="emoji_arcade"] header {
  background: linear-gradient(90deg, #86198f, #0e7490) !important;
  border-bottom-color: rgba(240,171,252,0.4) !important;
  color: #fdf4ff !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="emoji_arcade"] .logo,
html[data-gd-theme="emoji_arcade"] .brand,
html[data-gd-theme="emoji_arcade"] .header .logo {
  color: #f0abfc !important;
}
html[data-gd-theme="emoji_arcade"] .header-links a,
html[data-gd-theme="emoji_arcade"] .header-title,
html[data-gd-theme="emoji_arcade"] .user-count,
html[data-gd-theme="emoji_arcade"] .badge {
  color: rgba(240,171,252,0.7) !important;
}
html[data-gd-theme="emoji_arcade"] .header-links a:hover { color: #f0abfc !important; }

/* Nav */
html[data-gd-theme="emoji_arcade"] .nav-tab {
  color: rgba(240,171,252,0.7) !important;
  border-radius: 8px !important;
}
html[data-gd-theme="emoji_arcade"] .nav-tab:hover {
  background: #3b0764 !important;
  color: #fdf4ff !important;
}
html[data-gd-theme="emoji_arcade"] .nav-tab.active {
  background: color-mix(in srgb, #f0abfc 22%, transparent) !important;
  color: #f0abfc !important;
}

/* Buttons */
html[data-gd-theme="emoji_arcade"] .btn,
html[data-gd-theme="emoji_arcade"] .btn-primary,
html[data-gd-theme="emoji_arcade"] .btn.btn-primary,
html[data-gd-theme="emoji_arcade"] .hero-btn.primary {
  background: #f0abfc !important;
  color: #1e0338 !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(34,211,238,0.5);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="emoji_arcade"] .btn-primary:hover,
html[data-gd-theme="emoji_arcade"] .btn.btn-primary:hover,
html[data-gd-theme="emoji_arcade"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(34,211,238,0.5);
}
html[data-gd-theme="emoji_arcade"] .btn-secondary,
html[data-gd-theme="emoji_arcade"] .hero-btn.secondary,
html[data-gd-theme="emoji_arcade"] .lang-btn {
  background: color-mix(in srgb, #3b0764 80%, transparent) !important;
  color: #fdf4ff !important;
  border: 1px solid rgba(240,171,252,0.4) !important;
  border-radius: 8px !important;
}
html[data-gd-theme="emoji_arcade"] .btn-secondary:hover,
html[data-gd-theme="emoji_arcade"] .hero-btn.secondary:hover,
html[data-gd-theme="emoji_arcade"] .lang-btn:hover {
  border-color: #f0abfc !important;
  color: #f0abfc !important;
}
html[data-gd-theme="emoji_arcade"] .lang-btn.active {
  background: #f0abfc !important;
  border-color: #f0abfc !important;
  color: #1e0338 !important;
}
html[data-gd-theme="emoji_arcade"] .btn-danger {
  background: #f43f5e !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* Surfaces */
html[data-gd-theme="emoji_arcade"] .panel,
html[data-gd-theme="emoji_arcade"] .endpoint,
html[data-gd-theme="emoji_arcade"] .flow-step,
html[data-gd-theme="emoji_arcade"] .founder-card,
html[data-gd-theme="emoji_arcade"] .notification-dropdown,
html[data-gd-theme="emoji_arcade"] .modal-content,
html[data-gd-theme="emoji_arcade"] .auth-popup,
html[data-gd-theme="emoji_arcade"] .chat-login-card,
html[data-gd-theme="emoji_arcade"] .msg,
html[data-gd-theme="emoji_arcade"] .code-block,
html[data-gd-theme="emoji_arcade"] pre,
html[data-gd-theme="emoji_arcade"] .hc-log,
html[data-gd-theme="emoji_arcade"] .transcript-view {
  background: #3b0764 !important;
  border-color: rgba(240,171,252,0.4) !important;
  color: #fdf4ff !important;
  border-radius: 8px !important;
}
html[data-gd-theme="emoji_arcade"] .panel-header,
html[data-gd-theme="emoji_arcade"] .endpoint-header,
html[data-gd-theme="emoji_arcade"] .notification-header {
  background: color-mix(in srgb, #0f021c 70%, #3b0764) !important;
  border-color: rgba(240,171,252,0.4) !important;
  color: #fdf4ff !important;
}

/* Chat bubbles */
html[data-gd-theme="emoji_arcade"] .msg.user {
  background: color-mix(in srgb, #f0abfc 22%, #3b0764) !important;
  border: 1px solid rgba(240,171,252,0.4) !important;
}
html[data-gd-theme="emoji_arcade"] .msg.assistant,
html[data-gd-theme="emoji_arcade"] .msg.doc {
  background: #3b0764 !important;
  border: 1px solid rgba(240,171,252,0.4) !important;
}

/* Forms */
html[data-gd-theme="emoji_arcade"] input,
html[data-gd-theme="emoji_arcade"] textarea,
html[data-gd-theme="emoji_arcade"] select,
html[data-gd-theme="emoji_arcade"] .settings-select,
html[data-gd-theme="emoji_arcade"] .custom-prompt-textarea {
  background: #0f021c !important;
  color: #fdf4ff !important;
  border: 1px solid rgba(240,171,252,0.4) !important;
  border-radius: 8px !important;
  font-family: inherit !important;
}
html[data-gd-theme="emoji_arcade"] input:focus,
html[data-gd-theme="emoji_arcade"] textarea:focus,
html[data-gd-theme="emoji_arcade"] select:focus {
  outline: 2px solid #f0abfc !important;
  outline-offset: 1px;
  border-color: #f0abfc !important;
}
html[data-gd-theme="emoji_arcade"] input::placeholder,
html[data-gd-theme="emoji_arcade"] textarea::placeholder {
  color: rgba(240,171,252,0.7) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="emoji_arcade"] .settings-group-title {
  color: rgba(240,171,252,0.7) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="emoji_arcade"] .settings-label { color: #fdf4ff !important; }
html[data-gd-theme="emoji_arcade"] .settings-desc { color: rgba(240,171,252,0.7) !important; }
html[data-gd-theme="emoji_arcade"] .settings-item { border-bottom-color: rgba(240,171,252,0.4) !important; }
html[data-gd-theme="emoji_arcade"] .settings-toggle {
  background: #0f021c !important;
  border: 1px solid rgba(240,171,252,0.4);
}
html[data-gd-theme="emoji_arcade"] .settings-toggle.on {
  background: #f0abfc !important;
}

/* Typography helpers */
html[data-gd-theme="emoji_arcade"] h1, html[data-gd-theme="emoji_arcade"] h2, html[data-gd-theme="emoji_arcade"] h3 {
  color: #f0abfc !important;
}
html[data-gd-theme="emoji_arcade"] h2 { color: #f0abfc !important; }
html[data-gd-theme="emoji_arcade"] p, html[data-gd-theme="emoji_arcade"] .subtitle, html[data-gd-theme="emoji_arcade"] .profile-empty {
  color: rgba(240,171,252,0.7) !important;
}
html[data-gd-theme="emoji_arcade"] code, html[data-gd-theme="emoji_arcade"] .method, html[data-gd-theme="emoji_arcade"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="emoji_arcade"] .method.get { background: color-mix(in srgb, #f0abfc 30%, transparent) !important; color: #f0abfc !important; }
html[data-gd-theme="emoji_arcade"] .method.post { background: color-mix(in srgb, #22d3ee 30%, transparent) !important; color: #22d3ee !important; }
html[data-gd-theme="emoji_arcade"] .spec-link {
  background: #3b0764 !important;
  border-color: rgba(240,171,252,0.4) !important;
  color: #fdf4ff !important;
  border-radius: 8px !important;
}
html[data-gd-theme="emoji_arcade"] .spec-link:hover {
  border-color: #f0abfc !important;
  color: #f0abfc !important;
}

/* Stickers board */
html[data-gd-theme="emoji_arcade"] .area-label,
html[data-gd-theme="emoji_arcade"] thead th:first-child {
  background: #1e0338 !important;
  color: rgba(240,171,252,0.7) !important;
}
html[data-gd-theme="emoji_arcade"] .cell.filled {
  background: color-mix(in srgb, #f0abfc 14%, transparent) !important;
}
html[data-gd-theme="emoji_arcade"] .cell.today-col {
  border-color: #f0abfc !important;
}
html[data-gd-theme="emoji_arcade"] thead th.today-col {
  color: #f0abfc !important;
}
html[data-gd-theme="emoji_arcade"] .header h1 { color: #f0abfc !important; }

/* Hero */
html[data-gd-theme="emoji_arcade"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #f0abfc 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(240,171,252,0.4) !important;
}
html[data-gd-theme="emoji_arcade"] .hero p { color: rgba(240,171,252,0.7) !important; }

/* User chrome */
html[data-gd-theme="emoji_arcade"] .user-badge {
  background: #3b0764 !important;
  color: #fdf4ff !important;
  border: 1px solid rgba(240,171,252,0.4);
  border-radius: 8px !important;
}
html[data-gd-theme="emoji_arcade"] .notification-bell { color: rgba(240,171,252,0.7) !important; }
html[data-gd-theme="emoji_arcade"] .notification-bell:hover { color: #fdf4ff !important; }
html[data-gd-theme="emoji_arcade"] .notification-badge { background: #f43f5e !important; }

/* Starter / misc chips */
html[data-gd-theme="emoji_arcade"] .starter-btn {
  background: #3b0764 !important;
  border: 1px solid rgba(240,171,252,0.4) !important;
  color: #fdf4ff !important;
  border-radius: 8px !important;
}
html[data-gd-theme="emoji_arcade"] .starter-btn:hover {
  border-color: #f0abfc !important;
  color: #f0abfc !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="emoji_arcade"] .gd-style-picker {
  border-color: rgba(240,171,252,0.4);
}
html[data-gd-theme="emoji_arcade"] .gd-style-option {
  background: #0f021c;
  border-color: rgba(240,171,252,0.4);
  color: #fdf4ff;
}
html[data-gd-theme="emoji_arcade"] .gd-style-option:hover,
html[data-gd-theme="emoji_arcade"] .gd-style-option.selected {
  border-color: #f0abfc;
  box-shadow: 0 0 0 1px #f0abfc, 0 4px 16px rgba(34,211,238,0.5);
}
html[data-gd-theme="emoji_arcade"] .gd-style-option.selected {
  background: color-mix(in srgb, #f0abfc 12%, #3b0764);
}


html[data-gd-theme="emoji_arcade"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="emoji_arcade"] ::-webkit-scrollbar-track { background: #0f021c; }
html[data-gd-theme="emoji_arcade"] ::-webkit-scrollbar-thumb {
  background: #f0abfc88;
  border-radius: 8px;
  border: 2px solid #0f021c;
}


html[data-gd-theme="emoji_arcade"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="emoji_arcade"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="emoji_arcade"] body > .header,
html[data-gd-theme="emoji_arcade"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="emoji_arcade"] body > .popup-overlay,
html[data-gd-theme="emoji_arcade"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="emoji_arcade"] body::before {
  background:
    repeating-linear-gradient(90deg, #f0abfc11 0 2px, transparent 2px 20px),
    radial-gradient(ellipse at 50% 0%, #22d3ee33, transparent 50%);
  opacity: 0.85;
}
html[data-gd-theme="emoji_arcade"] .logo, html[data-gd-theme="emoji_arcade"] h1 {
  text-shadow: 0 0 8px #f0abfc, 0 0 16px #22d3ee;
}


html[data-gd-theme="emoji_arcade"] .btn-primary, html[data-gd-theme="emoji_arcade"] .cell.filled {
  box-shadow: 0 0 10px #f0abfc, 0 0 20px #22d3ee55 !important;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: polaroid_wall
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="polaroid_wall"] {
  color-scheme: dark;
  --gd-bg: #44403c;
  --gd-bg2: #292524;
  --gd-elevated: #57534e;
  --gd-fg: #fafaf9;
  --gd-muted: rgba(214,211,209,0.75);
  --gd-accent: #f59e0b;
  --gd-accent2: #fafaf9;
  --gd-danger: #ef4444;
  --gd-border: rgba(250,250,249,0.25);
  --gd-header: linear-gradient(180deg, #57534e, #44403c);
  --gd-radius: 4px;
  --gd-glow: rgba(245,158,11,0.35);
  --gd-font: 'Comic Sans MS', 'Segoe Print', cursive;
  --gd-mono: monospace;
  --gd-btn-bg: #f59e0b;
  --gd-btn-fg: #292524;
}

html[data-gd-theme="polaroid_wall"],
html[data-gd-theme="polaroid_wall"] body {
  background: #44403c !important;
  color: #fafaf9 !important;
  font-family: 'Comic Sans MS', 'Segoe Print', cursive !important;
}

html[data-gd-theme="polaroid_wall"] ::selection {
  background: rgba(245,158,11,0.3);
  color: #fafaf9;
}

html[data-gd-theme="polaroid_wall"] a { color: #f59e0b !important; }
html[data-gd-theme="polaroid_wall"] a:hover { color: #fafaf9 !important; }

/* Header / chrome */
html[data-gd-theme="polaroid_wall"] .header,
html[data-gd-theme="polaroid_wall"] header {
  background: linear-gradient(180deg, #57534e, #44403c) !important;
  border-bottom-color: rgba(250,250,249,0.25) !important;
  color: #fafaf9 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="polaroid_wall"] .logo,
html[data-gd-theme="polaroid_wall"] .brand,
html[data-gd-theme="polaroid_wall"] .header .logo {
  color: #f59e0b !important;
}
html[data-gd-theme="polaroid_wall"] .header-links a,
html[data-gd-theme="polaroid_wall"] .header-title,
html[data-gd-theme="polaroid_wall"] .user-count,
html[data-gd-theme="polaroid_wall"] .badge {
  color: rgba(214,211,209,0.75) !important;
}
html[data-gd-theme="polaroid_wall"] .header-links a:hover { color: #f59e0b !important; }

/* Nav */
html[data-gd-theme="polaroid_wall"] .nav-tab {
  color: rgba(214,211,209,0.75) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="polaroid_wall"] .nav-tab:hover {
  background: #57534e !important;
  color: #fafaf9 !important;
}
html[data-gd-theme="polaroid_wall"] .nav-tab.active {
  background: color-mix(in srgb, #f59e0b 22%, transparent) !important;
  color: #f59e0b !important;
}

/* Buttons */
html[data-gd-theme="polaroid_wall"] .btn,
html[data-gd-theme="polaroid_wall"] .btn-primary,
html[data-gd-theme="polaroid_wall"] .btn.btn-primary,
html[data-gd-theme="polaroid_wall"] .hero-btn.primary {
  background: #f59e0b !important;
  color: #292524 !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(245,158,11,0.35);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="polaroid_wall"] .btn-primary:hover,
html[data-gd-theme="polaroid_wall"] .btn.btn-primary:hover,
html[data-gd-theme="polaroid_wall"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(245,158,11,0.35);
}
html[data-gd-theme="polaroid_wall"] .btn-secondary,
html[data-gd-theme="polaroid_wall"] .hero-btn.secondary,
html[data-gd-theme="polaroid_wall"] .lang-btn {
  background: color-mix(in srgb, #57534e 80%, transparent) !important;
  color: #fafaf9 !important;
  border: 1px solid rgba(250,250,249,0.25) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="polaroid_wall"] .btn-secondary:hover,
html[data-gd-theme="polaroid_wall"] .hero-btn.secondary:hover,
html[data-gd-theme="polaroid_wall"] .lang-btn:hover {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}
html[data-gd-theme="polaroid_wall"] .lang-btn.active {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #292524 !important;
}
html[data-gd-theme="polaroid_wall"] .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* Surfaces */
html[data-gd-theme="polaroid_wall"] .panel,
html[data-gd-theme="polaroid_wall"] .endpoint,
html[data-gd-theme="polaroid_wall"] .flow-step,
html[data-gd-theme="polaroid_wall"] .founder-card,
html[data-gd-theme="polaroid_wall"] .notification-dropdown,
html[data-gd-theme="polaroid_wall"] .modal-content,
html[data-gd-theme="polaroid_wall"] .auth-popup,
html[data-gd-theme="polaroid_wall"] .chat-login-card,
html[data-gd-theme="polaroid_wall"] .msg,
html[data-gd-theme="polaroid_wall"] .code-block,
html[data-gd-theme="polaroid_wall"] pre,
html[data-gd-theme="polaroid_wall"] .hc-log,
html[data-gd-theme="polaroid_wall"] .transcript-view {
  background: #57534e !important;
  border-color: rgba(250,250,249,0.25) !important;
  color: #fafaf9 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="polaroid_wall"] .panel-header,
html[data-gd-theme="polaroid_wall"] .endpoint-header,
html[data-gd-theme="polaroid_wall"] .notification-header {
  background: color-mix(in srgb, #292524 70%, #57534e) !important;
  border-color: rgba(250,250,249,0.25) !important;
  color: #fafaf9 !important;
}

/* Chat bubbles */
html[data-gd-theme="polaroid_wall"] .msg.user {
  background: color-mix(in srgb, #f59e0b 22%, #57534e) !important;
  border: 1px solid rgba(250,250,249,0.25) !important;
}
html[data-gd-theme="polaroid_wall"] .msg.assistant,
html[data-gd-theme="polaroid_wall"] .msg.doc {
  background: #57534e !important;
  border: 1px solid rgba(250,250,249,0.25) !important;
}

/* Forms */
html[data-gd-theme="polaroid_wall"] input,
html[data-gd-theme="polaroid_wall"] textarea,
html[data-gd-theme="polaroid_wall"] select,
html[data-gd-theme="polaroid_wall"] .settings-select,
html[data-gd-theme="polaroid_wall"] .custom-prompt-textarea {
  background: #292524 !important;
  color: #fafaf9 !important;
  border: 1px solid rgba(250,250,249,0.25) !important;
  border-radius: 4px !important;
  font-family: inherit !important;
}
html[data-gd-theme="polaroid_wall"] input:focus,
html[data-gd-theme="polaroid_wall"] textarea:focus,
html[data-gd-theme="polaroid_wall"] select:focus {
  outline: 2px solid #f59e0b !important;
  outline-offset: 1px;
  border-color: #f59e0b !important;
}
html[data-gd-theme="polaroid_wall"] input::placeholder,
html[data-gd-theme="polaroid_wall"] textarea::placeholder {
  color: rgba(214,211,209,0.75) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="polaroid_wall"] .settings-group-title {
  color: rgba(214,211,209,0.75) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="polaroid_wall"] .settings-label { color: #fafaf9 !important; }
html[data-gd-theme="polaroid_wall"] .settings-desc { color: rgba(214,211,209,0.75) !important; }
html[data-gd-theme="polaroid_wall"] .settings-item { border-bottom-color: rgba(250,250,249,0.25) !important; }
html[data-gd-theme="polaroid_wall"] .settings-toggle {
  background: #292524 !important;
  border: 1px solid rgba(250,250,249,0.25);
}
html[data-gd-theme="polaroid_wall"] .settings-toggle.on {
  background: #f59e0b !important;
}

/* Typography helpers */
html[data-gd-theme="polaroid_wall"] h1, html[data-gd-theme="polaroid_wall"] h2, html[data-gd-theme="polaroid_wall"] h3 {
  color: #f59e0b !important;
}
html[data-gd-theme="polaroid_wall"] h2 { color: #f59e0b !important; }
html[data-gd-theme="polaroid_wall"] p, html[data-gd-theme="polaroid_wall"] .subtitle, html[data-gd-theme="polaroid_wall"] .profile-empty {
  color: rgba(214,211,209,0.75) !important;
}
html[data-gd-theme="polaroid_wall"] code, html[data-gd-theme="polaroid_wall"] .method, html[data-gd-theme="polaroid_wall"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="polaroid_wall"] .method.get { background: color-mix(in srgb, #f59e0b 30%, transparent) !important; color: #f59e0b !important; }
html[data-gd-theme="polaroid_wall"] .method.post { background: color-mix(in srgb, #fafaf9 30%, transparent) !important; color: #fafaf9 !important; }
html[data-gd-theme="polaroid_wall"] .spec-link {
  background: #57534e !important;
  border-color: rgba(250,250,249,0.25) !important;
  color: #fafaf9 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="polaroid_wall"] .spec-link:hover {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}

/* Stickers board */
html[data-gd-theme="polaroid_wall"] .area-label,
html[data-gd-theme="polaroid_wall"] thead th:first-child {
  background: #44403c !important;
  color: rgba(214,211,209,0.75) !important;
}
html[data-gd-theme="polaroid_wall"] .cell.filled {
  background: color-mix(in srgb, #f59e0b 14%, transparent) !important;
}
html[data-gd-theme="polaroid_wall"] .cell.today-col {
  border-color: #f59e0b !important;
}
html[data-gd-theme="polaroid_wall"] thead th.today-col {
  color: #f59e0b !important;
}
html[data-gd-theme="polaroid_wall"] .header h1 { color: #f59e0b !important; }

/* Hero */
html[data-gd-theme="polaroid_wall"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #f59e0b 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(250,250,249,0.25) !important;
}
html[data-gd-theme="polaroid_wall"] .hero p { color: rgba(214,211,209,0.75) !important; }

/* User chrome */
html[data-gd-theme="polaroid_wall"] .user-badge {
  background: #57534e !important;
  color: #fafaf9 !important;
  border: 1px solid rgba(250,250,249,0.25);
  border-radius: 4px !important;
}
html[data-gd-theme="polaroid_wall"] .notification-bell { color: rgba(214,211,209,0.75) !important; }
html[data-gd-theme="polaroid_wall"] .notification-bell:hover { color: #fafaf9 !important; }
html[data-gd-theme="polaroid_wall"] .notification-badge { background: #ef4444 !important; }

/* Starter / misc chips */
html[data-gd-theme="polaroid_wall"] .starter-btn {
  background: #57534e !important;
  border: 1px solid rgba(250,250,249,0.25) !important;
  color: #fafaf9 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="polaroid_wall"] .starter-btn:hover {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="polaroid_wall"] .gd-style-picker {
  border-color: rgba(250,250,249,0.25);
}
html[data-gd-theme="polaroid_wall"] .gd-style-option {
  background: #292524;
  border-color: rgba(250,250,249,0.25);
  color: #fafaf9;
}
html[data-gd-theme="polaroid_wall"] .gd-style-option:hover,
html[data-gd-theme="polaroid_wall"] .gd-style-option.selected {
  border-color: #f59e0b;
  box-shadow: 0 0 0 1px #f59e0b, 0 4px 16px rgba(245,158,11,0.35);
}
html[data-gd-theme="polaroid_wall"] .gd-style-option.selected {
  background: color-mix(in srgb, #f59e0b 12%, #57534e);
}


html[data-gd-theme="polaroid_wall"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="polaroid_wall"] ::-webkit-scrollbar-track { background: #292524; }
html[data-gd-theme="polaroid_wall"] ::-webkit-scrollbar-thumb {
  background: #f59e0b88;
  border-radius: 4px;
  border: 2px solid #292524;
}


html[data-gd-theme="polaroid_wall"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="polaroid_wall"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="polaroid_wall"] body > .header,
html[data-gd-theme="polaroid_wall"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="polaroid_wall"] body > .popup-overlay,
html[data-gd-theme="polaroid_wall"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="polaroid_wall"] body::before {
  background-image:
    radial-gradient(circle at 20% 30%, rgba(0,0,0,0.15) 0 8px, transparent 9px),
    radial-gradient(circle at 60% 50%, rgba(0,0,0,0.12) 0 6px, transparent 7px),
    radial-gradient(circle at 80% 20%, rgba(0,0,0,0.1) 0 10px, transparent 11px);
  opacity: 0.7;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: bubble_pop
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="bubble_pop"] {
  color-scheme: light;
  --gd-bg: #ecfeff;
  --gd-bg2: #cffafe;
  --gd-elevated: #ffffff;
  --gd-fg: #164e63;
  --gd-muted: #0e7490;
  --gd-accent: #06b6d4;
  --gd-accent2: #f472b6;
  --gd-danger: #e11d48;
  --gd-border: rgba(6,182,212,0.35);
  --gd-header: linear-gradient(135deg, #a5f3fc, #fbcfe8);
  --gd-radius: 24px;
  --gd-glow: rgba(6,182,212,0.35);
  --gd-font: 'Quicksand', 'Segoe UI', sans-serif;
  --gd-mono: monospace;
  --gd-btn-bg: #06b6d4;
  --gd-btn-fg: #ffffff;
}

html[data-gd-theme="bubble_pop"],
html[data-gd-theme="bubble_pop"] body {
  background: #ecfeff !important;
  color: #164e63 !important;
  font-family: 'Quicksand', 'Segoe UI', sans-serif !important;
}

html[data-gd-theme="bubble_pop"] ::selection {
  background: rgba(244,114,182,0.25);
  color: #164e63;
}

html[data-gd-theme="bubble_pop"] a { color: #06b6d4 !important; }
html[data-gd-theme="bubble_pop"] a:hover { color: #f472b6 !important; }

/* Header / chrome */
html[data-gd-theme="bubble_pop"] .header,
html[data-gd-theme="bubble_pop"] header {
  background: linear-gradient(135deg, #a5f3fc, #fbcfe8) !important;
  border-bottom-color: rgba(6,182,212,0.35) !important;
  color: #164e63 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="bubble_pop"] .logo,
html[data-gd-theme="bubble_pop"] .brand,
html[data-gd-theme="bubble_pop"] .header .logo {
  color: #06b6d4 !important;
}
html[data-gd-theme="bubble_pop"] .header-links a,
html[data-gd-theme="bubble_pop"] .header-title,
html[data-gd-theme="bubble_pop"] .user-count,
html[data-gd-theme="bubble_pop"] .badge {
  color: #0e7490 !important;
}
html[data-gd-theme="bubble_pop"] .header-links a:hover { color: #06b6d4 !important; }

/* Nav */
html[data-gd-theme="bubble_pop"] .nav-tab {
  color: #0e7490 !important;
  border-radius: 24px !important;
}
html[data-gd-theme="bubble_pop"] .nav-tab:hover {
  background: #ffffff !important;
  color: #164e63 !important;
}
html[data-gd-theme="bubble_pop"] .nav-tab.active {
  background: color-mix(in srgb, #06b6d4 22%, transparent) !important;
  color: #06b6d4 !important;
}

/* Buttons */
html[data-gd-theme="bubble_pop"] .btn,
html[data-gd-theme="bubble_pop"] .btn-primary,
html[data-gd-theme="bubble_pop"] .btn.btn-primary,
html[data-gd-theme="bubble_pop"] .hero-btn.primary {
  background: #06b6d4 !important;
  color: #ffffff !important;
  border-radius: 24px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(6,182,212,0.35);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="bubble_pop"] .btn-primary:hover,
html[data-gd-theme="bubble_pop"] .btn.btn-primary:hover,
html[data-gd-theme="bubble_pop"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(6,182,212,0.35);
}
html[data-gd-theme="bubble_pop"] .btn-secondary,
html[data-gd-theme="bubble_pop"] .hero-btn.secondary,
html[data-gd-theme="bubble_pop"] .lang-btn {
  background: color-mix(in srgb, #ffffff 80%, transparent) !important;
  color: #164e63 !important;
  border: 1px solid rgba(6,182,212,0.35) !important;
  border-radius: 24px !important;
}
html[data-gd-theme="bubble_pop"] .btn-secondary:hover,
html[data-gd-theme="bubble_pop"] .hero-btn.secondary:hover,
html[data-gd-theme="bubble_pop"] .lang-btn:hover {
  border-color: #06b6d4 !important;
  color: #06b6d4 !important;
}
html[data-gd-theme="bubble_pop"] .lang-btn.active {
  background: #06b6d4 !important;
  border-color: #06b6d4 !important;
  color: #ffffff !important;
}
html[data-gd-theme="bubble_pop"] .btn-danger {
  background: #e11d48 !important;
  color: #fff !important;
  border-radius: 24px !important;
}

/* Surfaces */
html[data-gd-theme="bubble_pop"] .panel,
html[data-gd-theme="bubble_pop"] .endpoint,
html[data-gd-theme="bubble_pop"] .flow-step,
html[data-gd-theme="bubble_pop"] .founder-card,
html[data-gd-theme="bubble_pop"] .notification-dropdown,
html[data-gd-theme="bubble_pop"] .modal-content,
html[data-gd-theme="bubble_pop"] .auth-popup,
html[data-gd-theme="bubble_pop"] .chat-login-card,
html[data-gd-theme="bubble_pop"] .msg,
html[data-gd-theme="bubble_pop"] .code-block,
html[data-gd-theme="bubble_pop"] pre,
html[data-gd-theme="bubble_pop"] .hc-log,
html[data-gd-theme="bubble_pop"] .transcript-view {
  background: #ffffff !important;
  border-color: rgba(6,182,212,0.35) !important;
  color: #164e63 !important;
  border-radius: 24px !important;
}
html[data-gd-theme="bubble_pop"] .panel-header,
html[data-gd-theme="bubble_pop"] .endpoint-header,
html[data-gd-theme="bubble_pop"] .notification-header {
  background: color-mix(in srgb, #cffafe 70%, #ffffff) !important;
  border-color: rgba(6,182,212,0.35) !important;
  color: #164e63 !important;
}

/* Chat bubbles */
html[data-gd-theme="bubble_pop"] .msg.user {
  background: color-mix(in srgb, #06b6d4 22%, #ffffff) !important;
  border: 1px solid rgba(6,182,212,0.35) !important;
}
html[data-gd-theme="bubble_pop"] .msg.assistant,
html[data-gd-theme="bubble_pop"] .msg.doc {
  background: #ffffff !important;
  border: 1px solid rgba(6,182,212,0.35) !important;
}

/* Forms */
html[data-gd-theme="bubble_pop"] input,
html[data-gd-theme="bubble_pop"] textarea,
html[data-gd-theme="bubble_pop"] select,
html[data-gd-theme="bubble_pop"] .settings-select,
html[data-gd-theme="bubble_pop"] .custom-prompt-textarea {
  background: #cffafe !important;
  color: #164e63 !important;
  border: 1px solid rgba(6,182,212,0.35) !important;
  border-radius: 24px !important;
  font-family: inherit !important;
}
html[data-gd-theme="bubble_pop"] input:focus,
html[data-gd-theme="bubble_pop"] textarea:focus,
html[data-gd-theme="bubble_pop"] select:focus {
  outline: 2px solid #06b6d4 !important;
  outline-offset: 1px;
  border-color: #06b6d4 !important;
}
html[data-gd-theme="bubble_pop"] input::placeholder,
html[data-gd-theme="bubble_pop"] textarea::placeholder {
  color: #0e7490 !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="bubble_pop"] .settings-group-title {
  color: #0e7490 !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="bubble_pop"] .settings-label { color: #164e63 !important; }
html[data-gd-theme="bubble_pop"] .settings-desc { color: #0e7490 !important; }
html[data-gd-theme="bubble_pop"] .settings-item { border-bottom-color: rgba(6,182,212,0.35) !important; }
html[data-gd-theme="bubble_pop"] .settings-toggle {
  background: #cffafe !important;
  border: 1px solid rgba(6,182,212,0.35);
}
html[data-gd-theme="bubble_pop"] .settings-toggle.on {
  background: #06b6d4 !important;
}

/* Typography helpers */
html[data-gd-theme="bubble_pop"] h1, html[data-gd-theme="bubble_pop"] h2, html[data-gd-theme="bubble_pop"] h3 {
  color: #164e63 !important;
}
html[data-gd-theme="bubble_pop"] h2 { color: #06b6d4 !important; }
html[data-gd-theme="bubble_pop"] p, html[data-gd-theme="bubble_pop"] .subtitle, html[data-gd-theme="bubble_pop"] .profile-empty {
  color: #0e7490 !important;
}
html[data-gd-theme="bubble_pop"] code, html[data-gd-theme="bubble_pop"] .method, html[data-gd-theme="bubble_pop"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="bubble_pop"] .method.get { background: color-mix(in srgb, #06b6d4 30%, transparent) !important; color: #06b6d4 !important; }
html[data-gd-theme="bubble_pop"] .method.post { background: color-mix(in srgb, #f472b6 30%, transparent) !important; color: #f472b6 !important; }
html[data-gd-theme="bubble_pop"] .spec-link {
  background: #ffffff !important;
  border-color: rgba(6,182,212,0.35) !important;
  color: #164e63 !important;
  border-radius: 24px !important;
}
html[data-gd-theme="bubble_pop"] .spec-link:hover {
  border-color: #06b6d4 !important;
  color: #06b6d4 !important;
}

/* Stickers board */
html[data-gd-theme="bubble_pop"] .area-label,
html[data-gd-theme="bubble_pop"] thead th:first-child {
  background: #ecfeff !important;
  color: #0e7490 !important;
}
html[data-gd-theme="bubble_pop"] .cell.filled {
  background: color-mix(in srgb, #06b6d4 14%, transparent) !important;
}
html[data-gd-theme="bubble_pop"] .cell.today-col {
  border-color: #06b6d4 !important;
}
html[data-gd-theme="bubble_pop"] thead th.today-col {
  color: #06b6d4 !important;
}
html[data-gd-theme="bubble_pop"] .header h1 { color: #06b6d4 !important; }

/* Hero */
html[data-gd-theme="bubble_pop"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #06b6d4 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(6,182,212,0.35) !important;
}
html[data-gd-theme="bubble_pop"] .hero p { color: #0e7490 !important; }

/* User chrome */
html[data-gd-theme="bubble_pop"] .user-badge {
  background: #ffffff !important;
  color: #164e63 !important;
  border: 1px solid rgba(6,182,212,0.35);
  border-radius: 24px !important;
}
html[data-gd-theme="bubble_pop"] .notification-bell { color: #0e7490 !important; }
html[data-gd-theme="bubble_pop"] .notification-bell:hover { color: #164e63 !important; }
html[data-gd-theme="bubble_pop"] .notification-badge { background: #e11d48 !important; }

/* Starter / misc chips */
html[data-gd-theme="bubble_pop"] .starter-btn {
  background: #ffffff !important;
  border: 1px solid rgba(6,182,212,0.35) !important;
  color: #164e63 !important;
  border-radius: 24px !important;
}
html[data-gd-theme="bubble_pop"] .starter-btn:hover {
  border-color: #06b6d4 !important;
  color: #06b6d4 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="bubble_pop"] .gd-style-picker {
  border-color: rgba(6,182,212,0.35);
}
html[data-gd-theme="bubble_pop"] .gd-style-option {
  background: #cffafe;
  border-color: rgba(6,182,212,0.35);
  color: #164e63;
}
html[data-gd-theme="bubble_pop"] .gd-style-option:hover,
html[data-gd-theme="bubble_pop"] .gd-style-option.selected {
  border-color: #06b6d4;
  box-shadow: 0 0 0 1px #06b6d4, 0 4px 16px rgba(6,182,212,0.35);
}
html[data-gd-theme="bubble_pop"] .gd-style-option.selected {
  background: color-mix(in srgb, #06b6d4 12%, #ffffff);
}


html[data-gd-theme="bubble_pop"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="bubble_pop"] ::-webkit-scrollbar-track { background: #cffafe; }
html[data-gd-theme="bubble_pop"] ::-webkit-scrollbar-thumb {
  background: #06b6d488;
  border-radius: 24px;
  border: 2px solid #cffafe;
}


html[data-gd-theme="bubble_pop"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="bubble_pop"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="bubble_pop"] body > .header,
html[data-gd-theme="bubble_pop"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="bubble_pop"] body > .popup-overlay,
html[data-gd-theme="bubble_pop"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="bubble_pop"] body::before {
  background-image:
    radial-gradient(circle at 20% 30%, #06b6d433 0 18px, transparent 19px),
    radial-gradient(circle at 70% 20%, #f472b628 0 28px, transparent 29px),
    radial-gradient(circle at 40% 80%, #06b6d422 0 22px, transparent 23px),
    radial-gradient(circle at 85% 70%, #f472b625 0 14px, transparent 15px);
  opacity: 0.85;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: chalk_board
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="chalk_board"] {
  color-scheme: dark;
  --gd-bg: #1a2e1a;
  --gd-bg2: #0f1a0f;
  --gd-elevated: #243824;
  --gd-fg: #f5f5f4;
  --gd-muted: rgba(163,163,163,0.85);
  --gd-accent: #86efac;
  --gd-accent2: #f5f5f4;
  --gd-danger: #fca5a5;
  --gd-border: rgba(134,239,172,0.3);
  --gd-header: linear-gradient(180deg, #243824, #1a2e1a);
  --gd-radius: 4px;
  --gd-glow: rgba(134,239,172,0.3);
  --gd-font: 'Comic Sans MS', 'Chalkboard SE', sans-serif;
  --gd-mono: monospace;
  --gd-btn-bg: #86efac;
  --gd-btn-fg: #1a2e1a;
}

html[data-gd-theme="chalk_board"],
html[data-gd-theme="chalk_board"] body {
  background: #1a2e1a !important;
  color: #f5f5f4 !important;
  font-family: 'Comic Sans MS', 'Chalkboard SE', sans-serif !important;
}

html[data-gd-theme="chalk_board"] ::selection {
  background: rgba(134,239,172,0.25);
  color: #f5f5f4;
}

html[data-gd-theme="chalk_board"] a { color: #86efac !important; }
html[data-gd-theme="chalk_board"] a:hover { color: #f5f5f4 !important; }

/* Header / chrome */
html[data-gd-theme="chalk_board"] .header,
html[data-gd-theme="chalk_board"] header {
  background: linear-gradient(180deg, #243824, #1a2e1a) !important;
  border-bottom-color: rgba(134,239,172,0.3) !important;
  color: #f5f5f4 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="chalk_board"] .logo,
html[data-gd-theme="chalk_board"] .brand,
html[data-gd-theme="chalk_board"] .header .logo {
  color: #86efac !important;
}
html[data-gd-theme="chalk_board"] .header-links a,
html[data-gd-theme="chalk_board"] .header-title,
html[data-gd-theme="chalk_board"] .user-count,
html[data-gd-theme="chalk_board"] .badge {
  color: rgba(163,163,163,0.85) !important;
}
html[data-gd-theme="chalk_board"] .header-links a:hover { color: #86efac !important; }

/* Nav */
html[data-gd-theme="chalk_board"] .nav-tab {
  color: rgba(163,163,163,0.85) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="chalk_board"] .nav-tab:hover {
  background: #243824 !important;
  color: #f5f5f4 !important;
}
html[data-gd-theme="chalk_board"] .nav-tab.active {
  background: color-mix(in srgb, #86efac 22%, transparent) !important;
  color: #86efac !important;
}

/* Buttons */
html[data-gd-theme="chalk_board"] .btn,
html[data-gd-theme="chalk_board"] .btn-primary,
html[data-gd-theme="chalk_board"] .btn.btn-primary,
html[data-gd-theme="chalk_board"] .hero-btn.primary {
  background: #86efac !important;
  color: #1a2e1a !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(134,239,172,0.3);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="chalk_board"] .btn-primary:hover,
html[data-gd-theme="chalk_board"] .btn.btn-primary:hover,
html[data-gd-theme="chalk_board"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(134,239,172,0.3);
}
html[data-gd-theme="chalk_board"] .btn-secondary,
html[data-gd-theme="chalk_board"] .hero-btn.secondary,
html[data-gd-theme="chalk_board"] .lang-btn {
  background: color-mix(in srgb, #243824 80%, transparent) !important;
  color: #f5f5f4 !important;
  border: 1px solid rgba(134,239,172,0.3) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="chalk_board"] .btn-secondary:hover,
html[data-gd-theme="chalk_board"] .hero-btn.secondary:hover,
html[data-gd-theme="chalk_board"] .lang-btn:hover {
  border-color: #86efac !important;
  color: #86efac !important;
}
html[data-gd-theme="chalk_board"] .lang-btn.active {
  background: #86efac !important;
  border-color: #86efac !important;
  color: #1a2e1a !important;
}
html[data-gd-theme="chalk_board"] .btn-danger {
  background: #fca5a5 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* Surfaces */
html[data-gd-theme="chalk_board"] .panel,
html[data-gd-theme="chalk_board"] .endpoint,
html[data-gd-theme="chalk_board"] .flow-step,
html[data-gd-theme="chalk_board"] .founder-card,
html[data-gd-theme="chalk_board"] .notification-dropdown,
html[data-gd-theme="chalk_board"] .modal-content,
html[data-gd-theme="chalk_board"] .auth-popup,
html[data-gd-theme="chalk_board"] .chat-login-card,
html[data-gd-theme="chalk_board"] .msg,
html[data-gd-theme="chalk_board"] .code-block,
html[data-gd-theme="chalk_board"] pre,
html[data-gd-theme="chalk_board"] .hc-log,
html[data-gd-theme="chalk_board"] .transcript-view {
  background: #243824 !important;
  border-color: rgba(134,239,172,0.3) !important;
  color: #f5f5f4 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="chalk_board"] .panel-header,
html[data-gd-theme="chalk_board"] .endpoint-header,
html[data-gd-theme="chalk_board"] .notification-header {
  background: color-mix(in srgb, #0f1a0f 70%, #243824) !important;
  border-color: rgba(134,239,172,0.3) !important;
  color: #f5f5f4 !important;
}

/* Chat bubbles */
html[data-gd-theme="chalk_board"] .msg.user {
  background: color-mix(in srgb, #86efac 22%, #243824) !important;
  border: 1px solid rgba(134,239,172,0.3) !important;
}
html[data-gd-theme="chalk_board"] .msg.assistant,
html[data-gd-theme="chalk_board"] .msg.doc {
  background: #243824 !important;
  border: 1px solid rgba(134,239,172,0.3) !important;
}

/* Forms */
html[data-gd-theme="chalk_board"] input,
html[data-gd-theme="chalk_board"] textarea,
html[data-gd-theme="chalk_board"] select,
html[data-gd-theme="chalk_board"] .settings-select,
html[data-gd-theme="chalk_board"] .custom-prompt-textarea {
  background: #0f1a0f !important;
  color: #f5f5f4 !important;
  border: 1px solid rgba(134,239,172,0.3) !important;
  border-radius: 4px !important;
  font-family: inherit !important;
}
html[data-gd-theme="chalk_board"] input:focus,
html[data-gd-theme="chalk_board"] textarea:focus,
html[data-gd-theme="chalk_board"] select:focus {
  outline: 2px solid #86efac !important;
  outline-offset: 1px;
  border-color: #86efac !important;
}
html[data-gd-theme="chalk_board"] input::placeholder,
html[data-gd-theme="chalk_board"] textarea::placeholder {
  color: rgba(163,163,163,0.85) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="chalk_board"] .settings-group-title {
  color: rgba(163,163,163,0.85) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="chalk_board"] .settings-label { color: #f5f5f4 !important; }
html[data-gd-theme="chalk_board"] .settings-desc { color: rgba(163,163,163,0.85) !important; }
html[data-gd-theme="chalk_board"] .settings-item { border-bottom-color: rgba(134,239,172,0.3) !important; }
html[data-gd-theme="chalk_board"] .settings-toggle {
  background: #0f1a0f !important;
  border: 1px solid rgba(134,239,172,0.3);
}
html[data-gd-theme="chalk_board"] .settings-toggle.on {
  background: #86efac !important;
}

/* Typography helpers */
html[data-gd-theme="chalk_board"] h1, html[data-gd-theme="chalk_board"] h2, html[data-gd-theme="chalk_board"] h3 {
  color: #86efac !important;
}
html[data-gd-theme="chalk_board"] h2 { color: #86efac !important; }
html[data-gd-theme="chalk_board"] p, html[data-gd-theme="chalk_board"] .subtitle, html[data-gd-theme="chalk_board"] .profile-empty {
  color: rgba(163,163,163,0.85) !important;
}
html[data-gd-theme="chalk_board"] code, html[data-gd-theme="chalk_board"] .method, html[data-gd-theme="chalk_board"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="chalk_board"] .method.get { background: color-mix(in srgb, #86efac 30%, transparent) !important; color: #86efac !important; }
html[data-gd-theme="chalk_board"] .method.post { background: color-mix(in srgb, #f5f5f4 30%, transparent) !important; color: #f5f5f4 !important; }
html[data-gd-theme="chalk_board"] .spec-link {
  background: #243824 !important;
  border-color: rgba(134,239,172,0.3) !important;
  color: #f5f5f4 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="chalk_board"] .spec-link:hover {
  border-color: #86efac !important;
  color: #86efac !important;
}

/* Stickers board */
html[data-gd-theme="chalk_board"] .area-label,
html[data-gd-theme="chalk_board"] thead th:first-child {
  background: #1a2e1a !important;
  color: rgba(163,163,163,0.85) !important;
}
html[data-gd-theme="chalk_board"] .cell.filled {
  background: color-mix(in srgb, #86efac 14%, transparent) !important;
}
html[data-gd-theme="chalk_board"] .cell.today-col {
  border-color: #86efac !important;
}
html[data-gd-theme="chalk_board"] thead th.today-col {
  color: #86efac !important;
}
html[data-gd-theme="chalk_board"] .header h1 { color: #86efac !important; }

/* Hero */
html[data-gd-theme="chalk_board"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #86efac 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(134,239,172,0.3) !important;
}
html[data-gd-theme="chalk_board"] .hero p { color: rgba(163,163,163,0.85) !important; }

/* User chrome */
html[data-gd-theme="chalk_board"] .user-badge {
  background: #243824 !important;
  color: #f5f5f4 !important;
  border: 1px solid rgba(134,239,172,0.3);
  border-radius: 4px !important;
}
html[data-gd-theme="chalk_board"] .notification-bell { color: rgba(163,163,163,0.85) !important; }
html[data-gd-theme="chalk_board"] .notification-bell:hover { color: #f5f5f4 !important; }
html[data-gd-theme="chalk_board"] .notification-badge { background: #fca5a5 !important; }

/* Starter / misc chips */
html[data-gd-theme="chalk_board"] .starter-btn {
  background: #243824 !important;
  border: 1px solid rgba(134,239,172,0.3) !important;
  color: #f5f5f4 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="chalk_board"] .starter-btn:hover {
  border-color: #86efac !important;
  color: #86efac !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="chalk_board"] .gd-style-picker {
  border-color: rgba(134,239,172,0.3);
}
html[data-gd-theme="chalk_board"] .gd-style-option {
  background: #0f1a0f;
  border-color: rgba(134,239,172,0.3);
  color: #f5f5f4;
}
html[data-gd-theme="chalk_board"] .gd-style-option:hover,
html[data-gd-theme="chalk_board"] .gd-style-option.selected {
  border-color: #86efac;
  box-shadow: 0 0 0 1px #86efac, 0 4px 16px rgba(134,239,172,0.3);
}
html[data-gd-theme="chalk_board"] .gd-style-option.selected {
  background: color-mix(in srgb, #86efac 12%, #243824);
}


html[data-gd-theme="chalk_board"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="chalk_board"] ::-webkit-scrollbar-track { background: #0f1a0f; }
html[data-gd-theme="chalk_board"] ::-webkit-scrollbar-thumb {
  background: #86efac88;
  border-radius: 4px;
  border: 2px solid #0f1a0f;
}


html[data-gd-theme="chalk_board"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="chalk_board"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="chalk_board"] body > .header,
html[data-gd-theme="chalk_board"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="chalk_board"] body > .popup-overlay,
html[data-gd-theme="chalk_board"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="chalk_board"] body::before {
  background-image:
    radial-gradient(circle at 30% 40%, rgba(255,255,255,0.04) 0 2px, transparent 3px),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,0.03) 0 1px, transparent 2px);
  opacity: 1;
}
html[data-gd-theme="chalk_board"] body {
  text-shadow: 0.5px 0.5px 0 rgba(0,0,0,0.4);
}


html[data-gd-theme="chalk_board"] h1, html[data-gd-theme="chalk_board"] h2, html[data-gd-theme="chalk_board"] .logo {
  font-weight: 400;
  letter-spacing: 0.02em;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: street_interview
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="street_interview"] {
  color-scheme: dark;
  --gd-bg: #18181b;
  --gd-bg2: #09090b;
  --gd-elevated: #27272a;
  --gd-fg: #e4e4e7;
  --gd-muted: #a1a1aa;
  --gd-accent: #facc15;
  --gd-accent2: #fde047;
  --gd-danger: #ef4444;
  --gd-border: rgba(250,204,21,0.4);
  --gd-header: linear-gradient(90deg, #27272a, #18181b);
  --gd-radius: 6px;
  --gd-glow: rgba(250,204,21,0.4);
  --gd-font: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --gd-mono: monospace;
  --gd-btn-bg: #facc15;
  --gd-btn-fg: #18181b;
}

html[data-gd-theme="street_interview"],
html[data-gd-theme="street_interview"] body {
  background: #18181b !important;
  color: #e4e4e7 !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif !important;
}

html[data-gd-theme="street_interview"] ::selection {
  background: rgba(250,204,21,0.3);
  color: #e4e4e7;
}

html[data-gd-theme="street_interview"] a { color: #facc15 !important; }
html[data-gd-theme="street_interview"] a:hover { color: #fde047 !important; }

/* Header / chrome */
html[data-gd-theme="street_interview"] .header,
html[data-gd-theme="street_interview"] header {
  background: linear-gradient(90deg, #27272a, #18181b) !important;
  border-bottom-color: rgba(250,204,21,0.4) !important;
  color: #e4e4e7 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="street_interview"] .logo,
html[data-gd-theme="street_interview"] .brand,
html[data-gd-theme="street_interview"] .header .logo {
  color: #facc15 !important;
}
html[data-gd-theme="street_interview"] .header-links a,
html[data-gd-theme="street_interview"] .header-title,
html[data-gd-theme="street_interview"] .user-count,
html[data-gd-theme="street_interview"] .badge {
  color: #a1a1aa !important;
}
html[data-gd-theme="street_interview"] .header-links a:hover { color: #facc15 !important; }

/* Nav */
html[data-gd-theme="street_interview"] .nav-tab {
  color: #a1a1aa !important;
  border-radius: 6px !important;
}
html[data-gd-theme="street_interview"] .nav-tab:hover {
  background: #27272a !important;
  color: #e4e4e7 !important;
}
html[data-gd-theme="street_interview"] .nav-tab.active {
  background: color-mix(in srgb, #facc15 22%, transparent) !important;
  color: #facc15 !important;
}

/* Buttons */
html[data-gd-theme="street_interview"] .btn,
html[data-gd-theme="street_interview"] .btn-primary,
html[data-gd-theme="street_interview"] .btn.btn-primary,
html[data-gd-theme="street_interview"] .hero-btn.primary {
  background: #facc15 !important;
  color: #18181b !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(250,204,21,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="street_interview"] .btn-primary:hover,
html[data-gd-theme="street_interview"] .btn.btn-primary:hover,
html[data-gd-theme="street_interview"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(250,204,21,0.4);
}
html[data-gd-theme="street_interview"] .btn-secondary,
html[data-gd-theme="street_interview"] .hero-btn.secondary,
html[data-gd-theme="street_interview"] .lang-btn {
  background: color-mix(in srgb, #27272a 80%, transparent) !important;
  color: #e4e4e7 !important;
  border: 1px solid rgba(250,204,21,0.4) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="street_interview"] .btn-secondary:hover,
html[data-gd-theme="street_interview"] .hero-btn.secondary:hover,
html[data-gd-theme="street_interview"] .lang-btn:hover {
  border-color: #facc15 !important;
  color: #facc15 !important;
}
html[data-gd-theme="street_interview"] .lang-btn.active {
  background: #facc15 !important;
  border-color: #facc15 !important;
  color: #18181b !important;
}
html[data-gd-theme="street_interview"] .btn-danger {
  background: #ef4444 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* Surfaces */
html[data-gd-theme="street_interview"] .panel,
html[data-gd-theme="street_interview"] .endpoint,
html[data-gd-theme="street_interview"] .flow-step,
html[data-gd-theme="street_interview"] .founder-card,
html[data-gd-theme="street_interview"] .notification-dropdown,
html[data-gd-theme="street_interview"] .modal-content,
html[data-gd-theme="street_interview"] .auth-popup,
html[data-gd-theme="street_interview"] .chat-login-card,
html[data-gd-theme="street_interview"] .msg,
html[data-gd-theme="street_interview"] .code-block,
html[data-gd-theme="street_interview"] pre,
html[data-gd-theme="street_interview"] .hc-log,
html[data-gd-theme="street_interview"] .transcript-view {
  background: #27272a !important;
  border-color: rgba(250,204,21,0.4) !important;
  color: #e4e4e7 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="street_interview"] .panel-header,
html[data-gd-theme="street_interview"] .endpoint-header,
html[data-gd-theme="street_interview"] .notification-header {
  background: color-mix(in srgb, #09090b 70%, #27272a) !important;
  border-color: rgba(250,204,21,0.4) !important;
  color: #e4e4e7 !important;
}

/* Chat bubbles */
html[data-gd-theme="street_interview"] .msg.user {
  background: color-mix(in srgb, #facc15 22%, #27272a) !important;
  border: 1px solid rgba(250,204,21,0.4) !important;
}
html[data-gd-theme="street_interview"] .msg.assistant,
html[data-gd-theme="street_interview"] .msg.doc {
  background: #27272a !important;
  border: 1px solid rgba(250,204,21,0.4) !important;
}

/* Forms */
html[data-gd-theme="street_interview"] input,
html[data-gd-theme="street_interview"] textarea,
html[data-gd-theme="street_interview"] select,
html[data-gd-theme="street_interview"] .settings-select,
html[data-gd-theme="street_interview"] .custom-prompt-textarea {
  background: #09090b !important;
  color: #e4e4e7 !important;
  border: 1px solid rgba(250,204,21,0.4) !important;
  border-radius: 6px !important;
  font-family: inherit !important;
}
html[data-gd-theme="street_interview"] input:focus,
html[data-gd-theme="street_interview"] textarea:focus,
html[data-gd-theme="street_interview"] select:focus {
  outline: 2px solid #facc15 !important;
  outline-offset: 1px;
  border-color: #facc15 !important;
}
html[data-gd-theme="street_interview"] input::placeholder,
html[data-gd-theme="street_interview"] textarea::placeholder {
  color: #a1a1aa !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="street_interview"] .settings-group-title {
  color: #a1a1aa !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="street_interview"] .settings-label { color: #e4e4e7 !important; }
html[data-gd-theme="street_interview"] .settings-desc { color: #a1a1aa !important; }
html[data-gd-theme="street_interview"] .settings-item { border-bottom-color: rgba(250,204,21,0.4) !important; }
html[data-gd-theme="street_interview"] .settings-toggle {
  background: #09090b !important;
  border: 1px solid rgba(250,204,21,0.4);
}
html[data-gd-theme="street_interview"] .settings-toggle.on {
  background: #facc15 !important;
}

/* Typography helpers */
html[data-gd-theme="street_interview"] h1, html[data-gd-theme="street_interview"] h2, html[data-gd-theme="street_interview"] h3 {
  color: #facc15 !important;
}
html[data-gd-theme="street_interview"] h2 { color: #facc15 !important; }
html[data-gd-theme="street_interview"] p, html[data-gd-theme="street_interview"] .subtitle, html[data-gd-theme="street_interview"] .profile-empty {
  color: #a1a1aa !important;
}
html[data-gd-theme="street_interview"] code, html[data-gd-theme="street_interview"] .method, html[data-gd-theme="street_interview"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="street_interview"] .method.get { background: color-mix(in srgb, #facc15 30%, transparent) !important; color: #facc15 !important; }
html[data-gd-theme="street_interview"] .method.post { background: color-mix(in srgb, #fde047 30%, transparent) !important; color: #fde047 !important; }
html[data-gd-theme="street_interview"] .spec-link {
  background: #27272a !important;
  border-color: rgba(250,204,21,0.4) !important;
  color: #e4e4e7 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="street_interview"] .spec-link:hover {
  border-color: #facc15 !important;
  color: #facc15 !important;
}

/* Stickers board */
html[data-gd-theme="street_interview"] .area-label,
html[data-gd-theme="street_interview"] thead th:first-child {
  background: #18181b !important;
  color: #a1a1aa !important;
}
html[data-gd-theme="street_interview"] .cell.filled {
  background: color-mix(in srgb, #facc15 14%, transparent) !important;
}
html[data-gd-theme="street_interview"] .cell.today-col {
  border-color: #facc15 !important;
}
html[data-gd-theme="street_interview"] thead th.today-col {
  color: #facc15 !important;
}
html[data-gd-theme="street_interview"] .header h1 { color: #facc15 !important; }

/* Hero */
html[data-gd-theme="street_interview"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #facc15 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(250,204,21,0.4) !important;
}
html[data-gd-theme="street_interview"] .hero p { color: #a1a1aa !important; }

/* User chrome */
html[data-gd-theme="street_interview"] .user-badge {
  background: #27272a !important;
  color: #e4e4e7 !important;
  border: 1px solid rgba(250,204,21,0.4);
  border-radius: 6px !important;
}
html[data-gd-theme="street_interview"] .notification-bell { color: #a1a1aa !important; }
html[data-gd-theme="street_interview"] .notification-bell:hover { color: #e4e4e7 !important; }
html[data-gd-theme="street_interview"] .notification-badge { background: #ef4444 !important; }

/* Starter / misc chips */
html[data-gd-theme="street_interview"] .starter-btn {
  background: #27272a !important;
  border: 1px solid rgba(250,204,21,0.4) !important;
  color: #e4e4e7 !important;
  border-radius: 6px !important;
}
html[data-gd-theme="street_interview"] .starter-btn:hover {
  border-color: #facc15 !important;
  color: #facc15 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="street_interview"] .gd-style-picker {
  border-color: rgba(250,204,21,0.4);
}
html[data-gd-theme="street_interview"] .gd-style-option {
  background: #09090b;
  border-color: rgba(250,204,21,0.4);
  color: #e4e4e7;
}
html[data-gd-theme="street_interview"] .gd-style-option:hover,
html[data-gd-theme="street_interview"] .gd-style-option.selected {
  border-color: #facc15;
  box-shadow: 0 0 0 1px #facc15, 0 4px 16px rgba(250,204,21,0.4);
}
html[data-gd-theme="street_interview"] .gd-style-option.selected {
  background: color-mix(in srgb, #facc15 12%, #27272a);
}


html[data-gd-theme="street_interview"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="street_interview"] ::-webkit-scrollbar-track { background: #09090b; }
html[data-gd-theme="street_interview"] ::-webkit-scrollbar-thumb {
  background: #facc1588;
  border-radius: 6px;
  border: 2px solid #09090b;
}


html[data-gd-theme="street_interview"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="street_interview"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="street_interview"] body > .header,
html[data-gd-theme="street_interview"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="street_interview"] body > .popup-overlay,
html[data-gd-theme="street_interview"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="street_interview"] body::before {
  background-image:
    radial-gradient(circle at 15% 25%, rgba(255,255,255,0.03) 0 1px, transparent 2px),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.025) 0 1px, transparent 2px);
  opacity: 1;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: radio_wave
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="radio_wave"] {
  color-scheme: dark;
  --gd-bg: #1c1210;
  --gd-bg2: #0c0807;
  --gd-elevated: #2c1c18;
  --gd-fg: #fef3c7;
  --gd-muted: rgba(251,146,60,0.75);
  --gd-accent: #f59e0b;
  --gd-accent2: #fb923c;
  --gd-danger: #f87171;
  --gd-border: rgba(245,158,11,0.35);
  --gd-header: linear-gradient(135deg, rgba(245,158,11,0.25), #1c1210);
  --gd-radius: 10px;
  --gd-glow: rgba(251,146,60,0.4);
  --gd-font: system-ui, sans-serif;
  --gd-mono: ui-monospace, monospace;
  --gd-btn-bg: #f59e0b;
  --gd-btn-fg: #1c1210;
}

html[data-gd-theme="radio_wave"],
html[data-gd-theme="radio_wave"] body {
  background: #1c1210 !important;
  color: #fef3c7 !important;
  font-family: system-ui, sans-serif !important;
}

html[data-gd-theme="radio_wave"] ::selection {
  background: rgba(245,158,11,0.3);
  color: #fef3c7;
}

html[data-gd-theme="radio_wave"] a { color: #f59e0b !important; }
html[data-gd-theme="radio_wave"] a:hover { color: #fb923c !important; }

/* Header / chrome */
html[data-gd-theme="radio_wave"] .header,
html[data-gd-theme="radio_wave"] header {
  background: linear-gradient(135deg, rgba(245,158,11,0.25), #1c1210) !important;
  border-bottom-color: rgba(245,158,11,0.35) !important;
  color: #fef3c7 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="radio_wave"] .logo,
html[data-gd-theme="radio_wave"] .brand,
html[data-gd-theme="radio_wave"] .header .logo {
  color: #f59e0b !important;
}
html[data-gd-theme="radio_wave"] .header-links a,
html[data-gd-theme="radio_wave"] .header-title,
html[data-gd-theme="radio_wave"] .user-count,
html[data-gd-theme="radio_wave"] .badge {
  color: rgba(251,146,60,0.75) !important;
}
html[data-gd-theme="radio_wave"] .header-links a:hover { color: #f59e0b !important; }

/* Nav */
html[data-gd-theme="radio_wave"] .nav-tab {
  color: rgba(251,146,60,0.75) !important;
  border-radius: 10px !important;
}
html[data-gd-theme="radio_wave"] .nav-tab:hover {
  background: #2c1c18 !important;
  color: #fef3c7 !important;
}
html[data-gd-theme="radio_wave"] .nav-tab.active {
  background: color-mix(in srgb, #f59e0b 22%, transparent) !important;
  color: #f59e0b !important;
}

/* Buttons */
html[data-gd-theme="radio_wave"] .btn,
html[data-gd-theme="radio_wave"] .btn-primary,
html[data-gd-theme="radio_wave"] .btn.btn-primary,
html[data-gd-theme="radio_wave"] .hero-btn.primary {
  background: #f59e0b !important;
  color: #1c1210 !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(251,146,60,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="radio_wave"] .btn-primary:hover,
html[data-gd-theme="radio_wave"] .btn.btn-primary:hover,
html[data-gd-theme="radio_wave"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(251,146,60,0.4);
}
html[data-gd-theme="radio_wave"] .btn-secondary,
html[data-gd-theme="radio_wave"] .hero-btn.secondary,
html[data-gd-theme="radio_wave"] .lang-btn {
  background: color-mix(in srgb, #2c1c18 80%, transparent) !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(245,158,11,0.35) !important;
  border-radius: 10px !important;
}
html[data-gd-theme="radio_wave"] .btn-secondary:hover,
html[data-gd-theme="radio_wave"] .hero-btn.secondary:hover,
html[data-gd-theme="radio_wave"] .lang-btn:hover {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}
html[data-gd-theme="radio_wave"] .lang-btn.active {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #1c1210 !important;
}
html[data-gd-theme="radio_wave"] .btn-danger {
  background: #f87171 !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* Surfaces */
html[data-gd-theme="radio_wave"] .panel,
html[data-gd-theme="radio_wave"] .endpoint,
html[data-gd-theme="radio_wave"] .flow-step,
html[data-gd-theme="radio_wave"] .founder-card,
html[data-gd-theme="radio_wave"] .notification-dropdown,
html[data-gd-theme="radio_wave"] .modal-content,
html[data-gd-theme="radio_wave"] .auth-popup,
html[data-gd-theme="radio_wave"] .chat-login-card,
html[data-gd-theme="radio_wave"] .msg,
html[data-gd-theme="radio_wave"] .code-block,
html[data-gd-theme="radio_wave"] pre,
html[data-gd-theme="radio_wave"] .hc-log,
html[data-gd-theme="radio_wave"] .transcript-view {
  background: #2c1c18 !important;
  border-color: rgba(245,158,11,0.35) !important;
  color: #fef3c7 !important;
  border-radius: 10px !important;
}
html[data-gd-theme="radio_wave"] .panel-header,
html[data-gd-theme="radio_wave"] .endpoint-header,
html[data-gd-theme="radio_wave"] .notification-header {
  background: color-mix(in srgb, #0c0807 70%, #2c1c18) !important;
  border-color: rgba(245,158,11,0.35) !important;
  color: #fef3c7 !important;
}

/* Chat bubbles */
html[data-gd-theme="radio_wave"] .msg.user {
  background: color-mix(in srgb, #f59e0b 22%, #2c1c18) !important;
  border: 1px solid rgba(245,158,11,0.35) !important;
}
html[data-gd-theme="radio_wave"] .msg.assistant,
html[data-gd-theme="radio_wave"] .msg.doc {
  background: #2c1c18 !important;
  border: 1px solid rgba(245,158,11,0.35) !important;
}

/* Forms */
html[data-gd-theme="radio_wave"] input,
html[data-gd-theme="radio_wave"] textarea,
html[data-gd-theme="radio_wave"] select,
html[data-gd-theme="radio_wave"] .settings-select,
html[data-gd-theme="radio_wave"] .custom-prompt-textarea {
  background: #0c0807 !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(245,158,11,0.35) !important;
  border-radius: 10px !important;
  font-family: inherit !important;
}
html[data-gd-theme="radio_wave"] input:focus,
html[data-gd-theme="radio_wave"] textarea:focus,
html[data-gd-theme="radio_wave"] select:focus {
  outline: 2px solid #f59e0b !important;
  outline-offset: 1px;
  border-color: #f59e0b !important;
}
html[data-gd-theme="radio_wave"] input::placeholder,
html[data-gd-theme="radio_wave"] textarea::placeholder {
  color: rgba(251,146,60,0.75) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="radio_wave"] .settings-group-title {
  color: rgba(251,146,60,0.75) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="radio_wave"] .settings-label { color: #fef3c7 !important; }
html[data-gd-theme="radio_wave"] .settings-desc { color: rgba(251,146,60,0.75) !important; }
html[data-gd-theme="radio_wave"] .settings-item { border-bottom-color: rgba(245,158,11,0.35) !important; }
html[data-gd-theme="radio_wave"] .settings-toggle {
  background: #0c0807 !important;
  border: 1px solid rgba(245,158,11,0.35);
}
html[data-gd-theme="radio_wave"] .settings-toggle.on {
  background: #f59e0b !important;
}

/* Typography helpers */
html[data-gd-theme="radio_wave"] h1, html[data-gd-theme="radio_wave"] h2, html[data-gd-theme="radio_wave"] h3 {
  color: #f59e0b !important;
}
html[data-gd-theme="radio_wave"] h2 { color: #f59e0b !important; }
html[data-gd-theme="radio_wave"] p, html[data-gd-theme="radio_wave"] .subtitle, html[data-gd-theme="radio_wave"] .profile-empty {
  color: rgba(251,146,60,0.75) !important;
}
html[data-gd-theme="radio_wave"] code, html[data-gd-theme="radio_wave"] .method, html[data-gd-theme="radio_wave"] pre {
  font-family: ui-monospace, monospace !important;
}

/* Docs-specific */
html[data-gd-theme="radio_wave"] .method.get { background: color-mix(in srgb, #f59e0b 30%, transparent) !important; color: #f59e0b !important; }
html[data-gd-theme="radio_wave"] .method.post { background: color-mix(in srgb, #fb923c 30%, transparent) !important; color: #fb923c !important; }
html[data-gd-theme="radio_wave"] .spec-link {
  background: #2c1c18 !important;
  border-color: rgba(245,158,11,0.35) !important;
  color: #fef3c7 !important;
  border-radius: 10px !important;
}
html[data-gd-theme="radio_wave"] .spec-link:hover {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}

/* Stickers board */
html[data-gd-theme="radio_wave"] .area-label,
html[data-gd-theme="radio_wave"] thead th:first-child {
  background: #1c1210 !important;
  color: rgba(251,146,60,0.75) !important;
}
html[data-gd-theme="radio_wave"] .cell.filled {
  background: color-mix(in srgb, #f59e0b 14%, transparent) !important;
}
html[data-gd-theme="radio_wave"] .cell.today-col {
  border-color: #f59e0b !important;
}
html[data-gd-theme="radio_wave"] thead th.today-col {
  color: #f59e0b !important;
}
html[data-gd-theme="radio_wave"] .header h1 { color: #f59e0b !important; }

/* Hero */
html[data-gd-theme="radio_wave"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #f59e0b 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(245,158,11,0.35) !important;
}
html[data-gd-theme="radio_wave"] .hero p { color: rgba(251,146,60,0.75) !important; }

/* User chrome */
html[data-gd-theme="radio_wave"] .user-badge {
  background: #2c1c18 !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(245,158,11,0.35);
  border-radius: 10px !important;
}
html[data-gd-theme="radio_wave"] .notification-bell { color: rgba(251,146,60,0.75) !important; }
html[data-gd-theme="radio_wave"] .notification-bell:hover { color: #fef3c7 !important; }
html[data-gd-theme="radio_wave"] .notification-badge { background: #f87171 !important; }

/* Starter / misc chips */
html[data-gd-theme="radio_wave"] .starter-btn {
  background: #2c1c18 !important;
  border: 1px solid rgba(245,158,11,0.35) !important;
  color: #fef3c7 !important;
  border-radius: 10px !important;
}
html[data-gd-theme="radio_wave"] .starter-btn:hover {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="radio_wave"] .gd-style-picker {
  border-color: rgba(245,158,11,0.35);
}
html[data-gd-theme="radio_wave"] .gd-style-option {
  background: #0c0807;
  border-color: rgba(245,158,11,0.35);
  color: #fef3c7;
}
html[data-gd-theme="radio_wave"] .gd-style-option:hover,
html[data-gd-theme="radio_wave"] .gd-style-option.selected {
  border-color: #f59e0b;
  box-shadow: 0 0 0 1px #f59e0b, 0 4px 16px rgba(251,146,60,0.4);
}
html[data-gd-theme="radio_wave"] .gd-style-option.selected {
  background: color-mix(in srgb, #f59e0b 12%, #2c1c18);
}


html[data-gd-theme="radio_wave"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="radio_wave"] ::-webkit-scrollbar-track { background: #0c0807; }
html[data-gd-theme="radio_wave"] ::-webkit-scrollbar-thumb {
  background: #f59e0b88;
  border-radius: 10px;
  border: 2px solid #0c0807;
}


html[data-gd-theme="radio_wave"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="radio_wave"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="radio_wave"] body > .header,
html[data-gd-theme="radio_wave"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="radio_wave"] body > .popup-overlay,
html[data-gd-theme="radio_wave"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="radio_wave"] body::before {
  background:
    repeating-linear-gradient(
      100deg,
      transparent,
      transparent 12px,
      #f59e0b0d 12px,
      #f59e0b0d 14px
    );
  opacity: 0.9;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: field_notes
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="field_notes"] {
  color-scheme: light;
  --gd-bg: #f8fafc;
  --gd-bg2: #f1f5f9;
  --gd-elevated: #ffffff;
  --gd-fg: #0f172a;
  --gd-muted: #64748b;
  --gd-accent: #1d4ed8;
  --gd-accent2: #2563eb;
  --gd-danger: #b91c1c;
  --gd-border: rgba(29,78,216,0.25);
  --gd-header: linear-gradient(180deg, #ffffff, #f8fafc);
  --gd-radius: 2px;
  --gd-glow: rgba(29,78,216,0.2);
  --gd-font: 'Caveat', 'Segoe Print', cursive;
  --gd-mono: 'Courier New', monospace;
  --gd-btn-bg: #1d4ed8;
  --gd-btn-fg: #ffffff;
}

html[data-gd-theme="field_notes"],
html[data-gd-theme="field_notes"] body {
  background: #f8fafc !important;
  color: #0f172a !important;
  font-family: 'Caveat', 'Segoe Print', cursive !important;
}

html[data-gd-theme="field_notes"] ::selection {
  background: rgba(29,78,216,0.15);
  color: #0f172a;
}

html[data-gd-theme="field_notes"] a { color: #1d4ed8 !important; }
html[data-gd-theme="field_notes"] a:hover { color: #2563eb !important; }

/* Header / chrome */
html[data-gd-theme="field_notes"] .header,
html[data-gd-theme="field_notes"] header {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  border-bottom-color: rgba(29,78,216,0.25) !important;
  color: #0f172a !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="field_notes"] .logo,
html[data-gd-theme="field_notes"] .brand,
html[data-gd-theme="field_notes"] .header .logo {
  color: #1d4ed8 !important;
}
html[data-gd-theme="field_notes"] .header-links a,
html[data-gd-theme="field_notes"] .header-title,
html[data-gd-theme="field_notes"] .user-count,
html[data-gd-theme="field_notes"] .badge {
  color: #64748b !important;
}
html[data-gd-theme="field_notes"] .header-links a:hover { color: #1d4ed8 !important; }

/* Nav */
html[data-gd-theme="field_notes"] .nav-tab {
  color: #64748b !important;
  border-radius: 2px !important;
}
html[data-gd-theme="field_notes"] .nav-tab:hover {
  background: #ffffff !important;
  color: #0f172a !important;
}
html[data-gd-theme="field_notes"] .nav-tab.active {
  background: color-mix(in srgb, #1d4ed8 22%, transparent) !important;
  color: #1d4ed8 !important;
}

/* Buttons */
html[data-gd-theme="field_notes"] .btn,
html[data-gd-theme="field_notes"] .btn-primary,
html[data-gd-theme="field_notes"] .btn.btn-primary,
html[data-gd-theme="field_notes"] .hero-btn.primary {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(29,78,216,0.2);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="field_notes"] .btn-primary:hover,
html[data-gd-theme="field_notes"] .btn.btn-primary:hover,
html[data-gd-theme="field_notes"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(29,78,216,0.2);
}
html[data-gd-theme="field_notes"] .btn-secondary,
html[data-gd-theme="field_notes"] .hero-btn.secondary,
html[data-gd-theme="field_notes"] .lang-btn {
  background: color-mix(in srgb, #ffffff 80%, transparent) !important;
  color: #0f172a !important;
  border: 1px solid rgba(29,78,216,0.25) !important;
  border-radius: 2px !important;
}
html[data-gd-theme="field_notes"] .btn-secondary:hover,
html[data-gd-theme="field_notes"] .hero-btn.secondary:hover,
html[data-gd-theme="field_notes"] .lang-btn:hover {
  border-color: #1d4ed8 !important;
  color: #1d4ed8 !important;
}
html[data-gd-theme="field_notes"] .lang-btn.active {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #ffffff !important;
}
html[data-gd-theme="field_notes"] .btn-danger {
  background: #b91c1c !important;
  color: #fff !important;
  border-radius: 2px !important;
}

/* Surfaces */
html[data-gd-theme="field_notes"] .panel,
html[data-gd-theme="field_notes"] .endpoint,
html[data-gd-theme="field_notes"] .flow-step,
html[data-gd-theme="field_notes"] .founder-card,
html[data-gd-theme="field_notes"] .notification-dropdown,
html[data-gd-theme="field_notes"] .modal-content,
html[data-gd-theme="field_notes"] .auth-popup,
html[data-gd-theme="field_notes"] .chat-login-card,
html[data-gd-theme="field_notes"] .msg,
html[data-gd-theme="field_notes"] .code-block,
html[data-gd-theme="field_notes"] pre,
html[data-gd-theme="field_notes"] .hc-log,
html[data-gd-theme="field_notes"] .transcript-view {
  background: #ffffff !important;
  border-color: rgba(29,78,216,0.25) !important;
  color: #0f172a !important;
  border-radius: 2px !important;
}
html[data-gd-theme="field_notes"] .panel-header,
html[data-gd-theme="field_notes"] .endpoint-header,
html[data-gd-theme="field_notes"] .notification-header {
  background: color-mix(in srgb, #f1f5f9 70%, #ffffff) !important;
  border-color: rgba(29,78,216,0.25) !important;
  color: #0f172a !important;
}

/* Chat bubbles */
html[data-gd-theme="field_notes"] .msg.user {
  background: color-mix(in srgb, #1d4ed8 22%, #ffffff) !important;
  border: 1px solid rgba(29,78,216,0.25) !important;
}
html[data-gd-theme="field_notes"] .msg.assistant,
html[data-gd-theme="field_notes"] .msg.doc {
  background: #ffffff !important;
  border: 1px solid rgba(29,78,216,0.25) !important;
}

/* Forms */
html[data-gd-theme="field_notes"] input,
html[data-gd-theme="field_notes"] textarea,
html[data-gd-theme="field_notes"] select,
html[data-gd-theme="field_notes"] .settings-select,
html[data-gd-theme="field_notes"] .custom-prompt-textarea {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid rgba(29,78,216,0.25) !important;
  border-radius: 2px !important;
  font-family: inherit !important;
}
html[data-gd-theme="field_notes"] input:focus,
html[data-gd-theme="field_notes"] textarea:focus,
html[data-gd-theme="field_notes"] select:focus {
  outline: 2px solid #1d4ed8 !important;
  outline-offset: 1px;
  border-color: #1d4ed8 !important;
}
html[data-gd-theme="field_notes"] input::placeholder,
html[data-gd-theme="field_notes"] textarea::placeholder {
  color: #64748b !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="field_notes"] .settings-group-title {
  color: #64748b !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="field_notes"] .settings-label { color: #0f172a !important; }
html[data-gd-theme="field_notes"] .settings-desc { color: #64748b !important; }
html[data-gd-theme="field_notes"] .settings-item { border-bottom-color: rgba(29,78,216,0.25) !important; }
html[data-gd-theme="field_notes"] .settings-toggle {
  background: #f1f5f9 !important;
  border: 1px solid rgba(29,78,216,0.25);
}
html[data-gd-theme="field_notes"] .settings-toggle.on {
  background: #1d4ed8 !important;
}

/* Typography helpers */
html[data-gd-theme="field_notes"] h1, html[data-gd-theme="field_notes"] h2, html[data-gd-theme="field_notes"] h3 {
  color: #0f172a !important;
}
html[data-gd-theme="field_notes"] h2 { color: #1d4ed8 !important; }
html[data-gd-theme="field_notes"] p, html[data-gd-theme="field_notes"] .subtitle, html[data-gd-theme="field_notes"] .profile-empty {
  color: #64748b !important;
}
html[data-gd-theme="field_notes"] code, html[data-gd-theme="field_notes"] .method, html[data-gd-theme="field_notes"] pre {
  font-family: 'Courier New', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="field_notes"] .method.get { background: color-mix(in srgb, #1d4ed8 30%, transparent) !important; color: #1d4ed8 !important; }
html[data-gd-theme="field_notes"] .method.post { background: color-mix(in srgb, #2563eb 30%, transparent) !important; color: #2563eb !important; }
html[data-gd-theme="field_notes"] .spec-link {
  background: #ffffff !important;
  border-color: rgba(29,78,216,0.25) !important;
  color: #0f172a !important;
  border-radius: 2px !important;
}
html[data-gd-theme="field_notes"] .spec-link:hover {
  border-color: #1d4ed8 !important;
  color: #1d4ed8 !important;
}

/* Stickers board */
html[data-gd-theme="field_notes"] .area-label,
html[data-gd-theme="field_notes"] thead th:first-child {
  background: #f8fafc !important;
  color: #64748b !important;
}
html[data-gd-theme="field_notes"] .cell.filled {
  background: color-mix(in srgb, #1d4ed8 14%, transparent) !important;
}
html[data-gd-theme="field_notes"] .cell.today-col {
  border-color: #1d4ed8 !important;
}
html[data-gd-theme="field_notes"] thead th.today-col {
  color: #1d4ed8 !important;
}
html[data-gd-theme="field_notes"] .header h1 { color: #1d4ed8 !important; }

/* Hero */
html[data-gd-theme="field_notes"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #1d4ed8 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(29,78,216,0.25) !important;
}
html[data-gd-theme="field_notes"] .hero p { color: #64748b !important; }

/* User chrome */
html[data-gd-theme="field_notes"] .user-badge {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(29,78,216,0.25);
  border-radius: 2px !important;
}
html[data-gd-theme="field_notes"] .notification-bell { color: #64748b !important; }
html[data-gd-theme="field_notes"] .notification-bell:hover { color: #0f172a !important; }
html[data-gd-theme="field_notes"] .notification-badge { background: #b91c1c !important; }

/* Starter / misc chips */
html[data-gd-theme="field_notes"] .starter-btn {
  background: #ffffff !important;
  border: 1px solid rgba(29,78,216,0.25) !important;
  color: #0f172a !important;
  border-radius: 2px !important;
}
html[data-gd-theme="field_notes"] .starter-btn:hover {
  border-color: #1d4ed8 !important;
  color: #1d4ed8 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="field_notes"] .gd-style-picker {
  border-color: rgba(29,78,216,0.25);
}
html[data-gd-theme="field_notes"] .gd-style-option {
  background: #f1f5f9;
  border-color: rgba(29,78,216,0.25);
  color: #0f172a;
}
html[data-gd-theme="field_notes"] .gd-style-option:hover,
html[data-gd-theme="field_notes"] .gd-style-option.selected {
  border-color: #1d4ed8;
  box-shadow: 0 0 0 1px #1d4ed8, 0 4px 16px rgba(29,78,216,0.2);
}
html[data-gd-theme="field_notes"] .gd-style-option.selected {
  background: color-mix(in srgb, #1d4ed8 12%, #ffffff);
}


html[data-gd-theme="field_notes"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="field_notes"] ::-webkit-scrollbar-track { background: #f1f5f9; }
html[data-gd-theme="field_notes"] ::-webkit-scrollbar-thumb {
  background: #1d4ed888;
  border-radius: 2px;
  border: 2px solid #f1f5f9;
}


html[data-gd-theme="field_notes"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="field_notes"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="field_notes"] body > .header,
html[data-gd-theme="field_notes"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="field_notes"] body > .popup-overlay,
html[data-gd-theme="field_notes"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="field_notes"] body::before {
  background-image:
    linear-gradient(#1d4ed818 1px, transparent 1px),
    linear-gradient(90deg, #1d4ed818 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0.5;
}




/* ═══════════════════════════════════════════════════════════════
   Theme: civic_bulletin
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="civic_bulletin"] {
  color-scheme: dark;
  --gd-bg: #1e3a5f;
  --gd-bg2: #0f2744;
  --gd-elevated: #274c77;
  --gd-fg: #fefce8;
  --gd-muted: rgba(147,197,253,0.8);
  --gd-accent: #93c5fd;
  --gd-accent2: #dc2626;
  --gd-danger: #fca5a5;
  --gd-border: rgba(147,197,253,0.35);
  --gd-header: linear-gradient(180deg, #274c77, #1e3a5f);
  --gd-radius: 4px;
  --gd-glow: rgba(147,197,253,0.35);
  --gd-font: Georgia, serif;
  --gd-mono: monospace;
  --gd-btn-bg: #93c5fd;
  --gd-btn-fg: #1e3a5f;
}

html[data-gd-theme="civic_bulletin"],
html[data-gd-theme="civic_bulletin"] body {
  background: #1e3a5f !important;
  color: #fefce8 !important;
  font-family: Georgia, serif !important;
}

html[data-gd-theme="civic_bulletin"] ::selection {
  background: rgba(220,38,38,0.25);
  color: #fefce8;
}

html[data-gd-theme="civic_bulletin"] a { color: #93c5fd !important; }
html[data-gd-theme="civic_bulletin"] a:hover { color: #dc2626 !important; }

/* Header / chrome */
html[data-gd-theme="civic_bulletin"] .header,
html[data-gd-theme="civic_bulletin"] header {
  background: linear-gradient(180deg, #274c77, #1e3a5f) !important;
  border-bottom-color: rgba(147,197,253,0.35) !important;
  color: #fefce8 !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="civic_bulletin"] .logo,
html[data-gd-theme="civic_bulletin"] .brand,
html[data-gd-theme="civic_bulletin"] .header .logo {
  color: #93c5fd !important;
}
html[data-gd-theme="civic_bulletin"] .header-links a,
html[data-gd-theme="civic_bulletin"] .header-title,
html[data-gd-theme="civic_bulletin"] .user-count,
html[data-gd-theme="civic_bulletin"] .badge {
  color: rgba(147,197,253,0.8) !important;
}
html[data-gd-theme="civic_bulletin"] .header-links a:hover { color: #93c5fd !important; }

/* Nav */
html[data-gd-theme="civic_bulletin"] .nav-tab {
  color: rgba(147,197,253,0.8) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="civic_bulletin"] .nav-tab:hover {
  background: #274c77 !important;
  color: #fefce8 !important;
}
html[data-gd-theme="civic_bulletin"] .nav-tab.active {
  background: color-mix(in srgb, #93c5fd 22%, transparent) !important;
  color: #93c5fd !important;
}

/* Buttons */
html[data-gd-theme="civic_bulletin"] .btn,
html[data-gd-theme="civic_bulletin"] .btn-primary,
html[data-gd-theme="civic_bulletin"] .btn.btn-primary,
html[data-gd-theme="civic_bulletin"] .hero-btn.primary {
  background: #93c5fd !important;
  color: #1e3a5f !important;
  border-radius: 4px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(147,197,253,0.35);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="civic_bulletin"] .btn-primary:hover,
html[data-gd-theme="civic_bulletin"] .btn.btn-primary:hover,
html[data-gd-theme="civic_bulletin"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(147,197,253,0.35);
}
html[data-gd-theme="civic_bulletin"] .btn-secondary,
html[data-gd-theme="civic_bulletin"] .hero-btn.secondary,
html[data-gd-theme="civic_bulletin"] .lang-btn {
  background: color-mix(in srgb, #274c77 80%, transparent) !important;
  color: #fefce8 !important;
  border: 1px solid rgba(147,197,253,0.35) !important;
  border-radius: 4px !important;
}
html[data-gd-theme="civic_bulletin"] .btn-secondary:hover,
html[data-gd-theme="civic_bulletin"] .hero-btn.secondary:hover,
html[data-gd-theme="civic_bulletin"] .lang-btn:hover {
  border-color: #93c5fd !important;
  color: #93c5fd !important;
}
html[data-gd-theme="civic_bulletin"] .lang-btn.active {
  background: #93c5fd !important;
  border-color: #93c5fd !important;
  color: #1e3a5f !important;
}
html[data-gd-theme="civic_bulletin"] .btn-danger {
  background: #fca5a5 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

/* Surfaces */
html[data-gd-theme="civic_bulletin"] .panel,
html[data-gd-theme="civic_bulletin"] .endpoint,
html[data-gd-theme="civic_bulletin"] .flow-step,
html[data-gd-theme="civic_bulletin"] .founder-card,
html[data-gd-theme="civic_bulletin"] .notification-dropdown,
html[data-gd-theme="civic_bulletin"] .modal-content,
html[data-gd-theme="civic_bulletin"] .auth-popup,
html[data-gd-theme="civic_bulletin"] .chat-login-card,
html[data-gd-theme="civic_bulletin"] .msg,
html[data-gd-theme="civic_bulletin"] .code-block,
html[data-gd-theme="civic_bulletin"] pre,
html[data-gd-theme="civic_bulletin"] .hc-log,
html[data-gd-theme="civic_bulletin"] .transcript-view {
  background: #274c77 !important;
  border-color: rgba(147,197,253,0.35) !important;
  color: #fefce8 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="civic_bulletin"] .panel-header,
html[data-gd-theme="civic_bulletin"] .endpoint-header,
html[data-gd-theme="civic_bulletin"] .notification-header {
  background: color-mix(in srgb, #0f2744 70%, #274c77) !important;
  border-color: rgba(147,197,253,0.35) !important;
  color: #fefce8 !important;
}

/* Chat bubbles */
html[data-gd-theme="civic_bulletin"] .msg.user {
  background: color-mix(in srgb, #93c5fd 22%, #274c77) !important;
  border: 1px solid rgba(147,197,253,0.35) !important;
}
html[data-gd-theme="civic_bulletin"] .msg.assistant,
html[data-gd-theme="civic_bulletin"] .msg.doc {
  background: #274c77 !important;
  border: 1px solid rgba(147,197,253,0.35) !important;
}

/* Forms */
html[data-gd-theme="civic_bulletin"] input,
html[data-gd-theme="civic_bulletin"] textarea,
html[data-gd-theme="civic_bulletin"] select,
html[data-gd-theme="civic_bulletin"] .settings-select,
html[data-gd-theme="civic_bulletin"] .custom-prompt-textarea {
  background: #0f2744 !important;
  color: #fefce8 !important;
  border: 1px solid rgba(147,197,253,0.35) !important;
  border-radius: 4px !important;
  font-family: inherit !important;
}
html[data-gd-theme="civic_bulletin"] input:focus,
html[data-gd-theme="civic_bulletin"] textarea:focus,
html[data-gd-theme="civic_bulletin"] select:focus {
  outline: 2px solid #93c5fd !important;
  outline-offset: 1px;
  border-color: #93c5fd !important;
}
html[data-gd-theme="civic_bulletin"] input::placeholder,
html[data-gd-theme="civic_bulletin"] textarea::placeholder {
  color: rgba(147,197,253,0.8) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="civic_bulletin"] .settings-group-title {
  color: rgba(147,197,253,0.8) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="civic_bulletin"] .settings-label { color: #fefce8 !important; }
html[data-gd-theme="civic_bulletin"] .settings-desc { color: rgba(147,197,253,0.8) !important; }
html[data-gd-theme="civic_bulletin"] .settings-item { border-bottom-color: rgba(147,197,253,0.35) !important; }
html[data-gd-theme="civic_bulletin"] .settings-toggle {
  background: #0f2744 !important;
  border: 1px solid rgba(147,197,253,0.35);
}
html[data-gd-theme="civic_bulletin"] .settings-toggle.on {
  background: #93c5fd !important;
}

/* Typography helpers */
html[data-gd-theme="civic_bulletin"] h1, html[data-gd-theme="civic_bulletin"] h2, html[data-gd-theme="civic_bulletin"] h3 {
  color: #93c5fd !important;
}
html[data-gd-theme="civic_bulletin"] h2 { color: #93c5fd !important; }
html[data-gd-theme="civic_bulletin"] p, html[data-gd-theme="civic_bulletin"] .subtitle, html[data-gd-theme="civic_bulletin"] .profile-empty {
  color: rgba(147,197,253,0.8) !important;
}
html[data-gd-theme="civic_bulletin"] code, html[data-gd-theme="civic_bulletin"] .method, html[data-gd-theme="civic_bulletin"] pre {
  font-family: monospace !important;
}

/* Docs-specific */
html[data-gd-theme="civic_bulletin"] .method.get { background: color-mix(in srgb, #93c5fd 30%, transparent) !important; color: #93c5fd !important; }
html[data-gd-theme="civic_bulletin"] .method.post { background: color-mix(in srgb, #dc2626 30%, transparent) !important; color: #dc2626 !important; }
html[data-gd-theme="civic_bulletin"] .spec-link {
  background: #274c77 !important;
  border-color: rgba(147,197,253,0.35) !important;
  color: #fefce8 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="civic_bulletin"] .spec-link:hover {
  border-color: #93c5fd !important;
  color: #93c5fd !important;
}

/* Stickers board */
html[data-gd-theme="civic_bulletin"] .area-label,
html[data-gd-theme="civic_bulletin"] thead th:first-child {
  background: #1e3a5f !important;
  color: rgba(147,197,253,0.8) !important;
}
html[data-gd-theme="civic_bulletin"] .cell.filled {
  background: color-mix(in srgb, #93c5fd 14%, transparent) !important;
}
html[data-gd-theme="civic_bulletin"] .cell.today-col {
  border-color: #93c5fd !important;
}
html[data-gd-theme="civic_bulletin"] thead th.today-col {
  color: #93c5fd !important;
}
html[data-gd-theme="civic_bulletin"] .header h1 { color: #93c5fd !important; }

/* Hero */
html[data-gd-theme="civic_bulletin"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #93c5fd 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(147,197,253,0.35) !important;
}
html[data-gd-theme="civic_bulletin"] .hero p { color: rgba(147,197,253,0.8) !important; }

/* User chrome */
html[data-gd-theme="civic_bulletin"] .user-badge {
  background: #274c77 !important;
  color: #fefce8 !important;
  border: 1px solid rgba(147,197,253,0.35);
  border-radius: 4px !important;
}
html[data-gd-theme="civic_bulletin"] .notification-bell { color: rgba(147,197,253,0.8) !important; }
html[data-gd-theme="civic_bulletin"] .notification-bell:hover { color: #fefce8 !important; }
html[data-gd-theme="civic_bulletin"] .notification-badge { background: #fca5a5 !important; }

/* Starter / misc chips */
html[data-gd-theme="civic_bulletin"] .starter-btn {
  background: #274c77 !important;
  border: 1px solid rgba(147,197,253,0.35) !important;
  color: #fefce8 !important;
  border-radius: 4px !important;
}
html[data-gd-theme="civic_bulletin"] .starter-btn:hover {
  border-color: #93c5fd !important;
  color: #93c5fd !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="civic_bulletin"] .gd-style-picker {
  border-color: rgba(147,197,253,0.35);
}
html[data-gd-theme="civic_bulletin"] .gd-style-option {
  background: #0f2744;
  border-color: rgba(147,197,253,0.35);
  color: #fefce8;
}
html[data-gd-theme="civic_bulletin"] .gd-style-option:hover,
html[data-gd-theme="civic_bulletin"] .gd-style-option.selected {
  border-color: #93c5fd;
  box-shadow: 0 0 0 1px #93c5fd, 0 4px 16px rgba(147,197,253,0.35);
}
html[data-gd-theme="civic_bulletin"] .gd-style-option.selected {
  background: color-mix(in srgb, #93c5fd 12%, #274c77);
}


html[data-gd-theme="civic_bulletin"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="civic_bulletin"] ::-webkit-scrollbar-track { background: #0f2744; }
html[data-gd-theme="civic_bulletin"] ::-webkit-scrollbar-thumb {
  background: #93c5fd88;
  border-radius: 4px;
  border: 2px solid #0f2744;
}


html[data-gd-theme="civic_bulletin"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="civic_bulletin"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="civic_bulletin"] body > .header,
html[data-gd-theme="civic_bulletin"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="civic_bulletin"] body > .popup-overlay,
html[data-gd-theme="civic_bulletin"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="civic_bulletin"] body::before {
  background: linear-gradient(180deg, #93c5fd12, transparent 30%);
  opacity: 1;
}


html[data-gd-theme="civic_bulletin"] .badge, html[data-gd-theme="civic_bulletin"] .method {
  border: 2px solid #93c5fd !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}



/* ═══════════════════════════════════════════════════════════════
   Theme: night_dispatch
   ═══════════════════════════════════════════════════════════════ */
html[data-gd-theme="night_dispatch"] {
  color-scheme: dark;
  --gd-bg: #0b1220;
  --gd-bg2: #050810;
  --gd-elevated: #152038;
  --gd-fg: #e0e7ff;
  --gd-muted: rgba(129,140,248,0.75);
  --gd-accent: #4ade80;
  --gd-accent2: #818cf8;
  --gd-danger: #f87171;
  --gd-border: rgba(74,222,128,0.35);
  --gd-header: linear-gradient(90deg, rgba(74,222,128,0.15), rgba(129,140,248,0.15), #0b1220);
  --gd-radius: 6px;
  --gd-glow: rgba(74,222,128,0.4);
  --gd-font: 'Share Tech Mono', ui-monospace, monospace;
  --gd-mono: 'Share Tech Mono', monospace;
  --gd-btn-bg: #4ade80;
  --gd-btn-fg: #0b1220;
}

html[data-gd-theme="night_dispatch"],
html[data-gd-theme="night_dispatch"] body {
  background: #0b1220 !important;
  color: #e0e7ff !important;
  font-family: 'Share Tech Mono', ui-monospace, monospace !important;
}

html[data-gd-theme="night_dispatch"] ::selection {
  background: rgba(74,222,128,0.3);
  color: #e0e7ff;
}

html[data-gd-theme="night_dispatch"] a { color: #4ade80 !important; }
html[data-gd-theme="night_dispatch"] a:hover { color: #818cf8 !important; }

/* Header / chrome */
html[data-gd-theme="night_dispatch"] .header,
html[data-gd-theme="night_dispatch"] header {
  background: linear-gradient(90deg, rgba(74,222,128,0.15), rgba(129,140,248,0.15), #0b1220) !important;
  border-bottom-color: rgba(74,222,128,0.35) !important;
  color: #e0e7ff !important;
  backdrop-filter: blur(10px);
}
html[data-gd-theme="night_dispatch"] .logo,
html[data-gd-theme="night_dispatch"] .brand,
html[data-gd-theme="night_dispatch"] .header .logo {
  color: #4ade80 !important;
}
html[data-gd-theme="night_dispatch"] .header-links a,
html[data-gd-theme="night_dispatch"] .header-title,
html[data-gd-theme="night_dispatch"] .user-count,
html[data-gd-theme="night_dispatch"] .badge {
  color: rgba(129,140,248,0.75) !important;
}
html[data-gd-theme="night_dispatch"] .header-links a:hover { color: #4ade80 !important; }

/* Nav */
html[data-gd-theme="night_dispatch"] .nav-tab {
  color: rgba(129,140,248,0.75) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="night_dispatch"] .nav-tab:hover {
  background: #152038 !important;
  color: #e0e7ff !important;
}
html[data-gd-theme="night_dispatch"] .nav-tab.active {
  background: color-mix(in srgb, #4ade80 22%, transparent) !important;
  color: #4ade80 !important;
}

/* Buttons */
html[data-gd-theme="night_dispatch"] .btn,
html[data-gd-theme="night_dispatch"] .btn-primary,
html[data-gd-theme="night_dispatch"] .btn.btn-primary,
html[data-gd-theme="night_dispatch"] .hero-btn.primary {
  background: #4ade80 !important;
  color: #0b1220 !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 0 transparent, 0 2px 12px rgba(74,222,128,0.4);
  transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
}
html[data-gd-theme="night_dispatch"] .btn-primary:hover,
html[data-gd-theme="night_dispatch"] .btn.btn-primary:hover,
html[data-gd-theme="night_dispatch"] .hero-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 20px rgba(74,222,128,0.4);
}
html[data-gd-theme="night_dispatch"] .btn-secondary,
html[data-gd-theme="night_dispatch"] .hero-btn.secondary,
html[data-gd-theme="night_dispatch"] .lang-btn {
  background: color-mix(in srgb, #152038 80%, transparent) !important;
  color: #e0e7ff !important;
  border: 1px solid rgba(74,222,128,0.35) !important;
  border-radius: 6px !important;
}
html[data-gd-theme="night_dispatch"] .btn-secondary:hover,
html[data-gd-theme="night_dispatch"] .hero-btn.secondary:hover,
html[data-gd-theme="night_dispatch"] .lang-btn:hover {
  border-color: #4ade80 !important;
  color: #4ade80 !important;
}
html[data-gd-theme="night_dispatch"] .lang-btn.active {
  background: #4ade80 !important;
  border-color: #4ade80 !important;
  color: #0b1220 !important;
}
html[data-gd-theme="night_dispatch"] .btn-danger {
  background: #f87171 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* Surfaces */
html[data-gd-theme="night_dispatch"] .panel,
html[data-gd-theme="night_dispatch"] .endpoint,
html[data-gd-theme="night_dispatch"] .flow-step,
html[data-gd-theme="night_dispatch"] .founder-card,
html[data-gd-theme="night_dispatch"] .notification-dropdown,
html[data-gd-theme="night_dispatch"] .modal-content,
html[data-gd-theme="night_dispatch"] .auth-popup,
html[data-gd-theme="night_dispatch"] .chat-login-card,
html[data-gd-theme="night_dispatch"] .msg,
html[data-gd-theme="night_dispatch"] .code-block,
html[data-gd-theme="night_dispatch"] pre,
html[data-gd-theme="night_dispatch"] .hc-log,
html[data-gd-theme="night_dispatch"] .transcript-view {
  background: #152038 !important;
  border-color: rgba(74,222,128,0.35) !important;
  color: #e0e7ff !important;
  border-radius: 6px !important;
}
html[data-gd-theme="night_dispatch"] .panel-header,
html[data-gd-theme="night_dispatch"] .endpoint-header,
html[data-gd-theme="night_dispatch"] .notification-header {
  background: color-mix(in srgb, #050810 70%, #152038) !important;
  border-color: rgba(74,222,128,0.35) !important;
  color: #e0e7ff !important;
}

/* Chat bubbles */
html[data-gd-theme="night_dispatch"] .msg.user {
  background: color-mix(in srgb, #4ade80 22%, #152038) !important;
  border: 1px solid rgba(74,222,128,0.35) !important;
}
html[data-gd-theme="night_dispatch"] .msg.assistant,
html[data-gd-theme="night_dispatch"] .msg.doc {
  background: #152038 !important;
  border: 1px solid rgba(74,222,128,0.35) !important;
}

/* Forms */
html[data-gd-theme="night_dispatch"] input,
html[data-gd-theme="night_dispatch"] textarea,
html[data-gd-theme="night_dispatch"] select,
html[data-gd-theme="night_dispatch"] .settings-select,
html[data-gd-theme="night_dispatch"] .custom-prompt-textarea {
  background: #050810 !important;
  color: #e0e7ff !important;
  border: 1px solid rgba(74,222,128,0.35) !important;
  border-radius: 6px !important;
  font-family: inherit !important;
}
html[data-gd-theme="night_dispatch"] input:focus,
html[data-gd-theme="night_dispatch"] textarea:focus,
html[data-gd-theme="night_dispatch"] select:focus {
  outline: 2px solid #4ade80 !important;
  outline-offset: 1px;
  border-color: #4ade80 !important;
}
html[data-gd-theme="night_dispatch"] input::placeholder,
html[data-gd-theme="night_dispatch"] textarea::placeholder {
  color: rgba(129,140,248,0.75) !important;
  opacity: 0.8;
}

/* Settings / toggles */
html[data-gd-theme="night_dispatch"] .settings-group-title {
  color: rgba(129,140,248,0.75) !important;
  letter-spacing: 0.08em;
}
html[data-gd-theme="night_dispatch"] .settings-label { color: #e0e7ff !important; }
html[data-gd-theme="night_dispatch"] .settings-desc { color: rgba(129,140,248,0.75) !important; }
html[data-gd-theme="night_dispatch"] .settings-item { border-bottom-color: rgba(74,222,128,0.35) !important; }
html[data-gd-theme="night_dispatch"] .settings-toggle {
  background: #050810 !important;
  border: 1px solid rgba(74,222,128,0.35);
}
html[data-gd-theme="night_dispatch"] .settings-toggle.on {
  background: #4ade80 !important;
}

/* Typography helpers */
html[data-gd-theme="night_dispatch"] h1, html[data-gd-theme="night_dispatch"] h2, html[data-gd-theme="night_dispatch"] h3 {
  color: #4ade80 !important;
}
html[data-gd-theme="night_dispatch"] h2 { color: #4ade80 !important; }
html[data-gd-theme="night_dispatch"] p, html[data-gd-theme="night_dispatch"] .subtitle, html[data-gd-theme="night_dispatch"] .profile-empty {
  color: rgba(129,140,248,0.75) !important;
}
html[data-gd-theme="night_dispatch"] code, html[data-gd-theme="night_dispatch"] .method, html[data-gd-theme="night_dispatch"] pre {
  font-family: 'Share Tech Mono', monospace !important;
}

/* Docs-specific */
html[data-gd-theme="night_dispatch"] .method.get { background: color-mix(in srgb, #4ade80 30%, transparent) !important; color: #4ade80 !important; }
html[data-gd-theme="night_dispatch"] .method.post { background: color-mix(in srgb, #818cf8 30%, transparent) !important; color: #818cf8 !important; }
html[data-gd-theme="night_dispatch"] .spec-link {
  background: #152038 !important;
  border-color: rgba(74,222,128,0.35) !important;
  color: #e0e7ff !important;
  border-radius: 6px !important;
}
html[data-gd-theme="night_dispatch"] .spec-link:hover {
  border-color: #4ade80 !important;
  color: #4ade80 !important;
}

/* Stickers board */
html[data-gd-theme="night_dispatch"] .area-label,
html[data-gd-theme="night_dispatch"] thead th:first-child {
  background: #0b1220 !important;
  color: rgba(129,140,248,0.75) !important;
}
html[data-gd-theme="night_dispatch"] .cell.filled {
  background: color-mix(in srgb, #4ade80 14%, transparent) !important;
}
html[data-gd-theme="night_dispatch"] .cell.today-col {
  border-color: #4ade80 !important;
}
html[data-gd-theme="night_dispatch"] thead th.today-col {
  color: #4ade80 !important;
}
html[data-gd-theme="night_dispatch"] .header h1 { color: #4ade80 !important; }

/* Hero */
html[data-gd-theme="night_dispatch"] .hero {
  background: linear-gradient(180deg, color-mix(in srgb, #4ade80 12%, transparent) 0%, transparent 100%) !important;
  border-bottom-color: rgba(74,222,128,0.35) !important;
}
html[data-gd-theme="night_dispatch"] .hero p { color: rgba(129,140,248,0.75) !important; }

/* User chrome */
html[data-gd-theme="night_dispatch"] .user-badge {
  background: #152038 !important;
  color: #e0e7ff !important;
  border: 1px solid rgba(74,222,128,0.35);
  border-radius: 6px !important;
}
html[data-gd-theme="night_dispatch"] .notification-bell { color: rgba(129,140,248,0.75) !important; }
html[data-gd-theme="night_dispatch"] .notification-bell:hover { color: #e0e7ff !important; }
html[data-gd-theme="night_dispatch"] .notification-badge { background: #f87171 !important; }

/* Starter / misc chips */
html[data-gd-theme="night_dispatch"] .starter-btn {
  background: #152038 !important;
  border: 1px solid rgba(74,222,128,0.35) !important;
  color: #e0e7ff !important;
  border-radius: 6px !important;
}
html[data-gd-theme="night_dispatch"] .starter-btn:hover {
  border-color: #4ade80 !important;
  color: #4ade80 !important;
}

/* Style picker chrome (shared component) */
html[data-gd-theme="night_dispatch"] .gd-style-picker {
  border-color: rgba(74,222,128,0.35);
}
html[data-gd-theme="night_dispatch"] .gd-style-option {
  background: #050810;
  border-color: rgba(74,222,128,0.35);
  color: #e0e7ff;
}
html[data-gd-theme="night_dispatch"] .gd-style-option:hover,
html[data-gd-theme="night_dispatch"] .gd-style-option.selected {
  border-color: #4ade80;
  box-shadow: 0 0 0 1px #4ade80, 0 4px 16px rgba(74,222,128,0.4);
}
html[data-gd-theme="night_dispatch"] .gd-style-option.selected {
  background: color-mix(in srgb, #4ade80 12%, #152038);
}


html[data-gd-theme="night_dispatch"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-gd-theme="night_dispatch"] ::-webkit-scrollbar-track { background: #050810; }
html[data-gd-theme="night_dispatch"] ::-webkit-scrollbar-thumb {
  background: #4ade8088;
  border-radius: 6px;
  border: 2px solid #050810;
}


html[data-gd-theme="night_dispatch"] body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: 0.45;
}
html[data-gd-theme="night_dispatch"] body > * { position: relative; z-index: 1; }
/* Keep sticky chrome (header + menus) above page content */
html[data-gd-theme="night_dispatch"] body > .header,
html[data-gd-theme="night_dispatch"] body > header {
  z-index: 1000;
}
/* Modals must keep position:fixed and stack above the header (Donate, auth, etc.) */
html[data-gd-theme="night_dispatch"] body > .popup-overlay,
html[data-gd-theme="night_dispatch"] body > .sticker-picker-backdrop {
  position: fixed !important;
  z-index: 5000 !important;
}


html[data-gd-theme="night_dispatch"] body::before {
  background:
    linear-gradient(90deg, #4ade8015 0, transparent 20%, transparent 80%, #818cf812 100%),
    repeating-linear-gradient(0deg, transparent, transparent 22px, #4ade8008 22px, #4ade8008 23px);
  opacity: 0.85;
}


html[data-gd-theme="night_dispatch"] .header::after {
  content: "SYS // ONLINE";
  position: absolute; right: 12px; bottom: 2px;
  font-size: 9px; letter-spacing: 0.15em;
  color: #4ade80; opacity: 0.55;
  font-family: 'Share Tech Mono', monospace;
}
html[data-gd-theme="night_dispatch"] .header { position: sticky; }