.pwa-banner{position:fixed;z-index:10000;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 36px);box-sizing:border-box;padding:14px 16px;border:2px solid #ff8d8d;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 14px 40px rgba(94,55,55,.2);font-size:16px;color:#333}
.pwa-banner[hidden]{display:none}.pwa-banner div{display:grid;gap:2px;margin-right:8px}.pwa-banner strong{font-size:17px}.pwa-banner span{font-size:14px;color:#666}.pwa-banner button{margin:0;padding:8px 12px;border-width:2px;border-radius:10px;font-size:15px}.pwa-later{background:#fff!important;color:#d44!important}.pwa-notice{position:fixed;z-index:10001;left:50%;bottom:18px;transform:translate(-50%,12px);padding:10px 16px;border-radius:999px;background:#333;color:#fff;font-size:15px;opacity:0;transition:.2s}.pwa-notice.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:650px){.pwa-banner{left:12px;right:12px;bottom:12px;flex-wrap:wrap}.pwa-banner div{width:100%}.pwa-banner button{flex:1}}
@media(display-mode:standalone){.pwa-banner{display:none!important}}
@media print{.pwa-banner,.pwa-notice{display:none!important}}