/* Vexro 2026: black, white, and a single measured grid. This is the last stylesheet. */
:root {
  color-scheme: dark;
  --mono-bg: #0b0b0b;
  --mono-paper: #151515;
  --mono-soft: #222222;
  --mono-ink: #f4f4f4;
  --mono-muted: #aaaaaa;
  --mono-line: #383838;
  --mono-strong: #777777;
  --mono-action: #f4f4f4;
  --mono-action-ink: #0b0b0b;
  --mono-width: 1200px;
  --mono-gutter: 32px;
  --vx-bg: var(--mono-bg);
  --vx-surface: var(--mono-paper);
  --vx-surface-raised: var(--mono-soft);
  --vx-ink: var(--mono-ink);
  --vx-muted: var(--mono-muted);
  --vx-line: var(--mono-line);
  --vx-line-strong: var(--mono-strong);
  --vx-lime: var(--mono-action);
  --vx-lime-ink: var(--mono-action-ink);
}
html.vx-dark {
  color-scheme: dark;
  --mono-bg: #0b0b0b;
  --mono-paper: #151515;
  --mono-soft: #222222;
  --mono-ink: #f4f4f4;
  --mono-muted: #aaaaaa;
  --mono-line: #383838;
  --mono-strong: #777777;
  --mono-action: #f4f4f4;
  --mono-action-ink: #0b0b0b;
}
html.vx-light {
  color-scheme: light;
  --mono-bg: #f7f7f7;
  --mono-paper: #ffffff;
  --mono-soft: #eeeeee;
  --mono-ink: #111111;
  --mono-muted: #626262;
  --mono-line: #d6d6d6;
  --mono-strong: #999999;
  --mono-action: #111111;
  --mono-action-ink: #ffffff;
}
html body[data-page] {
  margin: 0;
  min-width: 0;
  overflow-x: clip;
  color: var(--mono-ink) !important;
  background: var(--mono-bg) !important;
  background-image: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
html body[data-page]::before, html body[data-page]::after { display: none !important; }
html body[data-page] :is(.aurora, .grid-overlay, .page-video, .page-video-overlay, .top-glow, .vx-aurora, .vx-topglow) { display: none !important; }
html body[data-page="tour"] .cursor-grid { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; pointer-events: none !important; z-index: 1 !important; overflow: hidden !important; }
html body[data-page="tour"] .cursor-grid__canvas { display: block !important; width: 100% !important; height: 100% !important; pointer-events: none !important; }
html body[data-page="tour"] #canvas-container { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
html.vx-dark body[data-page="tour"] #canvas-container { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
html body[data-page="tour"] .crt-warp { opacity: 0.10 !important; mix-blend-mode: screen !important; }
html body[data-page]:not([data-page="tour"]) .crt-warp {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  z-index: 1 !important;
  overflow: hidden !important;
  opacity: 0.08 !important;
  mix-blend-mode: multiply !important;
}
html.vx-dark body[data-page]:not([data-page="tour"]) .crt-warp {
  opacity: 0.18 !important;
  mix-blend-mode: screen !important;
}
html body[data-page]:not([data-page="tour"]) .crt-warp canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
}
html body[data-page="tour"] .tour-particle-heading {
  width: 100% !important;
  max-width: 980px !important;
  height: clamp(130px, 18vw, 210px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  filter: none !important;
  text-shadow: none !important;
}
html body[data-page="tour"] .tour-particle-heading .particle-text {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(130px, 18vw, 210px) !important;
  display: block !important;
}
html body[data-page] :is(h1, h2, h3, h4, .brand, .section-title, .vx-title) {
  color: var(--mono-ink) !important;
  -webkit-text-fill-color: var(--mono-ink) !important;
  background: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.055em !important;
  text-shadow: none !important;
  filter: none !important;
}
html body[data-page] :is(p, .subtitle, .section-sub, .vx-subtitle, .about-note) { color: var(--mono-muted) !important; text-shadow: none !important; }
html body[data-page] :is(.page-kicker, .hero-eyebrow, .section-eyebrow, .about-kicker, .vx-emote-users-eyebrow, .sitemap-kicker) {
  color: var(--mono-ink) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
html body[data-page] :is(.page-kicker, .hero-eyebrow, .section-eyebrow, .about-kicker, .vx-emote-users-eyebrow, .sitemap-kicker)::before,
html body[data-page] :is(.page-kicker, .hero-eyebrow, .section-eyebrow, .about-kicker, .vx-emote-users-eyebrow, .sitemap-kicker) .dot { display: none !important; }
html body[data-page] :is(.state, .dot) { background: var(--mono-ink) !important; box-shadow: none !important; }
html body[data-page] :is(.shell, .sitemap-shell, .vx-shell) {
  position: relative !important;
  z-index: 2 !important;
  width: min(var(--mono-width), calc(100% - 2 * var(--mono-gutter))) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

/* A single navigation line replaces the floating glass bar on every page. */
html body[data-page] :is(.topbar, .vx-topbar) {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mono-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body[data-page] :is(.topbar, .vx-topbar)::before, html body[data-page] :is(.topbar, .vx-topbar)::after { display: none !important; }
html body[data-page] :is(.brand-link, .sitemap-brand, .vx-brandmark) {
  color: var(--mono-ink) !important;
  text-shadow: none !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase;
}
html body[data-page] :is(.tabs, .sitemap-nav, .nav-links) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  margin: 0 0 0 auto !important;
  gap: clamp(18px, 3.2vw, 44px) !important;
}
html body[data-page] :is(.tab, .sitemap-nav a, .nav-link) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 48px;
  padding: 6px 4px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--mono-muted) !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  white-space: nowrap;
  transform: none !important;
  transition: color .15s ease, border-color .15s ease;
}
html body[data-page] :is(.tab.active, .tab[aria-current="page"], .sitemap-nav a[aria-current="page"], .nav-link.active) {
  color: var(--mono-ink) !important;
  border-bottom-color: var(--mono-ink) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-text-fill-color: var(--mono-ink) !important;
}
html body[data-page] :is(.tab.active, .tab[aria-current="page"])::after { display: none !important; }

/* One geometry for actions, inputs, and focus. */
html body[data-page] :is(.btn, .mini-btn, .mini, .hero-cta, .action-btn, .social-btn, .vx-btn, .vx-toplink, .vx-back, .back-link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  min-height: 46px !important;
  padding: 11px 18px !important;
  border: 1px solid var(--mono-ink) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mono-ink) !important;
  -webkit-text-fill-color: var(--mono-ink) !important;
  font-size: .84rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transform: none !important;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease !important;
}
html body[data-page] :is(.btn-primary, .mini-btn.primary, .card-actions .mini-btn:first-child, .hero-cta, .vx-btn.primary, .vx-btn-primary) {
  color: var(--mono-action-ink) !important;
  -webkit-text-fill-color: var(--mono-action-ink) !important;
  border-color: var(--mono-action) !important;
  background: var(--mono-action) !important;
}
html body[data-page] :is(.btn, .mini-btn, .hero-cta)::after { display: none !important; }
html body[data-page] :is(input, select, textarea, .searchbar, .script-search, .platform-filter, .catalog-filter select) {
  color: var(--mono-ink) !important;
  -webkit-text-fill-color: var(--mono-ink) !important;
  border-color: var(--mono-strong) !important;
  border-radius: 0 !important;
  background: var(--mono-paper) !important;
  box-shadow: none !important;
  font-family: inherit !important;
}
html body[data-page] :is(input, textarea)::placeholder { color: var(--mono-muted) !important; opacity: 1; }
html body[data-page] :is(.searchbar input, .script-search input, .platform-filter select) { border: 0 !important; background: transparent !important; }
html body[data-page] :is(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--mono-ink) !important; outline-offset: 3px !important; box-shadow: none !important; }
html body[data-page] [data-vx-reveal] { opacity: 1 !important; transition: none !important; }
html body[data-page] .rise { opacity: 1 !important; animation: none !important; transform: none !important; }

