.connection-issue-shell{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;pointer-events:none}.connection-issue-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);pointer-events:auto}.connection-issue-card{position:relative;width:min(540px,92vw);background:linear-gradient(145deg,rgba(255,244,244,.96),rgba(255,228,228,.86));border-radius:28px;box-shadow:0 30px 90px rgba(220,38,38,.16),0 12px 32px rgba(15,23,42,.12);border:1px solid rgba(248,113,113,.34);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);padding:32px 32px 28px;display:grid;gap:12px;text-align:center;color:#7f1d1d;pointer-events:auto}.connection-issue-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(254,202,202,.52));mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;pointer-events:none}.dark .connection-issue-card{background:linear-gradient(145deg,rgba(69,10,10,.92),rgba(127,29,29,.78));border-color:rgba(248,113,113,.3);color:#fee2e2;box-shadow:0 30px 90px rgba(0,0,0,.34),0 12px 32px rgba(0,0,0,.24)}.connection-issue-card--success{background:linear-gradient(145deg,rgba(240,253,244,.9),rgba(240,253,244,.72));border-color:rgba(134,239,172,.62);color:#0f172a;box-shadow:0 30px 90px rgba(22,163,74,.18),0 8px 24px rgba(22,163,74,.12)}.dark .connection-issue-card--success{background:rgba(22,101,52,.15);border-color:rgba(74,222,128,.4);color:#e2f4e9;box-shadow:0 30px 90px rgba(22,163,74,.28),0 8px 24px rgba(22,163,74,.18)}.connection-issue-icon{width:104px;height:104px;margin:0 auto 4px;border-radius:999px;background:radial-gradient(circle at 40% 30%,rgba(248,113,113,.3),rgba(220,38,38,.14) 58%,rgba(127,29,29,.04));color:#dc2626;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 16px 34px rgba(220,38,38,.16)}.dark .connection-issue-icon{background:radial-gradient(circle at 40% 30%,rgba(248,113,113,.28),rgba(220,38,38,.16) 58%,rgba(69,10,10,.08));color:#fca5a5;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 38px rgba(0,0,0,.28)}.connection-issue-icon--success{background:radial-gradient(circle at 40% 30%,rgba(34,197,94,.22),rgba(34,197,94,.12));color:#16a34a}.dark .connection-issue-icon--success{background:radial-gradient(circle at 40% 30%,rgba(74,222,128,.24),rgba(34,197,94,.14));color:#4ade80}.connection-issue-icon--busy .connection-issue-icon__spinner{width:64px;height:64px;border-radius:50%;border:6px solid;border-top:6px solid transparent;animation:connectionIssueSpin 1s linear infinite}@keyframes connectionIssueSpin{to{transform:rotate(1turn)}}.connection-issue-text{display:grid;gap:6px}.connection-issue-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.connection-issue-message{font-size:1rem;font-weight:600}.connection-issue-detail{font-size:.95rem;opacity:.8}.connection-issue-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.connection-issue-btn{border:none;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .14s ease,background .14s ease,color .14s ease;text-decoration:none}.connection-issue-btn--primary{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;box-shadow:0 12px 32px rgba(220,38,38,.28)}.connection-issue-btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(220,38,38,.34)}.connection-issue-btn--ghost{background:rgba(127,29,29,.06);color:inherit;border:1px solid rgba(220,38,38,.12)}.connection-issue-btn--ghost:hover{background:rgba(220,38,38,.1)}.connection-issue-card--success .connection-issue-btn--primary{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 12px 32px rgba(34,197,94,.26)}.connection-issue-card--success .connection-issue-btn--primary:hover{box-shadow:0 18px 42px rgba(34,197,94,.3)}.dark .connection-issue-btn--ghost{background:rgba(254,226,226,.08);color:#fee2e2;border-color:rgba(248,113,113,.16)}.dark .connection-issue-btn--ghost:hover{background:rgba(248,113,113,.14)}.connection-issue-close{position:absolute;top:12px;right:16px;background:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer}.connection-issue-inline{position:relative;width:100%;display:grid;place-items:center}.connection-issue-inline .connection-issue-card{width:100%;max-width:760px}.connectivity-quality-pill{--connectivity-pill-accent:#d4a107;--connectivity-pill-accent-strong:#a16207;--connectivity-pill-label-gradient:linear-gradient(135deg,#eab308,#f59e0b);--connectivity-pill-label-solid:#a16207;--connectivity-pill-icon-color:#ca8a04;--connectivity-pill-bg:linear-gradient(145deg,rgba(255,255,255,0.72),rgba(255,255,255,0.34));--connectivity-pill-gloss:linear-gradient(180deg,rgba(255,255,255,0.54),rgba(255,255,255,0.16) 48%,rgba(255,255,255,0.05));--connectivity-pill-border:rgba(255,255,255,0.56);--connectivity-pill-ink:rgba(51,65,85,0.98);--connectivity-pill-shadow:0 16px 28px rgba(15,23,42,0.12),0 8px 18px color-mix(in srgb,var(--connectivity-pill-accent) 12%,transparent);--connectivity-pill-icon-bg:linear-gradient(135deg,rgba(255,255,255,0.78),rgba(255,255,255,0.34));--connectivity-pill-icon-border:rgba(255,255,255,0.76);--connectivity-pill-icon-shadow:inset 0 1px 0 rgba(255,255,255,0.94),0 8px 18px rgba(15,23,42,0.08);--connectivity-pill-icon-cycle:1600ms;z-index:2147480001;pointer-events:none;width:max-content;max-width:min(460px,calc(100vw - 24px));overflow:visible}.connectivity-quality-pill--interactive{pointer-events:auto}.connectivity-quality-pill__surface{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:999px;border:1px solid var(--connectivity-pill-border);background:var(--connectivity-pill-bg);color:var(--connectivity-pill-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.74),inset 0 -1px 0 rgba(255,255,255,.14),var(--connectivity-pill-shadow);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);min-height:46px;max-width:100%;transform-origin:50% 50%;animation:connectivityPillBreathe 3.6s cubic-bezier(.42,0,.2,1) infinite;will-change:transform}.connectivity-quality-pill__surface--button{width:100%;appearance:none;cursor:pointer;text-align:left;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%,rgba(255,255,255,.56));outline-offset:2px}.connectivity-quality-pill__surface:after,.connectivity-quality-pill__surface:before{content:"";position:absolute;pointer-events:none}.connectivity-quality-pill__surface:before{inset:0;border-radius:inherit;background:var(--connectivity-pill-gloss)}.connectivity-quality-pill__surface:after{top:5px;left:18px;right:18px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0));opacity:.82}.connectivity-quality-pill--container,.connectivity-quality-pill--viewport{left:50%;transform:translateX(-50%)}.connectivity-quality-pill--viewport{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom, 0px) + var(--connectivity-pill-offset, 0px))}.connectivity-quality-pill--container{position:absolute;bottom:calc(12px + var(--connectivity-pill-offset, 0px))}.connectivity-quality-pill[data-level="1"]{--connectivity-pill-accent:#f97316;--connectivity-pill-accent-strong:#c2410c;--connectivity-pill-label-gradient:linear-gradient(135deg,#fb923c,#f97316);--connectivity-pill-label-solid:#c2410c;--connectivity-pill-icon-color:#ea580c;--connectivity-pill-border:color-mix(in srgb,#f97316 18%,rgba(255,255,255,0.5))}.connectivity-quality-pill[data-level="0"]{--connectivity-pill-accent:#ef4444;--connectivity-pill-accent-strong:#b91c1c;--connectivity-pill-label-gradient:linear-gradient(135deg,#f87171,#ef4444);--connectivity-pill-label-solid:#b91c1c;--connectivity-pill-icon-color:#dc2626;--connectivity-pill-border:color-mix(in srgb,#ef4444 20%,rgba(255,255,255,0.48))}.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{position:relative;z-index:1;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--connectivity-pill-icon-bg);border:1px solid var(--connectivity-pill-icon-border);box-shadow:var(--connectivity-pill-icon-shadow);flex-shrink:0;color:var(--connectivity-pill-icon-color);overflow:hidden}.connectivity-quality-pill__icon-slot{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center}.connectivity-quality-pill__icon-slot--secondary{opacity:0}.connectivity-quality-pill[data-level="1"] .connectivity-quality-pill__icon-slot--primary,.connectivity-quality-pill[data-level="2"] .connectivity-quality-pill__icon-slot--primary{animation:connectivityIconPrimary var(--connectivity-pill-icon-cycle) ease-in-out infinite}.connectivity-quality-pill[data-level="1"] .connectivity-quality-pill__icon-slot--secondary,.connectivity-quality-pill[data-level="2"] .connectivity-quality-pill__icon-slot--secondary{animation:connectivityIconSecondary var(--connectivity-pill-icon-cycle) ease-in-out infinite}.connectivity-quality-pill__text{position:relative;z-index:1;font-size:.96rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--connectivity-pill-label-solid);text-shadow:0 1px 0 rgba(255,255,255,.22)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.connectivity-quality-pill__text{background-image:var(--connectivity-pill-label-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}.connectivity-quality-pill--compact{max-width:min(320px,calc(100vw - 20px))}.connectivity-quality-pill--compact .connectivity-quality-pill__surface{gap:9px;padding:8px 14px 8px 10px;min-height:38px}.connectivity-quality-pill--compact .connectivity-quality-pill__icon{width:26px;height:26px}.connectivity-quality-pill--compact .connectivity-quality-pill__text{font-size:.84rem;letter-spacing:.05em;text-transform:uppercase}.dark .connectivity-quality-pill,[data-theme=dark] .connectivity-quality-pill{--connectivity-pill-accent:#facc15;--connectivity-pill-accent-strong:#f59e0b;--connectivity-pill-label-gradient:linear-gradient(135deg,#fde047,#f59e0b);--connectivity-pill-label-solid:#fde68a;--connectivity-pill-icon-color:#facc15;--connectivity-pill-bg:linear-gradient(145deg,rgba(15,23,42,0.74),rgba(15,23,42,0.46));--connectivity-pill-gloss:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.03) 50%,rgba(255,255,255,0.01));--connectivity-pill-border:rgba(255,255,255,0.16);--connectivity-pill-ink:rgba(226,232,240,0.96);--connectivity-pill-shadow:0 18px 32px rgba(0,0,0,0.46),0 8px 18px color-mix(in srgb,var(--connectivity-pill-accent) 14%,transparent);--connectivity-pill-icon-bg:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03));--connectivity-pill-icon-border:rgba(255,255,255,0.14);--connectivity-pill-icon-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 8px 18px rgba(0,0,0,0.22)}.dark .connectivity-quality-pill__surface--button:focus-visible,[data-theme=dark] .connectivity-quality-pill__surface--button:focus-visible{outline-color:color-mix(in srgb,var(--connectivity-pill-accent) 40%,rgba(255,255,255,.24))}.dark .connectivity-quality-pill[data-level="1"],[data-theme=dark] .connectivity-quality-pill[data-level="1"]{--connectivity-pill-accent:#fb923c;--connectivity-pill-accent-strong:#f97316;--connectivity-pill-label-gradient:linear-gradient(135deg,#fdba74,#f97316);--connectivity-pill-label-solid:#fed7aa;--connectivity-pill-icon-color:#fb923c;--connectivity-pill-border:color-mix(in srgb,#f97316 20%,rgba(255,255,255,0.14))}.dark .connectivity-quality-pill[data-level="0"],[data-theme=dark] .connectivity-quality-pill[data-level="0"]{--connectivity-pill-accent:#f87171;--connectivity-pill-accent-strong:#ef4444;--connectivity-pill-label-gradient:linear-gradient(135deg,#fca5a5,#ef4444);--connectivity-pill-label-solid:#fecaca;--connectivity-pill-icon-color:#f87171;--connectivity-pill-border:color-mix(in srgb,#ef4444 24%,rgba(255,255,255,0.14))}@keyframes connectivityPillBreathe{0%,to{transform:scaleX(1)}50%{transform:scale3d(.976,.976,1)}}@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--container,.connectivity-quality-pill--viewport{left:50%}.connectivity-quality-pill--viewport{bottom:calc(12px + env(safe-area-inset-bottom, 0px) + var(--connectivity-pill-offset, 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:9px 14px 9px 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;padding:7px 12px 7px 9px;min-height:34px}.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__icon-slot--primary,.connectivity-quality-pill__icon-slot--secondary,.connectivity-quality-pill__surface{animation:none}.connectivity-quality-pill__icon-slot--primary{opacity:1;transform:none}.connectivity-quality-pill__icon-slot--secondary{opacity:0;transform:none}}