feat(shell): metaball ambient + translucent bars/panels/controls, drop carousel fades

Smoke rounds 3-4 (owner feedback). Checkpoint during iteration.

Ambient (the big one): rewrote ambient.wgsl from translating gaussian blobs to a
METABALL field (r²/d² summed + smoothstep iso-surface) with 2-octave domain warp
— lobes fuse/stretch/split like an amoeba / lava lamp (the Cider motion that was
missing), faster clock, more contrast.

Surfaces made background-aware (translucent when the dynamic background is on):
- Search results view (root + toolbar), artist Network panel + its tab-row
  header (transparent to avoid double-translucent compounding), JUMP TO bar
  (JumpNavBar bar-bg passed in — can't import ShellState without a cycle).
- Discover toolbars + tab pill + BrowseHeaderTools; SearchResultsView toolbar.
- CircleAction (shared: playlist/album/artist/etc. action buttons) on-surface
  secondary fill goes glass; playlist Sort dropdown; QbzSelect closed control.
- New app-background-bar-alpha knob (0.3, env QBZ_BG_BAR_ALPHA): thin bars go
  MORE transparent than panels (surface-alpha 0.5).
- Content well: frosted tint (0.22) + 1px hairline border → distinct panel.
- Album/Artist header gradient auto-suppressed under the dynamic background
  (they clashed); header text stays light on the dynamic backdrop.
- Discover carousel edge-fade "shadows" hidden when active (Carousel /
  PlaylistCarousel / ArtistCarousel / PinnedCarousel).

Base: 76ea5a82. Prior checkpoint: 4e405338.

cc

crates/qbz-ui/ui/discover/BrowseHeaderTools.slint

@@ -8,7 +8,7 @@
 
 import { Theme } from "../foundation/semantic-colors.slint";
 import { Typography } from "../foundation/typography.slint";
-import { GenreFilterState, UiFocusState } from "../state.slint";
+import { GenreFilterState, UiFocusState, ShellState, AppearanceState } from "../state.slint";
 import { QbzIcon } from "../primitives/QbzIcon.slint";
 import { ToggleButton } from "../primitives/ToggleButton.slint";
 
@@ -23,7 +23,7 @@ export component BrowseSearch inherits Rectangle {
     height: 34px;
     width: 200px;
     border-radius: 6px;
-    background: Theme.surface-elevated;
+    background: ShellState.app-background-active ? Theme.surface-elevated.with-alpha(AppearanceState.app-background-surface-alpha) : Theme.surface-elevated;
     border-width: 1px;
     border-color: input.has-focus ? Theme.accent : Theme.border-subtle;
 
@@ -152,7 +152,7 @@ export component ViewModeToggle inherits Rectangle {
     width: 68px;
     height: 34px;
     border-radius: 6px;
-    background: Theme.surface-elevated;
+    background: ShellState.app-background-active ? Theme.surface-elevated.with-alpha(AppearanceState.app-background-surface-alpha) : Theme.surface-elevated;
     clip: true;
     HorizontalLayout {
         ToggleButton {