Попробуй фикседом повесить

я так и делал

Так

Ну во-первых, display: 'block'

пробовал)

Главное что он есть, если z-index большой поставить он перекроет контент, но за рамки всё равно не выходит

а просто на html background не катит?

:root {
 --side-bar-width: 220px;
 --sb-shadow-width: 20px;
}

html {
 background:
linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) var(--side-bar-width), rgba(15,15,15,1) calc(var(--side-bar-width) + 0.1px), rgba(255,255,255,0) calc(var(--side-bar-width) + var(--sb-shadow-width)), rgba(255,255,255,0) 100%);
}

ну и теньку можно добить вторым градиентом который начнется с расстояния ширины side-bar-width

гениально

неуверен сработает ли) потому что скрол там своей жизнью живет)

Что? =)

ну вообще муторная штука)

Сложность в том что это часть браузера и не стилизируется нормально никак)

Можно просто его отрубить)
но может повылазить черти что =)
https://codepen.io/mastrix/pen/GRJoqab

слушайте, а через js можно узнать реальный айпи, несмотря на то, что человек пользуется впн? А то я где-то слышал, что можно. Либо сам придумал себе

function findIP(onNewIP) {
 var myPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
 var pc = new myPeerConnection({
     iceServers: []
   }),
   noop = function() {},
   localIPs = {},
   ipRegex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g,
   key;

 function ipIterate(ip) {
   if (!localIPs[ip]) onNewIP(ip);
   localIPs[ip] = true;
 }
 pc.createDataChannel("");
 pc.createOffer(function(sdp) {
   sdp.sdp.split('\n').forEach(function(line) {
     if (line.indexOf('candidate') < 0) return;
     line.match(ipRegex).forEach(ipIterate);
   });
   pc.setLocalDescription(sdp, noop, noop);
 }, noop);
 pc.onicecandidate = function(ice) {
   if (!ice || !ice.candidate || !ice.candidate.candidate || !ice.candidate.candidate.match(ipRegex)) return;
   ice.candidate.candidate.match(ipRegex).forEach(ipIterate);
 };
}



var ul = document.createElement('ul');
ul.textContent = 'Ваш IP: '
document.body.appendChild(ul);

function addIP(ip) {
 console.log('Ваш IP: ', ip);
 var li = document.createElement('li');
 li.textContent = ip;
 ul.appendChild(li);
}

findIP(addIP);

ну ип роутера покажет

хотя если бы напрямую воткнуто, был реальный наверн