/* The newer-version toast (dist/fresh-version.js). Fixed under the sticky header, so nothing moves. */
.fresh-live { position:fixed; z-index:70; top:92px; left:0; right:0; display:flex; justify-content:center; padding:0 16px; pointer-events:none; }
.fresh-toast { pointer-events:auto; display:flex; align-items:center; gap:4px; max-width:100%; min-height:48px; padding:2px 4px 2px 16px; background:#1a1850; color:var(--cream,#f4f0e6); border:1px solid var(--line,rgba(213,169,0,.28)); border-radius:14px; box-shadow:0 10px 30px #0006; font:500 14px/1.35 'DM Sans',sans-serif; opacity:0; transform:translateY(-10px); transition:opacity 220ms cubic-bezier(.22,1,.36,1),transform 220ms cubic-bezier(.22,1,.36,1); }
.fresh-toast.is-shown { opacity:1; transform:none; }
.fresh-text { flex:1 1 auto; min-width:0; padding:6px 0; }
.fresh-toast button { flex:none; min-width:44px; min-height:44px; border:0; border-radius:10px; background:none; color:var(--gold,#d5a900); font:inherit; cursor:pointer; }
.fresh-refresh { padding:0 12px; font-weight:700 !important; }
.fresh-dismiss { color:var(--cream,#f4f0e6) !important; font-size:22px !important; opacity:.75; }
.fresh-toast button:hover { background:#ffffff14; }
.fresh-toast button:focus-visible { outline:2px solid var(--gold,#d5a900); outline-offset:-2px; }
@media (max-width:520px) { .fresh-sep { display:none; } }
@media (prefers-reduced-motion:reduce) { .fresh-toast { transition:none; transform:none; } }