/* Scrollbars that follow the theme, on every page. Slim rounded thumb with a little breathing room. */
:root { --sb-thumb:#9fb0b4; --sb-thumb-h:#9fb0b4; --sb-track:transparent; color-scheme:light; }
html[data-theme="dark"] { --sb-thumb:#505862; --sb-thumb-h:#9fb0b4; color-scheme:dark; }
@media (prefers-color-scheme: dark) { html[data-theme="auto"] { --sb-thumb:#505862; --sb-thumb-h:#9fb0b4; color-scheme:dark; } }
*::-webkit-scrollbar { width:12px; height:12px; }
*::-webkit-scrollbar-track { background:var(--sb-track); }
*::-webkit-scrollbar-corner { background:transparent; }
*::-webkit-scrollbar-thumb { background:var(--sb-thumb); border:3px solid transparent; background-clip:padding-box; border-radius:999px; min-height:36px; }
*::-webkit-scrollbar-thumb:hover { background:var(--sb-thumb-h); background-clip:padding-box; }
@supports not selector(::-webkit-scrollbar) { * { scrollbar-width:thin; scrollbar-color:var(--sb-thumb) transparent; } }
/* drop-down lists (select) follow the theme too */
html[data-theme="dark"] select option, html[data-theme="dark"] select optgroup { background:#0b1019; color:#e6eef0; }
@media (prefers-color-scheme: dark) { html[data-theme="auto"] select option, html[data-theme="auto"] select optgroup { background:#0b1019; color:#e6eef0; } }