#vc4{
 position:fixed;top:0;left:0;width:100%;height:100%;
 display:flex;align-items:center;justify-content:center;
 z-index:9999;
 background: linear-gradient(270deg,#a1c4fd,#4facfe,#00c6ff);
 background-size:600% 600%;
 animation: bgMove 10s ease infinite;
 overflow:hidden;
}

@keyframes bgMove{
 0%{background-position:0% 50%;}
 50%{background-position:100% 50%;}
 100%{background-position:0% 50%;}
}

.vc4-inner{
 background:#ffffffdd;
 padding:40px 60px;
 border-radius:14px;
 box-shadow:0 10px 40px rgba(0,0,0,0.15);
 text-align:center;
 backdrop-filter: blur(10px);
}

#vc4-count{
 font-size:30px;
 font-weight:bold;
 font-variant-numeric: tabular-nums;
}

#vc4-count span{
 min-width:2ch;
 display:inline-block;
 text-align:center;
}

#vc4-comments{
 position:absolute;width:100%;height:100%;pointer-events:none;
}

.vc4-comment{
 position:absolute;
 left:100%;
 white-space:nowrap;
 font-size:18px;
 color:#fff;
 font-weight:bold;
 opacity:0.95;
 animation: slide linear forwards;
}

@keyframes slide{
 from{transform:translateX(0);}
 to{transform:translateX(-120vw);}
}