:root {
    color-scheme: light dark;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    inset: 0;
    overflow: auto;
    overscroll-behavior: none;
    touch-action: manipulation;
    -webkit-text-size-adjust: 100%;
    background-color: #FFFFFF;
}

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

/* iOS will not open the keyboard for inputs under 16px. Compose Web overlays a real input. */
input, textarea, select, [contenteditable="true"] {
    font-size: 16px !important;
    line-height: 1.25 !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    pointer-events: auto !important;
    -webkit-appearance: none;
}
