.report-notice {
  position:fixed; right:1rem; bottom:max(1rem, env(safe-area-inset-bottom)); z-index:2000;
  box-sizing:border-box; width:min(32rem, calc(100vw - 2rem)); max-height:70vh; overflow:auto;
  padding:1.1rem 1.25rem; background:#fff; color:#243746;
  border:1px solid #e6b6b6; border-top:4px solid #b54747; border-radius:14px;
  box-shadow:0 8px 28px rgb(20 40 55 / 18%); animation:report-notice-in .2s ease-out;
}
.report-notice h2 { font-size:1.05rem; margin:0 0 .55rem; color:#943737; }
.report-notice p { margin:0 0 .85rem; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.report-notice-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.report-notice button:focus-visible, .report-notice a:focus-visible { outline:2px solid var(--primary-color); outline-offset:3px; }
.report-sending::before { content:''; display:inline-block; width:.85em; height:.85em; margin-right:.5em; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:report-sending-spin .8s linear infinite; }
@keyframes report-notice-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes report-sending-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .report-notice, .report-sending::before { animation:none; } }