.pwa-install-host{position:fixed;z-index:10020;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(126,177,218,.55);border-radius:999px;background:rgba(7,25,44,.94);box-shadow:0 12px 34px rgba(0,0,0,.32);backdrop-filter:blur(10px)}
.pwa-install-host ui-button{white-space:nowrap}
.pwa-install-host ui-icon-button{--ui-button-icon-border:#d2646d;--ui-button-icon-hover-bg:rgba(210,100,109,.18)}
@media(max-width:720px){.pwa-install-host{right:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}}
.pwa-network-status{position:fixed;z-index:10030;top:max(8px,env(safe-area-inset-top));left:50%;translate:-50% 0;padding:6px 13px;border:1px solid #e1a348;border-radius:999px;background:#332207f2;color:#ffe4ae;font-size:.78rem;font-weight:800;letter-spacing:.03em;box-shadow:0 6px 20px #0004;pointer-events:none}
.push-permission-host{position:fixed;z-index:10025;right:18px;bottom:76px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:min(520px,calc(100vw - 36px));padding:13px 14px;border:1px solid rgba(126,177,218,.58);border-radius:18px;background:rgba(7,25,44,.97);color:#f4f8fc;box-shadow:0 16px 42px rgba(0,0,0,.38);backdrop-filter:blur(12px)}
.push-permission-host div{display:grid;gap:3px;min-width:0}.push-permission-host strong{font-size:.96rem}.push-permission-host small{color:#bdcad8;line-height:1.35}.push-permission-host ui-icon-button{--ui-button-icon-border:#d2646d;--ui-button-icon-hover-bg:rgba(210,100,109,.18)}
.push-settings{display:grid;gap:10px}.push-settings>[data-push-status]{margin:0;color:var(--muted,#65758a)}.push-settings-actions{margin:0}.push-settings>small{color:var(--muted,#65758a)}
@media(max-width:720px){.push-permission-host{right:10px;bottom:max(64px,calc(env(safe-area-inset-bottom) + 58px));grid-template-columns:1fr auto;width:calc(100vw - 20px)}.push-permission-host div{grid-column:1/-1}.push-permission-host ui-icon-button{position:absolute;top:8px;right:8px}}