body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    background-color: #fff;
    color: #222;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #181818;
        color: #f1f1f1;
    }
}

/* Optional: Make buttons a bit more tappable */
button {
    touch-action: manipulation;
    min-height: 44px;
    /* recommended tap target size */
}

/* Remove fixed height on body if using Tailwind for layout */
body {
    height: auto;
}