.flash-stack{position:fixed;z-index:10000;top:1.25rem;left:50%;width:min(680px,calc(100vw - 2rem));transform:translateX(-50%);pointer-events:none}.flash-message{--flash:#087f78;--flash-bg:#effcf9;position:relative;display:grid;grid-template-columns:52px 1fr 38px;align-items:center;gap:1rem;overflow:hidden;padding:1.1rem 1rem 1.1rem 1.15rem;border:1px solid color-mix(in srgb,var(--flash) 35%,white);border-left:7px solid var(--flash);border-radius:16px;background:var(--flash-bg);color:#10202f;box-shadow:0 18px 55px #08233c38;pointer-events:auto;animation:flash-in .28s ease-out}.flash-success{--flash:#087f78;--flash-bg:#edfcf8}.flash-warning{--flash:#c27600;--flash-bg:#fff8e8}.flash-error{--flash:#b42318;--flash-bg:#fff1f0}.flash-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--flash);color:#fff;font-size:1.75rem;font-weight:950;line-height:1}.flash-copy{display:grid;gap:.2rem;min-width:0}.flash-copy strong{font-size:1.12rem;line-height:1.25}.flash-copy span{font-size:.95rem;line-height:1.4;color:#435b68}.flash-close{width:38px;height:38px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#536b77;font-size:1.6rem;line-height:1}.flash-close:hover,.flash-close:focus-visible{background:#08233c12;color:#10202f;outline:2px solid var(--flash);outline-offset:1px}.flash-timer{position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--flash);transform-origin:left;animation:flash-timer 9s linear forwards}.flash-message.is-leaving{animation:flash-out .22s ease-in forwards}.flash-message:hover .flash-timer,.flash-message:focus-within .flash-timer{animation-play-state:paused}@keyframes flash-in{from{opacity:0;transform:translateY(-18px) scale(.98)}to{opacity:1;transform:none}}@keyframes flash-out{to{opacity:0;transform:translateY(-14px) scale(.98)}}@keyframes flash-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:600px){.flash-stack{top:.65rem;width:calc(100vw - 1rem)}.flash-message{grid-template-columns:42px 1fr 34px;gap:.7rem;padding:.9rem .7rem .95rem;border-radius:13px}.flash-icon{width:40px;height:40px;font-size:1.4rem}.flash-copy strong{font-size:1rem}.flash-copy span{font-size:.86rem}.flash-close{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.flash-message,.flash-timer{animation:none}.flash-timer{display:none}}