Optimise blur.

src/components/BaseDialog.vue

@@ -211,7 +211,6 @@ onUnmounted(() => {
   position: fixed; /* still fixed for overlay & dragging, but now top/left are set dynamically */
   background: color-mix(in srgb, var(--panel) 85%, transparent);
   backdrop-filter: blur(0.625em);
-  -webkit-backdrop-filter: blur(0.625em);
   color: var(--ink);
   border-radius: 0.6em;
   min-height: 23em;

src/components/CalendarView.vue

@@ -54,9 +54,8 @@ let _blurFrame = null
 
 function _updateMotionBlur() {
   const pos = scrollTop.value || 0
-  if (_lastBlurPos) {
-    blurAmount.value = 0.5 * Math.abs(pos - _lastBlurPos)
-  }
+  if (_lastBlurPos) blurAmount.value = Math.min(20, 0.5 * Math.abs(pos - _lastBlurPos))
+  if (!_lastBlurPos || blurAmount.value < 5) blurAmount.value = 0
   _lastBlurPos = pos
   _blurFrame = requestAnimationFrame(_updateMotionBlur)
 }

src/components/Search.vue

@@ -550,7 +550,6 @@ function parseGoToDateCandidate(input, refStr) {
   padding: 0.2rem;
   background: color-mix(in srgb, var(--panel) 92%, transparent);
   backdrop-filter: blur(0.6em);
-  -webkit-backdrop-filter: blur(0.6em);
   border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent);
   border-radius: 0.55rem;
   max-height: 16rem;
@@ -592,7 +591,6 @@ function parseGoToDateCandidate(input, refStr) {
   padding: 0.45rem 0.6rem;
   background: color-mix(in srgb, var(--panel) 92%, transparent);
   backdrop-filter: blur(0.6em);
-  -webkit-backdrop-filter: blur(0.6em);
   border: .1rem solid color-mix(in srgb, var(--muted) 35%, transparent);
   border-radius: 0.55rem;
   box-shadow: 0 0.5em 1.25em rgba(0, 0, 0, 0.3);