.pwa-banner{position:fixed;inset:calc(10px + env(safe-area-inset-top,0px)) 16px auto;z-index:1500;box-sizing:border-box;display:flex;align-items:center;gap:14px;max-width:740px;margin:0 auto;padding:14px 18px;border:1px solid #c6b28e66;border-radius:16px;background:#12181bf5;color:#fff;box-shadow:0 12px 40px #0005;font-family:Arial,sans-serif;animation:pwa-enter .6s ease both}.pwa-banner__icon{flex:none;border-radius:10px}.pwa-banner__copy{flex:1;min-width:0}.pwa-banner strong{font-size:15px;line-height:1.4}.pwa-banner p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#ddd}.pwa-banner__actions{display:flex;gap:8px;flex:none}.pwa-banner button{padding:11px 14px;border:1px solid #ffffff40;border-radius:9px;color:#fff;font:inherit;font-size:13px;cursor:pointer}.pwa-banner__install{background:#786342}.pwa-banner__later{background:transparent}.pwa-banner button:focus-visible{outline:3px solid #fff;outline-offset:3px}@keyframes pwa-enter{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:540px){.pwa-banner{inset-inline:10px;padding:12px;gap:10px;flex-wrap:wrap}.pwa-banner__copy{flex-basis:calc(100% - 62px)}.pwa-banner__actions{width:100%;justify-content:flex-end}.pwa-banner strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.pwa-banner{animation:none}}