/* Same thumb geometry and palette states as desktop; no native caption spacer. */
html:root[data-web-ui][data-palette]{--web-scroll-thumb:#606b72;--web-scroll-hover:#8a979e;--web-scroll-active:#b1b9bd}
html:root[data-web-ui][data-theme=light]{--web-scroll-thumb:var(--muted);--web-scroll-hover:var(--text);--web-scroll-active:var(--text)}
html:root[data-web-ui]:is([data-palette=glass],[data-palette=transparent]){--web-scroll-thumb:#8c9ca7;--web-scroll-hover:#b7c5ce;--web-scroll-active:#dde8ee}
html:root[data-web-ui][data-palette],html:root[data-web-ui][data-palette] *{scrollbar-width:thin;scrollbar-color:var(--web-scroll-thumb) transparent}
@supports selector(::-webkit-scrollbar){
 html:root[data-web-ui][data-palette],html:root[data-web-ui][data-palette] *{scrollbar-width:auto;scrollbar-color:auto}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar,html:root[data-web-ui][data-palette] *::-webkit-scrollbar{width:8px;height:8px;background:transparent}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar-track,html:root[data-web-ui][data-palette] *::-webkit-scrollbar-track{background:transparent;border:0;border-radius:6px;margin:2px}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar-track-piece,html:root[data-web-ui][data-palette] *::-webkit-scrollbar-track-piece{background:transparent;border:0;margin:0}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar-thumb,html:root[data-web-ui][data-palette] *::-webkit-scrollbar-thumb{background:var(--web-scroll-thumb);border:1px solid transparent;background-clip:padding-box;border-radius:6px;min-height:32px;min-width:32px}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar-thumb:hover,html:root[data-web-ui][data-palette] *::-webkit-scrollbar-thumb:hover{background-color:var(--web-scroll-hover)}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar-thumb:active,html:root[data-web-ui][data-palette] *::-webkit-scrollbar-thumb:active{background-color:var(--web-scroll-active)}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar-button,html:root[data-web-ui][data-palette] *::-webkit-scrollbar-button{display:none;width:0;height:0;background:transparent;background-image:none;border:0}
 html:root[data-web-ui][data-palette]::-webkit-scrollbar-corner,html:root[data-web-ui][data-palette] *::-webkit-scrollbar-corner{background:transparent}
}
@media(forced-colors:active){html:root[data-web-ui][data-palette]{--web-scroll-thumb:ButtonText;--web-scroll-hover:Highlight;--web-scroll-active:Highlight}}