.network-status-toast{position:fixed;left:20px;bottom:20px;z-index:999990;display:flex;align-items:center;gap:9px;width:min(360px,calc(100vw - 40px));padding:11px 14px;border:1px solid rgba(245,158,11,.35);border-radius:12px;background:rgba(34,24,8,.96);color:#fde68a;box-shadow:0 16px 45px rgba(0,0,0,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:12px;font-weight:650;line-height:1.45;animation:.25s ease-out networkToastIn}.network-status-toast::before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.13)}.network-status-toast.online{border-color:rgba(34,197,94,.35);background:rgba(8,38,23,.96);color:#bbf7d0}.network-status-toast.online::before{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13)}.network-status-toast[hidden]{display:none!important}@keyframes networkToastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.network-status-toast{left:12px;bottom:12px;width:min(360px,calc(100vw - 24px))}}@media (prefers-reduced-motion:reduce){.network-status-toast{animation:none}}