.sync-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:-4px 0 20px;color:var(--muted);font-size:10px}.sync-line .button{height:31px;font-size:10px}.connection-error{padding:14px 18px;margin:0 0 20px;border:1px solid var(--line2);border-left:3px solid #e3b56a;border-radius:7px;color:var(--silver);background:var(--panel);font-size:12px;line-height:1.7}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.connection-card,.connection-guide{padding:28px}.connection-card h2,.connection-guide h2{font-size:25px;margin:14px 0}.connection-card p,.connection-guide p,.connection-guide li{font-size:12px;color:var(--grey);line-height:1.9}.connection-state{display:inline-block;margin:20px 0 12px;border:1px solid var(--line2);padding:6px 9px;border-radius:4px;font-size:10px;color:var(--grey)}.connection-state.ready{color:var(--accent-soft)}.connection-fields{font-family:JetBrains,monospace;font-size:10px!important}.connection-guide{margin-top:22px}.connection-guide ol{padding-left:22px}.connection-guide li{padding:5px 0}.connection-guide code{font-size:11px;color:var(--accent-soft)}.connection-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.login-layer{position:fixed;inset:0;z-index:250;background:var(--bg);display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:35px}.login-card img{width:140px;max-width:100%;margin-bottom:28px}.login-card h1{font-size:35px;margin:8px 0 15px}.login-card p{font-size:12px;line-height:1.8;color:var(--grey)}.login-card label{display:block;font-size:11px;color:var(--grey);margin-top:25px}.login-card input{width:100%;padding:13px;background:var(--bg);border:1px solid var(--line2);color:var(--text);border-radius:6px;margin-top:9px}.login-card .button{width:100%;margin-top:20px}.login-card #login-error{color:#e99b8b;margin-top:15px}.login-card .section-index{font-size:9px}.login-layer .logo-white{display:block}html[data-theme=light] .login-card{background:var(--panel);color:var(--text)}html[data-theme=light] .login-layer .logo-white{filter:brightness(0)}html[data-theme=light] .login-card #login-error{color:#9f2a1e}.login-layer[hidden]{display:none}
@media(max-width:680px){.connection-grid{grid-template-columns:1fr}.connection-card,.connection-guide{padding:22px}.sync-line{font-size:9px;align-items:flex-start}.sync-line>span{max-width:75%;line-height:1.7}.sync-line .button{height:auto;padding:8px;font-size:9px}.connection-card h2{font-size:23px}}