:root {
  color: #eef4ff;
  background: #05080d;
  font-family: "IBM Plex Sans JP", "Hiragino Sans", sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at top, rgba(136, 203, 220, 0.14), transparent 30%),
    radial-gradient(circle at 18% 84%, rgba(161, 136, 209, 0.1), transparent 28%),
    radial-gradient(circle at 80% 24%, rgba(124, 182, 168, 0.08), transparent 26%),
    linear-gradient(180deg, #0a1017 0%, #04070b 100%);
}

canvas {
  display: block;
}

.lil-gui {
  --background-color: rgba(7, 12, 18, 0.92);
  --widget-color: rgba(114, 179, 193, 0.14);
  --hover-color: rgba(176, 202, 209, 0.18);
  --focus-color: rgba(184, 164, 227, 0.24);
  --number-color: #c5fcff;
  --string-color: #d7d0ff;
  --title-background-color: rgba(15, 27, 38, 0.96);
  --title-text-color: #f5fbff;
  --text-color: #dce7f0;
  --font-size: 13px;
  --width: 320px;
}