.links-count__skel{display:inline-block;width:6.5em;height:.95em;vertical-align:-.12em;border-radius:var(--r-xs)}.links-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.625rem 1.25rem;margin-bottom:1.25rem}.links-search{position:relative;flex:0 1 420px;min-width:0}.links-search__icon{position:absolute;top:50%;left:.8rem;width:16px;height:16px;color:var(--fg-3);transform:translateY(-50%);pointer-events:none}.links-search .links-search__input{height:40px;padding:0 2.75rem 0 2.4rem;-webkit-appearance:none;appearance:none}.links-search__input::-webkit-search-cancel-button,.links-search__input::-webkit-search-decoration{-webkit-appearance:none;display:none}.links-search__kbd{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);pointer-events:none}.links-search__input:focus~.links-search__kbd,.links-search.has-value .links-search__kbd{display:none}.links-search__clear{position:absolute;top:50%;right:.35rem;display:none;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);color:var(--fg-3);transform:translateY(-50%);transition:color var(--dur-1) ease,background-color var(--dur-1) ease}.links-search__clear:after{content:"";position:absolute;inset:-5px}.links-search__clear:hover{color:var(--fg-1);background:var(--ink-4)}.links-search__clear .icon{width:15px;height:15px}.links-search.has-value .links-search__clear{display:grid}.links-status{color:var(--fg-3);font-size:var(--text-sm)}.links-status:empty{display:none}.links-status strong{color:var(--fg-1);font-family:var(--font-mono);font-weight:600}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,264px),1fr));gap:1rem}.friend-card{position:relative;display:flex;flex-direction:column;gap:.875rem;min-width:0;padding:1.125rem 1.125rem 1.25rem;background:var(--ink-2);border:1px solid var(--line-1);border-radius:var(--r-lg);color:var(--fg-1);transition:border-color var(--dur-2) ease,background-color var(--dur-2) ease,transform var(--dur-2) var(--ease-out)}a.friend-card:hover{border-color:var(--line-3);background:var(--ink-3);transform:translateY(-2px)}a.friend-card:active{transform:translateY(0)}a.friend-card:focus-visible{outline-offset:3px;border-color:var(--line-3)}.friend-card__head{display:flex;align-items:center;gap:.75rem;min-width:0}.friend-card__avatar{display:block}.friend-card__id{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0}.friend-card__name{overflow:hidden;color:var(--fg-1);font-size:var(--text-md);font-weight:600;line-height:1.35;letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap}.friend-card__host{overflow:hidden;color:var(--fg-3);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.friend-card__arrow{align-self:flex-start;width:16px;height:16px;margin-top:.125rem;color:var(--fg-4);transition:color var(--dur-2) ease,transform var(--dur-2) var(--ease-out)}a.friend-card:hover .friend-card__arrow,a.friend-card:focus-visible .friend-card__arrow{color:var(--fg-1);transform:translate(2px,-2px)}.friend-card__slogan{display:-webkit-box;min-height:calc(var(--text-sm) * 1.6 * 2);padding-left:.75rem;overflow:hidden;border-left:2px solid var(--line-2);color:var(--fg-2);font-size:var(--text-sm);line-height:1.6;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.friend-card__slogan.is-empty{border-left-color:var(--line-1);color:var(--fg-4)}.friend-card--skeleton{pointer-events:none}.friend-skel__avatar{width:48px;height:48px;flex:none;border-radius:50%}.friend-skel__lines{display:flex;flex:1;flex-direction:column;gap:.6rem;min-width:0}.friend-skel__bar{display:block;height:10px;border-radius:var(--r-xs)}.friend-skel__bar--name{width:46%;height:14px}.friend-skel__bar--host{width:72%}.friend-skel__slogan{display:flex;flex-direction:column;justify-content:center;gap:.6rem;min-height:calc(var(--text-sm) * 1.6 * 2);padding-left:.75rem;border-left:2px solid var(--line-1)}.friend-skel__slogan .friend-skel__bar:first-child{width:88%}.friend-skel__slogan .friend-skel__bar:last-child{width:56%}.friend-card--skeleton:nth-child(3n+2) .friend-skel__bar--name{width:34%}.friend-card--skeleton:nth-child(3n+2) .friend-skel__slogan .friend-skel__bar:last-child{width:72%}.friend-card--skeleton:nth-child(3n) .friend-skel__bar--host{width:54%}.friend-card--skeleton:nth-child(3n) .friend-skel__slogan .friend-skel__bar:last-child{width:40%}.links-grid.is-entering .friend-card{animation:linksCardIn var(--dur-3) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 22ms)}@keyframes linksCardIn{0%{opacity:0;transform:translateY(6px)}}.links-state{grid-column:1 / -1;border:1px dashed var(--line-2);border-radius:var(--r-lg)}.links-state .empty{padding:clamp(2.5rem,2rem + 3vw,4rem) 1.25rem}.links-state .empty .btn{margin-top:.6rem}@media(hover:none){.links-search__kbd{display:none}}@media(max-width:640px){.links-page .page-header__actions{width:100%}.links-page .page-header__actions .btn{flex:1 1 0}.links-search{flex-basis:100%}.links-status__total{display:none}.links-grid{gap:.75rem}.friend-card{padding:1rem 1rem 1.125rem}.friend-card--skeleton:nth-child(n+5){display:none}}