.conn-banner{position:fixed;z-index:120;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 96px);width:min(560px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:#fcd34d;color:#3b2a00;box-shadow:0 14px 40px rgba(0,0,0,.3);animation:conn-in .2s ease-out}.conn-banner.ok{background:#16a34a;color:#fff;justify-content:center;padding:8px 16px;width:auto;border-radius:999px;font-size:14px;gap:8px}@media (min-width:901px){.conn-banner{bottom:24px}}@keyframes conn-in{0%{opacity:0;transform:translate(-50%,12px)}}.conn-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(59,42,0,.12)}.conn-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1;line-height:1.35}.conn-text b{font-size:14.5px}.conn-text span{font-size:12.5px;opacity:.85}.conn-retry{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:0;border-radius:12px;background:#3b2a00;color:#fde68a;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}.conn-retry:disabled{opacity:.8;cursor:default}@media (prefers-reduced-motion:reduce){.conn-banner{animation:none}}