@supports (height: 100dvh) {
  .h-screen { height: 100dvh; }
}
.overflow-y-auto.no-scrollbar {
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
  .h-screen {
    height: auto;
    min-height: 100dvh;
  }
  .overflow-y-auto.no-scrollbar {
    overflow: visible;
  }
}
h1, h2, .font-mono {
  overflow-wrap: anywhere;
}
pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}
@media (max-width: 640px) {
  .flex.justify-between.items-center.mb-6 {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 1360px) {
  .overflow-x-auto.hidden.md\:block {
    display: none !important;
  }
  .block.md\:hidden {
    display: block !important;
  }
}