.qa-netbar{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 8px);left:50%;z-index:2147481000;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 14px;border-radius:var(--qa-r-full,999px);font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--qa-ink,#14103f);background:var(--qa-accent-soft,#fff4de);box-shadow:var(--qa-shadow-md,0 8px 20px rgba(16,24,40,.08));pointer-events:none;opacity:0;transform:translate(-50%,-16px);transition:opacity var(--qa-d-med,.24s) var(--qa-ease-out,ease-out) .6s,transform var(--qa-d-med,.24s) var(--qa-ease-out,ease-out) .6s;will-change:transform,opacity}.qa-netbar[data-shown]{opacity:1;transform:translate(-50%);transition-delay:0ms}.qa-netbar[data-mode=offline]{color:var(--qa-bg,#f5fafe);background:var(--qa-ink,#14103f)}.qa-netbar__dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--qa-warning,#f59e0b)}.qa-netbar[data-mode=offline] .qa-netbar__dot{background:var(--qa-danger,#ef4444)}@media (prefers-reduced-motion:reduce){.qa-netbar{transform:translate(-50%);transition:opacity var(--qa-d-fast,.12s) linear .6s}.qa-netbar[data-shown]{transition-delay:0ms}}