/* Small platform signatures: the same quiet ink and glow as the lotus. */
html body.nocturne .social-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  vertical-align: -.22em;
  color: var(--bone, #e9e3d7);
  opacity: .82;
  pointer-events: none;
  transition: color .2s ease, filter .2s ease, opacity .2s ease;
}

[data-social] { --social-glow: #b8a3cb; }
[data-social="instagram"] { --social-glow: #d1a2c3; }
[data-social="youtube"] { --social-glow: #c59baa; }
[data-social="soundcloud"] { --social-glow: #cdb591; }
[data-social="facebook"] { --social-glow: #a1b6d2; }

html body.nocturne [data-social]:is(:hover, :focus-visible) .social-icon {
  color: var(--social-glow);
  opacity: 1;
  filter: drop-shadow(0 0 5px var(--social-glow));
}

html body.nocturne :is(.artist-social-nav, .follow-actions) a[data-social],
html body.nocturne a.channel-subscribe[data-social],
html body.nocturne .shelf-bottom > a[data-social] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
}

html body.nocturne .dual-youtube .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

html body.nocturne .channel-name > .social-icon {
  width: 21px;
  height: 21px;
  flex-basis: 21px;
}

html body.nocturne :is(.player-source, [data-video-source], .context-links a) > .social-icon {
  margin-inline-end: 7px;
}

html body.nocturne .text-link[data-social] > .social-icon {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
}

@media (prefers-reduced-motion: reduce) {
  html body.nocturne .social-icon { transition: none; }
}

@media (forced-colors: active) {
  html body.nocturne .social-icon,
  html body.nocturne [data-social]:is(:hover, :focus-visible) .social-icon {
    color: LinkText;
    opacity: 1;
    filter: none;
  }
}