html,body{margin:0;background:#020912;color:white;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh}
.page{width:100%}
.reference-wrap{position:relative;width:100%;max-width:1600px;margin:0 auto}
.reference{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;background:transparent}
.home{left:30.2%;top:1.7%;width:5.5%;height:4%}
.features{left:36.3%;top:1.7%;width:7%;height:4%}
.gallery{left:43.7%;top:1.7%;width:6.7%;height:4%}
.development{left:50.1%;top:1.7%;width:8.6%;height:4%}
.creators{left:59.1%;top:1.7%;width:6.6%;height:4%}
.join{left:65.5%;top:1.7%;width:4.8%;height:4%}
.notify{left:80.5%;top:1%;width:10%;height:5.7%}
.community{left:4.8%;top:23.4%;width:19%;height:5.9%}
#features,#gallery,#development,#creators,#community{height:1px}
.music-toggle{
 position:fixed;right:18px;bottom:18px;z-index:50;
 display:flex;align-items:center;gap:8px;
 padding:10px 14px;border-radius:999px;
 border:1px solid #2388ff;background:rgba(2,10,20,.88);
 color:#fff;font-weight:700;cursor:pointer;
 box-shadow:0 8px 28px rgba(0,0,0,.35);backdrop-filter:blur(10px)
}
.note{color:#46a7ff;font-size:17px}
@media(max-width:700px){
 .music-toggle{right:10px;bottom:10px;padding:9px 12px;font-size:12px}
 .reference-wrap{min-width:100%}
}