#action-notice {
  position: fixed;
  inset: auto 12px calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);
  width: min(460px, calc(100vw - 24px));
  max-height: calc(100dvh - 40px);
  margin: 0 auto;
  padding: 20px;
  overflow-y: auto;
  border: 2px solid var(--acid);
  border-radius: 0;
  background: var(--black);
  color: var(--paper);
  box-shadow: 5px 5px 0 var(--paper), 0 18px 50px #000b;
}
#action-notice::backdrop { background: #0008; backdrop-filter: blur(2px); }
#action-notice h2 { margin: 0 0 10px; font-size: 1.1rem; }
#action-notice p { margin: 0; font-size: 1rem; line-height: 1.5; color: var(--muted); }
#action-notice .dialog-actions { margin-top: 18px; }
#action-notice button { min-height: 48px; font-size: 1rem; }
#action-notice button:focus-visible { outline: 3px solid var(--paper); outline-offset: 3px; }
[aria-invalid="true"] { outline: 2px solid var(--red); outline-offset: 2px; }
dialog #toast { z-index: 100; pointer-events: none; }
@media (max-height: 450px) { #action-notice { bottom: 12px; } }