diff --git a/apple-music-widget-compact/index.html b/apple-music-widget-compact/index.html
index 9d511de..2a87154 100644
--- a/apple-music-widget-compact/index.html
+++ b/apple-music-widget-compact/index.html
@@ -11,6 +11,40 @@
 </head>
 
 <body>
+	<!-- THIS WIDGET IS DISCONTINUED -->
+	 
+	<div id="discontinuedOverlay"
+		style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #141414ec; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-family: sans-serif; text-align: center; padding: 20px; box-sizing: border-box; transition: opacity 1s ease; opacity: 1;">
+		<div style="margin-bottom: 20px; font-size: 30px; font-weight: 800; color:#ad2727">THIS WIDGET HAS BEEN DISCONTINUED</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Due to changes in the newest version of Cider, this widget is no longer supported.</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Please upgrade to <span style="font-style: italic; color:#ffb700">Universal Now Playing</span> — my new music widget!</div>
+		<div style="margin-bottom: 30px; font-size: 22px; font-weight: 800; line-height: 1.5; opacity: 0.9;">— With love, nutty <3</div>
+		
+		<div style="background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 24px; border-radius: 8px; font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 25px; letter-spacing: 0.5px;">
+			nutty.gg/products/universal-now-playing
+		</div>
+	</div>
+
+	<script>
+		let timeLeft = 20;
+		const overlayEl = document.getElementById('discontinuedOverlay');
+		
+		const timer = setInterval(() => {
+			timeLeft--;
+			if (timeLeft <= 0) {
+				clearInterval(timer);
+				overlayEl.style.opacity = '0';
+				setTimeout(() => {
+					overlayEl.style.display = 'none';
+				}, 1000); // Matches the 1s CSS transition duration
+			}
+		}, 1000);
+	</script>
+
+
+
+	<!-- WIDGET STARTS HERE -->
+
 	<div id="statusContainer">Connecting...</div>
 	<div id="mainContainer">
 		<!-- <div id="albumArtBox">
diff --git a/apple-music-widget/index.html b/apple-music-widget/index.html
index 104ad7d..3ca9be0 100644
--- a/apple-music-widget/index.html
+++ b/apple-music-widget/index.html
@@ -11,6 +11,40 @@
 </head>
 
 <body>
+	<!-- THIS WIDGET IS DISCONTINUED -->
+	 
+	<div id="discontinuedOverlay"
+		style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #141414ec; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-family: sans-serif; text-align: center; padding: 20px; box-sizing: border-box; transition: opacity 1s ease; opacity: 1;">
+		<div style="margin-bottom: 20px; font-size: 30px; font-weight: 800; color:#ad2727">THIS WIDGET HAS BEEN DISCONTINUED</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Due to changes in the newest version of Cider, this widget is no longer supported.</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Please upgrade to <span style="font-style: italic; color:#ffb700">Universal Now Playing</span> — my new music widget!</div>
+		<div style="margin-bottom: 30px; font-size: 22px; font-weight: 800; line-height: 1.5; opacity: 0.9;">— With love, nutty <3</div>
+		
+		<div style="background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 24px; border-radius: 8px; font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 25px; letter-spacing: 0.5px;">
+			nutty.gg/products/universal-now-playing
+		</div>
+	</div>
+
+	<script>
+		let timeLeft = 20;
+		const overlayEl = document.getElementById('discontinuedOverlay');
+		
+		const timer = setInterval(() => {
+			timeLeft--;
+			if (timeLeft <= 0) {
+				clearInterval(timer);
+				overlayEl.style.opacity = '0';
+				setTimeout(() => {
+					overlayEl.style.display = 'none';
+				}, 1000); // Matches the 1s CSS transition duration
+			}
+		}, 1000);
+	</script>
+
+
+
+	<!-- WIDGET STARTS HERE -->
+
 	<div id="statusContainer">Connecting...</div>
 	<div id="mainContainer">
 		<div id="albumArtBox">
