.friends-page{width:min(1080px,100% - 48px);margin:0 auto;padding-top:82px}.friends-heading{margin-bottom:58px}.friends-heading h1{letter-spacing:-.05em;color:var(--ink);margin:0;font-size:48px;font-weight:600;line-height:1.2}.friends-heading p{color:var(--secondary);margin:18px 0 0;font-size:17px}.friends-section+.friends-section{margin-top:76px}.friends-section-heading{align-items:center;gap:24px;margin-bottom:28px;display:flex}.friends-section-heading h2{letter-spacing:-.035em;white-space:nowrap;color:var(--ink);margin:0;font-size:26px;font-weight:600;line-height:1.4}.friends-rule{background:var(--line);flex:1;height:1px}.friends-glow-note{text-align:right;color:var(--muted);margin:0 0 30px;font-size:13px}.friends-glow-note span{color:#98c1d9}.friends-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.friend-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:20px;transition:transform .52s cubic-bezier(.2,.75,.22,1),box-shadow .52s;position:relative}.friends-template .friends-page .friend-card.reveal-item{transition:opacity .65s,filter .58s,translate .82s cubic-bezier(.22,.72,.2,1),transform .52s cubic-bezier(.2,.75,.22,1),box-shadow .52s;transition-delay:0s!important}.friend-site{min-width:0;color:var(--ink);align-items:center;gap:15px;display:flex}.friend-avatar{background:var(--soft);width:60px;height:60px;color:var(--secondary);border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid;position:relative;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.friend-info{flex:1;min-width:0;display:block}.friend-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:19px;font-weight:600;overflow:hidden}.friend-description{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:14px;line-height:1.4;display:block;overflow:hidden}.friend-site:hover h3,.friend-small:hover span{color:var(--blue)}.friend-latest{background:var(--soft);border-radius:14px;align-items:center;gap:10px;min-height:40px;margin-top:15px;padding:10px 15px;font-size:13px;line-height:1.5;display:flex}.friend-post{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--secondary);flex:1;overflow:hidden}.friend-post:hover{color:var(--blue)}.friend-latest time{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:12px}.friend-no-post{color:var(--muted)}.friend-recent-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.friend-card.is-recent{animation:6s ease-in-out infinite friend-halo;box-shadow:0 0 12px #98c1d933,0 -6px 22px #98c1d952}@keyframes friend-halo{0%,to{box-shadow:0 0 12px #98c1d933,0 -6px 22px #98c1d952}25%{box-shadow:0 0 12px #98c1d933,6px 0 22px #98c1d952}50%{box-shadow:0 0 12px #98c1d933,0 6px 22px #98c1d952}75%{box-shadow:0 0 12px #98c1d933,-6px 0 22px #98c1d952}}.friends-small-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 24px;display:grid}.friends-small-grid.friends-lost{grid-template-columns:repeat(4,minmax(0,1fr))}.friend-small{min-width:0;color:var(--secondary);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8px 0;display:flex}.friend-small img{object-fit:contain;background:var(--soft);border-radius:50%;flex:none;width:64px;height:64px}.friend-small span{overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.5;transition:color .2s}.friends-lost img{filter:grayscale();opacity:.75}.friends-portals{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px 48px;margin-top:46px;display:flex}.friends-portals a{justify-content:center;align-items:center;min-height:44px;display:flex}.friends-portals img{object-fit:contain;width:129px;height:40px}.friends-exchange{grid-template-columns:1fr 1fr;align-items:center;gap:46px;display:grid}.friends-exchange-section{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:40px;box-shadow:0 18px 38px -28px #0a0a0a2e}.friends-exchange-section .friends-section-heading{text-align:center;justify-content:center;margin-bottom:34px}.friends-exchange-section .friends-section-heading h2{font-size:28px}.friends-exchange-copy{border-left:2px solid #98c1d9;padding:4px 0 4px 22px}.friends-exchange-copy p{color:var(--secondary);margin:0;font-size:15px;line-height:2}.friends-exchange-copy .friends-exchange-lead{color:var(--ink);letter-spacing:-.025em;margin-bottom:16px;font-size:21px;font-weight:550;line-height:1.7}.friends-exchange-copy>a{color:var(--blue);align-items:center;gap:12px;margin-top:20px;font-size:14px;display:inline-flex}.friends-site-details{background:var(--soft);border-radius:18px;min-width:0;padding:26px}.friends-site-identity{align-items:center;gap:14px;margin-bottom:24px;display:flex}.friends-site-identity img{border-radius:50%;flex:none;width:48px;height:48px}.friends-site-identity h3{color:var(--muted);margin:0 0 3px;font-size:11px;font-weight:400;line-height:1.6}.friends-site-identity a{color:var(--ink);letter-spacing:-.03em;font-size:19px;font-weight:600;line-height:1.4}.friends-site-details dl{grid-template-columns:auto minmax(0,1fr);gap:13px 18px;margin:0;font-size:13px;line-height:1.8;display:grid}.friends-site-details dt{color:var(--muted)}.friends-site-details dd{color:var(--secondary);overflow-wrap:anywhere;margin:0}.friends-site-details dd a{color:var(--blue)}.friends-site-details dd a:hover{text-underline-offset:3px;text-decoration:underline}@media (hover:hover){.friend-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px -27px #0a0a0a4d}}@media (width<=950px){.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-small-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.friends-exchange{gap:36px}}@media (width<=760px){.friends-page{width:calc(100% - 40px);padding-top:60px}.friends-heading{margin-bottom:40px}.friends-heading h1{font-size:40px}.friends-section+.friends-section{margin-top:60px}.friends-section-heading{gap:18px;margin-bottom:24px}.friends-section-heading h2{font-size:23px}.friends-grid{gap:20px}.friend-card{padding:18px}.friend-avatar{width:52px;height:52px}.friend-info h3{font-size:17px}.friend-description{font-size:13px}.friend-site{gap:12px}.friend-latest{padding:10px 12px;font-size:12px}.friend-latest time{font-size:11px}.friends-small-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.friends-small-grid.friends-lost{grid-template-columns:repeat(4,minmax(0,1fr))}.friend-small img{width:56px;height:56px}.friend-small span{font-size:14px}.friends-exchange{grid-template-columns:1fr;gap:30px}.friends-exchange-section{padding:26px}}@media (width<=520px){.friends-heading h1{font-size:36px}.friends-heading p{font-size:15px}.friends-grid{grid-template-columns:minmax(0,1fr)}.friends-glow-note{margin-bottom:24px;font-size:12px}.friends-small-grid,.friends-small-grid.friends-lost{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.friend-small{gap:12px}.friend-small img{width:60px;height:60px}.friends-portals{gap:20px 30px}.friends-portals img{width:112px}.friends-site-details dl{gap:10px 14px}.friends-exchange-section{padding:22px}.friends-exchange-copy p{font-size:14px}}@media (width<=760px){.friends-exchange-section .friends-section-heading{margin-bottom:28px}.friends-exchange-section .friends-section-heading h2{font-size:25px}.friends-exchange-copy{padding-left:18px}.friends-exchange-copy .friends-exchange-lead{font-size:20px}.friends-site-details{padding:22px}}@media (width<=520px){.friends-site-details{padding:20px}.friends-site-details dl{grid-template-columns:minmax(0,1fr);gap:3px}.friends-site-details dd+dt{margin-top:10px}.friends-site-identity{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.friend-card,.friend-small span{transition:none}.friend-card:hover{transform:none}.friend-card.is-recent{animation:none}}