* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --global-saturation: 100%;
}

body {
  overflow: hidden;
  font-family: 'JetBrains Mono', 'SF Mono', 'Roboto Mono', 'Courier New', monospace;
  transition: background-color 2s ease, background 2s ease;
  background-color: #121212;
  color: #ffffff;
  font-size: 11px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.horizon-timelapse {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  filter: saturate(var(--global-saturation));
  transition: filter 0.3s ease;
}

/* Add full-screen blur overlay */
.blur-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px); /* Safari support */
  z-index: 50; /* Above blocks but below interface */
  pointer-events: none; /* Let mouse events pass through */
  opacity: 1; /* Adjust for subtlety */
  transition: backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease; /* Smooth transition for blur changes */
}

/* Loading font */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
  font-display: swap;
}