/* FarsKids overlay page scrollbar (Radio Javan style): thin thumb on the right edge,
   fades in while scrolling / hovering, fades out when scrolling stops. Native bars stay hidden. */
html body #fk-sb{position:fixed;top:0;right:0;bottom:0;width:16px;z-index:10040;pointer-events:none;opacity:1;display:none;direction:ltr;-webkit-user-select:none;user-select:none;touch-action:none}
html body #fk-sb.is-on{display:block}
html body #fk-sb .fk-sb-thumb{position:absolute;top:0;right:3px;width:5px;height:60px;border-radius:999px;background:rgba(255,255,255,.42);
  box-shadow:0 0 0 1px rgba(0,0,0,.25);opacity:0;transform:translateX(3px);will-change:transform,opacity,height;
  transition:opacity .45s ease,transform .45s cubic-bezier(.22,.8,.22,1),width .18s ease,background .2s,right .18s ease}
html body #fk-sb.is-active .fk-sb-thumb{opacity:1;transform:translateX(0);transition:opacity .15s ease,transform .25s cubic-bezier(.22,.8,.22,1),width .18s ease,background .2s,right .18s ease}
/* hover zone + dragging only where a mouse exists */
@media(hover:hover) and (pointer:fine){
  html body #fk-sb{pointer-events:auto}
  html body #fk-sb .fk-sb-thumb{pointer-events:auto;cursor:grab}
  html body #fk-sb.is-active .fk-sb-thumb:hover,html body #fk-sb.is-drag .fk-sb-thumb{width:8px;right:2px;background:rgba(255,255,255,.7)}
  html body #fk-sb.is-drag .fk-sb-thumb{cursor:grabbing}
}
@media(hover:none),(pointer:coarse){
  html body #fk-sb{width:10px}
  html body #fk-sb .fk-sb-thumb{width:3px;right:2px;background:rgba(255,255,255,.5)}
}
/* never above dialogs / while a full-screen panel locks the page */
html body.fk-player-panel-open #fk-sb,html body.fk-download-modal-open #fk-sb{display:none}
@media(prefers-reduced-motion:reduce){html body #fk-sb .fk-sb-thumb{transition:opacity .2s}}