.connection-scene{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;overflow:hidden;padding:32px;background:var(--paper);color:var(--ink);opacity:0;transition:opacity 450ms ease;outline:none}
.connection-scene.visible{opacity:1}
.connection-scene .login-brand{position:relative;width:min(720px,100%);margin:0}
.connection-status{position:absolute;top:calc(50% + min(720px, 100vw - 64px) * .11);left:50%;transform:translateX(-50%);width:min(720px,100%);margin:0;padding-left:25%;text-align:center;font:600 clamp(10px,2vw,17px)/1.3 Menlo,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;color:#c42d38;background:linear-gradient(100deg,#a92632 15%,#ff3345 40%,#ffd4d4 49%,#fb2439 56%,#a92632 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:connection-scan 3s linear infinite}
@keyframes connection-scan{from{background-position:130% 0}to{background-position:-130% 0}}
@media(prefers-reduced-motion:reduce){.connection-scene{transition:none}.connection-status{animation:none;background:none;-webkit-text-fill-color:currentColor}}