anchor.diff:          max-width: $width - 30px
           max-height: $width - 30px
           border-radius: 5px
  -        box-shadow: 1px 1px 2px #999
  +        box-shadow: 1px 1px 2px var(--form-element-border-color)
         video
           max-width: $width - 30px
           max-height: $width - 30px
  -        box-shadow: 1px 1px 2px #999
  +        box-shadow: 1px 1px 2px var(--form-element-border-color)
   
     .text
       font-size: 18px
  
positive.code:   font-size: 100%
  
  td
    border-top: 1px solid #ddd
  
  a img
    border-style: none
  
negative.code: $base-color: #e62728
  $link-color: #e2041b
  $link-visited-color: #e597b2
  
  
  *:root
    --background-color: #fafafa
    --border-color: #ccc
    --font-color: #333
  
    --link-color: #{$link-color}
    --link-visited-color: #{$link-visited-color}
  
    --form-border-color: #ddd
    --form-element-border-color: #999
  
    --content-background-color: #fff
    --message-background-color: linear-gradient(top, #fcfcfc 40%, #efefef 100%), #fcfcfc
    --message-border-color: #eee
    --message-shadow-color: #ccc
  
    --read-more-background-color: #fafafa
    --read-more-border-color: #eee
  
    --theme-button: #{$base-color}
  
  @media (prefers-color-scheme: dark)
    *:root
      --background-color: #333
      --border-color: #333
      --font-color: #fafafa
  
      --link-color: #{darken($link-color, 20%)}
      --link-visited-color: #{darken($link-visited-color, 20%)}
  
      --form-border-color: #222
      --form-element-border-color: #555
  
      --content-background-color: black
      --message-background-color: black
      --message-border-color: #111
      --message-shadow-color: rgba(0,0,0,0)
  
      --read-more-background-color: #333
      --read-more-border-color: #111
  
      --theme-button: #{darken($base-color, 20%)}
  
    input.icon, img.icon
      filter: grayscale(100%)
  
    img.logo
      filter: invert(100%) grayscale(100%)
  
    legend
      color: #555
  
  // layout
  body
    background-color: var(--background-color)
    color: var(--font-color)
  
  .header
    height: 70px
    margin: 15px
    margin-bottom: 40px
    border-bottom: 1px solid var(--border-color)
    >a
      float: left
  
  .main
    width: 720px
    margin: auto
    border: 1px solid var(--border-color)
    background-color: var(--content-background-color)
    box-shadow: 1px 1px 2px var(--form-element-border-color)
  
  #audio
    display: none
  