.report-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(560px, calc(100% - 24px));
  max-height: min(600px, calc(100dvh - 24px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid light-dark(color-mix(in srgb, #17171a 10%, transparent), rgb(255 255 255 / 0.1));
  border-radius: 8px;
  background: light-dark(#eef0f4, #242426);
  padding: 20px;
  box-shadow: 0 24px 70px rgb(0 0 0 / 0.55);
}
.shorts-report-dialog:not([open]), .shorts-report-dialog [hidden] { display: none; }
.shorts-report-dialog::backdrop { background: rgb(0 0 0 / .7); }
.shorts-report-dialog textarea { resize: none; field-sizing: content; min-height: 112px; }
.shorts-report-body > * + * { margin-top: 12px; }
.shorts-report-dialog #copyrightFields > * + * { margin-top: 12px; }
.shorts-report-dialog #sendReport { border-radius: 999px; background: light-dark(#17171a, #fff); color: light-dark(#fff, #17171a); font-weight: 500; }
.shorts-report-dialog #sendReport:hover { background: light-dark(#303036, #e5e5e5); }
.shorts-report-dialog #cancelReport { border-radius: 999px; font-weight: 500; }
.shorts-report-dialog .shorts-report-footer { display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; padding-top: 16px; }
.shorts-report-dialog .shorts-report-footer button { font-family: Outfit-Medium, sans-serif; font-size: 14px; line-height: 20px; padding: 8px 16px; border: 0; border-radius: 999px; white-space: nowrap; }
.report-field-error {
  min-height: 16px;
  color: light-dark(#b42318, #fca5a5);
  font-size: 11px;
}
.report-input {
  width: 100%;
  border: 1px solid light-dark(#9298a3, rgb(255 255 255 / 0.12));
  border-radius: 8px;
  background: light-dark(color-mix(in srgb, #17171a 6%, transparent), rgb(255 255 255 / 0.06));
  padding: 9px 10px;
  color: light-dark(#17171a, white);
  font-size: 13px;
  outline: none;
}
.report-input:focus {
  border-color: #f16f01;
}
.report-input option {
  background: light-dark(#eef0f4, #242426);
  color: light-dark(#17171a, white);
}
.report-input {
  color-scheme: inherit;
}
.report-input::placeholder {
  color: light-dark(#17171a, #cbd5e1);
  opacity: 1;
}
#reportDialog label {
  color: light-dark(#17171a, rgb(255 255 255 / 0.7));
}
.report-reason-picker { position: relative; }
.report-reason-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; text-align: left; }
.report-reason-toggle[aria-expanded="true"] { border-color: #f16f01; }
.report-reason-toggle svg { transition: transform .15s; }
.report-reason-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.report-reason-options { position: fixed; z-index: 70; max-height: min(240px, 45vh); overflow-y: auto; padding: 4px; border: 1px solid light-dark(#17171a1a, #ffffff1a); border-radius: 10px; background: light-dark(#eef0f4, #29292d); box-shadow: 0 12px 32px #0006; }
.report-reason-options.hidden { display: none; }
.report-reason-options button { display: block; width: 100%; border: 0; border-radius: 6px; padding: 9px 10px; background: transparent; color: light-dark(#17171a, #fff); text-align: left; font-size: 13px; cursor: pointer; }
.report-reason-options button:hover, .report-reason-options button:focus-visible { background: #f16f011a; outline: none; }
.report-reason-options button[aria-selected="true"] { color: #f16f01; background: #f16f011a; }