/* Shared notices: one placement rule for every route, outside animated page content. */
#toast.toast,
#toast.toast.toast-prominent {
  position:fixed;
  inset: max(24px, env(safe-area-inset-top)) auto auto 50%;
  margin:0;
  transform:translateX(-50%);
  box-sizing:border-box;
  width:max-content;
  max-width:min(440px, calc(100% - 32px));
  padding:10px 8px 10px 16px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 40px;
  align-items:center;
  gap:10px;
  border:1px solid #6b867466;
  border-radius:16px;
  background:#233c30;
  color:#f2f5ec;
  box-shadow:0 12px 36px #071b1655;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  text-align:left;
  pointer-events:auto;
  z-index:1000;
}
#toast.toast.toast-prominent { top:50%;transform:translate(-50%,-50%); }
#toast.toast[hidden] { display:none; }
#toast .notice-icon { display:grid;place-items:center;width:22px;height:22px;border:1px solid #c6daab88;border-radius:50%;color:#d9e9bf;font-size:13px;font-weight:700;font-style:normal; }
#toast .notice-message { min-width:0;overflow-wrap:anywhere;text-wrap:pretty; }
#toast .notice-close { display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#c4d3c6;font-family:inherit;font-size:24px;line-height:1;cursor:pointer; }
#toast .notice-close:hover { background:#e8f2d90c;color:#fff; }
#toast .notice-close:focus-visible { outline:2px solid #d0e6a2;outline-offset:-3px; }
#toast::backdrop { background:transparent;pointer-events:none; }
#toast:popover-open { animation:notice-appear .16s ease-out; }
.form-error:not(:empty) { box-sizing:border-box;min-width:0;max-width:100%;padding:12px 14px;margin:14px 0;line-height:1.5;font-size:13px;overflow-wrap:anywhere;border-radius:10px;background:#ed9b8710;color:#f0b5a7; }
@media(max-width:700px) {
  #toast.toast,#toast.toast.toast-prominent { max-width:min(400px,calc(100% - 24px));font-size:13px;gap:8px;padding:8px 6px 8px 12px; }
  #toast.toast:not(.toast-prominent) { top:calc(env(safe-area-inset-top,0px) + 68px); }
}
@media(prefers-reduced-motion:reduce) { #toast:popover-open { animation:none; } }
