#report-dialog { width: min(460px, calc(100vw - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow-y: auto; padding: 20px; background: var(--parchment); color: var(--ink); border: 3px solid var(--ink); border-radius: 12px; corner-shape: bevel; box-shadow: var(--bevel), var(--ledge); font: 14px/1.5 var(--read); text-shadow: none; }
#report-dialog::backdrop { background: rgb(20 35 28 / 65%); }
#report-dialog h2 { margin: 0 0 12px; font: 20px/1.4 var(--blocks); color: var(--leaf-deep); }
#report-dialog label { display: block; margin: 10px 0; font-weight: 700; }
#report-dialog input, #report-dialog select, #report-dialog textarea { display: block; box-sizing: border-box; width: 100%; padding: 9px; border: 2px solid var(--ink); border-radius: 5px; background: var(--paper); color: var(--ink); font: 15px var(--read); }
#report-dialog textarea { resize: vertical; min-height: 80px; max-height: 180px; }
#report-dialog button { padding: 9px 12px; border: 2px solid var(--ink); border-radius: 6px; background: var(--paper); color: var(--ink); font: 700 14px var(--read); cursor: pointer; }
#report-dialog button:disabled { opacity: .6; cursor: wait; }
#report-dialog #report-submit { background: var(--evergreen); color: var(--paper); }
#report-dialog .report-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
#report-dialog .report-help { font-size: 12px; }
#report-status { overflow-wrap: anywhere; font-weight: 700; }
#report-dialog [hidden] { display: none; }