/* Brand water-bead scrollbars — light pages + night panels. */
:root{
  --scroll-size:10px;
  --scroll-track:#efe8f8;
  --scroll-edge:#f6f4fb;
  --scroll-glow:#4609ae55;
}
html{
  scrollbar-width:thin;
  scrollbar-color:#5b2fd4 #efe8f8;
}
html.night,html.night body{
  scrollbar-color:#9b86ff #120d1d;
}
*{
  scrollbar-width:thin;
  scrollbar-color:#5b2fd4 var(--scroll-track);
}
.side,.board-layer,.focus-layer,.rt-room-shell,.scroll-night{
  scrollbar-color:#9b86ff #16102a;
}
::-webkit-scrollbar{
  width:var(--scroll-size);
  height:var(--scroll-size);
}
::-webkit-scrollbar-track{
  background:
    radial-gradient(circle at 50% 12%,#ffffffaa,transparent 42%),
    linear-gradient(180deg,#f4effc,#e7dff4);
  border-radius:999px;
  margin:4px;
}
::-webkit-scrollbar-thumb{
  background:
    radial-gradient(circle at 35% 22%,#ffffffcc 0 18%,transparent 42%),
    linear-gradient(165deg,#14d64a 0%,#010dff 48%,#4609ae 100%);
  border-radius:999px;
  border:2px solid var(--scroll-edge);
  box-shadow:inset 0 0 0 1px #ffffff40,0 0 10px var(--scroll-glow);
}
::-webkit-scrollbar-thumb:hover{
  border-color:#ffffffaa;
  box-shadow:inset 0 0 0 1px #ffffff70,0 0 16px #010dff66;
}
::-webkit-scrollbar-thumb:active{
  background:
    radial-gradient(circle at 35% 22%,#ffffffee 0 16%,transparent 40%),
    linear-gradient(165deg,#00ff26 0%,#010dff 42%,#2a0678 100%);
}
::-webkit-scrollbar-corner{background:transparent}
.side::-webkit-scrollbar-track,
.board-layer::-webkit-scrollbar-track,
.focus-layer::-webkit-scrollbar-track,
.rt-room-shell::-webkit-scrollbar-track,
.scroll-night::-webkit-scrollbar-track,
html.night::-webkit-scrollbar-track{
  background:
    radial-gradient(circle at 50% 18%,#ffffff22,transparent 46%),
    linear-gradient(180deg,#1a1230,#0c0818);
}
.side::-webkit-scrollbar-thumb,
.board-layer::-webkit-scrollbar-thumb,
.focus-layer::-webkit-scrollbar-thumb,
.rt-room-shell::-webkit-scrollbar-thumb,
.scroll-night::-webkit-scrollbar-thumb,
html.night::-webkit-scrollbar-thumb{
  border-color:#160e28;
  box-shadow:inset 0 0 0 1px #ffffff38,0 0 14px #4609ae88;
}