/* RELAX page chrome: viewport-level visuals only; never island internals. */
html{scrollbar-gutter:stable}

html::-webkit-scrollbar{width:8px}
html::-webkit-scrollbar-track{background:#03040B}
html::-webkit-scrollbar-thumb{background:linear-gradient(var(--green,#14f195),var(--purple,#9945FF));border-radius:10px}
html::-webkit-scrollbar-corner{background:#03040B}
@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#14f195 #03040B}}

/* NFT artwork stage: alpha in PNG/WebP/video must never expose the moving night sky behind the asset. */
.relax-four-island-page .item-media,
.relax-four-island-page .nft-media,
.relax-four-island-page .collection-detail-header>img,
.relax-four-island-page .preview-box{background:#0b1020!important;background-image:none!important}
.relax-four-island-page .item-media>img,
.relax-four-island-page .item-media>video,
.relax-four-island-page .nft-media>img,
.relax-four-island-page .nft-media>video{background:#0b1020!important}

.media-sound-toggle{position:absolute;right:7px;bottom:7px;z-index:4;width:30px;height:30px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,7,19,.82);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;font-size:14px;line-height:1}
.media-sound-toggle:hover,.media-sound-toggle:focus-visible{border-color:#14F195;outline:none}

/* Shared navbar-to-page rhythm. Desktop navbar: 22px top + 65px height + 22px gap.
   Mobile navbar: 22px top + 70px min-height + 22px gap. Homepage has no relax-page class; 404 is explicitly excluded. Keep this at the page root only. */
body.relax-page:not(.relax-404-page) [data-relax-island="page"],
body.relax-media-studio-page [data-relax-island="page"]{padding-top:109px!important}
@media(max-width:850px){
body.relax-page:not(.relax-404-page) [data-relax-island="page"],
body.relax-media-studio-page [data-relax-island="page"]{padding-top:114px!important}
}