:root { color-scheme: dark; }
html.standalone body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
.emerald-app-banner {
  position: fixed; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); z-index: 99999;
  display: none; align-items: center; gap: 12px; max-width: 560px; margin: 0 auto; padding: 12px;
  border: 1px solid rgba(34,222,151,.45); border-radius: 16px; background: rgba(8,12,10,.96);
  box-shadow: 0 20px 60px rgba(0,0,0,.55); color: #fff; font-family: Manrope,Arial,sans-serif;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.emerald-app-banner.show { display: flex; }
.emerald-app-icon { width: 42px; height: 42px; flex: 0 0 auto; border-radius: 11px; background: #000; }
.emerald-app-copy { min-width: 0; flex: 1; }
.emerald-app-copy strong { display: block; font-size: 13px; line-height: 1.35; }
.emerald-app-copy span { display: block; margin-top: 2px; color: #9ba39d; font-size: 11px; line-height: 1.4; }
.emerald-app-install { border: 0; border-radius: 999px; padding: 9px 14px; background: #22de97; color: #03211a; font-weight: 800; cursor: pointer; }
.emerald-app-close { border: 0; padding: 6px; background: transparent; color: #9ba39d; font-size: 18px; cursor: pointer; }
.emerald-network-toast { position: fixed; top: max(12px, env(safe-area-inset-top)); left: 50%; z-index: 100000; transform: translateX(-50%); padding: 9px 14px; border-radius: 999px; background: #f0b84f; color: #17120a; font: 700 12px/1.3 Arial,sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
@media (min-width: 760px) { .emerald-app-banner { left: auto; right: 22px; bottom: 22px; width: 430px; } }