/* Tour: giant lettering, a simple image pair, and ruled sections. */
html body[data-page="tour"] .hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  align-items: center !important;
  gap: clamp(40px, 6vw, 88px) !important;
  width: 100% !important;
  min-height: min(690px, calc(100svh - 70px)) !important;
  padding: 72px 0 80px !important;
  text-align: left !important;
}
html body[data-page="tour"] .tour-hero-copy { max-width: 670px; }
html body[data-page="tour"] .hero-eyebrow { padding: 0 !important; margin: 0 0 28px !important; }
html body[data-page="tour"] .brand { max-width: none !important; margin: 0 0 22px !important; font-size: clamp(5rem, 10vw, 10rem) !important; line-height: .8 !important; letter-spacing: -.09em !important; animation: none !important; }
html body[data-page="tour"] .subtitle { max-width: 38ch !important; margin: 0 !important; font-size: clamp(1rem, 1.5vw, 1.2rem) !important; line-height: 1.65 !important; }
html body[data-page="tour"] .hero-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 510px); gap: 8px !important; margin-top: 34px !important; }
html body[data-page="tour"] .hero-actions .btn { width: 100% !important; }
html body[data-page="tour"] .hero-brand-lockup { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; height: auto !important; border: 1px solid var(--mono-strong) !important; background: var(--mono-paper) !important; overflow: hidden !important; }
html body[data-page="tour"] .hero-emote-orbit { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; animation: none !important; cursor: zoom-in; }
html body[data-page="tour"] .hero-emote-orbit + .hero-emote-orbit { border-left: 1px solid var(--mono-line) !important; }
html body[data-page="tour"] .hero-emote-orbit::before, html body[data-page="tour"] .hero-emote-orbit::after { display: none !important; }
html body[data-page="tour"] .hero-emote { display: block; width: 100% !important; height: auto !important; max-height: 480px !important; border: 0 !important; border-radius: 0 !important; object-fit: contain !important; transform: none !important; }
html body[data-page="tour"] .stats { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; max-width: 960px !important; margin: 0 auto !important; border-block: 1px solid var(--mono-line) !important; background: transparent !important; }
html body[data-page="tour"] .stat { min-width: 0; padding: 22px 18px !important; border: 0 !important; border-right: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-align: center !important; transform: none !important; }
html body[data-page="tour"] .stat:last-child { border-right: 0 !important; }
html body[data-page="tour"] .stat::before { display: none !important; }
html body[data-page="tour"] .stat-num { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; font-size: clamp(1.3rem, 2.4vw, 2.2rem) !important; letter-spacing: -.05em !important; }
html body[data-page="tour"] .stat-label { color: var(--mono-muted) !important; font-size: .72rem !important; letter-spacing: .1em !important; }
html body[data-page="tour"] .section { width: 100% !important; max-width: 1040px !important; margin: 0 auto !important; padding: 96px 0 !important; border-top: 1px solid var(--mono-line) !important; }
html body[data-page="tour"] .section-head { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; margin: 0 auto 40px !important; text-align: center !important; }
html body[data-page="tour"] .section-eyebrow { margin: 0 !important; }
html body[data-page="tour"] .section-title { margin: 0 !important; font-size: clamp(2.3rem, 4.8vw, 4.8rem) !important; line-height: .98 !important; text-align: center !important; }
html body[data-page="tour"] .section-sub { max-width: 52ch; margin: 0 auto !important; line-height: 1.65 !important; text-align: center !important; }
html body[data-page="tour"] .features { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid var(--mono-line) !important; border-left: 1px solid var(--mono-line) !important; }
html body[data-page="tour"] .feature { min-width: 0; min-height: 200px; padding: 26px !important; border: 0 !important; border-right: 1px solid var(--mono-line) !important; border-bottom: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; }
html body[data-page="tour"] .feature::before { display: none !important; }
html body[data-page="tour"] .feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px !important; height: 30px !important; margin-bottom: 32px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: var(--mono-ink) !important; }
html body[data-page="tour"] .feature h3 { margin-bottom: 10px !important; font-size: 1.25rem !important; }
html body[data-page="tour"] .feature p { margin: 0 !important; line-height: 1.55 !important; }
html body[data-page="tour"] .teaser-grid, html body[data-page="tour"] .executor-preview-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; background: none !important; border: 0 !important; overflow: visible !important; }
html body[data-page="tour"] :is(.teaser, .executor-preview) { display: flex !important; flex-direction: column !important; min-width: 0; height: 100%; padding: 0 0 22px !important; border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; color: var(--mono-ink) !important; transform: none !important; text-decoration: none !important; }
html body[data-page="tour"] :is(.teaser, .executor-preview)::before { display: none !important; }
html body[data-page="tour"] .teaser-thumb { width: 100% !important; height: auto !important; aspect-ratio: 16 / 10; object-fit: cover; margin: 0 0 18px !important; border: 0 !important; border-bottom: 1px solid var(--mono-line) !important; border-radius: 0 !important; transform: none !important; }
html body[data-page="tour"] :is(.teaser-tag, .teaser h3, .teaser p, .executor-preview-top, .executor-preview > p, .executor-preview-meta) { margin-inline: 20px !important; }
html body[data-page="tour"] :is(.teaser-tag, .executor-preview-tag, .executors-teaser-label) { color: var(--mono-muted) !important; background: none !important; border: 0 !important; box-shadow: none !important; }
html body[data-page="tour"] .teaser h3 { margin-top: 12px !important; font-size: 1.25rem !important; }
html body[data-page="tour"] .teaser p { margin-top: 8px !important; }
html body[data-page="tour"] .executors-teaser { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-align: center !important; }
html body[data-page="tour"] .executors-teaser-head { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; margin-bottom: 28px !important; }
html body[data-page="tour"] .executors-teaser-title { font-size: clamp(2.3rem, 4.8vw, 4.8rem) !important; text-align: center !important; }
html body[data-page="tour"] .executors-teaser-sub { max-width: 54ch !important; margin: 10px auto 0 !important; text-align: center !important; }
html body[data-page="tour"] .executor-preview { padding: 24px !important; text-align: left !important; }
html body[data-page="tour"] .executor-preview-meta { margin-top: auto !important; padding-top: 28px !important; }
html body[data-page="tour"] .executors-teaser-actions { display: flex !important; justify-content: center !important; margin-top: 24px !important; }
html body[data-page="tour"] .cta { max-width: 960px !important; margin: 0 auto !important; padding: 72px 20px !important; border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; text-align: center !important; }
html body[data-page="tour"] .cta::after { display: none !important; }
html body[data-page="tour"] .cta :is(h2, p) { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; text-align: center !important; }
html body[data-page="tour"] .cta p { color: var(--mono-muted) !important; -webkit-text-fill-color: var(--mono-muted) !important; margin: 10px auto 0 !important; }
html body[data-page="tour"] .cta .btn-primary { color: var(--mono-action-ink) !important; -webkit-text-fill-color: var(--mono-action-ink) !important; border-color: var(--mono-action) !important; background: var(--mono-action) !important; }
html body[data-page="tour"] .footer-note { max-width: 960px; margin: 32px auto 48px !important; padding-top: 20px; border-top: 1px solid var(--mono-line); color: var(--mono-muted) !important; font-size: .82rem; text-align: center !important; }
html body[data-page="tour"] .footer-note a { color: var(--mono-ink) !important; }

