:root {
  color-scheme: dark;
  --ink: #05070d;
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--ink);
}

.poetry-scene {
  display: block;
  width: 100vw;
  height: 100vh;
  cursor: grab;
  touch-action: none;
}

.poetry-scene.is-hovering {
  cursor: pointer;
}

.beian {
  position: fixed;
  left: 50%;
  bottom: 10px;
  z-index: 10;
  transform: translateX(-50%);
  color: rgba(220, 238, 238, 0.34);
  font: 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  transition: color 160ms ease;
}

.beian:hover {
  color: rgba(236, 255, 255, 0.62);
}