diff --git a/spotify-widget-compact/index.html b/spotify-widget-compact/index.html
index 5ab2d7a..87fc40e 100644
--- a/spotify-widget-compact/index.html
+++ b/spotify-widget-compact/index.html
@@ -11,6 +11,40 @@
 </head>
 
 <body>
+	<!-- THIS WIDGET IS DISCONTINUED -->
+	 
+	<div id="discontinuedOverlay"
+		style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #141414ec; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-family: sans-serif; text-align: center; padding: 20px; box-sizing: border-box; transition: opacity 1s ease; opacity: 1;">
+		<div style="margin-bottom: 20px; font-size: 30px; font-weight: 800; color:#ad2727">THIS WIDGET HAS BEEN DISCONTINUED</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Due to Spotify's API changes, this widget is no longer supported.</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Please upgrade to <span style="font-style: italic; color:#ffb700">Universal Now Playing</span> — my new music widget!</div>
+		<div style="margin-bottom: 30px; font-size: 22px; font-weight: 800; line-height: 1.5; opacity: 0.9;">— With love, nutty <3</div>
+		
+		<div style="background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 24px; border-radius: 8px; font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 25px; letter-spacing: 0.5px;">
+			nutty.gg/products/universal-now-playing
+		</div>
+	</div>
+
+	<script>
+		let timeLeft = 20;
+		const overlayEl = document.getElementById('discontinuedOverlay');
+		
+		const timer = setInterval(() => {
+			timeLeft--;
+			if (timeLeft <= 0) {
+				clearInterval(timer);
+				overlayEl.style.opacity = '0';
+				setTimeout(() => {
+					overlayEl.style.display = 'none';
+				}, 1000); // Matches the 1s CSS transition duration
+			}
+		}, 1000);
+	</script>
+
+
+
+	<!-- WIDGET STARTS HERE -->
+	 
 	<div id="statusContainer">Connecting...</div>
 	<div id="mainContainer">
 		<!-- <div id="albumArtBox">
diff --git a/spotify-widget/index.html b/spotify-widget/index.html
index 09210b3..48dbd65 100644
--- a/spotify-widget/index.html
+++ b/spotify-widget/index.html
@@ -11,6 +11,40 @@
 </head>
 
 <body>
+	<!-- THIS WIDGET IS DISCONTINUED -->
+	 
+	<div id="discontinuedOverlay"
+		style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #141414ec; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-family: sans-serif; text-align: center; padding: 20px; box-sizing: border-box; transition: opacity 1s ease; opacity: 1;">
+		<div style="margin-bottom: 20px; font-size: 30px; font-weight: 800; color:#ad2727">THIS WIDGET HAS BEEN DISCONTINUED</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Due to Spotify's API changes, this widget is no longer supported.</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Please upgrade to <span style="font-style: italic; color:#ffb700">Universal Now Playing</span> — my new music widget!</div>
+		<div style="margin-bottom: 30px; font-size: 22px; font-weight: 800; line-height: 1.5; opacity: 0.9;">— With love, nutty <3</div>
+		
+		<div style="background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 24px; border-radius: 8px; font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 25px; letter-spacing: 0.5px;">
+			nutty.gg/products/universal-now-playing
+		</div>
+	</div>
+
+	<script>
+		let timeLeft = 20;
+		const overlayEl = document.getElementById('discontinuedOverlay');
+		
+		const timer = setInterval(() => {
+			timeLeft--;
+			if (timeLeft <= 0) {
+				clearInterval(timer);
+				overlayEl.style.opacity = '0';
+				setTimeout(() => {
+					overlayEl.style.display = 'none';
+				}, 1000); // Matches the 1s CSS transition duration
+			}
+		}, 1000);
+	</script>
+
+
+
+	<!-- WIDGET STARTS HERE -->
+	 
 	<div id="statusContainer">Connecting...</div>
 	<div id="mainContainer">
 		<div id="albumArtBox">
