/* A broad neutral thumb over a transparent track, shared by host and detail. */
body{--scroll-thumb:rgba(190,194,199,.76);--scroll-thumb-hover:rgba(221,224,228,.95);--scroll-edge:rgba(0,0,0,.25)}
body.light{--scroll-thumb:rgba(82,88,96,.72);--scroll-thumb-hover:rgba(46,52,59,.9);--scroll-edge:rgba(255,255,255,.3)}
body:not(.light) *,body.light *{scrollbar-width:auto;scrollbar-color:auto}
body::-webkit-scrollbar,body ::-webkit-scrollbar{width:14px;height:14px;background:transparent}
body:not(.light) ::-webkit-scrollbar-track,body.light ::-webkit-scrollbar-track{background:transparent;border:0;box-shadow:none}
body:not(.light) ::-webkit-scrollbar-thumb,body.light ::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px;min-height:36px;box-shadow:inset 0 0 0 1px var(--scroll-edge)}
body:not(.light) ::-webkit-scrollbar-thumb:hover,body.light ::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box;border:2px solid transparent}
body ::-webkit-scrollbar-button{display:none;width:0;height:0}
body ::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){body:not(.light) *,body.light *{scrollbar-width:auto;scrollbar-color:var(--scroll-thumb) transparent}}