diff --git a/src/static/dashboard.html b/src/static/dashboard.html
index 89fc5be..b09c9df 100644
--- a/src/static/dashboard.html
+++ b/src/static/dashboard.html
@@ -50,6 +50,8 @@
background: var(--mint); color: #146644; font-weight: 750; font-size: .8rem;
}
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #22a66c; box-shadow: 0 0 0 5px rgba(34,166,108,.12); }
+ .live-pill.demo { background: #fdeeda; color: #9a6200; }
+ .live-pill.demo .live-dot { background: #e6a23c; box-shadow: 0 0 0 5px rgba(230,162,60,.15); }
button {
border: 1px solid var(--border); border-radius: 11px; background: white; color: var(--ink);
padding: 10px 14px; cursor: pointer; font-weight: 700; box-shadow: 0 3px 10px rgba(22,52,62,.05);
@@ -127,6 +129,14 @@
width: 26px; height: 26px; display: grid; place-items: center; font-size: 19px;
filter: drop-shadow(0 3px 4px rgba(5,43,58,.45));
}
+ .replay-clock {
+ position: absolute; z-index: 650; left: 50%; transform: translateX(-50%); bottom: 20px;
+ background: rgba(19,43,53,.9); color: white; padding: 12px 26px; border-radius: 15px;
+ text-align: center; display: none; pointer-events: none; backdrop-filter: blur(6px);
+ box-shadow: 0 12px 30px rgba(9,30,38,.4);
+ }
+ .replay-clock strong { display: block; font-size: 1.65rem; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
+ .replay-clock span { font-size: .78rem; opacity: .85; }
.forecast-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: 10px; margin-top: 14px; }
.forecast-station { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; }
.forecast-station strong { font-size: .8rem; }
@@ -181,7 +191,7 @@
@@ -211,6 +221,7 @@
Loading river conditions…
Map data could not be loaded.
+ —