.xconn{display:flex;flex-direction:column;gap:var(--s4,1rem);padding:var(--s4,1rem);max-width:720px;margin:0 auto;color:var(--text)}.xconn__head h1{font-size:1.25rem;font-weight:600;color:var(--text)}.xconn__head p{margin-top:.3rem;font-size:.8rem;line-height:1.5;color:var(--muted)}.xconn__head code{font-family:var(--font-mono,ui-monospace,monospace);font-size:.78rem}.xconn__err{border:1px solid var(--border);background:var(--surface);color:var(--alert,#d0524a);font-size:.8rem;padding:.6rem .8rem;border-radius:var(--r-md,8px)}.xconn__add,.xconn__row{display:flex;flex-direction:column;gap:.6rem;border:1px solid var(--border);border-radius:var(--r-lg,12px);padding:1rem;background:var(--surface)}.xconn__add h2{font-size:.9rem;font-weight:600;color:var(--text)}.xconn label{display:flex;flex-direction:column;gap:.3rem;font-size:.76rem;color:var(--muted)}.xconn input{font:inherit;font-size:.85rem;border:1px solid var(--border);border-radius:var(--r-md,8px);padding:.45rem .6rem;background:var(--bg);color:var(--text)}.xconn input::-moz-placeholder{color:var(--muted);opacity:.7}.xconn input::placeholder{color:var(--muted);opacity:.7}.xconn input:focus{outline:none;border-color:var(--accent,#4f46e5)}.xconn__btn{align-self:flex-start;cursor:pointer;font:inherit;font-size:.8rem;font-weight:500;border:1px solid transparent;border-radius:var(--r-md,8px);padding:.4rem .8rem;background:var(--accent,#4f46e5);color:var(--accent-contrast,#fff)}.xconn__btn:disabled{opacity:.5;cursor:default}.xconn__btn--quiet{background:transparent;color:var(--muted);border-color:var(--border)}.xconn__list{display:flex;flex-direction:column;gap:.6rem}.xconn__row-top{display:flex;align-items:center;gap:.6rem}.xconn__row-top strong{font-size:.9rem;color:var(--text)}.xconn__row-top .xconn__btn--quiet{margin-left:auto}.xconn__org{font-size:.78rem;color:var(--muted)}.xconn__chip{font-size:.62rem;font-weight:600;padding:.1rem .4rem;border-radius:var(--r-sm,6px);border:1px solid var(--border);background:var(--surface-2);color:var(--good,#4e9a51)}.xconn__muted{font-size:.8rem;color:var(--muted)}.xconn__callback{display:flex;align-items:center;gap:var(--s2,8px);flex-wrap:wrap;margin:var(--s2,8px) 0}.xconn__cburl{font-family:var(--mono,monospace);font-size:.85em;padding:4px 8px;border-radius:6px;background:var(--surface,rgba(127,127,127,.12));border:1px solid var(--border,rgba(127,127,127,.25));word-break:break-all}.xconn__chip--pending{opacity:.75;background:var(--surface,rgba(127,127,127,.15))}