* { box-sizing: border-box; }

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #000;
}

#blackhole-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.preview-note {
  position: fixed;
  right: 18px;
  bottom: 16px;
  z-index: 4;
  max-width: min(360px, calc(100% - 36px));
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.62);
  color: rgba(255,255,255,0.72);
  font: 9px/1.4 "SFMono-Regular", monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.failure {
  color: #ffb37a;
  border-color: rgba(255, 179, 122, 0.45);
}