.vyrity-pwa-install{
    position:fixed;
    right:max(18px, env(safe-area-inset-right));
    bottom:max(70px, calc(env(safe-area-inset-bottom) + 18px));
    z-index:9999;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 16px;
    border:1px solid rgba(126,199,218,.55);
    border-radius:999px;
    background:rgb(32,70,93);
    color:white;
    font:800 .86rem/1 Arial,Helvetica,sans-serif;
    box-shadow:0 8px 24px rgba(10,35,53,.22);
    cursor:pointer;
}
.vyrity-pwa-install[hidden]{
    display:none;
}
.vyrity-pwa-install:hover,
.vyrity-pwa-install:focus-visible{
    filter:brightness(1.08);
}
html[data-theme="dark"] .vyrity-pwa-install{
    background:rgb(18,55,80);
    border-color:rgba(126,199,218,.42);
    color:rgb(239,248,252);
}

/* VYRITY-018V: reserve Apple safe-area information for PWA-specific UI. */
html.vyrity-pwa-ios{
    --vyrity-safe-top:env(safe-area-inset-top, 0px);
    --vyrity-safe-right:env(safe-area-inset-right, 0px);
    --vyrity-safe-bottom:env(safe-area-inset-bottom, 0px);
    --vyrity-safe-left:env(safe-area-inset-left, 0px);
}