/* Features that require the original site's live services are absent in the mirror. */
#nav-music,
#music-panel { display: none !important; }

.mirror-banner {
  position: sticky;
  top: 0;
  z-index: 2147483000;
  box-sizing: border-box;
  min-height: 28px;
  padding: 5px 14px;
  border-bottom: 1px solid rgba(126, 146, 156, .24);
  background: rgba(18, 24, 29, .88);
  color: #dce7eb;
  font: 12px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
  text-align: center;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

/* Keep the original fixed navigation below the mirror notice. */
.header {
  top: var(--mirror-banner-height, 28px);
}

@media (prefers-color-scheme: light) {
  .mirror-banner {
    background: rgba(248, 250, 251, .94);
    color: #38464d;
  }
}