html {
  background: #000;
  color-scheme: dark;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(255, 255, 255, 0.18) #000;
  scrollbar-width: thin;
}
body {
  margin: 0;
  background: #000;
  min-height: 100vh;
}
#root {
  width: 100%;
}
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  border: 2px solid #000;
}
::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.28); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}
@media (max-width: 760px) { .three-col { grid-template-columns: 1fr !important; } }