[hidden]{display:none!important}html{color:#173e35;background:#4f7d2a;font-family:sans-serif}body{margin:0}.connection-shell{box-sizing:border-box;background:#f5eccd;border-radius:8px;width:min(100% - 32px,424px);margin:32px auto;box-shadow:0 4px 12px #00000026}.connection-shell header{border-bottom:1px solid #d6c89c;padding:24px}.connection-shell h1{margin:0;font-size:28px}.connection-copy{text-align:center;flex-direction:column;justify-content:center;gap:16px;min-height:360px;padding:32px 24px;display:flex}.connection-copy h2{margin:0;font-size:22px}.connection-copy p{margin:0;font-size:16px;line-height:1.5}.connection-copy h2:focus{outline-offset:6px;outline:2px solid #173e35}.connection-update{border-top:1px solid #d6c89c;gap:12px;padding:16px 24px;display:grid}.connection-update p{margin:0;font-size:14px;line-height:1.5}.connection-update button{color:#f5eccd;min-height:52px;font:inherit;cursor:pointer;touch-action:manipulation;background:#173e35;border:0;border-radius:8px;padding:12px 16px}.connection-update button:focus-visible{outline-offset:4px;outline:3px solid #173e35}.connection-update button:disabled{opacity:.7;cursor:default}