/* app-specific styles go here */

/* ── BLUR BACKGROUND ─────────────────────────────────────────────────── */

html { background: #000; }
body { background: transparent; }

#bg {
  position: fixed;
  inset: -10%;
  background-image: url('/background.webp');
  background-size: cover;
  background-position: center;
  filter: blur(40px) brightness(0.75);
  transform: scale(1.1);
  z-index: -1;
}

.placeholder {
  color: rgba(255, 255, 255, 0.92);
  font-size: 36px;
  letter-spacing: .2em;
  font-style: italic;
}