/* Active users stay a functional preview, but no longer look like a glowing card. */
html body[data-page] .vx-emote-users-section { width: 100% !important; max-width: 960px !important; margin: 0 auto !important; padding: 48px 0 !important; }
html body[data-page] .vx-emote-users-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px !important;
  min-height: 200px;
  padding: 36px 40px !important;
  border: 1px solid var(--mono-line) !important;
  border-left: 3px solid var(--mono-strong) !important;
  border-radius: 4px !important;
  background: var(--mono-paper) !important;
  color: var(--mono-ink) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
  text-align: left !important;
}
html body[data-page] .vx-emote-users-card::after { display: none !important; }
html body[data-page] .vx-emote-users-copy {
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding-left: 20px !important;
  border-left: 2px solid var(--mono-strong) !important;
}
html body[data-page] .vx-emote-avatar-stack {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  padding: 0 !important;
  overflow: visible !important;
}
html body[data-page] .vx-emote-avatar-stack :is(.vx-emote-avatar, .vx-emote-avatar-more) {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  margin: 0 !important;
  border: 1px solid var(--mono-strong) !important;
  border-radius: 50% !important;
  background: var(--mono-paper) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}
html body[data-page] .vx-emote-avatar-stack .vx-emote-avatar-more { color: var(--mono-ink) !important; }
html body[data-page] :is(.vx-emote-users-subtitle, .vx-emote-users-page-count, .vx-emote-empty) { color: var(--mono-muted) !important; }
html body[data-page] .vx-emote-users-title {
  max-width: 22ch !important;
  margin: 12px 0 10px !important;
  font-size: clamp(1.8rem, 3.2vw, 3rem) !important;
  line-height: 1.08 !important;
  text-align: left !important;
}
html body[data-page] .vx-emote-users-count { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; }
html body[data-page] .vx-emote-users-actions { display: flex !important; justify-content: flex-start !important; margin-top: 16px !important; }
@media (max-width: 768px) {
  html body[data-page] .vx-emote-users-card {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  html body[data-page] .vx-emote-avatar-stack {
    justify-content: flex-start !important;
  }
}
html body[data-page] .vx-emote-users-page { width: min(var(--mono-width), calc(100% - 2 * var(--mono-gutter))) !important; margin-inline: auto !important; padding: 52px 0 88px !important; }
html body[data-page="emote-users"] .vx-emote-users-page-card { padding: 32px 36px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; color: var(--mono-ink) !important; box-shadow: none !important; backdrop-filter: blur(8px) !important; }
html body[data-page="emote-users"] .vx-emote-users-page-card::after { display: none !important; }
html body[data-page="emote-users"] :is(.vx-emote-users-page-count, .vx-emote-empty) { color: var(--mono-muted) !important; }
html body[data-page] .vx-emote-topbar { width: min(var(--mono-width), calc(100% - 2 * var(--mono-gutter))) !important; }
html body[data-page] .vx-emote-users-page-head { border-bottom: 1px solid var(--mono-line) !important; }
html body[data-page] .vx-emote-users-page-title { max-width: 20ch !important; font-size: clamp(2.8rem, 6vw, 6rem) !important; }
html body[data-page] .vx-emote-users-grid { gap: 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; filter: none !important; }
html body[data-page] .vx-emote-users-grid .vx-emote-avatar { border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; filter: none !important; }

/* Catalogue: one heading, one tool row, equal cards. */
html body[data-page="scripts"] .content { padding: 0 !important; }
html body[data-page="scripts"] .section-panel { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 80px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html body[data-page="scripts"] .catalog-hero { display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr) !important; align-items: end; gap: 60px; padding: 84px 0 56px !important; border-bottom: 1px solid var(--mono-strong) !important; }
html body[data-page="scripts"] .catalog-hero h1 { max-width: 13ch !important; margin: 14px 0 18px !important; font-size: clamp(3.5rem, 7vw, 7.2rem) !important; line-height: .88 !important; }
html body[data-page="scripts"] .catalog-hero p { max-width: 47ch; font-size: 1.05rem !important; line-height: 1.65 !important; padding: 14px 20px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; background: var(--mono-paper) !important; border-radius: 4px !important; backdrop-filter: blur(8px) !important; }
html body[data-page="scripts"] .catalog-index { padding: 18px 24px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; background: var(--mono-paper) !important; border-radius: 4px !important; color: var(--mono-muted) !important; backdrop-filter: blur(8px) !important; }
html body[data-page="scripts"] .catalog-index strong { display: block; margin-bottom: 10px; color: var(--mono-ink) !important; }
html body[data-page="scripts"] .section-head { display: flex !important; justify-content: space-between; align-items: end; gap: 24px; margin: 72px 0 24px !important; border: 0 !important; }
html body[data-page="scripts"] .section-head h2 { font-size: clamp(1.8rem, 3.2vw, 3rem) !important; line-height: 1.05 !important; }
html body[data-page="scripts"] .page-count { border: 0 !important; border-radius: 0 !important; color: var(--mono-muted) !important; background: none !important; }
html body[data-page="scripts"] .catalog-controls { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(180px, 220px) !important; align-items: end; gap: 10px !important; margin-bottom: 12px !important; }
html body[data-page="scripts"] .script-tools, html body[data-page="scripts"] .script-search { width: 100% !important; margin: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
html body[data-page="scripts"] .script-search { padding-inline: 14px !important; border: 1px solid var(--mono-strong) !important; }
html body[data-page="scripts"] .catalog-filter { color: var(--mono-muted) !important; }
html body[data-page="scripts"] .catalog-filter select { width: 100%; min-height: 48px; }
html body[data-page="scripts"] .catalog-status { margin: 0 0 24px !important; color: var(--mono-muted) !important; }
html body[data-page="scripts"] .cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 24px !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; }
html body[data-page="scripts"] .card { display: flex !important; flex-direction: column !important; min-width: 0; min-height: 100%; padding: clamp(22px, 3vw, 32px) !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid transparent !important; border-radius: 4px !important; background: var(--mono-paper) !important; box-shadow: none !important; transform: none !important; transition: border-color .22s cubic-bezier(.16, 1, .3, 1), border-left-color .22s cubic-bezier(.16, 1, .3, 1), box-shadow .22s cubic-bezier(.16, 1, .3, 1), transform .22s cubic-bezier(.16, 1, .3, 1) !important; }
html body[data-page="scripts"] .card { opacity: 1 !important; filter: none !important; }
html body[data-page="scripts"] .card[hidden] { display: none !important; }
html body[data-page="scripts"] .card::before { display: none !important; }
html body[data-page="scripts"] .card h3 { min-height: 0; margin: 18px 0 10px !important; font-size: clamp(1.35rem, 2vw, 1.75rem) !important; line-height: 1.16 !important; }
html body[data-page="scripts"] .card p { min-height: 0; margin: 0 !important; font-size: .93rem !important; line-height: 1.65 !important; }
html body[data-page="scripts"] .tags { display: flex; min-height: 20px; gap: 7px !important; }
html body[data-page="scripts"] .tag { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; color: var(--mono-muted) !important; box-shadow: none !important; font-size: .65rem !important; letter-spacing: .07em; text-transform: uppercase; }
html body[data-page="scripts"] .tag .state { display: none !important; }
html body[data-page="scripts"] .preview-wrap { display: block !important; height: auto !important; margin-top: 28px !important; border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-bg) !important; overflow: hidden !important; }
html body[data-page="scripts"] .script-preview { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0 !important; transform: none !important; }
html body[data-page="scripts"] .loadstring-line { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center !important; min-height: 64px !important; gap: 12px !important; padding: 10px 12px !important; border-top: 1px solid var(--mono-line) !important; background: var(--mono-soft) !important; }
html body[data-page="scripts"] .loadstring-text { min-width: 0; align-self: center !important; padding: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: var(--mono-muted) !important; scrollbar-width: none; }
html body[data-page="scripts"] .copy-icon { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: auto !important; height: 42px !important; min-height: 42px !important; padding: 0 14px !important; border: 1px solid var(--mono-ink) !important; border-radius: 0 !important; background: var(--mono-ink) !important; color: var(--mono-action-ink) !important; font: 700 .78rem Arial, Helvetica, sans-serif !important; white-space: nowrap; box-shadow: none !important; transform: none !important; }
html body[data-page="scripts"] .copy-icon svg { flex: 0 0 auto; }
html body[data-page="scripts"] .copy-icon:is(.success, .error) { border-color: var(--mono-ink) !important; color: var(--mono-action-ink) !important; background: var(--mono-ink) !important; }
html body[data-page="scripts"] .card-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: auto !important; padding-top: 22px !important; }
html body[data-page="scripts"] .card-actions > * { min-width: 0; width: 100% !important; height: 46px !important; }
html body[data-page="scripts"] .vexro-script-lock { border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-bg) !important; color: var(--mono-ink) !important; }
html body[data-page="scripts"] .vexro-script-lock-eye { color: var(--mono-ink) !important; background: none !important; box-shadow: none !important; }
html body[data-page="scripts"] .feedback-toast { border-color: var(--mono-ink) !important; border-radius: 0 !important; background: var(--mono-ink) !important; color: var(--mono-action-ink) !important; box-shadow: none !important; }

