/* tailwind-shim.css
   Replaces the cdn.tailwindcss.com RUNTIME build. That CDN script is an
   in-browser JIT compiler that pegs the CPU on every page load (it was hanging
   low-RAM tabs). The app only uses ~a dozen Tailwind utilities, and custom.css
   already ships its own reset plus flex/items-*/justify-*/gap-* utilities, so
   this file supplies only the few utilities custom.css lacked. Exact values
   mirror Tailwind's own output so layout/animation are unchanged.

   Full set of Tailwind utilities used in templates (verified by scan):
     flex grid items-center items-start justify-between gap-1..4 min-h-screen
     transition duration-150/200/300 ease-in ease-out opacity-0/100
     translate-x-0 translate-x-full
   Of those, custom.css already defines: flex, items-center, items-start,
   justify-between, gap-1..4. The rest are below. */

.grid { display: grid; }
.min-h-screen { min-height: 100vh; }

.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }

.transition {
  transition-property: color, background-color, border-color, text-decoration-color,
    fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 { transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.translate-x-0 { transform: translateX(0); }
.translate-x-full { transform: translateX(100%); }