Build a timezone overlap planner with Tailwind CSS: a draggable 24-hour timeline strip per city (four cities by default, addable up to six) where each strip shades working hours and marks the current local time with a now-line. Overlap rows beneath highlight the hours that are working time for every city, clicking an hour proposes a meeting time that fills a small form, and each city row shows its UTC offset. Snap the timeline to the viewer's local timezone, and keep the strips aligned horizontally so overlaps line up at a glance.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。