.connection-page{display:grid;place-items:center;width:100vw;height:100dvh;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));overflow:auto;background:#111318;color:#f4f1eb}.connection-back{top:calc(6px + env(safe-area-inset-top))}.connection-card{display:grid;gap:12px;width:min(100%,440px);padding:22px;border:1px solid #30343c;border-radius:20px;background:#191c22;box-shadow:0 20px 50px rgba(0,0,0,.32)}.connection-card h1,.connection-card p{margin:0}.connection-card h1{font-size:28px}.connection-card>p{color:#b8bec8;line-height:1.5}.connection-kicker{color:#7fb4ff!important;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.connection-card label{margin-top:8px;font-weight:700}.connection-card input,.connection-card button{width:100%;min-height:48px;border-radius:12px;font-size:16px}.connection-card input{padding:0 13px;border:1px solid #444a55;background:#111318;color:#f4f1eb}.connection-card button{border:0;background:#e8e9ed;color:#111318;font-weight:800}.connection-card .connection-scan{background:#4d6fe8;color:#fff}.connection-divider{display:flex;align-items:center;gap:10px;color:#9299a5;font-size:12px}.connection-divider::before,.connection-divider::after{content:"";height:1px;flex:1;background:#343842}.connection-card button:disabled{opacity:.55}.connection-card .connection-error{color:#ffb4a8}.connection-card .connection-note{font-size:13px;color:#9299a5}html[data-theme="light"] .connection-page{background:#f6f8fa;color:#1f2328}html[data-theme="light"] .connection-card{border-color:#d0d7de;background:#fff;box-shadow:0 16px 40px rgba(31,35,40,.12)}html[data-theme="light"] .connection-card input{border-color:#afb8c1;background:#fff;color:#1f2328}html[data-theme="light"] .connection-card .connection-scan{background:#0969da;color:#fff}html[data-theme="light"] .connection-divider::before,html[data-theme="light"] .connection-divider::after{background:#d0d7de}
.connection-page{padding-top:max(68px,calc(20px + env(safe-area-inset-top)))}.connection-language{position:fixed;z-index:2;top:calc(10px + env(safe-area-inset-top));right:14px;display:flex;padding:3px;border:1px solid #343842;border-radius:12px;background:#191c22}.connection-language button{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#aeb4be;font-size:14px;font-weight:700}.connection-language button.active{background:#343a46;color:#fff}html[data-theme="light"] .connection-language{border-color:#d0d7de;background:#fff}html[data-theme="light"] .connection-language button{color:#57606a}html[data-theme="light"] .connection-language button.active{background:#eaeef2;color:#1f2328}
.connection-card .connection-dev-bypass{margin-top:4px;border:1px dashed #8a6d3b;background:transparent;color:#f6c76f}html[data-theme="light"] .connection-card .connection-dev-bypass{border-color:#9a6700;background:transparent;color:#7d4e00}
.connection-card .connection-review-demo{margin-top:4px;border:1px solid #4d6fe8;background:transparent;color:#a9c7ff}html[data-theme="light"] .connection-card .connection-review-demo{border-color:#0969da;background:transparent;color:#0969da}