/* Executors: a live directory with ruled rows instead of coloured panels. */
html body[data-page="executors"] .content { margin: 0 !important; padding: 0 !important; }
html body[data-page="executors"] .panel { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 80px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
html body[data-page="executors"] .hero { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: end !important; gap: 30px !important; margin: 0 0 28px !important; padding: 84px 0 56px !important; border-bottom: 1px solid var(--mono-strong) !important; text-align: left !important; }
html body[data-page="executors"] .hero h1 { max-width: 12ch; margin: 12px 0 16px !important; font-size: clamp(3.5rem, 7vw, 7.2rem) !important; line-height: .88 !important; }
html body[data-page="executors"] .hero p { max-width: 52ch; line-height: 1.65 !important; padding: 14px 20px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; color: var(--mono-muted) !important; backdrop-filter: blur(8px) !important; }
html body[data-page="executors"] .hero-cta { min-width: 190px; white-space: nowrap; }
html body[data-page="executors"] .toolbar { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(180px, 220px) auto !important; align-items: stretch !important; gap: 10px !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: none !important; }
html body[data-page="executors"] :is(.searchbar, .platform-filter, .sort-pill) { min-width: 0 !important; min-height: 48px !important; padding: 10px 14px !important; border: 1px solid var(--mono-strong) !important; border-radius: 0 !important; background: var(--mono-paper) !important; color: var(--mono-muted) !important; }
html body[data-page="executors"] .sort-pill { display: flex; align-items: center; font-size: .7rem; white-space: normal; }
html body[data-page="executors"] .summary-strip { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1px !important; margin-bottom: 18px !important; padding: 1px !important; border: 0 !important; background: var(--mono-line) !important; }
html body[data-page="executors"] .summary-card { min-width: 0; min-height: 114px; padding: 20px !important; border: 0 !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; text-align: left !important; transform: none !important; }
html body[data-page="executors"] .summary-card span { color: var(--mono-muted) !important; }
html body[data-page="executors"] .summary-card strong { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; font-size: 1.9rem !important; }
html body[data-page="executors"] .summary-card p { margin: 4px 0 0 !important; }
html body[data-page="executors"] .status-note { margin-bottom: 28px !important; padding: 16px 22px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; color: var(--mono-muted) !important; backdrop-filter: blur(8px) !important; }
html body[data-page="executors"] .platform-groups { gap: 32px !important; }
html body[data-page="executors"] .platform-group { border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; }
html body[data-page="executors"] .platform-head { border-bottom: 1px solid var(--mono-line) !important; }
html body[data-page="executors"] .executor-card { border: 0 !important; border-bottom: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; transform: none !important; }
html body[data-page="executors"] .executor-card:last-child { border-bottom: 0 !important; }
html body[data-page="executors"] .executor-rail { width: 2px !important; background: var(--mono-ink) !important; opacity: .32 !important; }
html body[data-page="executors"] :is(.badge, .version-pill, .updated-pill, .platform-count, .modal-badge) { border-color: var(--mono-line) !important; border-radius: 0 !important; background: none !important; color: var(--mono-muted) !important; box-shadow: none !important; }
html.vx-light body[data-page="executors"] :is(.badge, .version-pill, .updated-pill, .sunc-button),
html.vx-dark body[data-page="executors"] :is(.badge, .version-pill, .updated-pill, .sunc-button) { border-color: var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; box-shadow: none !important; }
html.vx-light body[data-page="executors"] .updated-pill.current,
html.vx-dark body[data-page="executors"] .updated-pill.current { border-color: var(--mono-action) !important; background: var(--mono-action) !important; color: var(--mono-action-ink) !important; -webkit-text-fill-color: var(--mono-action-ink) !important; }
html body[data-page="executors"] :is(.executor-title-line h3, .executor-updated, .detail-card strong) { color: var(--mono-ink) !important; }
html body[data-page="executors"] :is(.executor-lead, .updated-date, .expand-hint, .detail-card span, .detail-card small) { color: var(--mono-muted) !important; }
html body[data-page="executors"] .executor-detail { background: var(--mono-bg) !important; }
html body[data-page="executors"] .detail-card { border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; }
html body[data-page="executors"] .modal { background: rgba(0,0,0,.72) !important; }
html body[data-page="executors"] .modal-card { border: 1px solid var(--mono-strong) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; color: var(--mono-ink) !important; }
html body[data-page="executors"] :is(.metric-card, .gauge-inner, .modal-badge) { border-color: var(--mono-line) !important; background: var(--mono-bg) !important; color: var(--mono-ink) !important; }
html body[data-page="executors"] .gauge { filter: grayscale(1); }
html body[data-page="executors"] .footer-links { display: flex !important; gap: 8px !important; width: auto !important; margin-top: 32px !important; }

/* About and sitemap reuse the same measure and typography. */
html body[data-page="about"] .about-main { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 84px 0 96px !important; }
html body[data-page="about"] .about-kicker { margin: 0 0 20px !important; }
html body[data-page="about"] .about-heading { max-width: 14ch !important; font-size: clamp(3.5rem, 7vw, 7rem) !important; line-height: .9 !important; }
html body[data-page="about"] .about-layout { display: grid !important; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr) !important; align-items: start !important; gap: 60px !important; margin-top: 76px !important; padding-top: 26px !important; border-top: 1px solid var(--mono-strong) !important; }
html body[data-page="about"] .about-name { margin: 0 0 18px !important; font-size: clamp(2.5rem, 4vw, 4.2rem) !important; }
html body[data-page="about"] .about-note { max-width: 48ch; font-size: 1.05rem !important; line-height: 1.7 !important; padding: 18px 24px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; color: var(--mono-muted) !important; backdrop-filter: blur(8px) !important; }
html body[data-page="about"] .about-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: min(100%, 500px) !important; margin-top: 36px !important; }
html body[data-page="about"] .social-btn { width: 100% !important; justify-content: flex-start !important; }
html.vx-light body[data-page="about"] .about-actions .social-btn,
html.vx-dark body[data-page="about"] .about-actions .social-btn { border-color: var(--mono-ink) !important; background: transparent !important; color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; }
html body[data-page="about"] .about-actions .social-btn span { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; }
html body[data-page="about"] .social-btn :is(img, svg) { width: 18px !important; height: 18px !important; filter: none !important; }
html body[data-page="about"] .about-portrait { width: 100% !important; max-width: 340px !important; aspect-ratio: 4 / 5 !important; margin: 0 !important; border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; transform: none !important; }
html body[data-page="about"] .about-portrait::after { display: none !important; }
html body[data-page="sitemap"] .sitemap-shell { padding-bottom: 76px !important; }
html body[data-page="sitemap"] .sitemap-hero { grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr) !important; padding: 84px 0 48px !important; border-bottom: 1px solid var(--mono-strong) !important; }
html body[data-page="sitemap"] .sitemap-hero h1 { font-size: clamp(3.5rem, 7vw, 7rem) !important; }
html body[data-page="sitemap"] .sitemap-intro { max-width: 38ch !important; padding: 16px 22px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; color: var(--mono-muted) !important; backdrop-filter: blur(8px) !important; }
html body[data-page="sitemap"] .sitemap-sections { gap: 0 40px !important; }
html body[data-page="sitemap"] .sitemap-group { padding: 32px 0 !important; border: 0 !important; border-bottom: 1px solid var(--mono-line) !important; background: none !important; box-shadow: none !important; }
html body[data-page="sitemap"] .sitemap-group h2 span { color: var(--mono-muted) !important; }
html body[data-page="sitemap"] .sitemap-links a { color: var(--mono-ink) !important; border-color: var(--mono-line) !important; }
html body[data-page="sitemap"] .sitemap-links span { color: var(--mono-muted) !important; }

