.sprexel-install {
    position: fixed;
    z-index: 10000;
    inset-inline: 12px;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 460px;
    margin-inline: auto;
    padding: 12px;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    background: #fff;
    color: #171717;
    box-shadow: 0 8px 40px #0002;
    font: 13px/1.4 system-ui, sans-serif;
}
.sprexel-install img { flex-shrink: 0; border-radius: 12px; }
.sprexel-install-copy { flex: 1; min-width: 0; }
.sprexel-install strong { display: block; font-size: 14px; }
.sprexel-install p { margin: 3px 0 0; color: #626262; font-size: 12px; }
.sprexel-install button { flex-shrink: 0; min-height: 44px; border: 0; cursor: pointer; font: inherit; }
.sprexel-install-action { padding: 8px 12px; border-radius: 12px; background: #ff7900; color: #171717; font-weight: 700 !important; }
.sprexel-install-close { padding: 4px 8px; background: transparent; color: inherit; font-size: 24px !important; }
.sprexel-install button:focus-visible { outline: 2px solid #ff7900; outline-offset: 3px; }
@media (prefers-color-scheme: dark) {
    .sprexel-install { background: #202020; border-color: #424242; color: #fff; }
    .sprexel-install p { color: #c4c4c4; }
}
@media (max-width: 360px) {
    .sprexel-install { gap: 6px; padding: 10px; inset-inline: 8px; }
    .sprexel-install img { width: 36px; height: 36px; }
    .sprexel-install p { display: none; }
}
@media (min-width: 769px), (display-mode: standalone) {
    .sprexel-install { display: none; }
}
@media (display-mode: standalone) {
    body { min-height: 100dvh; padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
}

.theme-dark .sprexel-install { background: #202020; border-color: #424242; color: #fff; }
.theme-dark .sprexel-install p { color: #c4c4c4; }
.theme-light .sprexel-install { background: #fff; border-color: #e6e6e6; color: #171717; }
.theme-light .sprexel-install p { color: #626262; }