UI v2: grain, animations, fixed language bar, colored tags

[HalalifyMusic]

What changed

• Grain overlay — subtle noise texture on the background (opacity 0.04), gives warmth and stops the flat-cream problem
• Warm radial gradient — soft depth from top of page, not just solid cream
• Language bar — removed the jarring dark bar, now cream with orange underline on active tab. Integrates with the palette instead of fighting it
• Translator box-shadow — 6px 6px 0 var(--ink) hard offset shadow makes it feel like a physical object, not a floating div
• Translate button — shimmer sweep animation on hover + arrow slides right + darker on hover. Feels alive
• Swap button — rotates 180° on hover
• Card stagger — first 9 cards animate in with staggered delay on load
• Card hover — offset hard shadow on hover instead of just border color
• Colored tags — data-tag attribute on every tag span, CSS targets each category with its own color (orange=trending, teal=compliment, red=criticism, blue=internet, purple=meme, pink=relationship)
• Search focus ring — orange glow ring when focused
• Marquee edge fade — ::before/::after gradient masks on the marquee so it fades at edges instead of cutting hard

🤖 Generated with Claude Code

[cloudflare-workers-and-pages]

Deploying slanglate with    Cloudflare Pages

Latest commit:	52f6162
Status:	✅  Deploy successful!
Preview URL:	https://22cbf84c.slanglate.pages.dev
Branch Preview URL:	https://ui-redesign-v2.slanglate.pages.dev

View logs