@import "https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";

body { @apply bg-gray-100 flex items-center justify-center h-screen; }
.container { @apply bg-white p-6 rounded-lg shadow-lg w-full max-w-md text-center; }
.input-group { @apply flex mb-4; }
#target { @apply flex-1 p-2 border border-gray-300 rounded-l; }
#check  { @apply p-2 bg-blue-500 text-white rounded-r hover:bg-blue-600; }
#spinner { @apply text-gray-600 my-2; }
#result  { @apply text-2xl font-bold my-2; }
#permalink a { @apply text-sm text-blue-500 underline; }
.hidden { display: none; }