::-webkit-scrollbar { width: 0.35rem; height: 0.35rem; }
::-webkit-scrollbar-track { border-radius: 2em; background: transparent; }
@keyframes scrollbar-glow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
html[data-theme="light"] ::-webkit-scrollbar-thumb,
html:not(.dark) ::-webkit-scrollbar-thumb { background: linear-gradient(120deg, rgba(51, 255, 204, 1), rgba(255, 255, 255, 0.8), rgba(255, 91, 91, 1), rgba(255, 255, 255, 0.8), rgba(102, 174, 255, 1), rgba(51, 255, 204, 1)); background-size: 200% 200%; animation: scrollbar-glow 3s linear infinite alternate; border-radius: 2em; background-clip: padding-box; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover,
html:not(.dark) ::-webkit-scrollbar-thumb:hover { background: linear-gradient(120deg, rgba(255, 91, 206, 0.9), rgba(0, 204, 255, 0.9), rgba(91, 107, 255, 0.9), rgba(0, 204, 255, 0.9), rgba(51, 92, 255, 0.9), rgba(255, 91, 206, 0.9)); background-size: 200% 200%; animation: scrollbar-glow 2s linear infinite alternate; border-radius: 2em; background-clip: padding-box; }
html.dark ::-webkit-scrollbar-thumb,
html:not([data-theme="light"]) ::-webkit-scrollbar-thumb { background: linear-gradient(120deg, rgba(138, 73, 255, 1), rgba(255, 91, 206, 1), rgba(80, 120, 255, 1), rgba(255, 91, 206, 1), rgba(138, 73, 255, 1), rgba(80, 120, 255, 1)); background-size: 200% 200%; animation: scrollbar-glow 3s linear infinite alternate; border-radius: 2em; background-clip: padding-box; }
html.dark ::-webkit-scrollbar-thumb:hover,
html:not([data-theme="light"]) ::-webkit-scrollbar-thumb:hover { background: linear-gradient(120deg, rgba(170, 100, 255, 0.95), rgba(255, 120, 220, 0.95), rgba(100, 140, 255, 0.95), rgba(255, 120, 220, 0.95), rgba(170, 100, 255, 0.95), rgba(70, 110, 255, 0.95)); background-size: 200% 200%; animation: scrollbar-glow 2s linear infinite alternate; border-radius: 2em; background-clip: padding-box; }