/* Global scrollbars: thin, quiet until hovered, same on every page and inner scroller. */
:root { --sb-thumb: rgba(255,255,255,.16); --sb-thumb-hover: rgba(255,255,255,.34); --sb-track: transparent; }
html { scrollbar-gutter: stable; overscroll-behavior-y: none; }
* { scrollbar-width: thin; scrollbar-color: var(--sb-thumb) var(--sb-track); }
*:hover { scrollbar-color: var(--sb-thumb-hover) var(--sb-track); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: var(--sb-track); }
::-webkit-scrollbar-thumb { background: var(--sb-thumb); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: var(--sb-thumb-hover); background-clip: padding-box; border: 2px solid transparent; }
::-webkit-scrollbar-button { display: none; }
/* Horizontal chip/tab rows scroll by touch; no bar needed there. */
.tabs, .chips, .cats, nav { scrollbar-width: none; }
.tabs::-webkit-scrollbar, .chips::-webkit-scrollbar, .cats::-webkit-scrollbar, nav::-webkit-scrollbar { display: none; }
@media (pointer: coarse) { ::-webkit-scrollbar { width: 4px; height: 4px; } }