:root{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.6) rgba(0,0,0,.3)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0000004d;border-radius:10px;box-shadow:inset 0 0 10px #8b5cf61a}::-webkit-scrollbar-thumb{background:radial-gradient(circle at center,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(180deg,#8b5cf6e6,#8b5cf6b3,#8b5cf6e6);background-size:8px 8px,8px 8px,100% 100%;background-position:0 0,4px 4px,0 0;border-radius:10px;border:2px solid rgba(0,0,0,.3);box-shadow:0 0 10px #8b5cf699,0 0 20px #8b5cf666,inset 0 0 5px #fff3}::-webkit-scrollbar-thumb:hover{background:radial-gradient(circle at center,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(180deg,#8b5cf6,#8b5cf6cc,#8b5cf6);background-size:8px 8px,8px 8px,100% 100%;background-position:0 0,4px 4px,0 0;box-shadow:0 0 15px #8b5cf6e6,0 0 30px #8b5cf699,inset 0 0 8px #ffffff4d}::-webkit-scrollbar-thumb:active{background:radial-gradient(circle at center,rgba(255,255,255,.6) 1.5px,transparent 1.5px),radial-gradient(circle at center,rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(180deg,#8b5cf6,#8b5cf6f2,#8b5cf6);background-size:8px 8px,8px 8px,100% 100%;background-position:0 0,4px 4px,0 0;box-shadow:0 0 20px #8b5cf6,0 0 40px #8b5cf6cc,inset 0 0 10px #fff6}::-webkit-scrollbar-corner{background:#0000004d}html,body{margin:0;padding:0;overflow-x:hidden;background:#000}
