#report-trigger {
  position: fixed; right: 20px; bottom: 20px; z-index: 30;
  border: 1px solid #27262f; border-radius: 999px; background: #121217;
  color: #e8e4ed; padding: 11px 18px; font: inherit; font-size: 13px;
  cursor: pointer; box-shadow: 0 8px 30px #0008;
}
#report-trigger:hover, #report-trigger:focus-visible { border-color: #b28aff; color: #b28aff; }
#report-modal { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto;
  border: 1px solid #34313d; border-radius: 18px; background: #121217; color: #f4f0f6;
  padding: 28px; box-shadow: 0 24px 90px #000b; }
#report-modal::backdrop { background: #08060bcc; }
#report-modal h2 { margin: 0 32px 8px 0; font-size: 23px; }
#report-modal p { color: #bab3c3; line-height: 1.5; }
#report-modal form { display: grid; gap: 15px; margin-top: 22px; }
#report-modal label { display: grid; gap: 7px; color: #e4dfea; font-size: 13px; }
#report-modal input, #report-modal select, #report-modal textarea {
  box-sizing: border-box; width: 100%; border: 1px solid #393541; border-radius: 10px;
  padding: 11px 12px; background: #1b1a21; color: #f4f0f6; font: inherit;
}
#report-modal textarea { min-height: 125px; resize: vertical; }
#report-modal input:focus, #report-modal select:focus, #report-modal textarea:focus { outline: 2px solid #b28aff; outline-offset: 1px; }
#report-modal option[value="underage_suspicion"] { color: #ff777e; }
#report-modal select.report-urgent { border-color: #ff777e; color: #ffb1b5; }
#report-modal .report-close { position: absolute; right: 19px; top: 17px; border: 0; background: none;
  color: #bbb4c5; font-size: 28px; cursor: pointer; }
#report-modal .report-context { margin: 0; padding: 10px; border: 1px solid #34313d; border-radius: 9px; }
#report-modal .report-error { margin: 0; color: #ff858c; }
#report-modal .btn.primary.full { width: 100%; justify-content: center; }
#report-toast { position: fixed; z-index: 50; right: 20px; bottom: 78px; max-width: min(440px, calc(100vw - 40px));
  padding: 14px 18px; border: 1px solid #b28aff; border-radius: 12px; background: #211a2a; color: #fff;
  box-shadow: 0 14px 40px #000a; }
#report-toast[hidden], #report-video-context[hidden], #report-email-field[hidden] { display: none; }
@media (max-width: 600px) { #report-trigger { right: 12px; bottom: 12px; } #report-modal { padding: 20px; } }