theme: strip the remaining Persona punch from Hyprland and the popouts

Hyprland:
- Windows round at 8px, concentric with the porthole's 18px corners at
  the 10px gap, instead of square corners inside a rounded opening.
- Group tabs are solid hull slabs; the titles used to float over the
  wallpaper. The current tab is lifted a step with its title in the light.
- Motion rewritten to glide and settle: no overshoot curve, gentler
  popin, workspaces slide-fade a short way instead of sweeping the whole
  screen, and layers only fade so they never stack on quickshell's own
  slides.

Quickshell:
- Album art in the bar and the media popout is square in a hairline frame,
  not masked to a leaning chamfered shape; the accent slab under the
  popout art is gone, and a track change dips the title instead of
  tilting the art.
- The bar's equaliser is a five-hairline signal meter that rests as dots.
- Segment meters (system, battery, OSD) are 4px rows instead of 10-12px
  blocks; the toast fuse is a hairline; the clock's accent slab is a
  neutral divider.
- No hover pops: rail icons, tray icons, media transport buttons and
  P5Button no longer scale up or lunge sideways; the icon bump is reduced.

Terminal: ANSI bright black drops to #464d44. TUIs use it as a panel fill,
and at the outline grey it read as a flat light slab.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

quickshell/popouts/BatteryPopout.qml

@@ -99,10 +99,10 @@ Popout {
             anchors.topMargin: Theme.padM
             anchors.left: parent.left
             anchors.right: parent.right
-            height: 12
+            height: 4
             segments: 20
-            segmentWidth: (width - 19 * 3) / 20
-            spacing: 3
+            segmentWidth: (width - 19 * 2) / 20
+            spacing: 2
             value: Battery.percent
             activeColor: Battery.tint
         }

quickshell/popouts/MediaPopout.qml

@@ -32,62 +32,30 @@ Popout {
             subtitle: Media.identity
         }
 
-        // Cover art, chopped.
-        Item {
+        // Cover art in a hairline frame.
+        Rectangle {
             id: artFrame
             anchors.top: header.bottom
             anchors.topMargin: Theme.padM
             anchors.left: parent.left
             width: 108
             height: 108
-
-            Shape {
-                id: artMask
-                anchors.fill: parent
-                visible: false
-                layer.enabled: true
-                // Without this the mask texture is point-sampled, so the
-                // antialiased pixels along the cuts get snapped back to hard
-                // steps before MultiEffect ever sees them — see MaskedArt.
-                layer.smooth: true
-                preferredRendererType: Shape.CurveRenderer
-                ShapePath {
-                    fillColor: "white"
-                    strokeColor: "transparent"
-                    PathPolyline {
-                        path: Geom.chamfer(Geom.parallelogram(108, 108, 0.1), 18, [1, 3])
-                    }
-                }
-            }
+            color: Theme.surface
+            border.width: 1
+            border.color: Theme.overlay
 
             Image {
                 id: art
                 anchors.fill: parent
+                anchors.margins: 1
                 source: Media.artUrl
                 fillMode: Image.PreserveAspectCrop
                 asynchronous: true
                 cache: true
                 visible: status === Image.Ready
-                layer.enabled: true
-                layer.smooth: true
-                layer.effect: MaskedArt { maskItem: artMask }
             }
 
             // Placeholder when the player exposes no artwork.
-            Shape {
-                anchors.fill: parent
-                visible: art.status !== Image.Ready
-                preferredRendererType: Shape.CurveRenderer
-                ShapePath {
-                    fillColor: Theme.surface
-                    strokeColor: Theme.surfaceAlt
-                    strokeWidth: 2
-                    PathPolyline {
-                        path: Geom.chamfer(Geom.parallelogram(108, 108, 0.1), 18, [1, 3])
-                    }
-                }
-            }
-
             Icon {
                 anchors.centerIn: parent
                 visible: art.status !== Image.Ready
@@ -95,16 +63,6 @@ Popout {
                 font.pixelSize: 42
                 color: Theme.muted
             }
-
-            // Spinning rule around the art while playing.
-            Rectangle {
-                anchors.right: parent.right
-                anchors.bottom: parent.bottom
-                width: 30
-                height: 3
-                color: Theme.accent
-                visible: Media.playing
-            }
         }
 
         Column {
@@ -363,10 +321,6 @@ Popout {
             }
         }
 
-        scale: tbHover.hovered && tb.enabled ? 1.12 : 1.0
-        Behavior on scale {
-            NumberAnimation { duration: Theme.durBase; easing.type: Easing.OutCubic }
-        }
 
         HoverHandler {
             id: tbHover

quickshell/popouts/PopoutHeader.qml

@@ -17,7 +17,7 @@ Item {
     Row {
         anchors.left: parent.left
         anchors.top: parent.top
-        spacing: Theme.padS
+        spacing: Theme.padM
 
         Icon {
             anchors.verticalCenter: parent.verticalCenter