body {
  font-family: -apple-system, BlinkMacSystemFont, Avenir Next, Avenir, Segoe UI,
    Helvetica Neue, Cantarell, Ubuntu, Roboto, Noto, Helvetica, Arial,
    sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  margin: 2rem;

  max-width: 50rem;
}
a {
  color: blue;
}
code {
  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console,
    monospace;
}
p {
  margin-block: 1rem;
}

h1 {
  margin-block-end: 1.5rem;
  line-height: 1;
}
#status {
  list-style: none;
  padding-inline-start: 1rem;
  margin-block: 1.5rem;
  font-size: 0.9em;
}
#status .loading {
  opacity: 0.5;
  filter: grayscale();
}
#status .error {
  color: red;
}
footer {
  margin-top: 3em;
  opacity: 0.6;
}

#accounts {
  padding-inline-start: 1.5em;
}

:is(body.physics-effect-active *) {
  text-decoration: none !important;
  filter: none !important;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
.physics-placeholder {
  visibility: hidden;
  /* opacity: 0.05; */
}
.physics-object {
  position: fixed;
  z-index: 100;
  margin: 0;
  transform-origin: center center;
  pointer-events: initial;
  /* user-select: initial; */
  /* background-color: antiquewhite; */
}

/* Base styles */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}