/* One compact feedback surface; it never covers the page with a backdrop. */
html body #toastContainer {
  position:fixed!important; inset:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) auto auto!important;
  z-index:100100!important; display:flex!important; flex-direction:column!important; gap:9px!important;
  width:min(328px,calc(100vw - 24px))!important; max-width:328px!important; pointer-events:none;
}
html body #toastContainer .ui-toast {
  --toast-accent:#268875; --toast-tint:#eaf8f2;
  position:relative!important; display:flex!important; align-items:center!important; gap:10px!important;
  flex:none!important; min-width:0!important; width:100%!important; margin:0!important; padding:12px!important;
  border:1px solid #dfe8ee!important; border-radius:16px!important; background:#fff!important;
  color:#25394d!important; box-shadow:0 10px 35px #162b4b1a!important; overflow:hidden!important;
  font:500 12px/1.55 Inter,system-ui,sans-serif!important; pointer-events:auto; cursor:default!important;
  backdrop-filter:none!important; animation:action-notice-in .26s cubic-bezier(.2,.8,.2,1) both;
}
html.site-dark body #toastContainer .ui-toast { --toast-tint:#213a39; background:#19242f!important; color:#e2edf8!important; border-color:#344351!important; box-shadow:0 12px 38px #0004!important; --toast-accent:#7bd2b7; }
html body #toastContainer .ui-toast.ui-toast--error { --toast-accent:#d46a7b; --toast-tint:#d46a7b16; }
html body #toastContainer .ui-toast.ui-toast--warning { --toast-accent:#b68b36; --toast-tint:#b68b3616; }
html body #toastContainer .ui-toast:is(.ui-toast--info,.ui-toast--copy) { --toast-accent:#5c94df; --toast-tint:#5c94df16; }
html body #toastContainer .ui-toast__icon { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border-radius:11px; color:var(--toast-accent); background:var(--toast-tint); }
html body #toastContainer svg { display:block; width:17px; height:17px; flex:none; }
html body #toastContainer .ui-toast__text { flex:1; min-width:0; overflow-wrap:anywhere; }
html body #toastContainer .ui-toast__close { display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; padding:4px; min-height:0; border:0; border-radius:8px; color:inherit; background:transparent; opacity:.65; cursor:pointer; }
html body #toastContainer .ui-toast__close:hover { background:#829bb61a; opacity:1; }
html body #toastContainer .ui-toast__close:focus-visible { outline:2px solid var(--toast-accent); outline-offset:2px; }
html body #toastContainer .ui-toast__progress { position:absolute; inset:auto 12px 0; height:2px; border-radius:4px; background:var(--toast-accent); opacity:.4; transform-origin:left; animation:action-notice-time linear forwards; }
html body #toastContainer .is-paused .ui-toast__progress { animation-play-state:paused; }
html body #toastContainer .ui-toast.is-leaving { animation:action-notice-out .18s ease both; }
@keyframes action-notice-in { from { opacity:0; transform:translate(18px,-5px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes action-notice-out { to { opacity:0; transform:translateX(14px); } }
@keyframes action-notice-time { to { transform:scaleX(0); } }
@media(max-width:600px) { html body #toastContainer { top:calc(10px + env(safe-area-inset-top,0px))!important; right:12px!important; } }
@media(prefers-reduced-motion:reduce) { html body #toastContainer .ui-toast,html body #toastContainer .ui-toast__progress { animation:none!important; transition:none!important; } }
