function TimezoneConverter() { const [timezones, setTimezones] = useState([]); const [fromTimezone, setFromTimezone] = useState(""); const [toTimezone, setToTimezone] = useState(""); const [convertedTime, setConvertedTime] = useState(null); const [loading, setLoading] = useState(true); const [converting, setConverting] = useState(false); const [error, setError] = useState(null); const [useCurrentTime, setUseCurrentTime] = useState(true); const [customDateTime, setCustomDateTime] = useState(""); const [isDark, setIsDark] = useState(false); useEffect(()=>{ fetchTimezones(); }, []); useEffect(()=>{ if (fromTimezone && toTimezone) { convertTime(); } }, [ fromTimezone, toTimezone, useCurrentTime, customDateTime ]); useEffect(()=>{ if (fromTimezone && toTimezone && useCurrentTime) { const interval = setInterval(convertTime, 60000); return ()=>clearInterval(interval); } }, [ fromTimezone, toTimezone, useCurrentTime ]); useEffect(()=>{ const link = document.querySelector("link[rel*='icon']") || document.createElement("link"); link.type = "image/png"; link.rel = "icon"; link.href = "https://ucarecdn.com/77dac108-8d6d-446c-97b6-f51f15ca8cf1/-/format/auto/"; document.getElementsByTagName("head")[0].appendChild(link); }, []); const fetchTimezones = async ()=>{ try { const response = await fetch("/api/timezones", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to fetch timezones: ${response.status}`); } const result = await response.json(); if (result.success && Array.isArray(result.data)) { setTimezones(result.data); setError(null); } else { throw new Error(result.error || "Failed to fetch timezone data"); } } catch (err) { setError("Unable to load timezones. Please try again later."); } finally{ setLoading(false); } }; const convertTime = async ()=>{ if (!fromTimezone || !toTimezone) return; if (!useCurrentTime && !customDateTime) return; setConverting(true); try { let dateTime; if (useCurrentTime) { const now = new Date(); dateTime = now.toLocaleString("sv").replace("T", " ").slice(0, 19); } else { const customDate = new Date(customDateTime); dateTime = customDate.toLocaleString("sv").replace("T", " ").slice(0, 19); } const response = await fetch("/api/convert-timezone", { method: "POST", body: JSON.stringify({ fromTimeZone: fromTimezone, toTimeZone: toTimezone, dateTime }), headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const result = await response.json(); if (!result || !result.data) { throw new Error("Failed to convert time"); } setConvertedTime(result.data); setError(null); } catch (err) { setError("Unable to convert time. Please try again later."); setConvertedTime(null); } finally{ setConverting(false); } }; const LoadingSkeleton = ()=>/*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 109, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white", __source: { fileName: "", lineNumber: 116, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 bg-black/90 backdrop-blur-lg z-50 border-b border-white/10", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold hover:text-white/80 transition-colors", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "$VICIT"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 text-sm", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/anonymous-board", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("a", { href: "/timezone-converter", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Timezone Converter"))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 156, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 157, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white/5 backdrop-blur-lg rounded-2xl border border-white/10 p-6", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold text-white", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "Time Converter"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUseCurrentTime(!useCurrentTime), className: "text-sm px-3 py-1.5 rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, useCurrentTime ? "Use Custom Time" : "Use Current Time")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/50 text-red-200 p-3 rounded-lg mb-4 text-sm flex items-center", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }), error), loading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: fromTimezone, onChange: (e)=>setFromTimezone(e.target.value), className: "flex-1 p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 191, columnNumber: 21 }, __self: this }, "From"), timezones.map((tz)=>/*#__PURE__*/ React.createElement("option", { key: tz, value: tz, __source: { fileName: "", lineNumber: 193, columnNumber: 23 }, __self: this }, tz.split("/").pop().replace("_", " ")))), /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-white/40", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: toTimezone, onChange: (e)=>setToTimezone(e.target.value), className: "flex-1 p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 204, columnNumber: 21 }, __self: this }, "To"), timezones.map((tz)=>/*#__PURE__*/ React.createElement("option", { key: tz, value: tz, __source: { fileName: "", lineNumber: 206, columnNumber: 23 }, __self: this }, tz.split("/").pop().replace("_", " "))))), !useCurrentTime && /*#__PURE__*/ React.createElement("input", { type: "datetime-local", value: customDateTime, onChange: (e)=>setCustomDateTime(e.target.value), className: "w-full p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this })), converting ? /*#__PURE__*/ React.createElement("div", { className: "mt-6 animate-pulse", __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-20 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this })) : convertedTime && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start gap-4", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60 mb-1", __source: { fileName: "", lineNumber: 233, columnNumber: 23 }, __self: this }, fromTimezone.split("/").pop().replace("_", " ")), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-white", __source: { fileName: "", lineNumber: 236, columnNumber: 23 }, __self: this }, new Date(convertedTime.fromDateTime).toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60", __source: { fileName: "", lineNumber: 241, columnNumber: 23 }, __self: this }, new Date(convertedTime.fromDateTime).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-right", __source: { fileName: "", lineNumber: 247, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60 mb-1", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, toTimezone.split("/").pop().replace("_", " ")), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-white", __source: { fileName: "", lineNumber: 251, columnNumber: 23 }, __self: this }, new Date(convertedTime.conversionResult.dateTime).toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }, new Date(convertedTime.conversionResult.dateTime).toLocaleDateString()))))))), /*#__PURE__*/ React.createElement("div", { className: "py-8 bg-black/80 backdrop-blur-sm", __source: { fileName: "", lineNumber: 270, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 271, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 272, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white/60", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, "ALL RIGHTS RESERVED 2025 $VICIT"), /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: "text-sm text-white/60 hover:text-white/80 transition-colors mt-2 inline-block", __source: { fileName: "", lineNumber: 276, columnNumber: 13 }, __self: this }, "Privacy Policy"))))); } function TimezoneConverterStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 291, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TimezoneConverter, { __source: { fileName: "", lineNumber: 292, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isDark, setIsDark] = useState(false); const [formData, setFormData] = useState({ project_ticker: "", start_date: "", start_time: "00:00", end_date: "", end_time: "23:59", winner_count: 1 }); const [winners, setWinners] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [isDrawerOpen, setIsDrawerOpen] = useState(false); const [showTokenCA, setShowTokenCA] = useState(false); const tokenCA = "9RoX13KFnC62G6n3uUoYRV7YaFjEvd4v3hexRkWMpump"; useEffect(()=>{ document.body.classList.toggle("dark-theme", isDark); document.body.classList.toggle("light-theme", !isDark); }, [ isDark ]); useEffect(()=>{ const link = document.querySelector("link[rel*='icon']") || document.createElement("link"); link.type = "image/png"; link.rel = "icon"; link.href = "https://ucarecdn.com/77dac108-8d6d-446c-97b6-f51f15ca8cf1/-/format/auto/"; document.getElementsByTagName("head")[0].appendChild(link); }, []); const copyTokenCA = ()=>{ navigator.clipboard.writeText(tokenCA); setShowTokenCA(true); setTimeout(()=>setShowTokenCA(false), 2000); }; const handleChange = (e)=>{ setFormData((prev)=>({ ...prev, [e.target.name]: e.target.value })); }; const handleDraw = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); setWinners([]); try { const startDateTime = `${formData.start_date}T${formData.start_time}:00`; const endDateTime = `${formData.end_date}T${formData.end_time}:00`; const response = await fetch("/api/draw", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ project_ticker: formData.project_ticker.toUpperCase(), start_date: new Date(startDateTime).toISOString(), end_date: new Date(endDateTime).toISOString(), winner_count: Number(formData.winner_count) }) }); if (!response.ok) { throw new Error(`Failed to draw winners: ${response.status}`); } const data = await response.json(); console.log("Draw response:", data); if (!data.success) { setError(data.error || "Failed to complete draw"); return; } if (!data.winners || data.winners.length === 0) { setError("No eligible entries found for the selected criteria"); return; } setWinners(data.winners); } catch (err) { console.error("Draw error:", err); setError(err.message || "Failed to complete draw"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen ${isDark ? "bg-black text-white" : "bg-white text-black"}`, __source: { fileName: "", lineNumber: 95, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 bg-black/50 backdrop-blur-sm z-50 md:hidden ${isDrawerOpen ? "block" : "hidden"}`, onClick: ()=>setIsDrawerOpen(false), __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `fixed top-0 right-0 h-full w-64 ${isDark ? "bg-black" : "bg-white"} z-50 transform transition-transform duration-300 ease-in-out md:hidden ${isDrawerOpen ? "translate-x-0" : "translate-x-full"}`, __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(false), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-6 mt-8", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/app", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, "Launch APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg font-medium`, __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mt-4", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 140, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://discord.com/invite/bbM2zdgM", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-xl", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors font-bold`, style: { fontFamily: "Arial, sans-serif" }, __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, "𝕏"))))), /*#__PURE__*/ React.createElement("div", { className: `fixed top-0 left-0 right-0 ${isDark ? "bg-black/90" : "bg-white/90"} backdrop-blur-lg z-50 border-b ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://vicit.fun/", className: `text-2xl font-bold hover:opacity-80 transition-colors mr-3`, __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, "$VICIT")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center gap-6", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://discord.com/invite/bbM2zdgM", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-xl", __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors font-bold`, style: { fontFamily: "Arial, sans-serif" }, __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, "𝕏")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 text-sm", __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/app", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 207, columnNumber: 17 }, __self: this }, "Launch APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: `${isDark ? "text-white hover:text-white/90" : "text-black hover:text-black/90"} transition-colors font-medium`, __source: { fileName: "", lineNumber: 213, columnNumber: 17 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 219, columnNumber: 17 }, __self: this }, "Leaderboard")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDark(!isDark), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isDark ? "sun" : "moon"}`, __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 md:hidden", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDark(!isDark), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 235, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isDark ? "sun" : "moon"}`, __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(true), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 252, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 253, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 254, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 255, columnNumber: 13 }, __self: this }, "Draw Winners"), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 256, columnNumber: 13 }, __self: this }, "Select a project ticker and date range to draw winners from posts")), /*#__PURE__*/ React.createElement("div", { className: `mb-12 ${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-xl p-4 md:p-6 rounded-2xl shadow-lg transform transition-all duration-300 hover:shadow-2xl`, __source: { fileName: "", lineNumber: 262, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 265, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 w-full md:w-auto", __source: { fileName: "", lineNumber: 266, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center ${isDark ? "bg-white/10" : "bg-black/10"} flex-shrink-0`, __source: { fileName: "", lineNumber: 267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://e1a4c9d0d2f9f737c5e1.ucr.io/-/preview/https://api.urlbox.io/v1/NTYqWgJv5s0qDIxN/jpeg?url=https%3A%2F%2Fpump.fun%2F&full_page=true&width=1024&max_height=2048&quality=80", alt: "pump.fun", className: "w-8 h-8 md:w-10 md:h-10 rounded-full object-cover", __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-left flex-1 min-w-0", __source: { fileName: "", lineNumber: 276, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm md:text-base font-bold", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, "$VICIT Token"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-1 w-full", __source: { fileName: "", lineNumber: 280, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `px-2 py-1 rounded-md ${isDark ? "bg-white/10" : "bg-black/10"} text-xs md:text-sm font-mono relative group w-full`, __source: { fileName: "", lineNumber: 281, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-1 overflow-hidden", __source: { fileName: "", lineNumber: 284, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate", __source: { fileName: "", lineNumber: 285, columnNumber: 25 }, __self: this }, tokenCA), /*#__PURE__*/ React.createElement("button", { onClick: copyTokenCA, className: `ml-1 p-1 rounded-full ${isDark ? "hover:bg-white/20" : "hover:bg-black/20"} transition-colors flex-shrink-0`, __source: { fileName: "", lineNumber: 286, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy text-xs", __source: { fileName: "", lineNumber: 290, columnNumber: 27 }, __self: this }))), showTokenCA && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-black/80 text-white text-xs rounded whitespace-nowrap z-10", __source: { fileName: "", lineNumber: 294, columnNumber: 25 }, __self: this }, "Copied!"))))), /*#__PURE__*/ React.createElement("a", { href: "https://moonshot.money/Xo8zm5eQpbUaEBWXApkBF5Ii?ref=F4Mkxg3oOz", target: "_blank", rel: "noopener noreferrer", className: `px-6 py-3 rounded-xl ${isDark ? "bg-gradient-to-r from-white to-white/90 text-black" : "bg-gradient-to-r from-black to-black/90 text-white"} text-sm md:text-base font-bold transition-all hover:scale-105 shadow-lg w-full md:w-auto text-center`, __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 312, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this }, "Buy on Moonshot"))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 320, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 321, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-6", __source: { fileName: "", lineNumber: 322, columnNumber: 15 }, __self: this }, "Draw Parameters"), error && /*#__PURE__*/ React.createElement("div", { className: `mb-6 p-4 rounded-xl ${isDark ? "bg-red-900/30 text-red-200" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 328, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 329, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 330, columnNumber: 21 }, __self: this }, error))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleDraw, className: "space-y-6", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "project_ticker", className: `block mb-2 text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 337, columnNumber: 19 }, __self: this }, "Project Ticker"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "project_ticker", name: "project_ticker", value: formData.project_ticker, onChange: handleChange, required: true, className: `w-full p-4 rounded-xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors`, placeholder: "Enter project ticker (e.g. VICIT)", disabled: loading, __source: { fileName: "", lineNumber: 343, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 362, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 363, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "start_date", className: `block mb-2 text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 364, columnNumber: 21 }, __self: this }, "Start Date"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "start_date", name: "start_date", value: formData.start_date, onChange: handleChange, required: true, className: `w-full p-4 rounded-xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors`, disabled: loading, __source: { fileName: "", lineNumber: 370, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 389, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "start_time", className: `block mb-2 text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 390, columnNumber: 21 }, __self: this }, "Start Time"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "start_time", name: "start_time", value: formData.start_time, onChange: handleChange, required: true, className: `w-full p-4 rounded-xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors`, disabled: loading, __source: { fileName: "", lineNumber: 396, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 417, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "end_date", className: `block mb-2 text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 419, columnNumber: 21 }, __self: this }, "End Date"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "end_date", name: "end_date", value: formData.end_date, onChange: handleChange, required: true, className: `w-full p-4 rounded-xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors`, disabled: loading, __source: { fileName: "", lineNumber: 425, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 444, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "end_time", className: `block mb-2 text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 445, columnNumber: 21 }, __self: this }, "End Time"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "end_time", name: "end_time", value: formData.end_time, onChange: handleChange, required: true, className: `w-full p-4 rounded-xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors`, disabled: loading, __source: { fileName: "", lineNumber: 451, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 472, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "winner_count", className: `block mb-2 text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 473, columnNumber: 19 }, __self: this }, "Number of Winners"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "winner_count", name: "winner_count", value: formData.winner_count, onChange: handleChange, min: "1", max: "20", required: true, className: `w-full p-4 rounded-xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors`, disabled: loading, __source: { fileName: "", lineNumber: 479, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: `w-full p-4 ${isDark ? "bg-white text-black hover:bg-white/90" : "bg-black text-white hover:bg-black/90"} rounded-xl transition-colors disabled:opacity-50 disabled:cursor-not-allowed text-base font-bold`, __source: { fileName: "", lineNumber: 499, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 509, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 510, columnNumber: 23 }, __self: this }), " Drawing...") : "Draw Winners"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 519, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-6", __source: { fileName: "", lineNumber: 520, columnNumber: 15 }, __self: this }, "Winners"), winners.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: `${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-lg rounded-2xl p-6 border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 523, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 526, columnNumber: 19 }, __self: this }, winners.map((winner, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-4 rounded-xl ${isDark ? "bg-white/5" : "bg-black/5"}`, __source: { fileName: "", lineNumber: 528, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-2", __source: { fileName: "", lineNumber: 534, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center ${isDark ? "bg-white/10" : "bg-black/10"} text-sm font-bold`, __source: { fileName: "", lineNumber: 535, columnNumber: 27 }, __self: this }, "#", index + 1), /*#__PURE__*/ React.createElement("div", { className: "font-medium truncate", __source: { fileName: "", lineNumber: 542, columnNumber: 27 }, __self: this }, winner.solana_address)), /*#__PURE__*/ React.createElement("div", { className: `text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 546, columnNumber: 25 }, __self: this }, "Posted: ", new Date(winner.created_at).toLocaleString()), winner.content && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm border-l-2 pl-3 border-gray-400", __source: { fileName: "", lineNumber: 554, columnNumber: 27 }, __self: this }, winner.content))))) : /*#__PURE__*/ React.createElement("div", { className: `${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-lg rounded-2xl p-6 border ${isDark ? "border-white/10" : "border-black/10"} text-center`, __source: { fileName: "", lineNumber: 563, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-8", __source: { fileName: "", lineNumber: 566, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-trophy text-4xl mb-4 ${isDark ? "text-white/30" : "text-black/30"}`, __source: { fileName: "", lineNumber: 567, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 572, columnNumber: 21 }, __self: this }, "No winners drawn yet. Fill out the form to draw winners."))), /*#__PURE__*/ React.createElement("div", { className: `mt-8 ${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-lg rounded-2xl p-6 border ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 583, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium mb-4", __source: { fileName: "", lineNumber: 586, columnNumber: 17 }, __self: this }, "How It Works"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 587, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 588, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium flex items-center", __source: { fileName: "", lineNumber: 589, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2 text-green-400", __source: { fileName: "", lineNumber: 590, columnNumber: 23 }, __self: this }), "Eligibility"), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/60" : "text-black/60"} text-sm mt-1`, __source: { fileName: "", lineNumber: 593, columnNumber: 21 }, __self: this }, "Posts must include the specified project ticker and be within the selected date range.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 602, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium flex items-center", __source: { fileName: "", lineNumber: 603, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-random mr-2 text-blue-400", __source: { fileName: "", lineNumber: 604, columnNumber: 23 }, __self: this }), "Selection"), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/60" : "text-black/60"} text-sm mt-1`, __source: { fileName: "", lineNumber: 607, columnNumber: 21 }, __self: this }, "Winners are randomly selected from eligible posts.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 615, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium flex items-center", __source: { fileName: "", lineNumber: 616, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2 text-purple-400", __source: { fileName: "", lineNumber: 617, columnNumber: 23 }, __self: this }), "Records"), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/60" : "text-black/60"} text-sm mt-1`, __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }, "All draws are recorded and stored for transparency.")))))))), /*#__PURE__*/ React.createElement("div", { className: `py-8 ${isDark ? "bg-black/80" : "bg-black/5"} backdrop-blur-sm`, __source: { fileName: "", lineNumber: 635, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 638, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 639, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: `text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 640, columnNumber: 13 }, __self: this }, "ALL RIGHTS RESERVED 2025 $VICIT"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mt-2", __source: { fileName: "", lineNumber: 645, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 646, columnNumber: 15 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/terms-of-service", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 652, columnNumber: 15 }, __self: this }, "Terms of Service"), /*#__PURE__*/ React.createElement("a", { href: "/contact-us", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 658, columnNumber: 15 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 664, columnNumber: 15 }, __self: this }, "About Us"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 675, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } form, .winners-container { animation: fadeIn 0.6s ease-out forwards; } .dark-theme { background-color: black; color: white; } .light-theme { background-color: white; color: black; } `)); }