.friend-drawer__header{border-bottom:1px solid color-mix(in srgb, var(--border-light) 55%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.125rem;display:flex}.friend-drawer__title{color:var(--fg);margin:0;font-size:1rem;font-weight:700}.friend-drawer__close{border:1px solid color-mix(in srgb, var(--border-light) 70%, transparent);background:color-mix(in srgb, var(--bg-overlay) 60%, transparent);width:2rem;height:2rem;color:var(--fg);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.friend-drawer__close:hover{background:color-mix(in srgb, var(--fg) 10%, transparent);border-color:color-mix(in srgb, var(--fg) 22%, transparent)}.friend-drawer__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.friend-drawer__body{flex-direction:column;gap:1rem;padding:1.125rem;display:flex}.friend-drawer__prose{color:var(--fg-muted);flex-direction:column;gap:.5rem;margin:0;font-size:.875rem;line-height:1.55;display:flex}.friend-drawer__prose p{margin:0}.friend-drawer__prose strong{color:var(--fg);font-weight:600}.friend-drawer__actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.friend-drawer__btn{min-height:2.5rem;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:0 1rem;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.friend-drawer__btn:disabled{opacity:.58;cursor:not-allowed}.friend-drawer__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.friend-drawer__btn--primary{background:var(--accent);border:1px solid color-mix(in srgb, var(--accent-fg) 30%, transparent);color:#fff}.friend-drawer__btn--primary:hover:not(:disabled){background:var(--accent-dark)}.friend-drawer__btn--secondary{background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border:1.5px solid color-mix(in srgb, var(--fg) 15%, transparent);color:var(--fg)}.friend-drawer__btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 10%, transparent)}.friend-drawer__btn--danger{color:#fff;background:#ef4444;border:1px solid #ef444499}.friend-drawer__btn--danger:hover:not(:disabled){background:#d23c3c}@media (max-width:420px){.friend-drawer__actions{grid-template-columns:1fr}}