.tglogin{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:100%;padding:.7em 1em;border-radius:var(--radius-md,10px);background:#2aabee;color:#fff;font-weight:600;font-size:var(--text-base);text-decoration:none;transition:filter var(--duration,.16s) ease}.tglogin:hover{filter:brightness(1.06)}.tglogin:active{filter:brightness(.96)}.tglogin:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tglogin__icon{width:1.15em;height:1.15em;flex:none}.connect__lead{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:1.25rem}.connect__empty{font-size:var(--text-sm);color:var(--text-dim)}.connect__link{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .7rem .7rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elev);margin-bottom:1.25rem}.connect__url{flex:1 1;min-width:12rem;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect__apps{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.connect__apps-label{font-size:var(--text-xs);color:var(--text-dim)}.connect__app{padding:.5rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--text);transition:border-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.connect__app:hover{border-color:var(--accent);color:var(--accent)}