feat(ui): surface save and export errors as toasts; add webkit backdrop-filter

src/styles/app.css

@@ -472,6 +472,7 @@ button {
   gap: 1px;
   padding: 5px;
   background: rgba(252, 251, 247, 0.86);
+  -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   border: 1px solid var(--line);
   border-radius: 999px;
@@ -627,6 +628,7 @@ button {
   inset: 0;
   z-index: 20;
   background: rgba(35, 32, 27, 0.28);
+  -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
   display: grid;
   place-items: center;
@@ -771,3 +773,20 @@ button {
   background: var(--accent-wash);
   color: var(--ink);
 }
+
+.toast {
+  position: fixed;
+  bottom: 26px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 40;
+  max-width: 460px;
+  padding: 11px 16px;
+  border-radius: var(--r-md);
+  background: var(--ink);
+  color: var(--paper);
+  font-family: var(--font-ui);
+  font-size: var(--t-3);
+  box-shadow: var(--shadow-pop);
+  cursor: pointer;
+}