/* Settings keep their behaviour, without the old blue or lime chrome. */
html body[data-page] .vx-float-settings { position: fixed !important; top: auto !important; bottom: max(18px, env(safe-area-inset-bottom)) !important; right: max(18px, env(safe-area-inset-right)) !important; left: auto !important; width: auto !important; max-width: min(360px, calc(100vw - 36px)) !important; z-index: 1000 !important; color: var(--mono-ink) !important; pointer-events: none !important; }
html body[data-page] .vx-float-settings.is-open { width: min(360px, calc(100vw - 36px)) !important; }
html body[data-page] .vx-settings-trigger { pointer-events: auto !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; min-height: 52px !important; margin-left: auto !important; padding: 0 !important; border: 1px solid var(--mono-ink) !important; border-radius: 0 !important; background: var(--mono-ink) !important; color: var(--mono-action-ink) !important; box-shadow: none !important; transform: none !important; }
html body[data-page] .vx-settings-trigger :is([data-vx="settings"], small) { display: none !important; }
html body[data-page] .vx-settings-trigger .vx-trigger-icon { color: var(--mono-action-ink) !important; }
html body[data-page] .vx-settings-trigger :is(svg, path, circle) { color: var(--mono-action-ink) !important; stroke: var(--mono-action-ink) !important; }
html body[data-page] .vx-settings-panel { width: min(360px, calc(100vw - 36px)) !important; max-height: 0 !important; margin-bottom: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; color: var(--mono-ink) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(12px) scale(0.96) !important; transition: opacity .18s ease, transform .18s ease, visibility .18s !important; overflow: hidden !important; }
html body[data-page] .vx-float-settings.is-open .vx-settings-panel { max-height: min(70dvh, 520px) !important; margin-bottom: 8px !important; padding: 16px !important; border: 1px solid var(--mono-strong) !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) scale(1) !important; transition: opacity .2s ease, transform .2s cubic-bezier(.16, 1, .3, 1), visibility 0s !important; overflow-y: auto !important; }
html body[data-page] .vx-setting-row label { color: var(--mono-muted) !important; }
html body[data-page] .vx-row-icon { color: var(--mono-ink) !important; }
html body[data-page] .vx-choice { border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-bg) !important; box-shadow: none !important; color: var(--mono-ink) !important; transform: none !important; }
html body[data-page] .vx-choice.is-selected { border-color: var(--mono-ink) !important; background: var(--mono-ink) !important; color: var(--mono-action-ink) !important; }
html body[data-page] .vx-choice.is-selected :is(strong, small, span:not(.vx-flag)) { color: var(--mono-action-ink) !important; }
html body[data-page] .vx-flag, html body[data-page] .vx-flag svg, html body[data-page] .vx-flag svg * { filter: none !important; -webkit-filter: none !important; opacity: 1 !important; }

