:root { color-scheme: light dark; }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #F2F6F3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    overscroll-behavior: none;
}

@media (prefers-color-scheme: dark) {
    html, body { background: #0D1512; }
}

#chaoris-splash {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The Compose canvas fills the viewport, including behind the phone's own bars */
canvas { outline: none; }