#install-help{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:34px 28px 26px;border-radius:26px;text-align:center;background:var(--paper);color:var(--ink)}
#install-help img{border-radius:18px;margin:0 auto 8px}
#install-help h2{color:var(--ink);font-size:23px;margin:10px 0 16px}
#install-help p{font-size:14px;line-height:1.8;color:var(--ink);margin:0 0 14px}
#install-help .install-note{font-size:12px;color:var(--muted)}
.pwa-action{border:0;border-radius:12px;background:var(--accent-soft,#eee7f9);color:var(--control-ink,#6c4abb);padding:10px 18px;font-weight:600;white-space:nowrap}
.pwa-action:hover:not(:disabled){filter:brightness(1.08)}
.pwa-action:disabled{opacity:.45;cursor:default}
#pwa-update{position:relative;margin:0 auto 14px;display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;padding:12px 15px 12px 22px;border:1px solid color-mix(in srgb,var(--purple),transparent 70%);border-radius:18px;background:var(--paper);box-shadow:0 8px 32px #30204e25;color:var(--ink);font-size:13px}
#pwa-update[hidden]{display:none}
.pwa-later{border:0;background:none;color:var(--muted);padding:9px 4px;white-space:nowrap;font-size:12px}
.pwa-later:disabled{opacity:.45}
@media(max-width:480px){#pwa-update{gap:8px;padding:12px;flex-wrap:wrap;justify-content:center}#pwa-update>span{flex-basis:100%;text-align:center}.pwa-action{padding:9px 14px}}
@media print{#install-help,#pwa-update{display:none!important}}

.playground-fullscreen #pwa-update{display:none}
@media(max-width:740px),(any-pointer:coarse){.pwa-action,.pwa-later{min-height:44px;min-width:44px}}