html { height: 100%; -webkit-text-size-adjust: 100%; }
body { height: 100%; margin: 0; padding: 0; background: #8ADCFF;
  overscroll-behavior: none; position: fixed; inset: 0; -webkit-touch-callout: none; }
#root { height: 100%; }
* { -webkit-tap-highlight-color: transparent; }
img, canvas, svg { max-width: 100%; }
.flex { display: flex; } .grid { display: grid; }
.flex-1 { flex: 1 1 0%; } .flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; } .items-start { align-items: flex-start; }
.items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; }
.justify-between { justify-content: space-between; } .justify-center { justify-content: center; }
.text-left { text-align: left; } .w-full { width: 100%; }
.gap-1 { gap: .25rem; } .gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; }
.hair { border-top: 1px solid var(--line); }