diff --git a/src/app.css b/src/app.css
index b77650d..d8dfb29 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,7 +3,6 @@
 
 	--bg: Canvas;
 	--bg-layer: light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 100% / 0.05));
-	--bg-surface: color-mix(var(--bg) 25%, transparent);
 	--bg-highlight: Highlight;
 
 	--border-subtle: 1px solid
@@ -189,7 +188,6 @@ html {
 html.transparent-borders {
 	--border: none;
 	--border-subtle: none;
-	--bg-surface: transparent;
 }
 
 html.transparency .scroll-fade {
@@ -254,11 +252,6 @@ body {
 	grid-area: controls;
 }
 
-#queue,
-#controls {
-	background-color: var(--bg-surface);
-}
-
 #sidebar {
 	grid-area: sidebar;
 	position: relative;
@@ -268,19 +261,6 @@ body {
 }
 
 @media (width <= 32rem) {
-	body::after {
-		content: "";
-		position: fixed;
-		inset-inline: 0;
-		inset-block-end: 0;
-		block-size: var(--viewport-inset-bottom);
-		background-color: var(--bg-surface);
-		pointer-events: none;
-	}
-	html.animations.dynamic-colors body::after {
-		transition: background-color 300ms var(--ease-out-cubic);
-	}
-
 	#sidebar {
 		display: contents;
 	}