@media (hover: hover) and (pointer: fine) {
  html body[data-page] :is(.tab, .sitemap-nav a, .nav-link):hover { color: var(--mono-ink) !important; }
  html body[data-page] :is(.btn, .mini-btn, .mini, .hero-cta, .action-btn, .social-btn, .vx-btn, .vx-toplink, .vx-back, .back-link):hover { color: var(--mono-action-ink) !important; -webkit-text-fill-color: var(--mono-action-ink) !important; background: var(--mono-ink) !important; }
  html body[data-page="scripts"] .card:hover {
    border-color: var(--mono-strong) !important;
    border-left-color: var(--mono-ink) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
  }
  html body[data-page]:not([data-page="scripts"]) :is(.card, .feature, .teaser, .executor-card):hover { box-shadow: none !important; }
}

/* Detail pages: balanced image/text columns and unboxed content sections. */
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) {
  --detail-bg: var(--mono-bg);
  --detail-surface: var(--mono-paper);
  --detail-raised: var(--mono-soft);
  --detail-ink: var(--mono-ink);
  --detail-muted: var(--mono-muted);
  --detail-line: var(--mono-line);
  --detail-lime: var(--mono-action);
  color: var(--mono-ink) !important;
  background: var(--mono-bg) !important;
  color-scheme: inherit !important;
}
html.vx-light body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)),
html.vx-dark body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) { color: var(--mono-ink) !important; background: var(--mono-bg) !important; color-scheme: inherit !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.shell, .vx-shell) { width: min(var(--mono-width), calc(100% - 2 * var(--mono-gutter))) !important; padding: 0 0 88px !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.topbar, .vx-topbar) { min-height: 82px !important; padding: 0 !important; background: none !important; border-bottom: 1px solid var(--mono-line) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.topbar, .vx-topbar) a { color: var(--mono-ink) !important; text-decoration: none; }
html.vx-light body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.topbar, .vx-topbar) a { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.hero, .vx-hero) { display: flex !important; flex-direction: column !important; align-items: stretch !important; max-width: 960px !important; margin: 0 auto !important; gap: 36px !important; padding: 64px 0 72px !important; border-bottom: 1px solid var(--mono-strong) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.panel, .vx-panel, .section, .vx-section) { min-width: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; backdrop-filter: none !important; color: var(--mono-ink) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.panel, .vx-panel) { padding: 0 !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.preview, .vx-preview) { display: block !important; order: 1 !important; width: 100% !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.details, .vx-panel:not(:has(.vx-art))) { display: flex !important; flex-direction: column !important; align-items: stretch !important; order: 2 !important; width: 100% !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.art, .vx-art) { width: 100% !important; min-height: 0 !important; max-height: 520px !important; aspect-ratio: auto !important; overflow: hidden !important; border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: zoom-in; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.art, .vx-art)::before,
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.art, .vx-art)::after,
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-art-overlay { display: none !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.detail-art-image, .vx-art img) { display: block !important; width: 100% !important; height: auto !important; max-height: 520px !important; object-fit: contain !important; filter: none !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(h1, .vx-title) { max-width: none !important; margin: 0 0 24px !important; color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; background: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: clamp(2.6rem, 5vw, 5.5rem) !important; font-weight: 700 !important; line-height: .94 !important; letter-spacing: -.065em !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(h2, .vx-section-head h2) { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: clamp(1.6rem, 2.8vw, 2.7rem) !important; font-weight: 700 !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(h3, p, .subtitle, .vx-subtitle, .section p, .vx-section p) { color: var(--mono-muted) !important; overflow-wrap: anywhere; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.subtitle, .vx-subtitle) { max-width: 52ch !important; line-height: 1.7 !important; padding: 14px 20px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; backdrop-filter: blur(8px) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.pill, .vx-pill, .tag, .badge) { border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: none !important; color: var(--mono-muted) !important; box-shadow: none !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.meta, .vx-meta) { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.pill, .vx-pill) { width: auto !important; max-width: 100% !important; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.vx-dot, .vx-detail-index, .vx-section-kicker, .vx-output-state) { color: var(--mono-muted) !important; background: none !important; box-shadow: none !important; }
html.vx-light body[data-page^="detail-"] span:not(.badge) { color: var(--mono-muted) !important; -webkit-text-fill-color: var(--mono-muted) !important; }
html.vx-light body[data-page^="detail-"] :is(.vx-detail-note, .vx-source-card) strong { color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-dot { background: var(--mono-ink) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-detail-note { border-color: var(--mono-line) !important; background: none !important; color: var(--mono-muted) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-detail-note strong { color: var(--mono-ink) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-detail-note { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) !important; gap: 16px !important; align-items: start !important; margin-top: 22px !important; padding: 18px 22px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; backdrop-filter: blur(8px) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-detail-note :is(p, strong) { margin: 0 !important; line-height: 1.55 !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-detail-index { font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .1em !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-section-head { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 14px !important; margin-bottom: 22px !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-section-head h2 { margin: 0 !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.section, .vx-section) { margin: 0 !important; padding: 48px 0 !important; border-bottom: 1px solid var(--mono-line) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.description-box, .vx-desc-box, .source-card, .vx-source-card) { min-width: 0 !important; border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; box-shadow: none !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.description-title, .vx-desc-title, .source-head h3, .vx-source-head h3) { color: var(--mono-ink) !important; }
html body[data-page^="detail-"] :is(.description-box, .vx-desc-box) { margin-top: 24px !important; padding: 22px 24px !important; border: 1px solid var(--mono-line) !important; border-left: 3px solid var(--mono-strong) !important; border-radius: 4px !important; background: var(--mono-paper) !important; backdrop-filter: blur(8px) !important; box-shadow: none !important; }
html body[data-page^="detail-"] :is(.description-title, .vx-desc-title) { margin: 0 0 16px !important; font-size: clamp(1.15rem, 2vw, 1.55rem) !important; line-height: 1.25 !important; letter-spacing: -.025em !important; color: var(--mono-ink) !important; }
html body[data-page^="detail-"] :is(.description-lines, .vx-desc-lines) { color: var(--mono-muted) !important; line-height: 1.7 !important; }
html body[data-page^="detail-"] :is(.feature-grid, .vx-feature-grid) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 36px !important; margin-top: 24px !important; }
html body[data-page^="detail-"] :is(.feature-group, .vx-feature-group) { min-width: 0 !important; padding: 20px 0 !important; border: 0 !important; border-top: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; }
html body[data-page^="detail-"] :is(.feature-group, .vx-feature-group) h3 { margin: 0 0 8px !important; color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; font-size: 1.05rem !important; font-weight: 700 !important; line-height: 1.35 !important; }
html body[data-page^="detail-"] :is(.feature-group, .vx-feature-group) p { margin: 0 !important; color: var(--mono-muted) !important; -webkit-text-fill-color: var(--mono-muted) !important; line-height: 1.6 !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.btn, .small-btn, .copy, .vx-btn, .vx-toggle-row button, #copyLoadstring) { min-height: 46px !important; padding: 11px 17px !important; border: 1px solid var(--mono-ink) !important; border-radius: 0 !important; background: transparent !important; color: var(--mono-ink) !important; -webkit-text-fill-color: var(--mono-ink) !important; box-shadow: none !important; font-family: Arial, Helvetica, sans-serif !important; font-weight: 700 !important; text-align: center !important; transform: none !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.btn.primary, .btn.scriptblox, .btn.github, .vx-btn.primary, #copyLoadstring) { border-color: var(--mono-action) !important; background: var(--mono-action) !important; color: var(--mono-action-ink) !important; -webkit-text-fill-color: var(--mono-action-ink) !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.row, .toggle-row, .raw-actions, .source-actions, .vx-source-actions) { gap: 8px !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(pre, code, .vx-code, #loadstringText, #scriptText, #rawText) { max-width: 100% !important; min-width: 0; overflow-wrap: anywhere !important; word-break: break-word !important; white-space: pre-wrap !important; border: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; color: var(--mono-ink) !important; font-family: Consolas, Menlo, monospace !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(pre, .vx-code, #loadstringText, #scriptText, #rawText) { max-height: min(52vh, 560px) !important; overflow: auto !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-toast:not(.show) { display: none !important; }
html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) .vx-toast.show { border: 1px solid var(--mono-ink) !important; border-radius: 0 !important; background: var(--mono-ink) !important; color: var(--mono-action-ink) !important; box-shadow: none !important; }

/* Local raw viewers are intentionally plain; production raw endpoints remain source text. */
html body[data-page="raw"] .bar { border: 0 !important; border-bottom: 1px solid var(--mono-line) !important; border-radius: 0 !important; background: var(--mono-paper) !important; color: var(--mono-muted) !important; }
html body[data-page="raw"] pre { border: 0 !important; background: var(--mono-bg) !important; color: var(--mono-ink) !important; }

@media (max-width: 900px) {
  :root { --mono-gutter: 24px; }
  html body[data-page="tour"] .hero { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; gap: 36px !important; padding: 68px 0 !important; }
  html body[data-page="tour"] .hero-brand-lockup { height: auto !important; }
  html body[data-page="tour"] :is(.features, .teaser-grid, .executor-preview-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body[data-page="scripts"] .cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body[data-page="executors"] .toolbar { grid-template-columns: minmax(0, 1fr) minmax(160px, 220px) !important; }
  html body[data-page="executors"] .sort-pill { grid-column: 1 / -1; }
  html body[data-page="about"] .about-layout { gap: 32px !important; }
}
@media (max-width: 600px) {
  :root { --mono-gutter: 18px; }
  html body[data-page="scripts"] .vx-float-settings { top: auto !important; bottom: max(18px, env(safe-area-inset-bottom)) !important; right: 18px !important; }
  html body[data-page] :is(.topbar, .vx-topbar) { align-items: flex-start !important; flex-direction: column !important; gap: 6px !important; padding: 14px 0 0 !important; }
  html body[data-page] :is(.tabs, .sitemap-nav, .nav-links) { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; width: 100% !important; margin: 0 !important; gap: 4px !important; }
  html body[data-page] :is(.tab, .sitemap-nav a, .nav-link) { min-height: 43px !important; justify-content: center !important; font-size: clamp(.68rem, 2.4vw, .85rem) !important; white-space: normal; line-height: 1.2; text-align: center; }
  html body[data-page="tour"] .hero { padding: 56px 0 !important; }
  html body[data-page="tour"] .brand { font-size: clamp(4.1rem, 20vw, 7rem) !important; }
  html body[data-page="tour"] .hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body[data-page="tour"] .hero-actions .btn { min-width: 0 !important; padding-inline: 8px !important; font-size: .74rem !important; }
  html body[data-page="tour"] .hero-brand-lockup { height: auto !important; }
  html body[data-page="tour"] .stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body[data-page="tour"] .stat:nth-child(2) { border-right: 0 !important; }
  html body[data-page="tour"] .stat:nth-child(-n+2) { border-bottom: 1px solid var(--mono-line) !important; }
  html body[data-page="tour"] .section { padding: 62px 0 !important; }
  html body[data-page="tour"] .section-head { margin-bottom: 28px !important; }
  html body[data-page="tour"] :is(.features, .teaser-grid, .executor-preview-grid) { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-page] .vx-emote-users-card { text-align: center !important; }
  html body[data-page] .vx-emote-avatar-stack { justify-content: center !important; }
  html body[data-page="scripts"] .catalog-hero, html body[data-page="sitemap"] .sitemap-hero { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; padding: 48px 0 24px !important; }
  html body[data-page="scripts"] .catalog-hero h1, html body[data-page="executors"] .hero h1 { font-size: clamp(3rem, 11vw, 4.5rem) !important; }
  html body[data-page="scripts"] .catalog-hero p { padding: 12px 16px !important; font-size: .95rem !important; }
  html body[data-page="scripts"] .catalog-index { padding: 14px 18px !important; }
  html body[data-page="scripts"] .section-head { margin-top: 36px !important; margin-bottom: 16px !important; }
  html body[data-page="scripts"] .catalog-controls { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-page="scripts"] .cards { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-page="scripts"] .card h3, html body[data-page="scripts"] .card p { min-height: 0; }
  html body[data-page="executors"] .hero { grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; padding: 58px 0 34px !important; }
  html body[data-page="executors"] .hero-cta { justify-self: start; }
  html body[data-page="executors"] .toolbar { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-page="executors"] .sort-pill { grid-column: auto; }
  html body[data-page="executors"] .summary-strip { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body[data-page="about"] .about-main { padding: 58px 0 72px !important; }
  html body[data-page="about"] .about-heading { font-size: clamp(3rem, 11vw, 5rem) !important; }
  html body[data-page="about"] .about-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; margin-top: 48px !important; }
  html body[data-page="about"] .about-portrait { max-width: 240px !important; grid-row: 1; justify-self: start; }
  html body[data-page="sitemap"] .sitemap-sections { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.hero, .vx-hero) { gap: 24px !important; padding: 48px 0 42px !important; }
  html body[data-page^="detail-"]:is(:has(.hero .panel), :has(.vx-hero)) :is(.feature-grid, .vx-feature-grid) { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 374px) {
  :root { --mono-gutter: 14px; }
  html body[data-page] :is(.tab, .sitemap-nav a, .nav-link) { font-size: .68rem !important; }
  html body[data-page="tour"] .hero-actions { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-page="tour"] .hero-brand-lockup { height: auto !important; }
  html body[data-page="scripts"] .card { padding: 18px !important; }
  html body[data-page="about"] .about-actions { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-reduced-motion="false"]) { scroll-behavior: auto !important; }
  html:not([data-reduced-motion="false"]) body[data-page] *, html:not([data-reduced-motion="false"]) body[data-page] *::before, html:not([data-reduced-motion="false"]) body[data-page] *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
html.vx-reduced-motion body[data-page] *, html.vx-reduced-motion body[data-page] *::before, html.vx-reduced-motion body[data-page] *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }

/* Product screenshots, user avatars, and country flags retain their original colors within the monochrome interface. */
html body[data-page] .script-preview,
html body[data-page="tour"] :is(.hero-emote, .teaser-thumb),
html body[data-page] .vx-emote-avatar,
html body[data-page] .vx-flag,
html body[data-page] .vx-flag svg,
html body[data-page] .vx-flag svg *,
html body[data-page^="detail-"] :is(.detail-art-image, .vx-art img),
.vx-lightbox-img { filter: none !important; -webkit-filter: none !important; }

/* Lightbox modal with mouse-follow parallax */
.vx-lightbox-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.90) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity .22s ease, visibility .22s;
  cursor: zoom-out;
  padding: 24px !important;
}
.vx-lightbox-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}
.vx-lightbox-stage {
  position: relative !important;
  max-width: 92vw;
  max-height: 88vh;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  perspective: 1200px;
}
.vx-lightbox-img {
  max-width: 90vw !important;
  max-height: 84vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border: 1px solid var(--mono-strong) !important;
  background: var(--mono-paper) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.7) !important;
  transform-style: preserve-3d;
  will-change: transform;
  pointer-events: none;
  transition: transform .08s ease-out;
}
.vx-lightbox-close {
  position: absolute !important;
  top: max(20px, env(safe-area-inset-top)) !important;
  right: max(20px, env(safe-area-inset-right)) !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--mono-ink) !important;
  border-radius: 0 !important;
  background: var(--mono-paper) !important;
  color: var(--mono-ink) !important;
  font-size: 20px !important;
  font-family: Arial, sans-serif !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  z-index: 100001 !important;
  line-height: 1 !important;
}
.vx-lightbox-close:hover {
  background: var(--mono-ink) !important;
  color: var(--mono-action-ink) !important;
}

/* Pixel / Retro Animations & Transitions */
@keyframes vx-pixel-entrance {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  33% {
    opacity: 0.4;
    transform: translateY(5px);
  }
  66% {
    opacity: 0.8;
    transform: translateY(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes vx-pixel-sweep {
  0% { transform: translateY(-100%); opacity: 0; }
  15% { opacity: 0.45; }
  85% { opacity: 0.45; }
  100% { transform: translateY(100vh); opacity: 0; }
}

@keyframes vx-pixel-pulse {
  0% { transform: scale(1); filter: contrast(100%); }
  50% { transform: scale(0.97); filter: contrast(130%) brightness(120%); }
  100% { transform: scale(1); filter: contrast(100%); }
}

/* Page load & Tab transition stepped pixel entrance */
html body[data-page] :is(.catalog-hero, .hero, .about-main, .sitemap-hero, .vx-emote-users-section, .vx-emote-users-page-head) {
  animation: vx-pixel-entrance 0.28s steps(4, end) both;
}

html body[data-page] .cards > .card {
  animation: vx-pixel-entrance 0.32s steps(4, end) both;
}
html body[data-page] .cards > .card:nth-child(1) { animation-delay: 0.04s; }
html body[data-page] .cards > .card:nth-child(2) { animation-delay: 0.08s; }
html body[data-page] .cards > .card:nth-child(3) { animation-delay: 0.12s; }
html body[data-page] .cards > .card:nth-child(4) { animation-delay: 0.16s; }
html body[data-page] .cards > .card:nth-child(5) { animation-delay: 0.20s; }
html body[data-page] .cards > .card:nth-child(6) { animation-delay: 0.24s; }

/* Interactive pixel tactile feedback */
html body[data-page] :is(.tab, .sitemap-nav a, .nav-link) {
  position: relative !important;
  transition: transform .08s steps(2, end), color .18s ease !important;
}
html body[data-page] :is(.tab, .sitemap-nav a, .nav-link):active {
  transform: translateY(1px) scale(0.97) !important;
}
html body[data-page] :is(.btn, .mini-btn, .copy-icon, .vx-btn):active {
  transform: translate(1px, 2px) !important;
}

/* Pixel sweep beam on page / tab reveal */
.vx-pixel-sweep {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--mono-ink), transparent) !important;
  box-shadow: 0 0 12px var(--mono-ink) !important;
  pointer-events: none !important;
  z-index: 99999 !important;
  animation: vx-pixel-sweep 0.4s ease-out forwards !important;
}

/* Respect user's motion preference */
@media (prefers-reduced-motion: reduce) {
  html:not([data-reduced-motion="false"]) body[data-page] :is(.catalog-hero, .hero, .about-main, .sitemap-hero, .vx-emote-users-section, .vx-emote-users-page-head, .cards > .card, .vx-pixel-sweep) {
    animation: none !important;
    transform: none !important;
  }
}
html.vx-reduced-motion body[data-page] :is(.catalog-hero, .hero, .about-main, .sitemap-hero, .vx-emote-users-section, .vx-emote-users-page-head, .cards > .card, .vx-pixel-sweep) {
  animation: none !important;
  transform: none !important;
}

/* Bidirectional Scroll Reveal: in-view animations on scroll up and down */
html body[data-page] .vx-scroll-reveal {
  opacity: 0;
  transform: translateY(28px) scale(0.97);
  transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1), transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: opacity, transform;
}

html body[data-page] .vx-scroll-reveal.vx-in-view {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

html body[data-page] .vx-scroll-reveal.vx-out-view {
  opacity: 0 !important;
  transform: translateY(26px) scale(0.97) !important;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out !important;
}

html body[data-page] .vx-scroll-stagger-1 { transition-delay: 0.05s !important; }
html body[data-page] .vx-scroll-stagger-2 { transition-delay: 0.10s !important; }
html body[data-page] .vx-scroll-stagger-3 { transition-delay: 0.15s !important; }
html body[data-page] .vx-scroll-stagger-4 { transition-delay: 0.20s !important; }
html body[data-page] .vx-scroll-stagger-5 { transition-delay: 0.25s !important; }
html body[data-page] .vx-scroll-stagger-6 { transition-delay: 0.30s !important; }

@media (prefers-reduced-motion: reduce) {
  html:not([data-reduced-motion="false"]) body[data-page] .vx-scroll-reveal,
  html:not([data-reduced-motion="false"]) body[data-page] .vx-scroll-reveal.vx-out-view,
  html:not([data-reduced-motion="false"]) body[data-page] .vx-scroll-reveal.vx-in-view {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
html.vx-reduced-motion body[data-page] .vx-scroll-reveal,
html.vx-reduced-motion body[data-page] .vx-scroll-reveal.vx-out-view,
html.vx-reduced-motion body[data-page] .vx-scroll-reveal.vx-in-view {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}