:root{
  --track: linear-gradient(180deg,#f3f8ff,#e9f2ff);
  --thumb-gradient: linear-gradient(180deg,#4ea0ff,#1566ff);
  --thumb-glow: 0 6px 14px rgba(21,102,255,0.18);
  --size: 12px;
}

/* WebKit */
*::-webkit-scrollbar{ width: var(--size); height: var(--size); }
*::-webkit-scrollbar-track{ background: var(--track); border-radius: 10px; }
*::-webkit-scrollbar-thumb{
  background: var(--thumb-gradient);
  border-radius: 10px;
  box-shadow: var(--thumb-glow);
  border: 3px solid rgba(255,255,255,0.15);
}
*::-webkit-scrollbar-thumb:hover{ transform: translateX(-1px); }

/* Firefox (приближение) */
*{
  scrollbar-width: thin;
  scrollbar-color: #4ea0ff #f3f8ff;
}