mini player + dark glass: eight shapes run by the hidden main as the one brain, dissolving covers and accents, drag from anywhere, and the space between the panes turned to real acrylic - with the webview flags that keep rest frames honest

src/styles/global.css

@@ -94,6 +94,19 @@
     --nowplaying-rail: 64px;
 }
 
+/* Dark-glass mode (Settings → Appearance): the window is transparent and the
+   OS puts acrylic blur behind it (window_glass command). ONLY the window
+   canvas thins over it — the black frame the panes float on, painted by .app
+   in App.svelte. Every pane keeps its own opaque surface; do NOT thin the
+   shared --bg vars here — they paint the sidebar, the content pane and the
+   artist page, and going translucent washed the whole app out (2026-08-26).
+   html and body must both stop painting, or their solid base blocks the
+   blur (html alone held a solid #121212 and ate the first attempt). */
+:root.glass,
+:root.glass body {
+    background: transparent;
+}
+
 /* Floating overlay scrollbar (see src/lib/scrollbar.js). The native bar is
    hidden so it never reserves width or reflows content; a thin thumb floats
    in the container's right padding, fading in on scroll/hover, out when idle. */