html, body { margin: 0; height: 100%; background: #0b0b0c; overscroll-behavior: none; }
body { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; }
#app { height: 100%; height: 100dvh; }
a { color: #f2f2f0; }
textarea::placeholder, input::placeholder { color: #55555a; }
button { -webkit-appearance: none; appearance: none; }
button:active:not(:disabled) { transform: scale(0.95); }
button.cal-cell:active:not(:disabled) { transform: scale(0.94); }
button.close-x:active { transform: scale(0.92); }
.tile:active { transform: scale(0.98); }
.scroll { scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.scroll::-webkit-scrollbar { display: none; }
@media (prefers-reduced-motion: reduce) {
  .glow { display: none; }
  .track, .sheet, .edit-sheet, .fill, .head { transition: none !important; }
  .tile:active { transform: none; }
  button:active:not(:disabled) { transform: none; }
}