body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;

    padding: 0;
    position: relative;
    box-sizing: border-box;

    color: var(--tg-theme-text-color);

    margin: 0;
}

@media screen and (max-width: 414px) {
    body {
        background-color: var(--tg-theme-bg-color);
        height: var(--tg-viewport-stable-height);
    }
}

@media screen and (min-width: 415px) {
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--tg-theme-secondary-bg-color);
        min-height: 100vh;
    }

    body > div > div {
        max-width: 375px;
        min-width: 360px;
        margin: 1rem;
        max-height: 667px !important;
        min-height: 667px !important;
        border-radius: 1rem;
        border: 1px solid var(--tg-theme-hint-color);
        background-color: var(--tg-theme-bg-color);
    }
}