.p2pf-start{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.p2pf-card{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;gap:.75rem;min-width:0;padding:1.1rem 1.2rem;display:flex}.p2pf-card>.btn{align-self:flex-start}.p2pf-card-title{color:var(--text-primary);overflow-wrap:anywhere;align-items:center;gap:.5rem;margin:0;font-size:.98rem;font-weight:700;display:flex}.p2pf-card-title>svg{color:var(--accent-indigo);flex-shrink:0}.p2pf-join{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.p2pf-join .ui-field{flex:220px}.p2pf-code-input{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.p2pf-offer{border-color:var(--accent-indigo)}.p2pf-table{max-height:280px;overflow-y:auto}.p2pf-table .tool-table td.p2pf-name{white-space:normal;overflow-wrap:anywhere;min-width:10rem}.p2pf-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.p2pf-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.p2pf-item{border:1px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-input);align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.p2pf-item>svg{color:var(--text-secondary);flex-shrink:0}.p2pf-item .p2pf-name{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;flex:1;font-size:.88rem}.p2pf-item .btn{flex-shrink:0;text-decoration:none}@media (width<=720px){.p2pf-start{grid-template-columns:minmax(0,1fr)}}