/* Scrollbars in the site's colours (04.10.2026).
   1) Inner scrolling boxes, and the page itself where the custom bar does not run (phones, no JavaScript):
      a rounded lavender pill on the page colour. Chrome, Edge and Safari style the ::-webkit-scrollbar parts; Firefox
      gets the colours through the standard properties, which stay Firefox-only because in Chrome they would switch
      the pill styling off. */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#b6a0ff6b padding-box}
::-webkit-scrollbar-thumb:hover{background-color:#b6a0ffb3}
::-webkit-scrollbar-thumb:active{background-color:#b6a0ff}
::-webkit-scrollbar-corner{background:transparent}
/* The page's own native bar sits on the page colour (Safari showed a white track behind a transparent one). */
html::-webkit-scrollbar,body::-webkit-scrollbar{background-color:#08090c}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#08090c;box-shadow:inset 1px 0 0 #ffffff0a}
@supports not selector(::-webkit-scrollbar){html{scrollbar-color:#6f5fb0 #08090c;scrollbar-width:thin}}

/* 2) The page's custom bar on desktop (scrollbar.js): a solid lavender thumb (not see-through, 04.10.2026, Gabi).
      On hover it widens a little, glows, and a lighter layer fades in over it and shimmers softly. No progress trail:
      the header's loader already shows how far down the page you are. html.sk-scroll-on (set in <head>) hides the
      native page bar and keeps its room, so the layout does not move. */
html.sk-scroll-on{scrollbar-width:none;padding-right:14px}
html.sk-scroll-on::-webkit-scrollbar,html.sk-scroll-on body::-webkit-scrollbar{display:none;width:0;height:0}
.sk-scroll{position:fixed;top:0;right:0;bottom:0;z-index:2147482000;width:14px;background:#08090c;box-shadow:inset 1px 0 0 #ffffff0a;touch-action:none}
.sk-scroll[hidden]{display:none}
.sk-scroll-thumb{position:absolute;top:0;left:50%;width:7px;margin-left:-3.5px;border-radius:999px;background:#b6a0ff;box-shadow:0 0 0 #8254ff00;will-change:transform;transition:width .35s cubic-bezier(.22,1,.36,1),margin-left .35s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.sk-scroll-thumb:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#c8b8ff,#e4ddff 50%,#c8b8ff) 0 0/100% 200%;opacity:0;transition:opacity .45s ease}
.sk-scroll:hover .sk-scroll-thumb,.sk-scroll.is-dragging .sk-scroll-thumb{width:10px;margin-left:-5px;box-shadow:0 0 14px #8254ff80}
.sk-scroll:hover .sk-scroll-thumb:after,.sk-scroll.is-dragging .sk-scroll-thumb:after{opacity:1;animation:sk-scroll-shimmer 2.6s ease-in-out infinite}
@keyframes sk-scroll-shimmer{0%,100%{background-position:0 0}50%{background-position:0 100%}}