html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* The app mounts here (main.kt) and covers the prerendered #page-content underneath it. */
#compose-root {
    position: fixed;
    inset: 0;
    z-index: 1;
    background: #fff;
}

/* The loading spinner, until the app replaces it. */
#compose-root > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
}

#page-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 16px;
    font-family: sans-serif;
    line-height: 1.5;
}

#page-content img {
    max-width: 100%;
    height: auto;
}