#wv-appbar { position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 1040; display: flex; gap: 10px; align-items: center; padding: 9px 10px; border-radius: 16px; background: rgba(10,15,31,.92); color: #e5f6ff; backdrop-filter: blur(10px); box-shadow: 0 12px 30px rgba(0,0,0,.4), inset 0 0 0 1px rgba(232, 137, 43,.3); font-size: 13px; line-height: 1.25; animation: wv-appbar-in .5s cubic-bezier(.2,.9,.3,1.2) both; }
#wv-appbar[hidden] { display: none; }
#wv-appbar img, #wv-appbar > svg { border-radius: 9px; flex: none; }
#wv-appbar span { flex: 1; min-width: 0; }
#wv-appbar span b { display: block; font-weight: 600; }
#wv-appbar span small { display: block; opacity: .75; font-size: 11px; margin-top: 1px; }
#wv-appbar .go { flex: none; white-space: nowrap; font-weight: 700; color: #04121a; background: #E8892B; border-radius: 999px; padding: 6px 14px; text-decoration: none; }
#wv-appbar .x { flex: none; background: none; border: 0; color: inherit; opacity: .6; font-size: 22px; line-height: 1; padding: 0 4px; }
@keyframes wv-appbar-in { from { transform: translateY(120%); opacity: 0; } }
@media (min-width: 992px) { #wv-appbar { display: none !important; } }