.friend-page{max-width:880px;padding-bottom:120px}.friend-stack{gap:22px;display:grid}.friend-panel{padding:22px 24px}.friend-form{gap:10px;display:grid}.friend-field{background:var(--ax-tray);box-shadow:inset 0 0 0 1px var(--ax-tray-line);color:var(--ax-muted);transition:box-shadow .3s var(--ax-spring), background-color .3s;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 18px;display:flex}.friend-field:focus-within{background:var(--ax-core);box-shadow:inset 0 0 0 1px var(--ax-gold), 0 0 0 4px var(--ax-gold-soft);color:var(--ax-gold)}.friend-field input{min-width:0;height:44px;color:var(--ax-ink);font:inherit;letter-spacing:.01em;background:0 0;border:0;outline:none;flex:1;font-size:17px}.friend-field input::placeholder{color:var(--ax-faint)}.friend-field .ax-btn{min-height:44px}.friend-hint{color:var(--ax-muted);margin:0 0 0 20px;font-size:12.5px}.friend-card{overflow:hidden}.friend-card-body{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:22px;padding:16px 28px 26px;display:grid;position:relative}.friend-card-body .forum-avatar{width:84px;height:84px;box-shadow:0 0 0 4px var(--ax-core), 0 0 0 5px var(--ax-line), 0 14px 28px -18px #1c1e2180;margin-top:-58px;font-size:30px;position:relative}.friend-card-identity{gap:8px;min-width:0;display:grid}.friend-card-identity h2{color:var(--ax-ink);font-family:var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:300;line-height:1.1}.friend-card-tags{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.friend-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.friend-privacy{margin:0 6px;font-size:12.5px}.friend-privacy a{color:var(--ax-muted);text-decoration:underline;-webkit-text-decoration-color:var(--ax-line-strong);text-decoration-color:var(--ax-line-strong);text-underline-offset:3px;transition:color .3s}.friend-privacy a:hover{color:var(--ax-ink)}@media (max-width:640px){.friend-panel{padding:16px}.friend-field{padding-left:14px}.friend-field input{font-size:16px}.friend-field .ax-btn{padding-left:14px}.friend-card-body{grid-template-columns:auto minmax(0,1fr);padding:12px 18px 20px}.friend-card-body .forum-avatar{width:64px;height:64px;margin-top:-44px;font-size:24px}.friend-card-actions{grid-column:1/-1;justify-content:flex-start}}.friend-tabs{justify-self:start}.friend-tab-count{background:var(--ax-gold);color:#fff;min-width:20px;font:600 10.5px/1.5 var(--font-mono);text-align:center;border-radius:999px;padding:1px 6px}.friend-note{color:var(--ax-ok);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.friend-group{gap:12px;display:grid}.friend-group h2{color:var(--ax-muted);font:500 10.5px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0 6px}.friend-group h2 span{color:var(--ax-faint);margin-left:6px}.friend-rows{margin:0;padding:0;list-style:none;overflow:hidden}.friend-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:14px 18px;display:grid}.friend-row+.friend-row{border-top:1px solid var(--ax-line)}.friend-row.is-incoming{background:color-mix(in srgb, var(--ax-gold-soft) 60%, transparent)}.friend-person{min-width:0;color:var(--ax-ink);align-items:center;gap:12px;display:flex}.friend-person .forum-avatar{flex:none;width:44px;height:44px}.friend-person-text{gap:2px;min-width:0;display:grid}.friend-person-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.friend-person-text small{text-overflow:ellipsis;white-space:nowrap;color:var(--ax-muted);font-size:12.5px;overflow:hidden}a.friend-person:hover strong{color:var(--ax-gold)}.friend-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.friend-row-actions .ax-btn{min-height:34px;padding-inline:13px;font-size:12.5px}.friend-row-actions .friend-remove{padding-inline:10px}.friend-confirm{background:var(--ax-danger-soft);color:var(--ax-ink-2);border-radius:14px;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px 10px;padding:10px 14px;font-size:13px;display:flex}.friend-confirm p{flex:220px;margin:0}@media (max-width:640px){.friend-row{grid-template-columns:minmax(0,1fr)}.friend-row-actions{justify-content:flex-start}}