html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

.loader {
  width: 38px;
  height: 38px;
  border: 4px solid #c7d2fe;
  border-top-color: #4f46e5;
  border-radius: 999px;
  animation: spin .8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.slide-in {
  animation: slideIn .22s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ql-toolbar.ql-snow,
.ql-container.ql-snow {
  border-color: rgb(226 232 240);
}

.dark .ql-toolbar.ql-snow,
.dark .ql-container.ql-snow {
  border-color: rgb(63 63 70);
}

.dark .ql-editor {
  color: #f4f4f5;
}

.letter-print {
  width: 794px;
  min-height: 1123px;
  padding: 56px;
  background: #fff;
  color: #111827;
  font-family: Georgia, serif;
  line-height: 1.65;
}