.moon-header {
  position: sticky; top: 0; z-index: 9000; height: 76px; display: flex; align-items: center;
  background: rgba(7,9,20,.82); border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(18px) saturate(1.5);
}
.moon-header__inner { display: flex; align-items: center; justify-content: space-between; }
.moon-brand { display: flex; align-items: center; gap: 11px; text-decoration: none; font: 600 20px var(--font-display); }
.moon-brand strong { font-weight: 700; }
.moon-brand__orbit { position: relative; display: block; width: 34px; height: 34px; border: 1px solid rgba(118,87,255,.8); border-radius: 50%; transform: rotate(-20deg); }
.moon-brand__orbit::before { content: ''; position: absolute; inset: 7px; border-radius: 50%; background: linear-gradient(135deg, #fff, var(--moon-gold) 40%, var(--solar-pink)); box-shadow: 0 0 22px rgba(255,79,154,.8); }
.moon-brand__orbit span { position: absolute; width: 6px; height: 6px; right: -2px; top: 9px; border-radius: 50%; background: var(--electric-cyan); box-shadow: 0 0 10px var(--electric-cyan); }
.moon-nav { display: flex; align-items: center; gap: 22px; }
.moon-nav > a { color: #c7c5d7; text-decoration: none; font-size: 14px; font-weight: 600; }
.moon-nav > a:hover { color: white; }
.moon-user { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.13); }
.moon-footer { padding: 28px 0; border-top: 1px solid rgba(255,255,255,.08); color: #747489; font-size: 12px; }
.moon-footer .shell { display: flex; justify-content: space-between; }
body.is-fullscreen { height: 100dvh; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
body.is-fullscreen > .moon-header { flex: 0 0 76px; }
body.is-fullscreen > main { flex: 1; min-height: 0; }
@media (max-width: 700px) {
  .moon-nav > a:not(.moon-user) { display: none; }
  .moon-user { display: none !important; }
  .moon-footer .shell { gap: 10px; flex-direction: column; }
}