html {
    background: #ffffff;
}

html.pwa-standalone,
html.pwa-standalone body,
body.pwa-standalone {
    background: #ffffff !important;
}

html.pwa-standalone .app,
html.pwa-standalone .loading-screen {
    background: #ffffff !important;
}

html.pwa-standalone .pwa-install-button,
body.pwa-standalone .pwa-install-button {
    display: none !important;
}

.pwa-install-button {
    position: fixed;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.24);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    z-index: 40;
}

.pwa-install-button:hover {
    background: #1e293b;
}

.pwa-install-button:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.pwa-install-button[hidden] {
    display: none !important;
}

.pwa-install-button svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.pwa-install-button[data-mode="ios-help"] {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 88px);
}

@media (max-width: 1024px) {
    .pwa-install-button[data-mode="ios-help"] {
        left: 16px;
        right: 16px;
        width: auto;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .pwa-install-button {
        right: 12px;
        left: 12px;
        bottom: 12px;
        width: auto;
        justify-content: center;
    }

    .pwa-install-button[data-mode="ios-help"] {
        bottom: calc(env(safe-area-inset-bottom, 0px) + 84px);
    }
}