.connect-container{max-width:33rem;margin:0 auto;padding:var(--space-xl)var(--space-lg)var(--space-3xl)}.connect-step{display:none}.connect-step.active{display:block;animation:connect-in .32s var(--ease-snappy)both}@keyframes connect-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.connect-h1{font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:var(--weight-black);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);margin:0;text-wrap:balance}.connect-lead{font-size:var(--text-md);font-weight:var(--weight-light);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:var(--space-md)0 0;max-width:34ch}.connect-lead strong{font-weight:var(--weight-semibold);color:var(--color-text)}.connect-lead--sub{font-size:var(--text-base)}.connect-lead code,.connect-more code{font-family:var(--font-mono,ui-monospace,monospace);font-size:.9em;color:var(--color-text)}.connect-count{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-md)}.connect-id{display:flex;align-items:center;gap:var(--space-md)}.connect-id__mark{flex:none;display:none}.connect-id__mark.has-mark{display:block}.connect-search{position:relative;margin-top:var(--space-xl)}.connect-search__input{width:100%;box-sizing:border-box;padding:var(--space-md)var(--space-lg);border:2px solid var(--color-text);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-medium)}.connect-search__input:focus{outline:none;box-shadow:0 0 0 4px rgba(40,104,180,.12)}.connect-search__input::placeholder{color:var(--color-text-muted);font-weight:var(--weight-normal)}.connect-search__results{list-style:none;margin:var(--space-sm)0 0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.connect-search__results[hidden]{display:none}.connect-result-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%;min-height:3.5rem;padding:var(--space-sm)var(--space-md);background:0 0;border:0;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text);transition:background .12s ease}.connect-result-row:last-child{border-bottom:none}.connect-result-row:hover{background:var(--color-bg-alt)}.connect-result-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.connect-result-row__left{display:flex;align-items:center;gap:var(--space-md);min-width:0;flex:1}.connect-mark{flex:none;display:grid;place-items:center;object-fit:contain;border-radius:var(--radius-md);background:var(--color-bg)}.connect-mark--sm{width:1.75rem;height:1.75rem}.connect-mark--lg{width:2.75rem;height:2.75rem}.connect-mark--monogram{background:var(--mark-tint,var(--color-accent));color:var(--color-text-inverse);font-weight:var(--weight-bold);line-height:1}.connect-mark--sm.connect-mark--monogram{font-size:var(--text-xs)}.connect-mark--lg.connect-mark--monogram{font-size:var(--text-lg)}.connect-result-row__name{display:block;font-size:var(--text-base);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:20rem}.connect-result-row__cat{display:block;font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-tertiary);margin-top:1px}.connect-badge{flex:none;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);white-space:nowrap}.connect-badge--builtin{color:var(--color-success)}.connect-badge--mcp{color:var(--color-accent)}.connect-tiles[hidden]{display:none}.connect-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-2xl)}.connect-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg)var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:0 0;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:border-color .15s ease,color .15s ease}.connect-tile:hover{border-color:var(--color-text);color:var(--color-text)}.connect-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.connect-tile img{object-fit:contain}.connect-badge{flex:none}.connect-code{position:relative;margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-alt)}.connect-code pre{margin:0;padding:var(--space-md);padding-right:5rem;max-height:20rem;overflow:auto;font-family:var(--font-mono,ui-monospace,"SF Mono",Menlo,monospace);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.connect-code__copy{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:1;background:var(--color-text);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);padding:var(--space-xs)var(--space-sm);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer}.connect-code__copy[data-copied=true]{background:var(--color-success)}.connect-field{width:100%;box-sizing:border-box;margin-top:var(--space-xl);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-alt);color:var(--color-text);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-sm);min-height:8rem;resize:vertical}.connect-field:focus{outline:none;border-color:var(--color-accent)}.connect-field--invalid{border-color:var(--color-warning)}.connect-container .continue-btn{margin-top:var(--space-xl)}.connect-more{margin-top:var(--space-lg);border-top:1px solid var(--color-border);padding-top:var(--space-md)}.connect-more+.connect-more{margin-top:0}.connect-more summary{cursor:pointer;list-style:none;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);padding:var(--space-xs)0}.connect-more summary::-webkit-details-marker{display:none}.connect-more summary::before{content:"+ ";font-weight:var(--weight-bold)}.connect-more[open] summary::before{content:"\2212  "}.connect-more summary:hover{color:var(--color-text)}.connect-more summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.connect-more p{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:var(--space-sm)0 var(--space-md)}.connect-link{color:var(--color-accent);background:0 0;border:none;font:inherit;cursor:pointer;padding:0;text-decoration:underline}.connect-result{display:none;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-success)}.connect-result.active{display:flex}.connect-result--landed{margin-top:0;margin-bottom:var(--space-lg)}.connect-result__dot{width:.55rem;height:.55rem;border-radius:var(--radius-full);background:var(--color-success);flex:none}.connect-result__dot--working{background:var(--color-accent);animation:connect-blink 1.1s ease-in-out infinite}@keyframes connect-blink{0%,100%{opacity:.3}50%{opacity:1}}.connect-failure{display:none;margin-top:var(--space-lg);padding-left:var(--space-md);border-left:3px solid var(--color-warning)}.connect-failure.active{display:block}.connect-failure__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.connect-failure__tag{display:block;font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.connect-failure__body{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:var(--space-sm)0 0}@media(prefers-reduced-motion:reduce){.connect-step.active,.connect-result__dot--working{animation:none}}@media(max-width:640px){.connect-container{padding:var(--space-2xl)var(--space-md)var(--space-3xl)}.connect-tiles{grid-template-columns:repeat(2,1fr)}}.connect-nomatch{padding:var(--space-lg)}.connect-nomatch__q{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0 0 var(--space-sm)}.connect-nomatch__hint{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0}.connect-nomatch .continue-btn{margin-top:var(--space-lg)}.connect-nomatch__alt{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-md)0 0}.connect-badge--unvetted{color:var(--color-warning)}.connect-badge--capability{color:var(--color-success)}.connect-lead a{color:var(--color-accent);font-weight:var(--weight-semibold);white-space:nowrap}