.pwa-install[hidden], .pwa-install [hidden], #pwaInstallEntry[hidden] { display: none !important; }
.pwa-install {
    position: fixed;
    z-index: 6000;
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(76px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    width: min(390px, calc(100vw - 24px));
    max-height: calc(100dvh - 150px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 18px;
    border: 1px solid #73632e;
    border-top: 2px solid #d6a51e;
    border-radius: 14px;
    background: linear-gradient(135deg, #1d2535, #0b0f18 85%);
    color: #f4f6fb;
    box-shadow: 0 12px 36px #0009;
    font: 14px/1.5 Arial, sans-serif;
    text-align: left;
    animation: pwa-appear 220ms ease-out;
}
.pwa-install__intro { display: flex; gap: 12px; align-items: center; padding-right: 22px; }
.pwa-install__intro img { flex-shrink: 0; border-radius: 10px; }
.pwa-install__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .12em; color: #e6be54; }
.pwa-install h2 { margin: 3px 0 0; color: #fff; font: 700 18px/1.2 Arial, sans-serif; text-transform: none; }
.pwa-install__copy { margin: 14px 0 12px; color: #d0d6e4; }
.pwa-install button { font: inherit; cursor: pointer; min-height: 44px; }
.pwa-install__close { position: absolute; top: 2px; right: 2px; width: 44px; border: 0; background: transparent; color: #c0cad9; font-size: 26px !important; }
.pwa-install__actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.pwa-install__primary { background: #e5b72e; color: #111724; border: 1px solid #e5b72e; border-radius: 7px; padding: 9px 15px; font-weight: 700 !important; }
.pwa-install__primary:hover { background: #ffda68; }
.pwa-install__primary:disabled { opacity: .65; cursor: wait; }
.pwa-install__quiet { padding: 8px 4px; border: 0; background: transparent; color: #c0cad9; text-decoration: underline; text-underline-offset: 3px; }
.pwa-install button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.pwa-install__guide { margin-top: 14px; border-top: 1px solid #ffffff26; padding-top: 14px; }
.pwa-install h3 { color: #e6be54; font: 700 15px/1.4 Arial, sans-serif; margin: 0 0 12px; }
.pwa-install ol { list-style: none; counter-reset: pwa-step; margin: 0; padding: 0; }
.pwa-install li { counter-increment: pwa-step; position: relative; padding-left: 35px; margin-bottom: 13px; color: #dee4ef; }
.pwa-install li::before { content: counter(pwa-step); position: absolute; left: 0; top: 1px; width: 24px; height: 24px; border-radius: 50%; background: #d6a51e22; color: #f4cc58; text-align: center; font-size: 12px; font-weight: 700; line-height: 24px; }
.pwa-install__note { color: #dee4ef; margin: 8px 0 12px; }
.pwa-install__note:empty { display: none; }
.pwa-install__footnote { color: #aab4c7; margin: 12px 0 0; font-size: 12px; }
#pwaInstallEntry { color: inherit; background: none; border: 0; padding: 0 0 0 8px; font: inherit; text-decoration: underline; }
@keyframes pwa-appear { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .pwa-install { animation: none; } }
@media (max-height: 500px) { .pwa-install { bottom: 60px; max-height: calc(100dvh - 80px); } }