.connections-page{isolation:isolate;width:min(100% - (var(--space-8) * 2), 68rem);padding-block:var(--space-12) var(--space-16);gap:var(--space-6);margin-inline:auto;display:grid;position:relative}.connections-page:before{content:"LINK";z-index:-1;top:var(--space-10);color:#0000;font-family:var(--font-display);font-size:clamp(8rem,18vw,14rem);font-weight:var(--weight-bold);-webkit-text-stroke:1px var(--grid-line);line-height:.7;position:absolute;right:0}.connections-hero{gap:var(--space-3);padding-block:var(--space-6);display:grid}.connections-hero>a{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;justify-self:start;text-decoration:none}.connections-hero>a:hover{color:var(--accent-secondary)}.connections-hero .eyebrow{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em}.connections-hero h1{font-size:clamp(var(--text-3xl), 6vw, 4.5rem);text-transform:uppercase}.connections-hero p{max-width:var(--width-prose);color:var(--text-secondary)}.connections-tabs{border:1px solid var(--border-subtle);background:var(--surface-hud);grid-template-columns:1fr 1fr;display:grid}.connections-tabs>*{align-items:center;gap:var(--space-3);min-height:5rem;padding:var(--space-4) var(--space-6);border-right:1px solid var(--border-subtle);color:var(--text-muted);grid-template-columns:auto 1fr;text-decoration:none;display:grid}.connections-tabs>:last-child{border-right:0}.connections-tabs strong{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl)}.connections-tabs span{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.connections-tabs a[aria-current=page]{background:linear-gradient(90deg, var(--surface-cyan-soft), var(--surface-accent-soft));color:var(--accent-secondary);box-shadow:inset 0 -2px var(--accent-secondary)}.connections-tabs>span[data-private=true]{opacity:.5}.connections-grid{border:1px solid var(--border-subtle);background:var(--surface-hud);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.connections-grid>a{align-items:center;gap:var(--space-4);min-width:0;min-height:7.5rem;padding:var(--space-4);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);grid-template-columns:4.5rem minmax(0,1fr) auto;text-decoration:none;display:grid}.connections-grid>a:nth-child(2n){border-right:0}.connections-grid>a:hover{background:linear-gradient(90deg, var(--surface-cyan-soft), var(--surface-accent-soft));transform:translateX(var(--space-1))}.connection-avatar{aspect-ratio:1;border:1px solid var(--accent-secondary);background:var(--surface-screen) center / cover;width:4.5rem;color:var(--accent-secondary);font-family:var(--font-display);clip-path:polygon(0 0,calc(100% - .65rem) 0,100% .65rem,100% 100%,.65rem 100%,0 calc(100% - .65rem));place-items:center;display:grid}.connections-grid>a>span:nth-child(2){gap:2px;min-width:0;display:grid}.connections-grid strong,.connections-grid small,.connections-grid em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connections-grid strong{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase}.connections-grid small,.connections-grid em{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-style:normal}.connections-grid em{color:var(--accent-primary);text-transform:uppercase}.connections-grid i{color:var(--text-muted);font-family:var(--font-mono);font-style:normal}.connections-grid>a:hover strong,.connections-grid>a:hover i{color:var(--accent-secondary)}.connections-state{align-content:center;place-items:center;gap:var(--space-3);min-height:24rem;padding:var(--space-8);border:1px solid var(--border-subtle);background:var(--surface-hud);text-align:center;display:grid}.connections-state>span{aspect-ratio:1;border:1px solid var(--accent-secondary);width:4rem;color:var(--accent-secondary);font-family:var(--font-display);font-size:var(--text-xl);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;display:grid}.connections-state h2{font-size:var(--text-2xl);text-transform:uppercase}.connections-state p{max-width:32rem;color:var(--text-secondary)}.connections-state .button{margin-top:var(--space-3)}.connections-more{justify-self:center}@media (max-width:720px){.connections-page{width:calc(100% - (var(--space-4) * 2));padding-block:var(--space-8) var(--space-12)}.connections-grid{grid-template-columns:1fr}.connections-grid>a{border-right:0}}@media (max-width:480px){.connections-tabs>*{padding-inline:var(--space-4);grid-template-columns:1fr;gap:0}.connections-grid>a{grid-template-columns:3.75rem minmax(0,1fr) auto}.connection-avatar{width:3.75rem}}@media (prefers-reduced-motion:reduce){.connections-grid>a{transition:none}.connections-grid>a:hover{transform:none}}