.lf-pwa-install-prompt {
    display: none;
}

@media (max-width: 820px) {
    .lf-pwa-install-prompt:not([hidden]) {
        position: fixed;
        z-index: 120;
        right: 12px;
        bottom: calc(12px + env(safe-area-inset-bottom));
        left: 12px;
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr) auto;
        gap: .75rem;
        align-items: center;
        padding: .8rem;
        color: #13213c;
        background: rgba(255, 255, 255, .97);
        border: 1px solid #cfd9e8;
        border-radius: 17px;
        box-shadow: 0 20px 55px rgba(15, 23, 42, .24);
        font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
        backdrop-filter: blur(18px);
    }

    .lf-pwa-install-logo {
        width: 46px;
        height: 46px;
        display: block;
        padding: 4px;
        object-fit: contain;
        background: #fff;
        border-radius: 13px;
    }

    .lf-pwa-install-copy strong,
    .lf-pwa-install-copy small {
        display: block;
    }

    .lf-pwa-install-copy strong {
        font-size: .86rem;
        line-height: 1.25;
    }

    .lf-pwa-install-copy small {
        margin-top: .18rem;
        color: #61708b;
        font-size: .69rem;
        line-height: 1.35;
    }

    .lf-pwa-install-actions {
        display: flex;
        align-items: center;
        gap: .35rem;
    }

    .lf-pwa-install-button,
    .lf-pwa-install-close {
        min-height: 38px;
        border: 0;
        border-radius: 10px;
        font: inherit;
        font-weight: 850;
        cursor: pointer;
    }

    .lf-pwa-install-button {
        padding: .55rem .7rem;
        color: #fff;
        background: #2563eb;
        font-size: .75rem;
    }

    .lf-pwa-install-close {
        width: 38px;
        padding: 0;
        color: #52617b;
        background: transparent;
        font-size: 1.25rem;
    }

    [data-theme="dark"] .lf-pwa-install-prompt:not([hidden]) {
        color: #f1f5f9;
        background: rgba(17, 24, 39, .97);
        border-color: rgba(148, 163, 184, .3);
        box-shadow: 0 22px 58px rgba(2, 6, 23, .56);
    }

    [data-theme="dark"] .lf-pwa-install-copy small {
        color: #a6b3c5;
    }

    [data-theme="dark"] .lf-pwa-install-close {
        color: #cbd5e1;
    }
}

@media (max-width: 520px) {
    .lf-pwa-install-prompt:not([hidden]) {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .lf-pwa-install-logo {
        width: 42px;
        height: 42px;
    }

    .lf-pwa-install-actions {
        grid-column: 1 / -1;
    }

    .lf-pwa-install-button {
        flex: 1;
    }
}