@media (prefers-color-scheme: dark) {
  /* Media surfaces must stay dark too; the page-local defaults use white
     cards so screenshots and video placeholders do not flash in dark mode. */
  .page-ideas :is(.idea-preview, .upload-preview, .mine-media a, .mine-media video),
  .page-idea-detail :is(.idea-screenshot, .comment-media-item, .comment-upload-preview) {
    border-color: rgba(255, 255, 255, .16);
    background: #202020;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .3);
  }
  .page-ideas .idea-preview-play,
  .page-idea-detail :is(.comment-media-play, .idea-screenshot-play) {
    background: rgba(32, 32, 32, .92);
    color: #f1f1f1;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .42);
  }
  .page-idea-detail .image-preview-panel :is(img, video) {
    background: #171717;
  }
}