.preview-navigation-shell{--sidebar-width:246px;min-height:100vh;background:#1a2c38}.preview-page-content{min-width:0;transition:margin-left .2s}.sidebar-open>.preview-page-content{margin-left:var(--sidebar-width)}.preview-navigation-shell .preview-page-content>header{background:#0f212e!important;backdrop-filter:none;border-color:#2f4553;min-height:80px}.preview-navigation-shell .site-header-main{padding-left:65px!important}.preview-navigation-shell .site-header-main>nav,.preview-navigation-shell #mobile-navigation,.preview-navigation-shell .site-header-actions>button[aria-controls="mobile-navigation"]{display:none!important}.preview-menu-toggle{position:fixed;left:16px;top:23px;z-index:60;color:#b1bad3;background:#213743;border:1px solid #365568;border-radius:5px;padding:8px;cursor:pointer}.preview-menu-toggle:hover{color:#fff;background:#2f4553}.preview-sidebar{position:fixed;top:80px;bottom:0;left:0;width:var(--sidebar-width);overflow-y:auto;z-index:50;background:#0f212e;border-right:1px solid #2f4553;padding:18px 12px}.preview-sidebar nav{display:flex;flex-direction:column;gap:8px}.preview-sidebar a,.preview-sidebar summary{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:5px;color:#b1bad3;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.preview-sidebar a>span{flex:1}.preview-sidebar svg{flex-shrink:0}.preview-sidebar a:hover,.preview-sidebar a[aria-current=page]{background:#213743;color:white}.preview-sidebar a b{font-size:11px;border-radius:20px;background:#284558;color:#8dccff;padding:3px 7px;white-space:nowrap}.preview-sidebar details{border:1px solid #2f4553;border-radius:6px;background:#152b38}.preview-sidebar summary{list-style:none}.preview-sidebar summary::-webkit-details-marker{display:none}.preview-sidebar summary>svg:last-child{margin-left:auto;transition:transform .2s}.preview-sidebar details[open]>summary>svg:last-child{transform:rotate(180deg)}.preview-sidebar details>div{border-left:1px solid #365568;margin:0 8px 8px 19px;padding-left:5px}.preview-sidebar details a{padding:10px 7px;font-size:12px}.preview-sidebar details a>svg{width:14px}.preview-join-links{border-top:1px solid #2f4553;padding-top:16px;margin-top:6px;display:grid;gap:7px}.preview-join-links a{border:1px solid #365568;background:#213743;color:white}.preview-join-links img{width:29px;height:21px;object-fit:contain}.preview-join-links a:last-child{background:#202b45}.preview-menu-scrim{display:none}.preview-navigation-shell :focus-visible{outline:2px solid #8dccff;outline-offset:3px}
@media(min-width:1000px){.sidebar-open .preview-menu-toggle{left:16px}.sidebar-open .site-header-main{padding-left:24px!important}}
@media(max-width:999px){.sidebar-open>.preview-page-content{margin-left:0}.preview-sidebar{width:246px;box-shadow:15px 0 40px #0005}.preview-menu-scrim{display:block;position:fixed;inset:80px 0 0;z-index:45;background:#0007}.preview-navigation-shell .site-header-actions{gap:4px}.preview-navigation-shell .site-header-main> a img:first-child{width:36px;height:36px}.preview-navigation-shell .site-header-main>a img:last-child{height:22px}.preview-navigation-shell .site-header-main{gap:6px;padding-right:10px!important}.preview-navigation-shell .site-utc-clock{display:none}.preview-navigation-shell .fp-hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.preview-page-content{transition:none}}
.preview-navigation-shell .site-header-main{height:80px;min-height:80px}.preview-navigation-shell .site-header-main>a img:first-child{max-width:48px;max-height:48px}.preview-navigation-shell .site-header-main>a>span:first-of-type{display:none}

.preview-sidebar .preview-rewards-total{font-size:11px;color:#00e701;font-weight:800;white-space:nowrap;margin-left:auto;font-variant-numeric:tabular-nums}.preview-sidebar .preview-rewards-total+svg{margin-left:0}.preview-stream-status{display:inline-flex;align-items:center;gap:5px;color:#8299aa;font-size:10px;font-weight:700;white-space:nowrap}.preview-stream-dot{width:7px;height:7px;border-radius:50%;background:#8299aa;flex-shrink:0}.preview-stream-status.is-live{color:#00e701}.preview-stream-status.is-live .preview-stream-dot{background:#00e701;box-shadow:0 0 7px #00e70155}

/* Your Hub matches the navy sidebar with a gold accent. */
.preview-navigation-shell .preview-sidebar a.preview-hub-shine {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f0ce82;
  font-weight: 700;
  background: #122a3d;
  box-shadow: inset 0 0 0 1px #d5aa595c;
}
.preview-navigation-shell .preview-sidebar a.preview-hub-shine:is(:hover, [aria-current="page"]) {
  color: #ffe4a5;
  background: #1a374d;
  box-shadow: inset 0 0 0 1px #e5bd76a6;
}
.preview-navigation-shell .preview-sidebar a.preview-hub-shine:focus-visible {
  outline: 2px solid #ffe4a5;
  outline-offset: 2px;
}
.preview-sidebar a.preview-hub-shine::after {
  content: "";
  position: absolute;
  inset: -35% 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, #f6d99824 50%, transparent 65%);
  animation: preview-hub-shine 6s ease-in-out infinite;
}
@keyframes preview-hub-shine {
  0%, 22% { transform: translateX(-110%); }
  62%, 100% { transform: translateX(110%); }
}
@media (prefers-reduced-motion: reduce) {
  .preview-sidebar a.preview-hub-shine::after { display: none; }
}
.preview-sidebar[hidden],.preview-menu-scrim[hidden]{display:none!important}.preview-sidebar{display:flex;flex-direction:column}.preview-sidebar nav{flex:1}#preview-clock{padding:0 0 16px;border-bottom:1px solid #2f4553;margin-bottom:12px}.preview-sidebar-clock{display:flex;justify-content:center;width:100%;color:#b1bad3;font-size:12px}#preview-admin-control{padding-top:18px;margin-top:24px;border-top:1px solid #2f4553}#preview-admin-control>a{justify-content:center;background:#213743;color:#b1bad3;border-color:#365568;border-radius:6px}.preview-social-dot{width:9px;height:9px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 3px #ef44441a;flex-shrink:0}

.preview-join-links img.preview-moon-wordmark{width:83px;height:23px;object-fit:contain;mix-blend-mode:screen;flex-shrink:0}
.preview-join-links a:last-child{gap:9px}

.moon-clean-wordmark{display:inline-block;width:92px;height:25px;flex:0 0 92px;background:#fff;mask-image:url('/moon-wordmark.png');mask-mode:luminance;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.preview-join-links .moon-clean-wordmark{width:82px;flex-basis:82px}

.preview-join-links img.moon-transparent-logo{width:78px;height:23px;object-fit:contain;filter:contrast(3);mix-blend-mode:screen;flex-shrink:0}