html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #0f0f14;
  font-family: sans-serif;
  overflow: hidden;
}

#app-root {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Background layer */
#background-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, #1c1c26, #0a0a0f);
}

/* Layers */
#orb-layer,
#taylor-layer,
#ui-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Allow interaction only where needed later */
#orb-layer *,
#taylor-layer *,
#ui-layer * {
  pointer-events: auto;
}