
  [hidden] { display: none !important }
  body { margin: 0; font: 16px/1.5 system-ui, sans-serif }
  main { max-width: 70rem; margin: auto; padding: 1.25rem }
  .brand { font-weight: 700; margin-block: 0 1.5rem }
  h1 { line-height: 1.2; margin-bottom: .25rem; overflow-wrap: anywhere }
  #version-label { margin-top: 0 }
  img, video { display: block; max-width: 100%; max-height: 70vh; margin-block: .75rem }
  iframe { display: block; width: 100%; min-height: 50vh; border: 1px solid currentColor; margin-block: .75rem }
  textarea { box-sizing: border-box; width: min(100%, 42rem); display: block; padding: .6rem; font: inherit }
  #thread p { white-space: pre-wrap; overflow-wrap: anywhere }
  .actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .75rem }
  button { min-height: 44px; padding: .5rem .85rem; font: inherit; cursor: pointer }
  a, button, textarea { touch-action: manipulation }
