@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Lexend:wght@600;700&family=Manrope:wght@500;600;700;800&display=swap");

:root {
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

html,
body,
#root {
  margin: 0;
  min-height: 100%;
}

body {
  font-family: "Manrope", system-ui, sans-serif;
  min-height: 100dvh;
}

button,
a {
  font: inherit;
  color: inherit;
}

.toast {
  position: fixed;
  left: 50%;
  bottom: calc(1.25rem + var(--safe-bottom));
  transform: translateX(-50%);
  background: rgba(10, 18, 14, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #f3efe6;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  font-size: 0.9rem;
  z-index: 20;
  max-width: min(90vw, 360px);
  text-align: center;
}