/* What the operating system draws around Eaon Desktop, for the site's clips.

   app/index.css is the app's own stylesheet, byte for byte (build.sh). This
   file only adds the window chrome macOS paints natively, and stops the page
   reacting to a real pointer: runner.js draws its own. */

html,
body {
  background: var(--bg, #111111);
}

body {
  pointer-events: none;
  user-select: none;
}

/* macOS 26 places the buttons at (19, 19) for a window with a toolbar: 14pt
   each, 23pt apart, centred in the floating panel's 36px titlebar row
   (main/index.ts TRAFFIC_LIGHTS). */
.lights {
  position: fixed;
  top: 19px;
  left: 19px;
  z-index: 2147483000;
  display: flex;
  gap: 9px;
}

.lights i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ff5f57;
  box-shadow: inset 0 0 0 0.5px rgb(0 0 0 / 0.22);
}

.lights i:nth-child(2) {
  background: #febc2e;
}

.lights i:nth-child(3) {
  background: #28c840;
}

/* Scrollbars are drawn by the OS as overlay bars that only show while
   scrolling; a web page would otherwise paint permanent gutters. */
* {
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  display: none;
}