.friends-page{color:#eff7ff;background:radial-gradient(at 10% 0,#125b5266,#0000 60%),#071827;min-height:100dvh;padding:2.25rem 1.25rem 6.875rem}.friends-shell{max-width:60rem;margin:auto}.friends-back{color:#b8d5e0;font-size:.8125rem}.friends-page header{margin:1.875rem 0}.friends-page h1{letter-spacing:-.0625rem;font-size:2.625rem;font-weight:900}.friends-eyebrow{text-transform:uppercase;letter-spacing:.125rem;color:#86e5d3;font-size:.6875rem;font-weight:800}.friends-page p{color:#b3cad8;font-size:.875rem;line-height:1.7}.friends-card{background:#112c3ce6;border:1px solid #ffffff20;border-radius:1.375rem;margin-bottom:1.25rem;padding:1.5rem}.friends-card h2{margin-bottom:.875rem;font-size:1.3125rem;font-weight:850}.friends-card h2 span{background:#254c5e;border-radius:1.25rem;margin-left:.5rem;padding:.25rem .5625rem;font-size:.8125rem}.friends-card li{overflow-wrap:anywhere;border-top:1px solid #fff1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-size:.875rem;display:flex}.friends-card small{color:#90afbf;font-size:.6875rem}.friends-add label{margin-bottom:.875rem;font-size:1.0625rem;font-weight:800;display:block}.friends-add>div{gap:.625rem;display:flex}.friends-add input{color:#fff;background:#071827;border:1px solid #fff3;border-radius:.6875rem;flex:1;min-width:0;padding:.8125rem}.friends-page button,.friends-primary{color:#0e392b;cursor:pointer;white-space:nowrap;background:#92f1ce;border-radius:.625rem;padding:.75rem .9375rem;font-size:.75rem;font-weight:850}.friends-page button.quiet{color:#c1d5e2;background:0 0;border:1px solid #fff3}.friends-page button:disabled{opacity:.5;cursor:wait}.friends-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.friends-columns{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.friends-error{background:#602438;border:1px solid #fa899d;border-radius:.75rem;margin-bottom:1.25rem;padding:.9375rem}.friends-error a,.friends-host{color:#93efd1;text-decoration:underline}.friends-host{margin-top:1.25rem;font-size:.8125rem;font-weight:800;display:inline-block}.friends-page :focus-visible{outline-offset:4px;outline:3px solid #facc65}@media (max-width:650px){.friends-columns{grid-template-columns:1fr;gap:0}.friends-card{padding:1.25rem}.friends-card li{flex-wrap:wrap}.friends-add>div{flex-direction:column}.friends-page h1{font-size:2.125rem}}