.page-language.svelte-tda4rp{width:min(100%,220px);margin:16px auto}.connect-page.svelte-tda4rp{min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.connect-card.svelte-tda4rp{position:relative;z-index:1;width:min(100%,48rem);border:1px solid var(--holo-input-border);border-radius:var(--radius);overflow:hidden}.connect-header.svelte-tda4rp,.connect-body.svelte-tda4rp,.connect-footer.svelte-tda4rp{padding:clamp(1.25rem,4vw,2rem)}.connect-header.svelte-tda4rp{display:grid;gap:1.25rem;border-bottom:1px solid var(--holo-input-border)}.brand.svelte-tda4rp{font-size:1.45rem;font-weight:700;letter-spacing:-.04em}.brand.svelte-tda4rp span:where(.svelte-tda4rp){color:var(--holo-muted);font-weight:450}.connect-steps.svelte-tda4rp{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.4rem;margin:0;border-radius:var(--radius);background:color-mix(in oklab,var(--holo-panel) 65%,transparent)}.connect-steps.svelte-tda4rp li:where(.svelte-tda4rp){display:flex;align-items:center;gap:.6rem;padding:.6rem;color:var(--holo-muted);border:1px solid transparent;border-radius:var(--radius)}.connect-steps.svelte-tda4rp li[aria-current]:where(.svelte-tda4rp){color:var(--holo-ink);border-color:var(--holo-input-border);box-shadow:inset 0 1px 0 var(--glass-hi)}.connect-steps.svelte-tda4rp span:where(.svelte-tda4rp){display:grid;place-items:center;border:1px solid var(--holo-input-border);border-radius:50%;width:1.65rem;height:1.65rem;font-size:.85rem}.connect-steps.svelte-tda4rp li[aria-current]:where(.svelte-tda4rp) span:where(.svelte-tda4rp){color:var(--holo-green);border-color:var(--holo-green)}.connect-body.svelte-tda4rp,.intro.svelte-tda4rp{display:grid;gap:1.25rem}.intro.svelte-tda4rp{gap:.65rem}h1.svelte-tda4rp,h2.svelte-tda4rp,p.svelte-tda4rp{margin:0}h1.svelte-tda4rp{font-size:clamp(1.6rem,4vw,2rem);line-height:1.2;letter-spacing:-.035em}h2.svelte-tda4rp{font-size:1.05rem;font-weight:600}p.svelte-tda4rp{color:var(--holo-muted);line-height:1.6;font-size:.95rem}.host-list.svelte-tda4rp{display:grid;gap:.75rem}button.svelte-tda4rp{font:inherit;cursor:pointer;color:inherit;min-height:44px}.host-row.svelte-tda4rp,.add-computer{width:100%;display:flex;align-items:center;gap:.85rem;padding:1rem;border:1px solid var(--holo-input-border);border-radius:var(--radius);text-align:left;background:color-mix(in oklab,var(--holo-panel) 50%,transparent);box-shadow:inset 0 1px 0 var(--glass-hi)}.host-row.chosen.svelte-tda4rp{border-color:color-mix(in oklab,var(--holo-green) 50%,var(--holo-input-border))}.host-row.svelte-tda4rp:hover,.add-computer:hover{background:color-mix(in oklab,var(--holo-panel) 85%,transparent)}.selection.svelte-tda4rp{width:1.15rem;height:1.15rem;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--holo-input-border);border-radius:var(--radius)}.chosen.svelte-tda4rp .selection:where(.svelte-tda4rp){background:var(--holo-green);border-color:var(--holo-green);color:#fff}.host-copy.svelte-tda4rp{display:grid;gap:.3rem;flex:1;min-width:0;overflow-wrap:anywhere}.host-copy.svelte-tda4rp strong:where(.svelte-tda4rp){font-weight:550}.host-copy.svelte-tda4rp>span:where(.svelte-tda4rp),.host-status.svelte-tda4rp{color:var(--holo-muted);font-size:.8rem}.saved-host.svelte-tda4rp{display:flex;align-items:center;gap:.4rem}.forget-host.svelte-tda4rp{border:0;background:transparent;color:var(--holo-muted);padding:.6rem;border-radius:var(--radius)}.add-computer svg:last-child{margin-left:auto}.empty-hosts.svelte-tda4rp{display:grid;justify-items:center;text-align:center;gap:.6rem;padding:1.5rem;border:1px dashed var(--holo-input-border);border-radius:var(--radius)}.connect-help.svelte-tda4rp{font-size:.8rem}.connect-footer.svelte-tda4rp{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.5rem}.connect-footer.svelte-tda4rp>span:where(.svelte-tda4rp){font-size:.8rem;color:var(--holo-muted)}.primary-action.svelte-tda4rp,.connect-dialog .primary-action{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1.2rem;background:var(--holo-green, #0e9f6e);border:1px solid transparent;color:#fff;border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--glass-hi);font:inherit;cursor:pointer;min-height:44px}.primary-action.svelte-tda4rp:disabled{opacity:.45;cursor:default}.connect-overlay{position:fixed;inset:0;z-index:50;background:#0006}.connect-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:51;width:min(calc(100% - 2rem),42rem);max-height:calc(100dvh - 2rem);overflow-y:auto;display:grid;gap:1rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--border);border-radius:var(--radius);background:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-card),inset 0 1px 0 var(--glass-hi)}.connect-dialog .dialog-title{margin:0;padding-right:2rem;font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.connect-dialog .dialog-description,.connect-dialog p{margin:0;color:var(--muted-foreground);line-height:1.6;font-size:.9rem}.connect-dialog .dialog-close{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--radius);background:transparent;color:var(--muted-foreground);cursor:pointer}.connection-method.svelte-tda4rp{display:flex;align-items:center;gap:1rem;border:1px solid color-mix(in oklab,var(--primary) 40%,var(--border));border-radius:var(--radius);background:color-mix(in oklab,var(--primary) 5%,transparent);padding:1.25rem}.connection-method.svelte-tda4rp h2:where(.svelte-tda4rp){margin-bottom:.35rem}.method-icon.svelte-tda4rp{display:grid;place-items:center;padding:.75rem;border-radius:var(--radius);color:var(--primary);background:color-mix(in oklab,var(--primary) 10%,transparent)}form.svelte-tda4rp,.pair-offer.svelte-tda4rp{display:grid;gap:.85rem}label.svelte-tda4rp{font-size:.9rem;font-weight:550}input.svelte-tda4rp{width:100%;padding:.85rem;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklab,var(--background) 65%,transparent);box-shadow:var(--glass-press);font:inherit}.pair-offer.svelte-tda4rp{padding-top:.5rem}.secondary-action.svelte-tda4rp{background:transparent;border:1px solid var(--border);border-radius:var(--radius)}.connect-error.svelte-tda4rp{color:var(--destructive);overflow-wrap:anywhere}@media(max-width:480px){.host-row.svelte-tda4rp{gap:.6rem;padding:.85rem}.host-status.svelte-tda4rp{display:none}.connect-footer.svelte-tda4rp{align-items:stretch;flex-direction:column}.connect-footer.svelte-tda4rp>span:where(.svelte-tda4rp){text-align:center}}