*, *::before, *::after { box-sizing: border-box; margin: 0; }

:root {
  --bg: #0c0e11;
  --text: #e8e6e1;
}

[data-theme="light"] {
  --bg: #f5ede0;
  --text: #1a1208;
}

html, body {
  width: 100%;
  height: 100%;
  background: transparent;
  overflow: hidden;
}

html:not(.embedded) {
  background: var(--bg);
}

canvas {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
}