diff --git a/youtube-music-widget-compact/index.html b/youtube-music-widget-compact/index.html
index 32d9667..f3f3fac 100644
--- a/youtube-music-widget-compact/index.html
+++ b/youtube-music-widget-compact/index.html
@@ -11,6 +11,39 @@
 </head>
 
 <body>
+	<!-- THIS WIDGET IS DISCONTINUED -->
+	 
+	<div id="discontinuedOverlay"
+		style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #141414ec; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-family: sans-serif; text-align: center; padding: 20px; box-sizing: border-box; transition: opacity 1s ease; opacity: 1;">
+		<div style="margin-bottom: 20px; font-size: 30px; font-weight: 800; color:#ad2727">THIS WIDGET HAS BEEN DISCONTINUED</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Please upgrade to <span style="font-style: italic; color:#ffb700">Universal Now Playing</span> — my new music widget!</div>
+		<div style="margin-bottom: 30px; font-size: 22px; font-weight: 800; line-height: 1.5; opacity: 0.9;">— With love, nutty <3</div>
+		
+		<div style="background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 24px; border-radius: 8px; font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 25px; letter-spacing: 0.5px;">
+			nutty.gg/products/universal-now-playing
+		</div>
+	</div>
+
+	<script>
+		let timeLeft = 20;
+		const overlayEl = document.getElementById('discontinuedOverlay');
+		
+		const timer = setInterval(() => {
+			timeLeft--;
+			if (timeLeft <= 0) {
+				clearInterval(timer);
+				overlayEl.style.opacity = '0';
+				setTimeout(() => {
+					overlayEl.style.display = 'none';
+				}, 1000); // Matches the 1s CSS transition duration
+			}
+		}, 1000);
+	</script>
+
+
+
+	<!-- WIDGET STARTS HERE -->
+	
 	<div id="statusContainer">Connecting...</div>
 	<div id="mainContainer">
 		<!-- <div id="albumArtBox">
diff --git a/youtube-music-widget/index.html b/youtube-music-widget/index.html
index 1ffed1e..f6efed1 100644
--- a/youtube-music-widget/index.html
+++ b/youtube-music-widget/index.html
@@ -11,6 +11,39 @@
 </head>
 
 <body>
+	<!-- THIS WIDGET IS DISCONTINUED -->
+	 
+	<div id="discontinuedOverlay"
+		style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #141414ec; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: white; font-family: sans-serif; text-align: center; padding: 20px; box-sizing: border-box; transition: opacity 1s ease; opacity: 1;">
+		<div style="margin-bottom: 20px; font-size: 30px; font-weight: 800; color:#ad2727">THIS WIDGET HAS BEEN DISCONTINUED</div>
+		<div style="margin-bottom: 10px; font-size: 22px; font-weight: 600; line-height: 1.5; opacity: 0.9;">Please upgrade to <span style="font-style: italic; color:#ffb700">Universal Now Playing</span> — my new music widget!</div>
+		<div style="margin-bottom: 30px; font-size: 22px; font-weight: 800; line-height: 1.5; opacity: 0.9;">— With love, nutty <3</div>
+		
+		<div style="background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 12px 24px; border-radius: 8px; font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 25px; letter-spacing: 0.5px;">
+			nutty.gg/products/universal-now-playing
+		</div>
+	</div>
+
+	<script>
+		let timeLeft = 20;
+		const overlayEl = document.getElementById('discontinuedOverlay');
+		
+		const timer = setInterval(() => {
+			timeLeft--;
+			if (timeLeft <= 0) {
+				clearInterval(timer);
+				overlayEl.style.opacity = '0';
+				setTimeout(() => {
+					overlayEl.style.display = 'none';
+				}, 1000); // Matches the 1s CSS transition duration
+			}
+		}, 1000);
+	</script>
+
+
+
+	<!-- WIDGET STARTS HERE -->
+
 	<div id="statusContainer">Connecting...</div>
 	<div id="mainContainer">
 		<div id="albumArtBox">
