.connection-issue-shell{z-index:60;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.connection-issue-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:radial-gradient(circle at 20% 20%,#232f481f,#0000 26%),linear-gradient(#0f172a75,#0f172a52);position:absolute;inset:0}.connection-issue-card{--connection-modal-accent:#ef4444;width:min(540px,92vw);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #0f172a24, 0 60px 110px #0f172a4d, 0 24px 48px color-mix(in srgb, var(--connection-modal-accent) 22%, transparent);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);isolation:isolate;color:var(--bv-color-text-strong);text-align:center;pointer-events:auto;background:linear-gradient(135deg,#ffffff3d 0%,#ffffff0d 100%);border:1px solid #ffffff8c;border-radius:clamp(22px,3vw,28px);gap:12px;padding:clamp(1.5rem,3.4vw,2rem) clamp(1.2rem,3vw,1.8rem) clamp(1.2rem,2.6vw,1.6rem);display:grid;position:relative;overflow:hidden}.connection-issue-card:before{content:"";border-radius:inherit;mix-blend-mode:screen;opacity:.5;pointer-events:none;z-index:0;background:radial-gradient(120% 120% at 15% -10%,#ffffffd9 0%,#fff0 58%),linear-gradient(#ffffff6b 0%,#ffffff0d 100%);position:absolute;inset:1px}.connection-issue-card:after{content:"";background:radial-gradient(65% 65% at 50% 100%, color-mix(in srgb, var(--connection-modal-accent) 26%, transparent) 0%, transparent 75%);mix-blend-mode:screen;opacity:.6;pointer-events:none;z-index:0;border-radius:50%;height:55%;position:absolute;inset:-18% -20% auto}.connection-issue-card>*{z-index:1;position:relative}@-moz-document url-prefix(){.connection-issue-card:before,.connection-issue-card:after{content:none;display:none}}.connection-issue-card--success{--connection-modal-accent:#22c55e}.connection-issue-icon{border-radius:var(--bv-radius-pill);background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--connection-modal-accent) 26%, transparent), color-mix(in srgb, var(--connection-modal-accent) 12%, transparent) 58%, transparent);width:104px;height:104px;color:var(--connection-modal-accent);box-shadow:inset 0 1px 0 #ffffff94, 0 16px 34px color-mix(in srgb, var(--connection-modal-accent) 16%, #0f172a0f);place-items:center;margin:0 auto 4px;display:grid}.connection-issue-icon--busy .connection-issue-icon__spinner{border:6px solid;border-top-color:#0000;border-radius:50%;width:64px;height:64px;animation:1s linear infinite connectionIssueSpin}@keyframes connectionIssueSpin{to{transform:rotate(360deg)}}.connection-issue-text{gap:6px;display:grid}.connection-issue-eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#0f172a94;margin:0;font-size:.72rem;font-weight:700}.connection-issue-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.18rem,2.1vw,1.34rem);font-weight:800;line-height:1.2}.connection-issue-message{color:#0f172aad;margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.connection-issue-detail{color:#0f172a94;margin:0;font-size:.88rem;line-height:1.4}.connection-issue-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.connection-issue-btn{border-radius:var(--bv-radius-pill);cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1.05rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.connection-issue-btn--primary{background:linear-gradient(140deg, var(--connection-modal-accent), color-mix(in srgb, var(--connection-modal-accent) 66%, #0f172a));color:#fff;box-shadow:0 12px 24px color-mix(in srgb, var(--connection-modal-accent) 28%, #0f172a2e);border:none}.connection-issue-btn--primary:hover{box-shadow:0 14px 28px color-mix(in srgb, var(--connection-modal-accent) 32%, #0f172a33);transform:translateY(-1px)}.connection-issue-btn--primary:disabled{opacity:.72;box-shadow:none;cursor:not-allowed;transform:none}.connection-issue-btn--ghost{color:#0f172abf;background:#f8fafceb;border:1px solid #94a3b866}.connection-issue-btn--ghost:hover{background:#fffffff5;border-color:#94a3b899;transform:translateY(-1px)}.connection-issue-btn--ghost:disabled{opacity:.72;cursor:not-allowed;transform:none}.connection-issue-close{--modal-close-ink:color-mix(in srgb, var(--connection-modal-accent) 78%, #475569);--modal-close-ink-hover:color-mix(in srgb, var(--connection-modal-accent) 92%, #ffffffdb);--modal-close-glow:var(--connection-modal-accent);--modal-close-size:clamp(3.2rem, 4.2vw, 3.8rem);position:absolute;top:0;right:0}.connection-issue-close svg{width:1.35rem;height:1.35rem}.connection-issue-inline{place-items:center;width:100%;display:grid;position:relative}.connection-issue-inline .connection-issue-card{width:100%;max-width:760px}[data-theme=dark] .connection-issue-backdrop{background:radial-gradient(circle at 24% 18%,#7877c629,#0000 28%),linear-gradient(#040712a6,#04071280)}[data-theme=dark] .connection-issue-card{box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #00000073, 0 60px 110px #000000a8, 0 24px 48px color-mix(in srgb, var(--connection-modal-accent) 16%, transparent);color:#e2e8f0;background:linear-gradient(135deg,#ffffff17 0%,#ffffff08 100%);border-color:#ffffff3d}[data-theme=dark] .connection-issue-card:before{opacity:.22}[data-theme=dark] .connection-issue-card:after{opacity:.38}[data-theme=dark] .connection-issue-eyebrow,[data-theme=dark] .connection-issue-message,[data-theme=dark] .connection-issue-detail{color:#e2e8f0b8}[data-theme=dark] .connection-issue-icon{box-shadow:inset 0 1px #ffffff14,0 18px 38px #00000047}[data-theme=dark] .connection-issue-btn--ghost{color:#e2e8f0d9;background:#ffffff0a;border-color:#e2e8f029}[data-theme=dark] .connection-issue-btn--ghost:hover{background:#ffffff14;border-color:#e2e8f04d}
.connectivity-quality-pill{--connectivity-pill-accent:#d4a107;--connectivity-pill-accent-strong:#a16207;--connectivity-pill-label-gradient:linear-gradient(135deg, #eab308 0%, var(--bv-color-warning) 100%);--connectivity-pill-label-solid:#a16207;--connectivity-pill-icon-color:#ca8a04;--connectivity-pill-bg:linear-gradient(145deg, #ffffffb8, #ffffff57);--connectivity-pill-gloss:linear-gradient(180deg, #ffffff8a, #ffffff29 48%, #ffffff0d 100%);--connectivity-pill-border:#ffffff8f;--connectivity-pill-ink:#334155fa;--connectivity-pill-shadow:0 12px 22px #0f172a1a, 0 6px 14px color-mix(in srgb, var(--connectivity-pill-accent) 10%, transparent);--connectivity-pill-icon-bg:linear-gradient(135deg, #ffffffc7, #ffffff57);--connectivity-pill-icon-border:#ffffffc2;--connectivity-pill-icon-shadow:inset 0 1px 0 #fffffff0, 0 8px 18px #0f172a14;--connectivity-pill-icon-cycle:1.6s;z-index:var(--z-sys-3-pill-raised);pointer-events:none;width:max-content;max-width:min(460px,100vw - 24px);overflow:visible}.connectivity-quality-pill--interactive{pointer-events:auto}.connectivity-quality-pill__surface{isolation:isolate;border-radius:var(--bv-radius-pill);border:1px solid var(--connectivity-pill-border);background:var(--connectivity-pill-bg);color:var(--connectivity-pill-ink);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #ffffff1f, var(--connectivity-pill-shadow);-webkit-backdrop-filter:blur(14px)saturate(135%);backdrop-filter:blur(14px)saturate(135%);transform-origin:50%;will-change:transform;align-items:center;gap:12px;max-width:100%;min-height:42px;padding:8px 18px 8px 12px;animation:3.6s cubic-bezier(.42,0,.2,1) infinite connectivityPillBreathe;display:flex;position:relative}.connectivity-quality-pill__surface--button{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;-webkit-tap-highlight-color:transparent}.connectivity-quality-pill__surface--button:focus-visible{outline:2px solid color-mix(in srgb, var(--connectivity-pill-accent) 34%, #ffffff8f);outline-offset:2px}.connectivity-quality-pill__surface:before,.connectivity-quality-pill__surface:after{content:"";pointer-events:none;position:absolute}.connectivity-quality-pill__surface:before{border-radius:inherit;background:var(--connectivity-pill-gloss);inset:0}.connectivity-quality-pill__surface:after{border-radius:var(--bv-radius-pill);opacity:.82;background:linear-gradient(#ffffff75,#fff0);height:42%;top:5px;left:18px;right:18px}.connectivity-quality-pill--viewport,.connectivity-quality-pill--container{left:50%;transform:translate(-50%)}.connectivity-quality-pill--viewport{top:calc(var(--header-h,64px) + 32px + env(safe-area-inset-top,0px));position:fixed}.connectivity-quality-pill--container{bottom:calc(12px + var(--connectivity-pill-offset,0px));position:absolute}.connectivity-quality-pill[data-level="1"]{--connectivity-pill-accent:#f97316;--connectivity-pill-accent-strong:var(--bv-color-action-strong);--connectivity-pill-label-gradient:linear-gradient(135deg, #fb923c 0%, #f97316 100%);--connectivity-pill-label-solid:var(--bv-color-action-strong);--connectivity-pill-icon-color:#ea580c;--connectivity-pill-border:#fdd4b897}.connectivity-quality-pill[data-level="0"]{--connectivity-pill-accent:var(--bv-color-danger);--connectivity-pill-accent-strong:var(--bv-color-danger-ink);--connectivity-pill-label-gradient:linear-gradient(135deg, #f87171 0%, var(--bv-color-danger) 100%);--connectivity-pill-label-solid:var(--bv-color-danger-ink);--connectivity-pill-icon-color:#dc2626;--connectivity-pill-border:color-mix(in srgb, var(--bv-color-danger) 20%, #ffffff7a)}.connectivity-quality-pill[data-level="2"] .connectivity-quality-pill__surface{animation-delay:-.2s}.connectivity-quality-pill[data-level="1"] .connectivity-quality-pill__surface{animation-delay:-1.2s}.connectivity-quality-pill[data-level="0"] .connectivity-quality-pill__surface{animation-delay:-2.1s}.connectivity-quality-pill__icon{z-index:1;border-radius:var(--bv-radius-pill);background:var(--connectivity-pill-icon-bg);border:1px solid var(--connectivity-pill-icon-border);width:30px;height:30px;box-shadow:var(--connectivity-pill-icon-shadow);color:var(--connectivity-pill-icon-color);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.connectivity-quality-pill__icon-slot{justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.connectivity-quality-pill__icon-slot--secondary{opacity:0}.connectivity-quality-pill[data-level="2"] .connectivity-quality-pill__icon-slot--primary,.connectivity-quality-pill[data-level="1"] .connectivity-quality-pill__icon-slot--primary{animation:connectivityIconPrimary var(--connectivity-pill-icon-cycle) ease-in-out infinite}.connectivity-quality-pill[data-level="2"] .connectivity-quality-pill__icon-slot--secondary,.connectivity-quality-pill[data-level="1"] .connectivity-quality-pill__icon-slot--secondary{animation:connectivityIconSecondary var(--connectivity-pill-icon-cycle) ease-in-out infinite}.connectivity-quality-pill__text{z-index:1;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--connectivity-pill-label-solid);text-shadow:0 1px #ffffff38;font-size:.96rem;font-weight:700;position:relative;overflow:hidden}@supports ((-webkit-background-clip:text) or (background-clip:text)){.connectivity-quality-pill__text{background-image:var(--connectivity-pill-label-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.connectivity-quality-pill--compact{max-width:min(320px,100vw - 20px)}.connectivity-quality-pill--compact .connectivity-quality-pill__surface{gap:9px;min-height:34px;padding:6px 14px 6px 10px}.connectivity-quality-pill--compact .connectivity-quality-pill__icon{width:26px;height:26px}.connectivity-quality-pill--compact .connectivity-quality-pill__text{letter-spacing:.05em;text-transform:uppercase;font-size:.84rem}[data-theme=dark] .connectivity-quality-pill,.dark .connectivity-quality-pill{--connectivity-pill-accent:#facc15;--connectivity-pill-accent-strong:var(--bv-color-warning);--connectivity-pill-label-gradient:linear-gradient(135deg, #fde047 0%, var(--bv-color-warning) 100%);--connectivity-pill-label-solid:#fde68a;--connectivity-pill-icon-color:#facc15;--connectivity-pill-bg:linear-gradient(145deg, #0f172abd, #0f172a75);--connectivity-pill-gloss:linear-gradient(180deg, #ffffff1f, #ffffff08 50%, #ffffff03 100%);--connectivity-pill-border:#ffffff29;--connectivity-pill-ink:#e2e8f0f5;--connectivity-pill-shadow:0 14px 26px #0000006b, 0 6px 14px color-mix(in srgb, var(--connectivity-pill-accent) 12%, transparent);--connectivity-pill-icon-bg:linear-gradient(135deg, #ffffff14, #ffffff08);--connectivity-pill-icon-border:#ffffff24;--connectivity-pill-icon-shadow:inset 0 1px 0 #ffffff14, 0 8px 18px #00000038}[data-theme=dark] .connectivity-quality-pill__surface--button:focus-visible,.dark .connectivity-quality-pill__surface--button:focus-visible{outline-color:color-mix(in srgb, var(--connectivity-pill-accent) 40%, #ffffff3d)}[data-theme=dark] .connectivity-quality-pill[data-level="1"],.dark .connectivity-quality-pill[data-level="1"]{--connectivity-pill-accent:#fb923c;--connectivity-pill-accent-strong:#f97316;--connectivity-pill-label-gradient:linear-gradient(135deg, #fdba74 0%, #f97316 100%);--connectivity-pill-label-solid:#fed7aa;--connectivity-pill-icon-color:#fb923c;--connectivity-pill-border:#fba66a50}[data-theme=dark] .connectivity-quality-pill[data-level="0"],.dark .connectivity-quality-pill[data-level="0"]{--connectivity-pill-accent:var(--bv-color-danger-ink);--connectivity-pill-accent-strong:var(--bv-color-danger);--connectivity-pill-label-gradient:linear-gradient(135deg, #fca5a5 0%, var(--bv-color-danger) 100%);--connectivity-pill-label-solid:#fecaca;--connectivity-pill-icon-color:var(--bv-color-danger-ink);--connectivity-pill-border:color-mix(in srgb, var(--bv-color-danger) 24%, #ffffff24)}@keyframes connectivityPillBreathe{0%,to{transform:scale(1)}50%{transform:scale(.976)}}@keyframes connectivityIconPrimary{0%,40%,to{opacity:1;transform:none}50%,74%{opacity:0;transform:none}}@keyframes connectivityIconSecondary{0%,40%,to{opacity:0;transform:none}50%,74%{opacity:1;transform:none}}@media (max-width:640px){.connectivity-quality-pill--viewport,.connectivity-quality-pill--container{left:50%}.connectivity-quality-pill--viewport{top:calc(var(--header-h,56px) + 24px + env(safe-area-inset-top,0px))}.connectivity-quality-pill--container{bottom:calc(8px + var(--connectivity-pill-offset,0px))}.connectivity-quality-pill{max-width:calc(100vw - 16px)}.connectivity-quality-pill__surface{gap:10px;padding:7px 14px 7px 11px}.connectivity-quality-pill__text{font-size:.88rem}.connectivity-quality-pill--compact{max-width:calc(100vw - 14px)}.connectivity-quality-pill--compact .connectivity-quality-pill__surface{gap:8px;min-height:30px;padding:5px 12px 5px 9px}.connectivity-quality-pill--compact .connectivity-quality-pill__icon{width:24px;height:24px}.connectivity-quality-pill--compact .connectivity-quality-pill__text{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.connectivity-quality-pill__surface,.connectivity-quality-pill__icon-slot--primary,.connectivity-quality-pill__icon-slot--secondary{animation:none}.connectivity-quality-pill__icon-slot--primary{opacity:1;transform:none}.connectivity-quality-pill__icon-slot--secondary{opacity:0;transform:none}}