.po-connection-overlay{z-index:2000;box-sizing:border-box;background:color-mix(in srgb,var(--surface-ground,var(--surface-card))70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:1rem;transition:opacity .3s ease-out;animation:.18s ease-out po-connection-overlay-in;display:flex;position:fixed}.po-connection-overlay--leaving{opacity:0}.po-connection-overlay--restored{pointer-events:none}.po-connection-overlay__live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.po-connection-overlay__pill-main:disabled{cursor:default;opacity:1}.po-connection-overlay__pill-main:disabled:hover{background:0 0}.po-connection-overlay__card{--po-co-accent:var(--yellow-500);box-sizing:border-box;border:1px solid var(--surface-border);background:var(--surface-card);width:100%;max-width:440px;max-height:100%;color:var(--text-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:28px;display:flex;overflow:auto;box-shadow:0 1px 2px #0000000d,0 8px 24px #0000001a}.po-connection-overlay__card--restored{--po-co-accent:var(--green-500)}.po-connection-overlay__icon{background:color-mix(in srgb,var(--po-co-accent)14%,var(--surface-card));width:56px;height:56px;color:color-mix(in srgb,var(--po-co-accent)70%,var(--text-color));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.po-connection-overlay__title{color:var(--text-color);margin:0 0 .375rem;font-size:18px;font-weight:600;line-height:1.35}.po-connection-overlay__body{max-width:34ch;color:var(--text-color-secondary);margin:0;font-size:.875rem;line-height:1.5}.po-connection-overlay__countdown{flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.po-connection-overlay__countdown-text{color:var(--text-color-secondary);font-variant-numeric:tabular-nums;font-size:.875rem}.po-connection-overlay__ring{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.po-connection-overlay__ring svg{display:block;transform:rotate(-90deg)}.po-connection-overlay__ring-track{fill:none;stroke:var(--surface-border)}.po-connection-overlay__ring-progress{fill:none;stroke:var(--primary-color);stroke-linecap:round}.po-connection-overlay__ring--probing svg{animation:1s linear infinite po-connection-overlay-spin}.po-connection-overlay__ring-label{color:var(--text-color);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex;position:absolute;inset:0}.po-connection-overlay__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.po-connection-overlay__footer{color:var(--text-color-secondary);font-variant-numeric:tabular-nums;margin:1rem 0 0;font-size:12px;line-height:1.4}.po-connection-overlay__pill{--po-co-accent:var(--yellow-500);z-index:2000;border:1px solid color-mix(in srgb,var(--po-co-accent)40%,var(--surface-border));background:var(--surface-card);color:var(--text-color);border-radius:999px;align-items:center;gap:.125rem;padding:.25rem .25rem .25rem .375rem;transition:opacity .3s ease-out;animation:.16s ease-out po-connection-overlay-in;display:inline-flex;position:fixed;box-shadow:0 1px 2px #0000000d,0 6px 16px #0000001a}.po-connection-overlay__pill--restored{--po-co-accent:var(--green-500)}.po-connection-overlay__pill--notice{pointer-events:none}.po-connection-overlay__pill-main--static{cursor:default}.po-connection-overlay__pill-main{height:2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:0 .625rem 0 .25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.po-connection-overlay__pill-main:hover{background:var(--surface-hover,color-mix(in srgb,var(--text-color)6%,transparent))}.po-connection-overlay__pill-main:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.po-connection-overlay__pill-text{white-space:nowrap;font-variant-numeric:tabular-nums}.po-connection-overlay__pill-icon{color:color-mix(in srgb,var(--po-co-accent)70%,var(--text-color))}.po-connection-overlay__pill-retry.p-button{width:2rem;height:2rem;padding:0}@media (max-width:575px){.po-connection-overlay__card{padding:20px}}@keyframes po-connection-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes po-connection-overlay-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.po-connection-overlay,.po-connection-overlay__pill{transition:none;animation:none}.po-connection-overlay__ring--probing svg{animation:none}.po-connection-overlay__ring-progress{display:none}}