.ai-films-bridge,
:root,
[data-theme="dark"],
[data-theme="light"] {
  --bg: #f7f7f4;
  --bg-2: #efefeb;
  --bg-glass: rgba(247,247,244,.82);
  --bg-glass-card: rgba(255,255,255,.84);
  --border: rgba(10,10,12,.14);
  --border-card: rgba(10,10,12,.18);
  --text: #101014;
  --text-2: rgba(10,10,12,.78);
  --text-3: rgba(10,10,12,.5);
  --accent: rgba(10,10,12,.06);
  --shadow: rgba(10,10,12,.12);
  --inset: rgba(255,255,255,.8);
  --color-white: #141418;
}

body { background: var(--bg) !important; }

#orbital { background: #f7f7f4 !important; }
#orbital svg { filter: invert(1); }
#orbital .rounded-2xl {
  background: rgba(255,255,255,.8) !important;
  border: 1px solid rgba(10,10,12,.12);
  box-shadow: 0 18px 50px rgba(10,10,12,.09);
}
#orbital [style*="color:rgba"] { color: rgba(10,10,12,.58) !important; }
#orbital h3[style*="color:rgba"] { color: rgba(10,10,12,.9) !important; }
header nav button:last-child { display: none; }

.ai-films-bridge {
  position: fixed;
  z-index: 100;
  top: 1.05rem;
  right: 6.75rem;
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0 .95rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: rgba(10,10,12,.72);
  font: 500 .68rem/1 Arial, sans-serif;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
  backdrop-filter: blur(16px);
  transition: color .2s, border-color .2s, background .2s;
}

.ai-films-bridge:hover {
  color: #fff;
  border-color: rgba(10,10,12,.28);
  background: #fff;
}

@media (max-width: 720px) {
  .ai-films-bridge {
    top: auto;
    right: 1rem;
    bottom: 1rem;
    min-height: 2.75rem;
    padding: 0 1.1rem;
  }
}