/* maki-scroll.css — scrollbars that belong to the page. 2026-09-12.
 *
 * Stephen: "The scroll bar needs to match the aesthetic."
 *
 * Every MAKI surface is near-black with a cyan accent, and the browser drew its default light-grey
 * chunky bar straight through it — most visibly on the agent creator's sideways avatar strip.
 *
 * `background-clip:content-box` with a TRANSPARENT BORDER is what makes the thumb read as a slim
 * inset pill instead of a block filling the whole gutter: the border reserves space the background
 * is then clipped out of. Firefox ignores ::-webkit-* entirely, so it gets the same two colours
 * through scrollbar-width/scrollbar-color rather than being left with the default.
 *
 * Deliberately NOT hidden. A scrollbar that disappears removes the only signal that content
 * continues past the edge — the avatar strip scrolls sideways and nothing else says so.
 */
*{scrollbar-width:thin;scrollbar-color:rgba(0,231,255,.30) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(0,231,255,.28);border-radius:999px;
  border:3px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(0,231,255,.55);background-clip:content-box}
*::-webkit-scrollbar-corner{background:transparent}