.pwa-bar {display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding:10px 20px; background:#101527; border-bottom:1px solid #303955; color:#bdc8e5; font-size:13px;}
.pwa-bar button {font:inherit; color:#f0e9ff; border:1px solid #7353af; background:#302045; padding:8px 14px; border-radius:12px; cursor:pointer; min-height:44px;}
.pwa-bar [hidden] {display:none!important;}
.pwa-bar .pwa-message {flex:1; min-width:150px;}
.pwa-help {flex-basis:100%; margin:0; line-height:1.8;}
.pwa-bar button:focus-visible {outline:3px solid #c4b5fd; outline-offset:3px;}
.landing-page .pwa-bar {position:relative; margin-top:80px;}
.landing-page .hero-section {padding-top:72px;}
@media(display-mode:standalone) {.pwa-install {display:none;}}