Position flash as fixed toast at bottom center
Use position: fixed to overlay the flash without causing layout
reflow. Anchored to bottom center of the viewport.

https://claude.ai/code/session_01NLGBcJgbiyWGDBGFh8DRas
change
commit 4e7f6c29e71dae4ebe7e0c2758abacffbe13b68e
author Claude <noreply@anthropic.com>
date
parent 83c0b313
diff --git a/public/css/app.css b/public/css/app.css
index 8198ca6..bd5e33d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -107,9 +107,11 @@ h2 { font-size: var(--step-0); font-weight: 600; }
 /* -------------------- */
 
 .flash-wrap {
-  display: flex;
-  justify-content: center;
-  padding: var(--space-xs) var(--space-l);
+  position: fixed;
+  bottom: var(--space-m);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 100;
 }
 
 .flash-bar {